@charset "UTF-8";

/*初期化の設定
------------------------------------------------------------------------------*/
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{border:0;font-size:100%;font:inherit;vertical-align:baseline;margin:0;padding:0}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:none}table{border-collapse:collapse;border-spacing:0}
/*基本レイアウト
------------------------------------------------------------------------------*/
html,body {	height: 100%; background-attachment: fixed;/*fixedを追加するとIEの破線dashed 点線dottedの不具合を回避できる*//*overflow-y: scroll;*//*position: relative;*/}
* html body{padding-left:1px;} *+html body{padding-left:1px;}
/*基本フォント設定
------------------------------------------------------------------------------*/
body {font-size: 13px;*font-size:small;	*font:x-small;font-family: 'メイリオ',Meiryo,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','ＭＳ Ｐゴシック',sans-serif;	line-height: 1.3;color: #555;text-align: center;background: #FFF url(../images/bg.png) 0 0 repeat; position: relative;}
img{vertical-align: bottom;}
br { letter-spacing: 0; }
a {color: #8C0051;text-decoration: none;}
a:hover {text-decoration: underline;}
table { font-size:inherit; 	font:100%; }
pre,code,kbd,samp,tt {font-family:monospace;*font-size:108%;line-height:100%;}
strong{font-weight: bold;}
textarea {
}
h1,h2,h3,h4{font-weight:bold;}
/*共通の設定
------------------------------------------------------------------------------*/

/*■文字の設定*/
.fntS	{font-size: 77% !important;} /*10px*/
.fntL	{font-size: 108% !important;} /*14px*/
.fntXL	{font-size: 123.1% !important;} /*16px*/
.fnt2XL	{font-size: 138.5% !important;} /*18px*/
.fnt3XL	{font-size: 153.9% !important;} /*20px*/
.fnt4XL	{font-size: 182% !important;} /*24px*/

.Bld	{font-weight: bold !important;}
.Nml	{font-weight: normal !important;}
.clrRed {color: #F00;}
.aClr { color: #C00; text-decoration: underline;}
/*■配置の設定*/

/*縦位置*/
.vlgnT	{vertical-align: top !important;}
.vlgnM	{vertical-align: middle !important;}
.vlgnB	{vertical-align: bottom !important;}

/*横位置*/
.algnR	{text-align: right !important;}
.algnL	{text-align: left !important;}
.algnC	{text-align: center !important;}

/*■マージン、パディング設定*/
/*下マージ*/
.mgB1	{margin-bottom: 1px !important; }.mgB3	{margin-bottom: 3px !important;}
.mgB5	{margin-bottom: 5px !important; }.mgB10	{margin-bottom: 10px !important;}
.mgB15	{margin-bottom: 15px !important;}.mgB20	{margin-bottom: 20px !important;}
.mgB25	{margin-bottom: 25px !important;}.mgB30	{margin-bottom: 30px !important;}
.mgB35	{margin-bottom: 35px !important;}.mgB40	{margin-bottom: 40px !important;}
.mgB50	{margin-bottom: 50px !important;}.mgB60	{margin-bottom: 60px !important;}
.mgB70	{margin-bottom: 70px !important;}
/*右マージン*/
.mgR10	{margin-right: 10px !important;}.mgR15	{margin-right: 15px !important;}
.mgR20	{margin-right: 20px !important;}.mgR30	{margin-right: 30px !important;}
/*左右マージン*/
.mgRL5	{margin-right: 5px !important; margin-left: 5px !important;}.mgRL10	{margin-right: 10px !important; margin-left: 10px !important;}
.mgRL15	{margin-right: 15px !important; margin-left: 15px !important;}.mgRL20	{margin-right: 20px !important; margin-left: 20px !important;}

/*全てのマージン*/
.pg		{padding: 0 10px;}

/*左右パディング*/
.pgRL5	{padding-left:5px !important; padding-right: 5px !important;}
.pgRL10	{padding-left:10px !important; padding-right: 10px !important;}
.pgRL15	{padding-left:15px !important; padding-right: 15px !important;}
.pgRL20	{padding-left:20px !important; padding-right: 20px !important;}
/*上下パディング*/

.pg0	{padding:0 !important;}
.pgTB5	{padding: 5px 0 !important;}
.pgTB10	{padding: 10px 0 !important;}
.pgTB15	{padding: 15px 0 !important;}
.pgTB20	{padding: 20px 0 !important;}

/*■テキスト装飾設定*/

/*共通UL,OLの設定*/

ul.Dul {
	margin-left: 2em;
	list-style-type: disc;
}

ol.Dol {
	margin-left: 2em;
	list-style-type: decimal;
}
.arw{
	padding-left: 10px;	
	background: transparent url(../images/arw_1.png) left center no-repeat;
	text-decoration: underline;	
}

select.slcM{
	width: 45px;
	margin-right: 3px;
}
select.slcL{
	width: 195px;
}
table.Dtable{
	width: 100%;
	border-top: 1px solid #CCC;
	border-left: 1px solid #CCC;
}
table.Dtable th,
table.Dtable td{
	border-bottom: 1px solid #CCC;
	border-right: 1px solid #CCC;
	padding: 13px;
}
table.Dtable th{
	font-weight: bold;
	font-size: 108%;
	background: #EFEEF0;
	text-align: left;
	width: 161px;
	
}

.h2sub{
	position: relative;
}
.h2sub .arw{
	position: absolute;
	top: 50%;
	right: 20px;
	margin-top: -0.5em;
}
/*■ハック関連*/

/*段落ち回避用ハック*/
.cfix:after{content: ".";display: block;height: 0;clear: both;visibility: hidden;}
.cfix { display: inline-block;}
/*Hides from IE-mac\*/
*html .cfix{height:1%;}
.cfix{display: block}

/*段落ち回避用ハック*/
.cfixH:after{content: ".";display: block;clear: both;visibility: hidden;}
.cfixH { display: inline-block;}
/*Hides from IE-mac\*/
*html .cfixH{height:1%;}
.cfixH{display: block}

.hover:hover{
	-ms-filter: "alpha( opacity=50 )";
	filter: alpha( opacity=50 );
	opacity: 0.5;
}

/*レイアウトの設定
------------------------------------------------------------------------------*/
body .prmm{
	position: absolute;
	display: block;
	top: 0;
	right: 0;
	width: 60px;
	z-index: 100;
	background: transparent url(../images/pr_mmaga.png) left top repeat-y;
}
body .prfre{
	position: absolute;
	display: block;
	top: 0;
	left: 0;
	width: 60px;
	z-index: 100;	
	background: transparent url(../images/pr_free.png) left top repeat-y;
}
#wrap{
	margin: 0 auto;
	width: 1200px;
	min-height: 100%; 	
	text-align: left;
	background: #FFF;
	padding: 0 0 30px;	
}

#head{
	position: relative;
	margin: 0 auto;
	margin-bottom: 10px;
	width: 1050px;
	height: 233px;
}
#head h1{
	font-size: 70%;
	font-weight: normal;
	position: absolute;	
	left: 50px;
	color: #CCC;
}
#head .subMnu li{
	display: inline-block;
	/display: inline;
	/zoom: 1;
}
#head .logo{
	position: absolute;
	top: 20px;
	left: 50px;
}
#head .subMnu{
	position: absolute;
	top: 50px;
	right: 50px;
}
#head .subMnu li{
	margin-left: 10px;
}
#head .subMnu li a:hover img{
	-ms-filter: "alpha( opacity=50 )";
	filter: alpha( opacity=50 );
	opacity: 0.5;
}
#head .gMnu{
	width: 698px;
	height: 91px;
	position: absolute;
	top: 80px;
	left: 0px;
}
#head .gMnu li{
	display: inline-block;
	/display: inline;
	/zoom: 1;
}
#head .mMnu{
	width: 352px;
	height: 91px;	
	position: absolute;
	top: 80px;
	left: 698px;
}
#head .mMnu li{
	display: inline-block;
	/display: inline;
	/zoom: 1;
	vertical-align: top;
}
#head .prMnu{
	position: relative;
	top: 183px;
	left: 0;
	height: 50px;
}
#head .prMnu li.pm1{
	position: absolute;
	top: 0;
	left: 25px;
}
#head .prMnu li.pm2{
	position: absolute;
	top: 0;
	right: 25px;
}
/*キーイメージ*/

#key {
	position: relative;
	height: 333px;
	width: 100%;
	overflow: hidden;
}

#key #keyimg_view{
	display: none;
}

#key .nav_btn{
	position: absolute;
	width: 1000px;
	height: 510px;
	top: 0px;
	left: 50%;
	margin-left: -500px;
	cursor: pointer;
	pointer-events: none;
}

#key .nav_btn .left_nvi{
	position: absolute;
	top: 131px;
	left: -45px;
	cursor: pointer;	
	pointer-events: visible;
}
#key .nav_btn .right_nvi{
	position: absolute;
	top: 131px;
	left: 980px;
	pointer-events: visible;
}

#pr{
	margin: 0 auto;
	margin-bottom: 20px;
	width: 1000px;
	height: 80px;
}
#breadList{
	margin: 0 auto;
	margin-bottom: 5px;
	width: 1000px;
	font-size: 90%;
}
#contents{
	margin: 0 auto;
	width: 1000px;
}
#side{
	width: 278px;
	float: left;
}
#side .sLeft{
	width: 120px;
	float: left;
}
#side .sLeft .rankBox{
	padding: 3px 10px 5px;
	font-size: 70%;
	border: 1px solid #FF59B9;
	border-top: none;
	line-height: 1;
}
#side .sLeft .rankBox a{
	color: #000;
}
#side .sLeft .rankBox a span{
	color: #FF59B9;
	font-weight: bold;
}

#side .sRight{
	width: 150px;
	float: right;
}

#side .sRight .smnuBox{
	border: 1px solid #FF59B9;
	border-top: none;
	border-bottom: none;
}
#side .sRight .searchBox{
	padding: 15px 0;
	border-bottom: 1px solid #FF59B9;	
}
#side .sRight .searchBox p{
	position: relative;
	margin: 0 auto;
	width: 137px;
	height: 23px;
	border: 1px solid #FF59B9;	
}
#side .sRight .searchBox p input.btn{
	position: absolute;
	top: 0;
	right: -1px;
}
#side .sRight .searchBox p input.txt{
	border: 0;
	width: 94px;
}

#side .sRight .smnuBox ul li{
	border-bottom: 1px solid #FF9BD5;
	font-size: 85%;	
}
#side .sRight .smnuBox ul li a,
#side .sRight .smnuBox ul li span{
	display: block;
	padding: 5px 10px;
	color: #8C0051;
}
#side .sRight .smnuBox ul li span.cate{
	padding-right: 17px;
	background: transparent url(../images/side_btn_plus.png) 96% 50% no-repeat;
}
#side .sRight .smnuBox ul li span.slc{
	padding-right: 17px;
	background: transparent url(../images/side_btn_minus.png) 96% 50% no-repeat;
}
#side .sRight .smnuBox ul li span.cate a{
	display: inline;
	padding: 0;
}
#side .sRight .smnuBox ul li ul li{
	border: none;
}
#side .sRight .smnuBox ul li ul{
	padding-bottom: 5px;
}
#side .sRight .smnuBox ul li ul li a{
	padding: 2px 17px;
	background: transparent url(../images/arw_min.png) 10px 50% no-repeat;
}
#side .sRight .smnuBox .doTab li{
	display: inline-block;
	/display: inline;
	/zoom: 1;
	border: none;	
}
#side .sRight .smnuBox .doTab li a{
	display: inline;
	padding: 0;
}
#side .sRight .smnuBox ul li.clr1{ padding-left: 17px; background: transparent url(../images/icn_color1.png) 10px 50% no-repeat;}
#side .sRight .smnuBox ul li.clr2{ padding-left: 17px; background: transparent url(../images/icn_color2.png) 10px 50% no-repeat;}
#side .sRight .smnuBox ul li.clr3{ padding-left: 17px; background: transparent url(../images/icn_color3.png) 10px 50% no-repeat;}
#side .sRight .smnuBox ul li.clr4{ padding-left: 17px; background: transparent url(../images/icn_color4.png) 10px 50% no-repeat;}
#side .sRight .smnuBox ul li.clr5{ padding-left: 17px; background: transparent url(../images/icn_color5.png) 10px 50% no-repeat;}
#side .sRight .smnuBox ul li.clr6{ padding-left: 17px; background: transparent url(../images/icn_color6.png) 10px 50% no-repeat;}
#side .sRight .smnuBox ul li.clr7{ padding-left: 17px; background: transparent url(../images/icn_color7.png) 10px 50% no-repeat;}

#side .sRight .smnuBox h3{
	background: #FF9BD5;
	padding: 3px 10px;
	color: #FFF;
	font-size: 80%;
	font-style: italic;
	letter-spacing: 1px;
}
#side .sRight .smnuBox ul li.mdl1{ padding-left: 23px; background: transparent url(../images/model1.png) 5px 50% no-repeat;}
#side .sRight .smnuBox ul li.mdl2{ padding-left: 23px; background: transparent url(../images/model2.png) 5px 50% no-repeat;}
#side .sRight .smnuBox ul li.mdl3{ padding-left: 23px; background: transparent url(../images/model3.png) 5px 50% no-repeat;}
#side .sRight .smnuBox ul li.mdl4{ padding-left: 23px; background: transparent url(../images/model4.png) 5px 50% no-repeat;}
#side .sRight .smnuBox ul li.mdl5{ padding-left: 23px; background: transparent url(../images/model5.png) 5px 50% no-repeat;}
#side .sRight .smnuBox ul li.mdl6{ padding-left: 23px; background: transparent url(../images/model6.png) 5px 50% no-repeat;}
#side .sRight .smnuBox ul li.mdl7{ padding-left: 23px; background: transparent url(../images/model7.png) 5px 50% no-repeat;}
#side .sRight .smnuBox ul li.mdl8{ padding-left: 23px; background: transparent url(../images/model8.png) 5px 50% no-repeat;}
#side .sRight .smnuBox ul li.mdl9{ padding-left: 23px; background: transparent url(../images/model9.png) 5px 50% no-repeat;}
#side .sRight .smnuBox ul li.mdl10{ padding-left: 23px; background: transparent url(../images/model10.png) 5px 50% no-repeat;}
#side .sRight .smnuBox ul li.mdl11{ padding-left: 23px; background: transparent url(../images/model11.png) 5px 50% no-repeat;}
#side .sRight .smnuBox ul li.mdl12{ padding-left: 23px; background: transparent url(../images/model12.png) 5px 50% no-repeat;}
#side .sRight .smnuBox ul li.mdl13{ padding-left: 23px; background: transparent url(../images/model13.png) 5px 50% no-repeat;}
#side .sRight .smnuBox ul li.mdl14{ padding-left: 23px; background: transparent url(../images/model14.png) 5px 50% no-repeat;}
#side .sRight .smnuBox ul li.mdl15{ padding-left: 23px; background: transparent url(../images/model15.png) 5px 50% no-repeat;}
#side .sRight .smnuBox ul li.mdl16{ padding-left: 23px; background: transparent url(../images/model16.png) 5px 50% no-repeat;}
#side .sRight .smnuBox ul li.mdl17{ padding-left: 23px; background: transparent url(../images/model17.png) 5px 50% no-repeat;}
#side .sRight .smnuBox ul li.mdl18{ padding-left: 23px; background: transparent url(../images/model18.png) 5px 50% no-repeat;}
#side .sRight .smnuBox ul li.mdl19{ padding-left: 23px; background: transparent url(../images/model19.png) 5px 50% no-repeat;}
#side .sRight .smnuBox ul li.mdl20{ padding-left: 23px; background: transparent url(../images/model20.png) 5px 50% no-repeat;}
#side .sRight .smnuBox ul li.mdl21{ padding-left: 23px; background: transparent url(../images/model21.png) 5px 50% no-repeat;}
#side .sRight .smnuBox ul li.mdl22{ padding-left: 23px; background: transparent url(../images/model22.png) 5px 50% no-repeat;}
#side .sRight .smnuBox ul li.mdl23{ padding-left: 23px; background: transparent url(../images/model23.png) 5px 50% no-repeat;}
#side .sRight .smnuBox ul li.mdl24{ padding-left: 23px; background: transparent url(../images/model24.png) 5px 50% no-repeat;}
#side .sRight .smnuBox ul li.mdl25{ padding-left: 23px; background: transparent url(../images/model25.png) 5px 50% no-repeat;}
#side .sRight .smnuBox ul li.mdl26{ padding-left: 23px; background: transparent url(../images/model26.png) 5px 50% no-repeat;}
#side .sRight .smnuBox ul li.mdl27{ padding-left: 23px; background: transparent url(../images/model27.png) 5px 50% no-repeat;}
#side .sRight .smnuBox ul li.mdl28{ padding-left: 23px; background: transparent url(../images/model28.png) 5px 50% no-repeat;}
#side .sRight .smnuBox ul li.mdl29{ padding-left: 23px; background: transparent url(../images/model29.png) 5px 50% no-repeat;}
#side .sRight .smnuBox ul li.mdl30{ padding-left: 23px; background: transparent url(../images/model30.png) 5px 50% no-repeat;}
#side .sRight .smnuBox ul li.mdl31{ padding-left: 23px; background: transparent url(../images/model31.png) 5px 50% no-repeat;}
#side .sRight .smnuBox ul li.mdl32{ padding-left: 23px; background: transparent url(../images/model32.png) 5px 50% no-repeat;}
#side .sRight .smnuBox ul li.mdl33{ padding-left: 23px; background: transparent url(../images/model33.png) 5px 50% no-repeat;}
#side .sRight .smnuBox ul li.mdl34{ padding-left: 23px; background: transparent url(../images/model34.png) 5px 50% no-repeat;}
#side .sRight .smnuBox ul li.mdl35{ padding-left: 23px; background: transparent url(../images/model35.png) 5px 50% no-repeat;}
#side .sRight .smnuBox ul li.mdl36{ padding-left: 23px; background: transparent url(../images/model36.png) 5px 50% no-repeat;}
#side .sRight .smnuBox ul li.mdl37{ padding-left: 23px; background: transparent url(../images/model37.png) 5px 50% no-repeat;}
#side .sRight .smnuBox ul li.mdl38{ padding-left: 23px; background: transparent url(../images/model38.png) 5px 50% no-repeat;}
#side .sRight .smnuBox ul li.mdl39{ padding-left: 23px; background: transparent url(../images/model39.png) 5px 50% no-repeat;}
#side .sRight .smnuBox ul li.mdl40{ padding-left: 23px; background: transparent url(../images/model40.png) 5px 50% no-repeat;}
#side .sRight .smnuBox ul li.mdl41{ padding-left: 23px; background: transparent url(../images/model41.png) 5px 50% no-repeat;}
#side .sRight .smnuBox ul li.mdl42{ padding-left: 23px; background: transparent url(../images/model42.png) 5px 50% no-repeat;}
#side .sRight .smnuBox ul li.mdl43{ padding-left: 23px; background: transparent url(../images/model43.png) 5px 50% no-repeat;}
#side .sRight .smnuBox ul li.mdl44{ padding-left: 23px; background: transparent url(../images/model44.png) 5px 50% no-repeat;}
#side .sRight .smnuBox ul li.mdl45{ padding-left: 23px; background: transparent url(../images/model45.png) 5px 50% no-repeat;}
#side .sRight .smnuBox ul li.mdl46{ padding-left: 23px; background: transparent url(../images/model46.png) 5px 50% no-repeat;}
#side .sRight .smnuBox ul li.mdl47{ padding-left: 23px; background: transparent url(../images/model47.png) 5px 50% no-repeat;}
#side .sRight .smnuBox ul li.mdl48{ padding-left: 23px; background: transparent url(../images/model48.png) 5px 50% no-repeat;}
#side .sRight .smnuBox ul li.mdl49{ padding-left: 23px; background: transparent url(../images/model49.png) 5px 50% no-repeat;}
#side .sRight .smnuBox ul li.mdl50{ padding-left: 23px; background: transparent url(../images/model50.png) 5px 50% no-repeat;}
#side .sRight .smnuBox ul li.mdl51{ padding-left: 23px; background: transparent url(../images/model51.png) 5px 50% no-repeat;}
#side .sRight .smnuBox ul li.mdl52{ padding-left: 23px; background: transparent url(../images/model52.png) 5px 50% no-repeat;}
#side .sRight .smnuBox ul li.mdl53{ padding-left: 23px; background: transparent url(../images/model53.png) 5px 50% no-repeat;}
#side .sRight .smnuBox ul li.mdl54{ padding-left: 23px; background: transparent url(../images/model54.png) 5px 50% no-repeat;}
#side .sRight .smnuBox ul li.mdl55{ padding-left: 23px; background: transparent url(../images/model55.png) 5px 50% no-repeat;}
#side .sRight .smnuBox ul li.mdl56{ padding-left: 23px; background: transparent url(../images/model56.png) 5px 50% no-repeat;}
#side .sRight .smnuBox ul li.mdl57{ padding-left: 23px; background: transparent url(../images/model57.png) 5px 50% no-repeat;}
#side .sRight .smnuBox ul li.mdl58{ padding-left: 23px; background: transparent url(../images/model58.png) 5px 50% no-repeat;}
#side .sRight .smnuBox ul li.mdl59{ padding-left: 23px; background: transparent url(../images/model59.png) 5px 50% no-repeat;}
#side .sRight .smnuBox ul li.mdl60{ padding-left: 23px; background: transparent url(../images/model60.png) 5px 50% no-repeat;}
#side .sRight .smnuBox ul li.mdl61{ padding-left: 23px; background: transparent url(../images/model61.png) 5px 50% no-repeat;}
#side .sRight .smnuBox ul li.mdl62{ padding-left: 23px; background: transparent url(../images/model62.png) 5px 50% no-repeat;}
#side .sRight .smnuBox ul li.mdl63{ padding-left: 23px; background: transparent url(../images/model63.png) 5px 50% no-repeat;}
#side .sRight .smnuBox ul li.mdl64{ padding-left: 23px; background: transparent url(../images/model64.png) 5px 50% no-repeat;}
#side .sRight .smnuBox ul li.mdl65{ padding-left: 23px; background: transparent url(../images/model65.png) 5px 50% no-repeat;}


#contents #main{
	width: 690px;
	float: right;
}
#contents #main .itemList .box{
	width: 210px;
	float: left;
	margin-right: 30px;
	margin-bottom: 20px;
}
#contents #main .itemList .box a{
	display: block;
}
#contents #main .itemList .box a.img{
	width: 210px;
	height: 210px;
	overflow: hidden;
}

#contents #main .itemList .box a span{
	font-weight: bold;
	color: #FF59B9;
}

#contents #main .bnrL a{
	display: block;
}
/*インフォメーション*/
#contents #main .infoDiv{
	border: 3px solid #FF59B9;
	padding: 15px 15px 5px;
	height: 135px;
	overflow: auto;
	-webkit-overflow-scrolling:touch;
}
#contents #main .infoDiv dl{
	color: #8C0051;
	margin-bottom: 10px;
}

#contents #main .infoDiv dl dt{
	width: 100px;
	float: left;
	font-weight: bold;
}
#contents #main .infoDiv dl dd{
	margin-left: 110px;
}
#contents #main .infoDiv dl dd a{
	color: #8C0051;
}

/*回収インフォメーション*/
#contents #main .retrieveDiv{
	border: 3px solid #FF59B9;
	padding: 15px 15px 5px;
	height: 50px;
	overflow: hidden;
}

#contents #main .retrieveDiv dl{
	color: #8C0051;
	margin-bottom: 10px;
}

#contents #main .retrieveDiv dl dt{
	width: 100px;
	float: left;
	font-weight: bold;
}
#contents #main .retrieveDiv dl dd{
	margin-left: 110px;
}
#contents #main .retrieveDiv dl dd a{
	color: #8C0051;
}

/*おすすめシリーズ*/
#contents #main .bnrS li{
	float: left;
	margin-right: 20px;
	margin-bottom: 20px;
}
/*レビュー、注文状況*/
#contents #main .review{
	border: 3px solid #FF59B9;
	height: 430px;
	overflow: auto;
	-webkit-overflow-scrolling:touch;
}
/*インフォメーション*/
#info_area{
	width: 1000px;
	margin: 0 auto 20px;
}
#info_area .ttl{

}
#info_area .box{
	width: 900px;
	margin: 0 auto;
	background: transparent url(../images/guide_bg.png) 0 0 repeat-y;
	padding: 40px 50px 20px;
	text-align: left;	
}
#info_area .box .left{
	float: left;
	width: 430px;
}
#info_area .box .right{
	float: right;
	width: 430px;
}
#info_area .box h3{
	font-size: 153.9%;
}
#info_area .box .tx{
	color: #F00;
}
#info_area .ft{
	width: 1000px;
	margin: 0 auto;
	background: transparent url(../images/guide_bg_ft.png) 0 0 no-repeat;
	height: 18px;	
}

a.pageTop{
	display: block;
	text-align: center;
	font-weight: bold;
}

/*カラコン説明*/
#info_area .seoDiv{
	padding: 5px;
	border:double #FF59B9;
}

#info_area .seoDiv h2{
	font-weight: bold;
	font-size: large;
	background-color: #fce3e8;
}

#info_area .seoDiv p{
	line-height: 1.5em
}


/*フッター*/
#foot{
	width: 1000px;
	margin: 0 auto;
}
#foot ul.nvi{
	text-align: center;
}
#foot ul.nvi li{
	display: inline-block;
	/display: inline;
	/zoom: 1;
}
#foot ul.nvi li span{
	padding: 0 8px;
}
#foot .prMnu{
	position: relative;
	top: 0px;
	left: 0;
	height: 50px;
}
#foot .prMnu li.pm1{
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 1;
}
#foot .prMnu li.pm2{
	position: absolute;
	top: 0;
	right: 0px;
}
#foot .copy{
	text-align: center;
	font-size: 70%;
	letter-spacing: 1px;
	color: #999999;
}

/*カラコン説明*/
#foot .seoDiv{
	padding: 5px;
	border:double #fce3e8;
}

#foot .seoDiv h2{
	font-weight: bold;
	font-size: small;
	margin: 5px 0px;
	padding: 5px;
	background-color: #fce3e8;
}

#foot .seoDiv p{
	line-height: 1.5em;
	font-size: 11px;
}

/*説明エリア*/
#contents #main .explanationDiv{
	border: 3px solid #FF59B9;
	padding: 10px 10px;
	overflow: auto;
}
#contents #main .explanationDiv dl{
	color: #8C0051;
	margin-bottom: 10px;
}

#contents #main .explanationDiv dl dt{
	width: 100px;
	float: left;
	font-weight: bold;
}
#contents #main .explanationDiv dl dd{
	margin-left: 110px;
}
#contents #main .explanationDiv dl dd a{
	color: #8C0051;
}

/*共通パーツ*/
#contents .cstNvi{
	width: 752px; /*4つの場合603px*/
	margin: 0 auto;
    letter-spacing: -.40em; /*文字間を詰めて隙間を削除する*/
}
#contents .cstNvi li{
    display: inline-block;
    /display: inline;
    /zoom: 1;
    letter-spacing: normal; /* 文字間を戻す */    
}
#contents .customer{
	position: relative;
	border: 1px solid #FFABD9;
	padding: 40px;
	background: url(../images/bg_msgboard.png);
}
#contents .customer .article{
	padding: 40px;
	background: #FFF;
}
#contents .customer .topNvi{
	position: absolute;
	top: 150xp;
	right: -17px;
}
/*よくあるご質問*/
#contents #faq h3.qes{
	padding: 0 17px 0 70px;
	margin-bottom: 20px;	
	border-top: 1px solid #FF5AB9;
	border-bottom: 1px solid #FF5AB9;
	color: #CA0070;
	font-size: 123.1%;
	background: transparent url(../images/faq/mrk_q.png) 0 48% no-repeat;
	cursor: pointer;
}
#contents #faq h3.qes span{
	display: block;
	padding: 21px 30px 21px 0;
	background: transparent url(../images/faq/arw_d.png) 100% 50% no-repeat;	
}
#contents #faq h3.qes span.slc{
	display: block;
	padding: 21px 30px 21px 0;
	background: transparent url(../images/faq/arw_u.png) 100% 50% no-repeat;	
}
#contents #faq .ans{
	padding: 0px 15px;
	margin-bottom: 20px;
}
/*初めての方へ*/
#contents #first .ttl{
	padding: 0 10px;
	font-size: 123.1%;
}
#contents #first .pre{
	padding: 0 10px;
	font-size: 108%;
}
#contents #first .rule{
	margin-bottom: 0px;
	padding: 20px 0px;
	background: transparent url(../images/lin_dashed.png) left bottom repeat-x;	
}
#contents #first .nlin{
	background: none;
}
#contents #first .rule .ttl{
	color: #CA0070;
}

#contents #first .caution{
	background: #FFF8F1;
	padding: 20px 20px;
}
#contents #first .caution h3{
	font-size: 123.1%;
	color: #F00;
}
/*営業のお知らせ*/
#contents #underconstruction .ttl{
	padding: 0 10px;
	font-size: 123.1%;
}
#contents #underconstruction .pre{
	padding: 0 10px;
	font-size: 108%;
}
#contents #underconstruction .rule{
	margin-bottom: 0px;
	padding: 20px 0px;
	background: transparent url(../images/lin_dashed.png) left bottom repeat-x;	
}
#contents #underconstruction .nlin{
	background: none;
}
#contents #underconstruction .rule .ttl{
	color: #F00;
}
#contents #underconstruction .caution{
	background: #fed8ed;
	padding: 20px 20px;
	margin-bottom:20px;
}
#contents #underconstruction .caution h3{
	font-size: 123.1%;
	color: #0000FF;
	font-size:x-large;
}
/*正しい付け方*/

#caution .howToDiv{
	float: left;
	width: 370px;
	padding: 20px 20px;
	margin-bottom: 1px;
}

#caution .howToDiv .img{
	float: left;
}
#caution .howToDiv .txt{
	margin-left: 133px;
	min-height: 4em;
	padding-left: 10px;	
}
#caution .howToDiv2{
	float: left;
	width: 370px;
	padding: 20px;
	margin-bottom: 1px;
}
#caution .howToDiv h2,
#caution .howToDiv2 h2{
	color: #CA0070;
	margin-bottom: 5px;
}
#caution .howToDiv2 .img{
	float: left;
	width: 198px;
}
#caution .howToDiv2 .txt{
	margin-left: 203px;
	padding-left: 10px;
	min-height: 4em;
}

#caution .payment h2{
	font-size: 123.1%;
}

#caution .attention{
	font-size: 77%;
}
#caution .attention h3{
	font-weight: bold;
	font-size: 130%;
}
/*お買い物ガイド*/
#guide h3{
	color: #CA0070;
}
#guide .guide_nvi{
	/*background: #ECB1CF;*/
	padding: 5px 10px;
	background-color: #FAE8F2;
}
#guide .guide_nvi li{
	display: inline-block;
	/display: inline;
	/zoom: 1;
	margin: 0 0 0 15px;
	padding: 3px 0;
}
#guide .guide_nvi li a{
	color: #CA0070;
}

#guide .seven{
	padding-left: 170px;
	background: url(../images/guide/conveni_img1.png) 20px 15px no-repeat;
}
#guide .famima{
	padding-left: 170px;
	background: url(../images/guide/conveni_img2.png) 20px 15px no-repeat;
}
#guide .lawson{
	padding-left: 170px;
	background: url(../images/guide/conveni_img3.png) 20px 15px no-repeat;
}
#guide .seicomart{
	padding-left: 170px;
	background: url(../images/guide/conveni_img4.png) 20px 15px no-repeat;
}
/*特定商取引法表記*/

#commercial table{
	width: 100%;
	border-top: 1px dashed #FF5AB9;

}
#commercial table th,
#commercial table td{
	padding: 20px 20px;
	border-bottom: 1px dashed #FF5AB9;
}
#commercial table th{
	font-weight: bold;

	white-space: nowrap;
	font-size: 108%
}
#privacy .article{
	line-height: 1.4;
}

/*カラコン検索*/
#countNum{
	text-align: center;
}
#countNum .num{
	font-weight: bold;
	font-size: 240%;
	color: #F00;
	margin-left: 5px;
}
.searchMnu{
	padding: 10px 20px;
	border: 2px solid #CA0070;
	margin-bottom: 10px;
}
.searchMnu .box{
	position: relative;
	padding: 5px;
	background: transparent url(../images/lin_dashed.png) left bottom repeat-x;
}
.searchMnu .btn{
	position: absolute;
	top: 8px;
	right: 10px;
}
.searchMnu .lstBox{
	background: none;
}
.searchMnu .box h2{
	width: 148px;
	float: left;
}
.searchMnu .box ul{
	margin-left: 170px;
	letter-spacing: -.40em; /*文字間を詰めて隙間を削除する*/	
}
.searchMnu .box ul li{
	padding: 5px;
	margin-right: 10px;
	display: inline-block;
	/display: inline;
	/zoom: 1;
    letter-spacing: normal; /* 文字間を戻す */   	
}
.searchMnu .box  .clear{
	display: none;
}
.searchMnu .box ul li a.clr1{	padding-left: 25px;	background-image: url(../images/search/icn_color1.png); background-position: 0 50%;background-repeat: no-repeat;}
.searchMnu .box ul li a.clr2{	padding-left: 25px;	background-image: url(../images/search/icn_color2.png); background-position: 0 50%;background-repeat: no-repeat;}
.searchMnu .box ul li a.clr3{	padding-left: 25px;	background-image: url(../images/search/icn_color3.png); background-position: 0 50%;background-repeat: no-repeat;}
.searchMnu .box ul li a.clr4{	padding-left: 25px;	background-image: url(../images/search/icn_color4.png); background-position: 0 50%;background-repeat: no-repeat;}
.searchMnu .box ul li a.clr5{	padding-left: 25px;	background-image: url(../images/search/icn_color5.png); background-position: 0 50%;background-repeat: no-repeat;}
.searchMnu .box ul li a.clr6{	padding-left: 25px;	background-image: url(../images/search/icn_color6.png); background-position: 0 50%;background-repeat: no-repeat;}
.searchMnu .box ul li a.clr7{	padding-left: 25px;	background-image: url(../images/search/icn_color7.png); background-position: 0 50%;background-repeat: no-repeat;}

.searchMnu .itemMnu li a.selected{
	color: #FFF;
	background-color: #CA0070;
}

#BdIndex{
	margin: 0 auto;
	-ms-filter: "alpha( opacity=0 )";
	filter: alpha( opacity=0 );
	opacity: 0;	

}
#BdIndex .iBox{
	width: 120px;
	height: 250px;
	margin: 11px;
	overflow: hidden;
	float: left;
}
#BdIndex .iBox a{
	display: block;
	height: 210px;
	padding: 10px 0px;
	font-size: 90%;
}
#BdIndex .iBox a:hover{

}
#BdIndex .iBox .img{
	width: 120px;
	height: 120px;	
	/*background: transparent url(../images/search/noimg.jpg) left top no-repeat;			*/
	margin-bottom: 10px;
	text-align: center;
}
#BdIndex .iBox .nam{
	font-weight: normal;
	margin-bottom: 3px;		
}
#BdIndex .iBox .prc{
	color: #666;
}
#BdIndex .iBox .prc span{
	color: #FF59B9;
	font-size: 130%;
	font-weight: bold;
}
#BdIndex .iBox .nostock{
	text-align: center;
}
#BdIndex .iBox .nostock span{
	display: inline-block;
	padding: 1px 20px;
	margin-bottom: 5px;
	background: #F00;
	color: #FFF;
}
/*お問い合わせ*/
#contactTbl{
	margin-bottom: 20px;
	border: 1px solid #DDD;
}
#contactTbl td,
#contactTbl th{
	border: 1px solid #DDD;
	padding: 15px 20px !important;
	text-align: left;
}
#contactTbl th{
	background: #F3F3F3;
	width: 10%;
	white-space: nowrap;
	border-left: none;
	border-right: none;
	vertical-align: top;
}
#contactTbl td{
	border-left: none;
}
#contactTbl td input[type="text"]{
	height: 22px;
	width: 200px;
}
#contactTbl td input.em{
	width: 350px;
}
#contactTbl td textarea{
	width: 80%;
}
#contactTbl td .baloon span{
	color: #F00;
}
.confirm-button .submit{
	font-size: 14px;
	font-weight: bold;
	padding: 10px 20px;
	min-width: 120px;
	margin: 0 10px;
}
.mailMsg{
	padding: 30px 200px;
	margin: 0 auto;
	border: 1px solid #DDD;
}

@media screen and (max-width: 1121px) {
	#wrap{
		width: 1060px;
	}
	body .prmm{
		display: none;
	}
	body .prfre{
		display: none;
	}
}