@charset "iso-8859-1";

/* @group common */

body {
	margin: 0 auto;
	text-align: center;
	color: #333;
	background-color: white;
	font-family: sans-serif;
}

img, ul, ol, li, h1, h2, h3, h4, h5, h6, p, dl, dd, dt, table, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
}

ul, ol {
	list-style: none;
}

table, th, td {
	border-collapse: collapse;
	border-spacing: 0;
}

a:link,a:visited {
	color: #005499;
	text-decoration: none;
}
a:hover,a:active {
	color: #39F;
	text-decoration: none;
}

.clearfix:after {
	 content:".";
	 height: 0px;
	 clear: both;
	 display: block;
	 visibility: hidden;
}

.clearfix {
	zoom: 1;
}
.clear {
	clear:both;
	}
/* @end */

/* @group wrapper */

div#wrapper {
	width: 750px;
	margin: 0 auto;
	text-align: left;
}
	
/* @end */

/* @group header */
div#header {
	background:url(../img/head_bg.jpg) no-repeat 0 0;
	height:97px;
}

div#header table{
	margin-top:30px;
	width:750px;
}

div#header p{
	text-indent:-9999px;
	margin-bottom:5px;
	margin-left:220px;
}

div#header p a{
	width:70px;
	height:20px;
	display:block;
	background:url(../img/head_btn_lang.gif) no-repeat ;
}

div#header p a:hover{
	background:url(../img/head_btn_lang_on.gif) no-repeat ;
}
/* @end */

/* @group top */
#top div#mainimage{
	width:545px;
	height:240px;
	margin:0;
	padding:0;
	background-color:#0051A3;
}
#top div#maincopy{
	border-top:3px solid #0051A3;
	background-color:#98CBFE;
}
#top div#maincopy h2{
	margin:0;
	padding:0;
	font-size:1.25em;
	margin:10px 25px;
}

#top #maincopy dl{
	margin:0 35px 15px;
}
#top #maincopy dt{
	float:left;
	width:15%;
	background:url(../img/icn_square.gif) no-repeat 0 3px;
	padding-left:12px;
	font-weight:bold;
}
#top #maincopy dd{
	float:left;
	width:75%;
	margin-bottom:0.5em;
}

#top h3{
	margin-top:10px;
}

#top #whats dl{
	margin-top:0.75em;
	margin-left:3em;
	clear:both;
}

#top #whats dl dt{
	background:url(../img/icn_arrow.gif) no-repeat 0 3px;
	padding-left:10px;
	float:left;
	width:15%;
	margin-bottom:0.5em;
}

#top #whats dl dd{
	width:80%;
	float:left;
	margin-bottom:0.5em;
}
/* @end */

/* @group container */

div#container{
	width:750px;
	overflow: hidden;
}

#container:after {
    content: "";
    display: block;
    clear: both;
    height: 1px;
    overflow: hidden;
}

/*\*/
* html #container {
    overflow: visible;
}
/**/

div#sidenavi{
	float:left;
	width:185px;
	margin-top:10px;
}

div#contents{
	float:right;
	width:545px;
	margin-top:10px;
}

/* @end */

/* @group sidenavi */

div#container div#sidenavi ul{
	margin:-5px 0 0 0;
	padding:0;
}

div#container div#sidenavi ul li{
	background:url(../img/menu.gif);
	text-indent:-9999px;
	margin:0;
	padding:0;
}

div#container div#sidenavi ul li a{
background:url(../img/menu.gif);
	display:block;
	width:185px;
	height:37px;
	overflow:hidden;
	background-position: 0 0;
}

/*	navilist
-------------------------------- */
/*	off
----------- */
div#container div#sidenavi ul li#sidenavi01 a { background-position: 0 0; }
div#container div#sidenavi ul li#sidenavi02 a { background-position:0 -37px; }
div#container div#sidenavi ul li#sidenavi03 a { background-position: 0 -74px; }
div#container div#sidenavi ul li#sidenavi04 a { background-position: 0 -111px; }
div#container div#sidenavi ul li#sidenavi05 a { background-position: 0 -148px; }
div#container div#sidenavi ul li#sidenavi06 a { background-position: 0 -185px; }

/*	on
----------- */
div#container div#sidenavi ul li#sidenavi01 a:hover,div#container div#sidenavi ul li#sidenavi01 a.on { background-position: -185px 0; }
div#container div#sidenavi ul li#sidenavi02 a:hover,div#container div#sidenavi ul li#sidenavi02 a.on { background-position: -185px -37px; }
div#container div#sidenavi ul li#sidenavi03 a:hover,div#container div#sidenavi ul li#sidenavi03 a.on { background-position: -185px -74px; }
div#container div#sidenavi ul li#sidenavi04 a:hover,div#container div#sidenavi ul li#sidenavi04 a.on { background-position: -185px -111px; }
div#container div#sidenavi ul li#sidenavi05 a:hover,div#container div#sidenavi ul li#sidenavi05 a.on { background-position: -185px -148px; }
div#container div#sidenavi ul li#sidenavi06 a:hover,div#container div#sidenavi ul li#sidenavi06 a.on { background-position: -185px -185px; }

/* @end */

/* @group footer */

#top div#footer{
	margin-top:40px;
}
#otherpage div#footer{
	margin-top:20px;
}

/* @end */

/* @group other pages */
#contents {
	font-size:0.75em;
	}
#contents div.txtblock {
	margin-bottom:40px;
	}
#otherpage div#contents h1 {
	font-size:1.75em;
	background:url(../img/h1_bg.jpg) no-repeat left center;
	color:#333;
	background-color:#FFF;
	padding:9px 5px 8px 25px;
	margin-bottom:1.25em;
	}
#otherpage div#contents h2 {
	font-size:1.3em;
	border-bottom:1px #666 solid;
	margin:0 0 0.8em;
	}
#otherpage div#contents div.txtblock p {
	width:545px;
	display:block;
	}
#contents div.txtblock p img.left {
	padding-right:0.75em;
	padding-bottom:0.3em;
	float:left;
	}
#contents div.txtblock p img.right {
	padding-left:0.75em;
	padding-bottom:0.3em;
	float:right;
	}
#contents li {
	background-repeat: no-repeat;
	background-position: left 5px;
	list-style-position: outside;
	list-style-type: none;
	background-image: url(../img/icn_arrow.gif);
	padding-left: 15px;
	}
* html #contents li {
	background-position: left 3px;
	}

.pagetop{
	text-align:right;
}

.icn_top{
	background:url(../img/icn_top.gif) no-repeat left 5px;
	padding:0 0 0 12px;
}

/* @end */