* { padding:0;}
html { overflow-y:scroll; } 
img { border:0;}

body {
  margin:0px;
  background: url(images/bg_all.gif) ;
  font-family:"ＭＳ Ｐゴシック", Verdana, sans-serif;
  font-size:14px;
  text-align:center;
}
.f12px{font-size : 90%;}
.f12px130p{font-size : 12px;line-height : 130%;}
.f12pxBl14px{font-size : 12px;line-height : 14px;font-weight : bold;}
.f14pxl150p{font-size : 14px;line-height : 150%;}
.f14pxB{font-size : 14px;line-height : 150%;font-weight : bold;}
.f16px{font-size : 16px;}
.f16pxl20px{font-size : 16px;line-height : 20px;}
.f16pxl22px{font-size : 16px;line-height : 22px;}
.f16pxBl18px{font-size : 16px;line-height : 18px;font-weight : bold;}
.f18pxl24px{font-size : 18px;line-height : 24px;}
.f24pxB{font-size : 24px;line-height : 150%;font-weight : bold;}

a{ text-decoration : none;color : #0033cc;}	
a:link { color: #0033cc;text-decoration:none;}
a:visited { color: #3366CC;text-decoration:none; }
a:active { color: red ; }
a:HOVER{text-decoration : underline;color: #cc0000; background-color:#FF9;}


/* p { margin:8px; font-size:98%; line-height:160%;} */
p { margin:8px; line-height:160%;}

p.pimg {
  margin:8px 0px 8px 0px ;
  line-height:160%;
}

/* コメント段落用（p class="comment"） */
p.comment {
  margin : 10px 10px 10px 10px ;
  padding : 5px 10px 5px 10px ;
  font-size : 13px ;
  line-height : 140% ;
  border : 1px solid #cde ;
}

h1{
  margin: 10px 0px 10px 0px;
  padding: 3px 2px 3px 8px;
  font-size : 150% ; font-weight:bold;
  color:#FFF;
  border-bottom : 2px #436EA0 solid ;
  background:url(images/bg_h1.gif);
  background-position:bottom;
}
h1.h1img{
  margin: 10px 0px 10px 0px;
  padding: 0px 0px 0px 0px;
  font-size : 100% ;
  font-weight:bold;
  color:#999;
  text-align:right;
  border : none ;
  background:none;
}
h2{
  margin: 20px 0px 10px 0px;
  padding: 0px 2px 0px 8px;
  font-size : 125%;
  line-height:150%;
  color:#336699;
  border-top : 2px #336699 solid ;  
  border-bottom : 2px #336699 solid ;
}
h3{
	font-weight: bold;
	font-size: 18px;
	margin : 20px 0 10px 0px;
	padding : 5px 0 3px 6px;
	font-weight: bold;
	color : #369;
	border-width: 1px 0px 1px 0px;
	border-style: solid;
	border-color: #369;
	background-color : #eef6fc;
	line-height: 130%;
} 
h4{
  margin: 15px 2px 10px 0px;
  padding: 2px 2px 0px 8px;
  font-size : 110% ;
  line-height:130%;
  color: #336699;
  border-bottom : 2px #336699 solid ;
  }
h5{
  margin: 10px 2px 5px 2px;
  padding: 2px 2px 0px 8px;
  font-size : 100% ;
  line-height:140%;
  color: #369;
  border-bottom : 1px #369 solid ;
  }
h6{
  margin: 7px 2px 3px 8px;
  padding: 2px 2px 0px 6px;
  font-size : 98% ;
  line-height:130%;
  color: #69C;
  border-left : 6px #69C solid ;
  }

/* ■ライン■ */
hr {
  margin : 10px 0px ;
  height:1px;
  color : #999 ;
}
html>body hr{ margin:15px 0px 15px 0px; border-width:1px;}

/* ■レイアウト■ */
#title{
  width:830px;
  height:65px;
  text-align:left;
}
#allwidth{
  text-align:left;
  width:830px;
  background:#fff;
  background:url(images/bg.gif);
  }
#main {
  margin: 0px auto 20px 30px;
  padding:0px;
  width:770px;
  }
  
/*パンくず*/
#pan {
  font-size:12px;
  width:770px;
  color : #666 ;
  margin: 5px auto 0px auto;
  padding : 0px 0px 0px 8px ;
}
#pan a {
  margin:0px;
  padding: 2px 5px 0px 5px ;
  text-decoration: none;
  color:#099;
}
#pan a:visited { color:#096;}
#pan a:hover {color : #cc0000; background-color : #ffc ;}


/*◆トップページレイアウト◆*/
#float1{
  float:left; width:570px; margin:0px; padding:0px;
}
#float1 p.pbanner {
  margin: 10px 0px 10px 0px ;
  line-height:150%;
}

#float1 #blink a{
  padding: 5px 3px 2px 26px;
  background: url(images/go_h14.gif) no-repeat 8px;
}
#float1 #blink a:hover{
  background-color: #ffc;
  background: url(images/go_h14_o.gif) no-repeat 8px;}
#float2{
  float:left;
  width:180px;
  margin:0px 0px 0px 20px;
  padding:0px 0px 10px 0px;
  text-align:center;
  background:url(images/bg_fl2.gif);
}
#float2 h3{
  font-weight: bold;
  font-size: 18px ;
  margin : 0px 0 10px 0px ;
  padding : 5px 0 3px 6px;
  font-weight: bold;
  color : #369 ;
  border-width: 1px 0px 1px 0px;
  border-style: solid;
  border-color: #369 ;
  background-color : #eef6fc ;
} 
#float2 ul.icon{margin: 5px 0px 0px 0px; padding:0px;}
#float2 ul.icon li {
  margin: 5px 0px 10px 0px;
  list-style:none;
  font-size:12px;
  border-bottom: 0px dotted #fff ;
}

/*◆ 下層２分割レイアウト左 ◆*/
#float3{
  float:left; width:600px; margin:0px; padding:0px;}

/*外部リンク*/
#float3 a.blank {
  padding-right : 15px ;
  background : url(images/go_blank.gif) no-repeat;
  background-position: right bottom ;
}
#float3 a.blank:hover {
  background : url(images/go_blank2.gif) no-repeat;
  background-position: right bottom ;
}

/*リストリンク*/
#float3 a.link {
  padding-left : 18px ;
  background : url(images/go_h14.gif) no-repeat;
  background-position: left top ;
}
#float3 a.link:hover {
  background : url(images/go_h14_o.gif) no-repeat;
  background-position: left top ;
}

/*リスト*/
#float3 ul {
  font-size:12px;
  line-height:130%;
  list-style: none;
  margin: 0;
  padding: 0;
}
#float3 ul li {
  border-bottom: 1px dotted #fff ;
  margin:5px 0px 5px 0px ;
}
#float3 ul li a {
  padding: 2px 3px 2px 26px;
  background: url(images/go_h12.gif) no-repeat 8px;
}
#float3 ul li a:hover {
  background-color: #ffc;
  background: url(images/go_h12_o.gif) no-repeat 8px;
}
/*番号リスト*/
#float3 ol { 
 font-size:98%; line-height:160%;
}
html>body #float3 ol { margin-left:30px;}


/*画像イメージスペース*/
#float3 .img_left{ margin: 0px 10px 0px 0px;}
#float3 .img_right{ margin: 0px 0px 0px 10px;}


/*◆ 下層２分割レイアウト 右 ◆*/
#float4{
  float:left; width:150px; margin:0px 0px 0px 20px; padding:0px;}
#float4 ul {
  font-size:12px;
  line-height:130%;
  list-style: none;
  width : 150px ;
  margin: 0;
  padding: 0;
}
#float4 ul li {border-bottom: 1px dotted #fff ;}
#float4 ul li a {display: block;padding: 2px 3px 2px 8px;}
#float4 ul li a:hover {background-color: #fff;}

#float4 ul.m01 { background:url(onsen/images/bg_sub.gif);}
#float4 ul.m01 li.midasi01 { background:url(onsen/images/bg_sub2.gif); font-weight:bold; margin: 3px 0px; padding: 2px 3px 2px 4px;}
#float4 ul.m02 { background:url(activity/images/bg_sub.gif);}
#float4 ul.m02 li.midasi02 { background:url(activity/images/bg_sub2.gif); font-weight:bold;margin: 3px 0px; padding: 2px 3px 2px 4px;}
#float4 ul.m03 { background:url(event/images/bg_sub.gif);}
#float4 ul.m03 li.midasi03 { background:url(event/images/bg_sub2.gif) ; font-weight:bold; margin: 3px 0px;  padding: 2px 3px 2px 4px;}
#float4 ul.m04 { background:url(hotel/images/bg_sub.gif);}
#float4 ul.m04 li.midasi04 { background:url(hotel/images/bg_sub2.gif) ; font-weight:bold; margin: 3px 0px; padding: 2px 3px 2px 4px;}
#float4 ul.m05 { background: url(townguide/images/bg_sub.gif);}
#float4 ul.m05 li.midasi05 { background:url(townguide/images/bg_sub2.gif) ; font-weight:bold; margin: 3px 0px; padding: 2px 3px 2px 4px;}
#float4 ul.m06 { background:url(transport/images/bg_sub.gif);}
#float4 ul.m06 li.midasi06 { background: url(transport/images/bg_sub2.gif) ; font-weight:bold; margin: 3px 0px; padding: 2px 3px 2px 4px;}
#float4 ul.mgourmet { background:url(gourmet/images/bg_sub.gif);}
#float4 ul.mgourmet li.midasimgourmet { background: url(gourmet/images/bg_sub2.gif) ; font-weight:bold; margin: 3px 0px; padding: 2px 3px 2px 4px;}

#float4 p {
  padding:0px;
  margin:10px 0px 10px 0px;
  font-size:12px;
  text-align:center;
  line-height:120%;
  }

/*◆ slimテーブル ◆*/
table.tableslim {
  font-size : 95%;
  line-height : 130%;
  border-collapse: collapse ;
  margin : 0px 0px 10px 0px;
  padding:0px;
  border : #999 solid 1px ;
}
table.tableslim th{
  padding:2px; 
  border : 1px #999 solid;
  background-image:url(images/bg_b2.gif);
  background-repeat:repeat;
}
table.tableslim td {
  padding:2px 2px 2px 4px; 
  border : 1px #999 solid;
}


/*◆ 点線下線テーブル ◆*/
table.tabledotline {
  font-size : 100%;
  line-height : 130%;
  margin : 10px 0px 10px 0px;
  padding: 0px;
  border-color : #ccc ;
  border-style: dotted ;
  border-width: 1px 0px 1px 0px ;
  border-collapse: collapse ;
}
table.tabledotline th{
  padding: 2px 5px 2px 5px ; 
  border-color : #ccc ;
  border-style: dotted ;
  border-width: 1px 0px 1px 0px ;
  border-collapse: collapse ;
}
table.tabledotline td {
  padding: 2px 5px 2px 5px ; 
  border-color : #ccc ;
  border-style: dotted ;
  border-width: 1px 0px 1px 0px ;
  border-collapse: collapse ;
}

/*◆ 実線下線テーブル ◆*/
table.tableuline {
  font-size : 14px ;
  line-height : 130%;
  margin : 10px 0px 10px 5px;
  padding: 0px;
  border-color : #ccc ;
  border-style: solid ;
  border-width: 1px 0px 1px 0px ;
  border-collapse: collapse ;
}
table.tableuline th{
  padding: 3px 10px 3px 10px ; 
  border-color : #ccc ;
  border-style: solid ;
  border-width: 0px 0px 1px 0px ;
  border-collapse: collapse ;
  text-align:left;
}
table.tableuline th.tableulineThTop{
  padding: 3px 10px 3px 10px ; 
  border-color : #ccc ;
  border-style: solid ;
  border-width: 0px 0px 1px 0px ;
  border-collapse: collapse ;
  background-color:#eee;
}
table.tableuline td {
  padding: 3px 10px 3px 10px ; 
  border-color : #ccc ;
  border-style: solid ;
  border-width: 0px 0px 1px 0px ;
  border-collapse: collapse ;
}

/*◆ テーブルnoline ◆*/
table.tblno {  
  font-size:100%; line-height:160%;
  margin : 10px 0px 0px 0px;
  padding:0px;
  border-spacing: 1px;  
}
table.tblno th{ padding:2px; }
table.tblno td { padding:2px 2px 2px 4px; }


/*◆ 飛行機時刻表のテーブル ◆*/
table.table_airjikoku {
	font-size: 14px;
	line-height : 130%;
	border: 1px #999 solid;
	border-collapse:collapse;
	width : 520px;
	margin: 20px auto 20px 50px;
}
table.table_airjikoku th {
	background-color : #def;
	color:#003366;
	border: 1px #999 solid;
	border-collapse:collapse;
	padding: 3px;
	font-size:18px;
}
table.table_airjikoku th strong {
	font-size:24px;
}
table.table_airjikoku td {
	border: 1px #999 solid;
	border-collapse:collapse;
	text-align:center;
	padding: 3px;
}
table.table_airjikoku td strong {
	font-size:18px ;
}

/* ■フッター■ */
#bottom{
  clear:both;
  margin: 0px;
  padding:4px 0px 20px 0px;
  text-align:center;
  width:830px;
  background:url(images/bg_bottom.gif) no-repeat bottom;
  font-size:12px;
  line-height:130%;
  }
#bottom a{ 
  padding: 5px 3px 2px 26px;
  background: url(images/go_h12.gif) no-repeat 8px;
}
#bottom a:hover {
  background-color: #ffc;
  background: url(images/go_h12_o.gif) no-repeat 8px;
 }