@charset "UTF-8";

/*
[1]全体のリンク指定
[2]CSS.DesignSampleへのリンク指定
[3]レイアウトに関する指定
[4]ヘッダー内の各部分指定
[5]コンテンツ内の各部分指定
[6]サイドバー内の各部分指定
[7]アンダーナビ内の各部分指定
[8]フッター内の各部分指定
*/


/* 一括で全ての要素の余白をゼロに指定 */
* {
  padding: 0;
  margin: 0;
}

/*リストのマークを削除 */
ul,dl{
    margin:0;
    padding:0;
    line-height:normal;
    list-style-type:none;
}


/*########################################

[1]リンク指定 */

a:link {
  color: #000099;
  text-decoration: underline;
}

#sidebar a:link,#outsidelink a:link {
  color: #000099;
  text-decoration: none;
}

a:visited,
#sidebar a:visited {
  color: #45b035;
  text-decoration: underline;
}

a:hover,
#sidebar a:hover {
  font-weight: bold;
  color: #530E0D;
  text-decoration: none;
}

/*########################################

[3]レイアウトに関する指定 */



body { 
 backgraund-color:#fff;
  text-align: left;
  font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3" sans-serif;
  padding: 0;
  margin: 0;
}





/*-- アンダーナビ部分 --*/
#undernavi { clear: both; }

/*-- フッター部分 --*/
#footer {

  color:#111;
  position:relative; 
  text-align: left;
  margin-top:-1px;
}


/*-- サーチエリア --*/
#searcharea001,#searcharea002{
  background: url(images/home_searcharea_bg.gif) left top;

}

#serchForm{
  padding-left:20px;
  background: url(images/home_searcharea_bg_top.jpg)  no-repeat left top;
  padding-bottom:19px;
}

#serchForm .inputarea{
  margin-bottom:18px;
}


#serchForm .serchButton{
    display:block;
    width:224px;
    height:40px;
    padding:0;
    border:0;
    background:url(images/home_searcharea_Btn.gif) no-repeat left top;
    text-indent: -9999px;
    font-size: 12px;
    line-height: 0px;
    cursor:pointer;
}

#serchForm .serchButton:hover,
#serchForm .serchButton:focus{
background-position:left -40px;
}

/*########################################
/* ナビゲーション */

/*-- サーチエリア（ナビゲーション） --*/
#midokoroMenus{
    /*
    margin:15px 0;
    */
    margin:0;
	margin-left:16px;
}
.midokoroMenus .first{
    /*
    padding-left:20px;
    */
}

.midokoroMenus .last{
    padding-bottom:20px;
}
.midokoroMenus li{
    float:left;
    height:140px;
    display:inline;
}
.midokoroMenus li a{
    text-indent: -9999px;
    float: left;
    display:inline;
    height:140px;
    /*
    padding:10px 40px 0 40px;
    */
    text-align:center;
    font-size:12px;
    line-height:20px;
    text-decoration:none;
    color:#000;
    font-weight:bold;
}
.midokoroMenus a:hover {
    height:140px;
    color:#333333;
}

.midokoroMenus li.menu04,
.midokoroMenus li.menu05,
.midokoroMenus li.menu06,
.midokoroMenus li.menu07,
.midokoroMenus li.menu08,
.midokoroMenus li.menu09,
.midokoroMenus li.menu10,
.midokoroMenus li.menu11{
  margin-top:10px;
}

.midokoroMenus li.menu01 a{
  display:inline;
  background: url(images/serchmenu_001.gif) no-repeat left top;
  width:140px;
  height:140px;

}
.midokoroMenus li.menu01 a:hover{
  background: url(images/serchmenu_001_on.gif) no-repeat left top;
}

.midokoroMenus li.menu02 a{
  margin-left:10px;
  display:inline;
  background: url(images/serchmenu_002.gif) no-repeat left top;
  width:140px;
  height:140px;

}
.midokoroMenus li.menu02 a:hover{
  background: url(images/serchmenu_002_on.gif) no-repeat left top;
}

.midokoroMenus li.menu03 a{
  margin-left:10px;
  display:inline;
  background: url(images/serchmenu_003.gif) no-repeat left top;
  width:140px;
  height:140px;
}
.midokoroMenus li.menu03 a:hover{
  background: url(images/serchmenu_003_on.gif) no-repeat left top;
}

.midokoroMenus li.menu04 a{
  display:inline;
  background: url(images/serchmenu_004.gif) no-repeat left top;
  width:140px;
  height:140px;

}
.midokoroMenus li.menu04 a:hover{
  background: url(images/serchmenu_004_on.gif) no-repeat left top;
}

.midokoroMenus li.menu05 a{
  margin-left:10px;
  display:inline;
  background: url(images/serchmenu_005.gif) no-repeat left top;
  width:140px;
  height:140px;
}
.midokoroMenus li.menu05 a:hover{
  background: url(images/serchmenu_005_on.gif) no-repeat left top;
}

.midokoroMenus li.menu06 a{
  margin-left:10px;
  display:inline;
  background: url(images/serchmenu_006.gif) no-repeat left top;
  width:140px;
  height:140px;
}
.midokoroMenus li.menu06 a:hover{
  background: url(images/serchmenu_006_on.gif) no-repeat left top;
}

.midokoroMenus li.menu07 a{
  margin-left:10px;
  display:inline;
  background: url(images/serchmenu_007.gif) no-repeat left top;
  width:140px;
  height:140px;
}
.midokoroMenus li.menu07 a:hover{
  background: url(images/serchmenu_007_on.gif) no-repeat left top;
}

.midokoroMenus li.menu08 a{
  display:inline;
  background: url(images/serchmenu_008.gif) no-repeat left top;
  width:140px;
  height:140px;
}
.midokoroMenus li.menu08 a:hover{
  background: url(images/serchmenu_008_on.gif) no-repeat left top;
}

.midokoroMenus li.menu09 a{
  margin-left:10px;
  display:inline;
  background: url(images/serchmenu_009.gif) no-repeat left top;
  width:140px;
  height:140px;
}
.midokoroMenus li.menu09 a:hover{
  background: url(images/serchmenu_009_on.gif) no-repeat left top;
}
/*-- メニュー２コマ --*/
.midokoroMenus li.menu10 a{
  margin-left:10px;
  display:inline;
  background: url(images/serchmenu_010.gif) no-repeat left top;
  width:290px;
  height:140px;
}
.midokoroMenus li.menu10 a:hover{
  background: url(images/serchmenu_010_on.gif) no-repeat left top;
}

/*-- あだちに泊まる --*/
.midokoroMenus li.menu11 a{
  margin-left:10px;
  display:inline;
  background: url(images/serchmenu_011.gif) no-repeat left top;
  width:140px;
  height:140px;
}
.midokoroMenus li.menu11 a:hover{
  background: url(images/serchmenu_011_on.gif) no-repeat left top;
}


/*-- 年間イベントエリア（ナビゲーション）225px --*/
#eventMenus{

}

.eventMenustit{
  margin-top:10px;
 width:225px;
 height:99px;
 text-indent: -9999px;
 background: url(images/side_event_title.gif) left top;

}

.eventMenus{
 background: url(images/side_event_bg.gif) left top;
 }
.eventMenus  li{
    height:20px;
    display:inline;
}

.eventMenus li a{
    text-indent: -9999px;
    display:block;
    height:40px;
    /*
    padding:10px 40px 0 40px;
    */
    text-align:center;
    font-size:12px;
    line-height:20px;
    text-decoration:none;
    color:#000;
    font-weight:bold;
}
.eventMenus li a:hover {
	background: url(images/side_event_bg_on.gif) no-repeat left top;
    color:#333333;
}
.eventMenus li.menu01 a{
  display:block;
  width:225px;
  height:20px;
}
.eventMenus li.menu02 a{
  display:block;
  background-position: 0px -20px;
  width:225px;
  height:20px;
}

.eventMenus li.menu03 a{
  display:block;
  background-position: 0px -40px;
  width:225px;
  height:20px;
}
.eventMenus li.menu04 a{
  display:block;
  background-position: 0px -60px;
  width:225px;
  height:20px;
}

.eventMenus li.menu05 a{
  display:block;
  background-position: 0px -80px;
  width:225px;
  height:20px;
}

.eventMenus li.menu06 a{
  display:block;
  background-position: 0px -100px;
  width:225px;
  height:20px;
}
.eventMenus li.menu07 a{
  display:block;
  background-position: 0px -120px;
  width:225px;
  height:20px;
}
.eventMenus li.menu08 a{
  display:block;
  background-position: 0px -140px;
  width:225px;
  height:20px;
}
.eventMenus li.menu09 a{
  display:block;
  background-position: 0px -160px;
  width:225px;
  height:20px;
}
.eventMenus li.menu10 a{
  display:block;
  background-position: 0px -180px;
  width:225px;
  height:20px;
}
.eventMenus li.menu11 a{
  display:block;
  background-position: 0px -200px;
  width:225px;
  height:20px;
}
.eventMenus li.menu12 a{
  display:block;
  background-position: 0px -220px;
  width:225px;
  height:20px;
}

/*ie6 hover用 */
*html .eventMenus li.menu02 a:hover {
  background: url(images/side_event_bg_on.gif) no-repeat left top;
  display:block;
  background-position: 0px -20px;
  width:225px;
  height:20px;
}
*html .eventMenus li.menu03 a:hover {
  background: url(images/side_event_bg_on.gif) no-repeat left top;
  display:block;
  background-position: 0px -40px;
  width:225px;
  height:20px;
}
*html .eventMenus li.menu04 a:hover {
  background: url(images/side_event_bg_on.gif) no-repeat left top;
  display:block;
  background-position: 0px -60px;
  width:225px;
  height:20px;
}
*html .eventMenus li.menu05 a:hover {
  background: url(images/side_event_bg_on.gif) no-repeat left top;
  display:block;
  background-position: 0px -80px;
  width:225px;
  height:20px;
}
*html .eventMenus li.menu06 a:hover {
  background: url(images/side_event_bg_on.gif) no-repeat left top;
  display:block;
  background-position: 0px -100px;
  width:225px;
  height:20px;
}
*html .eventMenus li.menu07 a:hover {
  background: url(images/side_event_bg_on.gif) no-repeat left top;
  display:block;
  background-position: 0px -120px;
  width:225px;
  height:20px;
}
*html .eventMenus li.menu08 a:hover {
  background: url(images/side_event_bg_on.gif) no-repeat left top;
  display:block;
  background-position: 0px -140px;
  width:225px;
  height:20px;
}
*html .eventMenus li.menu09 a:hover {
  background: url(images/side_event_bg_on.gif) no-repeat left top;
  display:block;
  background-position: 0px -160px;
  width:225px;
  height:20px;
}
*html .eventMenus li.menu10 a:hover {
  background: url(images/side_event_bg_on.gif) no-repeat left top;
  display:block;
  background-position: 0px -180px;
  width:225px;
  height:20px;
}
*html .eventMenus li.menu11 a:hover {
  background: url(images/side_event_bg_on.gif) no-repeat left top;
  display:block;
  background-position: 0px -200px;
  width:225px;
  height:20px;
}
*html .eventMenus li.menu12 a:hover {
  background: url(images/side_event_bg_on.gif) no-repeat left top;
  display:block;
  background-position: 0px -220px;
  width:225px;
  height:20px;
}


/*-- フッターエリア（ナビゲーション） --*/
#footermenu{
}

.footermenu{

     margin-top:10px;
}

.footermenu  li{  
    text-indent: -9999px;
    float:left;
	margin-left:5px;
    display:inline;
}

.footermenu li.menu01 a {
    display:block;
	width:171px;
	height:32px;
	 background: url(images/footermenu_001.gif) left top;
}

.footermenu li.menu02 a{
	margin-left:50px;
    display:block;
	width:122px;
	height:32px;
	 background: url(images/footermenu_002.gif) left top;
}

/*########################################
/*-- ライブ情報欄 --*/
#livearea {
  background: url(images/live_bg.gif) left top;
  position:relative; 
  text-align: left;
  margin-top:-40px;
  padding-bottom:1em;
  height:100%;

}
#livearea div.live {
	padding-left:10px;
	padding-right:10px;
}

.live dt {
  font-weight:bold;
    font-size: 1.2em;
  margin: 1em 0 0.5em;
  padding: 0.2em 0 0.2em 0;　
}

.live p {
    font-size: 1em;
  margin: 1em 0 0.5em;
  padding: 0.2em 0 0.2em 0;　
}

/*########################################

[4]ヘッダー部分 */







/*########################################

[5]コンテンツ内の各部分指定 */

/* パン屑リスト */
.topicpath { margin-bottom: 1em; }

p#breadcrumbs{
	font-size:0.8em;
	line-height:160%;
	margin-bottom:20px;
}


/* 見出し */


h2 {
  font-size: 1.75em;
  margin: 0;
  padding: 0;
  color:#3e3a39;
}

h2.h2top{
  margin-top: 20px;
  margin-bottom:10px;
}

h2.spot_name {
  font-size: 1.5em;
  margin: 0;
  margin-bottom: 10px;
  padding: 0;
  padding-left:30px;
  background: url("/images/h2_spotname.gif") repeat-y left top;
  
  
}


h3 {
  font-size: 1.2em;
  color:#3e3a39;
  }

h3.midashi01{
    border-left: 7px solid #CCCCCC;  
    padding: 0.8em 0.9em;
    margin-bottom:0.5em;
}
h3 span {  
    display: block;  
    padding-top: 0.2em;  
    font-size: 0.8em;  
    color: #CCCCCC;  
}  


h3.spotname{
  font-size: 1.5em;
  padding-left: 10px;
  background: url("images/h3_bg.gif") no-repeat left top;
}

h3 span{
  font-size: 0.8em;
  color:#726561;
}

h3#specialsection{
 margin-top:18px;
 height:30px
}

h3.downpoint{
  font-size:0.9em;
  color:#245A5A;
  margin-top:10px;
  margin-bottom:0.2em;
  background: url("images/h2_downpoint.gif") no-repeat left top;
  padding-left:32px;
  padding-top:0.5em;
  height:32px;
}


h4{
  font-size: 0.9em;
  margin: 0em 0 1em;
  background: url("images/h4.gif") no-repeat left center;
  padding: 0.2em 0 0.2em 30px;
}

h5{
  font-weight:bold;
  font-size: 1em;
  color:#591515;
  margin: 0.5em 0 0.5em;
  padding: 0.5em 0 0.5em 0.5em;
  border-top: 1px solid #ee858d;
}

h6 {
  font-weight:bold;
  font-size: 0.8em;
  color:#591515;
  margin-bottom: 0.5em;
  padding: 0;
}

/* 文字 */
p {
  line-height: 1.7em;
  margin-bottom: 1em;
  font-size: 1em;
  color:#111;
}

p.topread {
  line-height: 2em;
  margin-bottom: 1em;
  font-size: 0.9em;
  font-weight:bold;
  color:#565a4e;
}

p.read {
  line-height: 1.5em;
  margin-bottom: 1em;
  font-size: 1em;
  font-weight:normal;
  color:#591515;
}

p.cap {
  line-height: 1.5em;
  margin-bottom: 1em;
  font-size: 0.8em;
  color:#111;
}

p.data001 {
  line-height: 1.5em;
  margin-bottom: 1em;
  padding:0.5em;
  font-size: 1em;
  color:#111;
  border-bottom: 0.2em solid #ef858c;
}

p.data002 {
  line-height: 1.5em;
  margin-bottom: 1em;
  padding:0.5em;
  font-size: 1em;
  color:#111;
}

p.bg {
	background-color: #ddd2c7;
	padding:2px;
}

p.yomi {
  font-size: 0.8em;
  color:#111;
}

p.arrow{
  margin: 0em 0 1em;
  background: url("images/ic_arrow.png") no-repeat left center;
  padding: 0.2em 0 0.2em 30px;
}


/*配置 */
.poscenter{
	text-align: center; 
}
.posright{
	text-align:right; 

}
/* 画像 */
img{
	margin: 0;
	padding:0;
	vertical-align:bottom;
}

img.nomg{
		margin: 0;
}

img.floatLeft{
	float:right;
	padding-left:10px;
}

img.floatRight{
	float:left;
	padding-right:10px;
}

/* フロート解除 */
.clear{
	margin-top: -1px;
	height: 1px;
	clear: both;
}

/* 区切り */
hr {
border-width: 1px 0px 0px 0px;
border-style: solid;
border-color: #985A69;
height: 1px;
}


/* 配色 */
.pink {
 color: #ef858c;
}


/* 外部リンクリスト */
#outsidelink ul{
	list-style:none;
}

#outsidelink li{
	font-size:1em;
	line-height:160%;
	padding-top:4px;
	padding-left:25px;
	padding-bottom:4px;
	background:url(images/link_ar_mark.gif) no-repeat left center;
	border-bottom: dotted 4px #666565;
}


#top_image{
	margin-top: 10px;
}



/* バナー関連 */
.spbannaer
{
	padding-bottom:10px;
}

/*########################################

[6]サイドバー内の各部分指定

/* サイドバータイトル */
h4.sidetitle {
  color:#EEE;
  font-size: 0.8em;
  font-weight: bold;
  margin: 0px;
  margin-top: 10px;
  padding-left: 4px;
  background: #312a28 url(images/sidebar_tit_bg.gif) repeat-x left top;

}


/*----------------------サイドバー内のDIV
ボーダーはこの部分に指定してあります。
#sidebarで幅を変更した場合など、ここで
メニューなどの幅を指定します。
.localnavi等の幅指定は要りません。
----------------------------------------*/
#sidebar div {
  width: 180px;
  margin-bottom: 0.5em;
}

/* リスト/サイドバーメニュー */
#sidebar .localnavi {
  list-style-type: none;
  list-style-position: outside;
}

#sidebar .localnavi li a{
  margin-bottom: 0.5em;
  width: 130px;
  display:block;
 }

#sidebar .localnavi li a:hover{
padding: 4px 4px;
background:url(images/bg_localnavi.gif) left top repeat-y;}

/* ULリスト */
#sidebar ul,
#sidebar ol { list-style-position: inside; }

#sidebar li { margin-bottom: 0.5em; }

/* DLリスト */  
#sidebar dt {
  margin-bottom: 0.5em;
  border-bottom: 1px solid #cccccc;
}

#sidebar dd { margin-bottom: 0.5em; }


#sidebar div.mootab {
  width:130px;
  margin-bottom: 5px;
}


/*########################################

[7]アンダーナビ内の各部分指定 */

#sitemap{
	margin-top:10px;
}

#pagetoplink{
  margin-top:25px;
  margin-left:auto;
  width:470px;
}

#pagetoplink p a{
  background: url(images/btn_pagetop.gif) no-repeat left top;
  display:block;
      text-indent: -9999px; 
	  width:470px;
	  height:20px;
}

#pagetoplink p a:hover {
  background-position: 0px -20px;
}

/*########################################
[8]フッター内の各部分指定 */
p.copyright {
  background: url(images/footer_line.gif) no-repeat left top;
  font-size:1.2em;
  margin-top:10px;
  margin-bottom: 0px;
  color:#111;
  padding-top:5px;
  font-weight: bold;
 }
 
 p.copyrightTX {
  font-size:0.7em;
  color:#111;
 }