@charset "UTF-8";

/* common */
body{
	margin:0;
	padding:0;
color:#222222;
font-family:Geneva, Arial, Helvetica, sans-serif;
}

a:link { color: #01b3cf; text-decoration:none;background-color:#FFFFFF; }
a:visited { color: #01b3cf; text-decoration:none;background-color:#FFFFFF; }
a:hover { color: #f0027f; text-decoration:underline;background-color:#FFFFFF; }
a:active { color: #f0027f; text-decoration:underline;background-color:#FFFFFF; }
a img {border:0; }

h1,h2,p,ul,ol,li,form {
	margin: 0px;
	padding: 0px;
}

img {
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}

div#wrap {
	width: 820px;
	margin:auto;
	padding: 0px;
background-color:#FFFFFF;
margin-bottom:0px;
}

div#wrap div#head {
width:800px;
margin:auto;
}

/* shopheader ______________________________ */

div#wrap div#shophead {margin-top:10px;margin-bottom:10px;width:800px;margin:auto; }

div#wrap div#shophead h1 {font-size:10px;font-weight:normal;}
div#wrap div#shophead h1 a:link { color: #333333; text-decoration:none;background-color:#FFFFFF; }
div#wrap div#shophead h1 a:visited { color: #333333; text-decoration:none;background-color:#FFFFFF; }
div#wrap div#shophead h1 a:hover { color: #333333; text-decoration:none;background-color:#FFFFFF; }
div#wrap div#shophead h1 a:active { color: #333333; text-decoration:none;background-color:#FFFFFF; }

div#wrap div#shophead div.sitelogo {float:left;margin:14px 0 10px 0;width:330px; }

/* shopheader customerNavi ______________________________ */

div#wrap div#shophead div.customerNavi {
width:335px;
float:right;
margin:9px 0 10px 0;
}

div#wrap div#shophead div.customerNavi a {
width:135px;
height:40px;
display:block;
text-indent:-9999px;
overflow:hidden;
}
div#wrap div#shophead div.customerNavi:after {
height:0;
visibility:hidden;
content:".";
display:block;
clear:both;
}
div#wrap div#shophead div.customerNavi ul {
width:270px;
padding-left:65px;
}

div#wrap div#shophead div.customerNavi li {
list-style-type:none;
float:left;
width:135px;
}
div#wrap div#shophead div.customerNavi li.cnavi01 a {
background:url(http://spicas.jp/shop/images/btn_cus_cart.gif) no-repeat;
}
div#wrap div#shophead div.customerNavi li.cnavi02 a {
background:url(http://spicas.jp/shop/images/btn_cus_mypage.gif) no-repeat;
}
div#wrap div#shophead div.customerNavi li a:hover {  
background-position: 0 -40px;  
} 

/* shopheader globalNavi ______________________________ */

div#wrap div#shophead div.globalNavi {
width:800px;
clear:both;
margin-bottom:5px;
}
div#wrap div#shophead div.globalNavi a {
width:130px;
height:40px;
display:block;
text-indent:-9999px;
overflow:hidden;
}
div#wrap div#shophead div.globalNavi:after {
height:0;
visibility:hidden;
content:".";
display:block;
clear:both;
}
div#wrap div#shophead div.globalNavi li {
float:left;
list-style-type:none;
}
div#wrap div#shophead div.globalNavi li.gnavi_left {
width:10px;
}
div#wrap div#shophead div.globalNavi li.gnavi01 a {
background:url(http://spicas.jp/shop/images/btn_navi_top.gif) no-repeat;
}
div#wrap div#shophead div.globalNavi li.gnavi02 a {
background:url(http://spicas.jp/shop/images/btn_navi_items.gif) no-repeat;
}
div#wrap div#shophead div.globalNavi li.gnavi03 a {
background:url(http://spicas.jp/shop/images/btn_navi_guide.gif) no-repeat;
}
div#wrap div#shophead div.globalNavi li.gnavi04 a {
background:url(http://spicas.jp/shop/images/btn_navi_pay.gif) no-repeat;
}
div#wrap div#shophead div.globalNavi li.gnavi05 a {
background:url(http://spicas.jp/shop/images/btn_navi_qa.gif) no-repeat;
}
div#wrap div#shophead div.globalNavi li.gnavi06 a {
background:url(http://spicas.jp/shop/images/btn_navi_inq.gif) no-repeat;
}
div#wrap div#shophead div.globalNavi li.gnavi_right {
width:10px;
}
div#wrap div#shophead div.globalNavi li a:hover {  
background-position: 0 -40px;  
} 

/* shopheader shopheadtxtnavi ______________________________ */

div#wrap div#shophead div.shopheadtxtnavi {
clear:both;
margin-bottom:20px;
font-size:11px;
color:#999999;
}
div#wrap div#shophead div.shopheadtxtnavi a {
color:#666666;
padding:2px;
}
div#wrap div#shophead div.shopheadtxtnavi a:hover {
background-color:#dbfafe;
color:#666666;
padding:2px;
text-decoration:none;
}

/* contents ______________________________ */

div#wrap div#contents {
clear:both;
width:800px;
margin:auto;
padding-top:12px;
}

/* campaign ______________________________ */

div#wrap div#contents div#campaign {
margin-bottom:20px;
}
div#wrap div#contents div#campaign div.camatt {
font-size:14px;
font-weight:bold;
color:#ff0000;
}
div#wrap div#contents div#campaign div.camtxt {
font-size:12px;
line-height:18px;
}

/* main ______________________________ */

div#wrap div#contents div#main {
font-size:14px;
line-height:24px;
color:#222222;
}

/* price ______________________________ */

div#wrap div#contents div#price {
padding:20px 0;
width:800px;
}

/* order ______________________________ */

div#wrap div#order {
width:800px;
margin:auto;
}

div#wrap div#order div.cp_order {
width:800px;
margin:auto;
}

div#wrap div#order div.cp_cart {
width:800px;
margin:auto;
}

div#wrap div#order div.henpintxt {
font-size:14px;
line-height:22px;
color:#222222;
padding:8px 0;
}

div#wrap div#order div#orderform {
width:800px;
padding:0;
margin:auto;

}

div#wrap div#order div#orderform div.orderbtn {
margin-top:10px;
clear:both;
border:2px solid #01b3cf;
/* height:58px; */
}
div#wrap div#order div#orderform div.orderbtn div.ordertxt {
font-size:13px;
line-height:20px;
font-weight:bold;
width:600px;
top:8px;
left:10px;
position:relative;
padding-right:10px;
padding-bottom:14px;

}
div#wrap div#order div#orderform div.orderbtn div.ordertxt img {
float:left;
margin-right:2px;
}

div#wrap div#order div#orderform div.orderbtn a {
width:162px;
height:42px;
display:block;
text-indent:-9999px;
overflow:hidden;
background:url(http://spicas.jp/shop/item/images/btn_order_bg.gif) no-repeat;
}
div#wrap div#order div#orderform div.orderbtn ul {
float:right;
position:relative;
top:8px;
right:8px;
}

div#wrap div#order div#orderform div.orderbtn li {
list-style-type:none;
}
div#wrap div#order div#orderform div.orderbtn li a:hover {  
background-position: 0 -42px;  
}

/* foot ______________________________ */

div#wrap div#foot {
clear:both;
font-size:12px;
line-height:20px;
padding-top:30px;
text-align:left;
width:800px;
background-color:#FFFFFF;
}
div#wrap div#foot div.gotop {
text-align:right;
padding-bottom:4px;
border-bottom:4px solid #CCCCCC;
width:800px;
margin-left:10px;
}

div#wrap div#foot p.ftxt {
margin-bottom:20px;
}
div#wrap div#foot strong {
font-weight:bold;
}
div#wrap div#foot dt {
width:380px;
height:30px;
vertical-align:middle;
padding-top:7px;
padding-left:10px;
background:url(http://spicas.jp/shop/images/foot_bg01.gif) no-repeat;
margin:0;
margin-top:20px;
}
div#wrap div#foot div.footleft {
float:left;
width:380px;
padding:0 10px;
_padding-right:10px;
}
div#contents div#foot div.footleft dd {
margin:0;
padding:0 0 0 9px;
}
div#wrap div#foot div.footright {
float:right;
width:380px;
}
div#wrap div#foot div.footright dd {
margin:0;
padding:0 0 0 9px;
}

div#wrap div#foot div.footbtm {
clear:both;
background:url(http://spicas.jp/shop/images/foot_bg_txtlink.gif) no-repeat;
padding:10px;
height:20px;
vertical-align:middle;
width:780px;
margin-left:10px;
}
div#wrap div#foot div.footbtm li {
float:left;
list-style-type:none;
background:url(http://spicas.jp/shop/images/foot_arrow.gif) left center no-repeat;
text-indent:12px;
padding-right:20px;
}
div#wrap div#foot div.footbtm li a {
background:none;
}

div#wrap div#foot div.copy {
clear:both;
text-align:center;
font-size:12px;
color:#666666;
padding:12px 0 20px 10px;
}




/* font _____________*/

.pinkb {
font-weight:bold;
color:#e91748;
}
.pink {
color:#e91748;
}