@charset "UTF-8";

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

div#contentsInner{ min-height: 1%; background: url(../img/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/200810_side_bg_head.gif) no-repeat; padding: 12px 0; }
div#leftside ul.menu{ background: url(../img/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/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/200810_side_bg_list_foot.gif) no-repeat 0 100%; }
div#leftside ul.menu li span{ display: block; background: url(../img/200810_side_icon_list.gif) no-repeat 0 .3em; padding: 0 0 0 20px; }
div#leftside ul.menu li.open span{ background: url(../img/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/200810_side_icon_list.gif) no-repeat 0 .3em; }

div#main{ width: 768px; float: right; }
div#main p{ line-height: 1.6; }
div#main p.date{ margin: 0; padding: 0; }
div#main p sup{ vertical-align: top; }
div#main p sub{ vertical-align: middle; }
div#main div.lead{ background: url(../img/200810_contents_bg_main.gif) repeat-y; margin: 0 0 18px 0; }
div#main div.leadInner{ min-height: 1%; background: url(../img/200810_contents_bg_main_foot.gif) no-repeat 0 100%; padding: 0 0 30px 0; }
div#main div.leadInner:after{ content: "."; display: block; height: 0px; clear: both; visibility: hidden; }
* html div#main div.leadInner{ height: 1%; }
/*\*//*/
* html div#main div.leadInner{ height: inherit; display: inline-table; }
/**/
div#main div.leadInner div.notes{ width: 475px; float: left; background: url(../img/200810_contents_bg_main_notes.gif) no-repeat; }
div#main div.leadInner div.notes h2{ width: 117px; height: 90px; float: left; }
div#main div.leadInner div.notes h2 img{ margin: 0 0 0 16px; }
div#main div.leadInner div.notes p{ margin: 0 25px 1em 35px; }
div#main div.leadInner div.notes p.first{ padding: 60px 0 0 0; }
div#main div.leadInner div.notes span{ height: 64px; }
div#main div.leadInner div.picture{ width: 293px; float: right; background: url(../img/200810_contents_bg_main_picture.gif) no-repeat; padding: 59px 0 0 0; }
div#main div.leadInner div.picture p{ margin: 0 36px 0 0; }
* html div#main div.leadInner div.picture p{ margin: 0 34px 0 0; }
div#main div.leadInner div.picture p.sign{ text-align: right; padding: 40px 0 0 0; }

div#main h3.update{ float: none; clear: both; color: #fff; background: url(../img/200810_bg_update.gif) no-repeat; margin: 0 0 16px 0; }
div#main h3.update span{ display: block; background: url(../img/200810_bg_update_foot.gif) no-repeat 0 100%; padding: 10px 18px 12px 18px; }
div#main h3.update span img{ vertical-align: middle; margin: 0 0 0 10px; }
div#main div.section{ min-height: 1%; background: url(../img/200810_bg_section.gif) repeat-x 0 100%; margin: 0 6px 18px 18px; padding: 0 0 8px 0; }
div#main div.section:after{ content: "."; display: block; height: 0px; clear: both; visibility: hidden; }
* html div#main div.section{ height: 1%; }
/*\*//*/
* html div#main div.section{ height: inherit; display: inline-table; }
/**/
div#main div.section p.photo{ width: 179px; height: 138px; position: relative; float: left; background: url(../img/200810_bg_photo.gif) no-repeat; }
div#main div.section p.photo img{ position: absolute; top: 16px; left: 21px; }
div#main div.section div.notes{ width: 543px; float: right; }
div#main div.section div.notes h4{ color: #FF6600; background: url(../img/200810_bg_section_title.gif) repeat-x 0 100%; padding: 0 0 18px 0; }
div#main div.section div.notes h4, div#main div.section div.notes p{ margin: 0 0 .5em 0; }
div#main div.section div.notes p.button{ text-align: right; }
div#main p.nextUpdate{ color: #ff8400; text-align: right; }

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