@charset "UTF-8";
* {
	margin: 0;
	padding: 0;
	font-size: 100%;
	list-style: none;
}
body {
	background:#000000 url(../images/bg.png) left 250px repeat-x;
	text-align:center;
	line-height:1;
	color:#d1d1d1;
	font-size:12px;
}
img {
	border: none;
	vertical-align: top;
}
.font10 {font-size:10px}
.pg {margin-bottom:1.5em}
.mgn_b20 {margin-bottom:20px}
.font_red {color:#FF0000}
.font_bold {font-weight:bold}

/* link
--------------------------------------------*/ 
a{color: #ffffff; text-decoration: none;}
a:visited{color: #ffffff; text-decoration: none;}
a:hover{color: #ffffff;	text-decoration: underline;}
a:active{color: #ffffff; text-decoration: none;}
a:focus {outline:none;
/**/
	overflow: hidden;
/**/}

/*layout
--------------------------------------------*/ 
#wrapper {
	width:916px;
	margin:0 auto;
	background:url(../images/container_bg.gif) center 42px no-repeat;
}
#header {
	width:916px;
	height:42px;
	border-bottom:1px solid #c01920;
	position:relative;
}
#logo {
	position:absolute;
	left:8px;
	top:17px;
}
#support {
	position:absolute;
	right:10px;
	top:17px;
}

#container {
	width:770px;
	margin:20px auto;
}
#side {
	width:140px;
	float:left;
}
#main {
	width:610px;
	height:535px;
	float:right;
	text-align:left;
}	
#footer {
	clear:both;
	width:916px;
	height:42px;
	border-top:1px solid #c01920;
	text-align:left;
	padding:5px 0;
}

/* navi
--------------------------------------------*/ 
ul#navi li a {
	width:140px;
	height:37px;
	display:block;
}
ul#navi li a:hover {
	background-color:transparent;
}
ul#navi li a:hover img {
	visibility:hidden;
}
ul#navi li#navi01 {
	background:url(../images/navi01_act.gif) no-repeat;
}	
ul#navi li#navi02 {
	background:url(../images/navi02_act.gif) no-repeat;
}
ul#navi li#navi03{
	background:url(../images/navi03_act.gif) no-repeat;
}
ul#navi li#navi04 {
	background:url(../images/navi04_act.gif) no-repeat;
}
ul#navi li#navi05 {
	background:url(../images/navi05_act.gif) no-repeat;
}
ul#navi li#navi06 {
	background:url(../images/navi06_act.gif) no-repeat;
}
ul#navi li#navi07 {
	background:url(../images/navi07_act.gif) no-repeat;
}
ul#navi li#navi08 {
	background:url(../images/navi08_act.gif) no-repeat;
}

/* lang-navi
-------------------------------*/
ul#lang_menu {
	margin:20px 0;
	height:40px;
	border:1px solid #1a1a1a;
	border-left:none;
	border-right:none;
}
ul#lang_menu li {
	float:left;
	width:70px;
	height:16px;
	margin-top:12px;
}	
ul#lang_menu li a {
	width:70px;
	height:16px;
	display:block;
}
ul#lang_menu li a:hover {
	background-color:transparent;
}
ul#lang_menu li a:hover img {
	visibility:hidden;
}	
ul#lang_menu li#jap {
	background:url(../images/lang_j_on.gif) no-repeat;
}
ul#lang_menu li#eng {
	background:url(../images/lang_e_on.gif) no-repeat;
}						
ul#online_menu {
	margin-top:85px;
	margin-bottom:25px;
}	
ul#online_menu li {
	margin:5px 0 0 0;
}

	
/*clearfix
--------------------------------------------*/ 
.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 */		

.clear {
	clear:both;
}	
/*what's new
--------------------------------------------*/ 	
#whatsnew {
	background:url(../images/whatsnew_bg.gif) no-repeat;
	width:610px;
	height:193px;
	margin:10px 0;
	position:relative;
}
#whatsnew h3 {
	padding:9px 0 0 10px;
}
#more {
	position:absolute;
	top:6px;
	right:7px;
}	
#more a {
	width:36px;
	height:15px;
	display:block;
}
#more a:hover {
	background-color:transparent;
}
#more a:hover img {
	visibility:hidden;
}
#more {
	background:url(../images/more_on.gif) no-repeat;
}
#news_box {
	margin:15px 15px 0 15px;
	height:145px;
	overflow:auto;
	font-size:11px;
	line-height:1.3;
}
#news_box ul {
	width:550px;
}	
#news_box li {
	background:url(../images/dotline.gif) left bottom repeat-x;
	padding-bottom:10px;
	margin-bottom:10px;
}
#news_box li p {
	background:url(../images/catch.gif) 0 3px no-repeat;
	padding-left:8px;
}

/*  scrollgeneric is used for corrective styling of elements, and should not be modified or removed */ 
.scrollgeneric {line-height: 1px;font-size: 1px;position: absolute;top: 0; left: 0;}
.vscrollerbar {width: 15px;background: #000000 url(../images/scrollbar.gif) -15px 0px repeat-y;}
.vscrollerbarbeg {height: 15px !important;width: 15px;background: url(../images/scrollbar.gif) -45px -14px no-repeat;}
.vscrollerbarend {height: 15px;width: 15px;background: url(../images/scrollbar.gif) -45px 0px no-repeat;}
.vscrollerbase {width: 15px;background: #000000 url(../images/scrollbar.gif) 0px 0px repeat-y;}
.vscrollerbasebeg {width: 15px;height: 15px !important;background: url(../images/scrollbar.gif) -30px -14px no-repeat;}
.vscrollerbaseend {height: 15px;width: 15px;background: url(../images/scrollbar.gif)  -30px 0px no-repeat;}
.hscrollerbase {height: 15px; background-color:#000000;}
.hscrollerbar {height: 15px; background-color:#666666;}
.vscrollerbar, .hscrollerbar {padding: 18px 0;z-index: 2;}
.scrollerjogbox {width: 15px;height: 15px;top: auto; left: auto;bottom: 0px; right: 0px;background:#333333;}

/* Scroll Bar Master Styling Ends Here */	

#notice {
	background-color:#000000;
	font-weight:bold;
	color:#FFFFFF;
	text-align:center;
	margin-top:10px;
	padding:3px 0;
}