@import "base.css";


.left-main h2{width: auto; height: 50px; margin: 0 0 10px 0; background: url(../img/bana_recipi.gif) no-repeat 10px 0; text-indent: -9999px; overflow: hidden}


.left-main h3{width: auto; height: auto; margin: 0 30px 10px 30px; padding: 0 0 0 30px; font-weight: bold; color: #887058; border: 1px solid #b69e86; background: #fffff1; clear: both;}

.left-main ul{width: 100%; height: auto; margin: 20px 0}
.left-main ul:after{display:block; content:""; height:1px; margin-top:-1px; clear:both}
.left-main ul li{width: 130px; height: auto; float: left; margin: 0 0 10px 0; text-align: center}
.left-main ul li span{width: auto; height: auto; margin: 0 auto; padding: 0 10px; display: block}


.left-main div{width: 550px; height: auto; margin: 0 30px 10px 30px; padding: 0 0 10px 0; clear: both; border: 1px solid #baa28a; background: #fff8f8}
.left-main div:after{display:block; content:""; height:1px; margin-top:-1px; clear:both}

.left-main h4{width: auto; height: auto; margin: 0 0 10px 0; padding: 3px 0 3px 30px; background: #baa28a; color: #ffe764;}

.left-main div p{width: auto; height: auto; margin: 10px 50px 10px 20px;}

.left-main div ul{width: 330px; height: auto; margin: 0 0 20px 10px; padding: 10px 0; background: #fef8d4; border: 1px solid #ccc}
.left-main div ul li{width: auto; height: auto; float: none; padding: 0 10px; text-align: left}


.left-main div dl{width: 300px; height: auto; margin: 0 0 10px 40px; padding: 10px 0}
.left-main div dl dt{width: auto; height: auto; margin: 0 0 10px; text-indent: 20px}


.left-main div img{margin: 15px 10px 0 10px; float: right; clear: both;}