@charset "UTF-8";

/* reset */
#main {
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:169px;
}
#main .summary .photo img {
margin-top:-15px;
margin-left:14px;
}
#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 ul {
margin-bottom:10px;
border-top:1px dotted #ccc;
padding-top:10px;
}
#main .summary .about li {
margin-bottom:18px;
padding:0 8px;
}
#main .summary .about ul p {
margin:-20px 0 0;
text-align:right;
}

/* information box */
#main .summary .about .information {
margin:10px 0;
}
#main .summary .about .information h4 {
margin-bottom:7px;
font-weight:normal;
}
#main .summary .about .information ul {
list-style:disc outside;
margin-bottom:9px;
margin-left:1.5em;
padding-top:0;
border-top:none;
font-size:0.83em;
}
#main .summary .about .information li {
margin-bottom:0;
padding:0;
}
#main .summary .about .information ul span {
color:#CB4B3B;
}
#main .summary .about .information p {
font-size:0.83em;
}

/* links box */
#main .links {
clear:both;
padding-top:10px;
}
#main .links ul {
float:right;
height:25px;
margin-bottom:30px;
margin-left:133px;
padding-top:10px;
padding-left:150px;
border-top:1px dotted #ccc;
}
#main .links li {
float:left;
margin-left:2px;
}

/* info box */
#main .info {
margin-bottom:19px;
}

/* point box */
#main .point h3 {
margin-bottom:11px;
}
#main .point p {
margin-bottom:22px;
padding:0 7px;
}
#main .point p img {
margin-left:4px;
vertical-align:bottom;
}

/* 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 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-top:21px;
margin-left:54px;
}
#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 {
list-style:disc outside;
margin-bottom:10px;
font-size:0.83em;
}
#main .box1 li {
margin-left:1.5em;
}
#main .box1 strong {
font-size:0.83em;
font-weight:bold;
}

/* 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;
}
