@charset "utf-8";


/* セカンドページ用CSS
-----------------------------------------------*/

/* override
-----------------------------------------------*/
html {
	overflow-y: scroll;
}
body {
	position: relative;
}
#header {
	z-index: 100;
}
#contents {
	position: relative;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
table th {
	/*vertical-align: top;*/
	font-weight: normal;
}
table td {
	/*vertical-align: top;*/
}
h1, h2, h3, h4, h5 {
	font-weight: normal;
}

/* 共通
-----------------------------------------------*/
table tr.cw {
	background: #ffffff;
}
table tr.cb {
	background: #d2ecf4;
}

/* 2カラム
-----------------------------------------------*/
#contents #sideNavFix {
	position: absolute;
	top: 42px;
	left: 0;
	width: 228px;
}
#contents #sideNavFix li {
	line-height: 0;
	margin: 0 0 5px 0;
}
#contents #sideNavFix .bannerBox {
	margin: 15px 0 0 0;
}
#contents #mainContents {
	float: right;
	width: 722px;
	/*margin: 10px 0 0 0;*/
	text-align: center;
}

#contents #mainContents img {
	/** ie7 */
	*vertical-align: bottom;
}


/*tab*/
.tabNavi li{
	float: left;
	padding: 0 6px 0 0;
	cursor: pointer;
	}
.tabNavi li.none{
	padding: 0;
	}
.tabNavi{
	line-height: 0;
	width: 690px;
	}

.tab-1 h3{
	border-top: 4px solid #fa754b;
	}
.tab-2 h3{
	border-top: 4px solid #7acc7a;
	}
.tab-3 h3{
	border-top: 4px solid #827ff4;
	}

#tabContainer h3{
	width: 690px;/*690*/
	height: 32px;
	margin: 0 0 5px 0;
	padding: 15px 0 0 0;
	line-height: 32px;
	font-weight: bold;
	color: #433c3c;
	font-size: 118.8%;
	}



/* section01
-----------------------------------------------*/
#mainContents #section01 {
	position: relative;
	padding-top: 32px;
	margin-bottom: 55px;
}
#mainContents #section01 h2 {
	margin-bottom: 10px;
}
#mainContents #section01 .map {
	position: absolute;
	z-index: 1;
	top: 4px;
	right: 0;
}
#mainContents #section01 .box-1 .left {
	position: relative;
	float: left;
	width: 370px;
	height: 260px;
	padding-right: 12px;
}
#mainContents #section01 .box-1 .left .frame {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2;
}
#mainContents #section01 .box-1 .left .pic {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
}
#mainContents #section01 .box-1 .box-2 h3 {
	margin-bottom: 15px;
}
#mainContents #section01 .box-1 .box-2 .txt {
	color: #4c4f54;
	line-height: 1.4em;
}

/* section02
-----------------------------------------------*/
#mainContents #section02 {
	position: relative;
	margin-bottom: 55px;
}
#mainContents #section02 .left {
	float: left;
	width: 370px;
}
#mainContents #section02 .left .btn {
	margin-bottom: 11px;
}
#mainContents #section02 .left .pic-1 {
	margin-bottom: 30px;
}
#mainContents #section02 .left table {
	width: 100%;
}
#mainContents #section02 .left th {
	font-size: 75%;
	color: #626262;
	padding: 8px 0 0 8px;
	width: 80px;
}
#mainContents #section02 .left td {
	font-size: 88%;
	padding: 8px 0;
}
#mainContents #section02 .right {
	float: right;
	width: 310px;
}
#mainContents #section02 .right h3 {
	padding-top: 7px;
	margin-bottom: 5px;
}
#mainContents #section02 .right .pic-1 {
	margin-bottom: 23px;
}
#mainContents #section02 .right .pic-2 {
	margin-bottom: 19px;
}

/* section03
-----------------------------------------------*/
#mainContents #section03 {
	position: relative;
	margin-bottom: 55px;
}
#mainContents #section03 h2 {
	margin-bottom: 7px;
}
#mainContents #section03 ul li {
	float: left;
	margin: 0 2px 2px 0;
}

/* section04
-----------------------------------------------*/
#mainContents #section04 {
	position: relative;
	margin-bottom: 55px;
}
#mainContents #section04 .box-1 .left {
	float: left;
	width: 370px;
	height: 260px;
	padding-right: 12px;
	margin-bottom: 10px;
}
#mainContents #section04 .box-1 .box-2 h3 {
	margin-bottom: 15px;
}
#mainContents #section04 .box-1 .box-2 .txt {
	color: #4c4f54;
	line-height: 1.4em;
}
#mainContents #section04 ul li {
	float: left;
	margin: 0 2px 2px 0;
}

/* section05
-----------------------------------------------*/
#mainContents #section05 {
	position: relative;
}
#mainContents #section05 #tourLink{
	position: absolute;
	top: -139px;
	left: 0;
}
#mainContents #section05 h2 {
	margin-bottom: 7px;
}
#mainContents #section05 .lit-1 li.box-par {
	float: left;
	margin: 0 2px 2px 0;
}
#mainContents #section05 .lit-1 li.box-par .btn {
	margin-bottom: 2px;
}
#mainContents #section05 .lit-2 li.box-cld {
	position: relative;
	margin-bottom: 2px;
}
#mainContents #section05 .lit-3 {
	position: absolute;
	top: 25px;
	left: 12px;
}
#mainContents #section05 .lit-3 li {
	float: left;
	line-height: 1px;
	margin: 0 5px 5px 0;
	/** ie7 */
	*font-size: 1px;
}



/* modal
-----------------------------------------------*/
#modal-bg {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 9997;
	background: url(../images/second/modal_bg.png);
}
#modal-ldr {
	position: fixed;
	z-index: 9998;
	top: 50%;
	left: 50%;
	width: 60px;
	height: 60px;
	margin-top: -30px;
	margin-left: -30px;
	background: url(../images/second/loader_bg.png);
}
#modal-ldr img {
	padding: 5px 5px;
}
#modal-img {
	position: absolute;
	top: 0;
	left: 50%;
	margin-left: 0;
	z-index: 9999;
}
#modal-html {
	position: absolute;
	top: 0;
	left: 50%;
	margin-left: -375px;
	z-index: 9999;
}


/* modal
-----------------------------------------------*/
#modBody {
	width: 750px;
	margin: 0 auto;
	text-align: left;
	padding-bottom: 30px;
	color: #332c2c;
	position: relative;
}
#modBody.fun {
	background: url(../images/second/mdl_fun_ftr.png) no-repeat 0 bottom;
}
#modBody.shisetsu {
	background: url(../images/second/mdl_shisetsu_ftr.png) no-repeat 0 bottom;
}
#modBody.hotel {
	background: url(../images/second/mdl_hotel_ftr.png) no-repeat 0 bottom;
}
#modBody h1 {
	float: none;
	width: auto;
	height: auto;
}
#modBody .btn-close {
	position: absolute;
	top: 20px;
	right: 10px;
}
#modContent {
	padding: 10px 25px 10px 25px;
	font-size: 88%;
	line-height: 1.5em;
}
#modBody.fun #modContent {
	background: url(../images/second/mdl_fun_bg.gif) repeat-y 0 0;
}
#modBody.shisetsu #modContent {
	background: url(../images/second/mdl_shisetsu_bg.gif) repeat-y 0 0;
}
#modBody.hotel #modContent {
	background: url(../images/second/mdl_hotel_bg.gif) repeat-y 0 0;
}
#modContent h2 {
	font-size: 129%;
	font-weight: bold;
	padding-bottom: 5px;
	margin-bottom: 10px;
}
#modBody.fun #modContent h2 {
	border-bottom: 10px #fde19c solid;
}
#modBody.shisetsu #modContent h2 {
	border-bottom: 10px #80e2d5 solid;
}
#modBody.hotel #modContent h2 {
	border-bottom: 10px #ff7f89 solid;
}
#modContent ul li.end {
	margin-bottom: 0;
}

/*tabS*/
.hotel .tabNaviS li{
	float: left;
	padding: 0 3px 0 0;
	}
.hotel .tabNaviS li.none{
	padding: 0 0 0 0;
	}
.hotel .tabNaviS{
	line-height: 0;
	width: 390px;
	}

.hotel #tabContainerS h4{
	margin: 0 0 5px 0;
	}

.hotel #tabContainerS .tab-1hotel>h4{
	border-top: 3px solid #fa754b;
	padding: 10px 0 0 0;
	}
.hotel #tabContainerS .tab-2hotel>h4{
	border-top: 3px solid #7acc7a;
	padding: 10px 0 0 0;
	}
.hotel #tabContainerS .tab-3hotel>h4{
	border-top: 3px solid #827ff4;
	padding: 10px 0 0 0;
	}