@charset "UTF-8";


/****************/
/*-- コンテナ --*/
/****************/
/*
 * @全ページ共通
 */
body{
	text-align		:	center;
	letter-spacing	:	-1px;
	line-height		:	16px;
	margin			:	auto;
	font-size		:	90%;
	line-break		:	strict;
	height			:	100%;
	font-family		:	"ＭＳ ゴシック","メイリオ","Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","Meiryo",Verdana,Geneva,Arial,sans-serif;
}


/*****************/
/*-- 第1ヘッダ --*/
/*****************/
/*
 * @全ページ共通
 */
#header_public{
	text-align		:	left;
	background		:	#416EA6;
	border-bottom	:	1px solid #FFF;
	height			:	60px;
}


#hp_wrapper{
	margin			:	0 auto;
	padding			:	0;
	width			:	950px;
	color			:	#FFF;
	font-size		:	90%;
}


#hp_wrapper_l{
	margin			:	5px 0 0 0;
	padding			:	0;
	float			:	left;
}


#hp_wrapper_l h1{
	margin			:	0;
	padding			:	0;
}


#hp_wrapper_r{
	margin			:	0;
	padding			:	0;
	float			:	right;
	text-align		:	right;
}


#hp_wrapper_r p{
	margin			:	2px 0 0 0;
	padding			:	0;
}


#hp_wrapper_r ul{
	list-style		:	none;
	float			:	right;
	margin			:	25px 0 0 0;
	padding			:	0;
}


#hp_wrapper_r ul li{
	float			:	left;
	background		:	url("../img/allow01.gif") no-repeat;
	margin			:	0 0 0 20px;
	padding			:	0 0 0 15px;
}


#hp_wrapper_r ul li a{
	text-decoration	:	none;
	color			:	#FFF;
}


/*****************/
/*-- 第2ヘッダ --*/
/*****************/
/*
 * @インデックス以外共通
 */
#header_common{
	background		:	#DBE5F2;
	height			:	290px;
}


#hc_wrapper{
	margin			:	auto;
	padding			:	15px 0 0 0;
	width			:	950px;
	color			:	#FFF;
	font-size		:	90%;
}


#hc_wrapper_l{
	margin			:	0;
	padding			:	0;
	float			:	left;
	width			:	250px;
}


#hc_wrapper_l h1{
	margin			:	0;
	padding			:	0;
}


#hc_wrapper_r{
	margin			:	auto;
	padding			:	0;
	float			:	right;
	width			:	690px;
	text-align		:	center;
}


#hc_top_image{
	border			:	1px solid #999;
	width			:	950px;
	height			:	173px;
}


/****************/
/*-- 共通ナビ --*/
/****************/
/*
 * @インデックス以外共通
 */
#header_common #global_navi{
	margin			:	15px 0 0 0;
	width			:	100%;
	height			:	70px;
}


#header_common #global_navi ul{
	list-style		:	none;
	margin			:	0 0 0 2px;
	padding			:	0;
	width			:	100%;
	height			:	70px;
}


#header_common #global_navi li{
	float			:	left;
	margin			:	0 5px 0 2px;
	width			:	182px;
	height			:	70px;
}


/********************************/
/*-- ヘッダ・コンテンツ境界線 --*/
/********************************/
/*
 * @全ページ共通
 */
#header_line{
	clear			:	both;
	background		:	url("../img/header_line_base.gif") repeat-x #FFF;
	height			:	10px;
}


/******************/
/*-- コンテンツ --*/
/******************/
/*
 * @大枠のみ全ページ共通
 */
#contents{
	clear			:	both;
	width			:	950px;
	margin			:	15px auto 25px auto;
	text-align		:	center;
}


/********************/
/*-- コンテンツ左 --*/
/********************/
/*
 * @大枠のみ全ページ共通
 */
#contents_common_l{
	float			:	left;
	text-align		:	left;
	width			:	685px;
	color			:	#333;
}


#contents_common_l div#ccl_wrapper{
	background		:	#EBEDEF;
	padding			:	10px;
}


#contents_common_l div.bg_white{
	background		:	#fff;
	border			:	1px solid #ddd;
	padding			:	10px;
	line-height		:	20px;
	letter-spacing	:	1px;
}


#contents_common_l h3{
	margin			:	0 0 10px 0px;
	padding			:	0;
	color			:	#333;
	height			:	25px;
}


#contents_common_l p{
	color			:	#333;
	background		:	#FFF;
}


/********************/
/*-- コンテンツ右 --*/
/********************/
/*
 * @大枠のみ全ページ共通
 */
#contents_common_r{
	float			:	right;
	text-align		:	left;
	width			:	250px;
}


/************************/
/*-- 予約検索フォーム --*/
/************************/
/*
 * @全ページ共通
 * @インデックスは第2ヘッダへ配置(他はコンテンツへ配置)
 */
#reserve{
	background		:	#FFF;
	text-align		:	left;
	color			:	#333;
	height			:	415px;
	font-size		:	90%;
}


#reserve form{
	margin			:	0;
	padding			:	0;
	background		:	#FFF;
}


#reserve #form_bottom{
	background		:	url("../img/form_bottom.png") no-repeat #DBE5F2;
	width			:	250px;
	height			:	5px;
	margin			:	0;
	padding			:	0;
}


#reserve #form_bottom_common{
	background		:	url("../img/form_bottom.png") no-repeat #FFF;
	width			:	250px;
	height			:	5px;
	margin			:	0;
	padding			:	0;
}


#reserve h2{
	background		:	url("../img/form_title.png") no-repeat #DBE5F2;
	width			:	250px;
	height			:	28px;
	margin			:	0;
	padding			:	0;
}


#reserve h3{
	height			:	14px;
	margin			:	0px;
	padding			:	0px 5px 10px 0px;
}


#reserve div#form{
	border-left		:	1px solid #A5873E;
	border-right	:	1px solid #A5873E;
	padding			:	10px 10px 0 10px;
}


#reserve #in{
	background		:	url("../img/form_checkin.gif") no-repeat;
	width			:	80px;
	height			:	14px;
}


#reserve #out{
	background		:	url("../img/form_checkout.gif") no-repeat;
	width			:	91px;
	height			:	14px;
}


#reserve #user{
	background		:	url("../img/form_user.gif") no-repeat;
	width			:	147px;
	height			:	14px;
}


#reserve #room{
	background		:	url("../img/form_room.gif") no-repeat;
	width			:	80px;
	height			:	14px;
	float			:	left;
}


#submit{
	clear			:	both;
	text-align		:	center;
	margin			:	10px auto;
	padding			:	0;
}


#mobile{
	margin-top		:	15px;
	font-size		:	88%;
	background		:	#fff;
}


#mobile img{
	float			:	left;
	margin-right	:	5px;
}


#mobile p{
	margin			:	0;
}


#mobile strong{
	clear			:	both;
	display			:	block;
	padding-top		:	3px;
	font-weight		:	normal;
	letter-spacing	:	1px;
}


/**************************/
/*-- プラン一覧フレーム --*/
/**************************/
/*
 * @全ページ共通
 * @コンテンツ配置
 */
#plan_frame h3{
	background		:	url("../img/plan_frame_title.gif") no-repeat;
	width			:	250px;
	height			:	30px;
	margin			:	0;
	padding			:	0;
}


#plan_frame ul{
	border-left		:	2px solid #BFA171;
	border-right	:	2px solid #BFA171;
	border-bottom	:	2px solid #BFA171;
	width			:	246px;
	margin			:	0;
	padding			:	5px 0 0 0;
	list-style		:	none;
}


#plan_frame li{
	margin			:	10px 10px 7px 10px;
	padding			:	0;
}


#self_info{
	margin-top		:	10px;
	padding			:	2px;
	line-height		:	20px;
	font-size		:	90%;
	background		:	#eee;
	border			:	1px solid #ddd;
}


/****************/
/*-- フッター --*/
/****************/
/*
 * @全ページ共通
 */
#footer{
	clear			:	both;
	text-align		:	left;
	background		:	#DBE5F2;
	height			:	50px;
	margin-top		:	20px;
}


#footer_wrapper{
	margin			:	0 auto;
	padding			:	0;
	width			:	950px;
	height			:	40px;
	color			:	#FFF;
	font-size		:	90%;
}


#footer_wrapper_r{
	margin			:	10px 0 0 0;
	padding			:	0;
	float			:	right;
	text-align		:	right;
}


#footer_wrapper_r ul{
	list-style		:	none;
	float			:	right;
	margin			:	10px 0 0 0;
	padding			:	0;
}


#footer_wrapper_r ul li{
	float			:	left;
	background		:	url("../img/allow02.gif") no-repeat;
	margin			:	0 0 0 20px;
	padding			:	0 0 0 15px;
}


#footer_wrapper_r ul li a{
	text-decoration	:	none;
	color			:	#416EA6;
}


#footer_copyright{
	background		:	#416EA6;
	color			:	#FFF;
	text-align		:	center;
	font-size		:	90%;
	padding			:	5px 0;
	clear			:	both;
	letter-spacing	:	1px;
	border-top		:	1px solid #FFF;
}