@charset "EUC-JP"; /*   文字コード   */

/*   全体   */
body				{ margin: 0px; padding: 0px; background: #232323 url(/nol/index_image/bg_dark.jpg); }
a img				{ border: none; }
ul,ol				{ margin: 8px 0 8px 40px; padding: 0; }
li				{ margin: 2px 0; }
p				{ margin: 0px 0px 14px 0px; padding: 0px; }
div.clear			{ clear: both; font-size: 1px; }
hr				{ display: none; }
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */
/*   基本枠   */
#whole				{ width: 802px; background: #232323; }
#outline			{ border-left: solid 1px #000; border-right: solid 1px #000; }
#inline				{ border-left: solid 1px #7B0000; border-right: solid 1px #7B0000; background: url(/nol/developer/img/bg_right.jpg) 280px 145px no-repeat;  }
/*   ヘッダー   */
#iframe				{ width: 798px; height: 70px; }
#header				{ width: 798px; margin: 20px 0px 25px 0px; text-align: center; }
#header p			{ margin: 0px; }
.alteration			{ margin: 20px 19px 25px 19px; font-size: 16px; letter-spacing: 1px; }
.alteration p			{ margin: 0px; }
/*   メイン   */
#content			{ width: 647px; font-size: 16px; letter-spacing: 1px; line-height: 22px; float: left; }
#area				{ margin: 0px 0px 0px 19px; }
.sub_title			{ border-left: solid 7px #FFF; border-bottom: solid 1px #FFF; }
.sub_title h3			{ margin: 0px; padding: 0px; text-indent: -9999px; height: 21px; }
.date				{ margin-right: 10px; color: #CCC; float: right; }
.date p				{ margin: 0px; }
.left_pic			{ margin-right: 15px; float: left; }
.right_pic			{ margin-left: 15px; float: right; }
.message			{ margin-bottom: 15px; padding: 15px; color: #ADADAD; cursor: default; clear: right; }
/*   右サイド   */
select.back			{ font-size: 12px; color: #ADADAD; background: #333; letter-spacing: 1px; width: 128px; }
#page_top			{ width: 135px; margin-bottom: 20px; float: right; margin-left: 200px; }
.to_top				{ width: 109px; font-size: 1px;}
.to_top a			{ height: 16px; background: url(/nol/developer/img/page_top.gif) no-repeat; text-decoration: none; display: block; }
.to_top span			{ display: none; }
.to_top a:hover			{ background: url(/nol/developer/img/page_top.gif) 0px -16px no-repeat; }
/*   フッター   */
#footer				{ clear: both; border-top: solid 1px #000; border-bottom: solid 1px #000; font-size: 12px; color: #ADADAD; letter-spacing: 1px; }
#footer p			{ margin: 0px; }
.copy_right			{ border-top: solid 1px #7B0000; border-bottom: solid 1px #7B0000; text-align: center; background: #333; padding: 7px 0px; cursor: default; }
.space				{ height: 30px; }
/*   リンク   */
a:link				{ color: #F80; }
a:visited			{ color: #F80; }
a:hover				{ color: #C00; }


/*   バックナンバー   */
#back_number			{ width: 140px; font-size: 12px; position: absolute; left: 660px; top: 176px; }
#back_number p			{ margin: 0px; }
#bk_title			{ color: #777; cursor: default; background: url(/nol/developer/img/backnumber_top.gif) no-repeat; display: block; height: 20px; }
#bk_title:hover			{ background-position: 0 -20px; }
#bk_title span			{ font-size: 1px; text-indent: -9999px; display: block; }

#bk					{ display: none; z-index: 50; cursor: pointer; }
#bk ul.dd			{ padding-bottom: 2px; background: url(/nol/developer/img/backnumber_bottom.gif) left bottom no-repeat; }
.dd, .dd ul, .dd li	{ padding: 0px; margin: 0px; line-height:0; font-size:0; }
.dd li				{ position: relative; display: block; width: 128px; list-style-type: none; }
.dd li a, .dd li a:link, .dd li a:visited
					{ display: block; background: url(/nol/developer/img/backnumber_middle.gif) left repeat-y; font-size: 12px; line-height: 20px; text-indent: 18px; color: #777; text-decoration: none;  }
.dd li a:hover		{ background: url(/nol/developer/img/backnumber_middle.gif) right repeat-y; color: #fff; }
.dd ul				{ visibility: hidden; position: absolute; left: -128px; top: -22px; }
.dd li:hover > ul	{ visibility: visible; padding-bottom: 2px; background: url(/nol/developer/img/backnumber_bottom.gif) left bottom no-repeat; border-top: #808080 2px solid; }