@charset "utf-8";
/* styleCSS Document */
/*------空のコンテンツでの天地一杯広げて確保---------------*/
html,body{
	height:100%;}
/*-------------------------------------------------*/	
body{
	background:#666;
	/*height:100%;*/
	}
/*画面いっぱい白帯	*/
#headerlong{
	clear:both;

	margin:0;
	padding:0;
	width: 100%;
	height: 40px;
	background:#fff;
	}
/*トップ一列目白帯の中のナビ*/	
#header980{
	clear:both;
		margin:0 auto;
	padding:0;
	width: 980px;
	height: 40px;
	background:#FFF;
	}	
/*トップ一列目・白帯の中のナビの内容*/	
#header980 .yokotext{
	font-size: 14px;
	color:#DB6012;/*オレンジ*/
	line-height: 3em;
	}

/*jqueryのメニュー用入れ物ボックスです*/
#honyakuBox{
	width:50px;
	height:30x;
	float:right;
	background:#fff;
	margin-top:10px;
	margin-right: 0;
	padding-left:10px;
	padding-right:0px;/*gray*/
	}
/*トップ2列目画面いっぱいの濃い色帯*/	
#headnavlong{
	margin: 0;
	padding: 0;
	width: 100%;
	height: 52px;
	background: #333333;/*紺色*/
	font: 10px "sans-serif;
	color: #FFF;
	}
/*トップ2列目・濃い色帯のナビ*/		
#nav980{
	text-align:right;
	padding: 0;
	width: 980px;
	height: 52px;
	margin: 0 auto;
	/*background:#0080F0;*/ /*水色*/
	/*background:aqua;/*こげ茶*/
	position:relative;/*四角マークの基準位置としました*/
		}
		
/*トップ2列目・濃い色帯のナビアンカー*/
#nav980 a{
	font-size: 12px;
	padding:16px 0 13px;
	/*ホバーしたときの為パッディングで上下ふくらます*/
text-indent:0.5em;/*これは文字よこ間隔*/
	line-height:4.5;/*これは文字下げ*/
}
/*トップ2列目・濃い色帯のナビのリンク設定*/
#nav980 a:link{color:#fff;}
#nav980 a:visited{color:#fff;}
#nav980 a:hover{color:#fff; background:#321010;}
#nav980 a:active{color:#fff;}
/*(+_+)なぜかマウスオーバーバックグランドカラーが下にずれる*/
/*解決#nav980 aにheight: 52pxを指定*/

/*白四角マーク基準値は#navi980です*/

/*今見ているページは先に色づけホバーと同じ色にする*/
.sonopage{
	display:inline-block;
	height:52px;
	background:#321010;
		background:#666;

	}


#shikaku{
	position:absolute;
	top:40px;
	left:0px;
	filter:alpha(opacity=90);
    -moz-opacity: 0.9;
    opacity: 0.9;
	}

/*スライドまたは固定トップ画像領域*/
#slidebox{
	width:1127px;
	height:369px;
	margin:0 auto;
	}
/*---------------kCS2のstyle2.cssに入れてみる---------------------------*/
/*メインコンテンツのベース・グレー画像バックグラウンド*/	
#ContentBack{
	width: 1127px;
	/*height: 100%;*//*------空のコンテンツでの天地一杯広げて確保-------*/
	height:auto;
	
	
	margin: 0 auto;
	background: url(../image/haikeiborder.gif);/*斜線タイル旧ホテルサイトより流用*/
	position: relative;/*基準値はここから*/
	}
	
/*---各ページ内容が違うのでのｃｓｓ2のstyle2.cssから呼び出す----------------------------------*/



/*---各ページ内容が違うのでのｃｓｓ2のstyle2.cssから呼び出すここまで--------------------------------*/


/*フッター*/
/*画面いっぱいフッター白帯	*/
#footerlong{
	background:white;
	float:none;
	margin:0;
	padding:0;
	width: 100%;
	height: 100px;
	
}	
#footerlong .copy{
	font-size: 12px;
	color:6C3703;
	display: block;
	text-align: center;
	vertical-align: bottom;
	margin: 0px auto;
	position: absolute;
	left: 375px;
	bottom: 15px;
	}


/*	position:absolute;
	top:0px;
	left:0px*/
	
/*ホジッションはできるだけ使わない*/
	
/*フッター白帯の中のナビ*/	

/*---------------------------------------------*/
#footernav980{
	margin: 0 auto;
	padding: 0;
	width: 980px;
	height: 54px;
	background:#fff;
/*	position:relative;
	top:-50px;
*/	}	

/*マーク用ボックス*/

#footerMarkBox{
	float:left;
	width: 47px;
	height: 40px;
	background: url(../image/footerMark_on.gif);
	background-repeat: no-repeat;
margin-top:7px;
margin-left:50px;
overflow:hidden;
	}
	
#footerMarkBox a:hover img {
	opacity: 0;
	filter: alpha(opacity=60);
}
/*#hasshinBox{

/*プライバシーポリシー 利用規約 サイトマップの為のリンク設定*/
.text{
	float:left;
	display: block;
	font-size:10px;
	/*background-color: #FF9;*/
	margin-top:20px;
	margin-left:15px;
	}
.text a{
	padding-left:10px;}

/*フッターナビ用の疑似クラス*/	
.text a:link{color:#666;}
.text a:visited{color:#666;}
.text a:hover{color:#666; text-decoration:underline;}
.text :active{color: #666;text-decoration: underline;}

/*発信ロゴ用ボックス*/

#hasshinBox{
	float:right;
	width:77px;
	heght:21px;
	background:url(../image/HasshinFoot_on.gif);
	background-repeat: no-repeat;
	margin-top:20px;
	margin-right:50px;
	}
#hasshinBox a:hover img {
	opacity: 0;
	filter: alpha(opacity=60);
}
/*ホバーで若干の浮きがある？*/