/* 0 : clearfix
======================================== */
.clearfix:after{
	height: 0;
	visibility: hidden;
	content: ".";
	display: block;
	clear: both;
}
div{
	zoom: 100%;
}
.clear{
	clear: both;
}

/* 1 : default
======================================== */
body,td,th {
	letter-spacing: normal;
	text-align: left;
	font-size: 12px;
	line-height:150%;
	font-family: sans-serif, "Hiragino Maru Gothic Pro W3", Osaka, "‚l‚r ‚oƒSƒVƒbƒN", 'MS PGothic'; 
	color: #dddddd
	
}
body {
	background: url('../images/bg_anim.gif')  top right no-repeat; 
	background-color: #000000;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}
.att_text {
	font-size: 10px;
	line-height:110%;
}

/* 2 : link setting
======================================== */

a:link {
	color: #22c3f2;
	text-decoration: none;
}
a:visited {
	text-decoration: none;
	color: #0099FF;
}
a:hover {
	text-decoration: underline;
	color: #FFFFFF;
}
a:active {
	text-decoration: none;
	color: #FFCC00;
}

/* 3 : base layout
======================================== */

#flashbg {
	float:right;
	z-index:0;
	width:700px;
	height:460px;
	
}


#contents {
	position:relative;
	font-size: 10px;
	line-height: 15px;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 5px;
}



.txt_14px {
	font-size: 14px;
	line-height: 22px;
}

.txt_11px {
	font-size: 11px;
	line-height: 16px;
}



/* 4 : header
======================================== */
#header{
	width: 828px;
	height: 120px;
}

#header #title {
	width: 310px; height: 55px;
	margin: 18px 0 13px 0;
	padding: 0px;
	float:left;
}
#header #title h1{
	background: url('../images/head_logo.gif');
	width: 310px;
	height: 55px;
	margin: 0px;
	padding: 0px;
	text-indent: -9999px;
}


#header #title  a{
	width: 310px; height: 55px;
	padding: 0px;
	margin: 0px;
	display:block;
	
}

#header #head_right_box{
	width: 200px;
	height: 86px;
	display:block;
	padding: 0;
	margin: 0;
	float:right;
}

#header #boshu{
	width: 127px; height: 27px;
	display:block;
	background: url('../images/head_boshu_bt.gif');
	text-indent: -9999px;
	margin: 25px 0 0 73px;
	padding: 0px;
}
#header #boshu a{
	position:absolute;
	width: 127px; height: 27px;
	display:block;
	background: url('../images/head_boshu_bt.gif');
	margin: 0;
	padding: 0px;
}
#header #boshu a:hover{
	position:absolute;
	width: 127px; height: 27px;
	display:block;
	background: url('../images/head_boshu_bt.gif');
	background-position: 0px  -33px;
	margin: 0;
	padding: 0px;
}




/* 5 : menu
======================================== */
#sub_menu{
	position: relative;
	display:block;
	width: 150px; height: 15px;
	margin: 12px 0 0 47px;
	padding: 0px;
	background: url('../images/head_sub_menu.gif') no-repeat;
}
	
#sub_menu ul					{ width:150px; height: 15px; margin: 0; padding: 0;}
#sub_menu li					{ list-style-type:none; margin:0; padding:0; display: inline;}
#sub_menu li a 				{ position:absolute; top:0px; height:15px; display:block; text-indent:-9999px; background: url('../images/head_sub_menu.gif') no-repeat; }
#sub_menu li.u1 a			{ width: 95px; height:15px;	background-position: 0px  0px;		left:0; }
#sub_menu li.u1 a:hover	{ width: 95px; height:15px;	background-position: 0px  -15px;	left:0; }
#sub_menu li.u2 a			{ width: 55px; height:15px;	background-position:-95px  0px;		left:95px; }
#sub_menu li.u2 a:hover	{ width: 55px; height:15px;	background-position:-95px  -15px;	left:95px; }



#menu{
	position: relative;
	width: 828px; height: 25px;
	margin: 0px; padding: 0px;
	background: url('../images/menu.gif') no-repeat;
	clear:both;
}
	
#menu ul		{ width:828px; height:25px; margin: 0px; padding: 0px;}
#menu li		{ list-style-type:none; margin:0; padding:0; display: inline;}
#menu li a 		{ position:absolute; top:0px; height:25px; display:block; text-indent:-9999px;  background: url('../images/menu.gif') no-repeat;}
#menu li.u1 a		{ width: 120px;	background-position: 0px  0px;		left:0; }
#menu li.u1 a:hover	{ width: 120px;	background-position: 0px  -45px;	left:0; }
#menu li.u2 a		{ width: 76px;	background-position:-120px  0px;	left:120px; }
#menu li.u2 a:hover	{ width: 76px;	background-position:-120px  -45px;	left:120px; }
#menu li.u3 a		{ width: 120px;	background-position:-196px  0px;	left:196px; }
#menu li.u3 a:hover	{ width: 120px;	background-position:-196px  -45px;	left:196px; }
#menu li.u4 a		{ width: 99px;	background-position:-316px  0px;	left:316px; }
#menu li.u4 a:hover	{ width: 99px;	background-position:-316px  -45px;	left:316px; }
#menu li.u5 a		{ width: 80px;	background-position:-415px  0px;	left:415px; }
#menu li.u5 a:hover	{ width: 80px;	background-position:-415px  -45px;	left:415px; }
#menu li.u6 a		{ width: 95px;	background-position:-495px  0px;	left:495px; }
#menu li.u6 a:hover	{ width: 95px;	background-position:-495px  -45px;	left:495px; }
#menu li.u7 a		{ width: 81px;	background-position:-590px  0px;	left:590px; }
#menu li.u7 a:hover	{ width: 81px;	background-position:-590px  -45px;	left:590px; }
#menu li.u8 a		{ width: 88px;	background-position:-671px  0px;	left:671px; }
#menu li.u8 a:hover	{ width: 88px;	background-position:-671px  -45px;	left:671px; }
#menu li.u9 a		{ width: 69px;	background-position:-759px  0px;	left:759px; }
#menu li.u9 a:hover	{ width: 69px;	background-position:-759px  -45px;	left:759px; }




#top_bnr{
	position: relative;
	width: 828px; height: 69px;
	margin: 0 0 0 0;  padding: 0px;
	clear:both;
}

#top_bnr #group_title{
	width: 828px; height: 12px;
	margin: 0; padding: 0px;
	background: url('../images/top_group.gif') no-repeat;
	text-indent: -9999px;
	display:block;
	clear:both;
}
	
#top_bnr ul		{ width:828px; height:53px; margin: 0; padding: 0px;}
#top_bnr li		{ list-style-type:none; margin:0; padding:0; display: inline;}
#top_bnr li a 		{ position:absolute; top:12px; height:53px; display:block; text-indent:-9999px;  background: url('../images/top_bnr.gif') no-repeat;}
#top_bnr li.u1 a		{ width: 203px;	background-position: 0px  0px;		left:0; }
#top_bnr li.u1 a:hover	{ width: 203px;	background-position: 0px  -67px;	left:0; }
#top_bnr li.u2 a		{ width: 203px;	background-position:-209px  0px;	left:209px; }
#top_bnr li.u2 a:hover	{ width: 203px;	background-position:-209px  -67px;	left:209px; }
#top_bnr li.u3 a		{ width: 203px;	background-position:-417px  0px;	left:417px; }
#top_bnr li.u3 a:hover	{ width: 203px;	background-position:-417px  -67px;	left:417px; }
#top_bnr li.u4 a		{ width: 201px;	background-position:-627px  0px;	left:627px; }
#top_bnr li.u4 a:hover	{ width: 201px;	background-position:-627px  -67px;	left:627px; }



/* 6 : contents
======================================== */
#layout{
	overflow: hidden;
	width: 828px;
	margin: 0 auto;
	padding: 0 ;
}


#top_main{
	
	clear:both;
	height: 373px;
	width: 828px;
	margin: 0; padding: 0px;
	background: url('../images/main.jpg') no-repeat;
	text-indent: -9999px;

}
#top_main_swf{
	
	clear:both;
	height: 373px;
	width: 828px;
	margin: 0; padding: 0px;

}

#top_main_text{
	
	clear:both;
	width: 828px;
	margin: 8px 0; padding: 0px;

}



#main_area{
	
	clear:both;
	width: 786px;
	margin: 10px 0 0 0;
	padding: 20px;
	border-color:#092e37;
	border-width:1px;
	border-style:solid;
	background-color: #000;
	

}

/* 7 : footer
======================================== */
#foot{
	clear:both;
	display:block;
	width: 828px;
	height: 21px;
	background: url('../images/copyright.gif') no-repeat;
	text-indent: -9999px;
	margin: 10px 0 10px 0;
	padding: 0;
}