@import url(../styles-site.css);

/*---Shop---*/

body#shop{
margin:0 auto 0 auto;
padding:0;
overflow-x:hidden;
overflow-y:auto;
}

#sprapper{
	clear:both;
	margin:0 auto 0 auto;
	padding:0;
	width:850px;
	text-align:center;
	border:solid 1px #eee;
}


/*---Header---*/
#spheader{
	clear:both;
	margin:0 auto 0 auto;
	padding:0;
	width:850px;
	height:12px;
	background:url(../item/sp-head-bg.gif) no-repeat #0075a9 bottom;
	text-align:right;
}

#spheader img{
	margin:0 1em 0 0;
	padding:0;
}

/*---Fotter---*/
#spfotter{
	clear:both;
	width:850px;
	height:85px;
	margin:0 auto 0 auto;
	padding:0;
	text-align:center;
	background:url(../item/sp-fot-bg.gif) no-repeat top;
}
#spfotter p{
	margin:0;
	padding:1em 0;
	text-align:center;
	color:#ccccff;
}

body#shop #spfotter a{ text-decoration:none; color:#ccccff;}
body#shop #spfotter a:visited{color:#3399ff;text-decoration:none;}

/*---content---*/
#spcontent{
	clear:both;
	margin:0 auto 0 auto;
	padding:0;
	width:850px;
	text-align:left;
	background:url(../item/sp-content-bg.gif) repeat-y;
}

.shop-fence{
clear:both;
width:830px;
margin:1.2em auto 0 auto;
padding:0; 
border-collapse:collapse;
}

body#shop a { color: #36414d; text-decoration:none;}
body#shop a:hover { color: #a3b8cc; text-decoration:underline;}

#shop a.deep  { text-decoration:none; color:#3399ff;}
#shop a.deep:link{color:#3399ff;text-decoration:none;}
#shop a.deep:visited{color:#3399ff;text-decoration:none;}
#shop a.deep:hover{color:#CC001B;text-decoration:underline;}


/*Cart*/
#shopcart{
margin:0 auto 0 auto;
padding:0 2px 0 0;
width:840px;
height:35px;
vertical-align:top;
text-align:right;
}

/*Navi*/
#shopnavi{
margin:0;
padding:0;
width:850px;
height:120px;
vertical-align:top;
text-align:right;
background:url(../item/sphead.gif) no-repeat;
}

dl#shopbackto{
float:left;
margin:0;
padding:0;
display:block;
width:490px;
height:110px;
background:transparent;
position:relative;
}
dl#shopbackto dt{margin:0;padding:0;position:absolute;font-size:90%;display:none;}
dl#shopbackto dd{margin:0;padding:0;position:absolute;font-size:80%;}
dl#shopbackto dd#spheadlink{top:0px;left:0px;display:block;}
dl#shopbackto dd#spheadlink a{display:block;position:absolute;width:500px;height:110px;text-decoration:none;}
dl#shopbackto dd#spheadlink a span{display:none;}
dl#shopbackto dd#spheadlink a:hover{display:block;position:absolute;background:transparent;}


#shopcategory ul{
float:right;
width:330px;
margin:0;
padding:105px 0.5em 0 0.5em;
list-style:none;
vertical-align:bottom;
font-size:10px;
font-weight:bold;
color:#FFFFFF;
text-align:right;
}
#shopcategory ul li{display:inline;margin:0;padding:0 .5em 0 0;}
#shopcategory ul li a{color:#FFFFFF;}


#shop-top{
width:100%;
margin:0;
padding:0 15px;
vertical-align:top;
}

.px14{margin:1em 0 0.5em 0;font-size:14px;font-weight:bold;}
.px18{margin:0.2em 0 0.5em 0;font-size:18px;font-weight:bold;}
.redp{font-size:24px;font-weight:bold;color:#A30070;}
.red_s{font-size:12px;font-weight:bold;color:#B83600;}
.red_tit{font-size:24px;font-weight:bold;color:#B83600;}
.blue_tit{font-size:18px;font-weight:bold;color:#A30070;}
.txt-red{color:#A30070;}
.more{float:right;margin:1em 0.5em 0 0;padding:8px 0 0 0;font-weight:bold;border:none;}

#shop-top h3{margin:0.2em 0;padding:0.2em 0;font-size:18px;font-weight:bold;}
#shop-top h4{font-size:14px;color: #B83600;font-weight:bold;}

#shop-top img.tit{margin:0 1em 1em 0;padding:0;}
#shop-top img.left{margin:0.5em 1em 1em 0.5em;padding:0;vertical-align:bottom;}
#shop-top img.leftleft{float:left;margin:0 1em 1em 0;padding:0;vertical-align:bottom;}
#shop-top a img{margin:0 0 0.5em 0;padding:0;border:solid 1px #2B4744;}
#shop-top ul{
float:left;
margin:0;
padding:0;
list-style:none;
}
#shop-top ul li{
float:left;
margin:0;
padding:0.5em 0.3em 1em 0;
}
#shop-top ul li a{
display:block;
margin:0;
padding:0;
}

#shop-top p{line-height:120%;color:#2B4744;}
#shop-top hr {
clear:both;
margin:0.5em auto 0.5em auto;
border:solid 1px #fff;
border-top-color: #ccccff;
color: #ccccff;
}

#shop-top hr.orange {
clear:both;
width:100%;
margin:0.5em auto 0.5em auto;
border:solid 1px #fff;
border-top-color: #B83600;
color: #B83600;
}


#pickup{
float:right;
width:555px;
margin:0;
padding:5px;
background:#FFFFCC;
}

/*---ShopEntry---*/

#shop-main{
width:630px;
margin:0;
padding:0 20px;
vertical-align:top;
color:#31639c;
}

#shop-main p{line-height:120%;}

#shop-main p.totop a:hover { color: #a3b8cc; text-decoration:underline;}
#shop-main hr {
clear:both;
margin:0.5em auto 0.5em auto;
border:solid 1px #fff;
border-top-color: #ccccff;
color: #ccccff;
}

#shop-main img{margin:0 0 0.5em 0;padding:0;border:solid 1px;}
#shop-main img.left-j{float:left;margin:0 1em 2em 0;padding:0;border:solid 1px;}
#shop-main img.bnone{margin:0 0 0.5em 0;padding:0;border:none;}
#shop-main div.left-ph{float:left;margin:0 1em 2em 0;padding:0;}
#shop-main img.leftleft{float:left;margin:0 1em 1em 0;padding:0;vertical-align:bottom;}
#shop-main div.j_txt_right{display:block;margin:0 1em 2em 0;padding:0;}

#shop-main dl{margin:2em 0;}
#shop-main dl dt{margin:2em 0 1em auto; padding:0.5em;font-size:18px;font-weight:bold;background:url(../item/shop_dtbg.gif) no-repeat #ccccff;}
#shop-main dl dd{margin:0;width:100%;}
#shop-main dl dd h3{margin:1em 0;padding:0.2em 0;font-size:15px;font-weight:bold;}
#shop-main dl dd img{
vertical-align:middle;
}

#shop-main dl dd div.r-txt{
display:block;
float:right;
width:380px;
margin:0;
padding:0;
}

#shop-main dl dd div.r-txt_l{
display:block;
float:right;
width:450px;
margin:0;
padding:0;
}

#shop-main dl dd div.right{
display:block;
float:right;
margin:0;
padding:0;}

#shop-main dl dd div.goodsr{
display:block;
float:right;
width:215px;
margin:0;
padding:0;
}

#shop-main dl dd div.goodsr_s{
display:block;
float:right;
width:185px;
margin:0;
padding:0;
}

#shop-main #notice{
clear:both;
margin:1em 0 1.5em 0;
padding:3px;
color:#FFFFCC;
background:#7a7a7a;
}

#shop-main #smemo{
clear:both;
margin:1.5em 0 0.5em 0;
padding:3px;
border:solid 1px #ccccff;
}


#shop-main #price{
margin:1em 0 0.5em 0;
padding:8px;
background:#FFFFCC;
}

#shop-main #inp-s_s{
margin:0.5em 0 1em 0;
width:100px;
height:25px;
text-align:center;
background-color:#ccccff;
color:#005090;
font-size:12px;
}

/*-----ShopSideMenu-----*/

#shop-side{
width:190px;
margin:0;
padding:1em 1em;
vertical-align:top;
}

/* Sub menu */
#sub-menu{
width:180px;
margin:0;
padding:0;
line-height:120%;
text-align:left;
}

#sub-menu .redp{color:#A30070;}
#sub-menu .redl{color:#B83600;}
#sub-menu .reds{color:#B06258;}
#sub-menu .left{float:left;margin:0 5px 5px 0;}

#sub-menu-fott{
clear:both;
display:block;
width:210px;
height:10px;
background:url(../item/bg_smenu_but.gif) no-repeat top;
}

#sub-menu h2{
height:20px;
margin:10px 0 0 0;
padding:0 15px;
font-size:12px;
line-height:140%;
color:#FFFFCC;
vartical-align:bottom;
border-bottom:solid 2px #7f5346;
background:url(../item/label_01.gif) no-repeat bottom;
}

#sub-menu table{
margin:0;
padding:5px;
color:#333;
border-left:solid 2px #7f5346;
border-right:solid 2px #7f5346;
border-bottom:solid 2px #7f5346;
}

#sub-menu table tr td{
padding:5px;
}


#sub-menu ul{
margin:0;
padding:5px;
list-style:none;
border-left:solid 2px #7f5346;
border-right:solid 2px #7f5346;
border-bottom:solid 2px #7f5346;
}

#sub-menu ul li{
display:block;
margin:0;
padding:0.2em 1em;
border-bottom:dotted 1px #7f5346;
font-size:12px;
zoom:1;
}

#sub-menu ul li a{
display:block;
margin:0;
padding:0.2em 15px;
background:url(../item/link.gif) no-repeat;
font-size:12px;
zoom:1;
}

#sub-menu ul li a:hover{color:#FFFFCC;background-color:#a99e9a;}

#sub-menu ul ul{
margin:0;
padding:0;
list-style:none;
border-left:none;
border-right:none;
border-bottom:none;
}

#sub-menu ul ul li {
display:block;
margin:0;
padding:0.2em 15px;
border:none;
zoom:1;
}

#sub-menu ul ul li a{
display:block;
margin:0;
padding:0.2em 15px;
background:url(../item/link-sub.gif) no-repeat;
border-top:dotted 1px #7f5346;
zoom:1;
}

/*-----ShopBt-----*/

ul.shop-bt{
clear:both;
margin:0;
padding:0;
list-style:none;
}
ul.shop-bt li{
float:left;
margin:0;
padding:0;
}
ul.shop-bt li a{
display:block;
margin:0;
padding:0;
width:100px;
height:20px;
text-indent:-9999px;
}
ul.shop-bt li.shop-bt01 a{background:url(/bfshop/mosikomi.gif) no-repeat;}
ul.shop-bt li.shop-bt01 a:hover{background:url(/bfshop/mosikomi-over.gif) no-repeat;}


/*---MailForm---*/
#thanks_pg{
width:750px;
margin:0 auto;
padding:1em; 
border-collapse:collapse;
color:#005090;
background:url(../item/cont-back05.gif) no-repeat top right;
}

#thanks_pg table{
width:400px;
margin:0 0;
padding:0; 
border-collapse:collapse;
background:#ccccff;
}

#thanks_pg h3{
font-size:12px;
padding:0.2em;
border-bottom:solid 1px #eee;
}

#thanks_pg table th,td{
padding:0.2em;
}

#thanks_pg table th{
text-align:right;
}

/*---cargo---*/
table.t_cargo{
width:600px;
margin:2em auto;
padding:0; 
border-collapse:collapse;
border:solid 1px #ccccff;
}

table.t_cargo th{
padding:0.5em;
border-bottom:solid 1px #ccccff;
background:#005090;
text-align:left;
color:#fff;
}

table.t_cargo td{
padding:0.5em;
border-right:solid 1px #ccccff;
border-bottom:solid 1px #ccccff;
background:#fff;
}

table.t_cargo th.bglast{
padding:0.5em;
border-bottom:solid 1px #005090;
background:#33cccc;
}

table.t_cargo td.bglast{
padding:0.5em;
border-bottom:solid 1px #005090;
background:#33cccc;
}

.cargo-fence{
width:800px;
margin:0 auto 0 2em;
padding:0;
color:#005090;
}

/*---comp---*/
#comp{
width:600px;
margin:0 auto;
padding:0;
border-collapse:collapse;
color:#005090;
}

#comp table{
width:600px;
margin:2em 0;
padding:0; 
border-collapse:collapse;
border:solid 1px #ccccff;
}

#comp table table{
width:400px;
margin:2em auto;
padding:0; 
border-collapse:collapse;
border:solid 1px #ccccff;
}

#comp h3{
font-size:12px;
padding:0.2em;
border-bottom:solid 1px #ccccff;
}

#comp h4{
padding:0.2em;
font-size:12px;
font-weight:bold;
color:#666;
border-bottom:solid 1px #eee;
}

#comp table th,td{
padding:0.5em;
border-bottom:solid 1px #ccccff;
}

#comp table th{
text-align:right;
color:#666;
}


/* ShopTopMenu */
#shop_menu_fence{
width:830px;
margin:0 auto;
padding:0;
}

#shop_menu_fence ul.shop_menu{
margin:0 auto 0 auto;
padding:2px 0;
list-style:none;
}

#shop_menu_fence ul.shop_menu li{
float:left;
list-style:none;
}

#shop_menu_fence ul li.lisy_b_tit{
display:block;
float:left;
margin:0;
padding:2px 15px;
list-style:none;
vertical-align:middle;
border-top:solid 1px #aaa;
border-bottom:solid 1px #aaa;
border-right:solid 1px #aaa;
background: #ccccff;
}

#shop_menu_fence ul li.lisy_b_tit a:hover{
border-bottom:solid 2px #3399ff;
}

#shop_menu_fence ul li.lisy_b_tit h2{
margin:0;
padding:0;
font-size:12px;
}

#shop_menu_fence ul li.lisy-b{
float:left;
list-style:none;
margin:0;
padding:2px 11px;
border-top:solid 1px #aaa;
border-bottom:solid 1px #aaa;
border-right:solid 1px #aaa;
}

#shop_menu_fence ul li.lisy-b a:hover{
border-bottom:solid 2px #3399ff;
}