@charset "utf-8";
/* ==========================================================

title : ホテル多度温泉
scope : ホテル多度温泉 館内・施設 Googleストリートビュー

last modify : 2016/08/25 041_ooba 新規作成
memo  : 

========================================================== */
/* --------------------------------------
 共通
--------------------------------------- */
#main{
	padding:0 0 8px!important;
}

#main .siteroute {
    float: none;
    display: block;
}

#maincolumn {
	width:962px;
	margin:0 auto;
}

#main section p {
	font-size: 16px;
	line-height: 1.5;
}

#main section .to_top a{
	display:block;
	width:139px;
	height:13px;
	margin:0 0 0 auto;
	padding:10px 10px 0 0;
}


/* --------------------------------------
 #floormap
--------------------------------------- */
#floormap{
	position:relative;
	width:882px;
	height:569px;
	margin:0 auto 30px;
	background:url(../image/floormap.png) no-repeat 0 0;
}

#floormap .title{
	position:absolute;
	top:26px;
	left:372px;
}

#floormap .ico_txt{
	position:absolute;
	top:156px;
	left:413px;
	font-size:16px;
	line-height:44px;
}

#floormap .ico_txt img{
	margin-right:7px;
}

#floormap .first_lead{
	width:700px;
	margin:0px auto;
	font-size: 16px;
	line-height: 1.5;
}

#floormap #view_list{
	overflow:hidden;
	width:882px;
	height:480px;
	margin:0;
}

#floormap #view_list li{
	float:left;
}

#floormap #view_list li dt{
	height:41px;
}

#floormap #view_list li dd ul{
	position:relative;
}

#floormap #view_list li dd ul li{
	position:absolute;
	text-align:center;
}

#floormap #view_list li dd ul li p{
	margin-top:1px;
}

#floormap #view_list li dd ul li p.over{
	margin-top:-5px;
}



/*----- クラブハウス本館 -----*/
#floormap #view_list li#clubhouse{
	width:492px;
	margin:225px 0px 0px;
}

#floormap #view_list li#clubhouse dt{
	margin:0px 0px 0px 43px;
}

#floormap #view_list li dd ul li.fm_ch_restaurant{ width:73px; top:13px; left:48px; }		/* 本館 レストラン */
#floormap #view_list li dd ul li.fm_ch_karaoke{ width:44px; top:13px; left:139px; }			/* 本館 カラオケ */
#floormap #view_list li dd ul li.fm_ch_front{ width:83px; top:49px; left:177px; }			/* 本館 フロント */
#floormap #view_list li dd ul li.fm_ch_aesthetic{ width:37px; top:13px; left:257px; }		/* 本館 エステ */
#floormap #view_list li dd ul li.fm_ch_koshitsu{ width:44px; top:13px; left:384px; }		/* 本館 展望個室風呂 */
#floormap #view_list li dd ul li.fm_ch_competitionroom{ width:37px; top:79px; left:50px; }	/* 本館 コンペルーム */
#floormap #view_list li dd ul li.fm_ch_mahjong{ width:54px; top:79px; left:103px; }			/* 本館 麻雀ルーム */
#floormap #view_list li dd ul li.fm_ch_entrance{ width:44px; top:122px; left:196px; }		/* 本館 正面玄関 */
#floormap #view_list li dd ul li.fm_ch_bath{ width:84px; top:134px; left:342px; }			/* 本館 風呂 */

#floormap #view_list li dd ul li.fm_ch_entrance p{ margin-top:-58px; }						/* 本館 正面玄関 */
#floormap #view_list li dd ul li.fm_ch_bath p{ margin-top:-70px; }							/* 本館 風呂 */
#floormap #view_list li dd ul li.fm_ch_bath a:first-child{ margin:0 5px 0 -4px; }			/* 本館 風呂 */

/*------ レジデンス新館 -----*/
#floormap #view_list li#residence{
	width:390px;
	margin:30px 0px 0px;
}

#floormap #view_list li#residence dt{
	margin:0px 0px 0px 83px;
}

#floormap #view_list li dd ul li.fm_resi_garden{ width:130px; top:4px; left:77px; }			/* 新館 屋上展望ガーデン */
#floormap #view_list li dd ul li.fm_resi_fitness{ width:77px; top:182px; left:77px; }		/* 新館 フィットネス */
#floormap #view_list li dd ul li.fm_resi_pegasus{ width:84px; top:205px; left:143px; }		/* 新館 ペガサス */
#floormap #view_list li dd ul li.fm_resi_rosewood{ width:70px; top:205px; left:227px; }		/* 新館 ローズウッド */
#floormap #view_list li dd ul li.fm_resi_hakuba{ width:66px; top:205px; left:295px; }		/* 新館 白馬 */
#floormap #view_list li dd ul li.fm_resi_simulation{ width:115px; top:271px; left:65px; }	/* 新館 シミュレーションゴルフ */
#floormap #view_list li dd ul li.fm_resi_pool{ width:164px; top:299px; left:124px; }		/* 新館 天然温泉プール */
#floormap #view_list li dd ul li.fm_resi_entrance{ width:94px; top:306px; left:248px; }		/* 新館 エントランス */
#floormap #view_list li dd ul li.fm_resi_practice{ width:52px; top:275px; left:334px; }		/* 新館 練習場 */

#floormap #view_list li dd ul li.fm_resi_garden a{ float:right; }							/* 新館 屋上展望ガーデン */
#floormap #view_list li dd ul li.fm_resi_garden p{ margin-top:10px;}						/* 新館 屋上展望ガーデン */
#floormap #view_list li dd ul li.fm_resi_practice a{ margin-left:-4px; }					/* 新館 練習場 */


/* --------------------------------------
 #maincolumn section
--------------------------------------- */
section[id^="section_"]{
	width:842px;
	margin:0 auto 50px;
}

section[id^="section_"] h2{
	margin:0 auto 30px;
}

section[id^="section_"] ul{
	overflow:hidden;
	width:824px;
	margin:0 auto;
}

section[id^="section_"] ul li{
	float:left;
	width:390px;
	margin:0px 11px 34px;
}

/* スペース対応 */
section[id^="section_"] ul li:nth-of-type(odd):last-of-type{
	float:left;
	width:802px;
	margin:0px 11px 34px;
}

section[id^="section_"] ul li dl{
	position:relative;
	width:390px;
}

section[id^="section_"] ul li dt{
	width:370px;
	height:38px;
	margin:0px;
	padding:20px 0px 0px 20px;
	background:url(../image/faci_name_bg.png) no-repeat 0 0;
	color:#3C1F01;
	font-size:17px;
	font-weight:bold;
}

section[id^="section_"] ul li dt.line2{
	height:48px;
	padding:10px 0px 0px 20px;
	line-height:1.2;
}

section[id^="section_"] ul li dt span{
	font-size:14px;
}

section[id^="section_"] ul li dd .img_box{
	position:relative;
	margin:0px 0px 10px;
}

section[id^="section_"] ul li dd .img_box .ico_view{
	position:absolute;
	left:0px;
	bottom:0px;
}

section[id^="section_"] ul li dd .btn_view{
	width:194px;
	margin:0px auto;
}

section[id^="section_"] ul li dd .btn_faci_dtl{
	position:absolute;
	top:6px;
	right:3px;
}

/*----- クラブハウス本館 -----*/
section[id^="section_ch"]{
	background:url(../image/list_bg_ch.png) repeat-x 0 bottom;
}
/* スペース対応 */
section[id^="section_ch"] ul li:nth-of-type(odd):last-of-type{
	background:url(../image/list_bg_ch_sp.png) no-repeat right bottom;
}

/*----- レジデンス新館 -----*/
section[id^="section_resi"]{
	background:url(../image/list_bg_resi.png) repeat-x 0 bottom;
}
/* スペース対応 */
section[id^="section_resi"] ul li:nth-of-type(odd):last-of-type{
	background:url(../image/list_bg_resi_sp.png) no-repeat right bottom;
}


/* --------------------------------------
 #banner_box
--------------------------------------- */
#banner_box{
	width:882px;
	margin:0px auto 3px;
	padding:20px 0px 0px;
	text-align:center;
}

#banner_box li{
	width:400px;
	display:inline-block;
	margin:0px 10px 30px;
	line-height:1;
}

#banner_box li:last-child{
	width:700px;
}