@charset "shift_jis";
/* CSS Document */

/* shopheader ______________________________ */

div#container div#shophead {margin-top:10px;margin-bottom:10px;width:800px;margin:auto; }

div#container div#shophead h1 {font-size:10px;font-weight:normal;}
div#container div#shophead h1 a:link { color: #333333; text-decoration:none;background-color:#FFFFFF; }
div#container div#shophead h1 a:visited { color: #333333; text-decoration:none;background-color:#FFFFFF; }
div#container div#shophead h1 a:hover { color: #333333; text-decoration:none;background-color:#FFFFFF; }
div#container div#shophead h1 a:active { color: #333333; text-decoration:none;background-color:#FFFFFF; }

div#container div#shophead div.sitelogo {float:left;margin:14px 0 10px 0;width:330px; }

/* shopheader customerNavi ______________________________ */

div#container div#shophead div.customerNavi {
width:335px;
float:right;
margin:9px 0 10px 0;
}

div#container div#shophead div.customerNavi a {
width:135px;
height:40px;
display:block;
text-indent:-9999px;
overflow:hidden;
}
div#container div#shophead div.customerNavi:after {
height:0;
visibility:hidden;
content:".";
display:block;
clear:both;
}
div#container div#shophead div.customerNavi ul {
width:270px;
padding-left:65px;
}

div#container div#shophead div.customerNavi li {
list-style-type:none;
float:left;
width:135px;
}
div#container div#shophead div.customerNavi li.cnavi01 a {
background:url(http://spicas.jp/shop/imagesBK/btn_cus_cart.gif) no-repeat;
}
div#container div#shophead div.customerNavi li.cnavi02 a {
background:url(http://spicas.jp/shop/imagesBK/btn_cus_mypage.gif) no-repeat;
}
div#container div#shophead div.customerNavi li a:hover {  
background-position: 0 -40px;  
} 

/* shopheader globalNavi ______________________________ */

div#container div#shophead div.globalNavi {
width:800px;
clear:both;
margin-bottom:5px;
}
div#container div#shophead div.globalNavi a {
width:130px;
height:40px;
display:block;
text-indent:-9999px;
overflow:hidden;
}
div#container div#shophead div.globalNavi:after {
height:0;
visibility:hidden;
content:".";
display:block;
clear:both;
}
div#container div#shophead div.globalNavi li {
float:left;
list-style-type:none;
}
div#container div#shophead div.globalNavi li.gnavi_left {
width:10px;
}
div#container div#shophead div.globalNavi li.gnavi01 a {
background:url(http://spicas.jp/shop/imagesBK/btn_navi_top.gif) no-repeat;
}
div#container div#shophead div.globalNavi li.gnavi02 a {
background:url(http://spicas.jp/shop/imagesBK/btn_navi_items.gif) no-repeat;
}
div#container div#shophead div.globalNavi li.gnavi03 a {
background:url(http://spicas.jp/shop/imagesBK/btn_navi_guide.gif) no-repeat;
}
div#container div#shophead div.globalNavi li.gnavi04 a {
background:url(http://spicas.jp/shop/imagesBK/btn_navi_pay.gif) no-repeat;
}
div#container div#shophead div.globalNavi li.gnavi05 a {
background:url(http://spicas.jp/shop/imagesBK/btn_navi_qa.gif) no-repeat;
}
div#container div#shophead div.globalNavi li.gnavi06 a {
background:url(http://spicas.jp/shop/imagesBK/btn_navi_inq.gif) no-repeat;
}
div#container div#shophead div.globalNavi li.gnavi_right {
width:10px;
}
div#container div#shophead div.globalNavi li a:hover {  
background-position: 0 -40px;  
} 

/* shopheader shopheadtxtnavi ______________________________ */

div#container div#shophead div.shopheadtxtnavi {
clear:both;
margin-bottom:20px;
font-size:11px;
color:#999999;
}
div#container div#shophead div.shopheadtxtnavi a {
color:#666666;
padding:2px;
}
div#container div#shophead div.shopheadtxtnavi a:hover {
background-color:#dbfafe;
color:#666666;
padding:2px;
text-decoration:none;
}

/* foot ______________________________ */

div#contents {
margin:auto;
width:820px;
background-color:#FFFFFF;
}

div#contents div#footer {
clear:both;
font-size:12px;
line-height:20px;
padding-top:30px;
text-align:left;
width:800px;
}
div#contents div#footer div.gotop {
text-align:right;
padding-bottom:4px;
border-bottom:4px solid #CCCCCC;
width:800px;
margin-left:10px;
}

div#contents div#footer p {
margin-bottom:20px;
}
div#contents div#footer strong {
font-weight:bold;
}
div#contents div#footer dt {
width:380px;
height:30px;
vertical-align:middle;
padding-top:7px;
padding-left:10px;
background:url(http://spicas.jp/shop/imagesBK/foot_bg01.gif) no-repeat;
margin:0;
margin-top:20px;
}
div#contents div#footer div.footleft {
float:left;
width:380px;
padding-left:10px;
padding-right:18px;
_padding-right:10px;

}
div#contents div#footer div.footleft dd {
margin:0;
padding:0 0 0 10px;
}
div#contents div#footer div.footright {
float:right;
width:380px;
}
div#contents div#footer div.footright dd {
margin:0;
padding:0 0 0 9px;
}

div#contents div#footer div.footbtm {
clear:both;
background:url(http://spicas.jp/shop/imagesBK/foot_bg_txtlink.gif) no-repeat;
padding:10px;
height:20px;
vertical-align:middle;
width:780px;
margin-left:10px;
}
div#contents div#footer div.footbtm li {
float:left;
list-style-type:none;
background:url(http://spicas.jp/shop/imagesBK/foot_arrow.gif) left center no-repeat;
text-indent:12px;
padding-right:20px;
}
div#contents div#footer div.footbtm li a {
background:none;
}

div#contents div#footer div.copy {
clear:both;
text-align:center;
font-size:12px;
color:#666666;
margin:12px 0 12px 10px;
}

/* font ______________________________ */
span.blue12 {
color:#01b3cf;
}
span.pink {
color:#e91748;
}
span.pinkb {
color:#e91748;
font-weight:bold;
}
span.gray {
color:#999999;
}
p.gray {
color:#999999;
}
p.p11 {
font-size:11px;
line-height:13px;
}
span.grayb {
color:#333333;
font-weight:bold;
}

/* 
---------------------------------------------------------------------------------- */
div#orderform {
width:800px;
padding:0;
margin:auto;

}

div#orderform div.order {
margin-top:10px;
clear:both;
border:2px solid #01b3cf;
height:58px;
}
div#orderform div.order div.ordertxt {
font-size:13px;
line-height:20px;
font-weight:bold;
width:600px;
top:8px;
left:10px;
position:relative;
}
div#orderform div.order div.ordertxt img {
float:left;
margin-right:2px;
}

div#orderform div.order a {
width:162px;
height:42px;
display:block;
text-indent:-9999px;
overflow:hidden;
background:url(http://spicas.jp/shop/item/imagesBK/btn_order_bg.gif) no-repeat;
}
div#orderform div.order ul {
float:right;
position:relative;
top:8px;
right:8px;
}

div#orderform div.order li {
list-style-type:none;
}
div#orderform div.order li a:hover {  
background-position: 0 -42px;  
}

div#orderform div.itemdtl {
clear:both;
margin-top:18px;
}
div#orderform div.itemdtl p {
font-size:12px;
line-height:18px;
}
div#orderform div.itemdtl p.bold {
font-size:12px;
line-height:18px;
font-weight:bold;
}

/* @
---------------------------------------------------------------------------------- */
div#orderform2 {
width:800px;
padding:0;
margin:auto;

}

div#orderform2 div.order {
margin-top:10px;
clear:both;
border:2px solid #e91748;
height:58px;
}
div#orderform2 div.order div.ordertxt {
font-size:13px;
line-height:20px;
font-weight:bold;
width:600px;
top:8px;
left:10px;
position:relative;
}
div#orderform2 div.order div.ordertxt img {
float:left;
margin-right:2px;
}

div#orderform2 div.order a {
width:162px;
height:42px;
display:block;
text-indent:-9999px;
overflow:hidden;
background:url(http://spicas.jp/shop/item/imagesBK/btn_order_bg.gif) no-repeat;
}
div#orderform2 div.order ul {
float:right;
position:relative;
top:8px;
right:8px;
}

div#orderform2 div.order li {
list-style-type:none;
}
div#orderform2 div.order li a:hover {  
background-position: 0 -42px;  
}

div#orderform2 div.itemdtl {
clear:both;
margin-top:18px;
}
div#orderform2 div.itemdtl p {
font-size:12px;
line-height:18px;
}
div#orderform2 div.itemdtl p.bold {
font-size:12px;
line-height:18px;
font-weight:bold;
}



