@charset "UTF-8";

/*default*/
* { margin: 0; padding: 0; }
img{ border: 0; }
/*default end*/



div#contents{ width: 950px; text-align: left; background: url(../../img/ipn/200810_side_bg.gif) repeat-y; margin: 0 auto 38px auto; }
div#contents h1{ background: #fff; padding: 11px 0; }

div#contentsInner{ min-height: 1%; background: url(../../img/ipn/200810_side_bg_foot.gif) no-repeat 0 100%; padding: 0 0 12px 0; }
div#contentsInner:after{ content: "."; display: block; height: 0px; clear: both; visibility: hidden; }
* html div#contentsInner{ height: 1%; }
/*\*//*/
* html div#contentsInner{ height: inherit; display: inline-table; }
/**/

div#leftside{ width: 165px; float: left; background: url(../../img/ipn/200810_side_bg_head.gif) no-repeat; padding: 12px 0; }
div#leftside ul.menu{ background: url(../../img/ipn/200810_side_bg_list_head.gif) no-repeat #fff; margin: 4px 16px 0 12px; padding: 10px 0 0 0; }
div#leftside ul.menu li{ list-style-type: none; line-height: 1.6; background: url(../../img/ipn/200810_side_bg_list_line_dotted.gif) no-repeat 50% 100%; margin: 0 0 10px 0; padding: 0 5px 10px 5px; }
div#leftside ul.menu li.last{ background: url(../../img/ipn/200810_side_bg_list_foot.gif) no-repeat 0 100%; }
div#leftside ul.menu li span{ display: block; background: url(../../img/ipn/200810_side_icon_list.gif) no-repeat 0 .3em; padding: 0 0 0 20px; }
div#leftside ul.menu li.open span{ background: url(../../img/ipn/200810_side_icon_list_on.gif) no-repeat 0 .3em; }
div#leftside ul.menu li a{ color: #ff6c00; }
div#leftside ul.menu li ul.sub, div#leftside ul.menu li ul.sub li{ background: none; margin: 0; padding: 0; }
div#leftside ul.menu li ul.sub li{ padding: 0 5px 0 15px; }
* html div#leftside ul.menu li ul.sub li{ height: 1%; }
div#leftside ul.menu li ul.sub li span{ background: url(../../img/ipn/200810_side_icon_list.gif) no-repeat 0 .3em; }

div#main{ width: 768px; float: right; }
div#main p{ line-height: 1.6; }
/*\*//*/
* html div#main div.lead{ height: inherit; display: inline-table; }
/**/
div#main h2 {
margin: 0 0 .5em 0;
}
div#main p.signature {
background:#FFFFFF url(../img/200810_bg_box_top.gif) no-repeat bottom;
width: 765px;
padding: 0 0 36px 0;
text-align: right;
}
div#main p.signature img{ margin: 0 10px 0 0; }
div#main div.box {
background: url(../img/200810_bg_box_center.gif) repeat-y;
padding: 0;
width: 765px;
}
div#main div.box a {
color:#FF6C00;
text-decoration: underline;
}
div#main div.box div.boxBottom{
background: url(../img/200810_bg_box_bottom.gif) bottom no-repeat;
padding: 0 30px 0 30px;
}
div#main div.box h3 {
background: url(/img/recipeone/line.jpg) repeat-x bottom;
padding: 0 0 .8em 0;
margin: 0 0 10px 0;
font-weight: bold;
color: #FF6600;
font-size: 1.1em;
}
div#main div.box ul {
clear: both;
font-size:0.9em;
}
div#main div.box ul li {
float: left;
background: url(../img/200810_bg_thumb.gif) no-repeat;
list-style: none;
width: 112px;
text-align: center;
}
div#main div.box ul li a.caption {
display: block;
padding: 0 5px;
}
div#main div.box ul li img {
margin: 12px 1px 17px 0;
}
div#main div.box div.section {
margin: 0 0 2em 0;
clear: both;
}
div#main div.box div.wrap1 {
float: left;
width: 345px;
}
div#main div.box div.wrap2 {
float: right;
width: 345px;
}
div#main div.box div.wrap3 {
float: left;
width: 460px;
}
div#main div.box div.wrap4 {
float: right;
width: 240px;
}
div#main div.box div.wrap {
margin: 0 0 2em 0;
clear: both;
}
div#main div.box div.wrap ul,
div#main div.box div.wrapLast ul {
margin: 0 0 1.4em 0;
}
div#main div.box div.wrapLast {
padding: 0 0 30px 0;
clear: both;
}

div#main div.box div.wrapLast,
div#main div.box div.section {
height: 1%;
}

div#main div.box div.wrap ul:after,
div#main div.box div.wrapLast ul:after,
div#main div.box div.section:after,
div#main div.box div.wrapAll:after,
div#main div.box div.wrapLast:after,
div#main div.box div.wrap:after { content: "."; display: block; height: 0px; clear: both; visibility: hidden; }