@charset "UTF-8";
/**\*/
@import url("style-base.css");
@import url("style-default.css");





/* top 
--------------------------------------------------------*/
.sidecom{
width: 205px;
background:url(../img/leftcom_back.jpg) no-repeat center top;
padding-top: 135px;
padding-bottom:30px;
}
.sidecom address{
width: 165px;
margin: 0px auto;
line-height:150%;
padding-bottom:15px;
}


.topttl{
width: 577px;
position:relative;
overflow:hidden;
}
.topttl-l{
float:left;
}
.topttl-r{
float:right;
}
.topabout{
background:url(../img/topimg03.jpg) no-repeat right top;
padding: 20px 20px 40px 20px;
font-size:14px;
line-height:180%;
}

#topproduct{
width: 577px;
position:relative;
overflow:hidden;
padding-top:15px;
padding-bottom:15px;
}
.topprobox {
width: 130px;
margin: 0px 6px 15px 6px;
float:left;
}
.topproimg {
width: 118px;
border:1px solid #DFDFDF;
padding:5px;
}
.topproname{
background: url(../img/icon01.gif) no-repeat 0px 5px;
width: 95px;
padding-left: 15px;
margin: 5px auto;
line-height:150%;
font-weight:bold;
}
.topprocate{
width: 95px;
padding-left: 15px;
margin: 5px auto;
line-height:150%;
}


.topinfo{
width: 550px;
margin: 5px auto;
}
.topinfo dl{
width: 550px;
position:relative;
overflow:hidden;
border-bottom:1px dotted #B2B2B2;
}
.topinfo dt{
width: 120px;
float:left;
line-height:150%;
background:url(../img/icon02.gif) no-repeat 10px 13px;
padding: 11px 0px 10px 25px;
font-size: 10px;
font-weight:bold;
}
.topinfo dd{
float:left;
line-height:150%;
padding: 10px 10px 10px 0px;
width: 395px;
color: #BB0030;
}
.topinfo dd a:link{
color: #BB0030;
text-decoration:none;
}
.topinfo dd a:hover{
color: #BB0030;
text-decoration:underline;
}





/* privacy 
--------------------------------------------------------*/
.privacy h3{
border-left: 3px solid #BB0030;
border-bottom:1px dotted #8a8a8a;
font-size:12px;
padding:5px 10px 5px 10px

}
.privacy p{
padding: 15px 15px 30px 15px;
line-height:180%;
}
.privacy ol{
margin-top:-15px;
padding:0px 15px 30px 35px;
}
.privacy li{
line-height:180%;
}










/* sitemap 
--------------------------------------------------------*/
.sitemap{
width: 578px;
position:relative;
overflow:hidden;
}
.sitemap ul{
width: 269px;
float:left;
margin:0px 10px;
list-style:none;
}
.sitemap li{
list-style:none;
padding:10px 10px 10px 25px;
background:url(../img/inner/icon04.gif) no-repeat 10px center;
line-height:150%;
border-bottom:1px dotted #069671;
}





/*----------------------------------------------------------------------- contact ----*/
.contact {
background:#D5D5D5;
width: 550px;
margin: 20px auto 20px auto;
}
.contact th{
padding:10px 10px;
line-height:180%;
background: url(../img/inner/contback.gif) repeat-x left top #01926D;
color: #FFFFFF;
text-align:left;
vertical-align:top;
width: 150px;
}
.contact td{
padding:10px 10px;
line-height:180%;
background:#FFFFFF;
}
.contact th.must{
background: url(../img/inner/must.gif) no-repeat 130px 5px #069671;
vertical-align:top;
color: #FFFFFF;
padding:10px 10px;
line-height:180%;
}


.pro_entry table th{

}
.pro_entry table td{

}


.absored{
font-size:10px;
letter-spacing:1px;
color: #FFE823;
font-weight: normal;
}


#F-MAIL,#F-POST {width: 57%;margin: 5px 0px 5px 0px;}
#F-MAIL2 {width: 57%;margin: 0px 0px 5px 0px;}
#F-NAME,#F-TEL,#F-FAX,#F-NAME02 {width: 50%;margin: 5px 0px 5px 0px;}
#F-ADDRESS,#F-COMPANY { width: 90%; margin: 5px 0px 5px 0px;}
#F-MESSAGE { width: 90%; height: 150px;margin: 5px 0px 5px 0px;}
#F-ZIP {width: 30%;margin: 5px 0px 5px 0px;}
#sex01, #sex02{ vertical-align:top;}
#F-kosu{width: 30px;}


/* ragio-btn */
#ITEM01,#ITEM02{ margin-top: -2px;}

.conttxt{
font-size:10px;
letter-spacing:1px;
padding-left: 10px;
}
.error_mail{
padding-bottom: 20px;
color: #CC0000;
}
.mess_button{
margin-top: 20px;
}
.cont-txt02{
font-weight: normal;
}

.txt01{
line-height:180%;
}








/* info
--------------------------------------------------------*/
.leftcate{
background: url(../img/inner/leftcate_back02.gif) repeat-y left top;
width: 205px;
margin-bottom:10px;
}
.cate_ttl{
background:url(../img/inner/leftcate_ttl.gif) no-repeat left top;
height: 24px;
font-weight:bold;
color:#FFFFFF;
text-align:center;
line-height:150%;
padding-top:10px;
}
.leftcate ul{
list-style:none;
background:url(../img/inner/leftcate_btm.gif) no-repeat left bottom;
padding-bottom: 5px;
}
.leftcate li{
background:url(../img/inner/leftcate_back01.gif) no-repeat center top;
list-style:none;
line-height:180%;
padding: 8px 10px;
margin: 0px 5px;
border-bottom: 1px solid #D6D6D7;
}
.leftcate li span{
background:url(../img/icon01.gif) no-repeat 0px 2px;
padding-left: 15px;
}


.month{
padding: 10px 15px 15px 15px;
text-align:center;
background:url(../img/inner/leftcate_btm02.gif) no-repeat left bottom;
}


.infobox{
width: 538px;
margin: 0px auto 40px auto;
}
.info_ttl{
position:relative;
overflow:hidden;
width: 538px;
background:url(../img/inner/info_btm.gif) repeat-x left bottom;
padding: 10px 0px 15px 0px;
}
.info_ttl h4{
float:left;
width: 403px;
background:url(../img/inner/inco_icon.gif) no-repeat 10px 5px;
padding: 0px 10px 0px 25px;
line-height:150%;
font-size:12px;
color: #352121;
}
.info_ttl p{
text-align:right;
font-weight:bold;
font-size: 10px;
letter-spacing:1px;
line-height:150%;
padding-top:2px;
}
.info_cate{
font-weight:bold;
font-size:10px;
letter-spacing:1px;
color: #BB0030;
padding: 10px 10px 15px 10px;
line-height:150%;
}
.info_entry{
line-height:180%;
padding: 0px 10px;
}
.info_more{
background:url(../img/inner/icon03.gif) no-repeat right center;
padding-right:20px;
text-align:right;
margin-top:15px;
}







/* results
--------------------------------------------------------*/
.resultsbox{
width: 561px;
margin: 0px auto 40px auto;
background:url(../img/inner/result-ttl01.gif) no-repeat left top;
padding-top:3px;
}
.results_ttl02{
background:url(../img/inner/result-ttl03.gif) repeat-y left bottom;
padding-bottom:3px;
margin-bottom:15px;
}
.results_ttl{
background:url(../img/inner/result-ttl02.gif) repeat-y left top;
padding: 10px;
position:relative;
overflow:hidden;
width: 541px;
}
.results_ttl h4{
border-left: 5px solid #BB0030;
padding-left: 10px;
line-height:150%;
padding-top:2px;
font-size:12px;
width: 413px;
float:left;
}
.results_ttl p{
text-align:right;
font-weight:bold;
font-size: 10px;
letter-spacing:1px;
line-height:150%;
padding-top:4px;
}









/* product
--------------------------------------------------------*/
.leftcate li.procate{
width: 148px;
margin: 0px auto;
background: url(../img/inner/icon04.gif) no-repeat 25px 10px #FFFFFF !important;
padding: 5px 10px 5px 37px;
line-height:150%;
}

.product_ttl{
background:url(../img/inner/result-ttl02.gif) repeat-y left top;
padding: 10px;
position:relative;
overflow:hidden;
width: 541px;
}
.product_ttl h4{
border-left: 5px solid #BB0030;
padding-left: 10px;
line-height:150%;
padding-top:2px;
font-size:12px;
float:left;
}

.pro_photo{
width: 557px;
text-align:center;
padding-bottom:20px;
}
.pro_entry,.pro_form{
width: 557px;
position:relative;
overflow:hidden;
}
.pro_entry table{
width: 220px;
float:left;
background:#D5D5D5;
}
.pro_entry table th{
padding:5px 10px;
line-height:180%;
background: #069671;
text-align:center;
color: #FFFFFF;
}
.pro_entry table td{
padding:5px 10px;
line-height:180%;
background:#FFFFFF;
}
.pro_comment{
width: 300px;
float: right;
line-height:180%;
}

.pro_cart{
text-align:right;
padding-top:20px;
}

.attention{
border: 1px solid #BB0030;
padding: 10px;
line-height:150%;
background: #F7E0E5;
margin-top:40px;
}

.pro_form01{
float:left;
width: 118px;
border: 1px solid #D5D5D5;
padding: 5px;
}
.pro_form table{
float:left;
margin-left: 20px;
}
.pro_form table th{
text-align: left;
border-bottom:1px solid #069671;
padding: 5px 10px;
line-height:150%;
}
.pro_form table td{
border-bottom:1px solid #069671;
text-align: left;
padding: 5px 15px 5px 0px;
line-height:150%;
}











/* about
--------------------------------------------------------*/
.greet{
width: 372px;
background:url(../img/inner/greet01.jpg) no-repeat left top;
padding: 0px 15px 0px 180px;
line-height:180%;
}
.about{
width: 540px;
background: #D6D6D6;
margin: 15px auto;
}
.about th{
background: #F0FEB7;
width: 150px;
padding: 5px 10px;
line-height:150%;
text-align:left;
}
.about td{
background:#FFFFFF;
line-height:150%;
padding: 5px 10px;
}


.about02{
background:url(../img/inner/about01.jpg) no-repeat right top;
padding: 0px 180px 20px 0px;
margin: 0px 15px; 
line-height:180%;
}
.about03{
background:url(../img/inner/about02.jpg) no-repeat right top;
padding: 0px 180px 20px 0px;
margin: 0px 15px; 
line-height:180%;
}
.about04{
background:url(../img/inner/about03.jpg) no-repeat right top;
padding: 0px 180px 20px 0px;
margin: 0px 15px; 
line-height:180%;
}
.about05{
background:url(../img/inner/about04.jpg) no-repeat right top;
padding: 0px 180px 20px 0px;
margin: 0px 15px; 
line-height:180%;
}

/*.member{
width: 530px;
margin:0px auto;
border-bottom: 1px dotted #35B191;
margin-bottom:20px;
padding:10px;
}
.member dt{
line-height:180%;
font-size:14px;
font-weight:bold;
background:url(../img/inner/icon03.gif) no-repeat 0px 7px;
padding-left: 20px;
padding-bottom:5px;
}
.member dd{
line-height:180%;
padding-left: 20px;
}
*/


.mem_box{
width: 577px;
position:relative;
overflow:hidden;
}
.member{
float:right;
width: 260px;
margin:0px auto;
}
.member table{
width: 260px;
margin:5px auto 20px auto;
border-top: 1px solid #D6D6D6;
border-left: 1px solid #D6D6D6;
border-right: 1px solid #D6D6D6;
}
.member th{
text-align:center;
line-height:180%;
padding:5px 0px 5px 0px;
border-bottom: 1px solid #D6D6D6;
border-right: 1px solid #D6D6D6;
background:#35B191;
color: #FFFFFF;
width: 80px;
}
.member td{
padding:5px 10px 5px 10px;
line-height:180%;
border-bottom: 1px solid #D6D6D6;
}
h4.mem_com{
text-align:left !important;
line-height:180%;
font-size:14px;
padding:10px 10px 10px 10px !important;
vertical-align:bottom;
margin-bottom:15px;
background:url(../img/inner/info_btm.gif) repeat-x left bottom;
}
h4.mem_com span{
font-size:18px;
color: #BB0030;
}

.member02{
width: 300px;
float:left;
margin:0px auto 0px auto;
}
.member02 th{
background:url(../img/inner/icon03.gif) no-repeat 10px 10px;
/*border-bottom: 1px dotted #35B191;*/
padding:5px 15px 0px 25px;
line-height:180%;
text-align:left;
width: 80px;
}
.member02 td{
background: #ffffff;
padding:0px 15px 10px 25px;
line-height:180%;
}


.pagetop02{
padding-top: 20px;
padding-bottom:50px;
text-align:right;
}



.member03{
width: 550px;
margin:5px auto 20px auto;
border-top: 1px solid #D6D6D6;
border-left: 1px solid #D6D6D6;
border-right: 1px solid #D6D6D6;
}
.member03 th{
text-align:center;
line-height:180%;
padding:5px 0px 5px 0px;
border-bottom: 1px solid #D6D6D6;
border-right: 1px solid #D6D6D6;
background:#35B191;
color: #FFFFFF;
width: 150px;
}
.member03 td{
padding:5px 20px 5px 20px;
line-height:180%;
border-bottom: 1px solid #D6D6D6;
}



.member_list{
width: 570px;
margin:0px auto;
padding: 15px 0px 5px 0px;
margin-bottom:40px;
}
.member_list ul{
width: 570px;
list-style:none;
position:relative;
overflow:hidden;
}
.member_list li{
list-style:none;
width: 170px;
line-height:180%;
margin-bottom:10px;
padding-bottom:5px;
float:left;
margin-right: 10px;
border-bottom:1px dotted #35B191;
padding-left:10px;
font-weight:bold;
font-size:14px;
}
.member_list li a{
font-weight:normal;
font-size:12px;
}

.member_list li.member_list02{
width: 360px !important;
}







/* shoprule
--------------------------------------------------------*/
.shoprule{
width: 578px;
background: #D6D6D6;
margin: 0px auto;
}
.shoprule th{
background: #F0FEB7;
width: 150px;
padding: 10px;
line-height:150%;
text-align:left;
}
.shoprule td{
background:#FFFFFF;
line-height:150%;
padding: 10px;
}