@charset "utf-8";
/* �f�t�H���g�X�^�C���N���A */
@import "reset.css";
/* �t�b�^�[�X�^�C���K�p */
@import "footer.css";

body { background-color: #000; text-align: center; }
.clearfix { display: inline-block; }
#wrap { width: 100%; background-image: url(../images/parts/back_01.jpg); background-repeat: no-repeat; background-position: center -230px; margin: 0 auto; }
#main { background-image: url(../images/parts/back_01.jpg); background-repeat: no-repeat; background-position: center -230px; width: 960px; margin: 0 auto; }
/*<agl.folder "header">*/
	#header { text-align: left; padding-top: 130px; margin-left: 60px; width: 840px; margin: 0 auto; }
	#header strong img { margin-left: 210px }
	#header ol { margin-top: 20px; width: 325px; height: 20px; display: block; }
	#header ol li { display: inline; float: left }
	#header ol li a { background-image: url("../images/parts/btn_01.jpg"); text-indent: -9999px }
	#header ol li a#menu_01 { background-position: 0 0; display: block; width: 35px; height: 20px; overflow: hidden }
	#header ol li a#menu_02 { background-position: -35px 0; display: block; width: 55px; height: 20px; overflow: hidden }
	#header ol li a#menu_03 { background-position: -90px 0; display: block; width: 65px; height: 20px; overflow: hidden }
	#header ol li a#menu_04 { background-position: -155px 0; display: block; width: 75px; height: 20px; overflow: hidden }
	#header ol li a#menu_05 { background-position: -230px 0; display: block; width: 60px; height: 20px; overflow: hidden }
	#header ol li a#menu_06 { background-position: -290px 0; display: block; width: 35px; height: 20px; overflow: hidden }
	#header ol li a:hover#menu_01 { background-position: 0 -20px }
	#header ol li a:hover#menu_02 { background-position: -35px -20px }
	#header ol li a:hover#menu_03 { background-position: -90px -20px }
	#header ol li a:hover#menu_04 { background-position: -155px -20px }
	#header ol li a:hover#menu_05 { background-position: -230px -20px }
	#header ol li a:hover#menu_06 { background-position: -290px -20px }
/*</agl.folder>*/
#top { margin-left: 60px; width: 840px; padding-top: 10px; letter-spacing: 1px; margin: 0 auto; }
#top #left { color: #555; float: left; width: 385px; font-size: 10px; line-height: 2; }
#top #right { color: #999; float: right; width: 455px; }
#top #right p { font-size: 10px; line-height: 2; }
#top #right p a { color: #999; text-decoration: underline; }
#top #right p a:hover { color: #f63; text-decoration: none }
#pan { text-align: right; color: #999; font-size: 10px; width: 840px; margin-bottom: 10px }
#pan li { display: inline; padding-left: 10px; float: right }
#pan li a { color: #999; text-decoration: underline; margin-right: 10px }
#pan li a:hover { color: #09F; text-decoration: none }
#pan li h1 { font-weight: bold }
#mask_news  { background-image: url("../images/parts/mask_01.gif"); background-repeat: repeat; margin: 0 auto; width: 840px; min-height: 440px; overflow: hidden; _padding-bottom: 20px }
#mask_news ol { padding: 20px; _padding-bottom: 0; }
#mask_news ol li { color: #fff; font-size: 12px; line-height: 2; }
#mask_news ol li span { font-weight: bold; }
#mask_news ol li a { color: #999; text-decoration: underline; }
#mask_news ol li a:hover { color: #f63; text-decoration: none }
#mask_news dl { padding: 0 0 20px; _padding-bottom: 0; font-size: 12px; color: #fff; text-align: left; width: 800px; line-height: 1.5; margin-top: 10px }
#mask_news dl dt { margin-top: 10px; width: 150px; float: left }
#mask_news dl dd { _width: 640px; white-space: nowrap; margin-top: 10px; overflow: auto }
#mask_news #left { padding-top: 20px; padding-left: 20px; position: relative; float: left }
#mask_news #left #title { position: absolute; top: 349px; left: 30px; width: 305px }
#mask_news #left #title h2 { color: #fff; font-size: 14px; font-weight: bold }
#mask_news #left #title p { color: #fff; font-size: 12px; position: relative; top: 10px }
#mask_news #left #title ul { color: #fff; font-size: 12px; position: relative; top: 12px }
#mask_news #left #title ul li { display: inline; margin-right: 10px; float: left }
#mask_news #right { color: #fff; font-size: 14px; text-align: left; margin-top: 20px; margin-left: 20px; width: 300px; float: right }
#mask_news #right strong { font-weight: bold; display: block; margin-bottom: 20px }
#mask_news #right h2 { display: block; margin-bottom: 10px }
#mask_news #right p { display: block; margin-bottom: 5px }
#mask_news #right p a { color: #999; text-decoration: underline; }
#mask_news #right p a:hover { color: #f63; text-decoration: none }
#mask_news #right ul { display: block; margin-top: 10px; margin-bottom: 30px; margin-left: 20px }
#mask_news #right ul li { list-style-type: disc; margin-top: 5px }
#mask_news object { margin: 20px; }
#mask_news ul#gall_top { padding: 20px; _padding-bottom: 0; }
#mask_news ul#gall_top li { float: left; }
#mask_news ul#gall_mid { padding: 20px 0 20px 20px; _padding-bottom: 0; }
#mask_news ul#gall_mid li { float: left; margin: 0 10px 10px 0; }
#mask_news ul#gall_mid li a { text-decoration: none; }
#mask_news #right_gall  { color: #fff; font-size: 14px; text-align: left; margin-top: 20px; margin-bottom: 10px; /margin-bottom: 20px; width: 495px; float: right }
#mask_news #right_gall ul#gall_main { width: 495px; }
#mask_news #right_gall ul#gall_main li { float: left; margin: 0 9px 9px 0; }
#mask_news #right_gall ul#gall_main li a { text-decoration: none; }
#mask_news #gin { color: #fff; font-size: 14px; text-align: left; padding-top: 20px; padding-left: 20px; /padding-left: 0; padding-bottom: 10px; width: 800px; border-bottom: solid 1px #444 }
#mask_news #gin h2 { margin-bottom: 10px }
#mask_news #gin p { font-size: 12px; margin-bottom: 5px }
/*<agl.folder "footer">*/
	#footer { color: #999; font-size: 12px }
	#footer p { padding-top: 15px; width: 840px; margin: 0 auto; text-align: right; }
/*</agl.folder>*/