@charset "Shift_JIS";
/* ž knt! - CSS - visa.css - 2007/12/25 - tnk ž */


/*-----------------------------------------------------
ž VISAƒvƒ‰ƒ`ƒiƒJ[ƒh
-----------------------------------------------------*/
#tp { line-height: 25px; color: #666; font-size: 11px;}
#tp span{ color: #666;}

#visa {width: 760px; margin-left: 100px;}

#visa table{ margin: 10px 0 0; padding: 0;}
#visa .navi{ width: 411px; height: 227px; background: url(img/map.gif) no-repeat; vertical-align: top;}
#visa .navi .search{ margin: 36px 0 0 75px;}
#visa .navi div { margin-bottom: 7px;}
#visa .navi div a{ width: 45px; height: 14px; background: #34368d; display: block; float: left; color: #fff; text-align: center; border-left: solid 1px #7173b0;}
#visa .navi div span{ width: 45px; height: 14px; background: #34368d; display: block; float: left; color: #b0b0f7; text-align: center; border-left: solid 1px #7173b0;}
#visa .navi div a:hover{ background: #fff; color: #101581;}

#visa .therme { width: 349px; margin: 0; padding: 0; text-align: right;}
#visa .therme ul li{
float:left;
width:164px;
margin-left:10px;
}

#visa .therme .city{ margin: 8px 0;}

#visa .att{ margin: 10px 0 20px; border: solid 1px #dddcee; background: url(img/att_bg.gif); padding: 10px; line-height: 20px;width: 740px;}

#visa .notice{ margin: 10px 0 20px; border: solid 1px #fbb6a6; background: url(img/notice_bg.gif); padding: 10px; line-height: 20px;width: 740px;}


#visa .list{ width: 760px;}
#visa .list td{ vertical-align: top;}
#visa .list .box{ width: 373px; border: solid 1px #dddcee; margin-bottom: 10px;}
#visa .list .box .photo { width: 200px;}
#visa .list .box .photo img{ margin: 10px; display: inline;}
#visa .list .box .word{ padding: 10px 0px; text-align: left; line-height: 17px;}
#visa .list .box .word a{ line-height: 20px;}
#visa .list .box .word div{ margin: 10px 0px;}

/* clearfix */
.clearfix:after { content: "."; display: block;	height: 0; clear: both; visibility: hidden;}
.clearfix { display: inline-table; min-height: 1%; }
*html .clearfix {height: 1%;}
.clearfix {display: block;}
.clear { clear: both;}
.clear img{ width: 1px; height: 1px;}


/*-----------------------------------------------------
ž ŠK‘wƒy[ƒW ƒiƒrƒQ[ƒVƒ‡ƒ“
-----------------------------------------------------*/

#visa .subnav{
	width: 760px;
	height: 44px;
}

#visa.ryokan .subnav{border-bottom: 3px solid #4d7f06;}
#visa.ryokan2 .subnav{border-bottom: 3px solid #38460b;}
#visa.city .subnav{border-bottom: 3px solid #55200e;}
#visa.resort .subnav{border-bottom: 3px solid #000e4f;}


#visa .subnav ul{
	margin: 0px;
	padding: 0px;
	width: 760px;
}


#visa .subnav ul li{
	margin: 0;
	padding: 0;
	list-style: none;
	float: left;
}

#visa .subnav ul li#navryokan{
width: 156px;
	margin-right: 5px;
}

#visa .subnav ul li#navryokan2{
width: 157px;
	margin-right: 5px;
}


#visa .subnav ul li#navcity{
	width: 216px;
	margin-right: 5px;
}

#visa .subnav ul li#navresort{width: 216px;}


#visa .subnav ul li a,
#visa .subnav ul li{
	height: 44px;
	background: url(./img/sub_nav.jpg) no-repeat;
	display: block;
	text-decoration: none;
}

#visa .subnav ul li span{
	display: none;
}

#visa .subnav ul li#navryokan a{background-position: 0 -53px;}
#visa .subnav ul li#navryokan2 a{background-position: -161px -53px;}

#visa .subnav ul li#navcity a{background-position: -323px -53px;}
#visa .subnav ul li#navresort a{background-position: -544px -53px;}

#visa .subnav ul li#navryokan a:hover,
#visa .subnav ul li#navryokan{background-position: 0 0;}
#visa .subnav ul li#navryokan2 a:hover,
#visa .subnav ul li#navryokan2{background-position: -161px 0;}
#visa .subnav ul li#navcity a:hover,
#visa .subnav ul li#navcity{background-position: -323px 0;}
#visa .subnav ul li#navresort a:hover,
#visa .subnav ul li#navresort{background-position: -544px 0;}

/*-----------------------------------------------------
ž ŠK‘wƒy[ƒW ’nˆζƒŠƒ“ƒNi—·ŠΩƒy[ƒWj
-----------------------------------------------------*/

#visa.ryokan ul.arealink{
	margin: 0;
	padding: 0;
	width: 760px;
	height: 2em;	
	background: #38460b;
	color: #ffffff;
	line-height: normal;
}

#visa.ryokan ul.arealink li{
	margin: 0 1em 0 1em;
	padding: 0;
	list-style: none;
	float: left;
	line-height: 2em;
}


#visa.ryokan ul.arealink li a:link,
#visa.ryokan ul.arealink li a:visited,
#visa.ryokan ul.arealink li a:hover,
#visa.ryokan ul.arealink li a:active {
	color: #ffffff;
}



/*-----------------------------------------------------
ž ŠK‘wƒy[ƒW ƒzƒeƒ‹ˆκ——
-----------------------------------------------------*/

#visa .hotelist{
	border: 1px solid #dddcee;
	margin: 5px 0;
	padding: 5px;
	width: 238px;
	float: left;
	height: 22em;
	line-height: 1.3;
	overflow: auto;
	text-align: left;
}

#visa .hotelist.center{
	border: 1px solid #dddcee;
	margin: 5px;
	padding: 5px;
	width: 238px;
	float: left;
}

#visa .hotelist img.pic{
	float: left;
	height: 75px;
	width: 90px;
	margin: 0 5px 0 0;
	border-style: none;
}

#visa .hotelist p img.line{
	margin: 0.5em 0;
}

#visa .hotelist p{
	margin: 0;
	padding: 0;
}

#visa .hotelist p.ask{
	color:#CC0033;
	margin: 0.5em 0px 0px;
	letter-spacing: 0.1em;
}

#visa .left{
	float: left;
}

#visa .clear {
	clear: both;
}