@charset "UTF-8";
/* ---------------------------------------------------------
	CSS Document detail > common
--------------------------------------------------------- */

#container {
	margin-top: 14px;
}

figure {
	margin:0;
	padding:0;
}

.block {
	padding: 20px;
	border: solid 1px #ccc;
	background: #fff;
	margin-bottom:20px;
}
.block.map_block {
	padding: 0px;
}
.title {
	margin-bottom: 20px;
}
.title h1 {
  padding: 0 0 5px;
	font-family: "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", serif;
	font-weight: normal;
	font-size: 30px;
	line-height: 1.5;
	border-bottom: solid 3px #003894;
}
.title p.second_line {
	line-height: 28px;
}
.title p {
	font-size: 14px;
	line-height:26px;
}
p.read {
	font-size: 16px;
	margin-bottom: 20px;
}
.title p.second_line {
	line-height: 17px;
}
/* ---------------------------------------------------------
	CSS Document header and footer
--------------------------------------------------------- */

#headerBg {
	background: #fff url(/inc/images/header/bg_header.jpg) repeat-x bottom;
}
header {
	width: 980px;
	height: 152px;
	margin: 0 auto;
	position: relative;
}
header ul:before, header ul:after {
	content:"";
	display:table;
}
header ul {
	position:absolute;
	zoom:1;/* For IE 6/7 */
}
header ul:after {
	clear:both;
}
header ul li {
	float:left;
}
header #logo01 {
	position:absolute;
	top:15px;
	left:0;
}
header #logo01 img {
	width:175px;
}
header #logo02 {
	position:absolute;
	top:15px;
	left:200px;
}
/*関西ヘッダー内他エリアナビ*/
header #other_area {
	border:1px solid #D2E6FF;
	padding:7px 25px;
	top:20px;
	right:0;
}
header #other_area li {
	background:url(/img/head_icon.gif) no-repeat 0 6px;
	margin:0 0 0 30px;
	padding:0 0 0 10px;
}
header #other_area li:first-child {
	margin:0;
}
/*九州ヘッダー内他エリアナビ*/
header #otherAreaQ {
	border:1px solid #D2E6FF;
	padding:7px 15px;
	top:20px;
	right:0;
}
header #otherAreaQ li {
	background:url(/img/head_icon.gif) no-repeat 0 6px;
	margin:0 0 0 24px;
	padding:0 0 0 10px;
}
header #otherAreaQ li:first-child {
	margin:0;
}
/*全国RC用　ヘッダー内他エリアナビ（関西・九州以外）*/
header #otherAreaRC {
	border:1px solid #D2E6FF;
	padding:7px 12px;
	top:20px;
	right:0;
	font-size: 11px;
}
header #otherAreaRC li {
	background:url(/img/head_icon.gif) no-repeat 0 6px;
	margin:0 0 0 10px;
	padding:0 0 0 7px;
}
header #otherAreaRC li:first-child {
	margin:0;
}
/*test02*/
header #otherAreaRC02 {
	top:89px;
	right:0;
}
header #otherAreaRC02 li {
	background:url(/img/head_icon.gif) no-repeat 0 6px;
	margin:0 0 0 24px;
	padding:0 0 0 7px;
}
header #otherAreaRC02 li:first-child {
	margin:0;
}
/*ヘッダー内他エリアナビの非表示*/
header .displaynone {
	display:none;
}
header #g_nav {
	/*border-bottom:4px solid #2067B7;*/
	top:75px;
	left:0;
	width:980px;
}
header #g_nav li {
	margin:0 4px 0 0;
	width:200px;
}
header #g_nav li a {
	background:url(/img/nav.jpg) no-repeat 0 0;
	color:#333;
	display:block;
	font-weight:bold;
	height:25px;
	padding:18px 0 0;
	text-align:center;
}
header #g_nav li a:hover {
	opacity:0.8;
	filter:alpha(opacity=80);
	-ms-filter:"alpha(opacity=80)";
	text-decoration:none;
}
header #g_nav li a.down {
	background-position:0 -43px;
}
header #g_nav li.this a {
	background-position:0 -86px;
	color:#fff;
	font-size:110%;
	height:28px;
	padding:15px 0 0;
}
header #g_nav li a.c:hover {
	opacity:1;
	filter:alpha(opacity=100);
	-ms-filter:"alpha(opacity=100)";
}
header #sub_nav {
	/*background-color: #E3F0FF;*/
	padding: 6px 0;
	position:absolute;
	right: 0;
	top: 122px;
	width: 980px;
	height:18px;
}
header #sub_nav li {
	padding:0px 0 0px 21px;
	position: relative;
	z-index: 999;
}
header #sub_nav li a {
	font-size:12px !important;
	font-family:HiraKakuPro-W3, Hiragino Kaku Gothic Pro, 'ヒラギノ角ゴ Pro W3', メイリオ, Meiryo, 'ＭＳ Ｐゴシック', osaka, Arial, Helvetica, Verdana, sans-serif !important;
}
header #sub_nav li.nav_01 {
	background:url("/inc/images/header/icon_siteMap.png") no-repeat 0 0;
	margin:0px 0 0px 630px;
}
header #sub_nav li.nav_02 {
	background:url("/inc/images/header/icon_guide.png") no-repeat 0 0;
	margin:0 0 0 15px;
}
header #sub_nav li.nav_03 {
	background:url("/inc/images/header/icon_yoyakuBox.png") no-repeat 0 0;
	margin:0 0 0 15px;
}
/* エリアなし　タブあり共通ヘッダー用
--------------------------------------------------- */
header .contentName {
	position:absolute;
	top:16px;
	left:195px;
	font-size:16px;
}
/* エリアなし　タブなし共通シンプルヘッダー用
--------------------------------------------------- */

headerSimple {
	height:75px;
	margin:10px auto 0;
	position:relative;
	width:980px;
	border-bottom:4px solid #2067B7;
}
headerSimple #logo01 {
	position:absolute;
	top:15px;
	left:0;
}
headerSimple #logo01 img {
	width:175px;
}
headerSimple .contentName {
	position:absolute;
	top:16px;
	left:195px;
	font-size:16px;
}
/* パンくず
--------------------------------------------------- */


#breadCrumb {
	background-image: none;
	background-color: transparent;
	height: 20px;
	width: auto;
	left: 0;
	margin: 0;
	padding: 5px 0 15px 5px;
	z-index: 1;
	font-size:12px !important;
}

/* 個別ヘッダー（レンタカー・ツアー）
--------------------------------------------------- */

header #main_nav {
	border-bottom:4px solid #1460BA;
	bottom:4px;
	left:0;
	width:980px;
}
header.simple {
	background:url("/inc/images/header/head_border.gif") repeat-x 0 100%;
	height:94px;
	margin:0 auto 5px;
	width:100%;
}
header.simple header_simple_cont {
	background:url("/inc/images/header/head_border.gif") repeat-x 0 100%;
	height:94px;
	margin:0 auto;
	position:relative;
	width:980px;
}
/* 共通フッター用
--------------------------------------------------- */
footer {
	border-bottom:2px solid #cccccc;
	min-width:980px;
}
footer .pageTop {
	margin: 0 auto 3px;
	text-align: right;
	width: 980px;
}
footer .footer_cont {
	margin:0 auto;
	width:980px;
}
footer .footer_cont ul:after {
	clear:both;
}
footer .footer_cont .mb10 {
	margin:0 0 10px 0;
}
footer .footer_cont ul {
	zoom:1;/* For IE 6/7 */
}
footer .footer_cont ul li {
	float:left;
	margin:0 0 0 15px;
	padding:0 0 0 0px;
}
footer .footer_cont ul li a {
	background: url("/img/head_icon.gif") no-repeat scroll 0 6px rgba(0, 0, 0, 0);
	margin: 0;
	padding: 0 10px;
}
footer .footer_cont ul li:first-child {
	background:none;
	margin:0;
	padding:0;
}
footer .footer_cont ul.area li {
}
footer .footer_cont ul.area li strong {
	margin:0 15px 0 0;
}
footer .footer_cont ul.area li a {
}
footer .footer_cont ul li.ml25 {
	margin:0 0 0 25px;
}
footer .footer_cont ul.sightseeing {
	float: left;
	margin: 0 0 0 25px;
	padding: 3px 0 0;
}
footer .footer_cont ul.sightseeing li.kyusyu a {
	margin:0 8px 0 8px;
}
footer .footer_cont ul.sightseeing li a {
}
footer .footer_cont ul.reserve {
	float: left;
	margin: 0 0 0 25px;
	padding: 3px 0 0;
}
footer .footer_cont ul.reserve li a {
}
/* ---------------------------------------------------------
	CSS Document box
--------------------------------------------------------- */

#list .block .box {
	padding: 0;
	font-size: 14px;
}
#list .block .box:hover {
	background: #d1e7ff;
}
#list .block .inner {
	padding: 15px 0;
	border-top: solid 1px #ccc;
	position: relative;
}
#list .block .inner_ad {
	padding: 30px 0;
	text-align:center;
	border-bottom: solid 1px #ccc;
	position: relative;
}
#list .block .last {
	border-bottom: 0;
}
#list .block p.f_left img {
	padding: 1px;
	border: solid 1px #ccc;
	background: #fff;
	vertical-align: top;
}
#list .block dl {
	width: 400px;
}
#list .block dt {
	margin-bottom: 10px;
	font-family: "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", serif;
	line-height: 30px;
	font-size: 24px;
	-webkit-transform-origin: 0 0;
	-webkit-transform: scale(1, 1.01);
	-moz-transform-origin: 0 0;
	-moz-transform: scale(1, 1.01);
	-ms-transform-origin: 0 0;
	-ms-transform: scale(1, 1.02); /* IE9だけ1.02 */
	-o-transform-origin: 0 0;
	-o-transform: scale(1, 1.01);
}
#list .block dt a {
	text-decoration: none;
	color: #333;
}
#list .block dd {
	color: #666;
}
#list .block dd {
	font-size: 12px;
	padding-bottom: 20px;
}
#list .block p.more {
	position: absolute;
	right: 0;
	bottom: 15px;
}
/* ---------------------------------------------------------
	CSS Document desc
--------------------------------------------------------- */

.desc {
	margin-bottom: 25px;
}
.desc .f_right {
	width: 260px;
	font-size: 16px;
	line-height: 24px;
}
.desc .f_left {
	width: 340px;
}
.desc .f_left p {
	margin-bottom: 15px;
}
.desc .f_left p img {
	padding: 1px;
	border: solid 1px #ccc;
	background: #fff;
}
/* ---------------------------------------------------------
	CSS Document mokuji and paging
--------------------------------------------------------- */

.mokuji p {
	margin-bottom: 10px;
	padding: 0 10px;
	border-bottom: solid 1px #ccc;
	font-size: 14px;
	line-height: 30px;
}
.mokuji li {
	padding: 0 10px;
	font-size: 14px;
	line-height: 24px;
}
.mokuji:after {
	clear:both;
	content:" ";
	visibility:hidden;
	height:0;
	display:block;
}
.paging {
	padding: 5px 10px 10px;
	background: #eee;
	margin-bottom: 10px;
}
.paging dt {
	margin-bottom: 10px;
	padding: 0 10px;
	border-bottom: solid 1px #ccc;
	font-size: 14px;
	line-height: 30px;
}
.paging li {
	padding: 0 0;
	font-size: 14px;
	line-height: 24px;
	overflow: inherit;
	margin: 0 !important;
}
.paging li a {
	padding: 0 10px 0 7px;
	font-size: 14px;
	line-height: 46px;
	margin:0 0 10px 10px;
	width:45%;
	display:block;
	border-radius:7px;
	-moz-border-radius:7px;
	-webkit-border-radius:7px;
	background-color:#ccc;
	float:left;
	border:1px solid #ccc;
	background:url(/sightseeing/common/images/btn_pager.png) repeat-x right 0 #e2e2e2;
	color:#000000;
}
.paging li a:hover {
	color:#000000;
	text-decoration:none;
	background:url(/sightseeing/common/images/btn_pager.png) repeat-x right -46px #f4f4f4;
}
.paging li a:active {
	color:#000000;
	text-decoration:none;
	background:url(/sightseeing/common/images/btn_pager.png) repeat-x right -92px #bdbdbd;
}
.paging li a.arrow {
	background-position:7px 50%;/*		background-position:0 0;*/
	}
 .paging li a:nth-child(even) {
 margin-right:0;
}
.paging li.ctaBtn a {
	width: 95%;
	border: solid 1px #f08300 !important;
	background: #F3982B;
	background: -webkit-linear-gradient(bottom, #f08300, #f6b260);
	background: -o-linear-gradient(bottom, #f08300, #f6b260);
	background: linear-gradient(to top, #f08300, #f6b260);
	color: #fff !important;
	text-align: center;
	-webkit-box-shadow: 0 1px rgba(4, 0, 0, .15), inset 0 0 1px rgba(249, 247, 189, .75);
	-moz-box-shadow: 0 1px rgba(4, 0, 0, .15), inset 0 0 1px rgba(249, 247, 189, .75);
	box-shadow: 0 1px rgba(4, 0, 0, .15), inset 0 0 1px rgba(249, 247, 189, .75);
}
.paging li.ctaBtn a:hover {
	background-image: none;
	background-color: #f08300;
	border: 1px solid #f08300;
	box-shadow: none;
	color: #fff;
}
.paging li.ctaBtn a:active {
	background-image: none;
	background-color: #f08300;
	border: 1px solid #f08300;
	box-shadow: none;
	color: #fff;
}
.paging_btm {
	padding: 15px 10px 8px;
	background: #eee;
	margin:15px 0 10px;
}
.paging_btm:after {
	clear:both;
	content:" ";
	visibility:hidden;
	height:0;
	display:block;
}
.paging_btm li {
	padding: 0 0;
	font-size: 14px;
	line-height: 30px;
	float:left;
	width:50%;
}
.paging_btm li.right {
	float:right;
	text-align:left;
}
.paging_btm li a {
	padding: 0 3px 0 14px;
	font-size: 14px;
	line-height: 46px;
	margin:0 0 10px 10px;
	display:block;
	border-radius:7px;
	-moz-border-radius:7px;
	-webkit-border-radius:7px;
	background-color:#ccc;
	border:1px solid #ccc;
	background:url(/sightseeing/common/images/btn_pager.png) repeat-x 0 0px #e2e2e2;
	color:#000000;
}
.paging_btm li a:hover {
	color:#000000;
	text-decoration:none;
	background:url(/sightseeing/common/images/btn_pager.png) repeat-x 0 -46px #f4f4f4;
}
.paging_btm li a:active {
	color:#000000;
	text-decoration:none;
	background:url(/sightseeing/common/images/btn_pager.png) repeat-x 0 -92px #bdbdbd;
}
.paging_btm li a.arrow {
	background:none;/*	background:url(/sightseeing/common/images/i_arrow_prev.png) no-repeat 7px 50%;*/
/*	background-position:0 0;*/
	}
.paging_btm li.next a {
	background:url(/sightseeing/common/images/btn_pager.png) repeat-x right 0px #bdbdbd;
	padding-left:7px;
}
.paging_btm li.next a:hover {
	background-position:right -46px;
}
.paging_btm li.next a:active {
	background-position:right -92px;
}
.paging_btm li.next a.arrow {
	background:none;/*	background:url(/sightseeing/common/images/i_arrow.png) no-repeat 98% 50%;*/
/*	background-position:0 0;*/
	}
 .paging_btm li a:nth-child(even) {
 margin-right:0;
}
/* ---------------------------------------------------------
	CSS Document article
--------------------------------------------------------- */

.block article,
.block section {
	clear:both;
	}

article {
	margin-top: 40px;
	font-size: 16px;
	line-height: 24px;
}
article h2 {
	position: relative;
	font-family: "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", serif;
	font-weight: normal;
	font-size: 24px;
	margin-bottom: 15px;
	padding-bottom: 10px;
	border-bottom: 3px solid #ccc;
}
article h2:after {
	content: '';
	position: absolute;
	bottom: -3px;
	left: 0;
	border-bottom: 3px solid #003894;
	width: 100px;
	height: 3px;
}
article p {
	margin-bottom:20px;
}
article .summary {
	margin-bottom: 15px;
}
article h3 {
	position: relative;
	border-bottom: 1px solid #cccccc;
	font-size: 18px;
	font-weight: bold;
	line-height: 1.5;
	margin-bottom: 15px;
	overflow: hidden;
	padding: 0 0 7px 15px;
}
article h3:after {
	position: absolute;
	bottom: 6px;
	left: 1px;
	content: '';
	display: block;
	width: 100px;
	height: 100%;
	color: #003894;
	border-left: 6px solid #003894;
}
article img {
	padding: 1px;
	border: solid 1px #ccc;
}
article .p_bold {
	font-weight:bold;
	color:#474747;
}
article dl {
	margin-bottom: 25px;
	font-size: 16px;
	line-height: 24px;
}

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

article dt {
	margin-bottom: 10px;
	border-bottom: solid 1px #ccc;
}
article dd {
	margin-bottom: 30px;
}
article dd .f_right, article dd .f_right {
	width: 380px;
}
article dd.tsuyu {
	border:1px solid #ccc;
	background:url(/sightseeing/info/monthly/images/icon_umbrella.png) no-repeat 15px 15px #f9f9f9;
	padding:15px;
}
article dd.tsuyu h3 {
	font-weihgt:bold;
	margin-left:33px;
	background-image:none;
	height:26px;
	line-height:26px;
	padding-left:5px;
}
article dt img {
	margin-bottom: 10px;
}
img.balloon {
	background: none repeat scroll 0 0 #FFFFFF;
	border: 1px solid #CCCCCC;
	padding: 1px;
}
span.balloon {
	background: none repeat scroll 0 0 #f3f3f3;
	color: #444444;
	display: block;
	font-size:12px;
	line-height: 1.4;
	padding:5px;
	text-align: center;
}
span.balloon1 {
	width:330px;
	background: none repeat scroll 0 0 #f3f3f3;
	color: #444444;
	display: block;
	font-size:12px;
	line-height: 1.4;
	padding:5px;
	text-align: center;
}
span.balloon2 {
	width:246px;
	background: none repeat scroll 0 0 #f3f3f3;
	color: #444444;
	display: block;
	font-size:12px;
	line-height: 1.4;
	padding:5px;
	text-align: center;
}
span.balloon3 {
	width:609px;
	background: none repeat scroll 0 0 #f3f3f3;
	color: #444444;
	display: block;
	font-size:12px;
	line-height: 1.4;
	padding:5px;
	text-align: center;
}

.block article .desc .f_left figure span.balloon {
	width:330px;
}

.block article section dl dd .f_left figure span.balloon {
	width:208px;
}

article.osusume {
	border: solid 1px #ccc;
}
article.osusume h3 {
	height: 37px;
	overflow: hidden;
	margin: 0;
	padding-left: 35px;
	border: solid 1px #fff;
	background: #eee url(/sightseeing/common/images/i_h3_osusume.jpg) no-repeat left;
	font-weight: bold;
	font-size: 18px;
	line-height: 40px;
}

article.osusume h3:before {
	display:none;
}


article.osusume h4 {
	height: 32px;
	overflow: hidden;
	margin-bottom: 15px;
	padding-left: 12px;
	border-bottom: solid 1px #ccc;
	background: url(../images/i_h4_red.jpg) no-repeat left;
	line-height: 34px;
	font-weight: bold;
	font-size: 18px;
}
article.osusume .f_right {
	width: 214px;
}
article.osusume .f_right p {
	margin-bottom: 15px;
}
article.osusume .f_left {
	width: 350px;
}
article.osusume .box {
	padding: 15px;
	border-top: solid 1px #ccc;
}
article .ext {
/*	padding-right: 25px;
	background: url(../images/i_ext.jpg) no-repeat right;*/
}
/* ---------------------------------------------------------
	CSS Document article > map
--------------------------------------------------------- */

.gmap {
	margin-bottom: 20px;
	width: 614px;
	height: 450px;
	overflow: hidden;
	padding: 1px;
	border: solid 1px #ccc;
}
/* ---------------------------------------------------------
	CSS Document article > youtube
--------------------------------------------------------- */

article iframe {
	width: 100% !important;
}

article .iframe {
	width:100%;
	position:relative;
	}

article#youtube01 .iframe iframe {
	position:absolute;
	top:0;
	left:0;
	width: 100% !important;
	height: 100% !important;
	}

article#youtube01 .iframe {
	padding-top: 56.25%;
}

/* ---------------------------------------------------------
	CSS Document article > table
--------------------------------------------------------- */

article table {
	border: 1px solid #ccc;
	margin-bottom: 5px;
	width: 618px;
}
article table th {
	background: none repeat scroll 0 0 #f0f0f0;
	border: 1px solid #ccc;
	font-size: 14px;
	font-weight: normal;
	line-height: 16px;
	padding: 8px 5px 6px;
	text-align: center;
	white-space: nowrap;
}
article table td {
	border: 1px solid #ccc;
	font-size: 14px;
	line-height: 16px;
	padding: 8px 5px 6px;
	text-align: left;
}
article table td.center {
	font-size: 14px;
	text-align: center;
}
article table tr.this th, article table tr.this td {
	background: none repeat scroll 0 0 #ffc396;
}
/* ---------------------------------------------------------
	CSS Document article > other
--------------------------------------------------------- */
.maptitle {
	height: 40px;
	margin-bottom: 5px;
	border-bottom: solid 3px #d60009;
}
.maptitle h1 {
	float: left;
	margin-right: 15px;
	font-family: "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", serif;
	font-weight: normal;
	font-size: 30px;
	line-height: 30px;
}
.other {
	margin-bottom:15px;
}
.other ul {
	float:right;
}
.other ul li {
	float:left;
	padding:5px 7px;
}
.other ul li a {
	background:url("../images/i_arrow.png") no-repeat scroll left 6px;
	padding-left:8px;
	font-size:114%;
}
.other ul li.this {
	background:none repeat scroll left 6px #266DBC;
}
.other ul li.this a {
	background:url("../images/i_white.png") no-repeat scroll left 6px;
	color:#fff;
}



/* ---------------------------------------------------------
	CSS Document detail > paging pnavi
--------------------------------------------------------- */

#pnavi {
	margin: 20px 20px 10px;
	text-align: center;
}
#pnavi a {
	background: url("../images/i_pnavi.jpg") repeat-x scroll 0 0 #2e75c4;
	border: 1px solid #226ab9;
	color: #fff;
	display: inline-block;
	padding: 2px 8px 1px;
	text-align: center;
	text-decoration: none;
}
#pnavi a.link_page {
	padding: 2px 0 1px;
	width: 22px;
}
#pnavi .link_before, #pnavi .link_next {
	background: url("../images/i_pnavi.jpg") repeat-x scroll 0 -52px #dfdfdf;
	border: 1px solid #ccc;
	border-radius: 5px;
	font-size: 12px;
	padding: 2px 14px 1px;
}
#pnavi .link_before span {
	background: url("../images/i_prev.png") no-repeat scroll left -38px rgba(0, 0, 0, 0);
	padding-left: 10px;
}
#pnavi .link_next span {
	background: url("../images/i_next.png") no-repeat scroll right -38px rgba(0, 0, 0, 0);
	padding-right: 10px;
}
#pnavi a.link_before, #pnavi a.link_next {
	background: url("../images/i_pnavi.jpg") repeat-x scroll 0 0 #2e75c4;
	border: 1px solid #226ab9;
}
#pnavi a.link_before span {
	background: url("../images/i_prev.png") no-repeat scroll left 6px rgba(0, 0, 0, 0);
	padding-left: 10px;
}
#pnavi a.link_next span {
	background: url("../images/i_next.png") no-repeat scroll right 6px rgba(0, 0, 0, 0);
	padding-right: 10px;
}
#pnavi a:hover {
	background: url("../images/i_pnavi.jpg") repeat-x scroll 0 -26px #2e75c4;
}
#pnavi .current_page {
	background: url("../images/i_pnavi.jpg") repeat-x scroll 0 -52px #dfdfdf;
	border: 1px solid #ccc;
	display: inline-block;
	padding: 2px 0 1px;
	text-align: center;
	width: 22px;
}

/* ---------------------------------------------------------
	CSS Document detail > tatsujin > news
--------------------------------------------------------- */

#news {
	margin-bottom:20px;
}
#news h2 {
	margin-bottom:5px;
}
#news p.number {
	margin:0;
	float:right;
	color:#666;
}
#news .box {
	border-bottom:1px solid #ccc;
	clear:both;
	padding:10px 0;
	cursor:pointer;
}
#news .box:after {
	clear:both;
	content:" ";
	visibility:hidden;
	display:block;
	height:0;
}
#news .box dt {
	float:left;
	width:105px;
	padding:0 0 0 10px;
}
#news .box dt img {
	width:105px;
	height:70px;
}
#news .box dd {
	float:left;
	/*	width:495px;*/
	width:600px;
	padding:0 0 0 8px;
}
#news .box dd h3 {
	font-size:18px;
	line-height:24px;
	font-family: "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", serif;
	font-weight:normal;
	margin-bottom:5px;
}
#news .box dd p {
	font-size:12px;
	color:#666;
}
/* ---------------------------------------------------------
	CSS Document detail > reserve
--------------------------------------------------------- */

#reserve h2 {
	margin-bottom: 10px;
	padding-left: 22px;
	border-bottom: solid 1px #ccc;
	background: url(../images/f_h2_circle.jpg) no-repeat left;
	line-height: 30px;
	font-weight: bold;
	font-size: 18px;
}
#reserve li {
	margin-left: 10px;
	line-height: 28px;
	font-size: 14px;
}
#reserve li .ext {
	padding-right: 25px;
	background: url(../images/i_ext.jpg) no-repeat right;
}
/* ---------------------------------------------------------
	CSS Document detail > info > monthly
--------------------------------------------------------- */
.monthly_btn {
	margin:20px 0 20px 0;
}
.monthly_btn li {
	display: inline-block;
	margin-top: 5px;
	width: 95px;
	text-align: center;
}
.monthly_btn li a {
	background: url("../top/s_event_btn.jpg") no-repeat scroll 0 0 #EEEEEE;
	color: #2068B7;
	display: block;
	height: 29px;
	line-height: 31px;
	overflow: hidden;
	width: 93px;
}
.monthly_text_list {
	margin:20px 0 20px 0;
}
.monthly_text_list dt {
	width:4em;
	border:0;
}
.monthly_text_list dd {
	margin:-35px 0 10px 3.8em;
	width:560px;
	line-height:1.4;
}
.monthly_text_list_2 {
	width:45%;
	float:left;
}
/* ---------------------------------------------------------
	CSS Document detail > info > faq
--------------------------------------------------------- */
.info_faq {
	margin:15px 0 15px 0;
}
.info_faq dt span, .info_faq dd span {
	padding:0 10px 0 0;
	color: #D60009;
	font-weight:bold;
}
.info_faq dt {
	font-size:120%;
}
.info_faq dd {
}

/* ---------------------------------------------------------
	CSS Document detail > info > ferry
--------------------------------------------------------- */
#ferry a,
#ferry a span {
	color: #003894 !important;
}
#ferry #section_01 {
	padding-top: 15px;
}
#ferry #section_02 {
	margin: 50px 0 30px;
}
#ferry .sub_title {
	background: none;
	margin-bottom: 0;
}
#ferry #section_01 .sub_title h1,
#ferry .ferry_spot ~ #section_01 .sub_title h3 {
	float: none;
	padding-left: 0 !important;
	font-size: 24px;
}
#ferry #section_02 .title h2,
#ferry .ferry_spot ~ #section_02 .title h4 {
	position: relative;
	float: none;
	padding-bottom: 10px;
	margin-bottom: 10px;
	border-bottom: solid 1px #ccc;
	font-size: 20px;
	text-indent: 25px;
}
#ferry #section_02 .title h2:before, #ferry .ferry_spot ~ #section_02 .title h4:before {
	position: absolute;
	content: '';
	border-radius: 100%;
	top: 2px;
	left: 0;
	width: 18px;
	height: 18px;
	background: #003894;
}
#ferry #section_02 .title h2:after, #ferry .ferry_spot ~ #section_02 .title h4:after {
	position: absolute;
	content: '';
	border-radius: 100%;
	top: 5px;
	left: 3px;
	width: 12px;
	height: 12px;
	background: #fff;
}
#ferry .sub_title p {
	margin: 10px 0 0;
}
#ferry .ferry_map {
	position: relative;
}
#ferry .ferry_map .summary {
    margin-bottom: 15px;
    width: 614px;
    overflow: hidden;
    border: solid 1px #ccc;
}
#ferry .ferry_map img {
	padding-bottom: 20px;
	border: none;
}
#ferry .ferry_maplist li {
	position: absolute;
}
#ferry .ferry_maplist li a {
	display: inline-block;
	padding: 1px 6px 1px 6px;
	border: #ccc 1px solid;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	background-color: rgba(255, 255, 255, .8);
	background-position: 6px 50%;
}
#ferry .ferry_maplist li a:hover {
	background-color: #d1e7ff;
  opacity: 1.0;
}
#ferry .ferry_maplist li.ferry06 {
	top: 398px;
	left: 250px;
}
#ferry .ferry_maplist li.ferry07 {
	top: 368px;
	left: 57px;
}
#ferry .ferry_maplist li.ferry08 {
	top: 278px;
	left: 60px;
}
#ferry .ferry_maplist li.ferry09 {
	top: 195px;
	left: 160px;
}
#ferry .ferry_maplist li.ferry10 {
	top: 445px;
	left: 432px;
}
#ferry .ferry_maplist li.ferry11 {
	top: 385px;
	left: 441px;
}
#ferry .ferry_maplist li.ferry12 {
	top: 344px;
	left: 454px;
}
#ferry .ferry_maplist li.ferry13 {
	top: 143px;
	left: 353px;
}
#ferry .ferry_maplist li.ferry14 {
	top: 215px;
	left: 315px;
}
#ferry .ferry_maplist li.ferry15 {
	top: 87px;
	left: 322px;
}
#ferry .ferry_maplist li.ferry16 {
	top: 26px;
	left: 480px;
}
#ferry .ferry_maplist li.ferry17 {
    top: 123px;
    left: 340px;
}
#ferry .ferry_maplist li.ferry18 {
    top: 40px;
    left: 515px;
}
#ferry .ferry_maplist li.ferry19 {
    top: 238px;
    left: 273px;
}
#ferry .ferry_maplist li.ferry20 {
    top: 272px;
    left: 240px;
}
#ferry .ferry_maplist li.ferry21 {
    top: 309px;
    left: 150px;
}
#ferry .ferry_maplist li.ferry22 {
    top: 115px;
    left: 147px;
}
#ferry .ferry_maplist li.ferry23 {
    top: 191px;
    left: 143px;
}
#ferry .ferry_maplist li.ferry24 {
    top: 115px;
    left: 33px;
}
#ferry .ferry_maplist li.ferry25 {
    top: 227px;
    left: 5px;
}
#ferry ul.ferry_linelist {
	overflow: hidden;
}
#ferry ul.ferry_linelist .ferry_list_block {
	margin-bottom: 7px;
	display: table;
	float: left;
}
#ferry ul.ferry_linelist li {
	position: relative;
	padding-left: 25px;
	display: table-cell;
}
#ferry ul.ferry_linelist li:before {
	content: '';
	display: block;
	position: absolute;
	box-shadow: 0 0 2px 2px rgba(255,255,255,0.2) inset;
	top: 8px;
	left: 0;
	height: 0;
	width: 0;
	border-top: 4px solid transparent;
	border-right: 6px solid transparent;
	border-bottom: 4px solid transparent;
	border-left: 6px solid #003894;
	margin-left: 15px;
}
#ferry .ferry_spot {
	padding: 5px 0 30px;
}
#ferry .ferry_spot h1 {
	overflow: hidden;
	margin-bottom: 15px;
	padding-bottom: 10px;
	font-weight: bold;
	font-size: 24px;
	border-bottom: solid 4px #003894;
}
#ferry .ferry_spot dd .f_right {
    width: 375px;
}
#ferry .ferry_spot h2 {
	position: relative;
	margin: 20px 0 15px;
	border-bottom: 3px solid #cccccc !important;
	font-size: 20px;
	line-height: 30px;
	font-weight: normal;
}
#ferry .ferry_spot h2:after {
	content: '';
	position: absolute;
	bottom: -3px;
	left: 0;
	border-bottom: 3px solid #003894;
	width: 100px;
	height: 3px;
}
#ferry .ferry_spot .list_block {
	margin-bottom: 25px;
}

#ferry table td,
#ferry table th {
	line-height: 1.8 !important;
}
#ferry table th {
	font-size: 13px !important;
	vertical-align: middle !important;
}
#ferry table td {
	text-align: center !important;
}
#ferry table td.pos_center {
	text-align: center !important;
}
#ferry table th.pos_center {
	vertical-align: middle !important;
}

#ferry .menulist {
	display: -webkit-flex;
	display: flex;
}

#ferry .menulist li {
    padding: 0;
    position: relative;
    margin-right: 12px;
    border: 1px solid #003894;
    border-radius: 5px;
}

#ferry .menulist li a {
    display: block;
    padding: 2px 20px 2px 7px;
}

#ferry .menulist li a:hover {
	text-decoration: none;
	background-color: #d1e7ff;
}

#ferry .menulist li::after {
position: absolute;
    right: 5px;
    top: 8px;
    display: block;
    content: "";
    height: 6px;
    width: 6px;
    border-width: 1px;
    border-style: solid;
    border-color: transparent transparent #003894 #003894;
    transform: rotate(-45deg);
    /* margin-right: 10px; */
}

#contents #ferry table .tabiraiprice {
	color: #c00;
	}
	
#ferry .acmerit {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    margin: 10px 0;
    padding: 16px 10px 14px;
    background: #eee;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
}
#ferry .acmerit h3 {
	    width: 100%;
    margin-bottom: 20px;
    font-weight: bold;
    font-size: 22px;
    line-height: 1;
    color: #003894;
    text-align: center;
    border: none;
}

#ferry .acmerit h3:after {
	display: none;
}

#ferry .acmerit li {
    vertical-align: middle;
    width: 195px;
    margin: 0;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: space-around;
}

#ferry .acmerit li div  {
	display: block;
    height: 40px;
    padding-top: 1px;
    border-radius: 160px;
    -webkit-border-radius: 160px;
    background: #fff;
    text-decoration: none;
    font-weight: bold;
    font-size: 15px;
    color: #333;
    position: relative;
    line-height: 31px;
    width: 100%;
}
#ferry .acmerit li div span {
	display: block;
    margin-top: -16px;
    /* margin-bottom: 5px; */
    font-family: 'Century Gothic';
    font-weight: bold;
    font-size: 24px;
    line-height: 21px;
    color: #003894;
}

#ferry .aclink.sp {display:none;}
#ferry .tabiraiprice a.sp {display:none;}
#ferry .tabiraiprice a.sp + br {display: none;}

#ferry .aclink.pc a {
	display: block;
	color: #fff !important;
	text-decoration: none;
	padding: 10px;
	background-color:#f08300;
	position: relative;
	text-align: center;
    width: 80%;
    margin: 20px auto;
	-webkit-transition: all .1s linear;
    transition: all .1s linear;
}


#ferry .aclink.pc a::after {
    position: absolute;
    top: 16px;
    /* bottom: 0; */
    right: 15px;
    display: block;
    content: "";
    height: 10px;
    width: 10px;
    border-style: solid;
    border-width: 1px;
    border-color: transparent transparent #fff #fff;
    transform: rotate(-135deg);
}

#ferry .aclink.pc a:hover {
	display: block;
	color: #f08300 !important;
	text-decoration: none;
	padding: 10px;
	background-color:#ffeed9;
	position: relative;
	text-align: center;
    width: 80%;
    margin: 20px auto;
}


#ferry .aclink.pc a:hover::after {
    position: absolute;
    top: 16px;
    /* bottom: 0; */
    right: 15px;
    display: block;
    content: "";
    height: 10px;
    width: 10px;
    border-style: solid;
    border-width: 1px;
    border-color: transparent transparent #f08300 #f08300;
    transform: rotate(-135deg);
}

/* ---------------------------------------------------------
  CSS Document detail > info > useful > beach.aspx（一覧）
--------------------------------------------------------- */

/*** 地図ナビゲーション ***/
/* 全体 */
.pl-headerNav {
  background-repeat: no-repeat;
  background-position: 0 0;
  height: 540px;
  margin: -20px -20px 35px -20px;
  position: relative;
}
.pl-headerNav.\--isBeach {
  background-image: url('/sightseeing/okinawa/common/images/beach/img_header_02.jpg');
}
.pl-headerNav.\--isOkinawaSoba {
  background-image: url('/sightseeing/okinawa/common/images/okinawasoba/img_header_02.jpg');
}
.pl-headerNav.\--isCafe {
  background-image: url('/sightseeing/okinawa/common/images/cafe/img_header_02.jpg');
}
.pl-headerNav.\--isYoruCafe {
  background-image: url('/sightseeing/okinawa/common/images/yorucafe/img_header_02.jpg');
}
.pl-headerNav.\--isSteak {
  background-image: url('/sightseeing/okinawa/common/images/steak/img_header_02.jpg');
}
.pl-headerNav::before {
  content: '';
  position: absolute;
  top: 10px;
  left: 10px;
  width: 638px;
  height: 520px;
  background-color: rgba(255, 255, 255, .3);
  border: 1px solid #ddd;
}
.pl-headerNav::after {
  content: url('/sightseeing/okinawa/common/images/i_contents_arrow.gif');
  position: absolute;
  bottom: 0;
  left: 50%;
  margin-left: -65px;
  margin-bottom: -33px;
}

/* タイトル */
.pl-headerNav__title {
  position: absolute;
  top: 56px;
  left: 10px;
  background-color: rgba(255, 255, 255, .8);
  background-image: linear-gradient(to right, rgba(255, 255, 255, .8) 0, rgba(255, 255, 255, .8) 80%, rgba(255, 255, 255, 0) 100%);
  background-repeat: no-repeat;
  background-position: 0 0;
  height: 58px;
  width: 303px;
  line-height: 58px;
  font-size: 27px;
  padding-left: 20px;
  font-weight: bold;
  font-family: 'ヒラギノ明朝 Pro W3', 'Hiragino Mincho Pro', 'HGS明朝E', 'ＭＳ Ｐ明朝', serif;
  text-shadow: #fff 1px 1px 0, #fff -1px 1px 0, #fff 1px -1px 0, #fff -1px -1px 0;
}

/* テキスト */
.pl-headerNav__text {
  position: absolute;
  top: 135px;
  left: 30px;
  color: #fff;
  line-height: 24px;
  text-shadow: #1259c2 1px 1px 5px, #1259c2 -1px 1px 5px, #1259c2 1px -1px 5px, #1259c2 -1px -1px 5px;
  font-size: 15px;
}

/* 地図画像 */
.pl-headerNav__mapImage {
  position: absolute;
  left: 80px;
  top: 35px;
}
.pl-headerNav__mapImage li.first {
  position: relative !important;
}
.pl-headerNav__mapImage li {
  position: absolute;
  top: 0;
}

/* ボタン */
.pl-headerNav__button {
  position: absolute;
  bottom: 0;
  overflow: hidden;
  margin: 20px 0 10px 20px;
}
.pl-headerNav__button__item {
  float: left;
  height: 65px;
  width: 200px;
  background-color: #eee;
  background-image: linear-gradient(to bottom, #f9f9f9, #e9e9e9);
  background-repeat: no-repeat;
  background-position: 0 0;
  cursor: pointer;
  font-weight: bold;
  color: #2068b7;
  padding: 10px 3px 0 8px;
  margin: 0 10px 10px 0;
  border: 1px solid #2068b7;
  border-radius: 4px;
  box-sizing: border-box;
  box-shadow: 0 0 5px #aaa;
}
.pl-headerNav__button__item:hover {
  background-color: #2068b7;
  background-image: none;
  color: #fff;
}
.pl-headerNav__button__item > .title {
  font-size: 16px;
  display: block;
  background: url('/sightseeing/okinawa/common/images/icon_arrow.gif') no-repeat 0 center;
  padding-left: 13px;
  margin: 0;
}
.pl-headerNav__button__item > .detial {
  font-size: 13px;
  line-height: 1;
}

/** コンテンツ部分 **/
.contentsArea {
  border: 1px solid #ccc;
  margin-bottom: 20px;
  line-height: 2;
}
.contentsArea h2 {
  background: url('/sightseeing/okinawa/common/images/arrow_open.png') no-repeat left center;
  background-size: 19px auto;
  padding-left: 26px;
  margin: 10px 10px;
  font-size: 20px;
  font-weight: 400;
  cursor: pointer;
}
.contentsArea h2.active {
  background-image: url(/sightseeing/okinawa/common/images/arrow_close.png);
}
.contentsTitle span {
  font-size: 14px;
  margin-left: 15px;
}
.contentsArea dl.dlList01 {
  background-color: #eee;
}
.contentsInner {
  display: none;
}
.contentsArea dt {
  float: left;
  width: 18%;
  padding: 15px 0 0;
  font-size: 16px;
  text-align: center;
  font-weight: bold;
  line-height: 1;
  min-height: 30px;
  box-sizing: border-box;
}
.contentsArea dt span {
  font-size: 12px;
}
.contentsArea dd {
  float: left;
  width: 82%;
  border-left: 1px solid #ccc;
  font-size: 12px;
  padding: 14px 0 14px 25px;
  min-height: 30px;
  box-sizing: border-box;
}
.contentsArea dd a {
  background: url('/sightseeing/okinawa/common/images/i_arrow.png') no-repeat 0 12px;
  padding: 0 15px 0 10px;
  font-size: 16px;
  display: inline-block;
  vertical-align: middle;
}

/*** コラムを見る の部分 ***/
#otherLinks {
  margin-top: 3em;
}
#otherLinks h3 {
  background: url('/sightseeing/okinawa/common/images/i_h2_circle.jpg') no-repeat left center;
  border-bottom: 1px solid #ccc;
  padding-left: 23px;
  margin: 10px 10px 13px;
  font-size: 20px;
  font-weight: 400;
  line-height: 1.7;
  cursor: auto;
}
#otherLinks .contentsBg {
  padding: 0 10px 10px;
}
#otherLinks .contents {
  width: 50%;
  line-height: 2.0;
  float: left;
}
#otherLinks .contents a {
  background: url('/sightseeing/okinawa/common/images/i_arrow.png') no-repeat 0 7px;
  padding: 0 15px 0 10px;
}

/*** Js ***/
#loading_JS {
  width: 620px;
  height: 100vh;
  background-color: #fff;
  padding-top: 20px;
  text-align: center;
  position: absolute;
  display: none;
}
#loading_JS span {
  text-align: center;
  display: block;
  margin-top: .5em;
}


/* ---------------------------------------------------------
	CSS Document detail > info > useful > faq.aspx
--------------------------------------------------------- */

.pl-header {
	margin-bottom: 10px;
	text-align: left;
}
.pl-header__title {
	margin-bottom: 10px;
	padding-bottom: 10px;
	background: url('/sightseeing/common/images/i_h3_long.jpg') no-repeat left bottom;
	font-family: 'ヒラギノ明朝 Pro W3','Hiragino Mincho Pro','HGS明朝E','ＭＳ Ｐ明朝',serif;
	font-weight: normal;
	font-size: 42px;
	line-height: 50px;
}
.pl-header__text {
	font-size: 16px;
	line-height: 40px;
}
.pl-anchorButtons> li:last-child {
	margin-right: 0;
}
.pl-anchorButtons__item {
	float: left;
	width: 195px;
	height: 50px;
	overflow: hidden;
	border: solid 1px #ccc;
	border-radius: 5px;
	background-color: #dfdfdf;
	background-image: linear-gradient(to bottom, #ededed, #d1d1d1);
	vertical-align: top;
	position: relative;
	margin-right: 10px;
}
.pl-anchorButtons__item::after {
	content: '';
	display: block;
	position: absolute;
	top: 13px;
	right: 15px;
	width: 10px;
	height: 10px;
	border-top: 4px solid #357cca;
	border-right: 4px solid #357cca;
	-ms-transform: rotate(135deg);
	    transform: rotate(135deg);
	transition: top 50ms linear;
	will-change: top;
}
.pl-anchorButtons__item:hover {
	background-color: #e9e9e9;
	background-image: linear-gradient(to bottom, #f2f2f2, #e0e0e0);
}
.pl-anchorButtons__item:hover::after {
	top: 18px;
	transition-duration: 150ms;
}
.pl-anchorButtons__item a {
	display: block;
	position: relative;
	padding: 0 10px 0 68px;
	text-align: left;
	font-size: 20px;
	line-height: 52px;
	color: #357cca;
	z-index: 5;
	background-repeat: no-repeat;
	background-position: center left 12px;
}
.pl-anchorButtons__item a:hover {
	text-decoration: none;
}
.pl-anchorButtons__item.\--isTravel a {
	background-image: url('//www.tabirai.net/sightseeing/okinawa/info/images/faq_anchor_travel.png');
}
.pl-anchorButtons__item.\--isReserve a {
	background-image: url('//www.tabirai.net/sightseeing/okinawa/info/images/faq_anchor_reserve.png');
}
.pl-anchorButtons__item.\--isStay a {
	background-image: url('//www.tabirai.net/sightseeing/okinawa/info/images/faq_anchor_stay.png');
}
.pl-headline {
	margin-top: 50px;
	margin-bottom: 15px;
	padding-bottom: 6px;
	border-bottom: solid 1px #ccc;
	text-align: left;
	font-family: 'ヒラギノ明朝 Pro W3','Hiragino Mincho Pro','HGS明朝E','ＭＳ Ｐ明朝',serif;
	font-weight: normal;
	font-size: 26px;
	line-height: 30px;
}
.pl-headline:before {
	content: '';
	display: inline-block;
	width: 7px;
	height: 28px;
	overflow: hidden;
	margin-top: 1px;
	background: #d60009;
	vertical-align: bottom;
	margin-right: .5em;
}
.pl-faqBox {
	margin: 5px 5px 20px;
	border: solid 1px #ccc;
	box-shadow: #aeaeae 0 0 4px 0;
	text-align: left;
	font-size: 18px;
	line-height: 26px;
}
.pl-faqBox dt {
	cursor: pointer;
	padding: 20px 0 20px 20px;
	background: url('//www.tabirai.net/sightseeing/okinawa/info/images/faq_arrow_01.jpg') no-repeat 97% center;
	background-size: 20px;
}
.pl-faqBox dt.open {
	background-image: url('//www.tabirai.net/sightseeing/okinawa/info/images/faq_arrow_02.jpg');
}
.pl-faqBox dt p {
	height: auto !important;
	overflow: hidden;
}
.pl-faqBox dt span:nth-child(2) {
	float: left;
	width: 500px;
}
.pl-faqBox dt .q {
	width: 25px;
	float: left;
	margin-right: 10px;
	font-size: 25px;
	font-weight: bold;
	line-height: 24px;
	color: #d60009;
}


/* ---------------------------------------------------------
	CSS Document faq > modal
--------------------------------------------------------- */
.answer {
	margin: 0 auto;
	padding: 0 20px 20px;
	background: #fff;
	text-align: left;
	position: relative;
}
.answer .q:before {
	content: 'Q';
	float: left;
	margin-right: 12px;
	font-size: 40px;
	line-height: 1.1;
	font-weight: bold;
	color: #d60009;
}
.answer .a:before {
	content: 'A';
	float: left;
	margin-right: 12px;
	font-size: 25px;
	line-height: 1.1;
	font-weight: bold;
	color: #d60009;
}
.answer .a {
	padding: 20px 0 0;
	border-top: solid 1px #d60009;
	text-align: left;
	font-size: 18px;
	line-height: 1.5;
}
.answer p {
	padding-left: 32px;
}
.answer .a p span.link {
	display: block;
	margin-top: 10px;
	margin-left: 14px;
}
.pl-faqBox__pager {
	font-size: 16px;
	line-height: 26px;
}
.pl-faqBox__pager__item {
	color: #2068b7;
}
.pl-faqBox__pager__item a:hover {
	text-decoration: underline;
}
.pl-faqBox__pager__item.\--isPrev {
	float: left;
}
.pl-faqBox__pager__item.\--isPrev::before {
	content: '';
	display: inline-block;
	width: 0;
	height: 0;
	border-top: 7px solid transparent;
	border-right: 9px solid currentColor;
	border-bottom: 7px solid transparent;
	border-left: 9px solid transparent;
	margin-right: .4em;
}
.pl-faqBox__pager__item.\--isNext {
	float: right;
}
.pl-faqBox__pager__item.\--isNext::after {
	content: '';
	display: inline-block;
	width: 0;
	height: 0;
	margin-top: -5px;
	border-top: 7px solid transparent;
	border-right: 9px solid transparent;
	border-bottom: 7px solid transparent;
	border-left: 9px solid currentColor;
	margin-left: .4em;
}
#modal-win {
	width: 100%;
	position: absolute;
}
#modal-win-inner {
	width: 740px;
	box-shadow: 0 0 5px rgba(0, 0, 0, .25);
	margin: 0 auto;
	position: relative;
	z-index: 101;
}
#modal-bg {
	width: 100%;
	height: 100%;
	background-color: #000;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 100;
	cursor: pointer;
}

/* ---------------------------------------------------------
	CSS Document aside#sub
--------------------------------------------------------- */

aside#sub {
	float:right;
	width:300px;
}


/* ---------------------------------------------------------
	okinawa detail 20151107
--------------------------------------------------------- */


.section {
	padding-top: 40px;
	font-size: 16px;
	line-height: 24px;
}

.section .sub_title {
	margin-bottom: 15px;
	padding-bottom: 10px;
}

.section .sub_title h2 {
	position: relative;
	border-bottom: 3px solid #ccc;
	width: 100%;
	padding-bottom: 10px;
	float: left;
	margin-right: 15px;
	font-family: "ヒラギノ明朝 Pro W3","Hiragino Mincho Pro","HGS明朝E","ＭＳ Ｐ明朝",serif;
	font-weight: normal;
	font-size: 24px;
}
.section .sub_title h2:after {
	content: '';
	position: absolute;
	bottom: -3px;
	left: 0;
	border-bottom: 3px solid #003894;
	width: 100px;
	height: 3px;
}
span.areaTitle {
	font-size: 19.8px;
}

.section .sub_title p {
}

.section .summary {
	margin-bottom: 15px;
}

.section h3 {
	position: relative;
	overflow: hidden;
	margin-bottom: 15px;
	padding: 0 0 6px;
	border-bottom: solid 1px #ccc;
	font-weight: bold;
	font-size: 18px;
	text-indent: 14px;
}
.section h3:after {
	position: absolute;
	bottom: 6px;
	left: 1px;
	content: '';
	display: block;
	width: 100px;
	height: 22px;
	color: #003894;
	border-left: 6px solid #003894;
}

.section h3.area_other {
	font-size: 16.5px;
}

.section img {
	padding: 1px;
	border: solid 1px #ccc;
	background: #fff;
}

.section .p_bold {
	font-weight:bold;
	color:#474747;
}



.section dl {
	margin-bottom: 15px;
	font-size: 16px;
	line-height: 28px;
}

.section dt {
	margin-bottom: 10px;
	border-bottom: solid 1px #ccc;
}
.section dd {
	margin-bottom: 30px;
}

.section dd .f_right {
	width: 342px;
}

.section dd.tsuyu {
	border:1px solid #ccc;
	background:url(/sightseeing/info/monthly/images/icon_umbrella.png) no-repeat 15px 15px #f9f9f9;
	padding:15px;
	}

.section dd.tsuyu h3 {
	font-weihgt:bold;
	margin-left:33px;
	background-image:none;
	height:26px;
	line-height:26px;
	padding-left:5px;
	}

.section dt img {
	margin-bottom: 10px;
}
img.balloon {
	background: none repeat scroll 0 0 #FFFFFF;
	border: 1px solid #CCCCCC;
	padding: 1px;
}

.section .osusume {
	margin-bottom: 40px;
	border: solid 1px #ccc;
}

.section .osusume h3 {
	height: 37px;
	overflow: hidden;
	margin: 0;
	padding-left: 35px;
	border: solid 1px #fff;
	background: #eee url(../images/i_h3_osusume.jpg) no-repeat left;
	font-weight: bold;
	font-size: 18px;
	line-height: 40px;
}

.section .osusume h4 {
	height: 32px;
	overflow: hidden;
	margin-bottom: 15px;
	padding-left: 12px;
	border-bottom: solid 1px #ccc;
	background: url(../images/i_h4_red.jpg) no-repeat left;
	line-height: 34px;
	font-weight: bold;
	font-size: 18px;
}

.section .osusume .f_right {
	width: 214px;
}

.section .osusume .f_right p {
	margin-bottom: 15px;
}

.section .osusume .f_left {
	width: 350px;
}

.section .osusume .box {
	padding: 15px;
	border-top: solid 1px #ccc;
}



#contents table {
	width: 100%;
	margin: 10px 0;
	border: solid 1px #ccc;
}

#contents th {
	padding: 3px 5px;
	border: solid 1px #ccc;
	background: #f0f0f0;
	text-align: center;
	vertical-align: top;
	white-space: nowrap;
	font-weight: normal;
	font-size: 14px;
	line-height: 17px;
}

#contents td {
	padding: 4px 5px;
	border: solid 1px #ccc;
	text-align: left;
	font-size: 14px;
	line-height: 17px;
}

#contents td.right {
	text-align: right;
}

.red {
	color: #d60008;
}


#contents p.season {
    text-align: right;
    clear: both;
}




#ibent .block {
	padding: 10px 0;
	border:none;
	background: #fff;
	margin-bottom:20px;
}
#ibent .block h3{
	position: relative;
	line-height: 34px;
	font-size: 18px;
	font-weight: bold;
	padding-left: 12px;
	border-bottom: solid 1px #ccc;
}
#ibent .block .total {
	margin: 0 20px 0;
	padding: 10px 0;
	border-bottom: solid 1px #ccc;
	text-align: right;
	font-size: 12px;
	color: #666;
}

#ibent .block .box {
	font-size: 14px;
	cursor: pointer;
	padding:0 10px;
	border-bottom: solid 1px #ccc;
}

#ibent .block .box:hover {
	background: #d1e7ff;
}

#ibent .block .find {
	padding: 15px 0;
}

#ibent .block .last .find {
	border-bottom: 0;
}

#ibent .block p.f_left img {
	padding: 1px;
	border: solid 1px #ccc;
	background: #fff;
	vertical-align: top;
}

#ibent .block dl {
	width: 380px;
}

#detail p.season{
	text-align:right;
	clear:both;
}

#ibent .block dt ,#detail .section dt.season{
	margin-bottom: 10px;
	font-family: "ヒラギノ明朝 Pro W3","Hiragino Mincho Pro","HGS明朝E","ＭＳ Ｐ明朝",serif;
	line-height: 30px;
	font-size: 21px;
	  -webkit-transform-origin: 0 0;
  -webkit-transform: scale(1, 1.01);
     -moz-transform-origin: 0 0;
     -moz-transform: scale(1, 1.01);
      -ms-transform-origin: 0 0;
      -ms-transform: scale(1, 1.02); /* IE9だけ1.02 */
       -o-transform-origin: 0 0;
       -o-transform: scale(1, 1.01);
}

#detail .section dt.season{
	padding-bottom:5px;
	font-size:24px;
}

#ibent .block dd {
	color: #666;
}

#ibent .block dd {
	font-size: 12px;
}
#ibent dl.f_right dd {
	margin-bottom: 10px;
}
#ibent .block dd.font{
	font-size: 16px;
	line-height: 25px;
	color: #000;
}
#ibent .block dd.more {
	text-align: right;
	font-size: 16px;
	line-height: 28px;
	margin-bottom: 0;
}

.isolatedMap h2{
	margin-bottom: 15px;
	background: url(../top/i_h2_line.jpg) no-repeat left bottom;
	font-weight: normal;
	font-size: 16px;
	line-height: 40px;
}

/* ---------------------------------------------------------
  CSS Document special > 広告枠
--------------------------------------------------------- */

/* テキスト枠 */
.adBox {
	margin: 0 auto;
	width: 100%;
}

/* 画像＋テキスト６枠 */
.adrecoList {
	margin: 48px 0 0;
}
.adrecoList h3 {
	border-bottom: 1px solid #ccc;
	margin: 0 0 8px;
	padding: 0 0 8px;
	font-size: 18px;
	font-weight: normal;
	position: relative;
	text-indent: 14px;
}
.adrecoList h3:after {
	position: absolute;
	bottom: 6px;
	left: 1px;
	content: '';
	display: block;
	width: 100px;
	height: 22px;
	color: #003894;
	border-left: 6px solid #003894;
}
.adrecoList .box {
	padding: 13px 0 8px;
	border-bottom: 1px dashed #ccc;
}


/* ---------------------------------------------------------
  CSS Document / 新販促企画の予約導線
--------------------------------------------------------- */

#contents .ctaBtn.shortBtn {
  margin: 30px auto 10px !important;
}
#contents .ctaBtn.shortBtn h3 {
  font-size: 20px !important;
}
#contents .ctaBtn.shortBtn h3 br {
  display: none;
}
#contents .ctaBtn.shortBtn li {
  width: 305px !important;
  height: 65px !important;
  background-size: 95px auto !important;
  padding-left: 95px !important;
  float: left;
}
#contents .ctaBtn.shortBtn .cta_tour {
  background: url(/sightseeing/feature/images/selection/ico_cta_tour.jpg) no-repeat left center;
}
#contents .ctaBtn.shortBtn .cta_hotel {
  background: url(/sightseeing/feature/images/selection/ico_cta_hotel.jpg) no-repeat left center;
}
#contents .ctaBtn.shortBtn .cta_car {
  background: url(/sightseeing/feature/images/selection/ico_cta_car.jpg) no-repeat left center;
}
#contents .ctaBtn.shortBtn .cta_act {
  background: url(/sightseeing/feature/images/selection/ico_cta_act.jpg) no-repeat left center;
}
#contents .ctaBtn.shortBtn li a {
  display: block;
  width: 210px !important;
  height: 65px;
  padding: 15px 7px 12px 10px !important;
  border: 2px solid #FFB658;
  font-weight: normal;
  overflow: hidden;
  box-sizing: border-box;
  text-decoration: none;
	background: url(/sightseeing/feature/images/selection/ico_arrow.jpg) 185px center no-repeat;
	background-size: 11px 13px;
}
#contents .ctaBtn.shortBtn li .txtM {
  color: #666;
  font-size: 11.9px;
  font-weight: bold;
  letter-spacing: -1px !important;
}
#contents .ctaBtn.shortBtn li .txtL,
#contents .ctaBtn.shortBtn li .txtR {
  font-size: 16.77px;
  font-weight: bold;
  color: #FFB658;
  margin-top: 9px !important;
}
#contents .ctaBtn.shortBtn li .txtR {
	/* background: none !important; */
	padding-right: 20px !important;
}

/* オレンジのテキストが長い時 */
#contents .ctaBtn.txtonly {
    width: auto;
    margin: 30px auto !important;
}
#contents .ctaBtn.txtonly li .txtM {
  color: #666;
  font-size: 18px;
}
#contents .ctaBtn.txtonly li .txtL,
#contents .ctaBtn.txtonly li .txtR {
  font-size: 18px;
  font-weight: bold;
  color: #FFB658;
  margin-top: 15px !important;
}

/* ホテル予約特典 */
#contents .hotelfavBox.shortBtn {
  padding: 15px 20px 0 !important;
	margin: 0 0 30px !important;
}
#contents .hotelfavBox.shortBtn div {
	padding-top: 0 !important;
}
#contents .hotelfavBox.shortBtn .fav_kinken {
  border-top: 1px solid #fff;
  padding-left: 0 !important;
}
#contents .hotelfavBox.shortBtn li {
  width: 100% !important;
}
#contents .hotelfavBox.shortBtn li a {
	padding: 17px 80px !important;
}
#contents .hotelfavBox.shortBtn .fav_kinken .img {
	margin-left: 7px !important;
}


/* ---------------------------------------------------------
	CSS Document detail > tagList

.tagList {
    margin-top: 15px !important;
}
--------------------------------------------------------- */


/* ---------------------------------------------------------
	CSS Document detail > snsBtn

article + .snsBtn {
	text-align: center;
	margin: 60px 0 20px;
}
--------------------------------------------------------- */


/* ---------------------------------------------------------
	CSS Document detail > section_share
--------------------------------------------------------- */

#section_share {
	width: 618px !important;
	margin: 0 auto !important;
	text-align: left !important;
}
#memberBox {
	width: 618px !important;
	margin: 30px auto 0 !important;
}
#memberBox .prom_cont {
	width: 640px !important;
	margin: 0 !important;
}
#memberBox.non_exp .prom_cont .about, #memberBox.non_exp .prom_cont .mail, #memberBox.non_exp .prom_cont .timeline,
#memberBox .prom_cont div a,
#memberBox .prom_cont .timeline {
	width: 295px !important;
}
#memberBox .prom_cont .mail, #memberBox .prom_cont .timeline {
  margin-bottom: 0 !important;
}
#memberBox .prom_cont div a {
	padding: 0 13px !important;
}
#memberBox .prom_cont .about .ab_link {
	padding: 15px 10px 0 !important;
}
#memberBox .prom_cont .about img {
	width: 75px !important;
}
#memberBox .prom_cont .mail img {
	width: 70px !important;
}
#memberBox.non_exp .prom_cont .timeline {
	right: 25px !important;
}
#memberBox.kyushu .prom_cont .about .ab_link {
	padding: 0 10px 0 !important;
}


/* ---------------------------------------------------------
	tb_article_articleframe-article_adList パムアドrecommend用
--------------------------------------------------------- */
/*画像テキスト６枠*/
.tb_article_articleframe-article_adList {
	position: relative;
	margin: 48px auto 0;
	height: 360px;
}
.tb_article_articleframe-article_adList h3 {
	margin-bottom: 8px;
	font-size: 18px;
	font-weight: normal;
}
.tb_article_articleframe-article_adList h3:after {
	display: none;
}
.tb_article_articleframe-article_adBox--box1.find {
	position: absolute;
	right: 0;
	top: 146px;
	width: 48%;
}
.tb_article_articleframe-article_adBox--box2.find {
	position: absolute;
	top: 252px;
	width: 100%;
}

.tblabel {
	background-color: #f0f0f0 !important;
}

.tb_article_articleframe-article_adBox--ad-premium.find {
        position:static;
        top: 252px;
        width: 100%;
}

.tb_article_articleframe-article_adList--ad-premium {
        position: relative;
        margin: 48px auto 20px;
        height: auto;
}
.tb_article_articleframe-article_adList--ad-premium h3 {
    margin-bottom: 8px;
    font-size: 18px;
    font-weight: normal;
    line-height: 30px;
}

.tb_article_articleframe-article_adList--ad-premium h3:before {
    content: " ";
    background-color: #003894;
    margin-right: 7px;
    width: 7px;
    height: 30px;
    float: left;
    display: block;
}