@charset 'utf-8';

/* ----- HTML{ ------------------------------------ */

* {
	margin: 0px;
	padding: 0px;
	font-size: 13px;
	font-style: normal;
	font-family: 'ＭＳ Ｐゴシック', 'MS UI Gothic', Osaka, sans-serif;
	line-height: 120%;
	text-align: left;
	scrollbar-base-color:#2D4C5F;
}

body {
	background-color: #2D3137;
	text-align: center;
	color: #ffffff;
	scrollbar-base-color:#2D4C5F;
	padding: 0px;
	margin: 0px;
}

a:link {
	color : #C7E4F8;
	text-decoration: none;
}
a:visited {
	color : #ABC7DA;
	text-decoration: none;
}
a:hover {
	color : #ABC7DA;
	text-decoration: underline;
}

table, td {border-collapse:collapse;}
td { vertical-align:top;}
table, td, img {border:0;}
form, td, ul, li {margin:0; padding:0;}

td, a, span, input, textarea { font:13px 'ＭＳ Ｐゴシック', 'MS UI Gothic',Osaka, sans-serif;color:#ffffff;}
td, span { line-height:16px;}

form input, textarea {border:1px solid #AAC6D9;padding:2px 0px 0px 5px; background-color:#2D4C5F;}
form input.c { width:350px;height:22px;margin:0px 0px 10px 0px;}
form textarea { width:350px;height:170px; overflow:auto;}
form b { display:block; text-align: right;margin:4px 4px 0px 0px;}
form b a {margin:0px 0px 0px 36px;}
form label {display:block;padding:0px 2px 0px 0px;}
.w {width:100%;} .w5 {width:50%;} .h {height:100%;}
	

.hed .menu a {height:37px;display:block;text-decoration:none;}
.hed .menu a:hover {text-decoration:none;}
		
.hed .menu td.n1 a {width:115px;background:url(images/n1.gif) no-repeat;}
.hed .menu td.n1 a:hover {background:url(images/n1n.gif) no-repeat; }
			
.hed .menu td.n2 a {width:120px;background:url(images/n2.gif) no-repeat;}
.hed .menu td.n2 a:hover {background:url(images/n2n.gif) no-repeat; }
			
.hed .menu td.n3 a {width:127px;background:url(images/n3.gif) no-repeat;}
.hed .menu td.n3 a:hover {background:url(images/n3n.gif) no-repeat; }
			
.hed .menu td.n4 a {width:138px;background:url(images/n4.gif) no-repeat;}
.hed .menu td.n4 a:hover {background:url(images/n4n.gif) no-repeat; }
			
.hed .menu td.n5 a {width:117px;background:url(images/n5.gif) no-repeat;}
.hed .menu td.n5 a:hover {background:url(images/n5n.gif) no-repeat; }
			
.hed .menu td.n6 a {width:119px;background:url(images/n6.gif) no-repeat;}
.hed .menu td.n6 a:hover {background:url(images/n6n.gif) no-repeat; }

.block_l {
	margin-bottom: 5px;
	margin-left: 15px;
	margin-top:15px;
	margin-right: 5px;
	background-color:#3F5B6D;
	font-size: 13px;
	text-align: left;
	padding: 15px;
}

.block_r {
	margin-bottom: 5px;
	margin-left: 5px;
	margin-top:15px;
	margin-right: 15px;
	background-color:#3F5B6D;
	font-size: 13px;
	text-align: left;
	padding: 15px;
	border: thin solid #6187A1;
}
.block_b {
	margin-bottom: 5px;
	margin-left: 15px;
	margin-top: 15px;
	margin-right: 10px;
	font-size: 13px;
	text-align: left;
	padding: 15px;
}
.block_br {
	margin-bottom: 5px;
	margin-left: 15px;
	margin-top: 330px;
	margin-right: 20px;
	font-size: 13px;
	text-align: right;
	padding: 15px;
}

ul li {
	list-style:none;
	background:url(images/w1.gif) no-repeat left;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 3px;
	margin-left: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 1px;
	padding-left: 12px;
}
.style2 {
	font-weight:bold;
	padding:0px 0px 1px 12px;
	color: #D2FC37;
	background-image: url(images/w2.gif);
	background-repeat: no-repeat;
	background-position: left;
	text-decoration: none;
}
.style1 {color: #D2FC37}

hr {
	color: #ffffff;
	height: 1px;
}
h3 { background-color:#ffffff;}

/* ----- Base -------------------------------------- */

div#container {
	width: 736px;
	height: 540px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}
	
div#haed {
	float: none;
	clear: both;
	height:259px;background:url(images/hed.gif) repeat-x top;
}

div#navigation {
	width: 236px;height: 540px;
	float: left;
}

div#navigation_r {
	float: right;height: 540px;
	width: 236x;
}


div#main {
	float: right;height: 540px;
	width: 500x;
}

div#main_l {
	width: 500px;
	height: 540px;
	float: left;
}

div#contents {
    background:url(images/bgr.gif) repeat-x bottom #517186;
	float: none;
	clear: both;
	width: 736px; 
	height: 540px;
}

div#footer {
	height: 95px;
	float: none;
	clear: both;
	text-align: center;
	font-size: 12px;
	color:#ABC7DA;
	padding: 5px;
	vertical-align:middle;
}


/* ----- navigation -------------------------------- */
div#navigation_r{
	width: 234px;
}
html>body div#navigation_r {
	width: 236px;
}

/* ----- Main -------------------------------------- */

div#main {
	width: 498px;
}
html>body div#main {
	width: 500px;
}