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






/*----------------------------------------------------------------------- top ----*/
#mainimg{
width: 835px;
margin: 0px 20px;
}


#toptool-pop{
width: 585px;
background: url(../img/popicon.gif) no-repeat 5px 3px #F5A22C;
height: 22px;
line-height:150%;
padding-left: 30px;
font-size:14px;
padding-top: 3px;
}

.popimg,.otherimg{
padding:0px 11px 0px 10px;
width: 132px;
vertical-align:top;
line-height:150%;
float:left;
height: 200px;
}

.popimg img,.popimg02 img,.otherimg img{
border:1px solid #F5A22C;
margin-bottom:5px;
}
.f-10{
font-size:10px;
letter-spacing:1px;
}

.productbox{
width: 615px;
border-bottom: 1px solid #0C0C0C;
margin-bottom: 15px;
}

.productbox table{
float:left;
margin-right:29px;
display:block;
height: 200px;
}



.productbox02{
width: 615px;
margin-bottom: 10px;
}


#toptool-jyu,
#toptool-u-floor,
#toptool-u-counter,
#toptool-u-hang
{
width: 585px;
background: url(../img/utensilicon.gif) no-repeat 5px 3px #90D2FD;
height: 22px;
line-height:150%;
padding-left: 30px;
font-size:14px;
padding-top: 3px;
}
.jyuimg{
padding:0px 11px 0px 10px;
width: 132px;
vertical-align:top;
line-height:150%;
float:left;
height: 200px;
}
.utensilimg{
padding:0px 11px 0px 10px;
width: 132px;
vertical-align:top;
line-height:150%;
float:left;
height: 200px;
}
.jyuimg img,.jyuimg02 img,.utensilimg img{
border:1px solid #90D2FD;
margin-bottom:5px;
}


#toptool-goods,
#toptool-premium
{
width: 585px;
background: url(../img/goodsicon.gif) no-repeat 5px 3px #CCE718;
height: 22px;
line-height:150%;
padding-left: 30px;
font-size:14px;
padding-top: 3px;
}
.goimg{
padding:0px 11px 0px 10px;
width: 132px;
vertical-align:top;
line-height:150%;
float:left;
height: 200px;
}
.goodsimg{
padding:0px 11px 0px 10px;
width: 132px;
vertical-align:top;
line-height:150%;
float:left;
height: 200px;
}
.goimg02{
width: 132px;
vertical-align:top;
line-height:150%;
}
.goimg img,.goimg02 img,.goodsimg img{
border:1px solid #CCE718;
margin-bottom:5px;
}





.popimgbox{
width: 615px;
position:relative;
overflow:hidden;
padding:15px 1px 0px 2px;
}



.w614{
width: 614px;
margin:0px auto;
}


.top_sp{
background:url(../img/top/top_bg.gif) repeat-y left top;
width: 584px;
margin:0px auto;
border-bottom:2px solid #000;
padding:15px 15px 5px 15px;
}
.top_nv{
width: 584px;
margin-right:-16px;
}
.top_nv ul{
padding:20px 0px 0px 0px;
width: 600px;
position:relative;
overflow:hidden;
}
.top_nv ul li{
float:left;
padding:0px 16px 10px 0px;
list-style:none;
}

.top_nv02{
width: 584px;
}
.top_nv02 ul{
padding:20px 0px 0px 0px;
width: 584px;
position:relative;
overflow:hidden;
}
.top_nv02 li{
float:left;
padding:0px 54px 10px 54px;
list-style:none;
}


#catanavi_top{
width: 614px;
margin: 0px auto 15px auto;
text-align:left;
padding-top:8px;
}
#catanavi_in{
width: 614px;
margin: 0px auto 15px auto;
text-align:left;
}
#catanavi_top ul,
#catanavi_in ul{
width: 614px;
position:relative;
overflow:hidden;
list-style:none;
background:url(../img/catanavi04.gif) no-repeat right top;
padding-right:1px;
}
#catanavi_top li,
#catanavi_in li{
float:left;
list-style:none;
padding-right:13px;
}
.top_sea01{
padding-top:15px;
}
.top_sea02{
padding-top:15px;
padding-left:80px;
}

#top_summer{
height: 327px;
width: 584px;
}



/*++++ 20111003 ++++*/
.top_comic{
width:194px;
border-bottom:3px solid #000;
background:url(../img/comic/side_comic02.gif) repeat-y left top;
padding:0px 3px;
margin:0px auto 15px auto;
}






/*--------------------------------
 catalog-category
--------------------------------*/

#toptool-p-floor,
#toptool-p-counter,
#toptool-p-hang,
#toptool-p-shelf,
#toptool-o-pop{
width: 585px;
background: url(../img/popicon.gif) no-repeat 5px 3px #F5A22C;
height: 22px;
line-height:150%;
padding-left: 30px;
font-size:14px;
padding-top: 3px;
}


.p-floorimg,.p-counterimg,.p-hangimg,.p-shelfimg,.o-popimg{
padding:0px 11px 0px 10px;
width: 132px;
vertical-align:top;
line-height:150%;
float:left;
height: 200px;
}
.p-floorimg img,.p-counterimg img,.p-hangimg img,.p-shelfimg img,.o-popimg img{
border:1px solid #F5A22C;
margin-bottom:5px;
}



.u-floorimg,.u-counterimg,.u-hangimg{
padding:0px 11px 0px 10px;
width: 132px;
vertical-align:top;
line-height:150%;
float:left;
height: 200px;
}
.utensilimg img,.u-floorimg img,.u-counterimg img,.u-hangimg img{
border:1px solid #90D2FD;
margin-bottom:5px;
}



.goodsimg,.premiumimg{
padding:0px 11px 0px 10px;
width: 132px;
vertical-align:top;
line-height:150%;
float:left;
height: 200px;
}
.goodsimg img,.premiumimg img{
border:1px solid #CCE718;
margin-bottom:5px;
}



.registerimg,.coldimg,.freezerimg,.endimg,.blockimg,.f-shelfimg{
padding:0px 11px 0px 10px;
width: 132px;
vertical-align:top;
line-height:150%;
float:left;
height: 200px;
}
.registerimg img,.coldimg img,.freezerimg img,.endimg img,.blockimg img,.f-shelfimg img{
border:1px solid #F5A22C;
margin-bottom:5px;
}










/*----------------------------------------------------------------------- infobox ----*/
.infobox{
width: 615px;
background:url(../img/inner/infoimg02.gif) repeat-y left top;
margin-bottom: 30px;
}
.infottl{
background:url(../img/inner/infoimg01.gif) no-repeat left top;
padding: 15px 15px 0px 15px;
}
.infottl02{
width: 585px;
position:relative;
overflow: hidden;
border-bottom:1px solid #D1D1D1;
padding-bottom:10px;
}
.infottl02 p{
float:left;
width: 100px;
line-height:150%;
border-left: 3px solid #DA1B1B;
padding-left: 10px;
}
.infottl02 h3{
float:right;
width: 472px;
line-height:150%;
font-size:12px;
}
.infocate{
text-align:right;
padding: 10px 15px 20px 15px;
}
.infobox02{
background:url(../img/inner/infoimg03.gif) no-repeat left bottom;
padding: 0px 15px 15px 15px;

}
.infomore{
background: url(../img/inner/icon03.gif) no-repeat right center;
line-height:150%;
padding-right:20px;
text-align:right;
margin-top:20px;
}
.infobody{
line-height:180%;
}














/*----------------------------------------------------------------------- catalog ----*/
.catalog01{
width:615px;
background:url(../img/inner/catalogback01.gif) no-repeat right top;
padding-left: 10px;
margin-bottom:40px;
padding-bottom:40px;
border-bottom: 1px dotted #C5C5C5;
height:280px;
}
.catalog01 p,.catalog02 p,.catalog03 p{
width: 225px;
padding:10px 0px 30px 25px;
line-height:180%;
}

.catalog02{
width:615px;
background:url(../img/inner/catalogback02.gif) no-repeat right top;
padding-left: 10px;
margin-bottom:40px;
border-bottom: 1px dotted #C5C5C5;
height: 270px;
padding-bottom:40px;
}

.catalog03{
width:615px;
background:url(../img/inner/catalogback03.jpg) no-repeat right top;
padding-left: 10px;
margin-bottom:60px;
}




.floorbox {
width: 615px;
position:relative;
overflow:hidden;
padding-bottom:30px;
}
.floorbox-l{
float:left;
}
.floorbox-r{
float: right;
}



.flow{
width: 615px;
position:relative;
overflow:hidden;
padding-top:15px;
padding-bottom:25px;
}
.flow-l{
width: 290px;
padding-left: 13px;
float:left;
}
.flow-r{
width: 290px;
padding-right: 13px;
float: right;
}









/*----------------------------------------------------------------------- results ----*/
.results-cate{
width: 585px;
border-top: 2px solid #E80012;
padding: 8px 15px;
font-size:14px;
line-height:180%;
margin-bottom:20px;
background:url(../img/inner/ttl-back.gif) no-repeat right bottom #EEEEEE;
}
.results-box{
width: 615px;
margin-bottom: 30px;
}
.results-ttl{
width: 585px;
position:relative;
overflow: hidden;
background:url(../img/inner/resultsimg.gif) repeat-y left top;
border-bottom:1px solid #D1D1D1;
border-top:1px solid #D1D1D1;
padding: 10px 15px;

}
.recate{
text-align:right;
padding: 15px 0px 20px 10px;
}

.results-ttl h4 {
border-left: 3px solid #DA1B1B;
line-height:150%;
font-size:12px;
padding-left: 10px;
padding-top:2px;
}
.remore{
background: url(../img/inner/icon03.gif) no-repeat right center;
line-height:150%;
text-align:right;
margin-top:20px;
border-top: 1px dotted #aaaaaa;
padding: 15px 20px;
}


















/*----------------------------------------------------------------------- company ----*/
.company{
width: 600px;
margin: 0px auto;
background: #A3A09C;
margin-bottom: 50px;
}
.company th{
background: #FFEFBE;
padding: 10px 15px;
vertical-align: top;
width: 100px;
text-align:left;
line-height:150%;
}
.company td{
background: #FFFFFF;
padding: 10px 15px;
line-height:150%;
}
.company ul{
padding-left: 20px;
line-height:180%;
}


.access{
border: 1px solid #D1D1D1;
padding: 10px 10px 5px 10px;
margin-top:20px;
}
.access ul{
position:relative;
overflow: hidden;
width: 550px;
margin: 0px auto;
list-style:none;
}
.access li{
list-style:none;
float:left;
width: 168px;
background:url(../img/inner/icon04.gif) no-repeat 0px 7px;
line-height:180%;
padding-left: 15px;
padding-bottom:5px;
}












/*----------------------------------------------------------------------- inner ----*/

.privacy{
padding-left: 30px;
}
.privacy li{
line-height:180%;
padding-bottom:5px;
}
.inttl{
border-bottom: 1px dotted #8a8a8a;
padding-bottom:5px;
margin-bottom:15px;
}
.inttl h3,.inttl h4{
border-left: 5px solid #DA1B1B;
font-size:12px;
padding: 3px 0px 3px 10px;
line-height:150%;
}
.privacy03{
padding-left: 50px;
padding-right:20px;
}
.privacy03 li{
line-height:180%;
padding-bottom:5px;
}

.privacy04{
line-height:180%;
padding-bottom:20px;
text-align:right;
margin-bottom: 50px;
}

.privacy05{
border: 1px solid #aaaaaa;
padding: 15px;
width: 480px;
padding-top:20px;
line-height:180%;

}




.sitemap{
width: 615px;
position:relative;
overflow:hidden;
}
.sitemap-l{
width:297px;
float:left;
}
.sitemap-r{
width:297px;
float: right;
}
.sitemap-l p,.sitemap-r p{
background:url(../img/inner/icon03.gif) no-repeat 10px 18px;
padding: 15px 10px 15px 30px;
border-bottom: 1px dotted #aaaaaa;
line-height:150%;
}
.sitemap ul{
list-style:none;
padding-left: 30px;
padding-bottom:10px;
}
.sitemap li{
background:url(../img/inner/icon04.gif) no-repeat 0px 13px;
padding: 10px 0px 0px 15px;
}




.evebox{
width: 615px;
padding-bottom:25px;
border-bottom: 1px solid #8a8a8a;
margin-bottom:25px;
}





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

.cont_privacy{
width:545px;
padding:15px;
margin:15px auto;
border:1px solid #d1d1d1;
line-height:180%;
height: 200px;
overflow: auto;
}
.cont_privacy ol{
padding:0px 20px 20px 40px;
}
.cont_privacy p{
width:150px;
margin:0px 0px 0px auto;
}


.contact {
background:#FFFFFF;
width: 600px;
margin: 20px auto 20px auto;
}
.contact th{
width: 150px;
padding: 5px 10px;
text-align:left;
border-left: 2px solid #E80012;
background-color: #EEEEEE;
}
.contact td{
background: #FFFFFF;
padding: 5px 15px;
text-align:left;
vertical-align: bottom;
border-bottom:1px solid #EEEEEE;
}


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


#F-MAIL,#F-POST {width: 57%;margin: 0px 0px 0px 0px;}
#F-MAIL2 {width: 57%;margin: 0px 0px 0px 0px;}
#F-NAME,#F-TEL,#F-FAX,#F-NAME02 {width: 50%;margin: 0px 0px 0px 0px;}
#F-ADDRESS,#F-COMPANY { width: 90%; margin: 5px 0px 0px 0px;}
#F-MESSAGE { width: 100%; height: 150px;margin: 0px 0px 0px 0px;}
#F-ZIP {width: 30%;margin: 0px 0px 0px 0px;}
#sex01, #sex02{ vertical-align:top;}
#F-KOSU{width: 10%;}
/* ragio-btn */
#ITEM01,#ITEM02,#DESIGN01,#DESIGN02,
#ITEM03,#ITEM04,#ITEM05,#ITEM06,
#SHI01,#SHI02
{ margin-top: -2px;}

.conttxt{
font-size:10px;
letter-spacing:1px;
padding-left: 10px;
}
.cont-txt02{
font-weight: normal;
}












/*----------------------------------------------------------------------- guide ----*/

.guide_price{
width: 585px;
position:relative;
overflow:hidden;
margin-top:10px;
margin-bottom:25px;
}
.guide_price-l{
margin:0px auto;
float:left;
width: 300px;
}
.guide_price-l th{
border-bottom:1px solid #aaaaaa;
border-top:1px solid #aaaaaa;
padding:10px 15px;
font-weight:bold;
text-align:center;
line-height:150%;
background: #FFECC3;
}
.guide_price-l td{
border-bottom:1px dotted #777777;
padding:10px 15px;
text-align:right;
line-height:150%;
}
.guide_price-l td.w120{
width: 100px;
}
.guide_price-l td.w465{
width: 445px;
}
.r-bor{
border-right:1px dotted #777777;
}


.guide_price-r{
float:right;
width:260px;
padding-let:25px;
}


.guide_price02{
width: 585px;
margin: 10px auto;
border-top:1px solid #aaaaaa;
}
.guide_price02 td{
line-height:180%;
border-bottom:1px solid #aaaaaa;
padding:10px 20px;
}














.shop_img{
width:224px;
float:left;
}
.shop_txt{
width:370px;
float:left;
padding-top:10px;
padding-left:20px;
}

.shop_tab{
}
.shop_tab th{
width:70px;
text-align:left;
border-bottom:1px solid #E2E2E2;
padding:5px 0px;
vertical-align:top;
}
.shop_tab td{
border-bottom:1px solid #E2E2E2;
padding:5px 0px;
vertical-align:top;
}

.shop_tab td.price{
font-size:14px;
color:#ee0000;
font-weight:bold;
}


.cart_tabs{
background:#E2E2E2;
padding:10px 30px;
width:310px;
margin-top:25px;
}

.cart_btarea{
padding:5px 0px;
}

.rgt{
text-align:right !important ;
}

.shop_body{
line-height:180%;
padding-top:15px;
}




.long_box{
width:113px;
float:left;
padding:5px 5px 15px 5px;
}
.long_box h4{
font-size:12px;
}
.long_box p{
font-size:10px;
color:#666666;
}



.short_box{
width:195px;
float:left;
padding:5px 5px 15px 5px;
}
.short_box h4{
font-size:12px;
}
.short_box p{
font-size:10px;
color:#666666;
}





.long_box02{
width:92px;
float:left;
padding:5px 5px 15px 5px;
}
.long_box02 h4{
font-size:12px;
font-weight:normal;
}
.long_box02 p{
font-size:10px;
color:#666666;
}


.short_box02{
width:143px;
float:left;
padding:5px 5px 15px 5px;
}
.short_box02 h4{
font-size:12px;
font-weight:normal;
}
.short_box02 p{
font-size:10px;
color:#666666;
}



.butes{
text-align:center;
padding:25px 0px;
font-size:14px;
letter-spacing:3px;
}







.shop_ttl{
width: 585px;
border-top: 2px solid #1C4275;
padding: 8px 15px;
font-size:14px;
line-height:180%;
margin-bottom:10px;
background:url(../img/inner/ttl-back.gif) no-repeat right bottom #EEEEEE;
}



.s_list01{
list-style:none;
height:80px;
}
.s_list01 li{
float:left;
padding-right:12px;
}
.s_list01 li img{
vertical-align:bottom;
}

.s_list02{
list-style:none;
height:80px;
}
.s_list02 li{
float:left;
padding-right:11px;
}
.s_list02 li img{
vertical-align:bottom;
}






.shopmenu{
background:url(../img/inner/leftcate12.gif) repeat-y left top;
width: 200px;
border-bottom: 1px solid #1C4275;
margin-bottom:15px;
}
.shopmenu ul{
list-style:none;
}
.shopmenu02{
background: url(../img/inner/point12.gif) no-repeat 10px 8px;
line-height:150%;
padding: 4px 10px 4px 25px;
border-bottom:1px solid #E4D8A8;
margin: 0px 1px;
}
.shopmenu03{
background:url(../img/inner/leftcate14.gif) repeat-y left top;
padding: 0px 1px;
}
.shopmenu03 p{
background: url(../img/inner/point11.gif) no-repeat 20px 7px;
line-height:150%;
padding: 2px 10px 2px 30px;
border-bottom:1px dotted #E4D8A8;
}










.w720{
width:720px;
margin-left:auto;
margin-right:auto;
}


.cart_table{
border-bottom:1px solid #d4d4d4;
border-left:1px solid #d4d4d4;
}
.cart_table th{
border-top:1px solid #d4d4d4;
border-right:1px solid #d4d4d4;
text-align:center;
vertical-align:middle;
background:#f4f4f4;
padding:3px;
}
.cart_table td{
border-top:1px solid #d4d4d4;
border-right:1px solid #d4d4d4;
text-align:center;
vertical-align:middle;
padding:3px;
}

.cart_table td.rgt{
text-align:right;
}



.cat_bt{
width:250px;
margin:15px auto;
}
.cat_bt td{
text-align:center;
}




.cart_table02{
border-bottom:1px solid #d4d4d4;
border-left:1px solid #d4d4d4;
}
.cart_table02 th{
border-top:1px solid #d4d4d4;
border-right:1px solid #d4d4d4;
text-align:left;
vertical-align:middle;
background:#f4f4f4;
padding:7px 10px;
width:120px;
}
.cart_table02 td{
border-top:1px solid #d4d4d4;
border-right:1px solid #d4d4d4;
text-align:left;
vertical-align:middle;
padding:7px 10px;
}



.ttl01{
border-left:4px solid #C93A18;
padding:2px 8px;
font-size:14px;
margin-bottom:10px;
margin-top:30px;

}



.f450:focus,
.f350:focus,
.f300:focus,
.f200:focus,
.f100:focus,
.f50:focus,
.f30:focus,
.change_table textarea:focus{
background-color:;
}


.f450,
.f350,
.f300,
.f200,
.f100,
.f50,
.f30,
.change_table textarea{
background-color:;
}


.f350{
width:350px;
padding:1px;
border:1px solid #858585;
}
.f300{
width:300px;
padding:1px;
border:1px solid #858585;
}

.f450{
width:450px;
padding:1px;
border:1px solid #858585;
}

.f200{
width:200px;
padding:1px;
border:1px solid #858585;
}

.f100{
width:100px;
padding:1px;
border:1px solid #858585;
}

.f50{
width:50px;
padding:1px;
border:1px solid #858585;
}

.f30{
width:30px;
padding:1px;
border:1px solid #858585;
}


.mintxt{
font-size:10px;
}










/*----------------------------------------------------------------------- season ----*/
.season_sp{
width:615px;
padding-bottom:30px;
}
.season-l{
width: 290px;
float:left;
}
.season-r{
width: 290px;
float: right;
}
.season_sp h4{
width: 260px;
background: url(../img/spring/spring_ttl.gif) no-repeat left top;
height: 22px;
line-height:150%;
padding-left: 30px;
font-size:14px;
padding-top: 3px;
margin-bottom:15px;
}
.season_sp ul{
width: 290px;
position:relative;
height:265px;
}
.season_sp li{
position:absolute;
list-style:none;
}
.season_sp li.sea01{ top:0px; left:0px; }
.season_sp li.sea02{ top:0px; left:81px; }
.season_sp li.sea03{ top:0px; left:137px; }
.season_sp li.sea04{ top:0px; left:202px; }
.season_sp li.sea05{ top:182px; left:124px; }


.season_sp h4.sea_sm{
width: 260px;
background: url(../img/summer/summer_ttl.gif) no-repeat left top;
height: 22px;
line-height:150%;
padding-left: 30px;
font-size:14px;
padding-top: 3px;
margin-bottom:15px;
}