@import "base.css";


.top-box{width: auto; height: auto; margin: 0 0 10px 0;}
.top-box h2{width: auto; height: 50px; margin: 0 0 5px 0; text-indent: -9999px; overflow: hidden;}
.beancurry-h2{background: url(../img/curry_1.gif) no-repeat;}
.nagaimocurry-h2{background: url(../img/curry_2.gif) no-repeat;}
.mangocurry-h2{background: url(../img/curry_3.gif) no-repeat;}
.pumpkincurry-h2{background: url(../img/curry_4.gif) no-repeat;}
.peppercurry-h2{background: url(../img/curry_5.gif) no-repeat;}
.lotusrootcurry-h2{background: url(../img/curry_6.gif) no-repeat;}
.carrotcurry-h2{background: url(../img/curry_7.gif) no-repeat;}
.eggplantcabonarta-h2{background: url(../img/curry_8.gif) no-repeat;}
.rootvegetable-h2{background: url(../img/curry_10.gif) no-repeat;}




.top-box p{width: auto; height: auto; margin: 0 20px 10px 10px; padding: 5px 50px; background: #ffdf79;}



.use-material{width: 560px; height: auto; margin: 0 0 10px 20px; clear: both;}
.use-material:after{display:block; content:""; height:1px; margin-top:-1px; clear:both;}

.use-material3 h2{width: auto; height: 50px; margin: 0 0 5px 0; text-indent: -999px; overflow: hidden;}
.use-material div{width: 100%; height: auto; margin: 0 0 10px 0; background: #ffdf79; clear:both;}
.use-material div:after{display:block; content:""; height:1px; margin-top:-1px; clear:both;}

.use-material p{width: 330px; height: auto; float: right; margin: 10px 10px 0 0;}
.use-material img{float: left; margin: 0;}

.use-material dl{width: 100%; height: auto; margin: 0 0 10px 0; padding: 0 0 10px 0; border: 1px solid #674f37; clear: both;}
.use-material dl:after{display:block; content:""; height:1px; margin-top:-1px; clear:both;}

.use-material dl dt{width: auto; height: auto; margin: 0 0 10px 0; padding: 3px 0; border-bottom: 1px solid #674f37; text-align: center; background: #ffc25c;}
.use-material dl dd{width: 170px; height: auto; float: left; margin: 0 0 0 10px; text-indent: 10px; font-size: 13px; font-weight: bold;}
.use-material dl dd span{width: auto; height: auto; margin: 0 0 5px 0; font-size: 13px; font-weight: normal; display: block;}




.use-material3{width: 600px; height: auto; margin: 0; clear: both;}
.use-material3:after{display:block; content:""; height:1px; margin-top:-1px; clear:both;}
.use-material3 div{width: 100%; height: auto; margin: 0 0 10px 0; background: #ffdf79; clear:both;}
.use-material3 div:after{display:block; content:""; height:1px; margin-top:-1px; clear:both;}

.use-material3 p{width: 360px; height: auto; float: right; margin: 10px 20px 0 0;}
.use-material3 img{float: left; margin: 0;}

.use-material3 dl{width: 250px; height: auto; float: left; margin: 0 10px 10px 10px; padding: 0 0 10px 0; border: 1px solid #674f37; clear: both;}
.use-material3 dl dt{width: auto; height: auto; margin: 0 0 10px 0; padding: 3px 0; border-bottom: 1px solid #674f37; text-align: center; background: #ffc25c;}
.use-material3 dl dd{width: auto; height: auto; margin: 0 0 0 10px; text-indent: 10px; font-size: 13px; font-weight: bold;}
.use-material3 dl dd span{width: auto; height: auto; margin: 0 0 5px 0; font-size: 13px; font-weight: normal; display: block;}

.use-material3 table{width: 290px; height: auto; float: left; margin: 0 0 10px 0;}
.use-material3 table caption{width: 290px; margin: 0; padding: 3px 0; border-top: 1px solid #333; border-right: 1px solid #333; border-left: 1px solid #333; background: #ffc25c;}
.use-material3 table th{border: 1px solid #333; margin: 0; padding: 3px 5px 3px 10px; background: #ffffe1;}
.use-material3 table td{border: 1px solid #333; margin: 0; padding: 3px 5px 3px 10px;}




.cart{width: 600px; height: auto; margin: 0 0 10px 0; padding: 10px 0; background: #b8a088; clear: both;}
.cart:after{display:block; content:""; height:1px; margin-top:-1px; clear:both;}
.cart div{width: 194px; height: auto; float: left; margin: 0 0 10px 3px; border-left: 1px solid #fff; text-align: center;}
.cart span{width: auto; height: auto; margin: 0 10px 5px 10px; display: block; text-align: left;}




.middle-box{width: 560px; height: auto; margin: 0 0 10px 20px; clear: both;}
.middle-box h3{width: auto; height: 50px; margin: 0 0 5px 0; text-indent: -999px; overflow: hidden; background: url(../img/bana_hatake.gif) no-repeat 5px 0;}

.middle-box table{width: 550px; height: auto; margin: 0 5px 10px 5px;}
.middle-box table th{width: 100px; height: auto; padding: 3px 0; text-indent: 10px; border: 1px solid #674f37; background: #ffc25c; font-weight: bold;}
.middle-box table td{width: auto; height: auto; padding: 5px 0 5px 10px; border: 1px solid #674f37;}
.middle-box img{float: right; margin: 0 10px 0 0;}




.middle-box2{width: 560px; height: auto; margin: 0 0 20px 20px; clear: both;}
.middle-box2:after{display:block; content:""; height:1px; margin-top:-1px; clear:both;}
.middle-box2 h3{width: auto; height: 50px; margin: 0 0 5px 0; text-indent: -999px; overflow: hidden;}
.middle-box2 #beancurry-h3_2{background: url(../img/bana_karada.gif) no-repeat 5px 0;}
.middle-box2 #beancurry-h3_3{background: url(../img/bana_chigai.gif) no-repeat 5px 0;}


.middle-box2 p{width: auto; height: auto; margin: 0 20px 10px 50px;}
.middle-box2 h4{width: auto; height: auto; margin: 0 20px 5px 30px; font-weight: bold; color: #674f37;}
.middle-box2 #beancurry-h3_4{background: url(../img/bana_sptuite.gif) no-repeat 5px 0;}


.middle-box2 img{float: left; margin: 10px 30px 0 10px;}
.middle-box2 span{margin: 20px 20px 0 0; display: block;}




.use-material2{width: 600px; height: auto; margin: 0 0 20px 0; clear: both;}
.use-material2:after{display:block; content:""; height:1px; margin-top:-1px; clear:both;}

.use-material2 h2{width: auto; height: 50px; margin: 0 0 5px 0; text-indent: -999px; overflow: hidden;}
.use-material2 div{width: 560px; height: auto; margin: 0 0 10px 20px; background: #ffdf79; clear:both;}
.use-material2 div:after{display:block; content:""; height:1px; margin-top:-1px; clear:both;}
.use-material2 div p{width: 330px; height: auto; float: right; margin: 10px 10px 0 0;}
.use-material2 div img{float: left; margin: 0;}

.use-material2 dl{width: 560px; height: auto; margin: 0 0 10px 20px; padding: 0 0 10px 0; border: 1px solid #674f37; clear: both;}
.use-material2 dl:after{display:block; content:""; height:1px; margin-top:-1px; clear:both;}
.use-material2 dl dt{width: auto; height: auto; margin: 0 0 10px 0; padding: 3px 0; border-bottom: 1px solid #674f37; text-align: center; background: #ffc25c;}
.use-material2 dl dd{width: 170px; height: auto; float: left; margin: 0 0 0 10px; text-indent: 10px; font-size: 13px; font-weight: bold;}
.use-material2 dl dd a{width: auto; height: auto; margin: 0 0 5px 0; font-size: 13px; font-weight: normal; display: block;}

.use-material2 table{width: 350px; height: auto; float: left; margin: 0 10px 10px 10px;}
.use-material2 table th{width: 100px; height: auto; padding: 3px 0; text-indent: 10px; border: 1px solid #ff8c00; background: #fff96d;}
.use-material2 table td{width: auto; height: auto; padding: 3px 10px; text-indent: 10px; border: 1px solid #ff8c00;}




.material-info table{width: 350px; height: auto; float: left; margin: 0 20px 10px 10px;}
.material-info table th{width: 100px; height: auto; padding: 3px 0; text-indent: 10px; border: 1px solid #ff8c00; background: #fff96d;}
.material-info table td{width: auto; height: auto; padding: 3px 10px; text-indent: 10px; border: 1px solid #ff8c00;}




#konpou-box{clear: both; margin: 10px 0 0 0;}




.bottom{width: 100%; height: auto; margin: 0 0 10px 0; clear: both;}
.bottom:after{display:block; content:""; height:1px; margin-top:-1px; clear:both;}
.bottom h3{width: 100%; height: 25px; margin: 0 0 10px 0; text-indent: -999px; overflow: hidden;}
#bottom-h5-1{background: url(../img/bana_sef.gif) no-repeat;}
#bottom-h5-2{background: url(../img/bana_arr.gif) no-repeat;}


.bottom p{width: auto; height: auto; margin: 0 30px 10px 0;}
.bottom p strong{width: auto; height: auto; margin: 20px 0 20px 20px; padding: 5px 20px; background: #ffe7e7;}
.bottom img{float: left; margin: 0 20px 10px 10px;}
.bottom span{width: 250px; height: auto; float: left; margin: 10px; padding: 10px; border: 1px solid #b69e86; display: block; background: #fffff1; display: block;}




.bottom2{width: 500px; height: auto; margin: 0 50px 10px 50px; background: #fff5b7; clear: both;}
.bottom2:after{display:block; content:""; height:1px; margin-top:-1px; clear:both;}
.bottom2 h6{width: auto; height: auto; margin: 0 0 10px 0; padding: 2px 0 2px 30px; font-weight: bold; background: #ffdac1}
.bottom2 img{float: left; margin: 0 20px 10px 10px;}
.bottom2 p{width: auto; height: auto; margin: 0 30px 10px 30px;}