@charset "utf-8";
/**共通設定******************/

h2,h3,h4,h5,h6,#container p,#container dl,#container dt,#container dd,#container ol {
	margin: 0px;
	padding: 0px;
}
hr	{
	display:none;
}
#container	{
	font-family: "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", Meiryo, 'メイリオ', Helvetica, Verdana, 'Lucida Grande', Arial, sans-serif;
}

#sns_space	{
	margin:10px 20px 10px 20px;
}

#contents_area,
#kisoku_area,
#yakkan_area	{
	line-height: 1.3em;
	width:911px;
	height:auto;
	color: #222222;
	margin: auto;
	padding: 0px;
}

#contents_area img	{
	display:inline!important;
}

#contents_area a:hover img	{
	opacity:0.7;
	-khtml-opacity: 0.7;	/*古いsafari用*/
	filter: alpha(opacity=70);	/*IE8用*/
	-moz-opacity: 0.7;	/*古いFF用*/
	background-color:#003366;
}

h2	{
	margin-bottom:30px;
}

h3	{
	font-size:140%;
	font-weight:normal;
	color:#00008C;
	letter-spacing:0.2em;
	margin-bottom:1em;
	text-shadow: 2px 2px 2px #999999;
}

.txt_back_top	{
	font-size:85%;
	text-align:right;
	padding-top:30px!important;
	padding-bottom:30px!important;
}


/**マージン関連***************/
.mar_bot20px	{
	padding-bottom:20px!important;
}
.mar_bot41px	{
	padding-bottom:41px!important;
}
.mar_bot0em	{
	margin-bottom:0em!important;
}
.mar_bot05em	{
	padding-bottom:0.5em!important;
}
.mar_bot1em	{
	padding-bottom:1em!important;
}
.mar_bot2em	{
	padding-bottom:2em!important;
}
.mar_bot3em	{
	padding-bottom:3em!important;
}
.mar_top20px	{
	padding-top:20px!important;
}
.mar_clear_bot0em	{
	clear:both;
	padding-bottom:0em!important;
}
.mar_clear_bot1em	{
	clear:both;
	padding-bottom:1em!important;
}
.mar_clear_bot2em	{
	clear:both;
	padding-bottom:2em!important;
}
.mar_clear_bot3em	{
	clear:both;
	padding-bottom:3em!important;
}
.mar_clear_h30px	{
	clear:both;
	height:30px;
}
.mar_clear_h40px	{
	clear:both;
	height:40px;
}


/**共通レイアウト関連***************/


.mar_right11px	{
	margin-right:11px;
}
.mar_right50px	{
	margin-right:50px;
}
.mar_left20px	{
	margin-left:20px!important;
}
.right_pict	{
	text-align:right;
}

.right_pict_mar10px	{
	text-align:right;
	margin-bottom:10px!important;
}

.right_pict_mar20px	{
	text-align:right;
	margin-bottom:20px!important;
}

/**共通BOX設定***************/

.box_303	{
	width:303px;
	height:auto;
	float:left;
}
.box_304	{
	width:304px;
	height:auto;
	float:left;
}
.box_315	{
	width:315px;
	height:auto;
	float:left;
}
.box_375	{
	width:375px;
	height:auto;
	float:left;
}
.box_455	{
	width:455px;
	height:auto;
	float:left;
}
.box_456	{
	width:456px;
	height:auto;
	float:left;
}
.box_536	{
	width:536px;
	height:auto;
	float:left;
}
.box_596	{
	width:596px;
	height:auto;
	float:left;
}

/**各ページの共通グローバルナビ設定***************/

#grobalnavigation_area	{
	background-image: url(../new_images/bg_hr01.gif);
	background-repeat: repeat-x;
	background-position: left top;
	padding-top: 40px;
	padding-left: 20px;
}

#grobalnavigation_area ul	{
	margin:0px;
	padding:0px;
}

#grobalnavigation_area li	{
	float: left;
	list-style-type: none;
	display: block;
	margin-right: 5px;
	border: 1px solid #CFD3DC;
	background-image: url(../new_images/bg_gro_navi_page.gif);
	box-shadow:-1px -2px 4px rgba(57,44,94,0.1) inset;
}

#grobalnavigation_area li p	{
	width:140px;
	height:50px;
	text-align: center;
	line-height: 1.1em;
	margin: auto;
	vertical-align: middle;
	display: table-cell;
}

#grobalnavigation_area li a:hover img	{
	display:block;
	opacity:0.7;
	-khtml-opacity: 0.7;	/*古いsafari用*/
	filter: alpha(opacity=70);	/*IE8用*/
	-moz-opacity: 0.7;	/*古いFF用*/
}

#grobalnavigation_area .txt_back_top	{
	margin-right:20px!important;
}

/**各ページのリスト設定***************/

/**主に使うリスト・ハートフル用リスト*****/
ul.normal_list,
ul.heartful_list	{
	padding: 0px;
	list-style-type: none;
	list-style-position: outside;
	list-style-image: url(../new_images/list_pict_blue.gif);
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 3em;
	margin-left: 15px;
	line-height: 1.3em;
}

.normal_list li	{
	margin-bottom: 0.7em;
}

.heartful_list li	{
	margin-bottom:0.5em;
	font-size:95%;
}

/**ここから各ページ個別の設定******************************************************************************/

/**ご利用案内トップ*******************************************************/

.box_concept	{
	width:536px;
	height:auto;
	float:left;
	line-height:1.4em;
}


#gro_navi_top	{
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: none;
	border-top-color: #D8DBE2;
	border-right-color: #D8DBE2;
	border-bottom-color: #D8DBE2;
	background-image: url(../new_images/bg_gro_navi_top.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
	margin-bottom:30px;
}

#gro_navi_top ul	{
	margin:0px;
	padding:0px;
}

#gro_navi_top li	{
	float: left;
	width: 181px;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #D8DBE2;
	list-style-type: none;
}
#gro_navi_top li p	{
	width:169px;
	font-size:80%;
	margin-top: 7px;
	margin-right: auto;
	margin-bottom: 7px;
	margin-left: auto;
}


/**お部屋のご案内*******************************************************/

.box_445	{
	width:445px;
	height:auto;
	float:left;
}
.box_466	{
	width:466px;
	height:auto;
	float:left;
}
.box_445 dt	{
	font-weight:bold;
	margin-bottom:0.2em!important;
}
.box_445 dd	{
	margin-bottom:0.7em!important;
}

.room_borderline	{
	clear:both;
	height:30px;
	margin-bottom:30px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #D8DBE2;
}
.notes_coment {
	clear:both;
	height:30px;
	margin:0px 0 50px 0;
	border-top:1px solid #D8DBE2;
	padding-top:20px;
}

/**ハートフルルームについて***********************************************/

#box_leftpict	{
	width:431px;
	height:auto;
	float:left;
}
#box_rightmidashi	{
	width:480px;
	height:auto;
	float:left;
}
#box_rightmidashi h3	{
	font-size:130%;
	line-height:1.2em;
	color:#FF3333;
	text-shadow:none;
	margin-top: 1em;
	margin-right: 0px;
	margin-bottom: 1em;
	margin-left: 20px;
	padding:0px;
	letter-spacing:0px;
	
}

/***図面用の二つのボックス設定**/
#box_roomtype_left	{
	width:445px;
	height:auto;
	float:left;
}
#box_roomtype_right	{
	width:445px;
	height:auto;
	float:right;
}
.txt_about_roomtype	{
	margin-top:1em!important;
	background-color:#E8F2FF;
	padding:10px!important;
}
#box_roomtype_left p:first-child,
#box_roomtype_right p:first-child	{
	width:445px;
	height:303px;
	text-align:center;
	vertical-align: middle;
	display: table-cell;
}

/***ハートフルマークの3つのボックス設定**/

.box_heartfulmark01,
.box_heartfulmark02		{
	font-size:105%;
	width:268px;
	height:160px;
	border:solid 1px #dddddd;
	padding:15px 10px 15px 10px;
	float:left;
	text-align:center;
}
.box_heartfulmark02		{
	width:269px;
	margin-left:20px;
	margin-right:20px;
}
.heartful_notice	{
	clear:both;
	font-size:103%;
	color:#FF0000;
	background-image: url(../new_images/bg_heart01.gif);
	background-repeat: repeat-x;
	background-position: left bottom;
	padding: 15px!important;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #FFCFBF;
	border-bottom-color: #FFCFBF;
	margin-bottom:50px!important;
}
#rental_heart	{
	border:solid 1px #cccccc;
	border-collapse:collapse;
	width:100%;
	margin-bottom:50px;
}
#rental_heart td	{
	padding:10px;
	text-align:center;
	border:solid 1px #cccccc;
}


/**お部屋の設備案内の設定***********************************************/

.area_equip2box	{
	background-image: url(../new_images/bg_equip_2box.gif);
	background-repeat: repeat-y;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #D8DBE2;
	background-position: center top;
}
.area_equip3box	{
	background-image: url(../new_images/bg_equip_3box.gif);
	background-repeat: repeat-y;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #D8DBE2;
	background-position: center top;
}

.area_equip2box dl,
.area_equip3box dl	{
	padding:10px!important;
	font-size:85%;
}
.area_equip2box dt,
.area_equip3box dt	{
	font-weight:bold;
	font-size:120%;
	background-image:url(../new_images/list_icon_equip.jpg);
	margin-bottom:0.5em!important;
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 20px!important;
	line-height: 1.3em;
}
.area_equip2box dd,
.area_equip3box dd	{
	padding-bottom:0.5em!important;
}

.bottomline_equip	{
	border-bottom:dotted 1px #D8DBE2;
	margin-bottom:0.5em!important;
}

/**利用規則の設定***********************************************/

#kisoku_area #kisoku_list	{
	font-size:110%;
	margin-left: 32px;
	margin-bottom: 3em;
}
	
#kisoku_area #kisoku_list #small_kisoku {
	list-style-type: upper-roman;
	margin-left: 40px;
	font-size: 90%;
	margin-top: 0.4em;
}

#kisoku_area #kisoku_list li	{
	margin-bottom:1em;
}

#kisoku_area #kisoku_list #small_kisoku li	{
	margin-bottom:0.1em;
}

#kisoku_area h4	{
	font-size:110%;
	color:#000033;
	letter-spacing:1em;
	margin-bottom:1em;
}

/**宿泊約款の設定***********************************************/

#yakkan_area	{
	font-size:85%;
}
#yakkan_area h4 {
	font-size: 110%;
	color: #01356F;
	margin-bottom: 0.2em;
	letter-spacing: 0.3em;
}


#yakkan_area ul	{
	padding:0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 2em;
	margin-left: 5px;
	list-style-type: none;
}
#yakkan_area li {
	margin-bottom: 0.5em;
}
#yakkan_area .sub_article {
	margin-left: 4em;
	list-style-type: decimal;
	margin-top: 0.2em;
}
#yakkan_area .sub_article li {
	margin-bottom: 0.1em;
}
#yakkan_area .sub_article ol {
	margin-left: 30px;
	list-style-type: katakana-iroha;
}
#article_price_list table {
	margin-bottom: 0.2em;
	border: 1px solid #999999;
	border-collapse:collapse;
	width: 97%;
}
#article_price_list th,
#article_price_list td	{
	padding:5px;
	border: 1px solid #999999;
	font-size: 90%;
}
#article_price_list th	{
	text-align:center!important;
}
#article_price_list caption {
	text-align: left;
}
#article_price_list caption span {
	font-weight: bold;
	color: #000033;
}
.bg_col001	{
	background:#CCCCCC;
}
.bg_col002	{
	background:#DFE4E8;
}
.txt_minimam	{
	font-size:50%;
}
.revision_history	{
	text-align:center;
	padding:30px 0px 30px 0px!important;
}