@charset "euc-jp";

/*

season.css

*/

/* CLEARFIX */
.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
}
.clearfix { display: inline-block; }

img { boder:none; }

#xmas .section01 { clear: both; padding-top: 10px;}
#xmas .section02 { clear: both; padding-top: 30px;}
#xmas .section03 { clear: both; padding-top: 50px;}
#xmas .section04 { clear: both; margin-top: 20px;}
#xmas .gotoTop{ text-align: right; margin: 10px 20px;}
#xmas .mt18{ margin-top: 18px;}

/*------------------------------------------------
ロールオーバー
/*----------------------------------------------*/
#xmas .btn a:hover img,
#xmas .btn02 a:hover img,
#xmas .gotoTop a:hover img {
	opacity:0.8;
	filter:alpha(opacity=80);
	-ms-filter: "alpha( opacity=80 )";
	background-color: #fff;
}

/* --------------------------------------------------------------
クリスマス特集
----------------------------------------------------------------*/

#xmas{
	padding-bottom: 30px;
	width: 750px;
	color: #333;
	font-size: 12px;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	text-align : left;
	line-height: 130%;
}

#xmas #wrapBox{
	background: url(../season/images/xmas/xmas_bg.gif) left top repeat-y;
	width: 750px;
	padding-bottom: 20px;
}

#xmas #wrapBox .sttlBox{ clear: both; position:relative; height: 82px;}
#xmas #wrapBox .sttlBox .sttl{ position:absolute; left: 0; top: 0;}
#xmas #wrapBox .sttlBox dl{ position: absolute; width: 562px; left: 130px; top: 54px;}
#xmas #wrapBox .sttlBox dl dt{ float:left; width: 133px; margin-right: 10px;}
#xmas #wrapBox .sttlBox dl dd{ float:left; width: 133px;}

#xmas #wrapBox .itemBox{ clear: both; width: 716px; margin: 0 0 0 15px; border: 2px solid #ece1c5; border-top: none; background-color: #fff}
#xmas #wrapBox .itemBox .shohinBox01{ margin: 20px 0 10px; }
#xmas #wrapBox .itemBox .shohinBox01 .imgL{ float: left; width: 365px; margin-left: 5px;}
#xmas #wrapBox .itemBox .shohinBox01 .contR{ float: left; width: 310px; margin: 50px 0 0 15px;}
#xmas #wrapBox .itemBox .shohinBox01 .name{ border-bottom: 1px dotted #666; padding-bottom: 5px;}
#xmas #wrapBox .itemBox .shohinBox01 .prc{ text-align: right; margin: -5px 0 0 0; padding: 0; }
#xmas #wrapBox .itemBox .shohinBox01 .spec{ margin-top: 20px; text-align: justify; text-justify: distribute;}
#xmas #wrapBox .itemBox .shohinBox01 .btn{ text-align: center; margin-top: 20px;}
#xmas #wrapBox .itemBox .shohinBox01 .btn02{ clear: both; float:left; margin-top: 75px;}
#xmas #wrapBox .itemBox .shohinBox01 .simg{ float:right;}
#xmas #wrapBox .itemBox .shohinBox01 .imgR{ float:right; width: 350px; margin-right: 10px; padding-bottom: 10px;}
#xmas #wrapBox .itemBox .shohinBox01 .contL{ float:left; width: 330px; margin: 30px 0 0 12px;}

#xmas #wrapBox .itemBox .line{ border-bottom: 1px solid #ece1c5;}

#xmas #wrapBox .itemBox .shohinBox02{ margin: 20px 0 10px; }
#xmas #wrapBox .itemBox .shohinBox02 .contT{ width: 686px; margin: 0 15px;}
#xmas #wrapBox .itemBox .shohinBox02 .name{ border-bottom: 1px dotted #666; padding-bottom: 5px;}
#xmas #wrapBox .itemBox .shohinBox02 .spec{ text-align: justify; text-justify: distribute;}
#xmas #wrapBox .itemBox .shohinBox02 .contB{ width: 696px; margin: 15px 10px;}
#xmas #wrapBox .itemBox .shohinBox02 .contB .shohinNaiyouL{ float: left; width: 215px; margin-top: 180px;}
#xmas #wrapBox .itemBox .shohinBox02 .contB .shohinNaiyouR{ float: right; width: 215px; margin-top: 180px;}
#xmas #wrapBox .itemBox .shohinBox02 .contB .shohinImg{ float: left; margin: 0 0 10px 3px; width: 250px;}
#xmas #wrapBox .itemBox .shohinBox02 .contB .btn{ text-align: center; margin-top: 15px;}
#xmas #wrapBox .itemBox .shohinBox02 .contB .priceR{ text-align: right;}
#xmas #wrapBox .itemBox .shohinBox02 .contB .priceL{ text-align: left;}

#xmas #wrapBox .itemBox .shohinBox03{ margin: 20px 0 10px; }
#xmas #wrapBox .itemBox .shohinBox03 .shohinBoxL{ width: 315px; margin: 10px 20px; float:left;}
#xmas #wrapBox .itemBox .shohinBox03 .shohinBoxR{ width: 315px; margin: 10px 20px; float:right;}
#xmas #wrapBox .itemBox .shohinBox03 .name{	border-bottom: 1px dotted #666;	padding-bottom: 5px;}
#xmas #wrapBox .itemBox .shohinBox03 .prc{ text-align: right; margin: -5px 0 0 0; padding: 0; }
#xmas #wrapBox .itemBox .shohinBox03 .spec{ margin-top: 20px; text-align: justify; text-justify: distribute; height: 115px;}
#xmas #wrapBox .itemBox .shohinBox03 .btn{ text-align: center;}

#xmas #wrapBox .itemBox .shohinBox04{ margin: 20px 0 10px; }
#xmas #wrapBox .itemBox .shohinBox04 .imgL{ float: left; width: 345px; margin-left: 10px;}
#xmas #wrapBox .itemBox .shohinBox04 .contR{ float: right; width: 335px; margin: 0 10px 0 10px;}
#xmas #wrapBox .itemBox .shohinBox04 .name{ border-bottom: 1px dotted #666; padding-bottom: 5px;}
#xmas #wrapBox .itemBox .shohinBox04 .prc{ text-align: right; margin: -5px 0 0 0; padding: 0; }
#xmas #wrapBox .itemBox .shohinBox04 .spec{ margin-top: 15px; text-align: justify; text-justify: distribute;}
#xmas #wrapBox .itemBox .shohinBox04 .btn{ text-align: center; margin-top: 15px;}
#xmas #wrapBox .itemBox .shohinBox04 .imgR{ float:right; width: 360px; margin: 10px 10px 0 10px; padding-bottom: 10px;}
#xmas #wrapBox .itemBox .shohinBox04 .contL{ float:left; width: 320px; margin: 5px 0 0 12px;}
#xmas #wrapBox .itemBox .shohinBox04 .imgR2{ float:right; width: 345px; margin-right: 10px; padding-bottom: 10px;}
#xmas #wrapBox .itemBox .shohinBox04 .contL2{ float:left; width: 330px; margin: 5px 0 0 12px;}
#xmas #wrapBox .itemBox .shohinBox04 .sImg{ text-align: center;}


/*---------------------------------------IE6用--------------------------------------------------------------------*/
*html #xmas #wrapBox .itemBox .shohinBox01 .contL{ float:left; width: 330px; margin: 30px 0 0 4px;}

*html #xmas #wrapBox .itemBox .shohinBox03 .shohinBoxL{ width: 315px; margin: 10px 10px; float:left;}
*html #xmas #wrapBox .itemBox .shohinBox03 .shohinBoxR{ width: 315px; margin: 10px 10px; float:right;}

*html #xmas #wrapBox .itemBox .shohinBox04 .imgL{ float: left; width: 345px; margin-left: 5px;}
*html #xmas #wrapBox .itemBox .shohinBox04 .contR{ float: right; width: 335px; margin: 0 5px 0 5px;}
*html #xmas #wrapBox .itemBox .shohinBox04 .imgR{ float:right; width: 360px; margin: 10px 5px 0 5px; padding-bottom: 10px;}
*html #xmas #wrapBox .itemBox .shohinBox04 .contL{ float:left; width: 320px; margin: 5px 0 0 7px;}
*html #xmas #wrapBox .itemBox .shohinBox04 .imgR2{ float:right; width: 345px; margin-right: 5px; padding-bottom: 10px;}
*html #xmas #wrapBox .itemBox .shohinBox04 .contL2{ float:left; width: 330px; margin: 5px 0 0 7px;}