@charset "Shift_JIS";

/* パンクズ
----------------------------------------------------------- */
div#breadcrumb div.body {
	width:960px;
	margin:0 auto;
	padding: 5px 0 8px 0;
}

div#breadcrumb div.body li {
	float:left;
}


/* 見出し
----------------------------------------------------------- */

#leftContents div.cornerBox h2 {
	width:758px;
	height:31px;
	margin-bottom:10px;
	background-positon:left center;
	background-repeat:no-repeat;
	font-size:14px;
	color:#FFF;
	font-weight:bold;
	line-height:2.3em;
	text-indent:15px;
}


/* 飛行機利用 */
h2.red_air {background-color: #F33;}
h2.blue_air {background-color: #069;}
h2.lightblue_air {background-color:#0099CC;}
h2.darkgreen_air {background-color: #060;}
h2.orange_air {background-color: #F60;}
h2.pink_air {background-color: #F69;}
h2.green_air {background-color: #096;}
h2.brown_air {background-color:#b54800;}

h3.red,
h3.blue,
h3.lightblue,
h3.pink,
h3.brown,
h3.orange,
h3.green {
	margin-bottom:5px;
	font-size:12px;
	font-weight:bold !important;
	line-height:1.8em !important;
	padding-top:2px;
	color:#333 !important;
	text-indent:10px;
	border-bottom:2px solid;
}


h3.red {background:#FFC8C8; border-color:#B00000}
h3.blue {background:#CEE0FF; border-color:#00358F}
h3.lightblue {background:#CAEAF4; border-color:#0099FF}
h3.pink {background:#FFBFE2; border-color:#DF156B}
h3.brown {background:#FCD7C4; border-color:#7f2a00}
h3.orange {background:#FEE3D1; border-color:#F56504}
h3.green {background: #ccff99; border-color:#228b22}




/* 角丸ボックス
----------------------------------------------------------- */

div.cornerBox {
   border-radius: 5px;         /* CSS3 */
   -moz-border-radius: 5px;    /* Firefox */
   -webkit-border-radius: 5px; /* Safari,Chrome */

   width:758px;
   border: 1px #CCC solid;
   background-color: #FFF;

   margin-bottom:20px;
   padding:10px 0;
}


/* チラシ
----------------------------------------------------------- */

div.cornerBox table.thumbnail {
	margin:0 auto;
	margin-bottom:0 !important;
	border:none !important;
}

div.cornerBox table.thumbnail td {
	vertical-align:top;
	padding: 0 8px;
	border:none !important;
}

div.cornerBox table.thumbnail div.block p {
	text-align:left;
	padding-left:8px;
}


div.cornerBox table.thumbnail div.block p img {
	margin-top:5px;
}



/* メニュー
----------------------------------------------------------- */
ul.menu {
	background: url('image/menu_bg.jpg') repeat-x;
	margin-bottom:20px;
	padding: 0;
	width: 100%
}

ul.menu li {float: left}

ul.menu a {
	display: block;
	text-align:center;
	white-space:nowrap;
	background: url('image/seperator.gif') no-repeat bottom right;
	color: #FFF !important;
	padding:8px 13px;
}

ul.menu a:hover {background: url('image/menu_bg_hover.jpg') repeat-x; }

#leftContents ul.menu a:link {text-decoration:underline; }


/* ツアー一覧
----------------------------------------------------------- */

/* 1行リスト */
div.tourList {
	margin:10px;
	width:720px;
}

div.tourList a {
	color:#00F !important;
	text-decoration:underline !important;
}

div.tourList dl {
/*	padding-bottom:60px;
	border-bottom:1px dotted #CCC;
	margin-bottom:10px; */
}

div.tourList dl.last {
	border:none;
	margin-bottom:0;
}

div.tourList dl dt.title {
	float:left;
	width:400px;

}

div.tourList dl dd.price {
	padding-left:500px;
	font-size:15px !important;
}

div.tourList dl dd.point,
div.tourList dl dd.period {
	float:left;
/*	clear:both; */
	width:550px;
}

div.tourList dl dt.logo {
	padding-left:620px;
}


div.tourList dt.title a {
	font-size:14px !important;
	font-weight:bold !important;
	color:#0000FF !important;
	line-height:1.2em !important;
	text-decoration:underline !important;
}

div.tourList dt.title a:hover {
	color:#33CCFF !important;
}

div.tourList dd.price {
	text-align:right;
	color:#F00;
	font-weight:bold !important;
}

div.tourList dd.period {
	font-weight:bold !important;
}



/* 2行リスト */
div.tourList2 {
	margin:0 10px 10px 10px;
	width:355px;
	float:left;
	overflow:hidden;
}

div.tourList2 a {
	color:#00F !important;
	text-decoration:underline !important;
}

div.tourList2 dl dt.title {
	padding-top:5px;

}




div.tourList2 dl.last {
	border:none;
	margin-bottom:0;
}

div.tourList2 dl dd.price {
	padding-left:148px;
	font-size:14px !important;
}

div.tourList2 dl dd.point,
div.tourList2 dl dd.period {
	padding-left:148px;
}



div.tourList2 dt.title a {
	font-size:14px !important;
	font-weight:bold !important;
	color:#0000FF !important;
	line-height:1.2em !important;
	text-decoration:underline !important;
}

div.tourList2 dt.title a:hover {
	color:#33CCFF !important;
}

div.tourList2 dd.price {
	color:#F00;
	font-weight:bold !important;
}

div.tourList2 dd.period {
	font-weight:bold !important;
}


div.tourList2 dt.place_name {
	font-weight:bold !important;
	font-size:15px !important;
	color:#003366  !important;
}




/* 2列ブロック */
div.tourBlock {}

div.tourBlock dl.leftBox,
div.tourBlock dl.rightBox {
	display:inline;
	width:350px;
	margin-bottom:10px;
}

div.tourBlock dl.leftBox {
	float:left;
	margin-left:20px;
}

div.tourBlock dl.rightBox {
	float:right;
	margin-right:20px;
}


div.tourBlock dt.title a {
	font-size:14px !important;
	font-weight:bold !important;
	color:#0000FF !important;
	line-height:1.2em !important;
	text-decoration:underline !important;
}

div.tourBlock dt.title a:hover {
	color:#33CCFF !important;
}

div.tourBlock dd.price {
	text-align:right;
	color:#F00;
	font-weight:bold !important;
}

div.tourBlock dd.period {
	font-weight:bold !important;
}

/* その他のツアーリンクボタン
----------------------------------------------------------- */

.btn-icon {
  display: inline-block;
  padding: 0.5em 1em;
  text-decoration: none;
  background: #195C78;/*ボタン色*/
  color: #FFF;
  border-bottom: solid 4px #627295;
  border-radius: 3px;
}

/* ツアーアイコン
----------------------------------------------------------- */
ul.icon {
	margin-bottom:3px;
}

ul.icon li {
	display:inline;
	float:left;
	margin-right:3px;
	padding:0 5px;
	list-style:none;
	line-height:1.5em;
	font-size:10px !important;
	color:#FFF;
}

ul.icon li.pink {background:#FF0082}
ul.icon li.lightpink {background:#ff69b4}
ul.icon li.red {background:#F00}
ul.icon li.green {background:#008000}
ul.icon li.orange {background:#ff8c00}
ul.icon li.blue {background:#009EED}
ul.icon li.purple {background:#800080}
ul.icon li.brown {background:#7f2a00}
ul.icon li.gray {background:#6F6F6F}
ul.icon li.darkblue {background:#0000cd}
ul.icon li.darkred {background:#CE0000}


/* 注目のキーワード・宿泊プラン
----------------------------------------------------------- */
ul.keyword {}

ul.keyword li {
	float:left;
	background:url(image/icon_arrow.gif) no-repeat left center;
}

ul.keyword li a {
	display:block;
	padding-left:17px;
	margin-right:20px;
	font-size:14px !important;
	white-space:nowrap;
}






/* オプショナルプラン
----------------------------------------------------------- */

ul.option {}

ul.option li {
	float:left;
	width:230px;
	margin-right:10px;
}

ul.option img {
	float:left;
}

ul.option dl {
	float:right;
	width:165px;
	border-bottom:none;
}

ul.option dl dt a {
	font-weight:bold !important;
}

ul.option dl dt span.category_blue,
ul.option dl dt span.category_green,
ul.option dl dt span.category_orange,
ul.option dl dt span.category_red,
ul.option dl dt span.rank_red {
	padding:0 5px;
	line-height:1.5em;
	font-size:10px !important;
	color:#FFF;
}

ul.option dl dt span.category_blue {background:#009AFE}
ul.option dl dt span.category_green {background:#77C210}
ul.option dl dt span.category_orange {background:#FF6801}
ul.option dl dt span.category_red {background:#A50301}
ul.option dl dt span.rank_red {background:#f00}




h3.headline_sub{
	border-left: 7px solid #009;
	padding:5px;
	color:#009;
	font-size:16px;
	font-weight:700;
	text-indent: 10px
}

/*** //AJ提供：人気アクティビティベスト5 ***/
#activitybox{
  width:100%;
  margin:10px auto;
  padding:0
}
#activitybox ul.activeitem{
	width:100%;
	margin:20px 0 30px;
	padding:0;
	font-size:0px;
}
.pc #activitybox ul.activeitem li{
	display:inline-block;
	margin-right:5px;
  width:180px;
}
.pc #activitybox ul.activeitem li:nth-child(5){
	margin-right:0;
}

#activitybox ul.activeitem li a{
	display:block;
	color:#333;
	text-decoration:none;
	box-sizing:border-box;
}

#activitybox ul.activeitem li a:hover img{
  opacity: 0.6
}
dl.active_inner{
	width:100%;
	margin:0;
	padding:0;
}

.pc dl.active_inner dt.active_img{
	width:100%;
	height:70px;
	overflow:hidden;
	margin:0 auto 3px;
	position:relative;
}

.pc dl.active_inner dt.active_img img {
  position: absolute;
/*  width: auto; */
  width: 100%;
  height: auto;
/*  min-width: 100%; */
  min-height: 100%;
  left: 50%;
  top: 48%;
  -webkit-transform: translate3d(-50%, -50%, 0);
  transform: translate3d(-50%, -50%, 0);
}
.pc dl.active_inner dd{
  font-size:13px;
  color:#333;
  line-height: 1.2;
}
dl.active_inner dd .sub{
  display: block;
  font-size:11px;
  color:#0099ff;
  margin-bottom: 3px;
}
dl.active_inner dd .active_price{
  display: block;
  margin-top: 3px;
	font-size:13px;
	font-weight:bold;
	color:#C00;
	line-height:1.2em;
  text-align: right
}

.pc #activitybox ul.activeitem li:last-child{
	width:100%;
	display:block;
	margin:10px 0 0;
	padding:0 10px;
	text-align: right;
	box-sizing: border-box;
}
.pc #activitybox ul.activeitem li:last-child a{
	display: block;
	padding-right:10px;
	color:#333;
	font-size:14px;
	background:url(/kokunai/kanto/tour_info/image/common/arrow_side02.png) no-repeat 100% center;
	background-size:6px 12px;
}
.pc #activitybox ul.activeitem li:last-child a:hover{
	text-decoration: underline;
}

/*** AJ提供：人気アクティビティベスト5// ***/