@charset "UTF-8";

/* reset */
#main {
position:relative;
width:680px;
}
#main h2 {
margin-bottom:29px;
}
#main h3 {
margin:20px 0 5px;
}

/* summary box */
#main .summary {
height:100%;
}
#main .summary .photo {
float:left;
width:280px;
}
#main .summary .photo img {
margin-top:22px;
margin-left:-4px;
}
#main .summary .about {
float:right;
width:400px;
border-top:1px dotted #ccc;
border-bottom:1px dotted #ccc;
}
#main .summary .about h3 {
margin-bottom:10px;
}
#main .summary .about h4 {
margin-top:10px;
}
#main .summary .about p {
border-bottom:1px dotted #ccc;
padding-bottom:50px;
}
#main .summary .about ul {
height:74px;
border-bottom:1px dotted #ccc;
padding-top:10px;
}
#main .summary .about .head {
height:auto;
border-bottom:none;
}
#main .summary .about .tail {
height:45px;
border-bottom:none;
}
#main .summary .about li {
float:left;
width:183px;
padding:0 8px;
}
#main .summary .about .head li {
float:none;
width:auto;
}
#main .summary .about ul .first {
width:182px;
border-right:1px dotted #ccc;
}
#main .summary .about ul select,
#main .summary .about ul input {
vertical-align:middle;
}
#main .summary .about .head img {
margin-bottom:9px;
}
#main .summary .about .head p {
margin-left:12px;
padding-bottom:0;
border-bottom:none;
}

/* others box */
#main .others {
position:relative;
clear:both;
padding-top:10px;
zoom:100%;
}
#main .others .link {
position:absolute;
bottom:-32px;
left:0;
}
#main .others .link p {
margin-top:5px;
margin-left:5px;
}
#main .others .recommend {
margin-left:280px;
padding:15px;
background-color:#FFF1E9;
}
#main .others .recommend h4 {
margin-bottom:10px;
font-weight:normal;
}
#main .others .recommend ul {
list-style:disc outside;
}
#main .others .recommend li {
margin-left:1.5em;
}

/* links box */
#main .links {
padding-top:20px;
}
#main .links ul {
float:right;
height:25px;
margin-bottom:30px;
}
#main .links li {
float:left;
margin-left:2px;
}

/* ingred box */
#main .ingred {
width:676px;
margin:0 auto;
}
#main .ingred h4 {
clear:left;
}
#main .ingred h4 img {
float:left;
}
#main .ingred li {
float:left;
}

/* details box */
#main .details h4,
#main .details p {
margin:0 5px;
}
#main .details h4 {
margin-bottom:10px;
}
#main .details p {
margin-bottom:20px;
}

/* howto box */
#main .box1 {
margin-bottom:20px;
background:#fff url(../img/box1_bg_inner.png) left top repeat-y;
}
#main .box1 .inner {
padding-top:7px;
background:transparent url(../img/box1_bg_header.png) left top no-repeat;
}
#main .box1 .footer {
clear:left;
height:7px;
background:transparent url(../img/box1_bg_footer.png) left bottom no-repeat;
}
#main .box1 .photo {
float:left;
margin-bottom:20px;
margin-left:60px;
}
#main .box1 h4,
#main .box1 p,
#main .box1 ul {
width:380px;
margin-left:270px;
}
#main .box1 h4 {
margin-top:20px;
*margin-top:0;
margin-bottom:15px;
}
#main .box1 p {
margin-bottom:10px;
}
#main .box1 ul {
font-size:0.85em;
list-style:disc outside;
}
#main .box1 li {
margin-left:1.5em;
}

/* notes box */
#main .notes {
margin-bottom:17px;
padding-bottom:30px;
border-top:1px dotted #ccc;
border-bottom:1px dotted #ccc;
font-size:0.85em;
}

/* products-navi box */
#main .products-navi ul {
float:right;
height:30px;
margin-bottom:40px;
}
#main .products-navi ul li {
float:left;
margin-left:15px;
}

/* to page top link */
#main .top01 {
clear:both;
}