@charset "utf-8";

/*--------------------------------------------------------
 ホテル多度温泉
 共通スタイルシート

 last modify : 2015/06/22 227_suzuki
 memo : 

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

/*★★★ヘッダー（上のメニュー　他）★★★---------------------------------------------------------------------------------------*/
#header{
	width:900px;
	height:64px;
	margin:12px auto 0px auto;
	*margin:0px auto 0px auto;
	padding:0px 0px 7px 0px;
	background:url(../image_cmn/header_bg.gif) no-repeat 0px 51px;
}

/*★★★バナー★★★----------------------------------------------------------------*/
#bnr_tokencup {
	width:900px;
	height:75px;
	margin:0px auto;
	padding:0px;
	background:url(/golf/image/bnr_tokencup.jpg) 0 0 no-repeat;
	text-indent:-9999px;
	}
#bnr_tokencup a {
	display:block;
	width:900px;
	height:75px;
	}
#bnr_tokencup a:hover {
	background:url(/golf/image/bnr_tokencup.jpg) 0 bottom no-repeat;
	}

/*★★★メンテナンス情報★★★----------------------------------------------------------------*/
#mente_box{
	overflow:hidden;
	width:900px;
	height:40px;
	margin:0 auto 0px auto;
	padding:0;
	color:#444444;
	font-size:78%;
	text-align:left;
	line-height:115%;
}
#mente_box dl{
	width:900px;
	height:40px;
	margin:0;
	padding:0;
	background: url(../image/mente_bg.gif) no-repeat 0 0;
}
#mente_box dt{
	float:left;
	width:40px;
	height:40px;
	margin:0;
	padding:0;
}
#mente_box dd{
	float:left;
	width:840px;
	height:40px;
	margin:0;
	padding:7px 10px 0 5px;
}

/*★★★コンテンツ部分（TOPのFLASHや　各ページの中身）★★★---------------------------------------------------------------------------------------*/
#tado_onsen_main{
	position: relative;
	width:900px;
	height:480px;
	margin:0px auto 0px auto;
	padding:7px 0 0 0;
 color:#444444;
	font-size:78%;
	text-align:left;
	line-height:115%;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
#tado_onsen_main .flash{
	margin:0 auto 0px auto;
	padding:0px;
}
#info_top{
	width:898px;
	height:103px;
	border-left: 1px solid #CCCCCC;
	border-right: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
	background: url(../image_cmn/topics_back.gif) repeat-x left bottom;
	}
/*トピックスの箱*/
#tado_onsen_main .topics{
	float:left;
	width:448px;
	height:96px;
	margin:0px;
	padding:0px;
	color:#444444;
	text-align:left;
	/*text-indent:30px;*/
	line-height:115%;
}
/*トピックスタイトル*/
#tado_onsen_main .topics .ttl h2{
	width:448px;
	height:31px;
	margin:0px 0px 8px 0px;
	padding:0px;
	background: url(../image/topics.gif) no-repeat 0px 0px;
	text-indent:-999999px;
}

#tado_onsen_main .topics dl{
	width:430px;
	height:65px;
	margin:0px 0px 0px 10px;
	padding:1px;
}
/*トピックス日付*/
#tado_onsen_main .topics dt{
	clear:both;
	float:left;
	width:86px;
	height:15px;
	margin:0px 0px 6px 0px;
	padding:0px 0px 0px 58px;
	background: url(../image_cmn/sercice.gif) no-repeat 0px 0px;
	font-size:95%;
}
/*トピックス日付（サービス）*/
#tado_onsen_main #info_top .event .sercice{
	clear:both;
	float:left;
	width:86px;
	height:15px;
	margin:0px 0px 6px 0px;
	padding:0px 0px 0px 58px;
	background: url(../image_cmn/sercice.gif) no-repeat 0px 0px;
}
/*ホテル多度温泉おすすめ*/
#tado_onsen_main .topics dt.recommend{
	clear:both;
	float:left;
	width:86px;
	height:15px;
	margin:0px 0px 6px 0px;
	padding:0px 0px 0px 58px;
	background: url(../image_cmn/recommend.gif) no-repeat 0px 0px;
	font-size:95%;
	text-indent:-9999px;
}
#tado_onsen_main .event dt.recommend{
	clear:both;
	float:left;
	width:86px;
	height:15px;
	margin:0px 0px 6px 0px;
	padding:0px 0px 0px 58px;
	background: url(../image_cmn/recommend.gif) no-repeat 0px 0px;
	font-size:95%;
	text-indent:-9999px;
}


/*トピックス内容*/
#tado_onsen_main .topics dd{
	width:270px;
	height:15px;
	float:left;
	margin:0px 0px 6px 5px;
	padding:0px;
}
/*トピックス内容は終了しました*/
#tado_onsen_main .topics span{
	color:#F00;
}
/*イベントの箱*/
#tado_onsen_main .event{
	position:relative;
	float:left;
	width:449px;
	height:96px;
	margin:0px;
	padding:0px;
	border-left: 1px solid #CCCCCC;
	color:#444444;
	text-align:left;
	/*text-indent:30px;*/
	line-height:115%;
}
/*イベントタイトル*/
#tado_onsen_main .event .ttl h2{
	width:449px;
	height:31px;
	margin:0px 0px 8px 0px;
	padding:0px;
	background: url(../image/event.gif) no-repeat 0px 0px;
	text-indent:-999999px;
}
#tado_onsen_main .event dl{
	width:430px;
	height:65px;
	margin:0px 0px 0px 10px;
	padding:1px;
}
/*イベント日付*/
#tado_onsen_main .event dt{
	clear:both;
	float:left;
	width:86px;
	height:15px;
	margin:0px 0px 6px 0px;
	padding:0px 0px 0px 58px;
	background: url(../image_cmn/conpe.gif) no-repeat 0px 0px;
	font-size:95%;
}
/*イベント内容*/
#tado_onsen_main .event dd{
	float:left;
	width:270px;
	height:15px;
	margin:0px 0px 6px 5px;
	padding:0px;
}
#tado_onsen_main .event dd span{
	color:#F00;
}

/*●●●コンテンツ部分●●●----------------------*/	

/*パンくずリンク*/
#siteroute{
	width:900px;
	height:50px;
	margin:auto;
	padding:0px;
	font-size:100%;
}
#siteroute ul{
	list-style:none;
	margin:0px;
	padding:0px;
}
#siteroute li{
	display:inline;
	float:left;
	margin:0px;
	padding:0px 5px 3px 20px;
	background: url(../image_cmn/arrow.gif) no-repeat 5px 3px;
	}
	
/*★★★フッター（キャンペーンへのリンクや下のボタン　QRコード　コピーライト　他）★★★-----------------------------------------------------------*/
/*#footer{
	width:900px;
	height:80px;
	margin:14px auto 0px auto;
	padding:0px;
	background-color:#FFFFFF;
}*/

/*@media screen and (-webkit-min-device-pixel-ratio:0) {
#footer{
	margin:44px auto 0px auto;
}
}*/


#footer,
#footer_residence{
	width:900px;
	height:80px;
	padding:0px;
	background-color:#FFFFFF;
    margin:45px auto 0px; /* all browsers, of course */
    margin:45px auto 0px\9; /* IE8 and below */
    *margin:45px auto 0px; /* IE7 and below */
    _margin:45px auto 0px; /* IE6 */
}

#footer:not(:target),
#footer_residence:not(:target) {
    margin:45px auto 0px\9; /* IE9 */
}


@media screen and (-webkit-min-device-pixel-ratio:0) {
#footer,
#footer_residence{
	margin:35px auto 0px auto;
}
}

@-moz-document url-prefix() {
	#footer,
	#footer_residence{
	margin:35px auto 0px auto;
}
}


#footer_top,
#footer_residence_top{
	width:900px;
	height:80px;
	padding:0px;
	background-color:#FFFFFF;
    margin:190px auto 0px; /* all browsers, of course */
    margin:190px auto 0px\9; /* IE8 and below */
    *margin:190px auto 0px; /* IE7 and below */
    _margin:190px auto 0px; /* IE6 */
}

#footer_top:not(:target)
#footer_residence_top:not(:target) {
    margin:190px auto 0px\9; /* IE9 */
}


@media screen and (-webkit-min-device-pixel-ratio:0) {
#footer_top,
#footer_residence_top{
	margin:210px auto 0px auto;
}
}


@-moz-document url-prefix() {
	#footer_top,
	#footer_residence{
	margin:190px auto 0px auto;
}
}


/* ----- キーワード ----- */
#footer #key_lead,
#footer_top #key_lead,
#footer_residence #key_lead,
#footer_residence_top #key_lead {
	margin:0px auto 15px;
	padding:15px 0px;
	background:#e9f0e5;
	width:750px;
	color:#737a64;
	font-size:12px;
	text-align:left;
	line-height:1.5em;
	}
	
#footer #key_lead h3,
#footer_top #key_lead h3,
#footer_residence_top #key_lead h3,
#footer_residence #key_lead h3 {
	margin:0px 15px 5px;
	padding:0px 5px 5px;
	border-bottom:#a3ad8e solid 1px;
	background:none;
	color:#737a64;
	width:auto;
	height:auto;
	text-indent:inherit;
	}
	
#footer_top #key_lead p,
#footer_residence_top #key_lead p,
#footer #key_lead p,
#footer_residence #key_lead p {
	padding:0px 20px;
	}

#footer .footmenu,
#footer_top .footmenu,
#footer_residence_top .footmenu,
#footer_residence .footmenu {
	overflow:hidden;
	clear:both;
	width:700px;
	margin:0px auto 15px;
	padding:0px;
	font-size:12px;
	}
	
#footer .footmenu h4,
#footer_top .footmenu h4,
#footer_residence_top .footmenu h4,
#footer_residence .footmenu h4 {
	float:left;
	clear:left;
	width:120px;
	background:none;
	border:none;
	margin:0px 0px 8px 8px;
	padding:0px 28px 0px 0px;
	font-weight:normal;
	text-align:left;
	white-space:nowrap;
	line-height:120%;
	color:#333333;
	}
	
#footer_top .footmenu ul,
#footer_residence_top .footmenu ul,
#footer .footmenu ul,
#footer_residence .footmenu ul {
	list-style:none;
	margin:0px 0px 0px 5px;
	padding:0px;
	}

#footer .footmenu ul li,
#footer_top .footmenu ul li,
#footer_residence_top .footmenu ul li,
#footer_residence .footmenu ul li {
	display:inline;
	float:left;
	margin:0px 0px 8px;
	padding:0px 14px 2px 2px;
	border:none;
	background:url(/image_cmn/mrk_slash.gif) no-repeat right 1px;
	font-weight:normal;
	text-align:left;
	line-height:120%;
	letter-spacing:-0.1em;
	}

#footer .footmenu ul li a,
#footer_top .footmenu ul li a,
#footer_residence_top .footmenu ul li a,
#footer_residence .footmenu ul li a {
	color:#0000FF;
	}

#footer .footmenu ul li.li_last,
#footer_top .footmenu ul li.li_last,
#footer_residence .footmenu ul li.li_last,
#footer_residence_top .footmenu ul li.li_last{
	background:none;
	}


/*★★★各ページ共通部品★★★---------------------------------------------------------------------------------------*/
a:link { 
 color: #0000ff;
 text-decoration: none;
	}
a:visited { 
 color: #0000ff; 
 text-decoration: none;
	}
a:active { 
 color: #ff0000; 
 text-decoration: none;
	}
a:hover { 
 color: #990000; 
 text-decoration: none;
	}
hr { 
	width: 100%;
	background: url(../image_cmn/header_line.gif) repeat-x left top; 
	}
.clear { 
	clear: both;
	}
.bold { 
	font-weight: bold 
	}
li a{
	overflow:hidden;
}
img {
	border:none;
}
p.imgclear {
	margin:0px;
	padding:0px;
}
.bold {
	font-weight: bold;	
}
form {
	margin:0px;
	padding:0px;
}
.dispnon {
	display:none;
	}

/*●●●ヘッダー●●●----------------------*/	
/*多度温泉ロゴ*/
#header .logo{
	float:left;
	margin:-2px 0px 0px 0px;
	_margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	height:60px;
	background: url(/tado_onsen/image_renew/logo_tadoonsen.png) no-repeat left 0;
	text-indent:-99999px;
}
#header .logo a{
	display:block;
	width:295px;
	height:56px;
	margin:0px;
	padding:0px;
}
#header h1{
	width:295px;
	height:56px;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
}
#header p{
	margin:0px;
	padding:0px;
}

/*ホームメイトロゴ*/
#header .homemate{
	float:right;
	width:133px;
	height:15px;
	margin:0px 7px 2px 5px;
	padding:2px 0px 0;
	text-indent:-999999px;
	border-right:1px solid #2e0000;
}
#header .homemate a{
	display:block;
	float:right;
	width:122px;
	height:13px;
	margin:0px;
	padding:0 10px 0 0;
	background: url(../image_cmn/goto_homemate.gif) no-repeat 0px 0px;
}

/*リゾートロゴ*/
#header .to_resort{
	float:right;
	width:170px;
	height:18px;
	margin:0px 0px 2px 5px;
	padding:0px;
	background: url(../image_cmn/goto_resort.gif) no-repeat 0px 2px;
	text-indent:-999999px;
}
#header .to_resort a{
	display:block;
	float:right;
	width:170px;
	height:18px;
	margin:0px;
	padding:0px;
}
/*右上のメニューボタン*/
#header .top_menu{
	float:left;
	width:605px;
	height:31px;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
}
#header .top_menu ul{
	list-style:none;
	margin:0px;
	padding:0px;
	text-indent:-999999px;
}
#header .top_menu li{
	float:left;
	width:121px;
	height:31px;
	margin:0px;
	padding:0px;
	font-size:9px;
}
#header .top_menu li a{
	display:block;
	float:left;
	width:121px;
	height:31px;
	margin:0px;
	padding:0px;
	font-size:9px;
}
#header .top_menu .kyakusitu{
	background: url(../image_cmn/top_menu.gif) no-repeat 0px 0px;
}
#header .top_menu .ryouri{
	background: url(../image_cmn/top_menu.gif) no-repeat -121px 0px;
}
#header .top_menu .hutai_sisetu{
	background: url(../image_cmn/top_menu.gif) no-repeat -242px 0px;
}
#header .top_menu .syuuhen_kankou{
	background: url(../image_cmn/top_menu.gif) no-repeat -363px 0px;
}
#header .top_menu .hotel_service{
	background: url(../image_cmn/top_menu.gif) no-repeat -484px 0px;
}
#header .top_menu .kyakusitu a:hover{
	background: url(../image_cmn/top_menu.gif) no-repeat 0px -31px;
}
#header .top_menu .ryouri a:hover{
	background: url(../image_cmn/top_menu.gif) no-repeat -121px -31px;
}
#header .top_menu .hutai_sisetu a:hover{
	background: url(../image_cmn/top_menu.gif) no-repeat -242px -31px;
}
#header .top_menu .syuuhen_kankou a:hover{
	background: url(../image_cmn/top_menu.gif) no-repeat -363px -31px;
}
#header .top_menu .hotel_service a:hover{
	background: url(../image_cmn/top_menu.gif) no-repeat -484px -31px;
}
/*●●●フッター●●●----------------------*/	
/*キャンペーンへのリンクバナー*/
#footer p,
#footer_top p
#footer_residence_top p,
#footer_residence p{
	margin:0px;
	padding:0px;
}
#footer .cam_box,
#footer_top .cam_box,
#footer_residence_top .cam_box,
#footer_residence .cam_box {
	float:left;
	width:900px;
	height:60px;
	margin:0px;
	padding:0px;
	/*background: url(../image_cmn/cam_back.gif) no-repeat left top;*/
}
/*#footer .cam_ttl {
	float:left;
	width:194px;
	height:21px;
	margin:10px 5px 0px 5px;
	padding:0px;
	background: url(../image_cmn/cam_ttl.gif) no-repeat left top;
	text-indent:-99999px;
}*/
#footer .cam_box ul,
#footer_top .cam_box ul,
#footer_residence_top .cam_box ul,
#footer_residence .cam_box ul{
	clear:both;
	float:left;
	width:900px;
	height:60px;
	margin:0px ;
	padding:0px 0px 8px 0px;
	text-indent:-9999px;
	list-style:none;
}
#footer .cam_box li,
#footer_top .cam_box li,
#footer_residence_top .cam_box li,
#footer_residence .cam_box li{
	float:left;
	width:294px;
	height:60px;
	margin:0px 0px 0px 0px;
	padding:0px;
	list-style:none;
}
#footer .cam_box li a,
#footer_top .cam_box li a,
#footer_residence_top .cam_box li a,
#footer_residence .cam_box li a{
	display:block;
	float:left;
	width:294px;
	height:60px;
	margin:0px;
	padding:0px;
	list-style:none;
}
#footer .cam_box .cam01,
#footer_top .cam_box .cam01,
#footer_residence_top .cam_box .cam01,
#footer_residence .cam_box .cam01{
	width:294px;
	height:60px;
	margin:0px 0px 0px 0px;
	background: url(../image_cmn/cam_01.jpg) no-repeat left top;
}
#footer .cam_box .cam02,
#footer_top .cam_box .cam02,
#footer_residence_top .cam_box .cam02,
#footer_residence .cam_box .cam02{
	width:294px;
	height:60px;
	margin:0px 0px 0px 8px;
	background: url(../image_cmn/cam_02.jpg) no-repeat left top;
}
#footer .cam_box .cam03,
#footer_top .cam_box .cam03,
#footer_residence_top .cam_box .cam03,
#footer_residence .cam_box .cam03{
	width:294px;
	height:60px;
	margin:0px 0px 0px 8px;
	background: url(../image_cmn/cam_02.jpg) no-repeat left top;
}
#footer .cam_box .cam01 a:hover,
#footer_top .cam_box .cam01 a:hover,
#footer_residence_top .cam_box .cam01 a:hover,
#footer_residence .cam_box .cam01 a:hover{
	width:294px;
	height:60px;
	margin:0px 0px 0px 0px;
	background: url(../image_cmn/cam_01_ov.jpg) no-repeat left top;
}
#footer .cam_box .cam02 a:hover,
#footer_top .cam_box .cam02 a:hover,
#footer_residence_top .cam_box .cam02 a:hover,
#footer_residence .cam_box .cam02 a:hover{
	width:294px;
	height:60px;
	margin:0px 0px 0px 0px;
	background: url(../image_cmn/cam_02_ov.jpg) no-repeat left top;
}
#footer .cam_box .cam03 a:hover,
#footer_top .cam_box .cam03 a:hover,
#footer_residence_top .cam_box .cam03 a:hover,
#footer_residence .cam_box .cam03 a:hover{
	width:294px;
	height:60px;
	margin:0px 0px 0px 0px;
	background: url(../image_cmn/cam_02_ov.jpg) no-repeat left top;
}
/*QRコード*/
#footer .qr_code,
#footer_top .qr_code,
#footer_residence_top .qr_code,
#footer_residence .qr_code{
	float:left;
	width:72px;
	height:83px;
	margin:0px 0px 0px 0px;
	padding:0px;
}
/*右下のボタン（オンライン予約　他）*/
#footer .bottom_menu,
#footer_top .bottom_menu,
#footer_residence_top .bottom_menu,
#footer_residence .bottom_menu{
	float:right;
	width:822px;
	height:38px;
	margin:0px 0px 0px 0px;
	padding:0px;
}
#footer .bottom_menu ul,
#footer_top .bottom_menu ul,
#footer_residence_top .bottom_menu ul,
#footer_residence .bottom_menu ul{
	list-style:none;
	width:822px;
	float:right;
	margin:0px;
	padding:0px;
	text-indent:-999999px;
}
#footer .bottom_menu li,
#footer_top .bottom_menu li,
#footer_residence_top .bottom_menu li,
#footer_residence .bottom_menu li{
	float:left;
	width:137px;
	height:38px;
	margin:0px 0px 0px 0px;
	padding:0px;
	font-size:9px;
}
#footer .bottom_menu li a,
#footer_top .bottom_menu li a,
#footer_residence_top .bottom_menu li a,
#footer_residence .bottom_menu li a{
	display:block;
	float:left;
	width:137px;
	height:38px;
	margin:0px;
	padding:0px;
	font-size:9px;
}
/*各ボタン*/
#footer_top .bottom_menu .yoyaku,
#footer_residence_top .bottom_menu .yoyaku,
#footer .bottom_menu .yoyaku,
#footer_residence .bottom_menu .yoyaku{
	width:137px;
	height:38px;
	margin:0px 0px 0px 0px;
	background: url(../image_cmn/fut_menu.gif) no-repeat 0px 0px;
}
#footer .bottom_menu .access,
#footer_top .bottom_menu .access,
#footer_residence_top .bottom_menu .access,
#footer_residence .bottom_menu .access{
	width:137px;
	height:38px;
	margin:0px 0px 0px 0px;
	background: url(../image_cmn/fut_menu.gif) no-repeat -137px 0px;
}

#footer .bottom_menu .bosyuu,
#footer_top .bottom_menu .bosyuu,
#footer_residence_top .bottom_menu .bosyuu,
#footer_residence .bottom_menu .bosyuu{
	width:137px;
	height:38px;
	margin:0px 0px 0px 0px;
	background: url(../image_cmn/fut_menu.gif) no-repeat -274px 0px;
}
#footer .bottom_menu .otoiawase,
#footer_top .bottom_menu .otoiawase,
#footer_residence_top .bottom_menu .otoiawase,
#footer_residence .bottom_menu .otoiawase{
	width:137px;
	height:38px;
	margin:0px 0px 0px 0px;
	background: url(../image_cmn/fut_menu.gif) no-repeat -411px 0px;
}
#footer .bottom_menu .photo_library,
#footer_top .bottom_menu .photo_library,
#footer_residence_top .bottom_menu .photo_library,
#footer_residence .bottom_menu .photo_library{
	width:137px;
	height:38px;
	margin:0px 0px 0px 0px;
	background: url(../image_cmn/fut_menu.gif) no-repeat -548px 0px;
}

#footer .bottom_menu .live,
#footer_top .bottom_menu .live,
#footer_residence_top .bottom_menu .live,
#footer_residence .bottom_menu .live{
	width:137px;
	height:38px;
	margin:0px 0px 0px 0px;
	background: url(../image_cmn/fut_menu.gif) no-repeat -685px 0px;
}
/*各ボタンOV*/
#footer .bottom_menu .yoyaku a:hover,
#footer_top .bottom_menu .yoyaku a:hover,
#footer_residence_top .bottom_menu .yoyaku a:hover,
#footer_residence .bottom_menu .yoyaku a:hover{
	width:137px;
	height:38px;
	background: url(../image_cmn/fut_menu.gif) no-repeat -0px -38px;
}
#footer .bottom_menu .access a:hover,
#footer_top .bottom_menu .access a:hover,
#footer_residence_top .bottom_menu .access a:hover,
#footer_residence .bottom_menu .access a:hover{
	width:137px;
	height:38px;
	background: url(../image_cmn/fut_menu.gif) no-repeat -137px -38px;
}
#footer .bottom_menu .bosyuu a:hover,
#footer_top .bottom_menu .bosyuu a:hover,
#footer_residence_top .bottom_menu .bosyuu a:hover,
#footer_residence .bottom_menu .bosyuu a:hover{
	width:137px;
	height:38px;
	background: url(../image_cmn/fut_menu.gif) no-repeat -274px -38px;
}
#footer .bottom_menu .otoiawase a:hover,
#footer_top .bottom_menu .otoiawase a:hover,
#footer_residence_top .bottom_menu .otoiawase a:hover
#footer_residence .bottom_menu .otoiawase a:hover{
	width:137px;
	height:38px;
	background: url(../image_cmn/fut_menu.gif) no-repeat -411px -38px;
}
#footer .bottom_menu .photo_library a:hover,
#footer_top .bottom_menu .photo_library a:hover,
#footer_residence_top .bottom_menu .photo_library a:hover,
#footer_residence .bottom_menu .photo_library a:hover{
	width:137px;
	height:38px;
	background: url(../image_cmn/fut_menu.gif) no-repeat -548px -38px;
}
#footer .bottom_menu .live a:hover,
#footer_top .bottom_menu .live a:hover,
#footer_residence_top .bottom_menu .live a:hover,
#footer_residence .bottom_menu .live a:hover{
	width:137px;
	height:38px;
	background: url(../image_cmn/fut_menu.gif) no-repeat -685px -38px;
}
/*右下の　企業情報・サイトマップ　他*/
#footer .jouhou,
#footer_top .jouhou,
#footer_residence_top .jouhou,
#footer_residence .jouhou{
	float:left;
	width:825px;
	height:15px;
	margin:3px 0px 0px 100px;
	padding:0px;
	font-size:75%;
}
#footer .jouhou ul,
#footer_top .jouhou ul,
#footer_residence_top .jouhou ul,
#footer_residence .jouhou ul{
	list-style:none;
	margin:0px;
	padding:0px;
}
#footer .jouhou li,
#footer_top .jouhou li,
#footer_residence_top .jouhou li,
#footer_residence .jouhou li{
	display:inline;
	float:left;
	margin:0px 0px 0px 8px;
	padding:8px 0px 0px 20px;
}
#footer .jouhou .kigyou_jouhou,
#footer_top .jouhou .kigyou_jouhou,
#footer_residence_top .jouhou .kigyou_jouhou,
#footer_residence .jouhou .kigyou_jouhou{
	background: url(../image_cmn/footer_list.gif) no-repeat 5px 12px;
}
#footer .jouhou .toiawase,
#footer_top .jouhou .toiawase,
#footer_residence_top .jouhou .toiawase,
#footer_residence .jouhou .toiawase{
	background: url(../image_cmn/footer_list.gif) no-repeat 5px 12px;
}
#footer .jouhou .site_map,
#footer_top .jouhou .site_map,
#footer_residence_top .jouhou .site_map,
#footer_residence .jouhou .site_map{
	background: url(../image_cmn/footer_list.gif) no-repeat 5px 12px;
}
#footer .jouhou .kojin_jouhou,
#footer_top .jouhou .kojin_jouhou,
#footer_residence_top .jouhou .kojin_jouhou,
#footer_residence .jouhou .kojin_jouhou{
	background: url(../image_cmn/footer_list.gif) no-repeat 5px 12px;
}
#footer .jouhou .social,
#footer_top .jouhou .social,
#footer_residence_top .jouhou .social,
#footer_residence .jouhou .social{
	background: url(../image_cmn/footer_list.gif) no-repeat 5px 12px;
}
/*リゾートコピーライト*/
#footer .jouhou .copy,
#footer_top .jouhou .copy,
#footer_residence_top .jouhou .copy,
#footer_residence .jouhou .copy{
/*	float:right;*/
	width:305px;
	height:50px;
	margin:25px 0px 0px 200px;
	padding:5px 0px 0px 0px;
	background: url(../image_cmn/copy.gif) no-repeat 0px 7px;
	font-size:75%;
	text-indent:-999999px;
}
/*左下　多度温泉住所他の情報*/
#footer .address,
#footer_top .address,
#footer_residence_top .address,
#footer_residence .address{
	line-height:130%;
	float:left;
	width:800px;
	height:30px;
	margin:30px 0px 0px 100px;
	padding:5px 0px 0px 10px;
	color:#444444;
	font-size:75%;
}
/*BGM*/
#bgm_btn{
	position: absolute;
	top: -24px;
	left: 800px;
	float:right;
	width:98px;
	height:16px;
	background: url(../image_cmn/bgm_btn.gif) no-repeat left top;
	text-indent:-99999px;
}
#bgm_btn p{
 margin:0px;
	padding:0px;
}
#bgm_btn a{
	display:block;
	width:98px;
	height:16px;
}
#bgm_btn a:hover{
	background: url(../image_cmn/bgm_btn.gif) no-repeat 0px -16px;
}
/*------------------------------基本ページ構成BOX------------------------------*/
#mainbox01{
	overflow:visible;
	position: absolute;
	top: 35px;
	left: 0px;
	width:900px;
	height:445px;
	background:#fff7e1 url(../image_cmn/img_back_basis.jpg) repeat;
 color:#444444;
 padding:0 0 15px 0;
}

#mainbox01 h2{
	height:69px;
	margin:0px;
	text-indent:-9999px
}
p.explanation{
 margin:0px;
 padding:10px 30px 5px 30px;
	color:#444444;
}
p.explanation2{
 margin:0px;
 padding:5px 30px 10px 30px;
	color:#444444;
}
p.explanation3{
	letter-spacing:-0.01em;
 margin:0px;
 padding:5px 10px 5px 10px;
	color:#444444;
}

p.explanation3{
	margin:0px;
	padding:5px 10px 5px 10px;
	color:#444444;
	letter-spacing:0.01em; /* all browsers, of course */
    letter-spacing:-0.01em\9; /* IE8 and below */
    *letter-spacing:-0.01em; /* IE7 and below */
    _letter-spacing:-0.01em; /* IE6 */
}
p.explanation3:not(:target) {
    letter-spacing:-0.01em\9; /* IE9 */
}

p.explanation4{
 margin:5px 0px 5px 0px;
 padding:0px;
	color:#444444;
}
p.explanation5{
 margin:0px;
 padding:5px 10px 0px 10px;
	color:#444444;
}
p.explanation img{
 margin:0px 5px;
	padding:0px;
}
/*-------上部_数字のボタン-------*/
.num_btn{
	position:absolute;
	top:25px;
	left:385px;
	width:58px;
	background: url(../image_cmn/layer_back.gif) no-repeat;
}
.num_btn ul{
	list-style:none;
	margin:0px;
	padding:0px;
}
.num_btn li{
	display:block;
	float:left;
	width:24px;
	height:34px;
	margin:0px 0px 0px 10px;
	padding:0px;
	text-indent:-99999px;
}
.num_btn li a{
	display:block;
	width:24px;
	height:34px;
}
.num_btn #num_01{
	margin:0px;
	background: url(../image_cmn/navi_btn.gif) no-repeat 0px 0px;
	}
.num_btn #num_02{
	background: url(../image_cmn/navi_btn.gif) no-repeat -39px 0px;
	}
.num_btn #num_03{
	background: url(../image_cmn/navi_btn.gif) no-repeat -78px 0px;
	}
.num_btn #num_04{
	background: url(../image_cmn/navi_btn.gif) no-repeat -117px 0px;
	}

.num_btn #num_05{
	background: url(../image_cmn/navi_btn.gif) no-repeat -156px 0px;
	}
/*数字のボタンOV時*/	
.num_btn #num_01_ov ,.num_btn #num_01 a:hover{
	margin:0px;
	background: url(../image_cmn/navi_btn.gif) no-repeat 0px -35px;
	}
.num_btn #num_02_ov ,.num_btn #num_02 a:hover{
	background: url(../image_cmn/navi_btn.gif) no-repeat -39px -35px;
	}
.num_btn #num_03_ov ,.num_btn #num_03 a:hover{
	background: url(../image_cmn/navi_btn.gif) no-repeat -78px -35px;
	}
.num_btn #num_04_ov ,.num_btn #num_04 a:hover{
	background: url(../image_cmn/navi_btn.gif) no-repeat -117px -35px;
	}
	
.num_btn #num_05_ov , .num_btn #num_05 a:hover{
	background: url(../image_cmn/navi_btn.gif) no-repeat -156px -35px;
	}
/*------------------------------別ウィンドウ_ヘッダー部分------------------------------*/
body#open_win{
margin:0px;
padding:0px;
color:#444444;
}
#subheader{
	position:relative;
 height:83px;
	margin:0px auto;
	padding:0px;
	background: url(../image_cmn/subheader_back.gif) repeat-x;
	text-align:center;
}
#subheader p#logo1{
 display:block;
	float:left;
	width:251px;
	height:52px;
	margin:0px;
	background: url(../image_cmn/subheader_logo1.gif) no-repeat;
	text-indent:-9999px;
}
#subheader p#logo2{
 display:block;
	float:right;
	width:226px;
	height:52px;
	margin:0px;
	background: url(../image_cmn/subheader_logo2.gif) no-repeat;
	text-indent:-9999px;
}
#subheader #pagebox{
	clear:both;
	width:30%;
	margin:0px auto 0px auto;
	text-align:center;
	
		/*clear:both;
	position:absolute;
	top:58px;
	left:40%;
	width:30%;
	margin:0px auto;
	text-align:center;*/
}
#subheader #pagebox p#pagetitle{
	height:23px;
	margin: 0px auto;
	padding:4px 0px 0px;
	background: url(../image_cmn/subheader_h1_back.gif) repeat-x;
	color: #660000;
	font-size:90%;
	font-weight:bold;
}
#subheader #pagebox2{
	clear:both;
	position:absolute;
	top:58px;
	left:30%;
	width:40%;
	margin:0px auto;
	text-align:center;
}
#subheader #pagebox2 p#pagetitle{
	height:23px;
	margin: 0px auto;
	padding:4px 0px 0px;
	background: url(../image_cmn/subheader_h1_back.gif) repeat-x;
	color: #660000;
	font-size:90%;
	font-weight:bold;
}

/* iPad */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) {
#subheader #pagebox2 p#pagetitle{
	height:23px;
	line-height:11px;
	margin: 0px auto;
	padding:4px 0px 0px;
	background: url(../image_cmn/subheader_h1_back.gif) repeat-x;
	color: #660000;
	font-size:90%;
	font-weight:bold;
}
}

#subheader #pagebox3{
	clear:both;
	position:absolute;
	top:58px;
	left:25%;
	width:50%;
	margin:0px auto;
	text-align:center;
}
#subheader #pagebox3 p#pagetitle{
	height:23px;
	margin: 0px auto;
	padding:4px 0px 0px;
	background: url(../image_cmn/subheader_h1_back.gif) repeat-x;
	color: #660000;
	font-size:90%;
	font-weight:bold;
}
#subheader #pagebox4{
	clear:both;
	position:absolute;
	top:58px;
	left:37%;
	width:26%;
	margin:0px auto;
	text-align:center;
}
#subheader #pagebox4 p#pagetitle{
	height:23px;
	margin: 0px auto;
	padding:4px 0px 0px;
	background: url(../image_cmn/subheader_h1_back.gif) repeat-x;
	color: #660000;
	font-size:90%;
	font-weight:bold;
}
#subheader #pagebox h1#pagetitle{
	height:23px;
	margin: 0px auto;
	padding:4px 0px 0px;
	background: url(../image_cmn/subheader_h1_back.gif) repeat-x;
	color: #660000;
	font-size:85%;
	font-weight:bold;
}
#subheader #pagebox2 h1#pagetitle{
	height:23px;
	margin: 0px auto;
	padding:4px 0px 0px;
	background: url(../image_cmn/subheader_h1_back.gif) repeat-x;
	color: #660000;
	font-size:85%;
	font-weight:bold;
}
#subheader #pagebox3 h1#pagetitle{
	height:23px;
	margin: 0px auto;
	padding:4px 0px 0px;
	background: url(../image_cmn/subheader_h1_back.gif) repeat-x;
	color: #660000;
	font-size:85%;
	font-weight:bold;
}
#subheader #pagebox4 h1#pagetitle{
	height:23px;
	margin: 0px auto;
	padding:4px 0px 0px;
	background: url(../image_cmn/subheader_h1_back.gif) repeat-x;
	color: #660000;
	font-size:85%;
	font-weight:bold;
}
/*------------------------------別ウィンドウ_フッター部分------------------------------*/
#subfooter{
	clear:both;
	position:relative;
	height:34px;
	margin:0px auto;
	padding:0px;
	background: #660000;
	text-align:center;
}
#subfooter #close_btn{
 position:absolute;
	top:4px;
	left:40%;
	width:20%;
	margin:0px auto;
	text-align:center;
}
#subfooter #close_btn p{
	margin:0px auto;
	padding:0px;
}
#subfooter #close_btn p a{
	overflow:hidden;
	display:block;
	margin:0px auto;
	width:90px;
	height:26px;
	background: url(../image_cmn/btn_win_close.gif) no-repeat 0px 0px;
	text-indent:-9999px;
}
#subfooter #close_btn p a:hover{
	background: url(../image_cmn/btn_win_close.gif) no-repeat 0px -26px;	
}
#tado_onsen_main #topbox{
	position: absolute;
	display:block;
	top: 35px;
	left: 0px;
	width:900px;
	/*height:455px;*/
	background:#fff7e1;
	color:#660000;
	padding-bottom:10px;
}
#topbox h2{
	height:69px;
	margin:0px;
	text-indent:-9999px
}
/*------------------------------基本テーブル------------------------------*/
table.ta_01{
	width:860px;
	margin:5px auto 0px auto;
	color:#660000;
	border: 2px solid #660000;
	border-collapse:collapse;
	text-align:center;
}
table.ta_01 th{
	height:15px;
	margin:0px;
	padding:5px;
	border: 2px solid #660000;
	background:#ecd9c7;
	color:#660000;
	font-weight:normal;
}
table.ta_01 td{
 height:15px;
	margin:0px;
	padding:5px;
	background:#ffffff;
	border: 2px solid #660000;
	color:#660000;
	text-align:left;
}
/*-------テーブル微調整-------*/
table th.th_w190{
	width:190px;
	text-align:left;
}
table th.th_w140{
	width:140px;
}
table th.th_w300{
	width:300px;
	margin:0px;
	padding:5px;
	text-align:left;
}
table td.td_w300{
	width:300px;
	font-size:102%;
	text-align:left;
}
table td.td_w350{
	width:350px;
	text-align:left;
}
.link_point00{
	padding:0px 0px 0px 15px;
	background: url(../image_cmn/link_point.gif) no-repeat left 1px;
}
.link_point01{
	float:right;
	padding:4px 0px 0px 15px;
	background: url(../image_cmn/link_point.gif) no-repeat left 5px;
}
.link_point02{
	float:left;
	padding:0px 0px 0px 15px;
	background: url(../image_cmn/link_point.gif) no-repeat left 1px;
}
.ftc_ff0000{
	color: #ff0000;
}
.ftc_ff0000_s{
	color: #ff0000;
	font-size:90%;
}
.ftc_ff0000_b{
	color: #ff0000;
	font-weight:bold;
}
.ftc_d20000_s{
	color:#d20000;
	font-size:90%;
}
a{
 overflow:hidden;
}


/*-------マージン-------*/
.mrgup5{
	margin-top:5px !important;
}
.mrgup10{
	margin-top:10px !important;
}
.mrgup15{
	margin-top:15px !important;
}
.mrgup20{
	margin-top:20px !important;
}
.mrgup25{
	margin-top:25px !important;
}
.mrgup30{
	margin-top:30px !important;
}
.mrgdown0{
	margin-bottom:0px !important;
}
.mrgdown5{
	margin-bottom:5px !important;
}
.mrgdown10{
	margin-bottom:10px !important;
}
.mrgdown15{
	margin-bottom:15px !important;
}
.mrgdown20{
	margin-bottom:20px !important;
}
.mrgdown25{
	margin-bottom:25px !important;
}
.mrgdown30{
	margin-bottom:30px !important;
}

/* ---------------------------------
 clearfix
--------------------------------- */
.clearfix:after {
  content: ".";
  overflow:hidden;
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
}

.clearfix {
  min-height: 1px;
}

* html .clearfix {
  height: 1px;
  /*\*//*/
  height: auto;
  overflow: hidden;
  /**/
}