@charset 'shift_jis';

/*------------------------------------------------------

top.css

制作者：株式会社オール多摩
更新者：株式会社テイルウィンドシステム
内容：トップページ

作成日：2011.10.11
最終修正日：2021.07.08




/* 全体
------------------------------------------------------------ */
* { margin : 0 ; padding : 0 ; }

body{
  margin:0 auto;
  padding: 0;
  background-image:url(../img/bg_01.jpg) ;
  background-repeat:repeat-x;
  background-color:#000;
  font-size:13px;
  line-height:1.4em;
  font-family: "Verdana", "Osaka", "ＭＳ Ｐゴシック", sans-serif;
  voice-family : "\"}\"";					/* おまじない */
  voice-family : inherit;					/* おまじない */
  /*text-align: center;*/
}

#wrapper{
	margin:0 auto;
	text-align:center;
	width:1094px;
	height:980px;
	background-image:url(../img/bg_img.jpg);
	background-repeat:no-repeat;
	}
	
#top {
	position:relative;
	margin:0 auto;
	width:100%;
	text-align:center;
	height:110px;
	}
	
#top h1{
	position:absolute;
	width:auto;
	top:2px;
	left:60px;
	font-size:12px;
	font-weight:normal;
	margin:0px 0px 2px 0;
	color:#AAAAAA;
	text-align:left;

	}	

#top .l{
	clear:both;
	float:left;
	width:600px;
	height:auto;
	}

#top .l #logo{
	position:absolute;
  	width:600px;
  	height:108px;
  	background: url(../img/logo.png) no-repeat 0px 0px;
  	top:0px;
  	left:50px;
  	padding:1px 0 0 0;
}

/* IE6以下に対する設定 */
* html #top .l #logo {
/* MacIE5対策 */
background: none;
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../img/logo.png",
sizingMethod="scale");
/* */
background: url(../img/logo.gif) no-repeat 0px -3px;
}


#top .r{
	float:right;
	width:350px;
	height:100px;
	color:#FFFFFF;
	font-size:12px;
	}

#top .r .menu_top {
	color:#999;
	font-size:78%;
	font-weight:normal;
	height:12px;
	line-height:12px;
	margin:0 auto;
	margin-top:5px;
	margin-right:50px;
	text-align:right;
}


#top .r .menu_top ul.navi {
	margin: 0 0 10px 0;
	padding: 0;
	line-height: 1;
	list-style-type: none;
}

#top .r .menu_top ul.navi li {
	margin: 0;
	padding: 0;
	float: right;
	text-align:right;
	/* 固定幅にしたかったら
	width: 110px;
	*/
	background:url(../img/mark.png) left 85%;
	background-repeat:no-repeat;
}

#top .r .menu_top ul.navi li a {
	padding: 7px 10px 2px 15px;
	display: block;
	position: relative; /* for IE6 */
	color: #fff;
	text-decoration: none;
}

#top .r .menu_top ul.navi li a:hover {
	color: #fff;
	text-decoration:underline;
}

/* ClearFix */

#top .r .menu_top ul.navi {
	_height: 1px;
	min-height: 1px;
	/*\*//*/
	height: 1px;
	overflow: hidden;
	/**/
}

#top .r .menu_top ul.navi:after {
	height: 0;
	visibility: hidden;
	content: ".";
	display: block;
	clear: both;
}


#top .flash{
	position:absolute;
	top:82px;
	left:60px;
	width:970px;
	height:300px;
	background-color:#CCCCCC;
}


	
/* メニュー
---------------------------------------------------- */


#top #menu {
	width:970px;
	position:absolute;
	top:395px;
	left:0;
	height:53px;
	background:url(../img/menu.png) no-repeat;
	margin:0px 0 0 60px;

/*	opacity: 0.6;
    filter:progid:DXImageTransform.Microsoft.Alpha(Enabled=1,Style=0,Opacity=60);
*/	
	

}
#top #menu ul {
	padding:0px 0 0 0px;
}
#top #menu li {
	display:inline;
	list-style-type:none;
}
#top #menu li a {
	height:53px;
	display:block;
	float:left;
	text-indent:-9877em;
	text-decoration:none;
	overflow:hidden;
}
/*------off*/
#top #menu li.menu01 a {
	background:url(../img/menu.png) no-repeat 0px 0px;
	width:121px;
}
#top #menu li.menu02 a {
	background:url(../img/menu.png) no-repeat -121px 0px;
	width:121px;
}
#top #menu li.menu03 a {
	background:url(../img/menu.png) no-repeat -242px 0px;
	width:122px;
}
#top #menu li.menu04 a {
	background:url(../img/menu.png) no-repeat -364px 0px;
	width:121px;
}
#top #menu li.menu05 a {
	background:url(../img/menu.png) no-repeat -485px 0px;
	width:121px;
}
#top #menu li.menu06 a {
	background:url(../img/menu.png) no-repeat -606px 0px;
	width:122px;
}
#top #menu li.menu07 a {
	background:url(../img/menu.png) no-repeat -728px 0px;
	width:121px;
}
#top #menu li.menu08 a {
	background:url(../img/menu.png) no-repeat -849px 0px;
	width:121px;
}

/*------hover*/
#top #menu li.menu01 a:hover {
	background:url(../img/menu.png) no-repeat 0px -54px;
}
#top #menu li.menu02 a:hover {
	background:url(../img/menu.png) no-repeat -121px -54px;
}
#top #menu li.menu03 a:hover {
	background:url(../img/menu.png) no-repeat -242px -54px;
}
#top #menu li.menu04 a:hover {
	background:url(../img/menu.png) no-repeat -364px -54px;
}
#top #menu li.menu05 a:hover {
	background:url(../img/menu.png) no-repeat -485px -54px;
}
#top #menu li.menu06 a:hover {
	background:url(../img/menu.png) no-repeat -606px -54px;
}
#top #menu li.menu07 a:hover {
	background:url(../img/menu.png) no-repeat -728px -54px;
}
#top #menu li.menu08 a:hover {
	background:url(../img/menu.png) no-repeat -849px -54px;
}


/*------on*/
#top #menu li.menu01_on a {
	background:url(../img/menu.png) no-repeat 0px -54px;
	width:121px;
}
#top #menu li.menu02_on a {
	background:url(../img/menu.png) no-repeat -121px -54px;
	width:121px;
}
#top #menu li.menu03_on a {
	background:url(../img/menu.png) no-repeat -242px -54px;
	width:122px;
}
#top #menu li.menu04_on a {
	background:url(../img/menu.png) no-repeat -364px -54px;
	width:121px;
}
#top #menu li.menu05_on a {
	background:url(../img/menu.png) no-repeat -485px -54px;
	width:121px;
}
#top #menu li.menu06_on a {
	background:url(../img/menu.png) no-repeat -606px -54px;
	width:122px;
}
#top #menu li.menu07_on a {
	background:url(../img/menu.png) no-repeat -726px -54px;
	width:121px;
}
#top #menu li.menu08_on a {
	background:url(../img/menu.png) no-repeat -849px -54px;
	width:121px;
}





/* キャッチコピー・画像
---------------------------------------------------- */
#top #catch{
	width:970px;
	position:absolute;
	top:470px;
	left:0;
	height:53px;
	margin:0px 0 0 68px;
	}
	

#top #catch .l_box{
	margin:0 auto;
	width:345px;
	clear:both;
	float:left;
	text-align:left;
	margin-top:5px;
	}
	
#top #catch .l_box .img01{
	float:left;
	background:url(../img/s_img01.gif) no-repeat;
	width:162px;
	height:132px;
	}	
	
#top #catch .l_box .img02{
	float:left;
	background:url(../img/s_img02.gif) no-repeat;
	width:162px;
	height:132px;
	margin-left:13px;
	}		
	
	
#top #catch .r_box{
	margin:0 auto;
	width:610px;
	float:left;
	text-align:left;
	}	

#top #catch .r_box .c_tit{
	background:url(../img/catch.gif) no-repeat;
	width:530px;
	height:36px;
	}


#top #catch .r_box .c_sentence{
	width:100%;
	text-align:left;
	margin-top:5px;
	margin-left:5px;
	}

#top #catch .r_box .c_sentence p{
	color:#FFFFFF;
	line-height:1.5em;
	font-size:14px;
	margin:2px;
	}



/* top_contents
---------------------------------------------------- */
#top #top_contents{
	width:970px;
	position:absolute;
	top:640px;
	left:0;
	height:53px;
	margin:0px 0 0 60px;
	}


/* What's New
---------------------------------------------------- */
#top #whatsnew{
	width:610px;
	height:auto;
	float:left;
	}

#top #whatsnew .wn_tit{
	background:url(../img/wn_title.gif) no-repeat;
	width:610px;
	height:52px;
	margin-bottom:5px;
	}

#top #whatsnew .wn_box{
	clear:both;
	width:600px;
	height:90px;
	background:url(../img/wn_bg.png) no-repeat;
	margin:0px 0 0 0px;

/*	opacity: 0.2;
    filter:progid:DXImageTransform.Microsoft.Alpha(Enabled=1,Style=0,Opacity=20);*/
	
	}
	
#top #whatsnew .wn_box .wn_left{
	float:left;
	margin-top:5px;
	margin-left:0px;
	width:110px;
	}

#top #whatsnew .wn_box .wn_right{
	float:left;
	margin-top:5px;
	margin-left:5px;
	width:480px;
	text-align:left;
	}
	

#top #whatsnew .wn_box .wn_right a{
	color:#FFFFFF;
	text-decoration:none;
}
	
#top #whatsnew .wn_box .wn_right a:hover{
	color:#FFFFFF;
	text-decoration:underline;
	}
	
	
#top #whatsnew .wn_box .wn_right p.date{
	font-weight:bold;
	font-size:13px;
	font-family:Arial, Helvetica, sans-serif;
	text-align:left;
	color:#FFFFFF;
	margin-top:5px;
	}
	
#top #whatsnew .wn_box .wn_right p.naiyou{
	font-weight:normal;
	font-size:13px;
	text-align:left;
	margin-top:5px;
	color:#FFFFFF;
	line-height:1.4em;
	}		


#top #whatsnew .wn_line{
	clear:both;
	width:610px;
	height:10px;
	background:url(../img/wn_line.gif) no-repeat;
	margin:5px 0 5px 0px;
	}
	

/*------off*/
#top #whatsnew .to_jisseki a {
	display:block;
	width:600px;
	height:28px;
	background:url(../img/bt_to_jisseki.gif) no-repeat left top;
	font-size:1px;
	line-height:1px;
	text-indent:-9999px;
	text-decoration:none;
	outline:none;
	margin:0px 0 0 0;
}

/*------hover*/
#top #whatsnew .to_jisseki a:hover {
	background-position:left bottom;
}




/* Link_Banner
---------------------------------------------------- */

#top #link_banner{
	width:325px;
	height:415px;
	float:left;
	margin-top:17px;
	margin-left:15px;
	}


#top #link_banner .lb_left{
	clear:both;
	float:left;
	width:155px;
	margin-bottom:13px;	
}


/*ロケ弁------off*/
#top #link_banner .lb_left .to_lunch a {
	display:block;
	width:156px;
	height:130px;
	background:url(../img/ban_lunch_off.gif) no-repeat;
	font-size:12px;
	line-height:1.5em;
	text-decoration:none;
	text-indent:-99999px;
	outline:none;
	margin:0px 0 0 0;
	color:#000000;
	text-decoration:none;
	text-align:left;
}

/*ロケ弁------hover*/
#top #link_banner .lb_left .to_lunch a:hover {
	width:156px;
	height:130px;
	background:url(../img/ban_lunch_on.gif) no-repeat;
	text-decoration:none;	
}


/*宿泊地------off*/
#top #link_banner .lb_left .to_hotel a {
	display:block;
	width:156px;
	height:130px;
	background:url(../img/ban_hotel_off.gif) no-repeat;
	font-size:12px;
	line-height:1.5em;
	text-decoration:none;
	text-indent:-99999px;
	outline:none;
	margin:10px 0 0 0;
	color:#000000;
	text-decoration:none;
	text-align:left;
}

/*宿泊地------hover*/
#top #link_banner .lb_left .to_hotel a:hover {
	width:156px;
	height:130px;
	background:url(../img/ban_hotel_on.gif) no-repeat;
	text-decoration:none;	
}



#top #link_banner .lb_right{
	float:right;
	width:155px;
	height:270px;
	margin-left:12px;
	margin-bottom:13px;	
}



/*ロケ地情報------off*/
#top #link_banner .lb_right .to_info a {
	display:block;
	width:155px;
	height:270px;
	background:url(../img/ban_info_off.gif) no-repeat;
	font-size:12px;
	line-height:1.5em;
	text-decoration:none;
	outline:none;
	margin:0px 0 0 0;
	color:#000000;
	text-decoration:none;
	text-align:left;
}

/*ロケ地情報------hover*/
#top #link_banner .lb_right .to_info a:hover {
	width:155px;
	height:270px;
	background:url(../img/ban_info_on.gif) no-repeat;
	text-decoration:none;	
}


#top #link_banner .lb_right .to_info p {
	padding:10px 10px 10px 12px;
}



/*申請・登録------off*/
#top #link_banner .to_inq a {
	clear:both;
	display:block;
	width:325px;
	height:114px;
	background:url(../img/ban_inq_off.gif) no-repeat;
	font-size:12px;
	line-height:1.5em;
	text-decoration:none;
	outline:none;
	margin:0px 0 0 0;
	color:#000000;
	text-decoration:none;
	text-align:left;
	padding:12px 10px 0 8px;
}

/*申請・登録------hover*/
#top #link_banner .to_inq a:hover {
	width:325px;
	height:114px;
	background:url(../img/ban_inq_on.gif) no-repeat;
	text-decoration:none;	
}






/* ページトップへ戻るボタン
---------------------------------------------------- */

#to_top {
	width:970px;
	position:relative;
	top:16px;
	left:0;
	height:53px;
	margin:0;
	color:#FFFFFF;
}


#to_top a {
	text-decoration: none;		/* ■Firefox等で線が表示されないようにする */
	width:auto;
	display:block;
	overflow:hidden;
	float:right;
	text-indent:-9877em;
}

#to_top .bt a{
	display:block;
	width:73px;
	height:15px;
	background:url(../img/pagetop_off.gif) no-repeat;
	text-decoration:none;
	text-align:center;
	margin-left:3px;
}

#to_top .bt a:hover{
	background:url(../img/pagetop_on.gif) no-repeat;
}




/* top_contents2
---------------------------------------------------- */
#top_contents2{
	position:relative;
    top:950px;
	clear:both;
	text-align:center;
	margin:0 auto;
	width:1094px;
	height: auto;
	padding:0px;
	}


/* sns
---------------------------------------------------- */


#sns {
    width: 980px;
    margin: 0 auto;
}


#sns .sns_tit{
	background:url(../img/sns_title.png) no-repeat;
	width:953px;
	height:81px;
	margin-top: 15px;
	margin-bottom:5px;
	}


#sns .waku{
	display: flex;
	width: 100%;
}

.facebook_waku,.insta_waku{
	width: 46%;
	padding: 15px;
}



/*パンくずリスト
------------------------------------------------------*/

.pan-list {
	margin-top:10px;
	padding:3px;
	margin-left:10px;
	font-size:90%;
	background-color:#eeeeee;
}


.pan-list li {
  display:inline;
  color:#000080;
}
/*.pan-list li:before {
  /* :before -> ie6未対応
     content -> :before と組合せ
     li要素の前に記号文字を挿入 */
  /*content:" > ";
}*/
/*.pan-list li:first-child:before {
  /* :first-child:before -> ie6未対応
     子要素の一番初めのみ指定 */
  /*content:"";
}*/

.pan-list a:link{
    padding-right: 14px;
    background: url(../img/breadcrumbs.gif) center right no-repeat;
	text-decoration:none;
	color:#000080;
}

.pan-list a:visited{
    padding-right: 14px;
    background: url(../img/breadcrumbs.gif) center right no-repeat;
	text-decoration:none;
	color:#000080;
}

.pan-list a:hover, .pan-list a:active{
    padding-right: 14px;
	text-decoration:underline;
	color:#000080;
}



/* Contents_Banner
---------------------------------------------------- */

#con_banner{
	position:relative;
	top:965px;
	left:50px;
	clear:both;
	float:left;
	text-align:left;
	margin:5px 0px 0px 0px;
	width:100%;
	height:62px;
	padding:0px 0px 0px 0px;
	}
	
.con_banner1{
	padding:0px 0px 0px 12px;
	}
	
.con_banner2{
	padding:0px 0px 0px 14px;
	}

.con_banner3{
	padding:0px 0px 0px 14px;
	}
	

/* バナー
---------------------------------------------------- */
#banner{
	position:relative;
	top:980px;
	clear:both;
	float:left;
  	background: url(../img/banner_bg.png);
	background-repeat:repeat-x;
	text-align:left;
	margin:5px 0px 0px 0px;
	width:100%;
/*	height:62px; 1行の場合*/
	height:68px; /*2行の場合*/
	padding:0px 0px 0px 0px;	
	}

#banner2{
	position:relative;
	top:980px;
	clear:both;
	float:left;
  	background: url(../img/banner_bg.png);
	background-repeat:repeat-x;
	text-align:left;
	margin:0px 0px 0px 0px;
	width:100%;
/*	height:62px; 1行の場合*/
	height:64px; /*2行の場合*/
	padding:0px 0px 0px 0px;	
	}

#banner3{
	position:relative;
	top:980px;
	clear:both;
	float:left;
  	background: url(../img/banner_bg.png);
	background-repeat:repeat-x;
	text-align:left;
	margin:0px 0px 5px 0px;
	width:100%;
/*	height:62px; 1行の場合*/
	height:68px; /*2行の場合*/
	padding:0px 0px 0px 0px;	
	}


#banner .position,
#banner2 .position,
#banner3 .position{
	width:1094px;
	margin:0 auto;
	text-align:center;
	padding-right:10px;
	}
	

#banner .position img{
	margin:8px 5px 0 0;
	border:4px solid #CCCCCC;
	}

#banner .position a img{
	margin:8px 5px 0 0;
	border:4px solid #CCCCCC;
	}

#banner2 .position img{
	margin:3px 5px 0 0;
	border:4px solid #CCCCCC;
	}

#banner2 .position a img{
	margin:3px 5px 0 0;
	border:4px solid #CCCCCC;
	}

#banner3 .position img{
	margin:3px 5px 0 0;
	border:4px solid #CCCCCC;
	}

#banner3 .position a img{
	margin:3px 5px 0 0;
	border:4px solid #CCCCCC;
	}

	
/* フッター
---------------------------------------------------- */
#footer{
	position:relative;
	top:990px;
	clear:both;
	float:left;
	text-align:left;
	margin:0px 0px 5px 0px;
	width:100%;
	padding:0px 0px 5px 0px;	
}

#footer .box{
	margin:0px auto;
	width:970px;
	color:#FFFFFF;
	padding-right:10px;
}

#footer .box .s_logo{
	background: url(../img/logo2.gif);
	background-repeat:no-repeat;
	width:87px;
	height:87px;
	float:left;
}

#footer .box .secretariat{
	width:500px;
	height:125px;
	float:left;
	margin-top:8px;
	margin-left:15px;
}

#footer .box .secretariat a{
	color:#ffffff;
}

#footer .box .to_traffic{
	width:182px;
	height:66px;
	float:right;
	margin:10px 8px 0 0;

}

/*交通情報へ------off*/
#footer .box .to_traffic a {
	display:block;
	width:182px;
	height:66px;
	background:url(../img/traffic_off.gif) no-repeat;
	font-size:12px;
	line-height:1.5em;
	text-decoration:none;
	text-indent:-99999px;
	outline:none;
	margin:0px 0 0 0;
	color:#000000;
	text-decoration:none;
	text-align:left;
}

/*交通情報へ------hover*/
#footer .box .to_traffic a:hover {
	width:182px;
	height:66px;
	background:url(../img/traffic_on.gif) no-repeat;
	text-decoration:none;	
}





#footer .copy{
	clear:both;
	margin:0px auto;
	width:970px;	
	font-size:10px;
	color:#FFFFFF;
	margin-top:10px;
	text-align:right;
}




#footer .box .menu_footer {
	float:left;
	width:970px;
	margin:0px auto;
	color:#999;
	font-size:78%;
	font-weight:normal;
	height:12px;
	line-height:12px;
	text-align:left;
}


#footer .box .menu_footer ul.navi {
	margin: 0;
	padding: 0;
	line-height: 1;
	list-style-type: none;
}

#footer .box .menu_footer ul.navi li {
	margin: 0;
	padding: 0;
	float: left;
	text-align:left;
	/* 固定幅にしたかったら
	width: 110px;
	*/
	background:url(../img/mark.png) left 85%;
	background-repeat:no-repeat;
}

#footer .box .menu_footer ul.navi li a {
	padding: 7px 10px 2px 15px;
	display: block;
	position: relative; /* for IE6 */
	color: #fff;
	text-decoration: none;
}

#footer .box .menu_footer ul.navi li a:hover {
	color: #fff;
	text-decoration:underline;
}

/* ClearFix */

#footer .box .menu_footer ul.navi {
	_height: 1px;
	min-height: 1px;
	/*\*//*/
	height: 1px;
	overflow: hidden;
	/**/
}

#footer .box .menu_footer ul.navi:after {
	height: 0;
	visibility: hidden;
	content: ".";
	display: block;
	clear: both;
}