@charset "shift_jis";

/* CSS Document */

body {
 color: #d7d8db;
 font-family: "ＭＳ Ｐゴシック", "メイリオ", "Meiryo", Verdana, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "MS PGothic", Sans-Serif;
 font-size: 13px;
 *font-size:small;
 *font:x-small;
}

/* フォントサイズ
------------------------------------------------------ */

/*　フォントサイズ確認

10pix:77%
11pix:85%
12pix:93%
13pix:100%
14pix:108%
15pix:116%
16pix:123.1%
17pix:131%
18pix:138.5%
19pix:146.5%
20pix:153.9%
21pix:161.6%
22pix:167%
23pix:174%
24pix:182%
25pix:192.3%
26pix:197%
30pix:227.3%

*/

/*
 スクロールバー
------------------------------------------------------ */

*html body { /*IE6だけに適用*/
 overflow-y:auto;
}

*+html body { /*IE7だけに適用*/
 overflow-y:auto;
}

body {
 overflow-y:scroll;
}

/*
 リンクカラー
------------------------------------------------------ */

a:link { text-decoration:underline; color: #d7d8db;}
a:visited { text-decoration:none; color: #d7d8db;}
a:hover { text-decoration:none; color: #d7d8db;}
a:active { text-decoration:none; color: #d7d8db;}


/*
 フロート解除
------------------------------------------------------ */

.clear { clear: both; font-size: 0px; line-height: 0px;}

.clearfix:after { content:""; display:block; clear:both; }
.clearfix { display:inline-block; }
/*\*/
* html .clearfix { height:1%;}
.clearfix { display:block;}


/*
 共通
------------------------------------------------------ */

html {
 width: 100%;
 height: 100%;
 background-color: #fff;
}
body {
 width: 100%;
 height: 100%;
 margin: 0;
 padding: 0;
 background-image: url(../images/planetarium.jpg);
 background-repeat: repeat;
 background-position: center top;
 font-size: 13px;
 color: color: #d7d8db;
}
#wrapper {
 width: 932px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
 height: 100%;
 background-image: url(../images/kage.png);
 background-repeat: repeat-y;
 background-position: center;
}
#wrapper-inner {
	background-color: #000;
	width: 896px;
	height: 100%;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}
#content {
 position: absolute;
 top: 50%;
 left: 50%;
 width: 896px;
 height: 576px;
 margin-top: -288px;
 margin-left: -448px;
 text-align: left;
}
#header {
 height: 78px;
}
#header .logo {
 float: left;
 margin-left: 19px;
 margin-top: 8px;
}
* html #header .logo {
 margin-left: 10px;
}
#header .h_text {
 float: right;
 color: #fff;
 text-align:right;
 padding-top: 25px;
 padding-right: 5px;
 line-height: 1.5em;
}
#navi {
	height: 45px;
	background-color: #000;
}
#navi li {
	margin-left: 35px;
	margin-top: 14px;
	float: left;
}
*html #navi li {
	margin-left: 28px;
}