@charset "utf-8";
/* CSS Document */

*{ font-family:'メイリオ',Meiryo,'ＭＳ Ｐゴシック','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro',sans-serif;}

html,
body{ height:100%; padding:0; margin:0;} 

html{ overflow-y:scroll;}
body{ background-image:url(/img/ec_img/shade.gif); background-repeat:repeat-y;}

img{ border:0;}

DIV#mainBox{ margin:10px 10px 10px 30px;} 
DIV#footer{ margin:10px 10px 145px 30px; border-top:1px solid #333; padding:10px 0; text-align:center; font-size:80%;}
DIV#bottom{ position:fixed; bottom:0; left:0; width:100%; height:190px; overflow:hidden; display:none;}

/* IE6 */ 
* html, 
* html body{ overflow-y:hidden;} 
* html div#body{ height:100%; overflow-y:scroll;} 
* html div#bottom{ position:absolute; bottom: expression(this.parentNode.clientHeight % 2 == 0 ? 0 : -1);}

#bottomBox{height:190px; width:100%;}
*>#bottomBox{border-top:1px dotted transparent;}
#botto_BG {height:190px; margin-top:145px;}
#botto_BG {_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/img/ec/bottom_bg3.png', sizingMethod=crop); width:expression(document.getElementById('body').scrollWidth);}
*>#botto_BG	{ background-image:url(/img/ec/bottom_bg3.png); background-position:top left; background-repeat:no-repeat;}

#bottomSubstance{ position:relative; top:-190px; overflow:hidden; width:expression(document.getElementById('body').scrollWidth); }
#bottom_btn_close{_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/img/ec/btn_close.png', sizingMethod=crop); width:240px; height:40px; cursor:pointer; display:none;}
*>#bottom_btn_close{background-image:url(/img/ec/btn_close.png); background-position:left top;}
#bottom_btn_open{_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/img/ec/btn_open.png', sizingMethod=crop); width:240px; height:40px; cursor:pointer; display:none;}
*>#bottom_btn_open{background-image:url(/img/ec/btn_open.png); background-position:left top;}

#bottom_item{ position:relative; top:0; left:0; height:145px; white-space:nowrap; width:4000px;}
.Btm_itemBox{ _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/img/ec/btn_item_box.png', sizingMethod=crop); margin:5px 0 0 5px ; float:left; width:140px; height:140px; cursor:pointer; }
*>.Btm_itemBox{ background-image:url(/img/ec/btn_item_box.png); background-position:top left;}


#btnBox{ position:relative; top:-145px;}

#bt_back{ _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/img/ec/btn_back.png', sizingMethod=crop); width:50px; height:145px; cursor:pointer; float:left; position:relative; top:0px; margin-left:5px; display:none;}
*>#bt_back{ background-image:url(/img/ec/btn_back.png); background-position:top left; top:0; margin-left:10px;}

#bt_next{ _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/img/ec/btn_next.png', sizingMethod=crop); width:50px; height:145px; cursor:pointer; float:right; position:relative; top:0px;}
*>#bt_next{ background-image:url(/img/ec/btn_next.png); background-position:top left;}



/**/
DIV#eSHOP_logo ,
DIV#eSHOP_logo P{ margin:0; width:250px; height:40px; float:left;}
#head{float:right;text-align:right;}
#head UL{ margin:5px 0 1px;}
#head LI{ list-style-type:none;display:inline;font-size:80%;}
#head H1,
#head P{ display:inline;font-size:80%;margin:5px 0;}

.dotLine{ border-top: 2px dotted #69C;}

/**/
#fontsizeBTN {float:right; width:70px; margin-left:15px;}
#fontsizeBTN P{ font-size:10px; text-align:center; margin:2px auto;}
#fontsizeBTN img{ cursor:pointer; margin:0 1px}
#fontsizeBTN img#nowsize{ cursor:default;}

.clear{ clear:both;}

/*カート周り*/
#EC{ width:200px;}
#EC .basePrice{ font-size:80%;}

/*ハード系CSS*/
.pBox{padding:0; margin:15px 0;}
.pBox P{padding:0 0.5em;}
.pBox h4{padding:0.5em 0 0;}
.pBox div.lImg{float:left; padding:10px;margin-right:10px;}
.pBox div.rImg{float:right; margin-left:10px; padding:10px;}
.pBox div.cImg{text-align:center; padding:10px;}

.pBox h3{padding:3px 0 2px; font-size:100%; font-weight:bold; margin:0 0 5px;}
.pBox H2{padding:3px 1em 2px; font-size:120%; font-weight:bold; margin:0 0 5px; height:30px; clear:both; }
.pBox H2.sysTitle{padding:3px 1em 2px; font-size:120%; margin:0; border:0 solid #000;}

#colorBlack .pBox h2	{background-image:url(/cp/img/hard_temp_item/k.gif); color:#fff;}
#colorWhite .pBox h2	{background-image:url(/cp/img/hard_temp_item/w.gif);}
#colorRed .pBox h2		{background-image:url(/cp/img/hard_temp_item/r.gif)}
#colorOrange .pBox h2	{background-image:url(/cp/img/hard_temp_item/og.gif);}
#colorYellow .pBox h2	{background-image:url(/cp/img/hard_temp_item/y.gif);}
#colorGreen .pBox h2	{background-image:url(/cp/img/hard_temp_item/g.gif);}
#colorBlue .pBox h2		{background-image:url(/cp/img/hard_temp_item/b.gif); color:#fff;}
#colorLBlue .pBox h2	{background-image:url(/cp/img/hard_temp_item/lb.gif);}

.Btm_itemBox .pText{clear:both;}
.Btm_itemBox .pText P{clear:both; text-align:center; margin:0; padding:0;}
.Btm_itemBox .pText P{margin-top:-3px;}
.pImg {margin:8px 5px 5px 10px; float:left;}
*>.pImg {margin:8px 5px 5px 25px;}

.f70,
.f70R{ font-size:70%;}
.f70R{ color:#E00;}
.f80{ font-size:80%;}

#mainBox .img{ text-align:center;}

/*メール登録*/
#mail_touroku .btn_touroku a{display:block; text-align:center; margin:0; margin-bottom:5px; width:180px; height:25px;}
#mail_touroku .btn_touroku a:link{background:url(/cp/img/ecgt2.0/touroku_off.gif) no-repeat;}
#mail_touroku .btn_touroku a:visited{background:url(/cp/img/ecgt2.0/touroku_off.gif) no-repeat;}
#mail_touroku .btn_touroku a:hover{background:url(/cp/img/ecgt2.0/touroku_on.gif) no-repeat;}
#mail_touroku .triangle {font-family: '@ＭＳ ゴシック, Osaka‐等幅'; font-size:80%;}

#EC_UBOX{ margin-bottom:1em;}
#EC .cartBOX .EC_PriceR,
#EC .cartBOX .EC_Price{ font-size:80%;}

/*年末*/
#EC #nenmatsuCartBOX .cartBOX{ margin:0;}
#EC .nenmatsu{background:url(/cp/img/SOURCENEXT/nenshi_2010/bg.gif) top center no-repeat; padding:0; margin:0.5em 0 1.5em;}
#EC .nenmatsu .nenmatsuHead{ height:30px;}
#EC .nenmatsu .cartBOX{ margin:0 !important;}
#EC .nenmatsu .cartBOX H1{ font-size:80%;}
#EC .nenmatsu .cartBOX .kome{ margin-left:1.5em !important}
#EC .nenmatsu .nenmatsuPrice{ font-size:80%;}
#EC .nenmatsu .nenmatsuPrice SPAN{ font-size:180%; font-family:Arial, Helvetica, sans-serif; font-weight:bold;}
#EC .nenmatsu .nenmatsuItem{ font-size:80%; font-weight:bold;}
#EC .nenmatsu .nenmatsuImg{ margin:5px 0; padding:0; background-image:url(/cp/img/SOURCENEXT/nenshi_2010/ing_bg.gif);}
#EC .nenmatsu .nenmatsuImg IMG{ margin:5px auto;}
#EC .nenmatsu .nenmatsuBottom{ margin:0; background:url(/cp/img/SOURCENEXT/nenshi_2010/bg.gif) bottom center no-repeat; height:5px;}