@charset "UTF-8";
/*-----------------------------------------------------
	headerAdd
----------------------------------------------------**/
#headerAdd {
	margin: 0 0 10px;
	font-size: 12px;
	border: #cccccc solid 1px;
	line-height:35px;
}
#headerAdd dl dt {
	color:#ffffff;
	background: #1460ba;;
	float:left;
	width:80px;
	text-align:center;
}
#headerAdd dl dd {
	overflow:hidden;
	_zoom:1;
	padding:0 10px ;
	text-align:left;
}


/*-----------------------------------------------------
	specialPanel
----------------------------------------------------**/

#container {
	width: 1000px;
}

#container img {
	width: 100%;
}

#specialPanel {
	margin: 0 -20px 60px 0;/*	overflow: hidden;*/
}
#specialPanel .specialCopy {
	font-size: 16px;
	padding: 0 30px 30px 0;
}
#specialPanel .item {
	cursor: pointer;
}

/*-- .panelA --*/
#specialPanel .panelA {
	width: 480px;
	height: 360px;
	overflow: hidden;
	float: left;
	position: relative;
	margin: 0 20px 20px 0;
}
#specialPanel .panelA .outline {
	background-color: rgba( 255, 255, 255, 0.9 );
	padding: 38px 0 22px;
	position: absolute;
	width: 100%;
	left: 0;
	bottom: 0;
}
#specialPanel .panelA .category {
	position: absolute;
	top: 0;
	left: 0;
	background: #1460ba;
	padding: 2px 10px;
	font-size: 12px;
	color: #ffffff;
}

#specialPanel .panelA dl {
	padding: 0 22px;
}
#specialPanel .panelA dl dt {
	font-size: 12px;
	margin: 0 0 8px 0;
}
#specialPanel .panelA dl dd {
	font-size: 16px;
}

/*-- .panelB --*/
#specialPanel .panelB {
	width: 240px;
	height: 360px;
	overflow: hidden;
	float: left;
	margin: 0 20px 20px 0;
	background: #E7EFF8;
}
#specialPanel .item p {
    position: relative;
}
#specialPanel .panelB p img {
}
#specialPanel .panelB .outline {
	background: #e7eff8;
	padding: 38px 22px;
	position: relative;
}
#specialPanel .panelB .category {
	position: absolute;
	top: 0;
	left: 0;
	background: #1460ba;
	padding: 2px 10px;
	font-size: 12px;
	color: #ffffff;
}
#specialPanel .panelB dl dt {
	font-size: 12px;
	margin: 0 0 8px 0;
}
#specialPanel .panelB dl dd {
	font-size: 16px;
}

/*-- .panelAD パムアド用パネル枠 --*/
#specialPanel .panelAD {
	position: relative;
}
#specialPanel .panelAD a:hover {
	text-decoration: none;
}
#specialPanel .panelAD a img {
	width: 240px;
	height: 180px;
}
#specialPanel .panelAD a p.title {
	padding: 38px 22px 0;
	color: #333;
	margin: 0 0 8px;
	background: none;
}
#specialPanel .panelAD a p.desc {
	padding: 0 22px 38px;
	font-size: 16px;
	line-height: 1.4;
}
#specialPanel .panelAD a:hover p.desc {
	text-decoration: underline;
}
#specialPanel .panelAD a::visited p.desc {
	color: #8560a8;
}
#specialPanel .panelAD .category {
	top: 180px;
}

/*-- .category --*/
#specialPanel .category span	{
	width:16px;
	height:13px;
	padding:0 0 0 10px;
    display: inline-block;  
    *display: inline;  
    *zoom: 1;  
		vertical-align:middle;
}
#specialPanel .category span.icn_activity	{
	background:url(../images/icn_activity.png) no-repeat center center;
}
#specialPanel .category span.icn_hotel	{
	background:url(../images/icn_hotel.png) no-repeat center center;
}
#specialPanel .category span.icn_sightseeing	{
	background:url(../images/icn_sightseeing.png) no-repeat center center;
}
#specialPanel .category span.icn_tour	{
	background:url(../images/icn_tour.png) no-repeat center center;
}
#specialPanel .category span.icn_car	{
	background:url(../images/icn_car.png) no-repeat center center;
}
#specialPanel .category span.icn_pr	{
	background:url(../images/icn_pr.png) no-repeat center center;
}
#specialPanel span.onpara {
    position: absolute;
    top: 0;
    left: 0;
    background-color: #fff;
    width: 60% !important;
    padding: 5px !important;
    border: 1px solid #e7eff8;
}

/*-----------------------------------------------------
	specialRecommend
----------------------------------------------------**/
#specialRecommend {
	padding: 0 0 60px;
}
#specialRecommend .item {
	cursor: pointer;
}
#specialRecommend h2 {
	position: relative;
	padding-bottom: 20px;
	font-size: 26px;
	border-bottom: 3px solid #ccc;
}
#specialRecommend h2:after {
	content: "";
	width: 105px;
	position: absolute;
	left: 0;
	bottom: -3px;
	border-bottom: 3px solid #003894;
}
#specialRecommend .more {
	text-align: right;
	margin: -30px 0 0;
	font-size: 16px;
}
#specialRecommend ul {
	margin: 0 -10px 0 0;
	padding: 30px 0 0 0;/*overflow: hidden;*/
}
#specialRecommend li {
	float: left;
	width: 192px;
	margin: 0 10px 0 0;
}
#specialRecommend li p {
	padding: 5px 0 0 0;
}
#specialRecommend .item img:hover {
    opacity: 0.7;
}
#specialRecommend .item img:hover a {
    text-decoration: underline;
}


/*-----------------------------------------------------
	specialFooter
----------------------------------------------------**/
#specialFooter {
	padding: 60px 0;
	border-top: #cccccc 1px solid;
}
#specialFooter .tourRecommend .item {
	cursor: pointer;
}
#specialFooter .tourRecommend h2 {
	font-weight: normal;
	margin: 5px 0 0 0;
	font-size: 20px;
}
#specialFooter .tourRecommend .more {
	text-align: right;
	margin: -1em 0 0 0;
}
#specialFooter .tourRecommend ul {
	margin: 0 -20px 0 0;
	padding: 30px 0 0 0;/*overflow: hidden;*/
}
#specialFooter .tourRecommend li {
	float: left;
	width: 320px;
	margin: 0 20px 20px 0;
	line-height: 1.3;
}
#specialFooter .tourRecommend li p {
	padding: 10px 0 0 0;
}

/*-- osusume --*/
#specialContH{
    margin: 0;
    padding:0 0;
    width: 660px;
	float: left;
	overflow:hidden;
}
		#specialContH:before,
		#specialContH:after{
			content:"";
			display:table;
		}

		#specialContH:after{
			clear:both;
		}

		#specialContH h2{
			margin-bottom: 15px;
			padding-left: 16px;
			border-bottom: solid 1px #ccc;
			background: url(/sightseeing/common/images/i_h4_long.jpg) no-repeat left;
			font-weight: normal;
			font-size: 20px;
			line-height: 44px;
		}
		#specialContH ul.boxSinfo{
			margin: 0 0 15px;
			float: right;
			width: 318px;
		}
		#specialContH ul.fL{
			float: left;
		}
		#specialContH ul.boxSinfo li{
			border: 1px solid #ccc;
			margin: 0 0 30px;
			padding: 0;
			position:relative;
		}
				#specialContH ul.boxSinfo li img{
					height: auto;
				}
				#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;
					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;
				}

				#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;
				}


/* ---------------------------------------------------------
	CSS Document special > cornerBox
--------------------------------------------------------- */
#cornerBox h3, #cornerBox .corner_name {
    width: 60px !important;
    padding-left: 3px !important;
}
#cornerBox {
    display: block !important;
}
#cornerBox:after {
    width: 50px !important;
}


/* ---------------------------------------------------------
	CSS Document special > snsBtn
--------------------------------------------------------- */
.title + .snsBtn {
    text-align: right !important;
    margin-bottom: 40px;
}
.snsBtn {
    text-align: center !important;
}

/* ---------------------------------------------------------
	CSS Document special > section_share
--------------------------------------------------------- */
#section_share {
    margin: 20px auto 50px;
}
#memberBox .prom_cont {
    margin: 0 auto 30px !important;
}


/* ---------------------------------------------------------
	CSS Document special > .summary.adrecoList
--------------------------------------------------------- */
#special .summary.adrecoList {
	width: 1000px;
	margin-bottom: 60px;
}
#special .summary.adrecoList .box {
  display: table;
  width: 48%;
  height: 170px;
  overflow: hidden;
  padding: 20px 0;
  margin-bottom: 0;
  border-top: none;
  border-right: none;
  border-bottom: 1px dotted #ccc;
  border-left: none;
  box-sizing: border-box;
  cursor: pointer;
}
#special .summary.adrecoList h3 {
	width: 1000px;
	margin: 0 auto 20px;
	background: none;
	padding-left: 0;
	font-size: 25px;
	line-height: 30px;
	border-bottom: none;
  overflow: hidden;
}
#special .summary.adrecoList h3:before {
  content: " ";
  background-color: #003894;
  margin-right: 7px;
  width: 7px;
  height: 30px;
  float: left;
  display: block;
}
#special .summary.adrecoList .box:nth-child(2),
#special .summary.adrecoList .box:nth-child(3) {
  border-top: 1px dotted #ccc;
}
#special .summary.adrecoList .box a {
  vertical-align: middle;
  display: table-cell;
}
#special .summary.adrecoList .box:hover, #special .summary.adrecoList .box:hover a {
  opacity: 0.7;
  filter: Alpha(opacity=70);
}
#special .summary.adrecoList .box img {
  width: 170px;
  height: auto;
  margin-right: 20px;
}
#special .summary.adrecoList .box p {
  font-size: 16px;
  color: #2068b7;
  line-height: 1.7;
  vertical-align: middle;
  display: table-cell;
}
#special .summary.adrecoList .box:hover p, #special .summary.adrecoList .box:hover a {
  text-decoration: underline;
}


/* ---------------------------------------------------------
  CSS Document special > 広告枠
--------------------------------------------------------- */
.adBox {
    margin: 40px auto 60px;
	text-align: left !important;
    font-size: 18px;
    line-height: 1.7;
}