@charset "utf-8";

/* 基本レイアウト・フォント装飾関連 */
.roman-s { font-family: "Arial", "Helvetica", "sans-serif"; font-size: 10px}
.f-bold { font-weight: bold}
.f-b-red { font-weight: bold ; color: #FF0000}
.f-b-y { font-weight: bold ; color: #FFFFCC}
.f-b-pink { font-weight: bold ; color: #FF6666}
.f-b-orange { font-weight: bold ; color: #FF6600}
.f-b-s-pink { font-weight: bold ; color: #FF3399}
.f-b-white { font-weight: bold ; color: #FFFFFF}
.f-b-purple { font-weight: bold; color: #B086B9}
.f-b-dp { font-weight: bold; color: #663399}
.f-b-green { font-weight: bold; color: #008888}
.f-b-blue { font-weight: bold; color: #0066CC}
.f-dp { color: #663399}
.f-white { color: #FFFFFF}
.f-red { color: #CC3300}

/* レイアウト */
.t10b { font-size: 10px; line-height: 14px}
.t10-r { font-size: 10px ; color: #FF0000}	
.t10w { font-size: 10px; color: #FFFFFF}
.t11b { font-size: 11px; line-height: 12px}
.t12b { font-size: 12px ; font-weight: bold ; color: #666666}
.t14b { font-size: 14px ; font-weight: bold ; color: #666666}
.t14y { font-size: 14px ; font-weight: bold ; color: #FFFFCC}
.t16b { font-size: 16px; font-weight: bold; color: #3366CC}
.t12_12 { font-size: 12px; line-height: 12px}
.t12_14 { font-size: 12px; line-height: 14px}
.t12_16 { font-size: 12px; line-height: 16px}
.e10 { font-family: "Verdana", "Geneva", "Courier" "Helvetica", "Alial", ; font-size: 10px;}
.e12 { font-family: "Verdana", "Geneva", "Courier" "Helvetica", "Alial", ; font-size: 12px}
.e12b { font-family: "Verdana", "Geneva", "Courier" "Helvetica", "Alial", ; font-size: 12px; font-weight: bold}
.e14b { font-family: "Verdana", "Geneva", "Courier" "Helvetica", "Alial", ; font-size: 14px; font-weight: bold}
.e14pink { font-family: "Verdana", "Geneva", "Courier" "Helvetica", "Alial", ; font-size: 14px; font-weight: bold ; color: #FF3399}
.e12w { font-family: "Verdana", "Geneva", "Courier" "Helvetica", "Alial", ; font-size: 12px; font-weight: bold ; color: #FFFFFF}

/*759px以下*/
@media screen and (max-width: 759.9px) {
#wrapper {line-height: 1.4;}
.spnone{display:none;}

/* CSS */
#dirPathBlock,
#anchorLinkBlock {
	font-size: 10px;
	margin: 1% 1% 0 1%;
}
#dirPathBlock p,
#anchorLinkBlock a{font-size: 12px;}
h1 {
	font-size: 12px;
	margin: 0 1%;
}

/*title*/
h2 img {
	width: 100%;
	height:auto;
}

/**/
img.smpTitle {width:100%;}
.mainBox > h3{display: none;}

.map2 {
	display:none;
}
.Boxinside {
	margin: 0 5%;
}
.onsenBox {
	border-bottom:2px dotted #aaa;
	padding-bottom:12px;
}
.onsenBox .onsen {
	margin-bottom:3%;
}
.onsenBox .onsen dl dt {
	width: 100%;
	background: #eee;
	color: #f15c04;
	font-size: 20px;
	font-weight: bold;
	line-height: 1.8;
	text-align: center;
	margin: 3% 0;
}
.onsenBox .onsen dl dt span {
	color:#6c4e2f;
	font-size:16px;
}
.onsenBox .onsen .setsumei {
	margin-bottom:3%;
}
.onsenBox .onsen .plan a {
	display: block;
	margin-bottom: 4%;
	width: 100%;
	background: url(https://www.nta.co.jp/yado/onsen/new_images/im_arrow.png) no-repeat #5a2a31 95% 50%;
	background-size: 16px auto;
	border-radius: 5px;
	line-height: 2.5;
	color: #fff;
	font-size: 20px;
	text-align: center;
}
.onsenBox .onsen .plan img {display:none;}
.onsenBox .onsen .osusumeyado b {
	padding: 10px;
	font-size: 18px;
	display: block;
}
.onsenBox .onsenPhoto {font-size:12px;}
.onsenBox .onsenPhoto img {
	width:100%;
	height: auto;
}
.onsenLine {display:none;}
.Boxbottom {height: 10px;}
.sideBox .famous{
	margin: 1%;
    width: 48%;
    float: right;
}
.sideBox .famous h4 {
	margin:0;
	padding:0;
	line-height: 0;
}
.sideBox .famous h4 img {width: 100%;}
.Sideinside {
	background: #ffdcc2;
	margin-bottom: 5%;
	padding-bottom: 12px;
}

dl.fam_e,dl.fam_w{font-size:14px;}
dl.fam_e dt,dl.fam_w dt {
	background: url(https://www.nta.co.jp/yado/onsen/images/icon3.gif) no-repeat 3px 0px;
	padding-left: 20px;
}
dl.fam_e dd,dl.fam_w dd {
    margin-bottom: 5%;
    text-indent: 5%;
}
.Sideinside:after{
	content: ".";
    display: block;
    height: 0;
    overflow: hidden;
	clear:both;
}
.aiueoWaku {
    border: 1px solid #7a5e41;
    background: #fbecdc;
    margin: 10px;
    padding: 10px 20px;
    color: #7a5e41;
	clear:both;
}
.aiueoWaku a{display:inline-block;}

p.templeteBtnB01 {
    width: 80%;
    background: url(//www.nta.co.jp/sp/images/im_arrow.png) no-repeat #fd6a07 98% 50%;
    margin: 0 auto 15px;
    color: #FFF;
    display: block;
    text-align: center;
}

p.templeteBtnB03 {
    width: 80%;
    background: url(//www.nta.co.jp/sp/images/im_arrow.png) no-repeat #339999 98% 50%;
    margin: 0 auto 15px;
    color: #FFF;
    display: block;
    text-align: center;
}
p.templeteBtnB01 a,
p.templeteBtnB03 a{
    display: block;
    padding: 8px 0;
    color: #FFF;
    text-decoration: none;
    font-size: 1em;
    font-weight: bold;
    font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    border-bottom: 2px solid rgba(0,0,0,0.2);
    border-top: 2px solid rgba(255,255,255,0.2);
}

/*エリアのおすすめ*/
#area_onsen_ichiran {
    background-color: #faf3f0;
    font-size: 15px;
    line-height: 1.5;
}

#area_onsen_ichiran .inner {
    padding-bottom: 20px;
}

#area_onsen_ichiran .rankingBox .innerBox dl {
    width: 96%;
    float: none;
    background: #FFF;
    margin: 0 auto;
}

#area_onsen_ichiran .rankingBox .innerBox dl dd {
    padding: 10px 10px 2px;
}

#area_onsen_ichiran h2 {
    font-family: "Times New Roman", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "メイリオ", Meiryo, serif;
    font-size: 20px;
    font-weight: normal;
    color: #5b2b31;
    background-size: auto 30px;
    display: block;
    clear: both;
    text-align: center;
    padding: 15px 2% 8px 2%;
}

#area_onsen_ichiran .rankingBox .innerBox dl dd ul li {
    display: inline-block;
    margin-bottom: 8px;
    padding: 0 0 0 10px;
    background: url(new_images/im_arrowp.png) no-repeat 0 50%;
    background-size: 6px auto;
}

#area_onsen_ichiran .rankingBox .innerBox dl dd ul li:first-child {
    font-weight: bold;
    background: none;
    padding: 0;
    margin: 0;
}

/*特徴・アクセス*/
#onsen_feature_box{
	width: 100%;
    margin: 3% auto;
    background: #FFF;
    box-sizing: border-box;
}
#onsen_feature_box .commoninner{
	width: 100%;
    margin: 0 auto;
    padding: 0;
    border-top: 3px solid #592A30;
}
#onsen_feature_box h2 {
	color: #592A30;
    font-size: 18px;
    margin-bottom: 10px;
    background: #FAF3F0;
    background: -moz-linear-gradient(top, #FAF3F0 0%, #ffffff 99%);
    background: -webkit-linear-gradient(top, #FAF3F0 0%,#ffffff 99%);
    background: linear-gradient(to bottom, #FAF3F0 0%,#ffffff 99%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FAF3F0', endColorstr='#ffffff',GradientType=0 );
    padding: 10px 0 8px 15px;
    border-bottom: 1px solid #E8DAD4;
}
#onsen_feature_box .txtKankoTop {
    font-size: 12px;
    line-height: 18px;
    padding: 0;
    margin: 10px;
}
#onsen_feature_box .yadoBox{
	padding:20px;
	margin-bottom:25px;
	/* Permalink - use to edit and share this gradient: //colorzilla.com/gradient-editor/#e7f5ff+0,ffffff+32 */
background: #e7f5ff; /* Old browsers */
background: -moz-linear-gradient(top,  #FAF3F0 0%, #ffffff 32%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #FAF3F0 0%,#ffffff 32%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #FAF3F0 0%,#ffffff 32%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FAF3F0', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
	border:1px solid #E8DAD4;
}
#onsen_feature_box h3 {
    font-size: 14px;
    margin-bottom: 5px;
    font-weight: bold;
	text-indent: 15px;
}
#onsen_feature_box .explain {
    background: #FAF3F0;
    padding: 10px;
    overflow: hidden;
    margin-bottom: 15px;
}
#onsen_feature_box .intoroA {
    font-size: 12px;
    overflow: hidden;
}
#onsen_feature_box .intoroA p {
    border-bottom: 1px dotted #e2edee;
    padding: 0 6px 12px;
    margin-bottom: 12px;
    overflow: hidden;
}
#onsen_feature_box .intoroA p strong {
    display: inline-block;
    padding: 5px;
    background: #592A30;
    color: #FFF;
    margin-right: 10px;
    -webkit-border-radius: 1px;
    border-radius: 1px;
    float: left;
    line-height: 14px;
    width: 65px;
    text-align: center;
}
#onsen_feature_box .intoroA p span {
    display: block;
    overflow: hidden;
}

/*よくある質問*/
#qanda_box{
	width: 100%;
    margin: 5% auto;
    background: #FFF;
    box-sizing: border-box;
}
#qanda_box .commoninner{
	width: 100%;
    margin: 0 auto;
    padding: 0;
    border-top: 3px solid #592A30;
}
#qanda_box h2 {
	color: #592A30;
    font-size: 18px;
    margin-bottom: 10px;
    background: #FAF3F0;
    background: -moz-linear-gradient(top, #FAF3F0 0%, #ffffff 99%);
    background: -webkit-linear-gradient(top, #FAF3F0 0%,#ffffff 99%);
    background: linear-gradient(to bottom, #FAF3F0 0%,#ffffff 99%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FAF3F0', endColorstr='#ffffff',GradientType=0 );
    padding: 10px 0 8px 15px;
    border-bottom: 1px solid #E8DAD4;
}
#qanda_box .commoninner > p.faq_question {
	width: 95%;
    font-size: 14px;
    border: 1px solid #e8dad4;
    margin: 0 auto 1%;
    padding: 10px 28px 10px 10px;
    position: relative;
    background: #faf3f0;
    box-sizing: border-box;
}
#qanda_box .commoninner > p.faq_ancer {
	font-size: 14px;
	margin: 1% 0;
    padding: 10px;
}

#gadget_section{
    clear: both;
    padding: 30px 0 20px;
}
#gadget_section h2 {
	border-top: 3px solid #592A30;
	color: #592A30;
    font-size: 18px;
    margin-bottom: 10px;
    background: #FAF3F0;
    background: -moz-linear-gradient(top, #FAF3F0 0%, #ffffff 99%);
    background: -webkit-linear-gradient(top, #FAF3F0 0%,#ffffff 99%);
    background: linear-gradient(to bottom, #FAF3F0 0%,#ffffff 99%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FAF3F0', endColorstr='#ffffff',GradientType=0 );
    padding: 10px 0 8px 15px;
    border-bottom: 1px solid #E8DAD4;
}

/*サイドなし*/
#boxSide,
#bnlinks{display:none;}

}

/*760px以上*/
@media screen and (min-width: 760px),print {
/* CSS */
.pcnone{display:none}
#wrapper {line-height: 1.231;}
#dirPathBlock,
h1,
#anchorLinkBlock{
	width: 100%;
	max-width:950px;
	min-width:760px;
	margin: auto;
}

/*panlist&back*/
#dirPathBlock,
#anchorLinkBlock {
	width: 100%;
	margin: 0 auto;
	display: block;
	font-size: 12px;
}
#dirPathBlock p,
#anchorLinkBlock a{font-size: 12px;}
h1 {
	font-size:12px;
	line-height:18px;
	font-weight:normal;
	padding:3px;
	margin:0px;
 	width:100%;
	max-width: 950px;
	margin:0 auto;

}
h3{line-height: 0;}

*{margin:0;padding:0;}
.clear{
  clear:both;
}

ul {
	list-style:none;
}
.clear {
	clear: both;
}
.clearfix:after { 
	content: "."; 
	display: block; 
	clear: both; 
	height: 0; 
	visibility: hidden; 
	line-height: 0; 
} 
.clearfix { 
	display: inline-table; 
	min-height: 1%; 
} 
/* for macIE \*/ 
* html .clearfix { 
	height: 1%; 
} 
.clearfix { 
	display: block; 
} 
/* end of for macIE */
.clearfix {
	overflow:hidden;
}

#wrapper article {
    width: 950px;
    margin: 0 auto;
}

/* CSS初期設定 */
#bg {
	font-size:12px;
	width:950px;
	overflow:hidden;
}
#bg img {
	vertical-align:bottom;
}
#bg a img {
	border:0;
}
#bg ul,#bg ol {
	list-style:none;
}
#bg a {
	overflow: hidden;
}
#bg strong {
	font-weight:bold;
}
.clear {
	clear: both;
}
.clearFloat:after { 
	content: "."; 
	display: block; 
	clear: both; 
	height: 0; 
	visibility: hidden; 
	line-height: 0; 
} 
.clearFloat { 
	display: inline-table; 
	min-height: 1%; 
} 
/* for macIE \*/ 
* html .clearFloat { 
	height: 1%; 
} 
.clearFloat { 
	display: block; 
} 
/* end of for macIE */
.clearFloat {
	overflow:hidden;
}

a.OpaChange:hover *{
filter:alpha(opacity=70); /*IE*/
-moz-opacity:0.70; /*FF*/
opacity:0.70;
}

/*各地温泉リンク*/
#area_onsen_ichiran .inner{padding: 20px 0;}
#area_onsen_ichiran .rankingBox .innerBox dl {
	width: 100%;
	float: none; 
	line-height: 1.4;
    background: #FFF;
}
#area_onsen_ichiran .rankingBox .innerBox dl dt {
	background: none;
	height: auto;
	color: #000;
	line-height: 1;
	text-align: left;
	font-size: 100%;
	border: none;
}
#area_onsen_ichiran .rankingBox .innerBox dl dd {padding: 10px 10px 2px;}
#area_onsen_ichiran .rankingBox .innerBox dl dd ul li {
    display:inline-block;
    margin-bottom: 8px;
    padding: 0 0 0 10px;
    background: url(/yado/onsen/new_images/im_arrowp.png) no-repeat 0 50%;
    background-size: 6px auto;
}
#area_onsen_ichiran .rankingBox .innerBox dl dd ul li:first-child {
	font-weight:bold;
    background: none;
    padding: 0;
    margin: 0;
}

/*大枠*/
.wrapper{
	font-size: 12px;
	width:950px;
}
.mainBox{
	width:700px;
	background-color:#e8e8d9;
	float:left;
	margin:0;
	padding:0;
}
.sideBox{
	width:250px;
	float:left;
	background:#FFF;
}
.Boxinside{
	background:url(../images/box_inside.gif)  repeat-y;
	width:672px;
	padding:10px 0 0 28px;
}
.Boxbottom{
	background:url(../images/box_bottom.gif)  no-repeat;
	width:700px;
	height:32px;
	margin-bottom: 10px;
}

/*サイド部分のBOX*/
.ranking{padding:15px 0 0 12px;}
.Sideinside{
	background:url(../images/rank_inside.gif)  repeat-y;
	width:230px;
}
.Sideinsidebox{padding: 0 15px 0 10px;}
.Sideinsidebox img.arrow{
	vertical-align: middle;
	margin-right: 5px;
}
.Sidebottom{
	background:url(../images/rank_bottom.gif)  no-repeat;
	width:230px;
	height:22px;
	margin-bottom: 10px;
}
.famous{padding:10px 0 0 12px;}
.famous h4{
	margin:0;
	padding:0;
	background:#FFF;
	line-height: 0;
}

/*ランキングリスト*/
ul.rank{
	list-style-type: none;
}

ul.rank li{
	text-indent:2px;
}
.rank{
	vertical-align:middle;
}

.rank2{
	vertical-align:text-bottom;
}

/*有名処の温泉東編リスト*/
ul.fam_e{list-style-type: none;}
ul.fam_e li{
	background: url(../images/icon3.gif) no-repeat 10px 0px;
	padding-left: 25px;
	padding-top:3px;
	height:20px;
}
* html body dl.list dd div{
   display:inline-block;
}
dl.fam_e {width:230px;}
dl.fam_e dt {
	background: url(../images/icon3.gif) no-repeat 10px 0px;
	float:left;
	width:60px;
	clear:both;
	padding-left:22px;
}
dl.fam_e dd {
	width:120px;  
	margin-left:80px;
	padding-left:0px;
}

/*有名処の温泉西編リスト*/
ul.fam_w{list-style-type: none;	}
ul.fam_w li{
	background: url(../images/icon2.gif) no-repeat 10px 0px;
	padding-left: 25px;
	padding-top:3px;
	height:18px;
}
dl.fam_w {width:230px;}
dl.fam_w dt {
	background: url(../images/icon2.gif) no-repeat 10px 0px;
	float:left;
	width:60px;
	clear:both;
	padding-left:22px;
}
dl.fam_w dd {
	width:120px;  
	margin-left:80px;
	padding-left:0px;
}

/* map */
.map2{
	width:700px;
	height: 503px;
}
#mappic2{
	display:none
}

/*温泉リスト*/
.onsenBox{
	width:650px;
	clear:both;
	padding-bottom:10px;
}
.onsenLine{
	width:650px;
	background:url(../images/line.gif) no-repeat;
}
.onsen{
	float:left;
	color:#524130;
	width:402px;
}
.onsenBox .onsen dl dt{
	width: 393px;
    height: 46px;
    background: url(../images/onsen_title.gif) no-repeat;
    color: #f15c04;
    font-size: 16px;
    font-weight: bold;
    line-height: 2.65;
    text-indent: 12%;
}
.onsenBox .onsen dl dt span{
	color:#6c4e2f;
	font-size:14px;
}
dl.onsen dt{
	width:405px;
	line-height:1.3em;
}
dl.onsen dd{
	padding:0 10px;
}
.setsumei{
	width:380px;
	padding:0 10px;
}
.plan {
	padding:5px 0 0 0px;
	overflow:hidden;
	float:left;
}
.osusumeyado{
	clear:both;
	width:380px;
	padding:0 10px;
}
.onsenPhoto{
	width:240px;
	padding-top:4px;
	float:left;
}

/*あいうえおから探す*/
.aiueoSearchHokuriku{
	border-top:#aaa79e solid 1px;
	width:950px;
	padding-bottom:20px;
	background:#f7d9b9 url(../images/aiueo_bottom.gif) no-repeat bottom;
	clear:both;
	overflow:hidden;
}
.aiueoWaku{
	border:1px solid #7a5e41;
	background:#fbecdc;
	margin:10px;
	padding:10px 20px;
	color:#7a5e41;
}

/*-----------------------------------------------------------
サイドナビ
-----------------------------------------------------------*/
p.templeteBtnB01 {
    width: 80%;
    background: url(//www.nta.co.jp/sp/images/im_arrow.png) no-repeat #fd6a07 98% 50%;
    margin: 0 auto 15px;
    color: #FFF;
    display: block;
    text-align: center;
}
p.templeteBtnB03 {
    width: 80%;
    background: url(//www.nta.co.jp/sp/images/im_arrow.png) no-repeat #339999 98% 50%;
    margin: 0 auto 15px;
    color: #FFF;
    display: block;
    text-align: center;
}
p.templeteBtnB01 a,
p.templeteBtnB03 a{
    display: block;
    padding: 13px 0;
    color: #FFF;
    text-decoration: none;
    font-size: 1.4em;
    font-weight: bold;
    font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    border-bottom: 2px solid rgba(0,0,0,0.2);
    border-top: 2px solid rgba(255,255,255,0.2);
}
p.templeteBtnB01:hover,
p.templeteBtnB03:hover{
    opacity: 0.8;
    filter: alpha(opacity=80);
    -ms-filter: "alpha( opacity=80 )";
}
p.templeteBtnB01 a:hover,
p.templeteBtnB03 a:hover {
    color: #FFF!important;
    text-decoration: none!important;
}

/*エリアのおすすめ*/
#area_onsen_ichiran {
    background-color: #faf3f0;
    padding: 10px;
}
#area_onsen_ichiran h2 {
    font-size: 28px;
    font-weight: normal;
    margin-bottom: 12px;
    font-family: "游明朝",YuMincho,"ヒラギノ明朝 ProN W3","Hiragino Mincho ProN","HG明朝E","ＭＳ Ｐ明朝","ＭＳ 明朝",serif;
    color: #333333;
    margin: 0 0 4% 8%;
}

/* article
------------------------------------------ */
.article{
	background:url(/yado/onsen/new_images/im_top.gif) no-repeat top left,url(/yado/onsen/new_images/im_bottom.gif) no-repeat bottom left;
	background-color:#faf3f0;
	position:relative;
	margin-bottom:45px;
}
.article h2{
	font-family: "Times New Roman", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "メイリオ", Meiryo, serif;
	font-size:30px;
	font-weight:normal;
	color:#5b2b31;
}
.article h3{
	font-family: "Times New Roman", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "メイリオ", Meiryo, serif;
	font-size:20px;
	font-weight:normal;
	color:#5b2b31;
	background:url(/yado/onsen/new_images/ti_bg_kodawari.png) no-repeat;
	background-size: 100%;
	height:57px;
	line-height:62px;
	display:block;
	clear:both;
	padding:0 0 0 20px;
	margin-bottom:22px;
}
.article h4{
	font-size:16px;
	font-weight:normal;
	color:#5b2b31;
	background:url(/yado/onsen/new_images/ti_bg_rank.png) no-repeat;
	height:36px;
	line-height:36px;
	display:block;
	clear:both;
	padding:0 0 0 25px;
	margin:0 0 12px 5px;
}
.inner{
	padding:35px 30px 35px 30px;
	overflow:hidden;
}
.catche{
	font-size:14px;
	color:#5b2b31;
	line-height:28px;
}
.catche.mb20{margin-bottom:15px;}

#link01 .inner{background:url(/yado/onsen/new_images/bg_i01.png) no-repeat;}
#link02 .inner{background:url(/yado/onsen/new_images/bg_i02.png) no-repeat;}
#link03 .inner{background:url(/yado/onsen/new_images/bg_i03.png) no-repeat;}
#link04 .inner{background:url(/yado/onsen/new_images/bg_i04.png) no-repeat;}
#link05 .inner{background:url(/yado/onsen/new_images/bg_i05.png) no-repeat;}
#link06 .inner{background:url(/yado/onsen/new_images/bg_i05.png) no-repeat;}

.rank01 a{color:#a87e00!important;}
.rank02 a{color:#6C8389!important;}
.rank03 a{color:#D54E2A!important;}
.rank04 a{color:#1C8E80!important;}

/*特徴・アクセス*/
#onsen_feature_box{
	width: 96%;
    margin: 5% auto;
    padding: 20px;
    background: #FFF;
    box-sizing: border-box;
}
#onsen_feature_box .commoninner{
	width: 100%;
    margin: 0 auto;
    padding: 0;
    border-top: 3px solid #592A30;
}
#onsen_feature_box h2 {
	color: #592A30;
    font-size: 22px;
    margin-bottom: 15px;
    background: #FAF3F0;
    background: -moz-linear-gradient(top, #FAF3F0 0%, #ffffff 99%);
    background: -webkit-linear-gradient(top, #FAF3F0 0%,#ffffff 99%);
    background: linear-gradient(to bottom, #FAF3F0 0%,#ffffff 99%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FAF3F0', endColorstr='#ffffff',GradientType=0 );
    padding: 15px 0 10px 15px;
    border-bottom: 1px solid #E8DAD4;
}
#onsen_feature_box .txtKankoTop {
    font-size: 14px;
    line-height: 18px;
    padding: 0px;
    margin: 0px 0px 15px 15px;
}
#onsen_feature_box .yadoBox{
	padding:20px;
	margin-bottom:25px;
	/* Permalink - use to edit and share this gradient: //colorzilla.com/gradient-editor/#e7f5ff+0,ffffff+32 */
background: #e7f5ff; /* Old browsers */
background: -moz-linear-gradient(top,  #FAF3F0 0%, #ffffff 32%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #FAF3F0 0%,#ffffff 32%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #FAF3F0 0%,#ffffff 32%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FAF3F0', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
	border:1px solid #E8DAD4;
}
#onsen_feature_box h3 {
    font-size: 16px;
    margin-bottom: 5px;
    font-weight: bold;
	text-indent: 15px;
	line-height:1.4;
}
#onsen_feature_box .explain {
    background: #FAF3F0;
    padding: 20px;
    overflow: hidden;
    margin-bottom: 15px;
}
#onsen_feature_box .intoroA {
    font-size: 14px;
    overflow: hidden;
}
#onsen_feature_box .intoroA p {
    border-bottom: 1px dotted #e2edee;
    padding: 0 6px 12px;
    margin-bottom: 12px;
    line-height: 160%;
    overflow: hidden;
}
#onsen_feature_box .intoroA p strong {
    display: inline-block;
    padding: 5px;
    background: #592A30;
    color: #FFF;
    margin-right: 10px;
    -webkit-border-radius: 1px;
    border-radius: 1px;
    float: left;
    line-height: 14px;
    width: 65px;
    text-align: center;
}
#onsen_feature_box .intoroA p span {
    display: block;
    overflow: hidden;
}

/*よくある質問*/
#qanda_box{
	width: 96%;
    margin: 5% auto;
    padding: 20px;
    background: #FFF;
    box-sizing: border-box;
}
#qanda_box .commoninner{
	width: 100%;
    margin: 0 auto;
    padding: 0;
    border-top: 3px solid #592A30;
}
#qanda_box h2 {
	color: #592A30;
    font-size: 22px;
    margin-bottom: 15px;
    background: #FAF3F0;
    background: -moz-linear-gradient(top, #FAF3F0 0%, #ffffff 99%);
    background: -webkit-linear-gradient(top, #FAF3F0 0%,#ffffff 99%);
    background: linear-gradient(to bottom, #FAF3F0 0%,#ffffff 99%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FAF3F0', endColorstr='#ffffff',GradientType=0 );
    padding: 15px 0 10px 15px;
    border-bottom: 1px solid #E8DAD4;
}
#qanda_box .commoninner > p.faq_question {
	font-size: 16px;
    border: 1px solid #e8dad4;
    margin-bottom: 1%;
    padding: 10px 30px 10px 10px;
    position: relative;
    background: #faf3f0;
}
#qanda_box .commoninner > p.faq_ancer {
	font-size: 16px;
	margin: 1% 0;
    padding: 10px;
}

#boxSide {margin: 0 0 0 25px;}

#gadget_section{
    clear: both;
    padding: 30px 0 20px;
}
#gadget_section h2 {
	text-align: center;
    font-size: 28px;
    font-family: "游明朝",YuMincho,"ヒラギノ明朝 ProN W3","Hiragino Mincho ProN","HG明朝E","ＭＳ Ｐ明朝","ＭＳ 明朝",serif;
}

/*bnlinks*/
#bnlinks{
	float: left;
	display: inline;
	width: 950px;
	margin: 10px 0;
	padding: 10px 0 0;
	background: #FFFFFF;
	border-top: 1px dashed #CCC;
}
#bnlinks ul{
	float: left;
	width: 950px;
	margin: 0 0 10px 0;
	padding: 0;
	list-style: none;
}
#bnlinks ul li{
	float: left;
	display: inline;
	width: 180px;
	margin: 0 5px;
	padding: 0;
	font-size: 10px;
}
#bnlinks ul li dl{
	margin: 0;
	padding: 0;
}
#bnlinks ul li dl dt{
	margin: 0;
	padding: 0;
	font-weight: bold;
}
#bnlinks ul li dl dd{
	margin: 0;
	padding: 0;
}
#bnlinks a,
#bnlinks a:link    { color: #0066CC; text-decoration: none; }
#bnlinks a:visited { color: #468ACE; }
#bnlinks a:hover,
#bnlinks a:active  { color: #FF8000; text-decoration: underline; }

}

/*ガシェット色*/
#gadget_section .search_kokunaiBar .serchBox.kokunaiS ul li.select {
    background: #5c2c32;
	color:#FFF;
}
#gadget_section .search_kokunaiBar .serchBox.kokunaiS ul li {
	background: #e8dad4;
    color: #5c2c32;
}
#gadget_section .search_kokunaiBar .serchBox.kokunaiS .content_wrap.serchBox {
    border: 5px solid #5c2c32;
}