@charset "utf-8";
/* CSS Document */

body{position:relative;}

form, h1, h2, h3, h4, h5, h6, p, ul, ol, li, dl, dt, dd {
    list-style: outside none none;
    margin: 0;
    padding: 0;
}

.clearfix {
    min-height: 1px;
}

.clear {
    display: block;
}
.clear:after {
    clear: both;
    content: ".";
    display: block;
    height: 0;
    visibility: hidden;
}


/*ヘッダー下右（サイトマップ・ご利用ガイド・予約情報ボックス）*/
#contents #sub_nav{
	position:absolute;
	top:0;
	right:0
}
		#contents #sub_nav:before,
		#contents #sub_nav:after{
			content:"";
			display:table;
		}
		
		#contents #sub_nav:after{
			clear:both;
		}
		
		#contents #sub_nav{
			zoom:1;/* For IE 6/7 */
		}
		
		
		#contents #sub_nav li{
			background:url(/inc/images/header/ico_sitemap.gif) no-repeat 0 2px;
			border-right:1px solid #666;
			font-size:115%;
			float:left;
			margin:0 0 0 10px;
			padding:1px 10px 2px 20px;
		}
		
		#contents #sub_nav li:first-child{
			background-position:10px 2px;
			border-left:1px solid #666;
			padding:1px 10px 2px 30px;
		}
		
		#contents #sub_nav li.nav_02{
			background-image:url(/inc/images/header/ico_guide.gif);
		}

/* naviAreaQ(九州各県TOP)
--------------------------------------------------- */
#naviAreaQ{
	margin: 0 0 60px;
	padding: 0;
}

#naviAreaQ ul{
	clear: both;
	overflow: hidden;
}

#naviAreaQ h2 {
    background: url("/img/h2bg.gif") no-repeat scroll 0 100% rgba(0, 0, 0, 0);
    font-size: 24px;
    margin: 0 0 20px;
    padding: 3px 0 16px;
}


#naviAreaQ ul li{
	background: none repeat scroll 0 0 #FFFFFF;
	border: 1px solid #DCDCDC;
	border-radius: 5px;
	box-shadow: 0 2px 3px #dcdcdc;
	float: left;
	margin:0 auto 10px;
	width: 300px;
	height:280px;
	position:relative;
}
		#naviAreaQ ul li:first-child{
			margin: 0 27px 0 0;
		}

		#naviAreaQ ul li:hover{
			background-color:#DAFEFE;
		}
		#naviAreaQ ul li a{
			text-decoration: none;
			position:absolute;
			top:0;
			left:0;
			width:100%;
			height:100%;
			z-index:3;
		}

#naviAreaQ ul .imagePhoto {
	margin: 0 0 10px;
}
		#naviAreaQ .imagePhoto img{
			border: 1px solid #FFFFFF !important;
			border-radius: 5px 5px 0 0;
		}

#naviAreaQ dl.navibtn dt.tour{
	background: url("/img/reserve_icon01.gif") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
	font-size: 90%;
	margin: 0 0 15px 15px;
	padding: 0 0 0 50px;
}

#naviAreaQ dl.navibtn dt.rcar{
	background: url("/img/reserve_icon02.gif") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
	font-size: 90%;
	margin: 0 0 15px 15px;
	padding: 0 0 0 50px;
}

#naviAreaQ dl.navibtn dd {
	background: linear-gradient(to bottom, #3980CE 0%, #216AB9 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);
	border: 1px solid #216AB9;
	border-radius: 5px;
	color: #FFFFFF;
	display: block;
	font-weight: bold;
	height: auto;
	margin: 0 auto 10px;
	padding: 13px 0 10px;
	text-align: center;
	width: 90%;
	text-shadow: 1px 1px 0 #1D4F85;
}
		#naviAreaQ dl.navibtn dd strong{
			background: url("/img/reserve_icon.png") no-repeat scroll 0 10px / 8px auto rgba(0, 0, 0, 0);
			font-size: 154%;
			padding: 0 0 0 17px;
		}
		#naviAreaQ dl.navibtn dd span{
			font-size: 80%;
		}



/* naviArea(３つ：関西各県)
--------------------------------------------------- */
#naviArea{
	background: none repeat scroll 0 0 #eaeaea;
	clear: both;
	margin: 0 0 30px;
	overflow: hidden;
	padding: 20px 0px 20px 20px;
}

#naviArea li{
	background: none repeat scroll 0 0 #FFFFFF;
	border: 1px solid #DCDCDC;
	border-radius: 5px;
	box-shadow: 0 2px 0 #CCCCCC;
	float: left;
	margin: 0 15px 0 0;
	width: 300px;
	height:280px;
	position:relative;
}
		#naviArea li:hover{
			background-color:#DAFEFE;
		}
		#naviArea li a{
			text-decoration: none;
			position:absolute;
			top:0;
			left:0;
			width:100%;
			height:100%;
			z-index:3;
		}

#naviArea .imagePhoto {
	margin: 0 0 10px;
}
		#naviArea .imagePhoto img{
			border: 1px solid #FFFFFF !important;
			border-radius: 5px 5px 0 0;
		}

#naviArea dl.navibtn{

}

#naviArea dl.navibtn dl a:hover{

}

#naviArea dl.navibtn dt.tour{
	background: url("/img/reserve_icon01.gif") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
	font-size: 90%;
	margin: 0 0 15px 15px;
	padding: 0 0 0 50px;
}

#naviArea dl.navibtn dt.rcar{
	background: url("/img/reserve_icon02.gif") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
	font-size: 90%;
	margin: 0 0 15px 15px;
	padding: 0 0 0 50px;
}

#naviArea dl.navibtn dd {
	background: linear-gradient(to bottom, #3980CE 0%, #216AB9 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);
	border: 1px solid #216AB9;
	border-radius: 5px;
	color: #FFFFFF;
	display: block;
	font-weight: bold;
	height: auto;
	margin: 0 auto 10px;
	padding: 13px 0 10px;
	text-align: center;
	width: 90%;
	text-shadow: 1px 1px 0 #1D4F85;
}
		#naviArea dl.navibtn dd strong{
			background: url("/img/reserve_icon.png") no-repeat scroll 0 10px / 8px auto rgba(0, 0, 0, 0);
			font-size: 154%;
			padding: 0 0 0 17px;
		}
		#naviArea dl.navibtn dd span{
			font-size: 80%;
		}

#naviArea .sightseeing{
	position:relative;
}
		#naviArea .sightseeing:hover{
			opacity:0.8;
			filter: alpha(opacity=90);
			-ms-filter: "alpha( opacity=90 )";
			background: #fff;
		}
		#naviArea .sightseeing .iconS{
			background-color: #D7000F;
			border-radius: 5px 0 0;
			color: #FFFFFF;
			font-size: 11px;
			font-weight: bold;
			margin: 1px 0 0 1px;
			padding: 3px 7px;
			position: absolute;
			z-index: 1;
		}
		#naviArea .sightseeing .imagePhotoS{
			left: 0;
			position: absolute;
			top: 0;
		}
				#naviArea .sightseeing .imagePhotoS img{
					border: 1px solid #FFFFFF;
					border-radius: 5px;
				}
				
		#naviArea .sightseeing dl.Sbtn{
			background-color: rgba(51, 51, 51, 0.8);
			border-left: 1px solid #ffffff;
			border-radius: 0 0 5px 5px;
			border-right: 1px solid #ffffff;
			color: #ffffff;
			height: 70px;
			margin: 0 auto;
			padding: 5px;
			position: absolute;
			top: 201px;
			width: 290px;
			z-index: 1;
		}
		#naviArea .sightseeing dl.Sbtn dt{
			margin: 8px 0 10px 10px;
		}
		#naviArea .sightseeing dl.Sbtn dd{
			background: url("/img/reserve_icon.png") no-repeat scroll 0 5px / 5px auto rgba(0, 0, 0, 0);
			display: block;
			font-size: 19px;
			font-weight: bold;
			margin: 0 auto 0 10px;
			padding: 0 0 0 15px;
			text-shadow: 2px 1px 0 #000;
		}
				#naviArea .sightseeing dl.Sbtn dd span{
					font-size: 14px;
				}

/* 関西ナビボタン(ドライブ旅情報のみ)
--------------------------------------------------- */
#naviArea .sightseeing dl.Dbtn {
    background-color: rgba(51, 51, 51, 0.7);
    border-left: 1px solid #FFFFFF;
    border-radius: 0 0 5px 5px;
    border-right: 1px solid #FFFFFF;
    color: #FFFFFF;
    height: 91px;
    margin: 0 auto;
    padding: 5px;
    position: absolute;
    top: 180px;
    width: 290px;
    z-index: 1;
}
		#naviArea .sightseeing dl.Dbtn dt{
			line-height:1.8em;
		}
		#naviArea .sightseeing dl.Dbtn dt {
			font-size: 15px;
			font-weight: bold;
			margin: 8px 0 8px 10px;
		}
		#naviArea .sightseeing dl.Dbtn dd {
			background: url("/img/reserve_icon.png") no-repeat scroll 0 5px / 5px auto rgba(0, 0, 0, 0);
			display: block;
			margin: 0 auto 0 175px;
			padding: 0 0 0 10px;
			width: 110px;
		}

/* #mainWrap
--------------------------------------------------------------------*/
#mainWrap {
    background: none repeat scroll 0 0 #ccc;
    height: 420px;
    margin: 0 auto 30px;
    overflow: hidden;
    position: absolute;
    width: 100%;
    z-index: 1;
}
#mainWrap #mainBox{
}

#mainBox li {
	position:relative;
	left:0;
	top:0;
	background-color:#ffffff;
}

#mainBox li img {
	position:absolute;
	left:50%;
	margin-left:-640px;
	background-color:#ffffff;
}

#mainBox li#main0 {z-index:100;}
#mainBox li#main1 {z-index:99;}
#mainBox li#main2 {z-index:98;}
#mainBox li#main3 {z-index:97;}
#mainBox li#main4 {z-index:96;}

#mainNav {
	float: left;
	width: 50%;
}



#mainNav li {
	float:left;
	list-style: none;
	margin-right: 4px;
	font-size: 10px;
}

#mainNav li a {
	color:#999;
}

#mainNav li a:hover {
	text-decoration: none;

}

#mainNav a.selected {
	color:#d60008;
}

#mainLinkBox {
	width:100%;
	position:absolute;
	bottom:0px;
	background:url('/sightseeing/common/images/opacity_bg.png') repeat left center;
	z-index:101;
}

#mainLinkBox #boxInner {
	width: 980px;
	margin: 8px auto;
	overflow: hidden;
	/*height:26px; added*/
}

#mainLinkBox #boxInner #kijiLink {
	text-align: right;
	width: 50%;
	float: right;
	position:relative;
}

#mainLinkBox #boxInner #kijiLink li {
	position:absolute;
	right:0;
	top:0;
	font-size:15px;
}

#mainLinkBox #kijiLink a {
	text-decoration: underline;
}

#mainLinkBox #kijiLink a:link {
	color:#fff;
}

#mainLinkBox #kijiLink a:visited {
	color:#fff;
}

#mainLinkBox #kijiLink a:hover {
	color:#fff;
}

#mainLinkBox #kijiLink a:active {
	color:#fff;
}

#mainLinkBox #prevBtn {
	position: absolute;
	top: -200px;
	left: 0;
}

#mainLinkBox #nextBtn {
	position:absolute;
	top:-200px;
	right:0;
}

/* #breadCrumb_top
--------------------------------------------------- */
#breadCrumb_top {
	font-size: 12px !important;
	height: 20px;
	left: 0;
	margin: 0;
	padding: 5px 0 5px 5px;
	position: absolute;
	top: -30px;
	width: 560px;
	z-index: 1;
}

/* #main_area #mainArea
--------------------------------------------------- */

/*北海道/九州各県TOP（#mainWrapあり）*/
#mainArea{
    margin: 0 auto 30px;
    position: relative;
	padding:450px 0 0;
	width:980px;
}
	#mainArea #contents{
		margin:0 auto;
		padding:0 0 0px;
		position:relative;
		width: 980px;
		clear:both;
		overflow: hidden;
	}
		#mainArea #contents h1{
			border-bottom: 1px dotted #CCCCCC;
			color: #333333;
			font-size: 100%;
			font-weight: normal;
			margin: 0 auto 20px;
			padding: 0 0 9px;
		}

/*関西　各県TOP（#mainWrapなし）*/
#main_area{
    margin: 14px auto 30px;
	width:980px;
	position:relative;
}

#main_area #contents{
	margin:0 auto;
	padding:0 0 0px;
	position:relative;
    width: 980px;
}
	#main_area #contents h1{
		border-bottom: 1px dotted #CCCCCC;
		color: #333333;
		font-size: 100%;
		font-weight: normal;
		margin: 0 auto 20px;
		padding: 0 0 9px;
	}



/* 関西　ナビ下コンテンツ(おすすめ観光情報)
--------------------------------------------------- */
#contents .specialCont{
	border:2px solid #72A0D2;
	padding:25px 25px 35px;
	zoom:1;/* For IE 6/7 */
	margin:0 0 0px 0;
}
		#contents .specialCont:before,
		#contents .specialCont:after{
			content:"";
			display:table;
		}
		#contents .specialCont:after{
			clear:both;
		}

		#contents .specialCont h2{
			background:url(../img/h2bg.gif) no-repeat 0 100%;
			font-size:180%;
			margin:0 0 20px;
			padding:0 0 20px;
		}


		#contents .specialCont .sectionh3{
			float:left;
			margin:0;
			width:440px;
		}
		#contents .specialCont .sectionh3 ~ .sectionh3{
			margin:0 0 0 35px;
		}
		#contents .specialCont .sectionh3 h3{
			background:url(../img/h3bg.gif) no-repeat 50% 100% #D1E7FF;
			font-size:130%;
			margin:0 0 20px;
			padding:12px 0 27px;
			text-align:center;
		}

		#contents .specialCont .sectionh3 ul{
			margin:0;
			}
				#contents .specialCont .sectionh3 ul li:before,
				#contents .specialCont .sectionh3 ul li:after{
					content:"";
					display:table;
				}
				#contents .specialCont .sectionh3 ul li:after{
					clear:both;
				}
				#contents .specialCont .sectionh3 ul li{
					margin:45px 0 0;
					zoom:1;/* For IE 6/7 */
				}
				#contents .specialCont .sectionh3 ul li:first-child{
					margin:0;
				}
				#contents .specialCont .sectionh3 ul li .pict{
					float:left;
					width:116px;
				}
				#contents .specialCont .sectionh3 ul li .pict img{border:1px solid #ccc}
				
				#contents .specialCont .sectionh3 ul li .pict img:hover{
					opacity:0.8;
					filter:alpha(opacity=80);
					-ms-filter:"alpha(opacity=80)";
				}
				#contents .specialCont .sectionh3 ul li dl{
					float:right;
					margin:0;
					width:310px;
				}
				#contents .specialCont .sectionh3 ul li dl dt{
					font-weight:bold;
					margin:0 0 10px;
				}
				#contents .specialCont .sectionh3 ul li dl dd{
					font-size:120%;
					font-weight:bold;
					line-height:160%;
					margin:0;
				}


/* 北海道・九州各県TOP　ナビ下
--------------------------------------------------- */
/*北海道TOP*/
#boxCont{
    margin: 0 auto;
    overflow: hidden;
    width: 980px;
}

/*九州各県TOP*/
#boxContQ{
    margin: 0 auto;
    overflow: hidden;
    width: 631px;
	float:left;
}

/* 今が旬のおすすめ観光情報（北海道・九州各県）*/
#contents #specialContH{
    margin: 0;
    padding:0 0;
    width: 631px;
	float: left;
	overflow:hidden;
}
		#specialContH:before,
		#specialContH:after{
			content:"";
			display:table;
		}
		
		#specialContH:after{
			clear:both;
		}
		
		#specialContH h2{
			background: url("/img/h2bg.gif") no-repeat scroll 0 100% rgba(0, 0, 0, 0);
			font-size: 24px;
			margin: 0 0 20px;
			padding: 3px 0 16px;
		}
		#specialContH ul.boxSinfo{
			margin:0 0 15px 0;
			float:left;
		}
		#specialContH ul.fL{
			margin:0 35px 0 0px;
		}
		#specialContH ul.boxSinfo li{
			border: 1px solid #ccc;
			box-shadow: 0 2px 3px #dcdcdc;
			height:320px;
			margin: 0 0 30px;
			padding: 0;
			width: 295px;
			position:relative;
		}
				#specialContH ul.boxSinfo li img{
					border: 1px solid #fff;
					height: auto;
					margin: 0;
					width: 293px;
				}
				#specialContH ul.boxSinfo li:hover{
					background: none repeat scroll 0 0 #d1e7ff;
				}

				#specialContH ul.boxSinfo li img:hover{
					opacity:0.8;
					background:#fff none repeat scroll 00;
				}
				
				#specialContH ul.boxSinfo li dl{
					display: block;
					margin: 0;
					position: relative;
					width: 295px;
					height: 124px;
				}
				#specialContH ul.boxSinfo li dl dt{
					font-weight: bold;
				}
				#specialContH ul.boxSinfo li dl dd{
					border-top: 1px solid #ccc;
					margin: 0;
					padding: 0;
					width: 295px;
					height: 124px;
				}

				#specialContH ul.boxSinfo li dl dd a {
					display: block;
					font-family: "ヒラギノ明朝 Pro W3","Hiragino Mincho Pro","HGS明朝E","ＭＳ Ｐ明朝",serif;
					font-size: 20px;
					color:#333;
					left: 0;
					line-height: 160%;
					padding: 10px 5px 0 15px;
					position: absolute;
					text-decoration: none;
					top: 0;
					width: 275px;
					height: 114px;
					z-index: 1;
				}


/* #sideCont（北海道・九州各県TOP）
--------------------------------------------------------------------*/
#sideCont{
	float: right;
	width:300px;
	margin:0 0 50px ;
}

/*旅のコラム　観光コラム「達人指南」を読む*/
#sideCont #sTatsujin{
    background: none repeat scroll 0 0 #fff;
    border: 1px solid #ccc;
    margin: 0 0 30px;
	clear: both;
}
		#sideCont #sTatsujin h2{
			background: url("/img/i_h2_red.jpg") no-repeat scroll 0 50% #eeeeee;
			border-bottom: 1px solid #ccc;
			font-size: 16px;
			font-weight: normal;
			height: 32px;
			line-height: 34px;
			margin: 0;
			overflow: hidden;
			padding-left: 20px;
		}
		#sideCont #sTatsujin dl{
			margin:0;
			padding:0;
			height:274px;
		}
				#sideCont #sTatsujin dl:hover{
					background-color:#d1e7ff;
					cursor:pointer;
				}
				#sideCont #sTatsujin dl dt{
					margin: 0;
					padding: 0;
				}
				#sideCont #sTatsujin dl dd.lead{
					margin: 0 0 0 20px;
					line-height:42px
				}
				#sideCont #sTatsujin dl dd.link{
					background: url("/sightseeing/hokkaido/img/iconHeadBlue.png") no-repeat scroll 0 5px / 5px auto rgba(0, 0, 0, 0);
					display: block;
					font-size: 18px;
					font-weight: bold;
					margin: 0 0 0 24px;
					padding: 0 0 0 15px;
					color:#2068b7;
				}
				#sideCont #sTatsujin dl dd.link a:hover{
					text-decoration:underline;
				}
				#sideCont #sTatsujin dl dd.link a:visited{
					text-decoration:underline;
					color:#2068b7;
				}
				
				#sideCont #sTatsujin dl dd.link span{
					font-size: 14px;
				}



/*　(北海道)旅を予約する
--------------------------------------------------------------------*/
#yoyakuH{
    border-bottom: 1px dashed #ccc;
    margin: 0 0 24px;
    padding: 0 0 35px;
}

#yoyakuH a{
	color:#333333;
	text-decoration:none !important;
}
#yoyakuH h2{
	background:url("/sightseeing/hokkaido/img/line980.gif") no-repeat scroll center bottom rgba(0, 0, 0, 0);
    color: #333;
    font-size: 24px;
    padding: 0 0 15px;
    text-align: left;
}
#yoyakuH dl{
    border: 1px solid #ccc;
    border-radius: 5px;
    float: left;
    margin: 15px 9px 0 0;
    padding: 10px 8px;
    width: 220px;
	display:block;
	position:relative;
}
		#yoyakuH dl:hover{
			background-color:#d1e7ff;
			cursor:pointer;
			border: 1px solid #fff;
		}
		#yoyakuH dl a{
			text-decoration: none;
			position:absolute;
			top:0;
			left:0;
			width:100%;
			height:100%;
			z-index:1;
		}
		
		
#yoyakuH dl.last{
	margin: 15px 0 0 !important;
}
#yoyakuH dl dt{
    background: url("/sightseeing/hokkaido/img/yoyaku_tit.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    font-size: 15px;
    height: 37px;
    padding: 7px 0 0;
    text-align: center;
}
		#yoyakuH dl dd{
			font-size: 12px;
			margin: 10px 0 0;
		}
		#yoyakuH dl dd.icon{
			text-align:center;
		}
		#yoyakuH dl dd.tleft{
			padding: 0 0 0 10px;
			text-align: center;
			font-size:12px;
		}
		#yoyakuH dl dd.btn{
			background: url("/sightseeing/hokkaido/img/btnYoyaku.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
			height: 45px;
			padding: 0;
			width: 220px;
			text-align: center;
		}
		#yoyakuH dd.btn p {
			color: #fff;
			font-size: 14px;
			line-height: 45px;
			position: relative;
			margin:0;
			padding:0;
			text-shadow: 1px 1px 1px #333333;
			color: #fff;
			display:inline;
		}
				#yoyakuH dd.btn p:before {
					-moz-border-bottom-colors: none;
					-moz-border-left-colors: none;
					-moz-border-right-colors: none;
					-moz-border-top-colors: none;
					border-color: transparent transparent transparent #fff;
					border-image: none;
					border-style: solid;
					border-width: 3px;
					content: " ";
					left: -11%;
					position: absolute;
					top: 6px;
				}
		#yoyakuH .fontS {
			font-size: 11px !important;
		}




/*　エリアページTOP　（デフォルト石垣島）
--------------------------------------------------------------------*/
body .ishigakijima{
font-family:Avenir , "Open Sans" , "Helvetica Neue" , Helvetica , Arial , Verdana , Roboto , "游ゴシック" , "Yu Gothic" , "游ゴシック体" , "YuGothic" , "ヒラギノ角ゴ Pro W3" , "Hiragino Kaku Gothic Pro" , "Meiryo UI" , "メイリオ" , Meiryo , "ＭＳ Ｐゴシック" , "MS PGothic" , sans-serif;
}
.ishigakijima sup{
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
	top: -0.5em;
	left: -0.3em;
}
#headerWrap {
	width:100%;
}
#headerInner {
	margin: 0 auto 30px;
	padding: 0;
	width: 980px;
	height:100px;
}
#mainWrap {
	width:100%;
	height:500px;
	background:#fff;
}
#topWrap {
	margin: 0 auto 30px;
	padding: 0;
	width: 980px;
}


#topWrap.ishigakijima{
	margin: 0;
	padding: 0;
	width: 100%;
}

#topWrap.ishigakijima #bnr_campaign {
    width: 980px;
    margin: 40px auto;
}

.ishigakijima .sectionEnjoy,
.ishigakijima .innerSection,
.ishigakijima .sectionSearch{
	margin: 0 auto;
	padding: 0;
	width: 980px;
}
#mainWrap.ishigakijima{
	position:relative;
	width: 100%;
	max-width: 1600px;
	height:700px;
}
.ishigakijima a,
.ishigakijima a:link,
.ishigakijima a:visited,
.ishigakijima a:hover{
	color:#333;
	text-decoration:none;
}
.ishigakijima a:hover .contents .textTitle{
	text-decoration: underline;
}
.ishigakijima .rslides.rslides1{
	width: 1600px;
	margin: 0 auto;
}

.ishigakijima .rslides.rslides1 img{
	top:0;
	left:0;
}
.ishigakijima .visualText {
	position: absolute;
	top: 160px;
	left: 0;
	right: 0;
	width: 980px;
	height: 111px;
	margin: auto;
	z-index: 100;
	text-align: center;
	color: #fff;
}

.otaru .visualText {
    top: 135px;
}
.furano .visualText {
    top: 70px;
}
.ishigakijima h1 {
	font-family: "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", "MS PMincho", serif;
	font-size: 80px;
}
.ishigakijima h1.north-okinawa {
	font-size: 60px;
}
.two_Text h1 {
	font-size: 75px;
}

.three_Text h1 {
	font-size: 70px;
}
.over_Text h1 {
	font-size: 66px;
}

.hakodate h1,
.hokkaido h1 {
	font-size: 80px;
	text-shadow: 1px 1px 2px black;
}
.otaru h1 {
    font-size: 75px;
    line-height: 80px;
}
.furano h1 {
    font-size: 75px;
    line-height: 95px;
}
.furano h1 span {
    font-size: 80px;
}

.ishigakijima .visualText p {
	margin: 60px 0 0 0;
	line-height: 1.8;
	font-family: "メイリオ","Meiryo","ヒラギノ角ゴ ProN W3","Hiragino Kaku Gothic ProN","ＭＳ Ｐゴシック","MS P Gothic",Verdana, Arial, Helvetica, sans-serif;
}

.visualText.over_Text p,
.visualText.two_Text p,
.visualText.three_Text p {
	font-size: 25px;
	line-height: 1.5;
}


.hakodate .visualText p,
.hokkaido .visualText p {
	margin: 54px 0 0 0;
	line-height: 1.5;
	font-size: 25px;
}

.otaru .visualText p {
    margin: 54px 0 0 0;
    line-height: 1.5;
    font-size: 25px;
	text-shadow: 1px 1px 1px black;
}
.furano .visualText p {
	margin: 20px 0 0 0;
    font-size: 23px;
	text-shadow: 1px 1px 2px black;
}

#mainWrap.ishigakijima nav{
	position: absolute;
	bottom: 115px;
	left: 0;
	right: 0;
	width: 980px;
	margin: auto;
}
#mainWrap.otaru nav {
    bottom: 90px;
}
#mainWrap.furano nav {
    bottom: 70px;
}

#mainWrap.ishigakijima nav.kerama {
	width: 475px;
}
#mainWrap.ishigakijima nav li{
	float:left;
	margin:0 0 0 40px;
}
#mainWrap.ishigakijima nav li:first-child{
	margin: 0;
}
.ishigakijima h2 {
	font-family: "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HGS明朝B", "ＭＳ Ｐ明朝", "MS PMincho", serif;
	margin-bottom: 10px;
	font-size: 30px;
}
.ishigakijima b{
	font-weight: bold;
}
.ishigakijima h2 .iconEnjoy{
	padding: 0 0 0 43px;
	background: url(/img/icon01.png) no-repeat left 1px;
	font-weight: normal;
}
.ishigakijima .tabHover a{
	position:relative;
	display: block;
	margin: -5px 0 0 3px;
	padding: 10px 10px 5px;
}
.ishigakijima .tabHover a.on,
.ishigakijima .tabHover a:hover{
	display: block;
	margin: 0 0 0 3px;
	padding: 5px 10px;
	background: #0578af;
	box-sizing: border-box;
	border-radius: 5px;
	color:#fff;
}
.ishigakijima .tabHover a.on::after,
.ishigakijima .tabHover a:hover::after{
	content:'';
	display: inline-block;
	position:absolute;
	right:0;
	bottom: -5px;
	left: 0;
	width:1px;
	margin:auto;
	border-top: 6px solid #0578af;
	border-right: 5px solid transparent;
	border-left: 5px solid transparent;
}
.ishigakijima .listDisplay a.over {
	display: inline-block;
	background-color: #fff;
}
.ishigakijima .listDisplay a.over:hover b{
	opacity:0.7;
	filter: alpha(opacity=70);
	-ms-filter: "alpha(opacity=70)";
}

.ishigakijima .tabArea {
    padding-top: 30px;
    position: relative;
}

.ishigakijima .tab{
	float:right;
	position: absolute;
	top: -35px;
	right: 0px;
}

.ishigakijima .tab .tabHover{
	float:left;
	font-size: 12px;
}
.ishigakijima .sectionEnjoy{
	margin: 65px auto 55px;
}

.ishigakijima .tabBox{
	display: none;
}
.ishigakijima .tabBox.on{
	display: block;
}
.ishigakijima .tabBox ul li,
.ishigakijima .recommendList li,
.ishigakijima .searchList li,
.ishigakijima .contents li{
	float:left;
}
.ishigakijima .tabBox ul li,
.ishigakijima .searchList li,
.ishigakijima .tabBox ul li, 
.ishigakijima .searchList li {
    margin-bottom: 20px;
    height: 150px;
}

.hakodate .tabBox ul li,
.hakodate .searchList li,
.hokkaido .tabBox ul li,
.hokkaido .searchList li{
	margin-bottom: 20px;
	height: 200px;
}

.ishigakijima .tabBox ul li:nth-child(even),
.ishigakijima .searchList li:nth-child(even){
	margin-left:40px;
}
.ishigakijima .tabBox ul li.imgArea,
.ishigakijima .searchList li.imgArea{
	width: 150px;
	height: auto;
	margin: 0;
	position:relative;
}

.ishigakijima .textArea{
	line-height: 1.3;
	text-align: justify;
}

.ishigakijima .tabBox ul li.textArea,
.ishigakijima .searchList li.textArea{
	width: 300px;
	margin:0 0 0 20px;
}
.ishigakijima .tabBox .contents{
	margin-bottom: 30px;
}
.ishigakijima .contents .textTitle{
	font-family:  "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HGS明朝B", "ＭＳ Ｐ明朝", "MS PMincho", serif;
	font-size: 20px;
	color: #1460ba;
	line-height: 1.3;
}
.ishigakijima .contents dd{
	font-family: HiraKakuPro-W3, Hiragino Kaku Gothic Pro, "ヒラギノ角ゴ Pro W3", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "osaka";
	font-size: 13px;
    line-height: 19.5px;
	margin:8px 0 0 0;
}
.hokkaido .contents dd{
	margin:8px 0 30px 0;
}
.ishigakijima dd .textTag{
	display: block;
	margin:20px 0 0 0;
	font-size: 10px;
}
.ishigakijima .listDisplay {
	text-align: center;
}

.ishigakijima .listDisplay b {
	display: inline-block;
	width: 280px;
	padding: 15px 0;
	box-sizing: border-box;
	border: 1px solid #ff7f00;
	border-radius: 5px;
	background: #fff;
	color: #ff7f00;
	font-size: 16px;
}
.ishigakijima .listDisplay a:hover b{
	display: inline-block;
	width: 280px;
	padding: 15px 0;
	box-sizing: border-box;
	border: 1px solid #ff7f00;
	border-radius: 5px;
	background: #ff7f00;
	color: #fff;
	font-size: 16px;
}

.ishigakijima .recommendArea{
	margin-top: 33px;
}
.ishigakijima h2 .iconRecommend{
	padding: 0 0 0 36px;
	background: url(/img/icon02.png) no-repeat left 1px;
	font-weight: normal;
}
.ishigakijima .sectionRecommend{
	margin: 0 0 55px 0;
	padding: 55px 0 55px;
	background: url(/img/bg_dot.gif) ;
}

.ishigakijima .sectionRecommend li{
	width: 300px;
	margin: 0 0 0 40px;
}
.ishigakijima .sectionRecommend li:first-child{
	margin: 0 0 60px 0;
}
.ishigakijima .sectionRecommend .contents{
	margin: 0 ;
}
.ishigakijima .sectionRecommend .contents li{
	position:relative;
	margin: 0 ;
}
.ishigakijima .sectionRecommend .contents li img.contType {
	position: absolute;
	top: 0;
	left: 0;
}
.ishigakijima .sectionRecommend .contents dl{
	margin: 20px 0 0 0  ;
}
.ishigakijima h2 .iconSearch{
	padding: 0 0 0 26px;
	background: url(/img/icon03.png) no-repeat left 1px;
}
.ishigakijima .sectionSearch{
	margin: 0 auto 100px ;
}
.ishigakijima .searchArea{
	margin-top: 40px;
}


.ishigakijima li span.hoverImg {
	background-image: url('/img/hoverImg.png');
	width: 100%;
	height: 100%;
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	background-position: center;
}


p#head_copy {
	margin:5px 0 0 0;
	padding: 0;
	text-align:left;
	color:#FFFFFF;
	float:left;
	font-weight: lighter;
	font-size: small;
}

div.headBx {
	height:27px;
	background:#1460ba;
	font-size:small;
}
.wrap {
	position:relative;
	width:980px;
	margin:0 auto;
	text-align:center;
}

.headBx p,
.headBx li {
	line-height:18px;
	white-space:nowrap;
}
li.nav_01 {
	float:left;
	white-space:nowrap;
	}
#hdr {
	height:73px;
	background:#FFFFFF;
}
#logo {
	float:left;
	padding:15px 0 0 0;
	position: static;
}
#logo img.logo01 {
	width:105px;
	margin-right: 15px;
}
#catch {
	float:right;
	padding:20px 0 0 0;
	font-size:12px;
	line-height:1.25em;
	text-align:right;
}


div#subnav_boxotop {
	margin:5px 0 0 0;
	background:url("/img/sub_nav_bgl.gif") left top no-repeat #FFF;
	position:absolute;
	top:0;
	right:0;
	padding-left:10px;
}

ul#subnav_otop {
	background:url("/img/sub_nav_bgr.gif") right top no-repeat;
	overflow:hidden;
}

ul#subnav_otop li {
	float:left;
	margin:5px 10px 0 0;
	font-size:13px;
}

ul#subnav_otop li img {
	vertical-align: -2px;
}

div.breadcrumb {
	padding: 5px 0;
	border-top: 1px solid #eee;
	font-size: 12px;
	color: #333;
}

div.breadcrumb p {
	width: 980px;
	margin: 0 auto;
}

.clickable {
	cursor: pointer;
}

/*　エリアページTOP　（デフォルト石垣島）
　　　他のエリアを見る
----------------------------------------------------**/
/*#specialRecommend {
	padding: 55px 0;
	border-top: #cccccc 1px solid;
}*/
#specialRecommend .item {
	cursor: pointer;
}
#specialRecommend h2 {
	font-weight: normal;
	font-size: 28px;
}
#specialRecommend .more {
	text-align: right;
	margin: -1em 0 0 0;
}
#specialRecommend ul {
	margin: 0 -10px 0 0;
	padding: 30px 0 0 0;/*overflow: hidden;*/
}
#specialRecommend li {
	float: left;
	width: 188px;
	margin: 0 10px 0 0;
	position: relative;
}
#specialRecommend ul li a {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    padding-top: 116px; 
    color: #2068b7;
}
#specialRecommend a:visited {
    color: #8560a8;
}
#specialRecommend li p {
	font-family: HiraKakuPro-W3, Hiragino Kaku Gothic Pro, "ヒラギノ角ゴ Pro W3", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "osaka";
	padding: 5px 0 0 0;
}
#specialRecommend img {
    width: 100%;
    margin: 0;
    padding: 0;
    border: 0;
    vertical-align: middle;
}

/* CSS Document Bread Clumb
	　動的パン屑リストと同じコード
--------------------------------------------------------- **/

#bread {
	overflow: hidden;
	/* margin-bottom: 15px; */
	text-align: left;
	font-size: 12px;
	padding: 0;
	width: 980px;
	margin: 0 auto;
}
#bread li {
	float: left;
	line-height: 2;
	list-style: none;
}
#bread li:after {
	content:'>';
	margin:0 10px;
}
#bread li a {
	color: #000000;
}
#bread li.last {
	background: none;
}
#bread li.last:after {
	content:'';
  margin: 0;
}