@charset "utf-8";
@import url('/css/global.css?250225');

/* ==========================================================

title : ホテル多度温泉　サイト定義
scope : 全ページ

last modify : 2016/03/23 266_shintani
              1.リニューアルに伴い、新旧で共通して使用するCSSを最下部に移動
              2.新デザインで使用するCSSを上記移動CSSの下に記載

memo  :  2013/03/15 041_ooba

========================================================== */

/* ==========================================================
↓↓↓↓↓　旧デザインCSS　デザイン移行後削除可　↓↓↓↓↓
========================================================== */
/* --------------------------------------
 header
--------------------------------------- */
[id^="headbg"] > header {
    overflow: hidden;
    width: 962px;
    height: 85px;
    margin: 0px auto;
}

[id^="headbg"] > header > #logo {
	width:249px;
	height:50px;
	margin:25px 0px 0px 20px;
	float: left;
}
	
/* --------------------------------------
 headnavi
--------------------------------------- */

[id^="headbg"] > nav#headnavi > ul > li > a {
	background:url(/tado_onsen/image_cmn/linkarrow_s.gif) no-repeat 0 1px;
	}
	
[id^="headbg"] > nav#headnavi > ul > li > a:hover {
	color:#e98080;
	}
		
/* --------------------------------------
 linklist
--------------------------------------- */

ul[class^="linklist"] > li > a {
	background:url(/tado_onsen/image_cmn/linkarrow.gif) no-repeat 5px 2px;
	}
	
/* --------------------------------------
 linkpanel
--------------------------------------- */

ul[class^="linkpanel"] > li > dl > dt {
	background:url(/tado_onsen/image_cmn/linkarrow.gif) no-repeat 0px 2px;
	}
	
/* iPad */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) {

ul[class^="linkpanel"] > li > dl > dt {
	background:url(/tado_onsen/image_cmn/linkarrow.gif) no-repeat 0px 4px;
	}
}
	
	
/* 分割 */
/*ul[class^="linkpanel_col_2_sp"] {
	background:url(/tado_onsen/image_cmn/linkpanel_sp_bg.gif) no-repeat right bottom;
	}*/
	
/* -------------------------
 panel_s
------------------------- */
ul[class^="linkpanel"][class~="panel_s"] > li > p {
	background:url(/tado_onsen/image_cmn/linkarrow.gif) no-repeat 5px center,-webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#f5f5f5));
	background:url(/tado_onsen/image_cmn/linkarrow.gif) no-repeat 5px center,-moz-linear-gradient(top, #ffffff 0%, #f5f5f5 100%);
	background:url(/tado_onsen/image_cmn/linkarrow.gif) no-repeat 5px center,linear-gradient(to bottom, #ffffff 0%,#f5f5f5 100%);
	-pie-background:url(/tado_onsen/image_cmn/linkarrow.gif) no-repeat 5px center,linear-gradient(#ffffff, #f5f5f5);
	}
	
ul[class^="linkpanel_col_2_sp"][class~="panel_s"] {
	background:url(/tado_onsen/image_cmn/linkpanel_s_sp_bg.gif) no-repeat right bottom;
	}
	
	
/* -------------------------
 txt_mainttl
------------------------- */
.txt_mainttl {
	width: 944px;
	margin: 0 auto 13px;
	padding: 15px 0 6px 14px;
	font-size: 18px;
}
/* ==========================================================
↑↑↑↑↑　旧デザインCSS　デザイン移行後削除可　↑↑↑↑↑
========================================================== */






/* ================================================================

title : ホテル多度温泉　新サイト用　定義
scope : 全ページ

last modify : 2016/03/23 266_shintani リニューアル用CSS最下部に記述

memo  : 

================================================================ */
#headbg #header_space #logo {
	width:249px;
	height:50px;
	margin:25px 0px 0px 20px;
	float: left;
}



/* --------------------------------------
 siteroute
--------------------------------------- */

[id^="main"] > ul.siteroute > li {
	background:url(/tado_onsen/image_cmn/siteroute_arrow.gif) no-repeat 0px center;
	}

/* --------------------------------------
 リンクボタン共通
--------------------------------------- */
	
[class^="linkbtn"] > a {
	background:url(/tado_onsen/image_cmn/linkarrow_s.gif) no-repeat 5px center;
	}
	
[class^="linkbtn"] > a:hover {
	background:url(/tado_onsen/image_cmn/linkarrow_s_ov.gif) no-repeat 5px center;
}

/* --------------------------------------
 テキストリンク共通
--------------------------------------- */

[class^="linktxt"] {
	background:url(/tado_onsen/image_cmn/linkarrow_s.gif) no-repeat 0px 4px;
}


/* --------------------------------------
alpha-hover
--------------------------------------- */
/* ------ hover時画像を透過 ------ */
a:hover img.alpha-hover {
	filter: alpha(opacity=70);
	-moz-opacity: 0.7;
	opacity: 0.7;
}

/* iPad用 */
@media screen and (max-device-width: 1024px) {
	a:hover img.alpha-hover {
		opacity: 1!important;
	}
}

/* --------------------------------------
clearfix
--------------------------------------- */

.cf:after {
  content: "";
  display: table;
  clear: both;
}

/* --------------------------------------
 header
--------------------------------------- */

body > [id^="headbg"] {
	background:url(/tado_onsen/image_cmn/head_bg.gif) repeat-x left top;
	}

#headbg #header_space {
    overflow: hidden;
    width: 964px;
    height: 85px;
    margin: 0px auto;
}

#headbg #header_space #logo {
	width:249px;
	height:50px;
	margin:25px 0px 0px 0;
}
	
[id^="headbg"] > header > a#tado-cc {
	float:left;
	margin:45px 0 0 10px;
}

[id^="headbg"] > header > img#tado-cc {
	float:left;
	margin:45px 0 0 10px;
}
[id^="headbg"] + nav {
  height: 60px;
}

#hader_tel {
	float: right;
	margin: 32px 0 0 0;
}

/* --------------------------------------
 nav
--------------------------------------- */
#global_navi {
	width: 1000px;
	margin: 0 auto;
	border-bottom: 4px solid #a31414;
	font-size: 0;
}
#global_navi.fixed {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 1000;
}

#global_navi li {
	display: inline-block;
/*	font-size: 12px;*/
	line-height: 1;
}