@charset "Shift_JIS";
body {
	margin: 0;
	padding:0;
	font-size: 1em;
	line-height:1.4em;
	color: #000;
	font-family: "Hiragino Kaku Gothic Pro", "Osaka", "MS PGothic", sans-serif;
	}

#container {
	width: 800px;
	height:100%;
	margin: 0 auto;
	padding: 0;
	background-color:#ffffff;
	border:1px solid #333;
}
hr{
  display:none;
  clear:both;
}

/* --------------- ヘッダ --------------- */
#header {
   position:relative;
	width: 800px;
	height:96px;
	margin: 0;
	padding: 0;
	/*background:#fff url(../img/header_back.gif) top left no-repeat;*/
}
#header #headerlogo {
 position:absolute;
	width: 128px;
	top:36px;
	left:21px;
	text-align:right;
	border:0px solid red;
	font-size:0.9em;
}
#header #headerborder {
 position:absolute;
	width: 6em;
	/*height:22px;*/
	height:1.2em;
	top:75px;
	left:698px;
	text-align:right;
	/*margin:72px 0 0 680px;
	padding:1px 12px 0 0;*/
	background:url(../img/orange.gif) 6px 9px no-repeat;
	border:0px solid red;
	font-size:0.9em;
}
#headerborder a{
	font-size:0.8em;
	color:#fff;
	text-decoration:none;
}
/* --------------- ナビ--------------- */
#globalnavi{
	width:600px;
	height:64px;
	padding:0 0 0 0;
	border:0px solid #333;
	margin:0 0 0 184px;
	/*background:url(../img/headerbar.gif)  196px 0 no-repeat;*/
}
#globalnavi ul {
  margin:0;
  padding:0;
}
#globalnavi li {
  margin:0 15px 0 0;
  padding:0;
  float: left;
	width:122px;
	list-style-type:none;
}
#globalnavi li a {
    margin:0;
   padding:0;
	display:block;
	overflow:hidden;
	/*
	width:100%;
	height:0 !important;*/
	/*height /**/:/*48px;*/
	/*padding-top: 0;
	background-image:url(../common/gloval_navi.gif);*/
}

#navex{
   position:relative;
   width:800px;
   height:60px;
   margin:0;
   padding:0 0 12px 0;
   
   border:0px solid #333;
}

#nav1ex{
    position:absolute;
	top:0;
	left:120px;
    width:123px;
    margin:0;
	padding:0;
    border:0px solid #333;
}
#nav2ex{
    position:absolute;
	top:0;
	left:258px;
    width:123px;
    margin-top:0;
    border:0px solid #333;
}
#nav3ex{
    position:absolute;
    top:0;
	left:396px;
    width:123px;
    margin:0;
    border:0px solid #333;
}
#nav4ex{
    position:absolute;
    top:0;
	left:530px;
    width:123px;
    margin:0;
    border:0px solid #333;
}
/* --------------- コンテンツ--------------- */
#content{
width:800px;
margin:0;
padding:0;
background-color:#fff;

}
#maincol{
float:left;
width:470px;
margin:24px 0 0 8px;
padding:4px;
font-size:0.9em;
}
#topicscol{
float:left;
width:280px;
margin:24px 0 0 0;
border:1px solid #333;
padding:8px;
font-size:0.8em;
}
#topicscol #kyokai{
clear:both;
text-align:right;
margin-right:4px;
}
#maincol ul.finger {
   list-style-image:url("../img/ulfinger.gif") ;
   list-style-position:outside;
}
#maincol ul.finger li{
   margin-left:0;
   margin-bottom:12px;
   margin-top:0;
   padding-top:0;
   padding-bottom:0;
   font-size:1em;
   border:0px solid #333;
}
#siteuse{
clear:both;
width:400px;
margin:2px;
font-size:0.8em;

}
#footer{
background-color:#7c2d2f;
border-top:12px solid #000;;
margin-top:4px;
color:#fff;

}
#footer #links{
color:#fff;
font-size:0.9em;
text-align:center;
margin:4px 0 0 0;
}
#footer a{
color:#fff;
font-size:0.8em;
text-align:center;
}
#footer #copyrights{
width:330px;
margin:12px 0 0 460px;
}
/* --------------- name --------------- */
.home #container{
    background:#fff url(../img/header_back.gif) top left no-repeat;
}

/* --------------- name --------------- */
.name #container{
    background:#fff url(../img/header_back.gif) top left no-repeat;
}
.name #content #topcol{
clear:both;
width:280px;
margin:0 0 0 460px;
border:0px solid #000;
font-size:0.9em;
}
.name #content .cols{
clear:both;
float:left;
width:800px;
margin:0 0 0 0;
padding-bottom:12px;
border:0px solid #000;
}
.name #content .cols .leftcol{
float:left;
width:140px;
margin:0 0 0 28px;
}
.name #content .cols .rightcol{
float:left;
width:580px;
margin:0 0 0 0;
border:0px solid #000;
font-size:0.9em;
}.name #content .cols .rightcol a{
color:#FF6600;

}

/* --------------- map --------------- */
.map #container{
    background:#fff url(../img/header_back.gif) top left no-repeat;
}

.map #content #topcol{
clear:both;
width:620px;
margin:0 0 0 80px;
border:0px solid #000;
}
.map  #content .cols{
clear:both;
width:740px;
margin:0 0 0 30px;
border:0px solid #000;
}
.map #content .cols #detail{
clear:both;
position:relative;
/*width:653px;*/
width:680px;
height:194px;
margin:24px 0 0 42px;
background:#fff url(../img/map_detail.jpg) 0 0 no-repeat;
border:0px solid #000;
}
.map #content .cols #detail a{
color:#FF6600;
}
.map #content .cols #detail #links1{
position:relative;

top:6px;
left:46px;
}
.map  #content .cols #detail #links2{
position:absolute;

top:6px;
left:286px;
}
.map  #content .cols #detail #links3{
position:absolute;

top:6px;
left:520px;
}
.map  #content .cols #detail #links4{
position:absolute;

top:60px;
left:46px;
}
.map  #content .cols #detail #links5{
position:absolute;

top:60px;
left:286px;
}
.map  #content .cols #detail #links6{
position:absolute;

top:60px;
left:520px;
}
.map  #content .cols #detail #links7{
position:absolute;

top:106px;
left:46px;
}
.map  #content .cols #detail #links8{
position:absolute;

top:106px;
left:286px;
}
.map  #content .cols #detail #links9{
position:absolute;

top:106px;
left:520px;
}
.map  #content .cols #detail #links10{
position:absolute;
top:160px;
left:46px;
}
.map  #content .cols #detail #links11{
position:absolute;
top:160px;
left:286px;
}
.map  #content .cols #detail #links12{
position:absolute;
top:160px;
left:520px;
}

.map  #content .col1{
clear:both;
float:left;
width:210px;
margin:0 0 0 0;
border:0px solid #000;
}
.map  #content .col2{
float:left;
width:210px;
margin:0 0 0 0;
border:0px solid #000;
}
.map  #content .col3{
float:left;
width:210px;
margin:0 0 0 0;
border:0px solid #000;
}
/* --------------- 観光 --------------- */

.sights #container{
    background:#fff url(../img/header_back.gif) top left no-repeat;
}

.sights #content .cols{
clear:both;
float:left;
position:relative;
width:780px;
margin:0 0 24px 10px;
padding:0 0 12px 0;
border-bottom:1px solid #000;
font-size:0.9em;
}
.sights #content .cols a{
color:#FF6600;
}
.sights #content .cols .topcol{
 width:760px;
 float:left;

}
.sights #content .cols .topcol .leftcol{
float:left;
width:300px;
margin:0 0 0 18px;
}
.sights #content .cols .topcol .rightcol{
float:left;
width:420px;
margin:8px 0 0 0;
padding-top:0.4em;
border:0px solid #000;
}
.sights #content .cols .middlecol{
 width:760px;
 float:left;

}
.sights #content .cols .middlecol .leftcol{
float:left;
width:300px;
margin:0 0 0 18px;
}
.sights #content .cols .middlecol .rightcol{
float:left;
width:420px;
margin:8px 0 0 0;
border:0px solid #000;
}
.sights #content .cols .middlecol .hotelA{
clear:both;
width:346px;
height:51px;
background:#fff url(../img/sights_ryokan.gif) 0 0 no-repeat;
text-align:center;
margin-top:12px;
padding-top:1.2em;
}
.sights #content .cols .middlecol .hotellinkA a{
color:#FF6600;

}
.sights #content .cols .middlecol .hotelA .hotellinkA{
left:360px;
bottom:30px;
/*background:#fff url(../img/sights_ryokan.gif) 0 0 no-repeatqf*/
}

.sights #content .cols .hotelB{
clear:both;
width:346px;
height:51px;
background:#fff url(../img/sights_ryokan.gif) 0 0 no-repeat;
text-align:center;
margin:12px 0 0 400px;
padding-top:1.2em;
}
.sights #content .cols .hotellinkB a{
color:#FF6600;
}
.sights #content .cols .hotelB .hotellinkB{
left:360px;
bottom:30px;
/*background:#fff url(../img/sights_ryokan.gif) 0 0 no-repeatqf*/
}


.sights #content .cols .middlecol .rightcol .leftcolumnA{
float:left;
width:120px;
margin:0 0 0 0;
}
.sights #content .cols .middlecol .rightcol .rightcolumnA{
float:left;
width:240px;
margin:0 0 0 0;
border:0px solid #000;
}
.sights #content .cols .topcol .rightcol a{
color:#FF6600;
}
.sights #content .cols .sheetcol{
clear:both;
float:left;
width:680px;
margin:12px 0 0 18px;
border:0px solid #000;
}
.sights #content .cols .sheetcol .leftcolumn{
float:left;
width:120px;
margin:0 0 0 0;
}
.sights #content .cols .sheetcol .rightcolumn{
float:left;
width:460px;
margin:0 0 0 0;
border:0px solid #000;
}

.sights #content .cols .hotel{
position:absolute;
width:346px;
height:51px;
left:400px;
bottom:8px;
background:#fff url(../img/sights_ryokan.gif) 0 0 no-repeat;
text-align:center;
padding-top:0.8em;
padding-top:1.2em;
}
.sights #content .cols .hotel a{
  color:#FF6600;
}
.sights #content .cols .hotel .hotellink{
  left:360px;
  bottom:30px;
/*background:#fff url(../img/sights_ryokan.gif) 0 0 no-repeatqf*/
}

 hr.vis{
  display:inline;
  width:780px;
  color:#000;
  padding:12px 0 12px 0;

}
/* ---------------旅館--------------- */

.ryokan #container{
    background:#fff url(../img/header_back.gif) top left no-repeat;
}

.ryokan #content .cols{
clear:both;
width:770px;
margin:0 0 0 24px;
border:0px solid #000;
font-size:0.9em;
}
.ryokan #content .colslink{
clear:both;
}
.ryokan #content .cols #ryokanname{
border:0px solid #000;
}
.ryokan #content .cols .leftcol1{
float:left;
width:180px;
margin:0 0 0 0;
}
.ryokan #content .cols .rightcol1{
float:left;
width:560px;
margin:12px 0 0 30px;
border:0px solid #000;
}
.ryokan #content .cols .leftcol2{
float:left;
width:300px;
margin:0 0 0 0;
}
.ryokan #content .cols .rightcol2{
float:left;
width:440px;
margin:12px  0 0 30px;
border:0px solid #000;
}
.detailleft{
float:left;
width:80px;
margin:0 0 0 0;
border:0px solid #000;
}
.detailright1{
float:left;
width:460px;
margin:0 0 0 0;
border:0px solid #000;
}
.detailright1 a{
color:#FF6600;
}

.detailright2{
float:left;
width:320px;
margin:0 0 0 0;
border:0px solid #000;
}
.detailright2 a{
color:#FF6600;
}
.ryokan #content .subcols{
clear:both;
width:770px;
margin:18px 0 0 24px;
padding-top:12px;
border:0px solid #000;
}
.ryokan #content .subcols .rightcol a{
color:#FF6600;
}
.ryokan #content .subcols .leftcolumn{
float:left;
width:550px;
margin:0 0 0 0;
font-size:0.9em;
}
.ryokan #content .subcols .rightcol a{
color:#FF6600;
}
.ryokan #content .subcols .leftcolumn .detail{

width:512px;
margin:4px 0 8px 18px;
}
.ryokan #content .subcols .leftcolumn #map{
width:154px;
height:34px;
margin:0 0 0 360px;
background:#fff url(../ryokan/img/map.gif) 0 0 no-repeat;
}
.ryokan #content .subcols .leftcolumn #map{
width:154px;
height:34px;
margin:0 0 0 360px;

}

.ryokan #content .subcols .leftcolumn #map #maplink a{
text-indent:-9999px;
display:block;
overflow:hidden;
height:34px;
width:154px;
background:#fff url(../ryokan/img/map.gif) 0 0 no-repeat;
background-position: 0 0; 
}
.ryokan #content .subcols .leftcolumn #map #maplink a:hover {
  background-position: 0 -36px;
}



#mainreienlink #kawanishi a{
text-indent:-9999px;
display:block;
height:48px;
width:188px;
background:url(../common/kawanishi_page_btn.gif) no-repeat;
background-position: 0 0; 
}
#mainreienlink #kawanishi a:hover{
background-position: 0 -48px; 
}



.ryokan #content .subcols .rightcolumn{
float:left;
width:200px;
margin:18px 0 0 6px;
border:0px solid #000;
}
.ryokan #content .subcols .info{
width:740px;
margin:18px 0 20px 0;
padding:6px 6px 6px 6px;
border:1px solid #FF6600;
font-size:0.9em;
}
.ryokan #content .cols .info ul.circle{
margin-top:0;
list-style-type:circle;
}



/* --------------- リンク --------------- */
.links #container{
    background:#fff url(../img/header_back.gif) top left no-repeat;
}

.links #content .cols{
clear:both;
width:800px;
height:1.8em;
margin:0 0 0 0;
border:0px solid #000;
font-size:0.9em;
padding-bottom:4px;
}
.links #content .cols .leftcol{
float:left;
width:280px;
margin:0 0 0 76px;
padding:0 0 0 16px;
background:#fff url(../img/square.gif) no-repeat 0 0.4em;
border:0px solid red;
}
.links #content .cols .leftcol a{
color:#000;

}
.links #content .cols .rightcol{
float:left;
width:340px;
margin:0 0 0 0;
border:0px solid #000;
}
.links #content .cols .rightcol a{
color:#000;
}
/* --------------- サイトマップ--------------- */

.site #container{
    background:#fff url(../img/header_back.gif) top left no-repeat;
}
.site  #content .cols{
clear:both;
float:left;
width:740px;
margin:0 0 0 30px;
border:0px solid #000;

}
.site  #content .cols a{
color:#000;
}
.site  #content .col0{
float:left;
width:9em;
margin:0 0 21px 90px;
border:0px solid #000;
}
.site  #content .col1{
float:left;
width:9em;
margin:0 0 0 90px;
border:0px solid #000;
}
.site  #content .col2{
float:left;
width:120px;
height:1px;
margin:0 0 0 0;
border:0px solid #000;
}
.site  #content .col3{
float:left;
width:1px;
height:1em;
margin:1em 0 0 0;
padding-top:0;
background-color:#000;
border:0px solid #000;
}
.site  #content .col31{
float:left;
width:1px;
height:9.3em;
margin:0 0 0 0;
padding-top:0;
background-color:#000;
border:0px solid #000;
}
.site  #content .col4{
float:left;
width:40px;
height:1px;
margin:0 0 0 0;
padding-top:0;
border:0px solid #000;
}
.site  #content .col5{
float:left;
width:360px;
margin:0 0 0 0;
border:0px solid #000;
}
.site  #content .col5 .leftline{
clear:both;
float:left;
width:40px;
margin:0 3px 0 0;
padding:0 0 0 0;
border:0px solid #ff3300;
}
.site  #content .col5 .rightline{
float:left;
width:300px;
margin:0 0 0 0;
border:0px solid #000;
}
.site  #content #sitelink{
clear:both;
width:700px;
margin:36px 0 0 30px;
padding:12px 24px 6px 24px;
border:1px solid #FF6600;
font-size:0.9em;
}
.site  #content #sitelink #banner{

width:201px;
margin:12px auto;
}
/* --------------- Maps--------------- */

.maps #container {
	width: 568px;
	margin: 0 auto;
	padding: 0;
	background-color:#ffffff;
	border:1px solid #333;
	}
.maps #headerbar {
	width: 568px;
	height:28px;
	margin: 0;
	padding: 0;
	background-color:#7c2d2f;
}

.maps  #content{
    width:500px;
    margin:14px 0 0 20px;
    border:0px solid #000;
}
.maps  #content .cols{
clear:both;
width:454px;
margin:6px 0 0 37px;
border:0px solid #000;
}
#message{
width:280px;
font-size:0.8em;
}
#message #leftcol1{
float:left;
width:180px;
}
#message #rightcol1{
float:left;
width:100px;
}
#message #leftcol2{
float:left;
width:150px;
}
#message #rightcol2{
float:left;
width:120px;
}
#access{
clear both;
width:454px;;
padding-top:12px;
font-size:0.9em;
}
#close{
clear both;
width:126px;
margin-left:180px;
padding-top:24px;
}
/* --------------- フォント--------------- */
.large{
 font-size:1.2em;
}
/* ---------------スペース --------------- */
.spacer3px{
 clear:both;
 padding-top:3px;
 }
 .spacer6px{
 clear:both;
 padding-top:6px;
 }
 .spacer12px{
 clear:both;
 padding-top:12px;
 }