﻿@charset "utf-8";
/*style.css --- 全体レイアウト設定、テキスト設定

/* ----------------
   全体設定
---------------- */
body {
	margin : 0 ;
	padding : 0 ;
	background-image : url(../image/common/bg.jpg) ;
	background-repeat : repeat-x ;
	background-position: top; */
	color : #484848 ;
	font-size : 13px ;
	font-family : "ヒラギノ角ゴシック,MS Pゴシック, Osaka, sans-serif" ;
	line-height : 130% ;
	text-align : center ;
/*	*font-size : small ;
	*font : x-small ;*/
}

#wpart {
	width: 100%;
	margin: 0 auto 0 auto;
	text-align: left;
}
img {vertical-align:text-bottom;}

/* ----------------
   ヘッダー
---------------- */
#wpart #header {
	width: 840px;
	height: 80px;/* 外枠高さ(padding込)85　サイズを変更したらbgも変更する */
	padding-top: 5px;
	margin: 0 auto;
	background-image: url(../image/common/bg_header.png);
	background-repeat: no-repeat;
	background-position: right top;
}
* html #wpart #header {
	height: 83px;/* padding追加 */
	background-image: none;
}

#wpart #header #headerLogo {
	display: inline;
	float: left;
	width: 320px;
	height: 70px;/* 実質70＋padding-top10	右部分80pxに合わせる（Text:20、Navi30、Reserve30） */
}
* html #wpart #headerLogo img{
	behavior: expression(IEPNGFIX.fix(this));
}

#wpart #header #headerText {
	float: right;
	width: 520px;/* IE6ズレ用にサイズ調節 */
	height: 20px;
	margin: 0;
	padding: 0;
	text-align: right;
}

#wpart #header #headerText #font li {
	display: inline;
	float: right;
	margin-left: 2px;
}/* フォントサイズ変更ボタン */

/* ↓ホテルの案内1行コメント、表示をやめる(10.5.11) */
#wpart #header #headerText h2 {
	display: none;
	font-size: 10px;/* フォントサイズt1 */
	font-weight: normal;
}

#wpart #header #headerNavi {
	display: inline;
	float: right;
	width: 345px;
	height: 16px;/*要素実質高さは20px height16＋padding2×2		外枠高さ(margin込)30*/
	margin:5px 0;
	padding: 2px 0;
	background: #fff;
	font-size: 12px;
	font-weight: bold;
	vertical-align:middle;
	filter: alpha(Opacity=60);
	opacity: 0.9;
}

#wpart #header #headerNavi li {
	display: inline;
	float: right;
	height: 16px;
	height: _20px;
	padding: 0 4px;
}

#wpart #header #headerReserve {
	float: right;
	width: 520px;
	height: 30px;
	text-align: right;
}


/* ----------------
   グローバルナビ
---------------- */
#wpart #navi {
	width: 840px;
	height: 35px;
	margin: 0 auto 0 auto;
}/* 画面上グローバルナビ・印刷すると改行されるから、わざと幅を広く設定*/

* html #wpart #navi {
	margin-top: -3px;
}

/* ----------------
   pagebody（メインbody部分）
---------------- */
#wpart #pagebody {
	width: 840px;
	padding: 0 15px; /* 変更の際は#pagebodyTop、#movieも同じく変更する */
	margin: 0 auto;
	background: white;
	overflow: hidden;
	_zoom:1;
/*	background-image: url(../image/common/bg_lnavi.jpg); 左メニューに背景をつける
	background-repeat : repeat-x ;
*/
}

#wpart #pagebody h3 img {
	vertical-align: text-bottom;
}/* トップタイトル（画像下に謎の余白が出来るのを回避） */

/*  --- 各トップページ設定 ---*/
#wpart #pagebodyTop {
	width: 840px;
	padding: 0 15px;
	margin: 0 auto 0 auto;
	background: white;
	overflow: hidden;
	_zoom:1;
}
#wpart #movie {
	width: 840px;
	padding: 0 15px;
	margin: 0 auto 0 auto;
	background: #321702;
}


/* ----------------
   フッター
---------------- */
#wpart #footer {
	clear: both;
	padding-bottom: 5px;
	background-image: url(../image/common/bg_footer.jpg);
	background-position: top; */
	font-size: 12px;/* フォントサイズt2 */
	line-height: 120%;
}

#wpart #footer #footerNavi {
	width: 840px;
	height: 12px;/* 実質20（12+padding4×2） */
	padding: 4px 0;
	margin: 0 auto 0 auto;
	font-size: 12px;/* フォントサイズt2 */
	line-height: 100%;
}/* フッターナビゲーション */

#wpart #footer #footerInfo {
	width: 840px;
	margin: 0 auto 0 auto;
	text-align: right;
}

#wpart #footer #footerInfo #footerBanner {
	float: left;
	width: 330px;
	height: 38px; /* img縦23px＋margin-top15px＋margin-bottomも見越して、実質53px */
	margin-top : 15px; 
}

#wpart #footer #footerInfo #footerBanner img {
	width: 150px;
	height: 23px;
	margin-right : 3px;
}

#wpart #footer #footerInfo #footerCopy {
	float: left;
	padding: 2px 0;
	width : 500px; 
	color: white;
}

#wpart #footer #footerInfo #footerCopy a {
	color: white;
}


/* ----------------
   左ナビ
---------------- */
#wpart #pagebody #lnavi {
	display: inline;
	float: left;
	width: 170px;/* 実質180．padding分をマイナス */
	padding: 5px 10px 5px 0;
	font-size: 13px;/* フォントサイズt2 */
/*	background-image: url(../image/common/bg_lnavi.jpg); 左メニューに背景をつける 
	background-repeat : repeat-x ;
	overflow: hidden;
	_zoom:1;*/
}/* 画面左／ナビメニュー */

#wpart #pagebody #lnavi .banner img{
	width: 170px;
}
#wpart #pagebody #lnavi .banner a img{
	margin-bottom: 3px;
}

/* ----------------
   メイン
---------------- */
#wpart #pagebody #main {
	display: inline;
	float: left;
	width: 650px;/* 実質660．padding分をマイナス */
/*	_width: auto;*/
	padding: 5px 0 0 10px;/* 上部に隙間をつけずに背景白表示する */
}/* 画面中央、メインコンテンツ */

#wpart #pagebody #main .content {
	clear: both;
	width: 650px;
	_width: auto;
	margin-bottom: 5px;
}

