@charset "UTF-8";

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; }
div#main div.lead{ min-height: 1%; padding: 0 0 12px 0; }
div#main div.lead:after{ content: "."; display: block; height: 0px; clear: both; visibility: hidden; }
* html div#main div.lead{ height: 1%; }
/*\*//*/
* html div#main div.lead{ height: inherit; display: inline-table; }
/**/
div#main div.lead div.notes{ width: 460px; float: left; }
div#main div.lead div.notes h2{ margin: 0 0 12px 0; }
div#main div.lead div.notes p{ margin: 0 0 1em 0; }
div#main div.lead p.photo{ width: 300px; float: right; }
div#main ul.searchList{ width: 760px; height: 303px; position: relative; }
div#main ul.searchList li{ position: absolute; top: 0; list-style-type: none; }
div#main ul.searchList li.item4, div#main ul.searchList li.item5{ top: 157px; }
div#main ul.searchList li.item1{ left: 0; }
div#main ul.searchList li.item2{ left: 257px; }
div#main ul.searchList li.item3{ left: 514px; }
div#main ul.searchList li.item4{ left: 124px; }
div#main ul.searchList li.item5{ left: 381px; }

/*
for IE 7 only hack ( for float )
*:first-child+html div#test{ min-height: 1%; }

for Modern browser (FF Safari Opera NN...etc) ( for float )
div#test:after{ content: "."; display: block; height: 0px; clear: both; visibility: hidden; }

for IE6 IE5.5 IE5 hack ( for float etc... )
* html div#test{ height: 1%; }
*/