@charset "UTF-8";
@import url(./rollover.css);
/*********************************************
**    Copyright (c) 2007 abis.
**                  All Rights Reserved.
**********************************************/
/*********************************************
**  ■初期化設定
**  ■基本設定
**  └その他
**  ■ヘッダー設定
**  ■ヘッダーメニュー設定
**  ■フッター設定
**  ■左部設定
**  ■中央設定
**  ■共通設定
**  ├要素関連
**  ├レイアウト関連
**  ├ナビゲーション関連
**  ├画像関連
**  ├テキスト関連
**  ├フォーム関連
**  ├テーブル関連
**  ├注釈関連
**********************************************/
/*++++++++++++++++++++++++++++++++++++++++
         初期化設定
++++++++++++++++++++++++++++++++++++++++*/
* {
	margin				: 0;
	padding				: 0;
	font-family			: "ＭＳ Ｐゴシック", "Osaka－等幅";
	line-height			: 150%;
	font-size			: small;
	outline				: none;
}

/*++++++++++++++++++++++++++++++++++++++++
         基本設定
++++++++++++++++++++++++++++++++++++++++*/
body {
	background			: url(../blogparts/img_body_bg.jpg) repeat-x 0 0;
	margin				: 0 0 30px 0;
}

#container {
	width				: 780px;
	margin				: 0 auto;
	background			: #ffffff;
}

/*-----------------------------
         その他
-----------------------------*/
/*  リンク
-----------------------------*/
a:link {
	color				: #30782b;
}
a:visited {
}
a:hover {
}

/*++++++++++++++++++++++++++++++++++++++++
         ヘッダー設定
++++++++++++++++++++++++++++++++++++++++*/
#header {
	background			: url(../blogparts/img_header_bg.jpg) repeat-x 0 0;
	border				: solid #cccccc;
	border-width		: 1px 1px 0 1px;
	padding				: 7px 0 0 0;
	height				: 61px;
}
	#header table {
		width				: 780px;
	}
	#header img.logo {
		border				: none;
		margin				: 0 0 13px 19px;
	}
	#header h1 {
		text-align			: right;
		font-weight			: normal;
		color				: #666666;
		margin				: 0 10px 0 0;
		font-size			: 13px;
	}
	.lyt_header_add {
		text-align			: right;
		margin				: 0 10px 0 0;
	}
		.lyt_header_add img {
			margin				: 5px 0 0 5px;
		}
#flashcontent {
	border				: solid #cccccc;
	border-width		: 0 1px 0 1px;
}
/*++++++++++++++++++++++++++++++++++++++++
         ヘッダーメニュー設定
++++++++++++++++++++++++++++++++++++++++*/
#header_menu {
	margin				: 0 0 7px 0;
}
*:first-child+html #header_menu {
	margin				: 0 0 27px 0;
}

/*++++++++++++++++++++++++++++++++++++++++
         フッター設定
++++++++++++++++++++++++++++++++++++++++*/
#footer {
	background			: url(../blogparts/img_footer_bg.jpg) repeat-x 0 bottom;
	margin				: 20px 0 0 0;
}
	#footer img {
		margin				: 0 12px 12px 0;
	}
.page_top {
	text-align			: right;
	margin				: 0 10px -10px 0;
}
	.page_top a {
		font-size			: 85%;
	}
.footer_link {
	margin				: 0 0 0px 15px;
}
	.footer_link a {
		color				: #000000;
	}
.footer_add {
	margin				: 5px 0 -30px 15px;
	line-height			: 130%;
	font-size			: 90%;
}
#copyright {
	text-align			: right;
}
	#copyright a {
		color				: #000000;
		text-decoration		: none;
	}

/*++++++++++++++++++++++++++++++++++++++++
         左部設定
++++++++++++++++++++++++++++++++++++++++*/
#left {
	width				: 184px;
	float				: left;
	margin				: 0 18px 0 12px;
}
	#left p {
		clear				: both;
		text-align			: right;
		margin				: 3px 5px 0 0;
	}
/* サブメニュー */
.left_sub_menu {
	border				: 1px solid #d9d9d9;
	background			: #f5f5f5;
	margin				: 0 0 1px 0;
}
.left_sub_menu li {
	list-style-type		: none;
	display				: block;
	border-bottom		: 1px dotted #a9a9a9;
	padding				: 4px 0 4px 10px;
}
	.left_sub_menu li a {
		font-size			: 13px;
		text-decoration		: none;
	}
		.left_sub_menu li a:hover {
			text-decoration		: underline;
		}

/* アビスブログ */
#left .blog_left p {
	background			: #98d793 url(../blogparts/left_blog_bg.jpg) repeat-x 0 bottom;
	text-align			: left;
	border				: 2px solid #cccccc;
	padding				: 5px 5px 5px 10px;
	color				: #ffffff;
	font-weight			: bold;
	font-size			: 116%;
	width				: 165px;
}
.blog_left ul {
	border				: 1px solid #d9d9d9;
	border-top			: none;
	background			: #f5f5f5;
	margin				: 0 0 15px 0;
}
.blog_left li {
	list-style-type		: none;
	display				: block;
	border-bottom		: 1px dotted #a9a9a9;
	padding				: 4px 5px 4px 10px;
	line-height			: 120%;
}
	.blog_left li a {
		font-size			: 13px;
		text-decoration		: none;
		line-height			: 120%;
	}
		.blog_left li a:hover {
			text-decoration		: underline;
		}

/*-----------------------------
         カレンダー関連 
-----------------------------*/
#lyt_calendar {
	margin				: 2px 0 10px 0;
	text-align			: center;
}
#monthlylist {
	margin				: 5px 0 0 0;
	text-align			: center;
}
	#monthlylist select {
		background			: #ffffff;
	}
#lyt_calendar table {
	width				: 161px;
	margin				: 0 auto;
	text-align			: center;
}
	#lyt_calendar th {
		font-weight			: bold;
	}
		.txt_week_sunday {
			color				: #ff0000;
		}
		.txt_week_saturday {
			color				: #000033;
		 }
	#lyt_calendar td {
		padding				: 1px 0 2px 0;
		width				: 23px;
		text-align			: center;
	}

/*-----------------------------
    エントリーコメント関連 
-----------------------------*/
#comments p.posted	{
	text-align			: right;
	padding				: 0 5px 3px 0;
	border-bottom		: 1px dashed #999999;
	
}
#comments #url {
	margin				: 0 0 5px 0;
}
.comment-footer {
	text-align			: right;
	padding				: 0 5px 3px 0;
	border-bottom		: 1px dashed #999999;
}

#comments h2, #trackbacks h2 {
	margin				: 30px 2px 5px 2px;
}

/*++++++++++++++++++++++++++++++++++++++++
         中央設定
++++++++++++++++++++++++++++++++++++++++*/
#center {
	width				: 548px;
	float				: left;
	margin				: 0 18px 0 0;
}

/*++++++++++++++++++++++++++++++++++++++++
         共通設定
++++++++++++++++++++++++++++++++++++++++*/
/*-----------------------------
         要素関連 
-----------------------------*/
/*  見出し
-----------------------------*/
h3 {
	font-size			: 110%;
	font-weight			: bold;
	color				: #30782b;
	background			: url(../blogparts/img_list_icon_white.gif) no-repeat 0 center;
	border-top			: 3px solid #7bcc74;
	border-bottom		: 1px solid #cccccc;
	margin				: 12px 0 10px 0;
	padding				: 6px 0 6px 20px;
}
/*-----------------------------
         レイアウト関連 
-----------------------------*/
.flt_left	{ float: left; }
.c_both		{ clear: both; }
.lyt_block	{ display: block; }
.lyt_sps5	{ margin: 0 0 5px 0; }
.lyt_spc10	{ margin: 0 0 10px 0; }
.lyt_spc20	{ margin: 0 0 20px 0; }
.lyt_spc30	{ margin: 0 0 30px 0; }
.lyt_spc40	{ margin: 0 0 30px 0; }
.lyt_spc50	{ margin: 0 0 50px 0; }
.lyt_left	{ text-align: left; }
.lyt_center	{ text-align: center; }
.lyt_right	{ text-align: right; }
.lyt_top	{ vertical-align: top; }
.lyt_middle	{ vertical-align: middle; }
.lyt_bottom	{ vertical-align: bottom; }

.entry {
	margin				: 0 0 20px 0;
}
	.entry p {
		margin				: 0 0 18px 0;
	}

/*-----------------------------
         ナビゲーション関連 
-----------------------------*/
#navi {
	margin				: 10px 0 12px 14px;
}

/*-----------------------------
         画像関連 
-----------------------------*/
.border_non { border: none; }

/* 予約ボタン */
.lyt_reserves_botton {
	margin				: 10px 0 5px 0;
}

/*-----------------------------
         テキスト関連 
-----------------------------*/
.txt_bld	{ font-weight: bold; }
.txt_f10	{ font-size: 78% !important; }
.txt_f15	{ font-size: 117% !important; }


/*-----------------------------
         フォーム関連 
-----------------------------*/
input {
	margin				: 3px 0 3px 0;
}

select {
	vertical-align		: middle;
	margin				: 3px 5px 3px 0;
}
	select option {
		padding				: 0 5px 0 0;
	}

.frm_button {
	height				: 30px;
	padding				: 0 10px 0 10px;
}

/*-----------------------------
         テーブル関連 
-----------------------------*/

/*-----------------------------
         注釈関連 
-----------------------------*/
.txt_annotation {
	color				: red;
}

/* ++++++++++++++++++++ 各ページデザイン部分設定 ++++++++++++++++++++ */
/* ++++++ トップページ ++++++ */
#index_center {
	margin				: 0 0 8px 0;
}
#index_left {
	float				: left;
	width				: 379px;
	margin				: 0 22px 0 0
}
#index_right {
	float				: left;
	width				: 379px;
}

/* アピールポイント */
.appeal_point {
	width				: 185px;
	float				: left;
	margin				: 4px 13px 0 0;
}
/* safari */
html[xmlns*=""] body:last-child .appeal_point {
	margin				: 4px 13px 8px 0;
}
/* end */
/* IE7 */
*:first-child+html .appeal_point {
	margin				: 4px 13px 8px 0;
}
/* end */

	.appeal_point h3 {
		border				: 1px solid #b6e3b3;
		background			: #ffcda4;
		color				: #30782b;
		font-weight			: bold;
		padding				: 2px 0 2px 5px;
		margin				: 0 0 5px 0;
		font-size			: 95%;
	}
		.appeal_point h3 a {
			color				: #30782b;
			font-weight			: bold;
			font-size			: 100%;
		}
		.appeal_point img {
			display				: block;
			margin				: 0 5px 0 0;
			border				: none;
		}
		.appeal_point span {
			display				: block;
			font-size			: 85%;
			color				: #666666;
			line-height			: 120%;
			padding				: 3px 3px 0 3px;
		}

/* 特集バナー */
.lyt_tokushu {
	margin				: 0 0 18px 0;
}
	.lyt_tokushu img {
		border				: none;
	}

/* 最新情報 */
.news_recent {
	margin				: 10px 0 10px 0;
}
	.news_recent span {
		line-height			: 120%;
		margin				: 0 5px 0 0;
	}
	.news_recent p {
		border-bottom		: 1px dotted #999999;
		margin				: 0 0 7px 0;
		line-height			: 120%;
		background			: url(../blogparts/img_list_icon_white.gif) no-repeat 0 3px;
		padding				: 0 0 8px 20px;
	}
/* お客様の声 */
.tbl_voice_menu {
	width				: 363px;
	margin				: 10px 0 0 0;
}
.tbl_voice_menu img {
	margin				: 0 3px 0 0;
}
/* 噴出し中央 */
.voice_bg {
	background			: url(../blogparts/img_index_voice_bg.gif) repeat-y 0 0;
	vertical-align		: bottom;
}
/* 噴出しテキスト */
.voice_description  {
	margin				: -10px 20px 5px 30px;
	color				: #ffffff;
	font-weight			: bold;
}
/* リンクタイトル部分 */
p.voice_link {
	background			: #fe7a22 url(../blogparts/img_list_icon_orange.gif) no-repeat 3px center;
	position			: relative;
	padding				: 0 0 0 20px;
	border				: 1px solid #9fda9b;
	margin				: 0 20px -8px 30px;
	height				: 100%;
}
	p.voice_link a {
		color				: #ffffff;
		font-weight			: bold;
	}

/* ++++++ 宿泊ガイド ++++++ */
/* 4つのアピールポイント */
.lyt_stay_point {
	width				: 548px;
	margin				: 0 0 20px 0;
}
	.lyt_stay_point td {
		vertical-align		: top;
	}
	.lyt_stay_point h4 {
		font-size			: 110%;
		color				: #30782b;
		margin				: 2px 0 3px 0;
	}
	.lyt_stay_point p {
		line-height			: 120%;
		margin				: 0 0 8px 0;
	}
		.lyt_stay_point span {
			font-weight			: bold;
			color				: #ff0000;
			line-height			: 120%;
		}

/* 客室料金 */
.lyt_stay_cost table {
	width				: 548px;
}
	.lyt_stay_cost th {
		width				: 263px;
		font-weight			: normal;
		text-align			: left;
		color				: #666666;
		font-size			: 85%;
		padding				: 0 0 2px 0;
	}
		.lyt_stay_cost th img {
			margin				: 0 0 2px 0;
		}
	.lyt_stay_cost td {
		vertical-align		: top;
	}
	.lyt_stay_cost p {
		margin				: 3px 0 3px 0;
		line-height			: 120%;
	}
	.lyt_stay_cost h4 {
		color				: #30782b;
		font-size			: 110%;
	}
		.lyt_stay_cost h4 span {
			font-weight			: normal;
		}
	.lyt_stay_cost h5 {
		color				: #fe7a22;
		font-size			: 120%;
	}
		.lyt_stay_cost h5 span {
			font-weight			: normal;
		}

/* 客室設備 */
.lyt_stay_equipment div {
	width				: 173px;
	float				: left;
	margin				: 4px 14px 8px 0;
}
	.lyt_stay_equipment span {
		display				: block;
		line-height			: 120%;
		font-size			: 90%;
		margin				: 0 0 4px 0;
	}
	.lyt_stay_equipment h4 {
		border				: 1px solid #b6e3b3;
		background			: #ffcda4;
		color				: #30782b;
		font-weight			: bold;
		padding				: 2px 0 2px 5px;
		margin				: 0 0 5px 0;
	}
/* 客室内装備 */
.lyt_stay_equipment p {
	background			: url(../blogparts/img_list_icon_white.gif) no-repeat 0 center;
	margin				: 0;
	padding				: 0 0 0 18px;
}
.lyt_stay_equipment li {
	list-style-type		: none;
}
	.lyt_stay_equipment li span {
		color				: #7bcc74;
		display				: inline;
		margin				: 0 4px 0 0;
	}

/* 館内ご案内 */
.lyt_stay_info {
	margin				: 0 0 10px 0;
}
.lyt_stay_info div {
	border-bottom		: 1px dotted #999999;
	padding				: 0 0 3px 0;
	margin				: 0 0 3px 0;
	height				: 100%;
}
	.lyt_stay_info span {
		display				: block;
		width				: 173px;
		float				: left;
		margin				: 0 10px 0 0;
	}
		.lyt_stay_info img {
			margin				: 1px;
		}
	.lyt_stay_info h4 {
		color				: #30782b;
		font-weight			: bold;
		font-size			: 110%;
	}
	.lyt_stay_info p {
		margin				: 0 0 0 107px;
		line-height			: 120%;
	}
		.lyt_stay_info br {
			font-size		: 1px;
		}

/* お客さまへ */
.lyt_to_customer h4 {
	color				: #30782b;
	font-size			: 110%;
	margin				: 0 0 5px 0;
}
.lyt_to_customer p {
	margin				: 0 0 10px 10px;
	text-indent			: -10px;
}
	.lyt_to_customer p span {
		color				: #30782b;
	}

/* ++++++ ご予約画面 +++++++ */
.lyt_reserver_title {
	font-size			: 110%;
	color				: #30782b;
	font-weight			: bold;
	margin				: 0 0 0 18px;
}

/* ++++++ ホテル便り ++++++ */
.news {
	margin				: 10px 0 30px 15px;
}
	.news span {
		line-height			: 100%;
		margin				: 0 0 0 3px;
	}
	.news p {
		margin				: 0 0 7px 0;
		line-height			: 120%;
		background			: url(../blogparts/img_list_icon_white.gif) no-repeat 0 center;
		padding				: 0 0 0 20px;
	}
	
	.news div p{
		background			: none;
		padding				: 0;
		margin				: 0 0 15px 0;
	}

.news-entry-page{
	margin				: 20px 0 ;
	text-align			: right ;
}

/* ++++++ お客さまの声 ++++++ */
.lyt_customer {
	border-bottom		: 1px dotted #999999;
	margin				: 0 0 10px 0;
}
	.lyt_voice {
		border				: 1px solid #d9d9d9;
		background			: #f5f5f5;
		padding				: 5px 10px 5px 10px;
		margin				: 0 0 10px 0;
	}
		.lyt_voice span {
			font-size			: 110%;
			color				: #30782b;
			font-weight			: bold;
		}
	.lyt_voice_abis {
		padding				: 5px 10px 5px 10px;
	}
		.lyt_voice_abis span {
			font-weight			: bold;
			font-size			: 110%;
		}
		
.posted {
	color				: #cccccc;
	text-align			: right;
	margin				: 8px 0 15px 0 ;
}

/* ++++++ アクセス ++++++ */
.lyt_access_add {
	border				: 1px solid #d9d9d9;
	background			: #f5f5f5;
	padding				: 11px 14px 11px 14px;
	margin				: 15px 0 20px 0;
}
	.lyt_access_add p {
		font-weight			: bold;
		font-size			: 120%;
	}
	.lyt_access_add p span {
		color				: #30782b;
		font-size			: 100%;
		margin				: 0 20px 0 0;
	}
	.lyt_access_add p a {
		font-size			: 100%;
	}

/* 交通アクセス */
.tbl_access_time {
	width				: 548px;
	margin				: 0 0 30px 0;
}
	.tbl_access_time th {
		vertical-align		: top;
		width				: 267px;
		font-weight			: normal;
		text-align			: left;
	}
	.tbl_access_time td {
		vertical-align		: top;
		padding				: 0 5px 0 0;
	}
		.tbl_access_time td div {
			margin				: 0 0 10px 0;
		}
		.tbl_access_time td span {
			color				: #30782b;
			font-size			: 116%;
		}
			.tbl_access_time td span a {
				font-size			: 100%;
				color				: #30782b;
				font-weight			: bold;
			}
		.tbl_access_time p {
			line-height			: 200%;
		}
			.tbl_access_time td ul {
				list-style-type		: none;
				margin				: 0 0 0 13px;
			}

/* 駐車場のご案内 */
.parking_info {
	border				: 1px solid #cccccc;
	font-size			: 116%;
	font-weight			: bold;
	padding				: 7px 13px 7px 13px;
	background			: #f5f5f5;
	margin				: 0 0 20px 0;
}
.parking h4 {
	border-bottom		: 1px dotted #999999;
	font-weight			: normal;
	margin				: 0 0 5px 0;
}
.parking table {
	width				: 545px;
	margin				: 6px 0 0 0;
}
	.parking table th {
		vertical-align		: top;
		width				: 200px;
	}
		.parking table th span {
			width				: 200px;
			border				: 1px solid #7bcc74;
			background			: #ffcda4;
			color				: #30782b;
			padding				: 3px 2px 3px 2px;
			display				: block;
		}
	.parking table td {
		line-height			: 120%;
		padding				: 0 0 20px 20px;
	}


/* ホテル周辺スポット */
.lyt_spot {
	border-bottom		: 1px dotted #999999;
	padding				: 0 0 3px 0;
	margin				: 0 0 3px 0;
	height				: 100%;
}
	.lyt_spot div span {
		border				: 1px solid #cccccc;
		display				: block;
		width				: 260px;
		float				: left;
		margin				: 0 10px 0 0;
	}
		.lyt_spot img {
			margin				: 1px;
		}
	.lyt_spot h4 {
		color				: #30782b;
		font-weight			: bold;
		font-size			: 110%;
	}
		.lyt_spot h4 a {
			font-size			: 100%;
		}
	.lyt_spot p {
		margin				: 0 0 0 274px;
		line-height			: 120%;
	}
		.lyt_spot p span {
			line-height			: 120%;
			border				: none;
			color				: #ff0000;
			font-weight			: bold;
			display				: inline !important;
			float				: none !important;
			margin				: 0;
		}
		.lyt_spot br {
			font-size		: 1px;
		}

/* ++++++ プライバシーポリシー ++++++ */
.policy h4 {
	color				: #30782b;
	font-weight			: bold;
	font-size			: 110%;
}
.policy p {
	margin				: 0 0 18px 0;
}

/* ++++++ 便利リンク集 ++++++ */
.link {
	margin				: 0 0 30px 0;
	width				: 548px;
}
	.link_entry {
		margin			: 0 0 15px 20px;
		width			: 500px;
	}
	.link h4 {
		font-size			: 116%;
		font-weight			: bold;
	}
		.link h4 a {
			font-size			: 100%;
			color				: #30782b;
		}


/* ++++++ アビスブログ ++++++ */
.lyt_blog {
	border-bottom		: 1px dotted #999999;
	margin				: 0 0 10px 0;
}
	.lyt_blog_entry {
		border				: 1px solid #d9d9d9;
		padding				: 5px 10px 5px 10px;
		margin				: 0 0 10px 0;
	}
		.lyt_blog_entry span {
			font-size			: 116%;
			color				: #30782b;
			font-weight			: bold;
		}
			.lyt_blog_entry span a {
				font-size			: 100%;
			}
		.lyt_blog_entry p {
			margin				: 0 0 15px 0;
		}
	.lyt_voice_abis {
		padding				: 5px 10px 5px 10px;
	}
		.lyt_voice_abis span {
			font-weight			: bold;
			font-size			: 110%;
		}
		
.posted {
	color				: #999999;
	text-align			: right;
	margin				: 8px 0 15px 0 ;
	line-height			: 130%;
}