@charset "utf-8";
/* ------------------------------------------------
 * Style Name  :  home.css
 * --------------------------------------------- */


iframe.iframeRank { width:100%; height:390px; }
iframe.iframePickup { width:100%; height:275px; }


/* Base
 * --------------------------------------------- */
a img { border: none; }
#home {
	width: 705px;
	float: right;
}
.no-border {
  border:none;
  outline:none;
}


/* Key Visual
 * --------------------------------------------- */
#kv {
	margin:0 auto;
	width: 705px; 
	height: 545px;
	position:relative;
	z-index:100;
	/position:inherit;
	/z-index:1;
}
#kv .imgWrap{ 
	width: 705px; 
	height: 435px; 
	overflow: hidden;
	position: relative; 
	top: auto; 
	right: auto;
	bottom: auto; 
	left: auto; 
}
#kv .images {
	width: 705px; 
	height: 435px; 
	margin-bottom: 3px;
	overflow: hidden;
}
#kv .images a {
	width: 705px; 
	height: 435px; 
	display: block;
	float: left;
}

#kv .thmWrap {
	width: 705px;
 height:65px;
 border-top:1px solid #ffffff;
	background-color:#f9f9f9;
	z-index:1;
}

#kv .thmWrap .caroufredsel_wrapper{
	width: 705px !important;
	height: 65px !important;
	margin: 0px; 
	position: relative; 
	top: auto; 
	right: auto; 
	bottom: auto; 
	left: 0px; 
	overflow: hidden;
}
#kv .thumbs {
	height: 65px;
	padding: 7px 0 5px 0;
	overflow: hidden;
}
#kv .thumbs li {
	display:block;
 background:#FFF;
	float:left;
	cursor: pointer;
	margin: 0 8px 0 7px;
	width: 206px;
	height: 48px;
	border-bottom: 1px solid #dddddd;
	border-right: 1px solid #dddddd;
	opacity: 0.3;
}
#kv .thumbs li {
	opacity: 0.5;
}
#kv .thumbs li.active,
#kv .thumbs li:hover {
	opacity: 1;
}
#kv .thumbs li strong {
	display: inline-block;
	overflow: hidden;
 float:left;
 width:66px;
	height: 40px;
 margin:4px 0 0 4px;
 background:#999999;
}
#kv .thumbs li strong img {
	display: block;
	width: 66px;
 vertical-align:bottom;
 font-size:0;
 line-height:0;
}
#kv .thumbs li span {
	display: inline-block;
	width: 125px;
	margin: 11px 0 0 9px;
 line-height:1.25;
}

#kv .prev,
#kv .next {
	width: 9px;
	height: 59px;			
	display: block;				
	text-indent: -999em;
	background: url(../img/kv_arrow_left.gif) no-repeat 0 0;
	position: absolute;
	top: 440px;				
}
#kv .prev {
	left: 0px;
}
#kv .next {
	background: url(../img/kv_arrow_right.gif) no-repeat 0 0;
	right: 0px;
}


/* header Visual
 * --------------------------------------------- */
#hv {
	margin:0 auto;
	width: 930px; 
	height: 325px;
	position:relative;
	z-index:100;
	/position:inherit;
	/z-index:1;
}
#hv .imgWrap{ 
	width: 930px; 
	height: 325px; 
	overflow: hidden;
	position: relative; 
	top: auto; 
	right: auto;
	bottom: auto; 
	left: auto; 
}
#hv .images {
	width: 930px; 
	height: 325px; 
	margin-bottom: 3px;
	overflow: hidden;
}
#hv .images a {
	width: 930px; 
	height: 325px; 
	display: block;
	float: left;
}
/*
#hv .thmWrap {
	width: 705px;
 height:65px;
 border-top:1px solid #ffffff;
	background-color:#f9f9f9;
	z-index:1;
}
*/
/*
#hv .thmWrap .caroufredsel_wrapper{
	width: 705px !important;
	height: 65px !important;
	margin: 0px; 
	position: relative; 
	top: auto; 
	right: auto; 
	bottom: auto; 
	left: 0px; 
	overflow: hidden;
}

#hv .thumbs {
	height: 65px;
	padding: 7px 0 5px 0;
	overflow: hidden;
}
#hv .thumbs li {
	display:block;
 background:#FFF;
	float:left;
	cursor: pointer;
	margin: 0 8px 0 7px;
	width: 206px;
	height: 48px;
	border-bottom: 1px solid #dddddd;
	border-right: 1px solid #dddddd;
	opacity: 0.3;
}
#hv .thumbs li {
	opacity: 0.5;
}
#hv .thumbs li.active,
#hv .thumbs li:hover {
	opacity: 1;
}
#hv .thumbs li strong {
	display: inline-block;
	overflow: hidden;
 float:left;
 width:66px;
	height: 40px;
 margin:4px 0 0 4px;
 background:#999999;
}
#hv .thumbs li strong img {
	display: block;
	width: 66px;
 vertical-align:bottom;
 font-size:0;
 line-height:0;
}
#hv .thumbs li span {
	display: inline-block;
	width: 125px;
	margin: 11px 0 0 9px;
 line-height:1.25;
}

#hv .prev,
#hv .next {
	width: 9px;
	height: 59px;			
	display: block;				
	text-indent: -999em;
	background: url(../img/kv_arrow_left.gif) no-repeat 0 0;
	position: absolute;
	top: 440px;				
}
#hv .prev {
	left: 0px;
}
#hv .next {
	background: url(../img/kv_arrow_right.gif) no-repeat 0 0;
	right: 0px;
}
*/


/* What's new
 * --------------------------------------------- */
#new {
	width: 705px;
	margin: 0 auto 45px;
}

#new h2 {
 text-indent:-999em;
 width:705px;
 height:45px;
 background:url(../img/news_title.gif) no-repeat 0 0;
}

#new .info {
 padding:25px 15px 10px;
}

#new .info li {
 clear:both;
 display:block;
 padding:0 0 10px 0;
}

#new .info li strong,
#new .info li span,
#new .info li p { float:left; display:inline-block; }

#new .info li span { width:7.5em; font-weight:bold; }

#new .info li strong { font-weight:normal; color:#FFF; text-align:center; width:4em; line-

height:1; padding:2px 0 1px 0; font-family:Arial, Helvetica, sans-serif; font-size:10px; }
#new .info li.event strong { background:#e66060; }
#new .info li.newitem strong { background:#99cccc; }

#new .info li p { padding:0 0 0 10px; }

#new .item {}
#new .wrap {
 background:url(../img/news_title_2.gif) no-repeat;
	width: 700px;
	height: 124px;
	overflow: hidden;
	position: relative;
	top: auto;
	right: auto;
	bottom: auto;
	left: auto;
 padding:17px 0 0 5px;
}
#new .slide {
	height: 124px;
	font-size: 0;
	line-height: 0;
}
#new .slide li {
	float: left;
	cursor: pointer;
	margin: 0 12px 0 0;
	padding: 0;
	width: 124px;
	height: 124px;
	display: block;
}
#new .slide li a {
	display: block;
	width: 124px;
	height: 124px;
}
#new .slide li img {
	width: 100%;
}
#new .item .prev, #new .item .next {
	width: 9px;
	height: 80px;			
	display: block;				
	text-indent: -999em;
	background: url(../img/news_arrow_left.gif) no-repeat;
	position: absolute;
	top: 39px;				
}
#new .item .prev {
	left: 0px;
}
#new .item .next {
	background: url(../img/news_arrow_right.gif) no-repeat;
	right: 0px;
}

#new p { padding:25px 0 0 0; text-align:right; line-height:1.1; }

#new p.arrow a { background: url(https://thome.itembox.design/item/img/arrow_1.gif) no-repeat 0 0; padding: 0 0 0 0.8em; } 


/* Ranking
 * --------------------------------------------- */
#ranking { width:705px; margin:0 auto; }
#ranking h2 { background:url(https://thome.itembox.design/item/img/rank_title.gif) no-repeat; width:705px; height:45px; 

text-indent:-999em; margin:0 0 30px 0; }

#ranking .p1 { float:left; }
#ranking .p2 { float:right; }

#ranking .box { width:345px; background:url(https://thome.itembox.design/item/img/rank_bg_1.gif) no-repeat 0 bottom; 

padding:0 0 10px 0; }

#ranking .box h3 { margin:0; padding:0; }
#ranking .box ol { padding:0 0 0 34px; }

#ranking .box ol li { float:left; list-style:none; margin:0; padding:0; line-height:1.3; }

#ranking .box ol li img { width:100%; margin:0 0 7px 0; }

#ranking .box ol li.r1,
#ranking .box ol li.r2 { width:120px; margin:0 32px 10px 0; padding:37px 0 0 0; }

#ranking .box ol li.r3,
#ranking .box ol li.r4,
#ranking .box ol li.r5 { width:84px; margin:0 10px 0 0; padding:27px 0 0 0; }

#ranking .box ol li.r1 { background:url(https://thome.itembox.design/item/img/rank_img_1.gif) no-repeat center 0; }
#ranking .box ol li.r2 { background:url(https://thome.itembox.design/item/img/rank_img_2.gif) no-repeat center 0; }
#ranking .box ol li.r3 { background:url(https://thome.itembox.design/item/img/rank_img_3.gif) no-repeat center 0; }
#ranking .box ol li.r4 { background:url(https://thome.itembox.design/item/img/rank_img_4.gif) no-repeat center 0; }
#ranking .box ol li.r5 { background:url(https://thome.itembox.design/item/img/rank_img_5.gif) no-repeat center 0; }

#ranking .box ol li a{}
#ranking .box ol li b {}
#ranking .box ol li h4 { margin:0; padding:0; }
#ranking .box ol li p { margin:0; padding:0;}


/* Banner
 * --------------------------------------------- */
#banner { width:705px; margin:0 auto 30px; position:relative; overflow:hidden; }
#banner p { margin:0 0 15px 0; padding:0; }
#banner ul { width:720px; margin:0 0 0 -15px; padding:0; }
#banner ul li { list-style:none; padding:0 0 15px 15px; float:left; }


/* Towel
 * --------------------------------------------- */
#towel { width:705px; margin:0 auto 45px; clear:both;}
#towel h2 { background:url(../img/towel_title.gif) no-repeat 0 0; width:705px; height:45px; 

margin:40px 0 25px 0; text-indent:-999em; }
#towel .inner { background:url(../img/towel_bg_1.gif) repeat-y center 0; margin:0 0 30px 0; 

}
#towel .l { width:325px; float:left; }
#towel .r { width:325px; float:right; }
#towel .box { position:relative; overflow:hidden;}
#towel .box h3 { margin:0 0 10px 0; }
#towel .box p { line-height:2;}
#towel .box dl { width:337px; padding:10px 0 0 0;}
#towel .box dl dt { margin:0 0 8px 0; }
#towel .box dl dd { width:100px; float:left; padding:0 12px 0 0; }
#towel .box dl dd img { width:100%; margin:0 0 8px 0; }
#towel .box dl dd strong {}
#towel .box dl dd span {}
#towel .link { background:url(../img/towel_bg_3.gif) no-repeat 0 bottom; margin:0 0 10px 0; 

}
#towel .link ul { background:url(../img/towel_bg_2.gif) no-repeat 0 0; padding:10px 0 30px 

35px; }
#towel .link ul li { float:left;}
#towel .link ul li.line1 { width:160px; }
#towel .link ul li.line2 { width:170px; }
#towel .link ul li.line3 { width:170px; }
#towel .link ul li.line4 { width:160px; }
#towel .link ul li dl {}
#towel .link ul li dl dt { font-weight:bold; margin:0 0 7px 0; padding:15px 0 0 0; }
#towel .link ul li dl dd { margin: 0 0 3px 0; }
#towel p { text-align:left; }
#towel p.towellist { text-align:right; }


/* Goods
 * --------------------------------------------- */
#goods  { width:705px; margin:0 auto 55px; clear:both;}
#goods h2 { background:url(../img/goods_title.gif) no-repeat 0 0; width:705px; height:45px; 

margin:0 0 25px 0; text-indent:-999em; }

#goods .pickup { width:705px; margin:0 auto; padding:50px 0 0 0; clear:both; 

overflow:hidden;}
#goods .pickup h3 { background:url(../img/pickup_title.gif) no-repeat; width:705px; 

height:7px; margin:0 0 13px 0; text-indent:-999em; }
#goods area { border:none; outline:none; }

body.pickup { margin:0; padding:0; }
body.pickup ul { width:715px; margin:0; padding:0; }
body.pickup ul li { width:132px; height:132px; overflow:hidden; float:left; margin:0 10px 

10px 0; }
body.pickup ul li img { width:100%;}

/* Gift
 * --------------------------------------------- */
#gift {width:705px; margin:0 auto 55px; clear:both;}


/* hinshitu
 * --------------------------------------------- */
#hinshitu {
	overflow:hidden
}
#hinshitu .hinshitu_left {
	width:477px;
	margin-left:10px;
	height:auto;
	float:left;
	
}
#hinshitu .point {
	width:198px;
	height:395px;
	margin-right:10px;
	float:right;
	background-image: url(../img/point.jpg);
	background-repeat: repeat;
	position: relative;
}
#hinshitu .point h4.point01 {
	width:auto;
	height:auto;
	position:absolute;
	left: 13px;
	top: 15px;
}
#hinshitu .point p.ptext01 {
	width:167px;
	height:auto;
	position:absolute;
	left: 13px;
	top: 49px;
	font-size:10px;
	line-height:150%;
	font-weight: bold;
	color: #6C1515;
}
#hinshitu .point h4.point02 {
	width:auto;
	height:auto;
	position:absolute;
	top: 95px;
	left: 13px;
}
#hinshitu .point p.ptext02 {
	width:167px;
	height:auto;
	position:absolute;
	left: 13px;
	top: 129px;
	font-size:10px;
	line-height:150%;
	font-weight: bold;
	color: #6C1515;
}
#hinshitu .point h4.point03 {
	width:auto;
	height:auto;
	position:absolute;
	top: 191px;
	left: 13px;
}
#hinshitu .point p.ptext03 {
	width:167px;
	height:auto;
	position:absolute;
	left: 13px;
	top: 241px;
	font-size:10px;
	line-height:150%;
	font-weight: bold;
	color: #6C1515;
}
#hinshitu .point h4.point04 {
	width:auto;
	height:auto;
	position:absolute;
	top: 302px;
	left: 13px;
}
#hinshitu .point p.ptext04 {
	width:167px;
	height:auto;
	position:absolute;
	left: 13px;
	top: 352px;
	font-size:10px;
	line-height:150%;
	font-weight: bold;
	color: #6C1515;
}


/* ------------------------------------------------
 * Font Size 0
 ------------------------------------------------ */
#new h2,
#ranking .box h3,
#banner,
#towel h2{
	font-size: 0;
	line-height: 0;
}


/* ------------------------------------------------
 * Clearfix
 ------------------------------------------------ */
#new .item .wrap,
#new .info li,
#ranking,
#ranking .box ol,
#banner ul,
#towel .inner,
#towel,
#towel .link ul {
	overflow:hidden;
	zoom:1;
}
#new .item .wrap:after,
#new .info li:after,
#ranking:after,
#ranking .box ol:after,
#banner ul:after,
#towel .inner:after,
#towel:after,
#towel .link ul:after {
	content: "";
	display: block;
	clear: both;
	height: 0;
	overflow: hidden;
}
* html #new .item .wrap,
* html #new .info li,
* html #ranking,
* html #ranking .box ol,
* html #banner ul,
* html #towel .inner,
* html #towel,
* html #towel .link ul {
	height: 1em;
	overflow: visible;
}