@charset "shift_jis"; 




/*--------------------------------*/
/*      　　　全体の設定　        */		
/*--------------------------------*/


/*marginとpadingの基礎値の設定*/
*{

}

/*imgタグのベースラインスペース削除*/
img {
	vertical-align: text-bottom;
	border: none;
}

html,body{
	height:100%;
}


/*////リストの表示を消す設定////*/
ol, ul, li {
	list-style: none;
	margin-left:0px;
	padding-left:0px;
	margin-top: 0px; 
 }

body {
	background: url(../img/bg.png) repeat;
	margin: 0px;
	font: 12px "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif;
	color: #FFF;
	background: url(../img/bg.jpg) repeat fixed;
}



hr{
 border:solid #FFF; 
	border-width:1px 0 0 0;
	height:1px;/* for IE6 */   
	clear:both;/* for IE6 */
}



h1{
	color:#FFF;
	font-size:12px;
	font-weight:normal;
	text-align: center;
	margin: 50px auto 0px;
	width: 991px;
}

h2{
	color:#00F;
	font-size:12px;
	width: 100%;
	border-bottom: 1px dotted #666;
}


h3{
		color: #FFCC00;
	font-size:12px;
	font-weight: bold;
}

h4{
	height		: 30px;
	line-height	: 30px;
	background	: url(../img/arow.gif) no-repeat 0 7px;
	text-indent	: 17px;
	font-size	: 14px;
	color: #412419;
}

h5,h6 {
	font-size: 100%;
}



a:link { color: #FFF; } 
a:visited { color: #FFF; } 
a { text-decoration: none; }



/*--------------------------------*/
/*      　　　　全体　　　        */		
/*--------------------------------*/


/*背景画像設定*/
	
img.bg {
  /* Set rules to fill background */
  min-height: 100%;
  min-width: 1200px;
  /* Set up proportionate scaling */
  width: 100%;
  height: auto;
  /* Set up positioning */
  position: fixed;
  /* またはabsolute; */
  top: 0;
  left: 0;
}

@media screen and (max-width: 1024px){
  img.bg {
  left: 50%;
  margin-left: -512px; }
}

div#container {
  position: relative; 
}



#main_bg {
	height: 200%;
	width: 100%;
	float: left;
	background: url(../img/bg.png) no-repeat fixed right top;
}

/*背景画像設定ここまで*/



#wrapper {
	height: 100%;
	width: 100%;
	float: left;
	position: absolute;
}

#wrap {
	margin: 0px auto;
	height: 100%;
	width: 991px;
}

#logowrap {
	margin: 30px auto 0px;
	height: 250px;
	width: 100%;
	float: none;
	border-top: 10px solid #666;
	border-bottom: 10px solid #666;
	background-color: rgba(255,255,255,0.6);
*/
}
#logo {
	margin: 0px auto 0px;
	height: 250px;
	width: 900px;
	float: none;
}





#box {
	margin: 10px auto 0px;
	height: auto;
	width: 800px;
	line-height: 20px;
	text-align: center;
}

#footer {
	margin: 30px auto 0px;
	height: auto;
	width: 800px;
	line-height: 20px;
	text-align: center;
}

#link {
	margin: 10px auto 0px;
	height: 200px;
	width: 800px;
	text-align: center;
}


/*--------------------------------*/
/*      　　　ボタン部分　        */		
/*--------------------------------*/


#navi {
	margin: 20px auto 0px;
	height: 69px;
	width: 800px;
	float: none;
}

#enter {
	width: 256px;
	height: 69px;
	float: left;
	margin: 0px 0px 0px 40px;
	_display: inline;/*-----IE6用記述-----*/	
}

.enter, .enter a, .enter a:link, .enter a:visited{
	width: 256px;
	height: 69px;
	background:   url(../img/18_enter.png) no-repeat;
	display: block;
	float: left;
	display: inline;/*-----IE6用記述-----*/
}
.enter a:hover{
	background:   url(../img/18_enter2.png);
}



#mark {
	margin: 0px;
	height: 68px;
	width: 71px;
	float: left;
	margin: 0px 0px 0px 70px;	
}




#exit {
	width: 256px;
	height: 69px;
	float: left;
	margin: 0px 0px 0px 70px;		
}

.exit, .exit a, .exit a:link, .exit a:visited{
	width: 256px;
	height: 69px;
	background:   url(../img/18_exit.png) no-repeat;
	display: block;
	float: left;
	display: inline;/*-----IE6用記述-----*/
}
.exit a:hover{
	background:   url(../img/18_exit2.png);
}



/*--------------------------------*/
/*      　　　リンク部分　        */		
/*--------------------------------*/



#enterlinkbox{
	height: auto;
	width: 750px;
	padding-bottom: 30px;
	margin: 25px 0px 0px 109px;
	float: left;
	text-align: center;
}


#enterlinkbox li{
	margin: 5px 0px 0px 5px;
	height: 31px;
	width: 88px;
	float: left;
}

/*--------------------------------*/
/*      　　　FOOTER部分　        */		
/*--------------------------------*/


#bottom{
	height: 127px;
	width: 100%;
	margin: 0px;
	float: left;
	background: url(../img/18_footer.gif) repeat-x center bottom;
}