/* CSS Document */


body {
	background: #15245f url(../images/common/bg.jpg) repeat-x top;
	color: #333;
}
a {
	color: #06c;
	outline: none;
}
a:hover {
	color: #f60;
}

	body div#container {
		width: 850px;
		background: #666;
		margin: auto;
		font-size: 1.2em;
	}


/*----------------------------------------

  HEADER

----------------------------------------*/

		body div#container div#header {
			width: 850px;
			height: 61px;
			border-top: 3px solid #070C20;
			border-bottom: 1px solid #fff;
			background: #fff url(../images/common/header_bg.gif) repeat-x 0 0;
			position: relative;
		}
			body div#container div#header h1 {
				width: 303px;
				height: 37px;
				background: url(../images/common/site_title.jpg) no-repeat 0 0;
				text-indent: -9876px;
				position: absolute;
				top: 11px;
				left: 16px;
			}
				body div#container div#header h1 a {
					display: block;
					width: 303px;
					height: 37px;
				}
			body div#container div#header div#translate {
				width: 110px;
				height: 25px;
				background: url(../images/common/head_eng.jpg) no-repeat 0 0;
				text-indent: -9876px;
				position: absolute;
				top: 0;
				left: 515px;
			}
				body div#container div#header div#translate a {
					display: block;
					width: 110px;
					height: 25px;
				}
			body div#container div#header div#logo {
				width: 210px;
				height: 35px;
				background: url(../images/common/logo.jpg) no-repeat 0 0;
				text-indent: -9876px;
				position: absolute;
				top: 11px;
				left: 627px;
			}
				body div#container div#header div#logo a {
					display: block;
					width: 210px;
					height: 35px;
				}



/*----------------------------------------

  GLOBAL-NAVIGATION

----------------------------------------*/

		body div#container ul#gnavi {
			width: 850px;
			height: 35px;
			border-bottom: 1px solid #fff;
			background: #fff;
			text-indent: -9876px;
		}
			body div#container ul#gnavi li {
				height: 35px;
				float: left;
			}
				body div#container ul#gnavi li a {
					display: block;
					height: 35px;
				}

			body div#container ul#gnavi li.home {
				width: 99px;
				background: url(../images/common/gnavi_home.jpg) no-repeat 0 0;
			}
				body div#container ul#gnavi li.home a {
					width: 99px;
				}body div#container ul#gnavi li.home a:hover {
					background: url(../images/common/gnavi_home_on.jpg) no-repeat 0 0;
				}
			body div#container ul#gnavi li.feature {
				width: 190px;
				background: url(../images/common/gnavi_feature.jpg) no-repeat 0 0;
			}
				body div#container ul#gnavi li.feature a {
					width: 190px;
				}body div#container ul#gnavi li.feature a:hover {
					background: url(../images/common/gnavi_feature_on.jpg) no-repeat 0 0;
				}
			body div#container ul#gnavi li.intro {
				width: 190px;
				background: url(../images/common/gnavi_intro.jpg) no-repeat 0 0;
			}
				body div#container ul#gnavi li.intro a {
					width: 190px;
				}body div#container ul#gnavi li.intro a:hover {
					background: url(../images/common/gnavi_intro_on.jpg) no-repeat 0 0;
				}
			body div#container ul#gnavi li.access {
				width: 190px;
				background: url(../images/common/gnavi_access.jpg) no-repeat 0 0;
			}
				body div#container ul#gnavi li.access a {
					width: 190px;
				}body div#container ul#gnavi li.access a:hover {
					background: url(../images/common/gnavi_access_on.jpg) no-repeat 0 0;
				}
			body div#container ul#gnavi li.contact {
				width: 181px;
				background: url(../images/common/gnavi_contact.jpg) no-repeat 0 0;
			}
				body div#container ul#gnavi li.contact a {
					width: 181px;
				}body div#container ul#gnavi li.contact a:hover {
					background: url(../images/common/gnavi_contact_on.jpg) no-repeat 0 0;
				}



/*----------------------------------------

  WRAPPER & CONTENTS

----------------------------------------*/

		body div#container div#wrapper {
			width: 850px;
			background: url(../images/common/content_bg.jpg);
			padding: 20px 0;
		}
			body div#container div#wrapper div#contents {
				width: 750px;
				margin: 0 auto;
				background: #fff url(../images/common/main_bg_top.gif) no-repeat top;
				padding: 5px 30px 2px;
				font-size: 1.2em;
				line-height: 150%;
			}
				body div#container div#wrapper div#contents h3 {
					width: 750px;
					margin: 50px auto 15px;
				}
				body div#container div#wrapper div#contents h4 {
					width: 733px;
					height: 26px;
					color: #069;
					font-size: 14px;
					font-weight: bold;
					margin: 0 0 15px;
					background: url(../images/common/h4.gif) no-repeat 0 0;
					padding: 4px 0 0 17px;
				}
				body div#container div#wrapper div#contents h4.long {
					margin: 40px auto 15px;
				}
				body div#container div#wrapper div#contents h4.small {
					width: 452px;
					border-right: 1px solid #ccf;
				}
				body div#container div#wrapper div#contents h4.v_small {
					width: 361px;
					border-right: 1px solid #ccf;
				}
				body div#container div#wrapper div#contents strong.green {
					display: block;
					margin: 10px 0;
					color: #090;
					font-weight: bold;
				}
						body div#container div#wrapper div#contents strong.green ul li {
							list-style: disc inside;
						}
				body div#container div#wrapper div#contents strong.big {
					font-size: 1.2em;
				}
				body div#container div#wrapper div#contents div.image {
					margin: 40px auto 15px;
					padding: 0;
				}
					body div#container div#wrapper div#contents div.image img {
						float: right;
						margin: 0 0 0 10px;
					}
				body div#container div#wrapper div#contents p {
					padding: 0 5px;
					margin: 15px auto;
				}
				body div#container div#wrapper div#contents div#footer_contact {
					width: 404px;
					height: 120px;
					background: url(../images/common/contact_back.jpg) no-repeat 0 0;
					margin: 40px auto 0;
					position: relative;
					text-indent: -9876px;
				}
				body div#container div#wrapper div#contents div#footer_contact a {
					display: block;
					width: 121px;
					height: 70px;
					position: absolute;
					top: 40px;
					left: 272px;
				}body div#container div#wrapper div#contents div#footer_contact a:hover {
					background: url(../images/common/contact_hover.jpg) no-repeat 0 0;
				}

				body div#container div#wrapper div#contents ul#content_fnavi {
					width: 450px;
					height: 40px;
					margin: 10px auto 20px;
					text-indent: -9876px;
				}
				body div#container div#wrapper div#contents ul#content_fnavi li {
					float: left;
					width: 150px;
					height: 40px;
				}
					body div#container div#wrapper div#contents ul#content_fnavi li a {
						display: block;
						width: 150px;
						height: 40px;
					}
				body div#container div#wrapper div#contents ul#content_fnavi li.home {
					background: url(../images/common/fnavi_home.gif) no-repeat 0 0;
				}
					body div#container div#wrapper div#contents ul#content_fnavi li.home a:hover {
						background: url(../images/common/fnavi_home_on.gif) no-repeat 0 0;
					}
				body div#container div#wrapper div#contents ul#content_fnavi li.mission {
					background: url(../images/common/fnavi_mission.gif) no-repeat 0 0;
				}
					body div#container div#wrapper div#contents ul#content_fnavi li.mission a:hover {
						background: url(../images/common/fnavi_mission_on.gif) no-repeat 0 0;
					}
				body div#container div#wrapper div#contents ul#content_fnavi li.facilities {
					background: url(../images/common/fnavi_facilities.gif) no-repeat 0 0;
				}
					body div#container div#wrapper div#contents ul#content_fnavi li.facilities a:hover {
						background: url(../images/common/fnavi_facilities_on.gif) no-repeat 0 0;
					}
				body div#container div#wrapper div#contents ul#content_fnavi li.access {
					background: url(../images/common/fnavi_access.gif) no-repeat 0 0;
				}
					body div#container div#wrapper div#contents ul#content_fnavi li.access a:hover {
						background: url(../images/common/fnavi_access_on.gif) no-repeat 0 0;
					}

				body div#container div#wrapper div#contents ul#content_fnavi.access li.facilities {
					background: url(../images/common/fnavi_facilities_2.gif) no-repeat 0 0;
				}
					body div#container div#wrapper div#contents ul#content_fnavi.access li.facilities a:hover {
						background: url(../images/common/fnavi_facilities_2_on.gif) no-repeat 0 0;
					}


				body div#container div#wrapper span.btm {
					display: block;
					width: 810px;
					height: 6px;
					margin: 0 auto;
					background: url(../images/common/main_bg_btm.gif) no-repeat top;
					font-size: 1px;
				}
				body div#container div#wrapper span.page_top {
					display: block;
					width: 101px;
					height: 15px;
					margin: 0 0 0 700px;
					background: url(../images/common/page_top.jpg) no-repeat 0 0;
					text-indent: -9876px;
					font-size: 1px;
				}
					body div#container div#wrapper span.page_top a {
						display: block;
						width: 101px;
						height: 15px;
					}



/*----------------------------------------

  FOOTER

----------------------------------------*/

		body div#container div#footer {
			width: 850px;
			background: #666 url(../images/common/footer_bg.gif) repeat-x top;
			color: #fff;
			text-align: center;
			padding: 20px 0;
		}
			body div#container div#footer ul {
				margin: 0 auto 10px;
			}
				body div#container div#footer ul li {
					display: inline;
				}
					body div#container div#footer ul li a {
						color: #fff;
						text-decoration: none;
					}
					body div#container div#footer ul li a:hover {
						text-decoration: underline;
					}