@charset "euc-jp";

/*-------------------------------------

screen.css
author: 洞爺湖万世閣（mailto:info@toyamanseikaku.jp）
info: pc設定（テーブルレイアウト用）
-------------------------------------*/

/* 背景デザイン用
-------------------------------------*/
body{
	behavior:url("./csshover.htc");
	background:#d4ede5 url(../img/common/body_bg.gif) repeat-x 0 0;
	margin:0 auto;
	padding:0;
	text-align:center;
}
body#reset{
	background-image:none;
	background-color:#fff;
}
#bg{
	width:944px;
	margin:0 auto;
}
#set-bg{
	background:url(../img/common/set-bg_bg.gif) repeat-y 0 0;
	width:944px;
	margin:0 auto;
	float:left;
}
#set{
	background:url(../img/common/set_bg.jpg) no-repeat 0 0;
	width:944px;
	float:left;
}

/* ヘッダー
-------------------------------------*/
#header{
	width:900px;
	height:280px;
	margin-left:22px;
	float:left;
	background:url(../img/common/header_bg01.gif) repeat-x 0 0;
}
*html #header{
	margin-left:11px;
}
#title{
	margin:0;
	padding:0;
	width:295px;
	float:left;
	height:60px;
}
#title a img{
	border-width:0;
}
/* ヘッダーナビゲーション */
#h-navi{
	width:550px;
	height:30px;
	margin:0 10px 0 0; 
 padding:10px 0 0;
	float:right;
}
*html #h-navi{
	height:40px;
	margin:0 5px 0 0; 
}
#h-navi li{
	float:left;
	list-style-type:none;
	margin:0;
}
#h-navi a{
	display:block;
	height:25px;
	margin-left:10px;
}
#h-navi01 a{
	background:url(../img/common/menu02a.gif) no-repeat 0 0;
	width:76px;
}
#h-navi02 a{
	background:url(../img/common/menu02b.gif) no-repeat 0 0;
	width:101px;
}
#h-navi03 a{
	background:url(../img/common/menu02c.gif) no-repeat 0 0;
	width:40px;
}
#h-navi04 a{
	background:url(../img/common/menu02d.gif) no-repeat 0 0;
	width:76px;
}
#h-navi05 a{
	background:url(../img/common/menu02e.gif) no-repeat 0 0;
	width:149px;
}
#h-navi06 a{
	background:url(../img/common/menu02f.gif) no-repeat 0 0;
	width:98px;
}
#h-navi a:hover{
	background-position:0 -25px;
}
#h-navi img{
	border-width:0;
}

/* フリーダイアル */
#header-tel{
	width:900px;
	height:20px;
	clear:both;
	text-align:right;
	background:url(../img/common/title02.gif) no-repeat left top;
}

/* 看板 */
#header-img{
	width:900px;
	height:100px;
	clear:both;
}

/* パンくずリスト */
#topic-path{
	width:412px;
	height:17px;
	padding:5px 5px 0;
	margin:0 22px 0 0;
	float:right;
	font-size:12px;
	text-align:right;
/*	background:url(../img/common/tp_bg.gif) repeat-x 0 0; */
}
*html #topic-path{
	height:22px;
	margin:0 11px 0 0;
}
#topic-path li{
	height:12px;
	margin:0;
	padding:0;
	list-style-type:none;
	display:inline;
}
#topic-path a{
	padding-right:12px;
	margin-right:5px;
 background:url(../img/common/arrow01.gif) no-repeat;
	background-position:100% 50%;
}

/* ボディー
-------------------------------------*/
#body{
	width:900px;
	float:left;
	margin-left:22px;
	background:#fff url(../img/common/col_bg.gif) repeat-y 0 0;
}
*html #body{
	margin-left:11px;
}
@media print{
	#body{
		width:905px;
	}
}

/* トップバナー */
#top-banner{
	width:468px;
	padding-top: 2px;
	padding-right: 0;
	padding-bottom: 2px;
	padding-left: 22px;
	display: inline;
	float: left;
}
#top-banner a{
	background:url(../img/common/25banner_middle.jpg) no-repeat 0 0;
	float:left;
	text-indent:-9999px;
	overflow:hidden;
	display:block;
	width:468px;
	height:60px;
}

/* 左カラム
-------------------------------------*/
#col-left{
	width:200px;
	float:left;
}
#l-banner01{
	width:200px;
	float:left;
	margin:5px 0 0;
	padding:0;
	background:url(../img/common/col-l_bg01.gif) repeat-y 0 0;
}
#l-banner01 li{
	margin:0;
	list-style-type:none;
	line-height:1;
	padding:0;
	float:left;
}
#l-banner01a a{
	display:block;
	width:200px;
	height:91px;
	background:url(../img/common/banner_kokuken.jpg) no-repeat 0 0;
}
#l-banner01b a{
	display:block;
	width:200px;
	height:153px;
	background:url(../img/common/banner02.jpg) no-repeat 0 0;
}
#l-banner01c{
	display:block;
	width:200px;
	height:228px;
	background:url(../img/common/banner03.jpg) no-repeat 0 0;
}

#l-banner01d a{
	display:block;
	width:200px;
	height:89px;
	margin:0 0 5px;
	background:url(../img/common/banner08.jpg) no-repeat center top;
}
#l-banner01e a{
	display:block;
	width:176px;
	height:89px;
	margin:0 0 5px;
	background:url(../img/common/chibiceleb-175.gif) no-repeat center top;
}
#l-banner01f a{
	display:block;
	width:200px;
	height:89px;
	margin:0 0 5px;
	background:url(../img/common/petit-rich.jpg) no-repeat 0 0;
}
#l-banner01g a{
	display:block;
	width:180px;
	height:76px;
	margin:0 0 5px;
	background:url(../img/common/banner_kokuken.jpg) no-repeat 0 0;
}
#l-banner01a a:hover{
	background-position:0 -91px;
}
#l-banner01b a:hover{
	background-position:0 -153px;
}
#l-banner01d a:hover{
	background-position:0 -89px;
}

/* プラン終了 100126 */
#l-banner01g,
#l-banner01g *,
#l-banner01e,
#l-banner01e *,
#l-banner01d,
#l-banner01d *,
#l-banner01f,
#l-banner01f *{
	display:none;
}

#l-banner01f a:hover{}

#l-banner02{
	width:200px;
	margin:0;
	padding:0 0 10px 0;
	float:left;
	background:url(../img/common/col-l_bg01.gif) repeat-y 0 0;
}
#l-banner02 li{
	margin:0 0 0 2px;
	padding:0;
	float:left;
	list-style-type:none;
}
*html #l-banner02 li{
	margin:0 0 0 1px;
}
#l-banner01 a img,
#l-banner02 a img{
	border-width:0;
}
#col-l-end{
	float:left;
	width:200px;
	height:20px;
	background:url(../img/common/col-l_bg02.gif) no-repeat 0 0;
}

/* 右カラム
-------------------------------------*/
#col-right{
	width:700px;
	float:left;
}
@media print{
	#col-right{
		width:705px;
	}
}
/* メニュー */
#menu-bg{
	float:left;
	position:relative;
	z-index:10;
	height:47px;
	background:url(../img/common/menu01_bg.gif) no-repeat left bottom;
}
#menu-bg *{
	margin:0;
	padding:0;
	text-align:left;
}
#menu{
	float:left;
	height:40px;
	position:relative;
	list-style:none;
	z-index:100;
	margin:0;
	padding:0;
}
#menu a img{
	border-width:0;
}
#menu01 a{
	display:block;
	background:url(../img/common/menu01a.gif) no-repeat 0 0;
}
#menu02{
	background:url(../img/common/menu01b.gif) no-repeat 0 0;
}
#menu03{
	background:url(../img/common/menu01c.gif) no-repeat 0 0;
}
#menu04{
	background:url(../img/common/menu01d.gif) no-repeat 0 0;
}
#menu05 a{
	display:block;
	background:url(../img/common/menu01e.gif) no-repeat 0 0;
}
#menu06 a{
	display:block;
	background:url(../img/common/menu01f.gif) no-repeat 0 0;
}
#menu07{
	background:url(../img/common/menu01g.gif) no-repeat 0 0;
}
#menu li#menu01 a,
#menu li#menu02,
#menu li#menu03,
#menu li#menu04,
#menu li#menu05 a,
#menu li#menu06 a,
#menu li#menu07{
	position:relative;
	z-index:200;
	width:100px;
	height:40px;
	padding:0;
	margin:0;
}
#menu li#menu01 a:hover,
#menu li#menu02:hover,
#menu li#menu03:hover,
#menu li#menu04:hover,
#menu li#menu05 a:hover,
#menu li#menu06 a:hover,
#menu li#menu07:hover{
	border:none;
	visibility:visible;
	background-position:0 -40px;
}
#menu li{
	position:relative;
	height:40px;
	z-index:300;
	overflow:hidden;
	float:left;
	display:block;
	padding:0;
	margin:0;
}
#menu li a img{
	padding:0;
	margin:0;
}
#menu li ul{
	list-style-type:none;
	display:none;
	overflow:hidden;
}
#menu li:hover{
	overflow:visible;
}
#menu li:hover ul{
	display:block;
	width:200px;
	position:absolute;
	top:40px;
	left:0;
	font-size:12px;
	z-index:400;
	border:solid 1px #9c9;
	visibility:visible;
}
#menu li ul li{
	list-style-type:none;
	display:block;
	width:200px;
	height:24px;
	float:none;
	background:#fff;
}
#menu li ul li a{
letter-spacing:-1px;
	text-decoration:none;
	width:178px;
	height:18px;
	padding:5px 0 0 22px;
	display:block;
	color:#555;
	background:url(../img/common/menu01_icon.gif) no-repeat 4px 4px;
	border-bottom:dotted 1px #9c9;
}
*html #menu li ul li a{
	width:200px;
}
#menu li ul li:hover{
	visibility: visible;
	background:#edfcf4 url(../img/common/menu01_sub_bg.gif) repeat-x left bottom;
}
#menu li ul li a:hover{
	visibility: visible;
	color:#333;
	background-position:4px -16px;
}

/* ページ */
#col-right h2{
	float:left;
	width:660px;
	padding:0;
	margin:0 0 0 20px;
}
*html #col-right h2{
	margin:0 0 0 10px;
}
.page{
	background:#fff url(../img/common/page_bg.gif) repeat-x left bottom;
	width:640px;
	text-align:left;
	padding:10px 10px 20px;
	margin:0 0 20px 20px;
	float:left;
	font-size:13px;
	color:#333;
	line-height:1.4;
}
*html .page{
	margin-left:10px;
}
.page p,
.page li,
.page dd,
.page dt,
.page ul,
.page ol,
.page dl{
	line-height:1.4;
}

/* テーブル線 */
.table th,
.table td{
	border-collapse:collapse;
	border-top:solid 1px #ccc;
	border-bottom:solid 1px #ccc;
	border-left:solid 1px #f0f0f0;
	border-right:solid 1px #f0f0f0;
}

/* トップページ用 */
.page-top{
	background:#fff url(../img/common/page_bg.gif) repeat-x left bottom;
	width:640px;
	text-align:left;
	float:left;
	padding:0 0 20px;
	margin:0 0 20px 20px;
}
*html .page-top{
	margin-left:10px;
}

/* お問い合わせフォーム */
#form-inpuiry{}
#form-inpuiry fieldset{
	padding:0 10px 10px;
	border:solid 1px #ccc;
	margin:0 0 10px;
}
#form-inpuiry legend{
	margin:0 0 8px;
}
#form-inpuiry p{
	border-bottom:solid 1px #ccc;
	margin:0 0 8px;
	padding:0 0 5px;
}
#form-inpuiry label{
	cursor:pointer;
}
#form-inpuiry input{}
#form-inpuiry select{}
#form-inpuiry .button-inquiry{
	margin:20px 0 0;
	width:640px;
	text-align:center;
}
#form-inpuiry .button-inquiry input{
	margin:0 50px;
}
#form-inpuiry .label{
	width:160px;
	height:18px;
	color:#888;
	border-right:solid 1px #ccc;
	float:left;
	display:block;
	margin:0 5px 0 0;
	padding:2px 5px 0 0;
	text-align:right;
	font-weight:bold;
}
*html #form-inpuiry .label{
	height:20px;
}

/* フッター
-------------------------------------*/
#footer{
	background:url(../img/common/footer_bg.gif) no-repeat 0 0;
	clear:both;
	margin:0 0 0 22px;
	width:900px;
	height:40px;
	float:left;
}
*html #footer{
	margin-left:11px;
}
#copyright{
	font-size:12px;
	margin-top:16px;
	color:#fff;
}
#copyright a{
	color:#fff;
}
#copyright a:visited{
	color:#f0f0f0;
}
#copyright a:hover{
	color:#fc0;
}

/*-------------------------------------

title:レイアウト汎用class

info:フロート（クリアー）、文字寄せ、改行のクラス宣言

date:2008/01/07

-------------------------------------*/

/* フロート */
.float-l{
	float:left;
}
.float-r{
	float:right;
}
.no-float{
	float:none;
}

/* クリアー */
.clear-i{
	clear:left;
}
.clear-r{
	clear:right;
}
.clear-b{
	clear:both;
}
.no-clear{
	clear:none;
}

/* 文字寄せ横 */
.align-l{
	text-align:left;
}
.align-r{
	text-align:right;
}
.align-c{
	text-align:center;
}
.page .align-c tbody th,
.page .align-c tbody td{
	text-align:center;
}

/* 改行 */
.display-b{
	display:block;
}
.display-i{
	display:block;
}
.page .w-100{
	width:640px;
}

/* フォントサイズ */
.font-s{
	font-size:12px;
}

/* 色 */
.red{
	color:red;
}

/* 幅 */
table.w100{
	width:640px;
}

/* ホテル情報 */
.hotel-info{
	color:#002216;
	line-height:1.4;
	width:188px;
	float:left;
	margin:0 0 5px 6px;
	padding:15px 0 4px;
	text-align:left;
	font-size:8pt;
	border-bottom:dotted 1px #47CDA2;
}
*html .hotel-info{
	margin-left:3px;
}
.hotel-info dt{
	background:#4FD0A7;
	margin:0 0 2px;
	padding:0 2px;
}
.hotel-info dd{
	margin:0;
	padding:0;
}
.h-info-sub{
	color:#683923;
}
p#ta_top01  p,img{
	padding:0;
	margin:0;
	border:0;
	}
	
p#ta_top01 {
	height: 83px;
	width: 263px;
	padding: 0px;
	border:0;
	display: inline;
	float: left;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 20px;
}


*html #ta_top01 p,img{
	padding:0;
	margin:0;
	border:0;
	}