/* ~~~~ Common ~~~~ */
* { margin: 0; padding: 0; word-break: break-all; }
body { background: url("../images/haruka_bg.jpg") repeat-x; background-attachment: fixed; font: 12px/0.83em Verdana,Helvetica,Arial,sans-serif; }
h1, h2, h3, h4, h5, h6 { font-size: 1em; }
a { text-decoration: none; }
	a: hover { text-decoration: underline; }
ul, li { list-style: none; }
img { border: none; }
legend { display: none; }
em, strong, cite, th { font-style: normal; font-weight: 400; }
html { overflow: -moz-scrollbars-vertical; }
.left { float: left; }
.right { float: right; }

/* clearfix */
.s_clear:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.s_clear { zoom: 1; }

/* ~~~~ Main ~~~~ */
.wrap { width: 910px; text-align: left; border: 1px solid #FFF; margin: 15px auto 20px; background-color: #000; }
#topmenu { margin: 0 auto; text-align: center; text-indent: -5000px; height: 83px; background: url(../images/top.jpg) no-repeat center; }
#header, #content, #link, #footer { width: 852px; margin: 0 auto; }
	#header h1 { width: 852px; height: 630px; background: url("../images/logo.jpg") no-repeat center; }
		#header h1 a { display: block; height: 630px; text-indent: -5000px; overflow: hidden; }
	#menu { width: 852px; height: 430px; text-align: center; background: url("../images/menu_bg.jpg") no-repeat center; }
		#menu ul { width: 75%; margin: 0 auto; padding: 30px 25px 0 30px; }
			#menu li { float: left; }
				#menu li a { text-indent: -5000px; margin-right: 14px; }
				#menu li.top a { display: block; width: 90px; height: 31px; background-image: url("../images/menulink_top.jpg"); }
				#menu li.intro a { display: block; width: 193px; height: 31px; background-image: url("../images/menulink_intro.jpg"); }
				#menu li.special a { display: block; width: 194px; height: 31px; background-image: url("../images/menulink_special.jpg"); }
				#menu li.home a { display: block; width: 97px; height: 31px; background-image: url("../images/menulink_home.jpg"); }
#content { }
	.about { margin: 0 auto 22px; line-height: 2em; font-size: 22px; }
		.about p { text-align: center; color: #A4CCD8; }
	.t_intro h2 { text-indent: -5000px; height: 43px; width: 100%; background: url("../images/title_intro.jpg") no-repeat center; }
	.t_special h2 { text-indent: -5000px; height: 43px; width: 100%; background: url("../images/title_special.jpg") no-repeat center; }
		.title_con { color: #FFF; line-height: 2.4em; }
#link { margin: 8px auto 0; padding: 12px; background: url("../images/line.jpg") repeat-x ; }
	#link p { color: #FFF; line-height: 2em; }
	#link ul { float: left; }
		#link li { float: left; padding-right: 8px; }
#footer { padding: 14px; text-align: center; height: 12px; color: #FFF; background: url("../images/footline.jpg") repeat-x; }

/* ~~~~ CHOOSE YOUR LANGUAGE ~~~~ */
#language { margin: 55px auto; width: 506px; height: 506px; position: relative; background: url("../images/enter.jpg") no-repeat; }
	#language a { text-indent: -5000px; }
	.cn { width: 310px; height: 170px; display: block; position: absolute; right: 0; bottom: 0;  }
	.jp { width: 170px; height: 315px; display: block; position: absolute; left: 0; top: 0; }