@charset "utf-8";

/*@import url(print.css);
@import url(aural.css);*/

/*++++++++++ initialize ++++++++++*/
*{margin:0; padding:0; /*font-weight:normal;*/ font-style:normal;}
img{border:none; display:inline;}
.left{float:left; display:inline;}
.right{float:right; display:inline;}
.align-left{text-align:left;}
.align-right{text-align:right;}
.align-center{text-align:center;}
.clear{clear:both; display:block;}
ul,li{list-style:none;}

strong{font-weight:bold;}

.page-break{page-break-before:always;}

body{
	font-family:"メイリオ", "Meiryo", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "Osaka", verdana, arial, sans-serif;
	color:#000000;
	font-size:100%;
	line-height:140%;
	text-align:center;
	background:#E2C999;
	}

* html body{font-size:90%;}

a.img-link{display:inline-block;
	filter:alpha(opacity=100);
	-moz-opacity:1.0;
	opacity:1.0;
	}

a.img-link:hover{
	display:inline-block;
	filter:alpha(style=0, opacity=60);
	-moz-opacity:0.60;
	opacity:0.60;
	}



div.no-speak{display:none;}/*音声ブラウザ*/



/*++++++++++ page layout ++++++++++*/
#header{
	width:840px;
	height:82px;
	margin:0 auto;
	background:url(../img/back_body.gif) repeat-y center top;
	overflow:hidden;
	}

#header-inner{
	position:relative;
	width:780px;
	margin:0 auto;
	padding:0 10px;
	text-align:center;
	}

#header-inner #top{
	width:300px;
	height:30px;
	text-indent:-9999px;
	float:left;
	}

#header-inner #fontChanger{
	position:absolute;
	top:5px;
	left:650px;
	width:130px;
	height:20px;
	/*padding:5px 0;*/
	/*float:right;*/
	text-align:right;
	font-size:12px;
	line-height:30px;
	}

#header-inner #header-menu-box{
	position:absolute;
	top:7px;
	left:400px;
	width:255px;
	height:20px;
	}

*+html #header-inner #header-menu-box{top:10px;}

#header-left{
	width:360px;
	height:52px;
	float:left;
	text-align:left;
	display:inline;
	}
	
#header-right{
	width:410px;
	height:52px;
	float:right;
	text-align:left;
	display:inline;
	padding-top:8px;
	}

#index-billboard{
	width:100%;
	height:240px;
	margin:0 auto;
	background:url(../img/back_billboard.gif) repeat-y center top #987747;
	}

* html #index-billboard{
	/*background:url(/img/back_billboard2.gif) repeat-y center top #987747;*/
	}

#index-billboard-inner{
	width:800px;
	height:240px;
	margin:0 auto;
	text-align:center;
	overflow:hidden;
	}

#index-billboard01{/*テスト用*/
	width:100%;
	height:180px;
	margin:0 auto;
	background:url(/img/back_billboard.gif) repeat-y center top #987747;
	}

* html #index-billboard{
	/*background:url(/img/back_billboard2.gif) repeat-y center top #987747;*/
	}

#index-billboard01-inner{/*テスト用*/
	width:800px;
	height:180px;
	margin:0 auto;
	text-align:center;
	overflow:hidden;
	}



#billboard{
	width:100%;
	height:80px;
	margin:0 auto;
	background:url(../img/back_billboard.gif) repeat-y center top #987747;
	overflow:hidden;
	}

* html #billboard{
	/*background:url(/img/back_billboard2.gif) repeat-y center top #987747;*/
	}

#billboard-inner{
	width:800px;
	height:80px;
	margin:0 auto;
	text-align:center;
	overflow:hidden;
	}

#contents{
	width:840px;
	margin:0 auto;
	background:url(../img/back_body.gif) repeat-y center top;
	overflow:hidden;
	}

#contents-inner{
	width:800px;
	margin:0 auto;
	padding:10px 0;
	text-align:left;
	overflow:hidden;
	}

#alpha{
	}

#alpha-inner{
	}

#beta{
	}

#beta-inner{
	}

#sidemenu-box{
	margin-bottom:40px;
	}
	
#sidemenu-box02/*ライブカメラ有*/
	{
	margin-bottom:20px;
	}

#sidecamera-box/*ライブカメラ用*/
	{
	margin-bottom:20px;
	}
	
#beta-banner-box{
	margin-bottom:40px;
	}

#beta-banner-box02/*ライブカメラ有*/
	{
	margin-bottom:20px;
	}


#beta-banner-box2{
	margin-left:5px;
	}

#beta-banner-mobilebox{
	border:1px solid #3D2100;
	margin:0 8px 20px 5px;
	padding:7px;
	}

#beta-banner-mobilebox p{
	font-size:76%;
	line-height:130%;
	}

#footer{
	width:840px;
	margin:0 auto;
	background:url(../img/back_footer.gif) no-repeat left top;
	}

#footer-inner{
	width:780px;
	margin:0 auto;
	padding:0;
	text-align:center;
	}

/*++++++++++ header ++++++++++*/
ul#header-menu{
	width:255px;
	height:20px;
	position:relative;
	overflow:hidden;
	float:left;
	/*margin:20px 5px 5px 5px;*/
	}

ul#header-menu li a{
	height:20px;
	position:absolute;
	top:0;
	text-indent:-9999px;
	text-decoration:none;
	}

ul#header-menu li#header-menu01 a{background:url(../img/header_menu.gif) no-repeat 0 0; left:0; width:48px;}
ul#header-menu li#header-menu02 a{background:url(../img/header_menu.gif) no-repeat -48px 0; left:48px; width:128px;}
ul#header-menu li#header-menu03 a{background:url(../img/header_menu.gif) no-repeat -180px 0; left:176px; width:71px;}

ul#header-menu li#header-menu01 a:hover{background:url(../img/header_menu.gif) no-repeat 0 -20px;}
ul#header-menu li#header-menu02 a:hover{background:url(../img/header_menu.gif) no-repeat -48px -20px;}
ul#header-menu li#header-menu03 a:hover{background:url(../img/header_menu.gif) no-repeat -180px -20px;}



/*++++++++++ navigation ++++++++++*/
ul#global-navi{
	width:800px;
	height:70px;
	margin:0 auto;
	position:relative;
	overflow:hidden;
	background:url(../img/navi.gif) no-repeat left top;
}

ul#global-navi li a{
	height:70px;
	position:absolute;
	top:0;
	text-indent:-9999px;
	text-decoration:none;
}

ul#global-navi li#global-navi01 a{background:url(../img/navi.gif) no-repeat 0 0; left:0; width:134px;}
ul#global-navi li#global-navi02 a{background:url(../img/navi.gif) no-repeat -134px 0; left:134px; width:133px;} 
ul#global-navi li#global-navi03 a{background:url(../img/navi.gif) no-repeat -267px 0; left:267px; width:133px;} 
ul#global-navi li#global-navi04 a{background:url(../img/navi.gif) no-repeat -400px 0; left:400px; width:133px;} 
ul#global-navi li#global-navi05 a{background:url(../img/navi.gif) no-repeat -533px 0; left:533px; width:133px;}
ul#global-navi li#global-navi06 a{background:url(../img/navi.gif) no-repeat -667px 0; left:667px; width:134px;}  

ul#global-navi li#global-navi01 a:hover{background:url(../img/navi.gif) no-repeat 0 -100px;}
ul#global-navi li#global-navi02 a:hover{background:url(../img/navi.gif) no-repeat -134px -100px;}
ul#global-navi li#global-navi03 a:hover{background:url(../img/navi.gif) no-repeat -267px -100px;}
ul#global-navi li#global-navi04 a:hover{background:url(../img/navi.gif) no-repeat -400px -100px;}
ul#global-navi li#global-navi05 a:hover{background:url(../img/navi.gif) no-repeat -533px -100px;}
ul#global-navi li#global-navi06 a:hover{background:url(../img/navi.gif) no-repeat -667px -100px;}


/*++++++++++ footer ++++++++++*/
#topback{
	font-size:70%;
	text-align:right;
	}

#footer p{
	font-size:85%;
	color:#B4A593;
	padding-bottom:20px;
	}

#footer #foot-navi{
	padding:30px 5px 10px 5px;
	font-size:70%;
	line-height:160%;
	}

#foot-navi a{
	text-decoration:none;
	}

#foot-navi a:hover{
	text-decoration:underline;
	}

#footer-inner address{
	padding:10px 5px;
	font-size:70%;
	line-height:140%;
	}



/*++++++++++clearfix++++++++++*/
.clearfix:after{
	content:".";
	display:block;
	clear:both;
	height:0;
	visibility:hidden;
	}

.clearfix{display:inline-block;}

/* Hides from IE-mac ¥*/
* html .clearfix{height:1%;}
.clearfix{display:block;}
/* End hides from IE-mac ¥*/