@charset "EUC-JP";

/*-------------------------------------------------
chaya
-------------------------------------------------*/
/*hover時のちらつき防止*/

html {
filter: expression(document.execCommand("BackgroundImageCache", false, true));
}

html, body{
	height: 100%;
	margin: 0px;
}

/*
*{
    margin:0;
    padding:0;
}
*/


:link,:visited {
    text-decoration:none;
}
html,body,div,
dl,dt,dd,
form,fieldset,input,textarea,
h1,h2,h3,h4,h5,h6,pre,code,p,blockquote,th,td {
    margin:0;
    padding:0;
}
h1,h2,h3,h4,h5,h6 {
/*    font-size:95%;*/
    font-weight:normal;
}
table {
    border-spacing:0;
}
fieldset,img,abbr,acronym {
    border:0;
} 
address,caption,cite,code,dfn,em,u,s,i,th,var {
    font-style:normal;
    font-weight:normal;
}
caption,th {
    text-align:left;
}
q:before,q:after {
    content:'';
}
a {
    text-decoration:underline;
    outline:none;
}
hr {
    border:0;
    height:1px;
    background-color:#000;
    color:#000;
}

.hr-1 {
border-width: 2px 0px 0px 0px; /* 太さ */
   border-style: dashed; /* 線種 */
   border-color: #FF9900; /* 線色 */
   height: 2px; /* 高さ */
   color: #FFFFCC;
   background-color: #FFFFCC;
   width: 600px;
   margin: 20px auto;
   display: block;
   
}

p{
	margin-bottom:1em;
}


a img,:link img,:visited img {
    border:none;
}
address {
    font-style:normal;
}


/*-------------------------------------------------
Clear Fix
-------------------------------------------------*/

.clearfix:after {
 content:".";
 display:block;
 clear:both;
 height:0;
 visibility:hidden;
}
.clearfix {
 display:inline-block;
}
/* exlude MacIE5 ?*/
* html .clearfix {
 height:1%;
}
.clearfix {
 display:block;
}
/* end MacIE5 */

/*for IE 5.5-7*/
.clearfix{
    zoom:1;
}

/*ドリームウィバーで確認用　後で消しましょう*/
.clearfix + *{
    clear: both;
}

/*-------------------------------------------------
マージン
-------------------------------------------------*/
.mrg-t0{margin-top:0px;}
.mrg-t5{margin-top:5px;}
.mrg-t10{margin-top:10px;}
.mrg-t15{margin-top:15px;}
.mrg-t20{margin-top:20px;}
.mrg-t25{margin-top:25px;}
.mrg-t30{margin-top:30px;}
.mrg-t50{margin-top:50px;}


.mrg-b0{margin-bottom:0px;}
.mrg-b5{margin-bottom:5px;}
.mrg-b10{margin-bottom:10px;}
.mrg-b15{margin-bottom:15px;}
.mrg-b20{margin-bottom:20px;}
.mrg-b25{margin-bottom:25px;}
.mrg-b30{margin-bottom:30px;}
.mrg-b50{margin-bottom:50px;}

.mrg-l0{margin-left:0px;}
.mrg-l5{margin-left:5px;}
.mrg-l10{margin-left:10px;}
.mrg-l15{margin-left:15px;}
.mrg-l20{margin-left:20px;}
.mrg-l25{margin-left:25px;}
.mrg-l30{margin-left:30px;}
.mrg-l50{margin-left:50px;}
.mrg-l100{margin-left:100px;}



.mrg-r0{margin-right:0px;}
.mrg-r5{margin-right:5px;}
.mrg-r10{margin-right:10px;}
.mrg-r15{margin-right:15px;}
.mrg-r20{margin-right:20px;}
.mrg-r25{margin-right:25px;}
.mrg-r30{margin-right:30px;}


.mrg-center{margin-right:auto; margin-left:auto;}

.center{text-align:center;}
.right{text-align:right;}
.left{text-align:left;}


/* -----------------------------------------------
 *テキスト
 * ----------------------------------------------- */
.txt-align-r{text-align:right;}
.txt-align-l{text-align:left;}
.txt-align-c{text-align:center;}

.x-large{ font-size:18px; }
.large{ font-size:16px;}
.middle{font-size: 14px; line-height: 1.3em;} 
.normal{font-size:12px;}
.normal-b{font-size:12px; font-weight:bold;}
.small{font-size:11px;}
.small-b{font-size:11px; font-weight:bold;}
.x-small{font-size:10px; font-weight: normal;}

.f24{ font-size:24px;}
.f18{ font-size:18px;}
.f17{ font-size:17px;}
.f16{ font-size:16px;}
.f15{ font-size:15px;}
.f14{ font-size:14px;}
.f13{ font-size:13px;}
.f12{ font-size:12px;}
.f11{ font-size:11px;}
.f10{ font-size:10px;}
.fbold{ font-weight: bold;}

img, div { behavior: url(iepngfix.htc);}

.f-orenge{ color:#FF9900;}

/***-------------------------------------------------
共通
-------------------------------------------------***/
a:link{ color: #FFF;}
a:active{ color: #FFF;}
a:visited{ color: #FFF;}
a:hover{ color: #FFFFB2;}




body{
	font-family:"ヒラギノ丸ゴ Pro", "ＭＳ Ｐゴシック", "Osaka", verdana, arial, sans-serif;
	text-align:center;
	font-size: 12px;
	line-height: 1.5em;
	letter-spacing:0.05em;
	color: #FFF;
	background-color:#000;

}
body{
	background:url(../img/bg2.gif) center top #000;
}


br{
	letter-spacing:0em;
}

/***-------------------------------------------------
トップ
-------------------------------------------------***/
#container{
	background: URL(../img/bg2.gif) center top repeat-y;
	width: 980px;
	margin: 0 auto;
	padding-bottom: 50px;
	clear:both;
}
/*
.test2 #container{
	background: URL(../img/bg2.gif) center top repeat-y;
}
*/


#wrapper{
	width: 960px;
	margin: 0 auto;
}

#content{
	padding: 0 30px;
	text-align: left;
}

#content2{
	padding: 0 30px;
	text-align: left;
}

#header{
	background: URL(../img/header_bg2.jpg) left bottom no-repeat;
	width: 1000px;
	margin: 0 auto;
	height: 105px;
}

#header h1{
	font-size:10px;
	color:#FFF;
	font-weight:normal;
	line-height:15px;
	margin:0px;
}

#header #header-logo{
	width:304px;
	float: left;
	padding-left: 225px;
}

#header #header-right{
	width:463px;
	float:right;
	padding: 10px 0 0px;
}
#header #header-bnr{
	padding: 5px 0;
}
#header #header-right p{
	text-align:center;
	margin:0px;
}
#header-submenu{
	font-size:11px;
}





#menu{
	width: 960px;
	margin: 0 0 0px;
}
#home #menu{
	margin-bottom:30px;
}

#menu ul li, 
#menu ul, 
.upper-right-box-inner ul, 
.upper-right-box-inner ul li, 
.upper-left-box2 ul, 
.upper-left-box2 ul li, 
.footer-bnr-box ul, 
.footer-bnr-box ul li{
	padding: 0;
	margin: 0;
	list-style: none;
}

#menu ul li{
	float: left;
}

#menu ul li a{
	line-height: 0;
	padding: 0;
	margin: 0;
	display:block;
}

#upper-content{
	margin: 0 0 20px;
}

.upper-left{
	width: 600px;
	float: left;
}

.upper-right{
	width: 284px;
	float: right;
}

.upper-left-box{
	width: 600px;
	margin: 0 0 20px;
}

.upper-img{
	float: left;
	width: 320px;
	background: url(../img/animimg_bg.gif) left top;
	padding:3px;
}
.upper-img img{
	border:2px solid #000;
}

.topics-box{
	float: right;
	width: 264px;
}

.topics-box dl{
	background: URL(../img/btn_topics.gif) left top no-repeat;
	width: 264px;
	height: 30px;
}

.topics-box dt, 
.upper-right-box-inner dt, 
.upper-left-box2 dt, 
.lower-left dt{
	text-indent: -9000px;
	float: left;
}

.topics-box strong,
.lower-left .inn-box strong{
	font-weight:normal;
}
.topics-box .normal,
.lower-left .inn-box .normal{
	font-size:11px;
}




.topics-box dd, 
.upper-right-box-inner dd{
	float: right;
}

.upper-right-box{
	background: URL(../img/waku_sub_bottom.gif) left bottom no-repeat;
	padding-bottom: 6px;
}

.upper-right-box-inner{
	background: URL(../img/waku_sub_middle.gif) left top no-repeat;
	padding: 0 10px;
}

.upper-right-box-inner ul li{
	padding-bottom: 3px;
}

.upper-right-box-inner dl{
	background: URL(../img/bnr_news.gif) left top no-repeat;
	width: 263px;
	height: 32px;
}

.upper-left-box2 dl{
	background: URL(../img/bnr_info.gif) left top no-repeat;
	width: 600px;
	height: 32px;
	margin: 0 0 5px;
}

.upper-left-box2 dd{
	float: right;
	width: 88px;
}
.upper-left-box2 ul li{
	float: left;
} 

.upper-left-box2 ul li.info-menu{
	margin: 0 4px 0 0;
} 

.lower-left{
	width: 468px;
	float: left;
}

.lower-left dl{
	background: URL(../img/bnr_inn.gif) left top no-repeat;
	width: 458px;
	height: 38px;
	margin: 0 0 5px;
	padding-right: 10px;
}

.lower-left dd{
	float: right;
}

.lower-right{
	width: 416px;
	float: right;
}

.bnr-box{
	border-left: 1px solid #888888;
	border-right: 1px solid #888888;
	border-bottom: 1px solid #888888;
}

.bnr-box table{
	width: 400px;
	margin: 0 auto;
}
.bnr-box td{
	font-size: 10px;
	line-height: 1.2em;
	color:#D9D9D9;
}



.bnr-tab td{
	font-size: 11px;
	line-height: 1.1em;
	padding-bottom: 10px;
	vertical-align: top;
}
	
.bnr-tab th{
	padding-bottom: 10px;
	vertical-align: top;
	width: 255px;
}

.bnr-tab{
	width: 400px;
	margin: 0 auto;
}

.map{
	margin: 20px 0 0;
}

.about-kinosaki dt{
	float: left;
	width: 150px;
}
	
.about-kinosaki dd{
	float: right;
	width: 750px;
	font-size: 11px;
	color: #ACACAC;
	line-height:1.4em;
}

.about-kinosaki{
	border-bottom: 1px solid #000;
	padding-bottom: 30px;
}

.footer-bnr-box{
	padding: 15px 0 0;
	border-top: 1px solid #2C2B28;
	text-align: center;
}
	
.footer-bnr-box td{
	vertical-align: top;
	text-align:center;
}

#footer{
	background: URL(../img/footer_bg.gif) left top repeat-x #383731;
	text-align: left;
	padding: 1px 0 10px 0;
	color: #ACACAC;
	border-bottom:1px solid #7F7F7F;
}

#footer-inner{
	width: 900px;
	z-index: 100;
	height: 100px;
	margin: 0 auto;
	background: URL(../img/footer_inner_bg.gif) center top no-repeat;
	border-bottom: 1px solid #292925;
}
.footer-left{
	float: left;
	width: 400px;
	padding-top: 10px;
}

.footer-right{
	float: right;
	width: 340px;
	padding-top: 10px;
}

.footer-right td{
	font-size: 11px;
	line-height: 1.3em;
}

.copy{
	font-size: 11px;
	text-align: right;
	border-top: 1px solid #4C4B45;
	width: 900px;
	margin: 0 auto;
	padding: 5px 0 0 0;
}

/***-------------------------------------------------
Script 用
-------------------------------------------------***/
.zitem {
	width:69px;
	height:145px;	
	margin:5px 6px 5px 0;
	
	/* required to hide the image after resized */
	overflow:hidden;
	
	/* for child absolute position */
	position:relative;
	float: left;
	
}

.zitem .caption {
	width:22px;
	height:145px;
		
	/* fix it at the bottom */
	position:absolute;
	bottom:0px; 
	right:0px;

}
/* fix IE issue */
* html .zitem .caption{
	width:22px;
	height:145px;
		
	/* fix it at the bottom */
	position:absolute;
	bottom:-1px; 
	right:-1px;

}

.zitem .caption a {
	background: URL(../img/kanko_txt01.gif) right top no-repeat;
	width:22px;
	height:145px;
	
	/* add spacing and make the whole row clickable*/
	display:block;
	text-indent: -9000px;
	right: 0;
	
}


#txt2 a{
	background: URL(../img/kanko_txt02.gif) right top no-repeat;
}
#txt3 a{
	background: URL(../img/kanko_txt03.gif) right top no-repeat;
}
#txt4 a{
	background: URL(../img/kanko_txt04.gif) right top no-repeat;
}
#txt5 a{
	background: URL(../img/kanko_txt05.gif) right top no-repeat;
}
#txt6 a{
	background: URL(../img/kanko_txt06.gif) right top no-repeat;
}
#txt7 a{
	background: URL(../img/kanko_txt07.gif) right top no-repeat;
}


.zitem img{
	border:0;
	/* allow javascript moves the img position*/
	position:absolute;
}






.kanko-menu{
	float: left;
	width:69px;
	height:145px;	
	margin:5px 0px 5px 0;
}



.access-table td{
	vertical-align:top;
	padding:0px 20px;
}
.access-table dt{
	font-weight:bold;
	color:#FFF;
	background:#CC3300;
	padding:3px 5px;
}
.access-table dd{
	padding:5px 5px;
}






.form-table{
	margin-bottom:25px;
}
.form-table th,
.form-table td{
	padding:15px 0px 5px;
	border-bottom:1px solid #666;
}
.form-table th{
	width:150px;
}
#contact-preview-table td{
	color:#FFFF8A;
}

.hissu{
	color:#FFFF8A;
}

#contact-error-box p{
	margin-bottom:20px;
}



.kanko-top-table td{
	padding-bottom:20px;
}
.kanko-top-table td .kanko-top-box{
	width:200px;
	background:url(../img/kanko_top_box_bg.gif) left top repeat-x;
	padding:5px;
	margin:0px auto;
}
.kanko-top-table td .kanko-top-box div{
	margin-bottom:8px;
}
.kanko-top-table td .kanko-top-box dt{
	font-size:13px;
	font-weight:bold;
	padding:0px 2px;
	margin-bottom:5px;
}
.kanko-top-table td .kanko-top-box dd{
	font-size:11px;
	color:#bfbfbf;
	padding:0px 2px;
}









.submenu{
	padding-top:30px;
	margin-bottom:30px;
}
.submenu a img{
	margin-bottom:5px;
}


#pm-chaya #pm-pagelist-box{
	display:none;
}
#pm-chaya #inner-side-box .chaya-shoplist{
	display:block;
	margin-bottom:30px;
}



/*　お宿ナビ　*/

#yadonavi-box{
	width:860px;
	color:#fff;
	text-align:left;
	padding-top:35px;
	margin:0px auto;
}

.yadonavi-list-hotel-block{
	margin-top:10px;
	margin-bottom:50px;
}

.yadonavi-hotel-name{
	font-size:18px;
	font-weight:bold;
	padding-bottom:5px;
}
#detail .yadonavi-hotel-name{
	font-size:20px;
	color:#FFB700;
}

.yadonavi-hotel-addr{
	font-size:12px;
	color:#bfbfbf;
	padding-bottom:3px;
}
.yadonavi-hotel-topics{
	font-size:14px;
	border-top:1px solid #808080;
	padding-top:5px;
	margin-bottom:5px;
}
.yadonavi-hotel-topics dt{
	font-size:11px;
}
.yadonavi-hotel-topics dd{
	font-size:14px;
}
.yadonavi-hotel-topics dd a{
	color: #FFFFB2;
}
.yadonavi-hotel-topics dd a:hover{
	color: #FFE20A;
}
.yadonavi-hotel-comment{
	font-size:11px;
	color:#bfbfbf;
	border-top:1px solid #808080;
	padding-top:5px;
}
#detail .yadonavi-hotel-comment{
	color:#FFF;
}


.yadonavi-icon-box{
	background:#383838;
}
.yadonavi-icon-box td{
	padding:2px;
}

#yadonavi-box hr{
	border-bottom:1px solid #bfbfbf;
}


.yadonavi-list-search{
	background:#383838;
	padding:8px 12px;
}

.yadonavi-info-box{
	background:#383838;
	padding:8px 12px;
}
.yadonavi-info-box p{
	margin:0px;
}


.yadonavi-subimg td{
	text-align:center;
	padding:10px;
}


.top-topics-block{
	margin-top:7px;
}
.top-topics-block h3{
	font-size:12px;
	color:#FFEE87;
}
.top-topics-block p{
	font-size:12px;
	line-height:1.3em;
	margin:0px;
}



.topics-list,
.topics-list2{
	margin-bottom:10px;
}
.topics-list th,
.topics-list td,
.topics-list2 th,
.topics-list2 td{
	font-size:11px;
	vertical-align:bottom;
	padding:5px 0px 3px;
	border-bottom:1px solid #404040;
}
.topics-list th .date{
	display:block;
	font-size:11px;
	margin-right:10px;
}
.topics-list2 th .date,
.topics-list2 td .date{
	font-size:11px;
	color:#FFEE87;
	margin-right:10px;
}
.topics-list td{
	font-size:11px;
	color:#FFEE87;
	text-align:right;
}

.topics-ph td{
	padding:10px 0px;
}





.top-topics-ph-one .date,
.top-topics-one .date{
	display:block;
	font-size:12px;
	color:#FFEE87;
}
.top-topics-ph-one,
.top-topics-one{
	font-size:12px;
	line-height:1.4em;
}
.top-topics-ph-one img{
	border-width:3px !important;
	margin-bottom:5px;
}

.news-box{
	font-size:12px;
}
.news-box .date{
	color:#FFEE87;
	margin-left:5px;
}
.news-box div{
	padding-top:5px;
	padding-bottom:5px;
}
.news-box div img{
	float:left;
	padding-right:8px;
}