@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;}
.kitaakari-h2{background: url(../img/sweet_1.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-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;}




.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/kitaakari_bana1.gif) no-repeat 5px 0;}
.middle-box img{float: left; margin: 0 20px 10px 20px; clear: both;}





.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;background: url(../img/kitaakari_bana2.gif) no-repeat 5px 0;}
.middle-box2 img{float: right; margin: 10px 20px 0 20px;}
.middle-box2 p{width: auto; height: auto; margin: 0 20px 10px 30px;}




.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 table{width: 350px; height: auto; float: left; margin: 0 30px 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; border: 1px solid #ff8c00;}
.use-material2 table td span{width: auto; height: auto; margin: 0 0 5px 0; padding: 0 0 0 10px; background: #ffc25c; display: block;}

#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 30px;}
.bottom img{float: left; margin: 0 0 10px 10px;}
.bottom span{width: 250px; height: auto; float: left; margin: 10px 10px 10px 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 h4{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;}