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


/* top
-----------------------------------------------------------------------*/
#topleftbox{
float:left;
width: 607px;
}
#toprightbox{
float:right;
width: 233px;
}

h2#topttl{
width: 860px;
height: 346px;
}
h2#topttl span{
height:0;
width:0;
display:none;
}


.topnavi{
/*20190407 width: 607px;*/
width: 607px;
position:relative;
overflow:hidden;
padding-bottom:30px;
margin: 0 auto;
}
.topnavi-l{
width: 197px;
float:left;
}
.topnavi-r{
width: 300px;
float:left;
padding-top: 9px;
/*20190407 padding-left: 8px;*/
padding-left: 3px
}
.topnavi-l p,.topnavi-r p{
padding:5px 10px;
line-height:150%;
}


.topinfo_ttl{
width: 607px;
position:relative;
overflow:hidden;
}
.topinfo_ttl div,.topinfo_ttl h3{
float:left;
}
.topinfo{
width: 607px;
padding: 10px 0px 20px 0px;
}
.topinfo dl{
width: 587px;
position:relative;
overflow:hidden;
padding: 10px 10px 5px 10px;
border-bottom:1px dotted #8a8a8a;
}
.topinfo dt{
width: 140px;
background: url(../img/icon01.gif) no-repeat 0px 4px;
padding-left: 15px;
float:left;
line-height:180%;
color: #000556;
font-size:12px;
font-weight:bold;
}
.topinfo dd{
width: 432px;
float:right;
line-height:150%;
}

.topside{
background: #DFE4ED;
width: 223px;
padding: 0px 5px 5px 5px;
font-size:12px;
}
.topside02{
border-top: 1px solid #CED3DB;
border-bottom: 1px solid #CED3DB;
background:url(../img/topside_back.gif) repeat-y left top;
width: 223px;
}
.topsidebox{
width: 203px;
padding: 10px;
position:relative;
overflow:hidden;
border-bottom:1px dotted #B5B5B5;
}
.topside-l{
width: 82px;
float:left;
}
.topside-l img{
border:1px solid #BFBFBF;
}
.topside-r{
float: right;
width: 116px;
line-height:150%;
font-size:12px;
}
.topside-r h4{
font-size:12px;
color: #000556;
background:url(../img/icon01.gif) no-repeat 0px 3px;
padding-left: 10px;
}
.topside-r div{
padding-left:10px;
padding-top:5px;
}









/* sales
-----------------------------------------------------------------------*/
.salesbox01{
width:607px;
position:relative;
overflow:hidden;
padding-bottom:20px;
border-bottom: 1px dotted #8a8a8a;
margin-bottom:30px;
}
.salesbox01-l{
float:left;
width: 140px;
}

.salesbox01-r{
width: 445px;
float:right;
line-height:180%;
}
.salesbox01-r h4{
padding-bottom:10px;
font-size:14px;
}


.salesnavi{
list-style:none;
position:relative;
overflow:hidden;
width:482px;
margin:15px auto;
}
.salesnavi li{
width: 205px;
height: 50px;
float:left;
margin:0px 18px;
font-size:16px;
font-weight:bold;
line-height:150%;
}
.salesnavi li a{
background: url(../img/inner/btnback-base.gif) no-repeat left top;
padding: 14px 20px 0px 40px;
display:block;
height: 36px;
text-decoration:none;
}
.salesnavi li a:hover{
background: url(../img/inner/btnback-act.gif) no-repeat left top;
}


.salesbox02{
width:587px;
margin: 0px auto;
position:relative;
overflow:hidden;
padding-bottom:40px;
}
.salesbox02-l{
float:left;
width: 140px;
}

.salesbox02-r{
width:432px;
float:right;
line-height:180%;
}
.salesbox02_ttl,
.salesbox02_ttl02{
width:432px;
position:relative;
overflow:hidden;
padding-bottom: 10px;
border-bottom:1px dotted #8a8a8a;
margin-bottom:15px;
color: #00397A;
}
.salesbox02_ttl h4{
font-size:14px;
float:left;
width: 321px;
line-height:150%;
padding-top:2px;
}
.salesbox02_ttl div{
float:right;
width: 96px;
}
.salesbox02_ttl02 h4{
font-size:14px;
line-height:150%;
padding-top:2px;
}

.salesentry{
line-height:180%;
padding: 0px 0px 30px 0px;
}

/*.salestxt{
line-height:150%;
width: 535px;
margin:0px auto 40px auto;
border-left: 3px solid #77A300;
padding-left: 15px;
}*/
.salestxt{
width: 607px;
margin:0px auto 40px auto;
line-height:180%;
}


h4.entryttl_s{
border-left: 5px solid #77A300;
border-bottom: 1px dotted #77A300;
font-size:16px;
padding-left: 15px;
margin-bottom:20px;
margin-top:10px;
line-height:150%;
padding-bottom:2px;
}



.salesbox03{
width: 550px;
margin:0px auto 40px auto;
position:relative;
overflow:hidden;
padding:15px 10px;
border:1px solid #89C000;
}
.salesbox03_ttl{
width:550px;
position:relative;
overflow:hidden;
padding-bottom: 10px;
border-bottom:1px dotted #8a8a8a;
margin-bottom:15px;
color: #00397A;
}
.salesbox03_ttl h4{
font-size:14px;
float:left;
width: 424px;
line-height:150%;
padding-top:2px;
padding-left: 15px;
}
.salesbox03_ttl div{
float:right;
width: 96px;
padding-right: 15px;
}
.salesbox03_txt{
line-height:180%;
padding: 0px 15px;
}


.salesttl{
background:url(../img/inner/icon03.gif) no-repeat left 5px;
padding-left: 20px;
}





/* kids
-----------------------------------------------------------------------*/
/*.kidstxt{
line-height:150%;
width: 535px;
margin:0px auto 40px auto;
border-left: 3px solid #EE3A96;
padding-left: 15px;
}*/

.kidstxt{
width: 607px;
margin:0px auto 40px auto;
}


.kidsbox{
width: 607px;
position:relative;
overflow:hidden;
}
.kidsbox01{
width: 289px;
float:left;
padding:0px 7px;
position:relative;
overflow:hidden;
margin-bottom:30px;
}
.kidsbox01-l{
float:left;
width: 140px;
}
.kidsbox01-l img{
border: 1px solid #CECECE;
}
.kidsbox01-r{
width: 134px;
padding-left: 15px;
line-height:150%;
float:right;
font-size:12px;
}
.kidsbox01-r h4{
background:url(../img/icon01.gif) no-repeat left 4px;
padding-left: 10px;
line-height:150%;
padding-bottom:5px;
font-size:14px;
}

h4.entryttl_k{
border-left: 5px solid #EE3A96;
border-bottom: 1px dotted #EE3A96;
font-size:16px;
padding-left: 15px;
margin-bottom:20px;
margin-top:10px;
line-height:150%;
padding-bottom:2px;
}


.order_btn{
border: 0;
padding-top:15px;
text-align:center;
}

.order_btn02{
border: 0;
padding-top:20px;
text-align:right;
padding-right: 20px;
width: 607px;
clear:both;
}

.order_btn img,order_btn02 img{
border: 0;
}









/* web
-----------------------------------------------------------------------*/
/*.webtxt{
line-height:150%;
width: 535px;
margin:0px auto 40px auto;
border-left: 3px solid #F8C001;
padding-left: 15px;
}*/
.webtxt{
width: 607px;
margin:0px auto 40px auto;
}


h4.entryttl_w{
border-left: 5px solid #F8C001;
border-bottom: 1px dotted #F8C001;
font-size:16px;
padding-left: 15px;
margin-bottom:20px;
margin-top:10px;
line-height:150%;
padding-bottom:2px;
}

.webttl{
background:url(../img/inner/icon04.gif) no-repeat left 5px;
padding-left: 20px;
}


.webbox{
width: 550px;
margin:0px auto 40px auto;
position:relative;
overflow:hidden;
padding:15px 10px;
border:1px solid #FEBF01;
}




/* news
-----------------------------------------------------------------------*/
.newsbox{
width: 607px;
padding-bottom:50px;
}
.news_ttl{
width: 585px;
border: 1px solid #CECECE;
padding: 8px 10px;
position: relative;
overflow:hidden;
}
.news_ttl h4{
float:left;
font-size:14px;
line-height:150%;
background: url(../img/icon01.gif) no-repeat left 3px;
width: 457px;
padding-left: 13px;
}
.news_ttl p{
padding-left:15px;
width: 100px;
float:right;
font-size:12px;
color: #00397A;
text-align:right;
padding-top:3px;
line-height:150%;
}
.news_cate{
font-size:12px;
text-align:right;
padding: 10px 0px 15px 0px;
line-height:150%;
}
.news_entry{
line-height:180%;
padding: 0px 15px 15px 15px;
border-bottom: 1px dotted #8a8a8a;
}
.news_more{
background:url(../img/inner/icon02.gif) no-repeat right center;
padding-right: 20px;
text-align:right;
line-height:150%;
font-size:12px;
margin-top:10px;
}

.news_entry02{
line-height:180%;
padding: 0px 15px 15px 15px;
}






/* sitemap
-----------------------------------------------------------------------*/
.sitemap{
width: 607px;
position:relative;
overflow:hidden;
}
.sitemap ul{
width: 273px;
float:left;
list-style:none;
padding: 0px 15px;
}
.sitemap li{
list-style:none;
border-bottom:1px dotted #9ECF00;
line-height:150%;
background:url(../img/inner/icon02.gif) no-repeat 10px center;
padding: 10px 0px 10px 30px;
}







/*----------------------------------------------------------------------- privacy ----*/
.privacy h4{
border: 1px solid #CECECE;
padding: 5px 10px 5px 23px;
font-size:14px;
line-height:150%;
background: url(../img/icon01.gif) no-repeat 10px 10px;
}

.privacy p{
padding: 15px 25px 30px 25px;
line-height:180%;
}
.privacy ol{
padding:15px 25px 30px 45px;
}
.privacy li{
line-height:180%;
}

.privacy02{
float:right;
border: 1px solid #CECECE;
padding:10px 15px;
line-height:150%;
width: 280px;
margin-bottom:20px;
}
.p-l14{
padding-left:14px;
}

.handling{
padding: 15px 25px 30px 25px;
line-height:180%;
}
.handling .hand_txt{
background: url(../img/inner/icon02.gif) no-repeat left 3px;
padding:0px 0px 0px 20px;
border:0px;
font-weight:bold;
font-size:14px;
line-height:150%;
}
.handling ol{
padding-left:50px;
padding-bottom:15px;
line-height:150%;
}
.p-l20{
padding-left:20px;
}
.handling ol.handling_li{
padding-left:60px;
padding-top:5px;
}
.handling ol.handling_li li{
padding-bottom:5px;
}
.handling ol.handling_li ul{
padding:5px 0px 5px 20px;
}
ol.handling_li ul li{
list-style:lower-alpha;
}

.f-r{color:#CC0000;}
.f-10{
font-size:10px;
letter-spacing:1px;
}
.cen{
text-align:center;
}


.hand_mai{
margin-top:-20px;
}





/*----------------------------------------------------------------------- contact ----*/

.con_ttl{
line-height:150%;
font-size:14px;
padding: 5px 0px 5px 10px;
margin-bottom:20px;
border-bottom:1px dotted #8a8a8a;
color: #00397A;
font-weight:bold;
}


.contact {
background:#97C700;
width: 607px;
margin: 20px auto 20px auto;
}
.contact th{
background: #E4F0C2;
width: 150px;
padding: 10px 10px;
text-align:left;
}
.contact td{
background: #FFFFFF;
padding: 10px 15px;
text-align:left;
vertical-align: bottom;
}
.contact th.must{
background: url(../img/inner/must.gif) no-repeat 130px 5px #E4F0C2;
width: 150px;
padding: 10px 10px;
text-align:left;
}


.contact02 {
background:#FACC01;
width: 607px;
margin: 20px auto 20px auto;
}
.contact02 th{
background: #FFEBA2;
width: 150px;
padding: 10px 10px;
text-align:left;
}
.contact02 td{
background: #FFFFFF;
padding: 10px 15px;
text-align:left;
vertical-align: bottom;
}
.contact02 th.must{
background: url(../img/inner/must.gif) no-repeat 130px 5px #FFEBA2;
width: 150px;
padding: 10px 10px;
text-align:left;
}


.absored{
font-size:10px;
letter-spacing:1px;
color: #ff0000;
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;}

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


.conbox{
padding: 0px 35px 80px 35px;
}



.sslbox{
width: 560px;
border:1px solid #8a8a8a;
background: #EDEFF3;
position:relative;
overflow:hidden;
padding:15px 20px;
margin:20px auto 40px auto;
}
.sslbox-l{
float:left;
width: 130px;
padding-left:15px;
}
.sslbox-r{
float: right;
text-align: center;
line-height: 180%;
padding-top: 10px;
}