@charset "Shift_JIS";

/*reset*/
html{height: 100%; border-top: solid 1px #bfbcb6;}
p,h1,h2,h3,h4,h5,h6,form,input,ul,li,dl,dt,dd,form,select,option{margin: 0; padding: 0;}
ul,li{list-style: none;}
a,img{border: 0; outline:none;}
img { -ms-interpolation-mode: bicubic; }

/*-------------
1.Common
2.Layout
3.Header
4.Footer
5.Lefter
6.TopPage
7.Goods List &Detail
8.Shopping Cart
9.Login & Regist Form
10.MyPagecharaManu
11.RankingPage
12.detail_set
13.オンデマンド
---------------*/

/*--------------------------------
1.Common
--------------------------------*/
.rover a:hover img{filter: alpha(opacity=80); -moz-opacity: 0.80; opacity: 0.80;}
.ro a:hover{filter: alpha(opacity=80); -moz-opacity: 0.80; opacity: 0.80;}
/*.rover img:hover{filter: alpha(opacity=80); -moz-opacity: 0.80; opacity: 0.80;}*/
.rover input:hover{filter: alpha(opacity=80); -moz-opacity: 0.80; opacity: 0.80;}
.ic{vertical-align: middle;}
input.txt{padding: 3px;}
input:focus{background-color: #ffffcc;}
textarea.txt{padding: 5px;}
textarea:focus{background-color: #ffffcc;}
.hidden{display: none;}

.blockOverlay{background:#FFF;}
#ondemand_dialog{color:#000;}

body{
margin: 0;
padding: 0;
color: #664841;
font-size: 13px;
line-height:1.5;
background: url(../img/bgall.png) top center no-repeat;
font-family:'メイリオ','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','ＭＳ Ｐゴシック',sans-serif;
}

.leftBox{float:left;}
.rightBox{float:right;}
.clearBox{clear: both;}
.left{text-align: left;}
.right{text-align: right;}
.center{text-align: center;}
.ic{vertical-align: middle;}
.noline{border: none!important;}
.cBox{zoom:100%;}
.cBox:after{
clear:both;
content:"";
display:block;
width:0;
height:0;
visibility:hidden;
}

/*form*/
ul.formError{
width: 100%;
color: #c00;
margin: 5px 0 0 0;
padding: 5px 10px 5px 30px;
background: #ffc;
}
div.topicPath{font-size: 13px;padding: 0 0 5px 0;}
div.topicPath h1{font-size: 13px;font-weight: normal;display: inline;margin-left: 7px;}
div.topicPath h2{margin-left: 5px;
font-size: 11px;
font-weight: normal;
display: inline;
}
a.index{border: 1px solid #DED8D6;padding: 0.2em 0.5em;margin: 5px auto;display: inline-block;background-color: #F5F2ED;
    border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;}
div.topicPath span{position: relative;border-left: 1px solid #DED8D6;border-top: 1px solid #DED8D6;border-bottom: 1px solid #DED8D6;padding: 0.2em 0.5em;margin: 5px 7px;display: inline-block;background-color: #F5F2ED;border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
}

div.topicPath span:after{position: absolute; content: url(../img/topicPath_arrow.png);right:-13px;top: 0; z-index:1;}
    
	
/*error*/
div#error{
width: 980px;
margin: 0 auto;
padding: 80px 0;
text-align: center;
}
.error{
color: #c33;
padding: 3px;
background: #eecdc7;
display: block;
margin: 1px 0;
border: solid 1px #c33;
}

/*title*/
h2.ttl{
font-size: 24px;
margin: 5px 0 0 0;
padding: 10px 0 10px 0;
border-top: solid 1px #C7BCB8;
}
h2.ttl span{
font-size: 16px;
font-weight: normal;
}



/*citems*/
div.citems{
zoom:100%;
width: 780px;
position: relative;
margin: 5px auto 10px auto;
background: url(../img/citem_bg.gif) top center no-repeat;
/*border-bottom: dotted 1px #C7BCB8;*/
}
div.citems:after{
clear:both;
content:"";
display:block;
width:0;
height:0;
visibility:hidden;
}
div.citems div{
width: 740px;
margin: 0 20px;
}
div.citems table td{
font-size: 12px;
padding: 5px;
text-align: center;
vertical-align: top;
}
div.citems table td p{
width: 172px;
}
div.citems table td img{
width: 100px;
height: 100px;
margin: 0 30px 3px 30px;
display: block;
}
div.citems span:hover{
filter: alpha(opacity=80); -moz-opacity: 0.80; opacity: 0.80;
}
div.citems a:hover img{filter: alpha(opacity=80); -moz-opacity: 0.80; opacity: 0.80;}

div.citems span.cPrev{
position: absolute;
top: 40px;
left: 0;
}

div.citems span.cNext{
position: absolute;
top: 40px;
right: 0;
}


/*Font*/
a{color: #0e7eb2; text-decoration: none;}
a:hover{color: #39a3d4; text-decoration: underline;}

.small{font-size:85%;}
.red{color: #e00;}
.dred{color: #c00;}
.orange{color: #f60;}
.blue{color: #369;}
.dblue{color: #036;}
.lblue{color: #39c;}
.aqua{color: #39c;}
.pink{color: #ec4a74;}
.lime{color: #690;}
.green{color: #366;}
.lgreen{color: #693;}
.vio{color:#636;}
.yell{color:#ed9d09;}
/*Back*/
.b_yell{background-color:#fef3d1;}
.b_green{background-color:#e2efd4;}
.b_blue{background-color:#dae7ed;}
.b_vio{background-color:#e2cdec;}

a.bottom_box{width: 49%;display: inline-block;}
a.bottom_box img{width: 100%}

/*--------------------------------
2.Layout
--------------------------------*/
div#container{
width: 100%;
min-height: 100%;
height: auto !important;
height: 100%;
position: relative;

}
* html div#container{height:100%;}
body > #container{height: auto;}

div#contents{
zoom:100%;
width: 980px;
margin: 0 auto;
padding: 0 0 130px 0;
}
div#contents:after{
clear:both;
content:"";
display:block;
width:0;
height:0;
visibility:hidden;
}
div#lefter{
float: left;
width: 180px;
}

div#main{
float: right;
width: 780px;
}



/*--------------------------------
3.Header
--------------------------------*/
div#header{width: 100%;background: url(../img/hd_bg.png) 0 0 repeat-x;}
.free_header{position: absolute;top:87px;right: 0;}
div#header_in{width: 980px;height: 170px;margin: 0 auto;position: relative;}
div#header_in h2#logoMark{position: absolute;top: 39px;left: 125px;z-index: 100;}
div#header_in img.chara{position: absolute;top: 43px;left: -30px;z-index: 100;}

div#header_in p#title{
color: #d8cdca; padding: 5px 0;
}
div#header_in ul#subNavi{
position: absolute;
top: 0;
right: 0;
}
div#header ul#subNavi li{float: right; padding: 0 10px; margin: 5px 0; font-size: 11px;}
div#header ul#subNavi a{color: #d8cdca; text-decoration: none;}
div#header ul#subNavi a:hover{color: #fff;}
div#header ul#subNavi li.sSanx img{
margin: -3px 0 -2px 0;
padding: 0;
line-height: 0;
}
div#header ul#subNavi li{border-left: dotted 1px #90756e;}
div#header ul#subNavi li#sMail{
background: url(../img/hd_mail.png) 0 2px no-repeat;
padding-left: 17px;
border: none;
}

div#header ul#subNavi li#sPoint{
background: url(../img/hd_point.png) 0 2px no-repeat;
padding-left: 16px;
border: none;
}

div#header ul#subNavi li#sGuide{
background: url(../img/hd_guide.png) 0 2px no-repeat;
padding-left: 16px;
border: none;
}
div#header_in div#search{background: url(../img/hd_bg_srch.png) 0 0 no-repeat;width: 980px;border-bottom: 3px solid #76534a;height: 42px;
position: absolute;top: 122px;left: 0;}
div#header_in div.selectBox{
z-index: 100;
}
div#header_in div.selectBox2{z-index: 100;}

/*ie6*/
* html div#header_in div.selectBox{
display: none;
}
* html div#header_in div.selectBox2{display: none;}

div#header_in div.selectBox a.selectBtn{
color: #664841;
text-decoration: none;
font-size: 12px;
letter-spacing: 1px;
}
div#header_in div.selectBox2 a.selectBtn{color: #664841;text-decoration: none;font-size: 12px;letter-spacing: 1px;}

div#header_in div.selectBox div{
color: #664841;
text-decoration: none;
}
div#header_in div.selectBox2 div{color: #664841;text-decoration: none;
}
div#header_in div.selectBox div.pulldown{
background: #fff;
padding: 3px;
border: solid 1px #76534a;
border-bottom: solid 4px #76534a;
border-top: none;
}
div#header_in div.selectBox2 div.pulldown{background: #fff;padding: 3px;border: solid 1px #76534a;border-bottom: solid 4px #76534a;border-top: none;}

div#header_in div.selectBox div.pulldown tr.pulldown_name a {display: block;background: #fff;padding: 4px;width: 120px;font-size: 11px;background: url("../img/lf_li.png") no-repeat scroll left top transparent;}
div#header_in div.selectBox div.pulldown a{display: block;background: #fff;padding: 4px;width: 180px;font-size: 11px;background: url("../img/lf_li.png") no-repeat scroll left top transparent;}
div#header_in div.selectBox div.pulldown a:hover{
color: #237156;
background-color: #F2FAED;
text-decoration: none;
}
div#header_in div.selectBox table td{
vertical-align: top;
}

div#header_in div.selectBox2 div.pulldown tr.pulldown_name a {display: block;background: #fff;padding: 4px;width: 120px;font-size: 11px;background: url("../img/lf_li.png") no-repeat scroll left top transparent;}
div#header_in div.selectBox2 div.pulldown a{display: block;background: #fff;padding: 4px;width: 180px;font-size: 11px;background: url("../img/lf_li.png") no-repeat scroll left top transparent;}
div#header_in div.selectBox2 div.pulldown a:hover{color: #237156;background-color: #F2FAED;text-decoration: none;}
div#header_in div.selectBox2 table td{vertical-align: top;}


/*キャラクター*/
div#header_in div#selectChara{
position: absolute;
top: 7px;
left: 115px;
}
div#header_in div#selectChara div.pulldown{
position: absolute;
top: 35px;
left: -10px;
}
div#header_in div#selectChara a.selectBtn{
display: block;
background: url(../img/hd_ar.png) right 9px no-repeat;
width: 132px;
}
div#header_in div#selectChara a.selectBtn span{
padding: 6px 12px 8px 0;

}


/*カテゴリー*/
div#header_in div#selectCate{
position: absolute;
top: 7px;
left: 256px;
padding-left: 5px;
border-left: dotted 1px #c7bcb8;
}
div#header_in div#selectCate div.pulldown{
position: absolute;
top: 35px;
left: 0px;
}
div#header_in div#selectCate a.selectBtn{
display: block;
background: url(../img/hd_ar.png) right 9px no-repeat;
width: 130px;
height: 32px;
overflow: hidden;
}
div#header_in div#selectCate a.selectBtn span{
padding: 6px 12px 8px 4px;
}

div#header_in a.selectBtn span{
display: block;
line-height: 1.1;
overflow: hidden;
vertical-align: middle;
}

div#header_in a.select_focus span{
filter: alpha(opacity=80); -moz-opacity: 0.80; opacity: 0.80;
}
div#header_in div.selectBox div.pulldown a.mini{font-size: 12px;}

div#header_in div#search input#searchBtn{
position: absolute;
top: 5px;right: 0;
}

div#header_in div#search input#keywords{
position: absolute;
top: 8px;
right: 80px;
width: 305px;
padding: 5px 5px 5px 0;
font-size: 14px;
background: none;
border: none;
}
div#header_in div#search input.fText{color: #a28982;}
div#header_in div#search input.fTextFocus{color: #333;}

/*注目キーワード*/
div#header_in div#selectTrending{position: absolute;top: 7px;left: 405px;padding-left: 5px;border-left: dotted 1px #c7bcb8;}
div#header_in div#selectTrending div.pulldown{
position: absolute;
top: 35px;
left: 0px;
}
div#header_in div#selectTrending a.selectBtn{
display: block;
background: url(../img/hd_ar.png) right 9px no-repeat;
width: 130px;
height: 32px;
overflow: hidden;
}
div#header_in div#selectTrending a.selectBtn span{
padding: 6px 12px 8px 4px;
}

div#header_in a.selectBtn span{
display: block;
line-height: 1.1;
overflow: hidden;
vertical-align: middle;
}


/*ログイン*/
div#header ul#loginBtn{position: absolute;right: 224px;top: 33px;}
div#header ul#loginBtn li{
float: left;
margin: 0 5px 0 0;
}
div#header ul#loginBtn li span{
display: block;
position: absolute;
top: 6px;
right: 128px;
width: 170px;
text-align: right;
font-size: 11px;
}
/*ログインカート*/
div#header ul#loginBtnCart{position: absolute;right: 0px;top: 33px;}
div#header ul#loginBtnCart li{
float: left;
margin: 0 5px 0 0;
}
div#header ul#loginBtnCart li span{
display: block;
position: absolute;
top: 6px;
right: 128px;
width: 170px;
text-align: right;
font-size: 11px;
}

div#header_in  div#cart{position: absolute;top: 33px;right: 0;width: 200px;color: #8d716a;text-align: right;}

div#header_in  div#cart a img{
vertical-align: middle;
}

div#header_in  div#cart p.ctotal{
position: absolute;
top: 0px;
right: 56px;
font-size: 11px;
color: #8d716a;
text-align: center;
}

div#header_in  div#cart p.ctotal strong{
font-size: 13px;
color: #664841;
}

div.tenso{width: 980px;text-align: center;margin: 0 auto;}


/*--------------------------------
4.Footer
--------------------------------*/
div#footer{
background-image: url(../img/ft_bgt.png);
background-color: #fcf5d7;
width: 100%;
}
div#footer_in{width: 100%;height: 900px;margin: 0 auto;padding: 0;background: url(../img/ft_i.png) left bottom no-repeat;}
div#footer_in div{
width: 1000px;
margin: 0 auto;
padding: 0;
}
div#footer_in a{color: #664841;}
div#footer_in a:hover{color: #5da09a;}

div#footer_in div.fLeft{margin: 40px 0 20px 0px; float: left; width: 200px;}
div#footer_in div.fCenter{margin: 40px 0px 20px 40px; float: left; width: 460px; text-align: left;}
div#footer_in div.fRight{margin: 20px 0px 20px 0; float: right; width: 240px;}

div#footer_in dt{font-size: 11px; margin: 10px 0 0 0; padding: 0 0 0 18px; font-size: 12px; font-weight: bold; background: url(../img/lf_ar.png) 0 2px no-repeat;}

div#footer_in dt.ttl{font-size: 12px; padding: 0; margin: 0 0 5px 0; border-bottom: solid 2px #e6dbc0; background: none;}
div#footer_in h5.ttl{font-size: 12px; padding: 0; border-bottom: solid 2px #e6dbc0;}
div#footer_in p.link{background: url(../img/lf_ar.png) 0 7px no-repeat; padding: 5px 0 5px 18px; line-height: 1.2; border-bottom: dotted 1px #e6dbc0;}

div#footer_in dd{font-size: 11px; padding: 4px 0 4px 0; border-bottom: dotted 1px #e6dbc0;}
div#footer_in dl#guide{margin: 0 0 10px 0;}
div#footer_in dl#guide dt{margin: 20px 0 5px 0;}
div#footer_in dd span.in{display: block;
margin: 0 0 0 10px;
line-height: 1.2;}

div#footer p#copy{
text-align: center;
background-image: url(../img/ft_bgb.png);
width: 100%;
padding: 5px 0 30px 0;
color: #fbf6d6;
font-size: 11px;
}

div#footer a.pagetop img{
float: right;
margin: -10px 0 0 0;
z-index: 100;
}

div#footer p#fb{
margin: 5px;
padding: 5px 0 5px 25px;
background: url(../img/ic_fb.png) 0 5px no-repeat;
}

p#sp{height: 44px;background-color: #76534A;padding: 10px 0;}
p#sp a{font-size: 30px;display: block;color: #FFF;}



/*--------------------------------
5.Lefter
--------------------------------*/
div#lefter dt{margin: 0; padding: 0; line-height: 0;}
div#lefter dl#charaManu dd{
width: 58px;
padding: 3px 3px 0 0;
line-height: 0;
}

div#lefter dl#charaManu dd.cRlk{margin-top: 5px;width: 180px;}

div#lefter dl#charaManu dd.cRight{
margin: 3px 0 0 0;
padding: 0;
}
div#lefter dl#charaManu dd{padding: 0;}
div#lefter dl#charaManu dd:nth-child(4){width:85px;display: inline-block; margin: 5px 0 0 0;}
div#lefter dl#charaManu dd:nth-child(5){width:85px;margin: 5px 0 0 0;float: right;}
div#lefter dl#charaManu dd:nth-child(6){width:85px;display: inline-block;margin:6px 0 0 0;}
div#lefter dl#charaManu dd:nth-child(7){width:85px;float: right; margin: 6px 0px 0 0;}
div#lefter dl#charaManu dd:nth-child(8){width:55px;display: inline-block;margin: 6px 0 0 0;}
div#lefter dl#charaManu dd:nth-child(9){width:55px;display: inline-block; margin: 0 2px;}
div#lefter dl#charaManu dd:nth-child(10){width:55px;float: right; margin: 6px 0 0 0;}
div#lefter dldiv#lefter dd a{display: block;}

div#lefter dl#charaManu2 dd.cRlk{margin-top: 5px;width: 180px;}

div#lefter dl#charaManu2 dd.cRight{margin: 3px 0 0 0;padding: 0;}
div#lefter dl#charaManu2 dd{padding: 0;}
div#lefter dl#charaManu2 dd:nth-child(2){width:85px;display: inline-block; margin: 5px 3px 5px 0;}
div#lefter dl#charaManu2 dd:nth-child(3){width:85px;display: inline-block; margin: 5px 0 5px 0;}
div#lefter dl#charaManu2 dd:nth-child(4){width:85px;display: inline-block;margin: 0 3px 5px 0;}
div#lefter dl#charaManu2 dd:nth-child(5){width:85px;display: inline-block; margin: 0 0 5px 0;}
div#lefter dl#charaManu2 dd:nth-child(6){width:85px;display: inline-block;margin: 0 3px 5px 0;}
div#lefter dl#charaManu2 dd:nth-child(7){width:85px;display: inline-block; margin: 0 0 5px 0;}
div#lefter dl#charaManu2 dd:nth-child(8){width:85px;display: inline-block;margin: 0 3px 5px 0;}
div#lefter dl#charaManu2 dd:nth-child(9){width:85px;display: inline-block; margin: 0 0 5px 0;}

div#lefter dldiv#lefter dd a{display: block;}

/*----すべてみる----*/
div#lefter dl.otMenu{
clear: both;
}
div#lefter dl.otMenu dt{
background: url(../img/lf_plus.png) 2px 8px no-repeat;
padding: 6px 4px 4px 20px;
font-weight: bold;
line-height: 1.2;
font-size: 12px;
}
div#lefter dl.otMenu dt:hover{color: #39a3d4;}
div#lefter dl.otMenu dt.open{
background: url(../img/lf_minus.png) 2px 8px no-repeat;
}

div#lefter dl.otMenu dd a{
display: block;
padding: 3px;
font-size: 11px;
text-decoration: none;
color: #664841;
}
div#lefter dl.otMenu a:hover{color: #39a3d4;}
div#lefter dl.otMenu dd:hover{background-color: #e6f2f7;}

/*----メニューなし----*/
div#lefter dl.otMenu1{
clear: both;
}
div#lefter dl.otMenu1 dt{
background: url(../img/lf_ar.png) 2px 8px no-repeat;
padding: 6px 4px 4px 20px;
font-weight: bold;
font-size: 12px;
line-height: 1.2;
}
div#lefter dl.otMenu1 dt a{color: #664841;}
div#lefter dl.otMenu1 dt a:hover{text-decoration: none; color: #39a3d4;}

/*----すべてみる[end]----*/
div#lefter div#category dl{background: #fbfaf6}
div#lefter div#category dl dt{
border-top: 1px dotted #C7BCB8;
line-height: 1.2;
}
div#lefter div#category dl dt:hover{
cursor: pointer;
}

div#lefter dl#onDemand dt{margin: 0; padding: 0;}
div#lefter dl#onDemand dd{
background: url(../img/lf_li.png) left bottom no-repeat;
padding: 0;
line-height: 0;
border-bottom: 1px dotted #C7BCB8;
}
div#lefter dd img{vertical-align:bottom;width: 100%;}
div#lefter dd a{display: block;}
div#lefter p{
margin: 5px 0 0 0;
}
.characterMenu{}
.open_1{margin: 5px auto;text-align: center;}
.open_1.active::after {content: url("../img/open_minus.png") ;}
.open_1::after {content: url("../img/open_plus.png") ;}
.characterMenu dd{width: 58px;float: left;padding: 3px 3px 0 0;line-height: 0;}

.characterMenu dd.cRlk{width: 180px;}
.characterMenu dd.cRight{margin: 3px 0 0 0;padding: 0;}

.characterMenu dl.otMenu dd{clear:both;width: 180px;}
.characterMenu dl.otMenu dd a{display: block;padding: 3px;color: #664841;line-height: 0.8em;font-size: 13px !important;}
.characterMenu dl.otMenu dd a:hover{color: #39a3d4;}
.characterMenu dl.otMenu dd:hover{background-color: #e6f2f7;}


/*--------------------------------
6.TopPage
--------------------------------*/
h1#topH1{
font-size: 12px; font-weight: normal; padding: 5px; text-align: center; margin: 0 0 -40px 0;
border-top: dotted 1px #C7BCB8;
border-bottom: dotted 1px #C7BCB8;
}
.slider {position: relative;width: 780px;height: 340px;text-align: center;}
.slider a:focus{outline: 0;}
.sls-view {
position: relative;
width: 780px;
height: 300px;
overflow: hidden;
}
.sls-container {
position: absolute;
top: 0;
left: 0;
}
.sls-container div {
position: relative;
float: left;
width: 780px;
height: 300px;
}
.slsr-container div a {display: block;}
.sls-container div a:hover {color: #600;}

.sls-prev{display: block;height: 0;width: 42px;padding: 43px 0 0 0;overflow: hidden;position: absolute;bottom: -6px;left: 0;background: url(../img/ar_prev.png) 0 0 no-repeat;}

.sls-next{display: block;height: 0;width: 42px;padding: 43px 0 0 0;overflow: hidden;position: absolute;bottom: -6px;right: 0;background: url(../img/ar_next.png) 0 0 no-repeat;}

.sls-pagination{text-align: center;margin: 10px auto;display: inline-block;}

.sls-pagination a{
background: url(../img/bn/of.png) center top no-repeat;
padding: 0 5px;
width: 16px;
height: 20px;
overflow: hidden;
display: block;
float: left;
text-indent: -9999px;
}

.sls-pagination a:hover{
filter: alpha(opacity=80); -moz-opacity: 0.80; opacity: 0.80;
}

.sls-pagination a.current{
background: url(../img/bn/on.png) center top no-repeat;
padding: 0 5px;
width: 16px;
height: 20px;
overflow: hidden;
display: block;
float: left;
text-indent: -9999px;
}

/*news*/
div#tpNews{
margin: 0 0 10px 0;
padding: 2px;
border: solid 1px #d7ccc6;
border-bottom: solid 3px #d7ccc6;
position: relative;
width: 776px;
background: #d5eff2;
border: solid 1px #c8e4e8;
border-bottom: solid 2px #b0d4d9;
}
div#tpNews span{
position: absolute;
top: 2px;
right: 4px;
z-index: 100;
display: block;
font-size: 12px;
}
div#tpNews span:hover{
filter: alpha(opacity=80); -moz-opacity: 0.80; opacity: 0.80;
cursor: pointer;
}
div#tpNews span.sAll{
background: url(../img/ic_down.gif) center bottom no-repeat;
padding: 5px 0 15px 0;
}
div#tpNews span.cAll{
background: url(../img/ic_up.gif) center top no-repeat;
padding: 15px 0 5px 0;
}
div#tpNews h2{
float: left;
/*background: #f3f0ea;*/
padding: 3px 6px;
}
div#tpNews dl{
margin: 5px 60px 0 110px;
}
div#tpNews dt{
float: left;
display: block;
padding: 5px 8px 5px 5px;
}
div#tpNews dd{
padding: 5px;
font-size: 14px;
}


/*ranking*/
h2#rankTTL{
z-index: 100;
position:relative;
}
div.ranking{
padding: 0 0 5px 0;
margin: -15px 0 0 0;
}

div.all{
background-image: url(../img/bg_check_y.gif);
border-bottom: solid 2px #f9eeb3;
}


div.ranking p{
float: left;
position: relative;
width: 120px;
margin: 20px 10px 0 10px;
font-size: 12px;
}
div.ranking p img.rnkNum{
position: absolute;
top: 0;
left: 0;
width: 28px;
height: 26px;
z-index: 100;
}

div.ranking p img{
width: 100px;
height: 100px;
display: block;
margin: 0 0 3px 0;
}


div.ranking p.no1{
float: left;
position: relative;
width: 160px;
margin: 10px 20px 0 20px;
font-size: 12px;
}
div.ranking p.no1 img.rnkNum{
position: absolute;
top: 0;
left: 0;
width: 35px;
height: 32px;
z-index: 100;
}

div.ranking p.no1 img{
width: 150px;
height: 150px;
display: block;
}

p.showAll{
text-align: right;
margin: -15px 10px 0 0;
}

/*favarite*/
div#favRanking{
width: 520px;
margin: 0 0 40px 0;
float: right;
}
div#favRanking h2{
z-index: 100;
position:relative;
margin: 10px 0 0 0;
}
div#favRanking div{
background-image: url(../img/bg_check_p.gif);
margin: -17px 0 0 0;
padding: 10px 0 5px 10px;
border-bottom: solid 2px #fcdcd7;
}
div#favRanking div div{border: none;}

div#favRanking p.showAll{
text-align: right;
margin: -15px 10px 0 0;
}




div.tpBtn{
text-align: center;
margin: 16px 0 6px 0;
padding: 5px 0 0 3px;
border: 1px dotted #C7BCB8;
border-top: solid 3px #795247;
border-bottom: solid 3px #795247;
}

/*bn*/
div.tpBtn {clear: both;}
div.tpBtn p{
margin: 0 0 10px 0;
}
div.tpBtn a.l{
display: block;
padding: 0 4px;
float: left;
}
div.tpBtn a.l img{max-width: 380px;}
div.tpBtn a.r{
display: block;
padding: 0;
float: left;
}
div.tpBtn a.r img{max-width: 380px;}
/*sバナー2個の場合*/
/*s size left*/
div.tpBtn a.sl{
display: block;
padding: 0 8px 0 0;
margin: 0 8px 0 0;
float: left;
border-right: 1px dotted #C7BCB8;
}
/*s size right*/
div.tpBtn a.sr{
display: block;
padding: 0;
float: left;
}

/*sバナー4個の場合*/
div.tpBtn a.s1{
display: block;
padding: 0 6px 0 0;
margin: 0 6px 0 5px;
float: left;
border-right: 1px dotted #C7BCB8;
}
div.tpBtn a.s1 img{max-width: 380px;}
div.tpBtn a.s2{
display: block;
padding: 0 6px 0 0;
margin: 0 6px 0 0;
float: left;
border-right: 1px dotted #C7BCB8;
}
div.tpBtn a.s3{
display: block;
padding: 0 6px 0 0;
margin: 0 6px 0 0;
float: left;
border-right: 1px dotted #C7BCB8;
}
div.tpBtn a.s4{
display: block;
padding: 0;
margin: 0;
float: left;
}




/*rec slide*/
div#slide{
width: 240px;
float: left;
position: relative;
margin: 10px 0 0 0;
padding: 0 0 10px 0;
}
div#slide h2{z-index: 100;
position:relative;
}
div#slide ul#list{
height: 205px;
background-image: url(../img/bg_check.gif);
border-bottom: solid 2px #ece8e0;
margin: -18px 0 0 0;
}
div#slide ul#list li img{
width: 130px;
height: 130px;
display: block;
margin: 0 auto 5px auto;
}
div#slide ul#list li{
text-align: center;
font-size: 11px;
line-height: 1.2;
position: absolute;
width: 160px;
top: 60px;
left: 45px;
}

div#slide ul#navi{
padding: 5px 0 0 0;
text-align: center;
position:relative;
left:50%;
float:left;
}
div#slide ul#navi li{
position:relative;
left:-50%;
float:left;
}

div#slide ul#navi li a{
display: block;
float: left;
padding: 10px 3px 0 3px;
height: 0;
overflow: hidden;
background: url(../img/rec_of.png) top center no-repeat;
}


div#slide ul#navi li a.current{background: url(../img/rec_on.png) top center no-repeat;
}

p.sns{margin: 5px;}
p.sns img{display: inline-block;vertical-align: top;}
p.sns a{display: inline-block;}
p.decoration{margin-top: 10px;}
p.decoration:before{content: "・";display: inline-block;vertical-align: top;}
p.decoration a{display: inline-block;}

/*--------------------------------
7.Goods List &Detail
--------------------------------*/
div.noItem{
text-align: center;
font-size: 16px;
padding: 50px 0;
}

/*search*/
form.searchBox{
background: url(../img/sch_bg.png) left top no-repeat;
height: 167px;
width: 780px;
position: relative;
}
form.searchBox p{
position: absolute;
right: 0;
bottom: 0;
}
form.searchBox table{
border-collapse: collapse;
margin: 0 6px 0 110px;
}
form.searchBox table th{
width: 90px;
padding: 8px 3px;
font-weight: bold;
text-align: right;
border-bottom: solid 1px #d5cdca;
}
form.searchBox table td{
padding: 8px 3px;
border-bottom: solid 1px #d5cdca;
vertical-align: middle;
}

form.searchBox table td select{
width: 200px;
color: #444;
padding: 1px;
border: solid 1px #c0b3ae;
font-size: 12px;
}
form.searchBox table td select option{
padding: 3px;
color: #444;
font-size: 11px;
display: block;
}
form.searchBox table td select option.dt{
background: #ebf6f7;
border-top: solid 1px #dae9eb;
font-weight: bold;
font-size: 12px;
line-height: 2;
}
form.searchBox table td select option.all{
background: #fff;
font-size: 12px;
}

form.searchBox table input#keyword{width: 98%;}
form.searchBox table input.txt{
border: solid 1px #c0b3ae;
padding: 5px;
}
form.searchBox table td.priceT input.txt{width: 60px;}
form.searchBox table td label{font-weight: bold;}

/*search*/
ul.goodsList li{
width: 180px;
float: left;
margin: 0 20px 20px 0;
position: relative;
}
/*ie6*/
* html ul.goodsList li{
margin: 0 0 20px 10px;
}

ul.goodsList li div.gInfo{
background: url(../img/g_bgt.gif) left top no-repeat;
}

/*ie6*/
* html ul.goodsList li div.gInfo{
height: 260px;
}

ul.goodsList li div.gInfo a {display: block; padding: 5px 7px;}
ul.goodsList li div.gInfo a img{margin: 3px 8px; display: block;}
ul.goodsList li div.gInfo a:hover img{filter: alpha(opacity=80); -moz-opacity: 0.80; opacity: 0.80;}
ul.goodsList li div.gInfo a:hover img{text-decoration: none;}
ul.goodsList li div.gInfo a:hover span{text-decoration: underline;}
ul.goodsList li div.gInfo p.gMark{
margin: 0 10px;
height: 24px;
text-align: center;
}
p.gInfo2{text-align: center;}
p.gInfo2 img{max-width: 150px;display: table-cell;margin: 0 auto;}
span.gInfo2{display: block;padding: 5px 7px;}
ul.goodsList li div.gInfo p.gMark img{
margin: 0 1px;
}

ul.goodsList li div.gBtn p{text-align: right; font-size: 11px;}
ul.goodsList li div.gBtn p strong{font-size: 13px;}


ul.goodsList li div.gBtn{
background: url(../img/g_bgb.png) left bottom no-repeat;
height: 80px;
overflow: hidden;
}
/*ie6*/
* html ul.goodsList li div.gBtn{
background: url(../img/g_bgb.png) left bottom no-repeat;
height: 90px;
overflow: hidden;
}


ul.goodsList li div.gBtn p.gIcon{
margin: 3px 3px 0 5px;
padding: 0;
font-size: 10px;
}

ul.goodsList li div.gBtn p.gIcon span{
display: block;
padding: 1px;
margin: 0 auto;
float: left;
}
ul.goodsList li div.gBtn p.gIcon span{
font-size: 10px;
font-weight: normal;
padding: 2px 0 0 0;
text-align: left;
letter-spacing: 1px;
}
ul.goodsList li div.gBtn p.gIcon span.inStock{
color:#e33;
}
ul.goodsList li div.gBtn p.gIcon span.smStock{
color:#390;
}



ul.goodsList li div.gBtn p.gIcon span.cartIn{
background: #fae3aa;
float: right;
width: 110px;
font-size: 10px;
letter-spacing: 0.5px;
}
ul.goodsList li div.gBtn p.gIcon span.cartOut{
display: none;
}
ul.goodsList li div.gBtn p.gIcon strong{
clear: both;
font-size: 16px;
display: block;
text-align: center;
padding: 20px 0 0 0;
}
ul.goodsList li div.gBtn p.gIcon strong.come{
clear: both;
font-size: 13px;
display: block;
text-align: center;
padding: 20px 0 0 0;
font-weight: normal;
color: #CC0000;
}


ul.goodsList li div.gBtn p.btnDetail{
margin: 2px 3px 0 5px;position: inherit;bottom: 5px;
width: 169px;
}

ul.goodsList li div.gBtn form{
clear: both;
padding: 2px 5px;
font-size: 11px;
text-align: right;
}
ul.goodsList li div.gBtn form select{
width: 36px;
font-size: 12px;
}

ul.goodsList li div.gPrice{
padding: 3px 5px 1px 5px;
background: url(../img/g_bgt.png) left bottom no-repeat #fffff;
text-align: right;
}



/*カートに追加*/
ul.goodsList li div.cin_close{display: none;}
ul.goodsList li div.cin_msg{
display: block;
position: absolute;
top: 60px;
left: 16px;
background: url(/img/ctin_bg.png) 0 0 no-repeat;
width: 145px; height: 105px;
}
/*ie8 png*/
html>/**/body ul.goodsList li div.cin_msg{
background /*\**/: transparent url("/img/ctin_bg.png") no-repeat left top\9;
filter /*\**/:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/img/ctin_bg.png',sizingMethod='scale')\9;
background-image /*\**/: none\9;
}

ul.goodsList li div.cin_msg p{
font-size: 12px;
padding: 10px 2px;
}

ul.goodsList li div.cin_msg span{
font-size: 11px;
margin: 3px;
padding: 0 15px 0 0;
display: block;
color: #e00;
background: url(/img/crin_cl.gif) top right no-repeat;
}

ul.goodsList li div.cin_msg span:hover{
cursor: pointer;
color: #FF6633;
}

ul.goodsList li div.cin_msg a{
display: block;
text-align: center;
}


/*カートに追加できません*/
ul.goodsList li div.cin_close{display: none;}
ul.goodsList li div.cout_msg{
display: block;
position: absolute;
top: 30px;
left: 16px;
background: url(/img/ctout_bg.png) 0 0 no-repeat;
width: 145px; height: 171px;
}
/*ie8 png*/
html>/**/body ul.goodsList li div.cout_msg{
background /*\**/: transparent url("/img/ctout_bg.png") no-repeat left top\9;
filter /*\**/:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/img/ctout_bg.png',sizingMethod='scale')\9;
background-image /*\**/: none\9;
}

ul.goodsList li div.cout_msg p{
font-size: 13px;
padding: 10px 6px;
text-align: left;
color: #e00;
}

ul.goodsList li div.cout_msg span{
font-size: 11px;
margin: 3px;
padding: 0 15px 0 0;
display: block;
color: #e00;
background: url(/img/crin_cl.gif) top right no-repeat;
}

ul.goodsList li div.cout_msg span:hover{
cursor: pointer;
color: #FF6633;
}

ul.goodsList li div.cout_msg a{
display: block;
text-align: center;
}






/*pager*/
div.pager{
background: url(../img/li780.png) left bottom no-repeat #fff;
margin: 0 0 10px 0;
padding: 0 0 10px 0;
}

div.pager p{
float: right;
width: 280px;
margin: 0 0 0 auto;
text-align: right;
padding: 15px 0 0 0;
font-size: 13px;
}

div.pager form{
float: left;
width: 300px;
}

div.pager p span a img{
vertical-align: middle;
}

div.pager p span{padding: 0 3px; font-weight: bold; font-size: 14px;}
div.pager p span a{font-weight: normal; font-size: 13px;}
/*pager980*/
div.pager980{
background: url(../img/li980.png) left bottom no-repeat #fff;
margin: 0 0 10px 0;
padding: 0 0 10px 0;
}

div.pager980 p{
float: right;
width: 300px;
margin: 0 0 0 auto;
text-align: right;
padding: 15px 0 0 0;
font-size: 13px;
}

div.pager980 form{
float: left;
width: 300px;
}

div.pager980 p span a img{
vertical-align: middle;
}

div.pager980 p span{padding: 0 3px; font-weight: bold; font-size: 14px;}
div.pager980 p span a{font-weight: normal; font-size: 13px;}

div.pager980Btm{
background: url(../img/li980.png) left top no-repeat #fff;
margin: 0 0 10px 0;
padding: 10px 0;
}
div.pager980Btm p{
float: right;
width: 280px;
margin: 0 0 0 auto;
text-align: right;
padding: 0;
font-size: 13px;
}

div.pager980Btm form{
float: left;
width: 300px;
}

div.pager980Btm p span a img{
vertical-align: middle;
}
div.pager980Btm p span{padding: 0 3px; font-weight: bold; font-size: 14px;}
div.pager980Btm p span a{font-weight: normal; font-size: 13px;}






/*Detail*/
div#gDetail{border-top: dotted 1px #c7bcb8; margin: 0 0 40px 0;}
div#gDetail p.dtError{
padding: 7px 7px 5px 7px;
font-size: 14px;
color: #fff;
margin: 2px 0;
background: #de4747;
}
div.deMain{border-top: 1px dotted #C7BCB8;}


p.gTxt2{padding: 20px; border-top: 1px dotted #C7BCB8; border-bottom: 1px dotted #C7BCB8;}
div#gImg{
float: left;
text-align: center;
margin: 10px 20px 0 0;
text-align: center;
}
div#gImg img{
display: block;
margin: 0 auto 10px auto;
max-width: 500px;
max-height: 500px;
}
/*ie*/
* html div#gImg img{
display: block;
width: expression(this.width >= this.height ? "500px" : "auto");
height: expression(this.width <= this.height ? "500px" : "auto");
}
div#gInfo p.gMark img{
margin: 0 3px 5px 0;
}
div#gInfo{
width: 340px;
float: left;
margin: 15px 0 0 auto;
}
div#gImgThumb{
width: 80px;
float: left;
margin: 10px 20px 0 0;
}
div#gImgThumb img{
display: block;
margin: 0 0 5px 0;
}
div#gImgThumb span{
display: block;
height: 474px;
overflow: hidden;
}
div#gImgThumb span img{
border: solid 1px #d7ccc6;
}
div#gImgThumb img:hover{
cursor: pointer;
}
div#gInfo{
float: right;
width: 340px;
}
div#gInfo h2{
background: url(../img/li_dot.png) left bottom repeat-x;
padding: 0 0 10px 0;
}

div#gInfo h2{
background: url(../img/li_dot.png) left bottom repeat-x;
padding: 0 0 10px 0;
}

div#gInfo p.price{
text-align: right;
padding: 5px;
margin: 0 0 5px 0;
font-size: 14px;
background: url(../img/li_dot.png) left bottom repeat-x;
}
div#gInfo p.start{
margin: 5px 0;
color: #e73c3c;
padding: 5px;
border: solid 2px #e73c3c;
letter-spacing: 1px;
text-align: center;
font-size: 14px;
font-weight: bold;
}
div#gInfo p.price strong{
font-size: 16px;
}
div#gInfo div#cartForm{margin: 10px 0;}
div#gInfo div#cartForm form{
background: url(../img/dt_bg_cart.png) 0 0 no-repeat;
position: relative;
width: 340px;
height: 57px;
}

div#gInfo div#cartForm form input#cartto{
position: absolute;
top: 7px;
right: 5px;
}
div#gInfo div#cartForm form input#cartto:hover{
cursor: pointer;
}
div#gInfo div#cartForm form span{
position: absolute;
top: 7px;
left: 5px;
font-weight: bold;
}div#gInfo div#cartForm form span select{
width: 56px;
}
div#gInfo div#cartForm form strong{
position: absolute;
top: 30px;
left: 5px;
font-size: 11px;
font-weight: normal;
background: #886c64;
color: #fff;
padding: 2px 0 0 0;
text-align: center;
width: 100px;
letter-spacing: 1px;
}

div#gInfo div#cartForm form strong.inStock{
background: #c33;
}
div#gInfo div#cartForm form strong.smStock{
background: #79a62a;
}



/*カートにいれる*/
div#gInfo div#cartBtn{
position: relative;
width: 340px;
margin: 0;
z-index: 100;
/*height: 50px;*/
}

div#gInfo div#cartBtn a{
position: absolute;
top: 20px;
right: 5px;
}
div#gInfo div.up{
display: block;
}
div#gInfo div.close{
display: none;
}




div#gInfo div#sns{
text-align: right;
margin: 20px 0 10px 0;
font-size: 12px;
}
div#gInfo div#sns p{
text-align: left;
padding: 5px 0;
background: url(../img/li_dot.png) left top repeat-x;
}

div#gInfo div#sns p span{display: block;margin: 5px auto;font-size: 15px;}
div#gInfo div#sns p span a{display: block;padding: 10px 5px;background-color: #F5F2ED;
border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;}
div#gInfo div#sns p span a img{margin-right: 5px;}
div#gInfo div#sns span.sns_ttl{font-size: 20px;margin: 20px auto 0 auto;}
div#gInfo div#sns_in{text-align: right;}

ul.sns {
clear:both;
text-align: left;
margin: 0 0 20px 0;
padding: 0;
overflow: hidden;
}

ul.sns li{
float:left;
list-style:none;
margin: 0 10px 0 0;
}

.count{
padding: 0 6px;
font-size:12px;
border-radius: 10px; /* 角丸 */  
-webkit-border-radius: 10px; /* 角丸 Safari,Google Chrome用 */  
-moz-border-radius: 10px; /* 角丸 Firefox用 */
background-color:#FFCCCC;
color:#f00;
}
/*form*/
div#gDetail div#dtForm div#cartForm{
background: url(../img/dt_bg_cart.png) 0 0 no-repeat;
position: relative;
width: 340px;
height: 57px;
text-align: right;
}
div#gDetail div#dtForm div#cartForm input{
padding: 5px;
}

div#gDetail table{
border-collapse: collapse;
width: 100%;
margin: 0 0 5px 0;
}
div#gDetail th{
padding: 5px;
border: solid 1px #c7bcb8;
width: 40%;
background: #F4F1EB;
}
div#gDetail td{
padding: 5px;
border: solid 1px #c7bcb8;
}
div#gDetail span.error{
font-size: 11px;
color: #c33;
padding: 3px;
background: #eecdc7;
display: block;
margin: 1px 0;
border: solid 1px #c33;
}



/*--------------------------------
8.Shopping Cart
--------------------------------*/
div#shoppingCart table{
border-collapse: collapse;
width: 100%;
margin: 0 0 20px 0;
}

div#shoppingCart table thead th{
background: #f3f0ea;
border: solid 1px #C7BCB8;
padding: 5px;
}

div#shoppingCart table td{
border: solid 1px #C7BCB8;
padding: 5px;
text-align: right;
}
div#shoppingCart table td select{
padding: 1px;
}
div#shoppingCart table td.ctImg{
width: 80px;
}
div#shoppingCart table td.ctImg img{
width: 80px;
height: 80px;
}
div#shoppingCart table td p{text-align: center;display: table;margin: 5px 0;}
div#shoppingCart table td p.icLink{
margin: 10px 0 0 0;
}

div#shoppingCart table td.ctName{
width: 480px;
text-align: left;
}
div#shoppingCart table td.ctPrice{
width: 90px;
}
div#shoppingCart table td.ctSubtotal{
width: 90px;
}

p.ctbox{text-align: left;}
p.ctbox span.ctbox1{display: table-cell;width: 120px;font-size: 12px;padding: 5px;text-align: left;background: #eef8fa;font-weight: bold;border-right: 1px solid #C7BCB8;}
p.ctbox span.ctbox2{display: table-cell;text-align: left;background: #eef8fa;font-size: 12px;padding: 5px;width: 335px;}

div#shoppingCart table tr#tfoot td{
border-top: solid 3px #C7BCB8;
border-bottom: solid 3px #C7BCB8;
text-align: right;
padding: 10px;
font-size: 16px;
background: #fffad6;
}
div#shoppingCart table tr#tfoot td p#noItems{text-align: center; padding: 20px;}
div#shoppingCart table tr#tfoot td strong{
font-size: 20px;
color: #993333;
}
div#shoppingCart table tr#tfoot td p{
text-align: right;
}
div#shoppingCart table tfoot tr td{
border-top: solid 3px #C7BCB8;
text-align: right;
padding: 10px;
font-size: 15px;
font-weight: bold;
}
div#shoppingCart table tfoot tr td p#noItems{text-align: center; padding: 20px;}
div#shoppingCart table tfoot tr td strong{
font-size: 18px;
color: #993333;
}
div#shoppingCart table tfoot tr td.total{
font-size: 16px;
background: #fffad6;
text-align: right;
font-weight: bold;
border-top: solid 3px #C7BCB8;
border-bottom: solid 3px #C7BCB8;
}


div#shoppingCart table.spcTable{
width: 100%;
margin: 5px auto 0 0;
border-top: solid 2px #C7BCB8;
border-bottom: solid 2px #C7BCB8;
background: #eef8fa;
}
div#shoppingCart table.spcTable th{
border: solid 1px #C7BCB8;
width: 120px;
font-size: 12px;
}
div#shoppingCart table.spcTable td{
border: solid 1px #C7BCB8;
text-align: left;
}
/*sold out*/
div#shoppingCart table td.so{
background: #ffdede;
filter: alpha(opacity=50); -moz-opacity: 0.50; opacity: 0.50;
}
div#shoppingCart table td p.ctbox span.so{
background: #ffdede;
background-color: red;
color: white;
filter: alpha(opacity=50); -moz-opacity: 0.50; opacity: 0.50;
}
div#gInfo p.out{margin: 5px 0;
color: #e73c3c;
padding: 5px;
border: solid 2px #e73c3c;
letter-spacing: 1px;
text-align: center;
font-size: 14px;
font-weight: bold;
}

/*受付終了*/
div#gInfo p.end{margin: 5px 0;
color: #e73c3c;
padding: 5px;
border: solid 2px #e73c3c;
letter-spacing: 1px;
text-align: center;
font-size: 14px;
font-weight: bold;
}


div#orderBtn{
text-align: right;
margin: 0 0 20px 0;
padding: 0 0 10px 0;
border-bottom: solid 3px #C7BCB8;
}
div#orderBtn a{
float: left;
}
div#orderBtn img{
padding: 0 5px 5px 0;
}

/*order*/
div#registForm h3.ttl{
background: #fff;
font-size: 18px;
padding: 15px 0 5px 10px;
border-bottom: solid 3px #C7BCB8;
}
div#registForm p.selectAd{
margin: 0 20px;
}
div#registForm p.selectAd span{
display: block;
margin: 5px 0;
}
div#registForm table td.coupon{
text-align: center;
}
div#registForm table td.coupon h4{
font-size: 18px;
}
div#registForm table td.coupon div{
width: 560px;
margin: 10px auto;
text-align: left;
}
div#registForm table td.coupon div.point{
padding: 0 0 10px 0;
border-bottom: 2px dotted #E0DBD2;
}
div#registForm table td.coupon div input.txt{
padding: 5px;
width: 250px;
}
div#registForm table td.coopon div.point h3{
font-weight: normal;
margin: 5px 0;
color: #F70;
}
div#registForm table td.coupon div.point h3 strong{
font-size: 16px;
}
div#registForm table td.coupon p.inputted{
padding: 5px;
color: #fff;
margin: 5px auto;
background: #81584b;
}

div#registForm table td.coupon input.couponBtn{
padding: 5px;
font-size: 16px;
}
div#registForm table tr#selectPay th{font-size: 16px;}

div#registForm table tr#selectPay td{padding: 10px; font-size: 16px;color: #C7BCB8;vertical-align:top;}
div#registForm table tr#selectPay td p{
font-size: 12px;
margin: 0 0 0 -8px;
}
div#registForm table tr#selectPay label{
color: #664841;
}
tr#selectPay{ vertical-align:top;}

div#registForm table tr#selectPay td.strong strong {
    color: red;
    /*background-color: red;*/
    padding: 2px 50px;
    margin: 5px auto;
    display: block;
    border:1px solid red;
    font-weight:normal;
}

/*order cnf*/
div#orderCnf h3.ttl{
background: #fff;
font-size: 16px;
margin: 10px 0 0 0;
padding: 5px 0 2px 5px;
background: #664841;
color: #fff;
}

div#orderCnf table{
width: 100%;
margin: 0 auto;
border-collapse: collapse;
}
div#orderCnf table th{
border: solid 1px #C7BCB8;
padding: 3px;
width: 160px;
text-align: left;
}
div#orderCnf table td{
border: solid 1px #C7BCB8;
padding: 3px;
}

div#orderCnf div#odBtn{
font-size: 14px;
margin: 20px;
background-image: none;
text-align: right;
}
div#orderCnf div#odBtn p.back{float: left;}
div#orderCnf div#odBtn input{float: right;}

div.orderExec{
font-size: 20px;
}


div.cartCitems{
border-bottom: dotted 1px #C7BCB8;
position: relative;
width: 980px;
}
div.cartCitems h3{
height: 240px;
widrh: 180px;
margin: 0;
padding: 20px 0 0 0px;
}
div.cartCitems h2{
height: 240px;
widrh: 180px;
margin: 0;
padding: 20px 0 0 0px;
}
 
div.cartCitems h3 img{
margin: 0;
padding: 0;
}
div.cartCitems div.citems{
border: none;
position: absolute;
top: 0; 
left: 180px;
}




.wrapper-headerinfo {display: none;}
.tab{overflow:hidden;margin:0;padding: 0;list-style: none;}
.tab li{cursor: pointer;display: inline-block;}

.hide{display:none;}
.content div.sub{background: white ;height: 50px;margin: 1em;}
tr#selectPay .content{ width:100%; margin:0 auto !important; padding:0;}
tr#selectPay .content div{ width:100%;margin: 0 auto;font-size: 13px;}
ul.tab li{ float:left;color: #7E5A50;}
.other{margin-top: 1em;padding: 1em;}
.close{width:20%;background:#d38;
	-webkit-border-radius:4px;
	border-radius: 4px;
	color: #fdfdfd;
	text-align: center;
	cursor: pointer;}
	
.cardSelect h4{font-size: 13px;color: #664841;}
div.cardSelect ul.mycd li {background: #F4F1EB;border: 1px solid #DBD7BE;margin-bottom: 15px;padding: 0px 5px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}
div.cardSelect label {padding: 5px 0px;display: block;height: 28px;}	
div.cardSelect label.check {margin: 5px 0px;display: inline-block !important;}	
div.cardSelect ul.mycd p {height: 28px;line-height: 28px;display: inline-block;vertical-align: middle;}
div.cardSelect ul.mycd span.name {min-width: 140px;display: inline-block;margin-right: 10px;margin-left: 5px;line-height: 28px;height: 28px;}
div.cardSelect ul.mycd span.number {border-left: 1px dotted #B7B39A;border-right: 1px dotted #B7B39A;display: inline-block;padding: 1px 16px;height: 24px;line-height: 24px;}
div.cardSelect ul.mycd{font-size: 13px;}
div.cardSelect ul.mycd input{margin-right: 15px;}
div.label1Box table{ width:100% !important;font-size: 13px;color: #664841;margin-bottom: 0px;border-top: 1px solid #DBD7BE;border-left: 1px solid #DBD7BE;border-bottom: 1px solid #DBD7BE;}
div.label1Box{ font-size:13px;}
tr#selectPay .content div th{font-size: 13px !important;}
tr#selectPay .content div td{font-size: 13px !important;color: #664841 !important;}
div.label1Box table th {background: #F9F8F1;width: 140px;border-right: 1px solid #DBD7BE;border-bottom: 1px dotted #DBD7BE !important;}
div.label1Box input[type="text"] {border: 1px solid #999!important;padding: 5px 5px!important;}
p.input{ margin:0 10px !important;}
div.label1Box span {font-weight: normal!important;padding: 0 5px;}
p.cardTxt{color: #664841;}
.cardInfo img{ width:100%; height:auto;}
tr#selectPay .content div table{ width:100% !important;}
tr#selectPay .content div table tr{border: 1px solid #CCC;}
tr#selectPay .content div table th{background: #F9F8F1;border-right: 1px solid #DBD7BE; font-size:13px;color: #664841;}
tr#selectPay .content div table label{margin: 3px auto;display: inline-block;}
tr#selectPay .content div p{font-size:13px;color: #664841;}

p.orderExec_txt{ font-size:15px;}
table.orderExec_table{ font-size:14px;border-collapse: collapse;border-spacing: 0;margin: 0 auto;}
table.orderExec_table th{background: #F9F8F1;border-right: 1px solid #DBD7BE;border: 1px solid #DBD7BE;padding: 5px;}
table.orderExec_table tr{border: 1px solid #DBD7BE;text-align: left;padding: 5px;}
table.orderExec_table td{padding: 5px;}
table.orderExec_table td h2{font-size: 15px;}

p.orderExec_btn{}
p.orderExec_btn a{ background-color:#704D44; padding:5px; display:block; text-align:center;color: #FFF;width: 550px;margin: 0 auto;text-decoration: none;
border-radius: 10px;		/* CSS3草案 */
	-webkit-border-radius: 10px;	/* Safari,Google Chrome用 */
	-moz-border-radius: 10px;	/* Firefox用 */}
p.orderExec_btn a:hover { opacity: 0.75;}


/*--------------------------------
9.Login & Regist Form
--------------------------------*/
div#registForm p.text{
padding: 10px 20px;
}
div#registForm{
width: 980px;
margin: 10px auto;
padding: 0 0 10px 0;
background: url(../img/fmbtm.png) left bottom no-repeat #F4F1EB;
}

div#registForm form{
width: 980px;
padding: 10px 0 0 0;
background: url(../img/fmtp.png) left top no-repeat;
}

div#registForm div{
background: url(../img/fmin_btm.png) left bottom no-repeat;
width: 938px;
margin: 10px auto;
padding: 0 0 5px 0;
}

div#registForm input.txt{padding: 4px; font-size: 14px; background: #f1f5f4; border: solid 1px #c7cdcc; border-top: solid 2px #c7cdcc; margin: 0 0 2px 0;}
div#registForm input:focus{background-color: #ffffcc;}
div#registForm textarea.txt{padding: 4px; font-size: 14px; background: #f1f5f4; border: solid 1px #c7cdcc; border-top: solid 2px #c7cdcc; margin: 0 0 2px 0; max-width: 680px;}
div#registForm textarea:focus{background-color: #ffffcc;}
p.formError{ font-size:12px !important;}

div#registForm span.note{
font-size: 12px;
color: #CC3333;
}
div#registForm span.ex{
font-size: 12px;
color: #999999;
}
div#registForm span.error{
font-size: 11px;
color: #c33;
padding: 3px;
background: #eecdc7;
display: block;
margin: 1px 0;
border: solid 1px #c33;
}
div#registForm a.zipcode{
border: solid 1px #0e7eb2;
padding: 1px 3px;
}
div#registForm a.zipcode:hover{
text-edcoration: none;
}

div#registForm ul#formError{
font-size: 12px;
color: #c33;
background: #eecdc7;
display: block;
margin: 1px 0;
border: solid 1px #c33;
width: 100%;
}
div#registForm ul#formError li{
padding: 3px 5px;
list-style-type: decimal;
margin: 0 0 0 30px;
}
div#registForm table{
border-collapse: collapse;
width: 938px;
margin: 10px auto 0 auto;
background: url(../img/fmin_tp.png) left top no-repeat #fff;
}

div#registForm table th{
border-bottom: solid 2px #e0dbd2;
padding: 6px;
width: 200px;
text-align: left;
}
div#registForm table th img{
float: left;
padding: 0 3px 0 0;
}

div#registForm table td{
border-bottom: solid 2px #e0dbd2;
padding: 6px;
}


div#registForm div#odBtn{
font-size: 14px;
margin: 20px;
background-image: none;
text-align: right;
}
div#registForm div#odBtn p.back{float: left;}
div#registForm div#odBtn input{float: right;}

div#registForm div#rules{
background-image: none;
padding: 0;
margin: 10px 20px;
width: 740px;
}
div#registForm div#rules div{
text-align: left;
padding: 10px 0;
height: 260px;
overflow: scroll;
overflow-x: hidden;
background: #dae7eb;
background-image: none;
border: solid 1px #657275;
}
div#rules p strong{
font-size: 16px;
color: #c33;
}
div#rules div h4{
margin: 5px 10px;
padding: 3px 5px;
background: #c3cfd4;
}
div#rules div h3{
margin: 5px 10px;
padding: 3px 5px;
font-size: 16px;
}
div#rules div p{
padding: 5px 10px;
}

div.exec{text-align: center;padding: 100px 0;font-size: 14px;}
div.exec p{margin: 20px auto;display: block;text-align: center;}

div.exec p a.quo2016{background-color: #F10000;color: #FFF;padding: 8px;width: 220px;display: inline-block;vertical-align: top;margin-left: 10px; font-size:20px;
border-radius: 7px;
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;text-decoration: none;}
div.exec p a:hover{opacity: 0.8;}
/*login*/
div#login{
width: 500px;
margin: 0 auto 10px auto;
padding: 10px;
background: #f3f0ea;
text-align: center;
}
div#login p.txt input{
padding: 5px;
width: 200px;
margin: 3px 0;
}


div#loginOrder{padding: 20px 0 20px 0;width: 700px;margin: 0 auto;background-color: #eef6d2;border: 1px solid #e6eec9;border-radius: 10px;-webkit-border-radius: 10px;-moz-border-radius: 10px;}
div#loginOrder h3{
text-align: center;
padding: 0;
font-size: 14px;
}
div#loginOrder p.error{
text-align: center;
font-size: 13px;
background: #ee0000;
color: #fff;
width: 330px;
padding: 3px;
margin: -5px auto 0 auto;
}
div#loginOrder form p{
display: block;
padding: 5px 20px;
width: 400px;
margin: 0 auto;
}

div#loginOrder form p input{
width: 200px;
padding: 6px;
font-size: 14px;
}
div#loginOrder form span{
display: block;
margin: 0 auto 5px auto;
width: 124px;
}

div#loginOrderBtn{
width: 700px;
margin: 10px auto -20px auto;
text-align: center;
font-size: 14px;
}

div#loginOrderBtn p{
margin: 0 0 20px 0;
}

/*contact*/
div#contact_page ul li{
padding: 10px 30px;
margin: 0 0 10px 0;
border: 1px solid #C7BCB8;
font-size: 14px;
}
/*contact*/
div#contact_page p.cnf{
font-size: 14px;
font-weight: bold;
}



/*--------------------------------
10.MyPage
--------------------------------*/
h2.ttlMypage{
position: relative;
width: 980px;
height: 77px;
}
h2.ttlMypage span{
position: absolute;
top: 30px;
left: 300px;
}

div#myPageTop{
background: url(../img/my_bgtp.png) left top no-repeat;
}
div#myPageTop_in{
background: url(../img/my_bgbtm.png) right bottom no-repeat;
padding: 20px 0;
}
div#myPageTop_in div#memberInfo{
float: left;
width: 361px;
margin: 0 18px 0 0;
}
div#myPageTop_in div#memberInfo h3{
font-size: 15px;
margin: 40px 0 10px 30px;
}
div#myPageTop_in div#memberInfo div.point{
background: url(../img/my_point.png) 0 0 no-repeat;
margin: 10px 20px 10px 30px;
padding: 0 0 0 50px;
height: 180px;
font-size: 11px;

}
div#myPageTop_in div#memberInfo div.point strong{
font-size: 16px;
}
div#myPageTop_in div#memberInfo div.point h4{
font-size: 13px;
border-bottom: dotted 1px #e1d6d4;

}
div#myPageTop_in div#memberInfo div.point p{
border-bottom: dotted 1px #d9cac6;
display: block;
margin: 5px 0;
padding: 5px 0;
font-size: 12px;
}
div#myPageTop_in div#memberInfo div.point p.pointNow{color: #339966;}
div#myPageTop_in div#memberInfo div.point p.pointAva{color:#FF6633;}
div#myPageTop_in div#memberInfo div.point span{color: #FF3300;}


div#myPageTop_in div#memberInfo p.logout{
padding: 5px;
height: 101px;
text-align: center;
background: url(../img/my_bgbtn.png) 0 0 no-repeat;
position: relative;
width: 361px;
}
div#myPageTop_in div#memberInfo p.logout a.myLogout{
position: absolute;
top: 10px;
left: 126px;
}
div#myPageTop_in div#memberInfo p.logout span{
font-size: 12px;display: block;margin: 60px 0 0 0; font-weight: bold; color: #e00;
}
div#myPageTop_in div#memberInfo p.logout span a{
font-size: 16px;
font-weight: normal;
}

div#myPageTop_in dl#myContents{
float: left;
width: 600px;
}

div#myPageTop_in dl#myContents dt{
float: left;
padding: 10px 5px 5px 0;
clear: both;
}
div#myPageTop_in dl#myContents dd{
padding: 20px 5px 5px 130px;
height: 100px;
background: url(../img/li600.png) left bottom no-repeat;
}
div#myPageTop_in dl#myContents dd.noline{
background: none;
}


/*address*/
div#registAdList p{
margin: 10px 20px;
}
div#registAdList p.noAddress{
margin: 10px;
text-align: center;
padding: 50px;
font-size: 16px;
background: #fff;
border: solid 3px #C7BCB8;
}

div#registAdList{
width: 980px;
margin: 10px auto;
padding: 0 0 10px 0;
background: url(../img/fmbtm.png) left bottom no-repeat #F4F1EB;
}

div#registAdList form{
width: 980px;
padding: 10px 0 0 0;
background: url(../img/fmtp.png) left top no-repeat;
}

div#registAdList div{
background: url(../img/fmin_btm.png) left bottom no-repeat;
width: 938px;
margin: 10px auto;
padding: 0 0 5px 0;
}

div#registAdList table{
border-collapse: collapse;
width: 938px;
margin: 10px auto 0 auto;
background: url(../img/fmin_tp.png) left top no-repeat #fff;
}
div#registAdList table td.adInfo{
width: 600px;
}
div#registAdList table td.chBtn{
width: 100px;
}
div#registAdList table th{
border-bottom: solid 2px #e0dbd2;
border-right: dotted 1px #e0dbd2;
padding: 6px;
width: 220px;
text-align: left;
}
div#registAdList table th img{
float: left;
padding: 0 3px 0 0;
}

div#registAdList table td{
border-bottom: solid 2px #e0dbd2;
border-right: dotted 1px #e0dbd2;

padding: 6px;
}

div#registAdList div#odBtn{
font-size: 14px;
margin: 20px;
background-image: none;
text-align: right;
}

div#registAdList div#odBtn{
font-size: 14px;
margin: 20px;
background-image: none;
text-align: right;
}
div#registAdList div#odBtn p.back{float: left; margin: 0;}
div#registAdList div#odBtn input{float: right;}


/*history*/
div.historyInfo {
margin: 0 0 20px 0;
}
div.historyInfo table{
border-collapse: collapse;
border-bottom: 3px solid #C7BCB8;
width: 100%;
clear: both;
margin: 0 0 40px 0;
}
div.historyInfo table th{
padding: 5px;
border: 1px solid #C7BCB8;
background: #f4f1eb;
width: 120px;
text-align: left;
}
div.historyInfo table td{
padding: 5px;
width: 200px;
border: 1px solid #C7BCB8
}
div.historyInfo p a{
float: right;
margin: 10px 0 0 0;
padding: 0;
}
div.historyInfo tr#rptRow{padding: 5px;}
div.historyInfo tr#rptRow label{ font-size: 14px; font-weight: bold;}
div.historyInfo td a#rcp{
display: block;
float: right;
font-size: 14px;
background: #0E7EB2;
color: #fff;
padding: 5px 10px;
margin: 3px;
}
div.historyInfo td a#rcp:hover{
text-decoration: none;
background: #39a3d4; 
}


div.historyInfo h2{
font-size: 18px;
float: left;
width: 280px;
margin: 10px 0 0 0;
}


/*fovorite*/
p.btnDel{text-align: right; margin: 1px 6px 20px 0;}
p.btnDel a{color: #CC3300; text-decoration: none;}

 div.noItem{
margin: 5px 0;
text-align: center;
padding: 50px;
font-size: 16px;
border: solid 3px #C7BCB8;
}



/*unregist*/
div#unregist{
padding: 20px 0 0 0;
width: 700px;
height: 203px;
margin: 20px auto;
background: url(../img/bg_login.png) left top repeat-x;
}
div#unregist h3{
text-align: center;
padding: 0;
font-size: 14px;
}
div#unregist p.error{
text-align: center;
font-size: 13px;
background: #ee0000;
color: #fff;
width: 330px;
padding: 3px;
margin: -5px auto 0 auto;
}
div#unregist form p{
display: block;
padding: 5px 20px;
width: 400px;
margin: 0 auto;
}

div#unregist form p input{
width: 200px;
padding: 6px;
font-size: 14px;
}
div#unregist form span{
display: block;
margin: 0 auto 5px auto;
width: 124px;
}


/*remainder*/
div#remainder{
margin: 0 auto;
padding: 30px 0;
text-align: center;
border-top: 1px solid #C7BCB8;
border-bottom: 1px solid #C7BCB8;
}
div#remainder p input.txt{padding: 5px; width: 300px;}
div#remainder p{
margin: 20px auto;
font-size: 14px;
}
div#remainder p.error{
text-align: center;
font-size: 13px;
background: #ee0000;
color: #fff;
width: 330px;
padding: 3px;
margin: -5px auto 0 auto;
}

/*rankscore*/
div#myRankscore{width: 980px;
margin: 0 auto;
height: 300px;
position:relative;
top:0;
left:17px;}
div.rankscoreiconImg{ width:132px; float:left;}
div.rankscoreIcon{
height: 280px;
text-align: center;
background: url(../img/bgbtnRankscore.png) 0 0 no-repeat;
position: absolute;
width: 400px;
margin: 9px 0 9px 18px;
}
div.rankscoreIcon p{font-size: 14px;font-weight: bold;}
div.rankscoreIcon p.rankscoreS{ font-size:12px;}
span.rankscoreUPin{ width:95px; float:left;}
div.rankscoreImg{position: absolute;
top: 0;
left: 320px;}
span#rankscorepre{ position: absolute;top: 370px;right: 30px;}

span#rankscore_drbtn{clear: both;float: right;margin: 0 30px 10px 0;}
div#rankscoreMain{width: 945px;margin: 10px auto;}
div#rankscoreMain div.rankscoreinAttention img{ margin:5px auto;}
div#rankscoreMain div.rankscoreinAttention{text-align: center;width: 300px;margin: 0 0 0 10px;height: 100px;background: url(../img/rankscoreinAttentionbg.png) left bottom no-repeat; float:left;padding:0 10px 0 0;}
div#rankscoreMain div.rankscoreinAttention p{text-align: left;width: 270px;margin: 0 auto;padding:3px;color: #78564b;font-weight: bold;}
div#rankscoreMain div.rankscoreinParticularly{width: 300px;margin: 0 auto;height: 100px;background: url(../img/rankscoreinAttentionbg.png) left bottom no-repeat; float:left; padding:0 10px 0 0; text-align:center;}

div#rankscoreMain div.rankscoreinParticularly p{width: 200px;margin: 0 auto;padding: 0 5px 0 5px;color: #78564b;font-weight: bold;text-align: left;}
div#rankscoreMain div.rankscoreinParticularly img{padding:5px;}
div#rankscoreMain div.rankscoreinBg{width: 300px;margin: 0 auto;height: 100px;background: url(../img/rankscoreinAttentionbg.png) left bottom no-repeat; float:left;padding:0;text-align: center;}
div#rankscoreMain div.rankscoreinBg p{width: 230px;margin: 0 auto;padding: 30px 5px 30px 5px;color: #78564b;font-weight: bold;}
div#rankscoreMain div.rankscoreinBg img{ margin-top:5px;}
div#rankscoreMain div.rankscoreinBg table{padding: 8px;width: 280px;margin: 0 auto;font-weight: bold;color: #78564b; text-align: left;}


div.rankscoreMainin{background-color: #f6f3ee;height: 270px;width: 947px;clear: both;margin: 0 auto;}
p.rankscoreMaintxt{font-size: 16px;color: #FFF;text-align: right;padding: 10px; width:920px;}
p.rankscoreMaintxtin{font-size: 16px;color: #FFF;text-align:center;}
p.rankscoreMaintxtin img{margin: 10px 5px -15px 5px;}
div.rankscoreinbg{background: url(../img/rankscorein.png) 0 0 no-repeat;
width: 432px;height: 226px;margin: 20px 10px 10px 30px; float:left;}
div.rankscoreUP p.rankscoreTxt{font-size: 13px; font-weight: bold;width: 120px;padding-left: 110px;clear: both;}
div.rankscoreElia{width:380px; float:left;}
div.rankscoreElia table tr{width:380px; text-align:left; float:left;}
div.rankscoreElia table td.clove{padding:0 10px 0 10px;float:left; font-size: 14px; font-weight: bold;}
div.rankscoreElia table td.rankscore{float:right;}
table.rankscoreTxt{ width:400px;}
p.rankscoreName{padding-top:5px; width:200px; text-align:left; margin: 0 0 0 5px;}
p.rankscoreTxtb{font-size: 16px; font-weight: bold;margin-left: 170px;padding: 5px 5px 0 5px;}
div.rankUp{width: 288px;float: left;}
span.rankDownicon{float: left;}
div.rankscoreUP{text-align: center; float:left;}
span.rankscoreUP{ margin:0 auto;}
div.rankscoreUP img{}
span.arrow{ height:50px; float:left; width:40px;}
span.arrow img{ padding-top:20px;}
span.rankscoreUP{ width:288px; margin:0 auto;}
span.rankDownicon img{margin-top: 100px;}
div.ranklevel{background: url(../img/rankscorein.png) 0 0 no-repeat;width: 432px;height: 226px;margin: 20px 10px 10px 10px;float: left; text-align:center;}
.noline{border: none!important;}
dd.noline{
background: none;
}

div#rankscorekabe dl{text-align: right; margin-right:30px}
div#rankscorekabe dl a{ margin-left:10px;}
div#rankscorekabe dl dt{
border-top: 1px dotted #C7BCB8;
line-height: 1.2;
}
div#rankscorekabe dl dt:hover{
cursor: pointer;
}


div#lefter dl.otMenu dd a{
display: block;
padding: 3px;
font-size: 11px;
text-decoration: none;
color: #664841;
}
div#lefter dl.otMenu a:hover{color: #39a3d4;}
div#lefter dl.otMenu dd:hover{background-color: #e6f2f7;}

div.rankGet{ background: url(/img/rankscorebgline.png) 0 0 no-repeat; width: 946px; height:74px;margin: 10px auto;}
td.rankscore p{ float:left; padding-left:5px;}

/*payment*/

p.txt1{ padding:10px;}
.mt10 {margin-top: 10px;}
.cardSelect{width: 900px;margin: 0 auto;}
#odBtn{width: 900px;margin: 0 auto;}
p.back{ float:left;}
p.order{ float:right;}

/*--------------------------------
11.RankingPage
--------------------------------*/

div#ranking{
padding: 0 0 5px 0;
}

div#ranking ul{
margin: 10px 0;
}
div#ranking li{
list-style: none;
float: left;
width: 145px;
height: 220px;
position: relative;
margin: 0 0 10px 0;
padding: 3px;
border-left: 1px dotted #C7BCB8;
}
div#ranking li a.gImg img{
width: 110px;
height: 110px;
display: block;
margin: 0 auto;
}
div#ranking li span{
position: absolute;
top: 0;
left: 3px;
display: block;
background: #6f3c2f;
color: #fff;
width: 18px;
text-align: center;
padding: 1px 3px;
z-index: 100;
}





font, basefont{
  color:inherit;
    /* Standard browsers */
  color:expression(this.parentNode.currentStyle['color']);
    /* IE */
  font:inherit;
    /* Standard browsers. Font instead of font-size for Opera */
  font-family:expression(this.parentNode.currentStyle['fontFamily']);
    /* IE */
  font-size:100%;
    /* All browsers. Sizes are inherited */
}




/*postCode*/
body.postCode{border:none; background: none;}
body.postCode p.note{text-align: center; color:#063; margin:0; padding: 5px; border: dotted 1px #063;}
body.postCode div {margin: 10px auto; max-width: 500px; width: 98%;}
body.postCode div table{max-width: 500px; border-collapse: collapse; width: 98%; margin: 0 auto;}

body.postCode div table th{border:solid 1px #695742; padding: 5px; background-color: #fff;}
body.postCode div table td{border:solid 1px #695742; padding: 5px; background-color: #f6f3e8;}
body.postCode div table td strong{font-size:12px;}
body.postCode p.searchAd{text-align: right; padding: 5px 0;}

body.postCode p.searchAd input {padding: 5px 10px;}
@media only screen and (min-width: 319px) {
	body.postCode div table td {border: solid 1px #695742; padding: 5px; background-color: #f6f3e8; font-size: 12px;} body.postCode div table input.txt {margin-bottom: 10px;}
}

/*mailto form*/

body.mailtoLogin{border:none; background: none;}
body.mailtoLogin div{margin: 40px auto 0 auto; width: 500px;}
body.mailtoLogin div form{padding: 60px 10px; margin: 10px 0; text-align: center; background-color: #f6f3e8;}
body.mailtoLogin p.txt input{
width: 250px;
height: 21px;
margin: 0 0 15px 0;
padding: 6px;
font-size: 16px;
border: solid 1px #d1cdc0;
vertical-align: middle;
}

body.mailtoForm{border:none; background: none; background-color: #f6f3e8;}
body.mailtoForm h1{background-color: #fff; padding: 5px 10px; border-bottom: solid 5px #d1cdc0;}
body.mailtoForm div{width: 600px; margin: 10px auto;}
body.mailtoForm table input{width: 493px; margin: 1px 0; border: solid 1px #d1cdc0;}
body.mailtoForm table textarea{width: 500px; font-size:13px; border: solid 1px #d1cdc0; padding: 3px;}
body.mailtoForm table th{text-align: right;}
body.mailtoForm div.mailexec{padding: 160px 0 0 0; text-align: center; font-size: 16px;}
body.mailtoForm div.mailexec p{margin: 10px 0;}


/*--------------------------------
12.detail_set
--------------------------------*/
h2.ttlStep{width: auto;height: auto;font-size: 16px;line-height: 24px;border-bottom: 2px #695742 solid;padding: 2px;margin-bottom: 10px;}
#set_detail span.btnDetail{float: right;font-size: 13px;font-weight: bold;padding-left: 15px;}
#set_detail p.info{padding: 2px 0 2px;line-height: 30px;width: 980px;}
#set_detail .boxStep01 {padding: 10px;background: #F4F1EB;display: inline-block;width: 955px;}
#set_detail h4.step{background: #614036;padding: 3px 5px;color: #FFF;font-weight: 700;text-align: left;margin-bottom: 10px;}
#set_detail img.thumb_img{max-width: 160px;width: auto;height: auto;padding: 10px;}
#set_detail ul.item_thumb li{width: 177px;height: auto;border-radius: 10px;border: 1px solid #CCC;display: inline-block;background-color: #FFF;margin: 4px; vertical-align:top;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;"
}

#set_detail ul.item_thumb li a{display: block;}
#set_detail ul.item_thumb li a span{display: block;}
p.itemTitle{line-height: 1.3em;margin: 10px auto 5px;text-align: center;height: 55px;}
p.stepInfo{margin-bottom: 5px;}
p.price{font-weight: bold;font-size: 13px;text-align: center;}
p.price span{font-weight: normal;font-size: 12px;}
ul.item_thumb p.itemSuryo{text-align: center;margin-bottom: 5px;}
ul.item_thumb p.itemSuryo select {margin: 0 8px;}
.itemTitle_bg{background-color:#EDE7D8;padding: 10px;
    -webkit-border-bottom-right-radius: 10px;
    -webkit-border-bottom-left-radius: 10px;
    -moz-border-radius-bottomright: 10px;
    -moz-border-radius-bottomleft: 10px;
}
p.sold_out{color: #e73c3c;font-weight: bold;text-align: center;border: 2px solid #e73c3c;background-color: #FFF;}
.boxStep02{margin: 50px auto;}
.boxStep02 h2.ttlStep p{padding: 0 10px;}
.boxStep02 table{background-color: #F4F1EB; width: 100%;}
table td .boxStep02_box{width: 120px;background-color: #FFF;text-align: center;margin: 10px;float: left;padding: 10px 0;display: block;}
table td .boxStep02_img{max-width: 100px;width: auto;height: auto;display: inline-block;}
table td.boxStep02_box{background-color: #FFF;display: inline-block;margin: 10px;width: 560px;}
.boxStep02 table span.suryo{float: left;display: block;padding: 13px 5px;}
.boxStep02 table span.cart{position: relative;display: inline-block;height: 130px;}
.boxStep02 table span.cart_error{display: block;}
.boxStep02 table p.itemTitle{text-align: left;display: block;width: 390px;font-size: 15px;font-weight: bold;border-bottom: 1px dotted #5E3E35;padding: 10px;}

td.boxStep02_box2{padding: 10px;width: 370px;}
span.cart .GoCart{position: absolute;top: 50px;right: 0;}
span.cart a.over{position: absolute;top: 70px;right: 8px;}
table td.boxStep02_box p.price{font-weight: bold;font-size: 16px;padding: 5px 10px;text-align: left;text-align: left;display: inline-block;}
table td.boxStep02_box p.price span{font-size: 13px;}

 /* --------------------------------------------
5: 画像拡大
-------------------------------------------- */

* html .layer_board_bg,
* html .layer_board {
	position: absolute;
}
.layer_board_bg {
	position: fixed;
	width: 100%;
	height: 100%;
	
	z-index: 1000;
	
	top: 0;
	left: 0;
	
	display: none;
	cursor: pointer;
	background: #000;
}
.layer_board {
	display: none;
	position: fixed;

	
	text-align: center;
	z-index: 2000;
}
#popup_sanx{position: relative;width: 100%;text-align: center;margin: 40px auto;}
.simple-modal-footer{width: 1006px;text-align: center;margin: 0 auto;display: inline;}

div.simple-modal-footer img{ width:70%;height:auto;}
span.btn_close{position: absolute;top: -10px;left: 84%; background-image:url(../img/btn_close.png);font-size: 0;
    width: 31px;
    height: 31px;}

.btn{color: #fff;font-size: 13px;background: #6e524a;  
background: -moz-linear-gradient(top, #8e675c, #6e524a);  
background: -webkit-gradient(linear, left top, left bottom, from(#8e675c), to(#6e524a));  
background: linear-gradient(top, #8e675c, #6e524a);
-webkit-border-radius: 5px;
-webkit-appearance: none; 
border-radius: 5px;border: none;text-decoration: none;z-index: 100;margin:0 auto;display: table-cell;vertical-align: middle;height: 30px;width: 50%;text-align: center;}

#advertisement{ width:100%; margin:0 auto;text-align: center;}
.advertisementin{width: 980px;margin: 0 auto 8px auto;background-color: #FFF;color: #804c2e;padding: 10px 0;font-weight: bold;display: inline-block;}
p.advertisement1{text-align: center;float: left;}
p.advertisement1 span{font-size: 16px;}
p.advertisement2{vertical-align: top;float: left;background-color: #fff001;display: table; margin-right: 5px;}
p.advertisement2 a{color: #804c2e;vertical-align: super;display: inline-block;width: 390px;}
p.advertisement3{vertical-align: top;float: left;background-color: #ffbd01;display: table;}
p.advertisement3 a{color: #804c2e;vertical-align: super;display: inline-block;width: 390px;}

p.advertisement2 span{background-color: #ffcc1b;margin: 5px;display: inline-block;color: #FFF;line-height: 1em;font-size: 15px;padding: 5px 0;border-radius: 10px;-webkit-border-radius: 10px;-moz-border-radius: 10px;width: 45px;}
p.advertisement3 span{background-color: #ff9b9b;margin: 5px;display: inline-block;color: #FFF;line-height: 1em;font-size: 15px;padding: 5px 0;border-radius: 10px;-webkit-border-radius: 10px;-moz-border-radius: 10px;width: 45px;}
p.dtError{background-color: #de4747;color: #FFF;padding: 20px;}

/*--------------------------------
13.オンデマンド
--------------------------------*/
input#ondemand_yes{border: solid 1px #664841;padding: 10px 30px;font-size: 1.2em;text-transform: uppercase;font-weight: bold;cursor: pointer;background-color: #664841;color: #FFF;
margin-right: 10px;border-radius: 7px;-webkit-border-radius: 7px;-moz-border-radius: 7px;}

input#ondemand_no{border: solid 1px #664841;padding: 10px 30px;font-size: 1.2em;text-transform: uppercase;font-weight: bold;cursor: pointer;background-color: #664841;color: #FFF;
margin-right: 10px;border-radius: 7px;-webkit-border-radius: 7px;-moz-border-radius: 7px;}