@charset "utf-8";
/* CSS Document */

body{
	background: url(../images/bg.jpg) repeat-x 0 0 ;
	font-size: 12px;
	color: 333;
	line-height: 1.5em;

}
p{
		line-height: 1.6em;
}

a{
	color: #034589;
	text-decoration: none;
}

a:hover{
	color: #b1b1b1;
}


div#container {
	width: 800px;
	margin: 0 auto;
	overflow: hidden;
	}
	
	div#container div#header{
		width: 800px;
		height: 90px;
		background: url(../images/header.jpg) no-repeat 0 0;
		}
	

		div#container div#header ul#sub{
	text-align: right;
	padding: 19px 10px 0 0;
	position: relative;
	z-index: 1;
		}

			div#container div#header ul#sub li{
						background: url(../images/list.gif) no-repeat 0 3px;
						*background: url(../images/list.gif) no-repeat 0 0;
						padding: 0 0 0 15px;
						margin: 0 0 0 15px;
						display: inline;
			}

			div#container div#header ul#sub li a{
				color: #fff;
			}

				div#container div#header ul#sub li a:hover{
					color: #ddd;
				}


	div#container div#header div#navi{
				position: absolute;
				top:0;
				padding: 58px 0 0 216px;

	}
		
		div#container div#header div#navi ul{
			width: 584px;
			height: 33px;
			text-indent: -9999px;
		}
		div#container div#header div#navi ul li{
			background-image: url(../images/navi.jpg);
			height: 33px;
			float: left;
		}
			div#container div#header div#navi ul li a{
				display: block;
				height: 33px;
				overflow: hidden;
			}
			div#container div#header div#navi ul li a:hover{
				background-image: url(../images/navi_over.jpg);
			}
		div#container div#header div#navi ul li.navi1,
		div#container div#header div#navi ul li.navi1 a{
			width: 52px;
			background-position: 0 0;
		}


		div#container div#header div#navi ul li.navi2,
		div#container div#header div#navi ul li.navi2 a{
			width: 141px;
			background-position: -52px 0;
		}

		div#container div#header div#navi ul li.navi3,
		div#container div#header div#navi ul li.navi3 a{
			width: 170px;
			background-position: -193px 0;
		}

		div#container div#header div#navi ul li.navi4,
		div#container div#header div#navi ul li.navi4 a{
			width: 221px;
			background-position: -363px 0;
		}

		

	div#container div#main-vs{
		width: 800px;
		height: 163px;
		margin: 0 0 7px 0;
		background: url(../images/main_vs.jpg) no-repeat 0 0;
		}
		
		div#container div#left{
			width: 258px;
			float: left;
		}

			div#container div#left div.box{
				width: 258px;
				margin: 0 0 5px 0;
				background:url(../images/left_bg_middle.jpg) repeat-y 0 0;
			}

				div#container div#left div.box p{
					margin: 9px 0 0 9px;
				}


				div#container div#left div.box ul{
					margin: 9px 0 0 9px;
				}

					div#container div#left div.box ul li{
						background: url(../images/list.gif) no-repeat 0 3px;
						padding: 0 0 0 15px;
						margin: 4px 0 0 0;
					}
					div#container div#left div.box ul ul{
						margin: 4px 0 0 9px;
					}

					div#container div#left div.box ul ul li{
						background: url(../images/list2.gif) no-repeat 0 3px;
					}

				div#container div#left div.box h2{
					height: 26px;
					padding: 9px 0 0 9px;
					background: url(../images/left_bg_top.jpg) no-repeat 0 0; 
					color: #3f3f3f;
					font-weight: bold;  
				}
				
		div#container div#right{
			width: 542px;
			float: left;
			overflow: hidden;
		}

			div#container div#right div.box{
				width: 542px;
				margin: 0 0 5px 0;
				background:url(../images/right_bg_middle.jpg) repeat-y 0 0;
			}

				div#container div#right div.box h2{
					width: 542px;
					height: 23px;

					padding: 9px 0 0 25px;
					background: url(../images/right_bg_top.jpg) no-repeat 0 0; 
					color: #3f3f3f;
					font-weight: bold;  
				}

				div#container div#right div.box h3{
					width: 517px;
					height: 20px;
					padding: 0 0 0 10px;
					margin: 8px 0 0 8px ;
					background: url(../images/h3_bg.jpg) no-repeat 0 0; 
					color: #3f3f3f;
					font-weight: bold;  
				}

				div#container div#right div.box h4{
				font-weight: bold;
				margin: 9px 9px 5px 10px;
				}

				div#container div#right div.box a{
					margin: 0 5px 0 0;
				}
				div#container div#right div.box p{
					margin: 9px 9px 5px 10px;
				}

				div#container div#right div.box dl{
					margin: 9px 9px 5px 10px;
				}

					div#container div#right div.box dl dt{
						font-weight: bold;
						margin: 0 0 10px 0;
					}

					div#container div#right div.box dl dd{
						margin:  0 10px 10px;
					}

					div#container div#right div.box ul {
						margin: 9px 9px 5px 20px;
					}

					div#container div#right div.box ul li{
						background: url(../images/list.gif) no-repeat 0 3px;
						padding: 0 0 0 15px;
						margin: 4px 0 0 0;
					}



		div#footer {
			clear: both;
			background: url(../images/footer_bg.jpg) repeat-x 0 0;
		}
		
				div#footer div#footer_in{
					width: 800px;
					margin: 0 auto;
					text-align: right;
					color: #034589;
				}




div#container div#right div.box a.link_btn{
	display: block;
	margin: 0 auto;
	width: 400px;
	height: 100px;
	text-indent: -9998px;
}

a.link_btn:link,
a.link_btn:visited{
	background: url(../images/link_btn_off.jpg);
}
a.link_btn:hover,
a.link_btn:active{
	background: url(../images/link_btn_on.jpg);
}