@charset "utf-8";

/*
========================================
reset
========================================
*/

img {
	border: none;
}


.td {
	font-size: 12px;line-height:160%
}


.j10 {
	font-size: 10px;line-height:160%
}


hr {
	display: none;
}


.clear {
	clear: both;
	visibility: hidden; 
	height: 0;
}


.clearfix {
	display: inline-block;
}


.title {
 margin:10px 0px 10px 0px;
 width: 550px;
 position: relative; 
 border-style: solid; 
 border-width: 1px 1px 1px 5px; 
 border-color: #0A50A1; 
}


.title_font {
 padding: 4px 0px 1px 5px;
 font-size: 16px;
 font-weight: bold;
 color: #0A50A1;
 font-family: Verdana, Helvetica;
}



 h2 {
 margin:10px 0px 5px 0px;
 position: relative; 
 border-style: solid; 
 border-width: 0px 0px 0px 5px; 
 border-color: #000000; 
 padding: 4px 0px 1px 7px;
 font-size: 14px;
 font-weight: bold;
 color: #000000;
 font-family: Verdana, Helvetica;
 }
 

/*
========================================
Body style
========================================
*/

body {
	margin:0 auto;
	padding: 0;
	font-size: 0.8em;
	font-family: verdana,Osaka,Sans-Serif;
	text-align: center;
	background-image:url(../images/sub_bg.gif);
	background-repeat:no-repeat; 
	background-position: center; 
	background-attachment:fixed
}


/*
========================================
Link style
========================================
*/


a:link {
	text-decoration: underline;
	color: #0C4DAA;
}


a:visited {
	text-decoration: underline;
	color: #0C4DAA;
}


a:hover {
	text-decoration: underline;
	color: #FF6700;
}


a:active {
	text-decoration: underline;
	color: #FF6700;
}





/*
========================================
header style
========================================
*/


#header {
	margin: 30px 0px 10px 0px;
	padding: 0px;
	width: 780px;
	height: 80px;
	background-image: url(../images/index_top_bg.gif);
    background-repeat: repeat-x 
}


#header #logo {
	margin: 20px 0px 10px 0px;
	padding: 0px;
	width: 400px;
	height: 60px;
	text-align: left;
}


/*
========================================
base layout
========================================
*/

#container {
	position:absolute;
	margin:0px auto;
    text-align:left;
	padding: 0px;
	width: 780px;
	background-color: #EEFCFF;
}


#container .top_gmenu ul {
    margin: 10px 0px 0px 0px;
	padding: 0px;
    list-style-type: none;
    border-bottom: 5px solid #CCC;
}


#container .top_gmenu ul li {
    display: inline;
   	background-color: #EEFCFF;
	width: 220px;
}


/*
========================================
footer
========================================
*/

.copy {
text-align: left;
margin: 10px;
padding: 0px 0px 0px 0px;
font-size: 10px;
color: #000000;
}























/*
========================================
clearFix
========================================
*/

div{
    zoom:1;/*for IE 5.5-7*/
}

div:after{/*for modern browser*/
    content:".";
    display: block;
    height:0px;
    clear:both;
    visibility:hidden;
}
* html div { height: 1% }/*for IE 5*/

p{
    zoom:1;/*for IE 5.5-7*/
}
p:after{/*for modern browser*/
    content:".";
    display: block;
    height:0px;
    clear:both;
    visibility:hidden;
}
* html p { height: 1% }/*for IE 5*/

ul{
    zoom:1;/*for IE 5.5-7*/
}
ul:after{/*for modern browser*/
    content:".";
    display: block;
    height:0px;
    clear:both;
    visibility:hidden;
}
* html ul { height: 1% }/*for IE 5*/

dl{
    zoom:1;/*for IE 5.5-7*/
}
dl:after{/*for modern browser*/
    content:".";
    display: block;
    height:0px;
    clear:both;
    visibility:hidden;
}
* html dl { height: 1% }/*for IE 5*/