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

*{
	margin:0;
	padding:0;
	border:none;
	font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
  font-size: 100%;
  font-weight: normal;
  font-style: normal;
}
img {
border:none;
}

/* body ______________________________ */

body {background-color:#FFFFFF;
color:#333333;
}

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; }

/* contents ______________________________ */

div#contents {width:800px;margin:auto; }

/* header ______________________________ */

div#contents div#head {margin-top:10px; }

div#contents div#head h1 {font-size:10px;font-weight:normal;}
div#contents div#head h1 a:link { color: #333333; text-decoration:none;background-color:#FFFFFF; }
div#contents div#head h1 a:visited { color: #333333; text-decoration:none;background-color:#FFFFFF; }
div#contents div#head h1 a:hover { color: #333333; text-decoration:none;background-color:#FFFFFF; }
div#contents div#head h1 a:active { color: #333333; text-decoration:none;background-color:#FFFFFF; }

div#contents div#head div.sitelogo {float:left;margin:14px 0 10px 0;width:330px; }

/* header customerNavi ______________________________ */

div#contents div#head div.customerNavi {
width:335px;
float:right;
margin:9px 0 10px 0;
}

div#contents div#head div.customerNavi a {
width:135px;
height:40px;
display:block;
text-indent:-9999px;
overflow:hidden;
}
div#contents div#head div.customerNavi:after {
height:0;
visibility:hidden;
content:".";
display:block;
clear:both;
}
div#contents div#head div.customerNavi ul {
width:270px;
padding-left:65px;
}

div#contents div#head div.customerNavi li {
list-style-type:none;
float:left;
width:135px;
}
div#contents div#head div.customerNavi li.cnavi01 a {
background:url(../images/btn_cus_cart.gif) no-repeat;
}
div#contents div#head div.customerNavi li.cnavi02 a {
background:url(../images/btn_cus_mypage.gif) no-repeat;
}
div#contents div#head div.customerNavi li a:hover {  
background-position: 0 -40px;  
} 

/* header globalNavi ______________________________ */

div#contents div#head div.globalNavi {
width:800px;
clear:both;
margin-bottom:5px;
}
div#contents div#head div.globalNavi a {
width:130px;
height:40px;
display:block;
text-indent:-9999px;
overflow:hidden;
}
div#contents div#head div.globalNavi:after {
height:0;
visibility:hidden;
content:".";
display:block;
clear:both;
}
div#contents div#head div.globalNavi li {
float:left;
list-style-type:none;
}
div#contents div#head div.globalNavi li.gnavi_left {
width:10px;
}
div#contents div#head div.globalNavi li.gnavi01 a {
background:url(../images/btn_navi_top.gif) no-repeat;
}
div#contents div#head div.globalNavi li.gnavi02 a {
background:url(../images/btn_navi_items.gif) no-repeat;
}
div#contents div#head div.globalNavi li.gnavi03 a {
background:url(../images/btn_navi_guide.gif) no-repeat;
}
div#contents div#head div.globalNavi li.gnavi04 a {
background:url(../images/btn_navi_pay.gif) no-repeat;
}
div#contents div#head div.globalNavi li.gnavi05 a {
background:url(../images/btn_navi_qa.gif) no-repeat;
}
div#contents div#head div.globalNavi li.gnavi06 a {
background:url(../images/btn_navi_inq.gif) no-repeat;
}
div#contents div#head div.globalNavi li.gnavi_right {
width:10px;
}
div#contents div#head div.globalNavi li a:hover {  
background-position: 0 -40px;  
} 

/* header headtxtnavi ______________________________ */

div#contents div#head div.headtxtnavi {
clear:both;
margin-bottom:20px;
font-size:11px;
color:#999999;
}
div#contents div#head div.headtxtnavi a {
color:#666666;
padding:2px;
}
div#contents div#head div.headtxtnavi a:hover {
background-color:#dbfafe;
color:#666666;
padding:2px;
text-decoration:none;
}



/* toppage main(right) ______________________________ */

div#contents div#main {
width:580px;
float:right;
}


/* left ______________________________ */

div#contents div#left {
width:200px;
}

div#contents div#left div.search {
margin-bottom:12px;
}
div#contents div#left div.search p {
font-size:12px;
}
div#contents div#left div.search input {
vertical-align:middle;
border:2px #CCCCCC solid;
background-color:#efefef;
height:18px;
font-size:12px;
}

div#contents div#left h2 {
width:200px;
height:36px;
overflow:hidden;
color:#FFFFFF;
background-color:#fefefe;
margin-bottom:6px;
}
div#contents div#left h2 a img {
border:0;}

div#contents div#left ul.left_bnr {
margin-bottom:10px;
}
div#contents div#left ul.left_bnr li {
list-style-type:none;
margin-bottom:4px;
}
div#contents div#left ul.left_bnr li img {
border:1px solid #CCCCCC;
}

div#contents div#left ul.left_bnr02 {
margin-bottom:10px;
margin-top:10px;
}
div#contents div#left ul.left_bnr02 li {
list-style-type:none;
margin-bottom:4px;
}
div#contents div#left ul.left_bnr02 li p.bnrtxt {
font-size:11px;
}


div#contents div#left div.category {
width:200px;
border:0px solid #FFFFFF;
margin:0;
}
div#contents div#left div.category dl {
margin-bottom:4px;
}

div#contents div#left div.category dt {
padding:0px;
background-color:#fdfbf0;
font-weight:normal;
vertical-align:middle;
}
div#contents div#left div.category dd {
margin-left:10px;
padding:0px;
background-color:#fdfbf0;
font-weight:normal;
vertical-align:middle;
}
div#contents div#left div.category a.catenavi {
display:block;
color:#333333;
background-color:#fdfbf0;
font-size:13px;
text-decoration:none;
padding:8px;
vertical-align:middle;
border-left:7px solid #c1f1f8;
border-bottom:1px solid #CCCCCC;
margin-bottom:2px;
}
div#contents div#left div.category a.catenavi:hover {
display:block;
color:#333333;
background-color:#dbfafe;
font-size:13px;
text-decoration:none;
padding:8px;
vertical-align:middle;
border-left:7px solid #62c3d2;
border-bottom:1px solid #CCCCCC;
margin-bottom:2px;
}

/* 左メルマガボタン */
div#contents div#left div.mm {
margin-top:10px;
}
div#contents div#left div.mm a {
width:200px;
height:69px;
display:block;
text-indent:-9999px;
overflow:hidden;
background:url(../images/btn_left_mm.gif) no-repeat;
}
div#contents div#left div.mm li {
list-style-type:none;
}
div#contents div#left div.mm li a:hover {  
background-position: 0 -69px;  
} 

/* 左 会社概要ボタン */
div#contents div#left div.gaiyo {
margin-top:4px;
}
div#contents div#left div.gaiyo a {
width:200px;
height:36px;
display:block;
text-indent:-9999px;
overflow:hidden;
background:url(../images/btn_left_company.gif) no-repeat;
}
div#contents div#left div.gaiyo li {
list-style-type:none;
}
div#contents div#left div.gaiyo li a:hover {  
background-position: 0 -36px;  
}

div#contents div#calendar {
margin-top:20px;
font-size:12px;
}
div#contents div#calendar p {
font-size:11px;
line-height:13px;
}
div#contents div#calendar table {
margin-bottom:2px;
border:1px solid #CCCCCC;
}

/* foot ______________________________ */
div#contents div#footer {
clear:both;
font-size:12px;
line-height:20px;
width:800px;
padding-top:30px;
}
div#contents div#footer div.gotop {
text-align:right;
padding-bottom:4px;
border-bottom:4px solid #CCCCCC;
margin-bottom:20px;
}

div#contents div#footer p {
margin-bottom:20px;
}
div#contents div#footer strong {
font-weight:bold;
}
div#contents div#footer dt {
width:390px;
height:30px;
vertical-align:middle;
padding-top:7px;
padding-left:10px;
background:url(../images/foot_bg01.gif) no-repeat;
margin:0;
}
div#contents div#footer dd {
margin-left:10px;
}
div#contents div#footer div.footleft {
float:left;
width:390px;
}
div#contents div#footer div.footright {
float:right;
width:390px;
}
div#contents div#footer div.footbtm {
clear:both;
background:url(../images/foot_bg_txtlink.gif) no-repeat;
padding:10px;
height:20px;
vertical-align:middle;
}
div#contents div#footer div.footbtm li {
float:left;
list-style-type:none;
background:url(../images/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;
}

/* 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;
}




/* margin ______________________________ */