@charset "UTF-8";


/*
	--------------------------
	tour.css
	modefied: 2013.9.29
	--------------------------
*/



/* -----------------------------
	共通
------------------------------ */



/* -----------------------------
	個別ページ
------------------------------ */

#mainContent h2 {
	position: relative;
	width: 650px;
	margin: 0 0 20px 0;
	padding: 18px 0 14px 0;
	background: #fff url(../../common/img/h_line_01.png) no-repeat;
}

#mainContent h2 span {
	display: block;
	padding: 0 0 0 57px;
	background: url(../../common/img/h_ico_tour_01.png) no-repeat 13px 2px;
	color: #001352;
	font-size: 125%;
	line-height: 1.5;
	font-weight: bold;
}

#mainContent .section {
	width: 610px;
	margin: 20px 0 0 0;
	padding: 0 20px 20px 20px;
	background: #fff;
}

#mainContent .section h3 {
	position: relative;
	width: 662px;
	margin: 0 -26px 15px -26px;
}

#mainContent .section .icoOption {
	vertical-align: middle;
	line-height: 1;
}



/*	cover
------------------------------ */

#cover {
	width: 650px;
	margin: 20px 0 0 0;
	padding: 0 0 30px 0;
	background: #fff url(../../img/tour/mv_lead_bg_tree.png) no-repeat right bottom;
}

#cover #mvImg {
	position: relative;
	width: 650px;
	height: 400px;
}

#cover #mvImg ul li {
	position: absolute;
	width: 650px;
	height: 400px;
	z-index: 1;
	filter: alpha(opacity=0);
	opacity: 0;
}

#cover #mvImg ul li.current {
	z-index: 2;
	filter: alpha(opacity=100);
	opacity: 1;
}

#cover #mvNav {
	position: relative;
	width: 650px;
	height: 0;
	z-index: 10;
}

#cover #mvNav ul {
	position: absolute;
	width: 650px;
	height: 61px;
	bottom: 10px;
	text-align: center;
}

#cover #mvNav ul li {
	display: inline;
	display: inline-block;
	vertical-align: middle;
	padding: 3px;
	cursor: pointer;
}

#cover #mvNav ul li.thumbnail:hover {
	background: #fff;
	background: rgba(255,255,255,0.7);
}

#cover #mvNav ul li.thumbnail.current {
	background: #fff;
}

#cover #mvNav ul li img {
	display: block;
}

#cover #mvNav ul li.prev,
#cover #mvNav ul li.next {
	padding: 0;
	background: #fff;
}

#cover #mvNav ul li.prev {
	margin: 0 3px 0 0;
}

#cover #mvNav ul li.next {
	margin: 0 0 0 3px;
}

#cover #mvNav ul li.prev:hover img,
#cover #mvNav ul li.next:hover img {
	filter: alpha(opacity=90);
	opacity: 0.90;
}


#cover p.lead {
	width: 600px;
	min-height: 140px;
	margin: 15px auto 0 auto;
	font-size: 14px;
	line-height: 35px;
	background: url(../../img/tour/mv_txt_line.png);
}




/*	アンカーナビ
------------------------------ */

#mainContent .anav ul li {
	float: left;
	width: 130px;
	height: 40px;
	background: #fff;
	text-indent: -9999px;
	white-space: nowrap;
}

#mainContent .anav ul li a {
	display: block;
	width: 100%;
	height: 100%;
	background: url(../../img/tour/anav.png) no-repeat;
}

#mainContent .anav ul li a:hover {
	filter: alpha(opacity=70);
	opacity: 0.70;
}

#mainContent .anav ul li.anav_feature a { background-position: 0px 0px; }
#mainContent .anav ul li.anav_basic a { background-position: -130px 0px; }
#mainContent .anav ul li.anav_option a { background-position: -260px 0px; }
#mainContent .anav ul li.anav_detail a { background-position: -390px 0px; }
#mainContent .anav ul li.anav_apply a { background-position: -520px 0px; }



/*	このツアーの魅力
------------------------------ */

#feature {
	position: relative;
	width: 650px;
	margin: 50px 0 0 0;
	background: url(../../img/tour/feature_bg_m.png) repeat-y;
}

#feature .featureBg {
	width: 650px;
	background: url(../../img/tour/feature_bg_b.png) no-repeat left bottom;
}

#feature .featureBg .featureBg {
	width: 650px;
	padding: 40px 0 20px 0;
	background: url(../../img/tour/feature_bg_t.png) no-repeat;
}

#feature h3 {
	position: absolute;
	top: -27px; left: 85px;
}


/* ポイント ------- */

#feature div.point ol {
	width: 560px;
	padding: 0 0 10px 45px;
}

#feature div.point ol li {
	position: relative;
	display: table;
	width: 560px;
	margin: 0 0 10px 0;
	background: url(../../img/tour/point_txt_bg.png);
	box-shadow: 0px 1px 1px 0px rgba(0,0,0,0.2);
}

#feature div.point ol li .num {
	position: absolute;
	top: -6px; left: -24px;
}

#feature div.point ol li .img {
	display: table-cell;
	width: 130px;
	vertical-align: top;
}
* html #feature div.point ol li .img { float: left; }
*:first-child+html #feature div.point ol li .img { float: left; }

#mainContent div.point ol li .txt {
	display: table-cell;
	padding: 2px 10px 2px 17px;
	vertical-align: middle;
	color: #525252;
	font-size: 100%;
	line-height: 1.5;
	font-weight: bold;
}
* html #feature div.point ol li .txt { float: left; }
*:first-child+html #feature div.point ol li .txt { float: left; }

#feature div.point ol li .txt strong {
	color: #dc4211;
	text-decoration: underline;
}



/* ツアー データ ------- */

#feature .summary {
	width: 636px;
	margin: 0 auto;
	padding: 26px 0 0 0;
	background: url(../../img/tour/smry_bg_t.jpg) repeat-x;
}

#feature .summary .row {
	padding: 0 0 0 22px;
}

#feature .summary dl {
	float: left;
	width: 287px;
	margin: 0 17px 0 0;
}

#feature .summary dl dt img {
	display: block;
}


#feature .summary dl.price dt img,
#feature .summary dl.cont dt img {
	border-radius: 3px 3px 0 0;
}

#feature .summary dl.price dd,
#feature .summary dl.cont dd {
	width: 285px;
	border: 1px solid #dddddd;
	border-radius: 0 0 3px 3px;
	text-align: center;
}

#feature .summary dl.price dd {
	padding: 8px 0 8px 0;
	color: #d23300;
	font-size: 163%; /* 26px */
	line-height: 1.154;
	font-weight: bold;
}

#feature .summary dl.price dd span {
	color: #333;
	font-size: 38.5%; /* 10px */
	line-height: 1.4;
	vertical-align: bottom;
}

#feature .summary dl.cont dd {
	padding: 8px 0 8px 0;
	font-size: 125%; /* 20px */
	line-height: 1.5;
	font-weight: bold;
}


#feature .summary dl.include,
#feature .summary dl.notinclude {
	padding: 13px 0 0 0;
}

#feature .summary dl.include dt,
#feature .summary dl.notinclude dt {
	width: 78px;
	height: 20px;
}

#feature .summary dl.include dd,
#feature .summary dl.notinclude dd {
	position: relative;
	margin: -20px 0 0 78px;
	padding: 2px 0 0 0;
	font-size: 75%;
	line-height: 1.25;
	font-weight: bold;
}

#feature .summary dl.include dd ul li,
#feature .summary dl.notinclude dd ul li {
	padding: 0 0 0 10px;
	background: url(../../common/img/dot_01.png) no-repeat 0em 0.4em;
}

#feature .summary dl.include dd ul li {
	color: #005f9e;
}



/*	ツアー概要
------------------------------ */

#about .block {
	width: 610px;
	margin: 25px 0 0 0;
}

#mainContent #about h3 {
	margin-bottom: 5px;
}

#about h3 + .block {
	margin: 0 0 0 0;
}

#about .block h4 {
	padding: 6px 0 8px 0;
	background: url(../../img/tour/about_h_line_01.png) no-repeat left bottom;
	font-size: 100%;
	line-height: 1.5;
}

#about .block .texts {
	width: 330px;
	padding: 16px 0 0 0;
	font-size: 87.5%;
	line-height: 1.5;
}

#about .block .images {
	width: 265px;
	padding: 18px 0 0 0;
}

#about .block_r .texts { float: right; }
#about .block_r .images { float: left; }

#about .block_l .texts { float: left; }
#about .block_l .images { float: right; }


#about .block .texts .note {
	font-size: 85.7%;
}

#about .block .images .img {
	width: 250px;
	padding: 4px;
	border: 1px solid #ededed;
}

#about .block .images .img img {
	display: block;
}

#about .block .images .cap {
	padding: 3px 0 0 0;
	font-size: 75%;
	line-height: 1.5;
}


/* 関連リンク */
#about .relatedLinks {
	position: relative;
	width: 590px;
	min-height: 33px;
	margin: 15px 0 0 0;
	padding: 12px;
	background: #e9f8fd;
}

#about .relatedLinks dl {
	padding: 8px 0 0 123px;
}

#about .relatedLinks dl dt {
	position: absolute;
	top: 12px; left: 25px;
}

#about .relatedLinks dl dd {
	float: left;
	padding: 0 15px 0 10px;
	background: url(../../img/tour/about_dot_01.png) no-repeat left center;
	font-size: 75%;
	line-height: 1.5;
	white-space: nowrap;
}




/*	コース共通
------------------------------ */

.course .lead {
	width: 610px;
	padding: 0 0 10px 0;
	background: url(../../img/tour/course_lead_bg.png) no-repeat 100% 15px;
}

.course .lead p.img {
	float: left;
	margin: 2px 16px 10px 0;
	padding: 5px;
	border: 1px solid #ededed;
}

.course .lead .texts {
	font-size: 87.5%;
	line-height: 1.786;
}

.course .lead .texts strong {
	color: #dc4211;
	font-weight: bold;
}





/*	オプションコース
------------------------------ */

/*#option .optSwitch {
	margin: 0 0 20px;
	border-bottom: none;
}

#option .optSwitch ul li {
	float: left;
	padding: 0 0 0 10px;
}

#option .optSwitch ul li:first-child {
	padding: 0 0 0 0;
}

#option .optSwitch ul li a {
	display: inline;
	padding: 9px 12px 7px;
	background: #e5f7fd;
	border-radius: 3px;
	border: none;
	color: #00ade8;
	font-size: 75%;
	line-height: 1.5;
	font-weight: bold;
	vertical-align: bottom;
}

#option .optSwitch ul li a span {
	padding: 0 0 0 2px;
	font-size: 133%;
}

#option .optSwitch ul li a.current {
	background: #b2e6f8;
	color: #001554;
}
*/



/*	ツアー詳細
------------------------------ */

#detail span.course {
	padding: 1px 3px;
	background: #034482;
	color: #fff;
}

#detail .price_01 {
	color: #d23300;
	font-size: 125%;
	font-weight: bold;
}

#detail .price_02 {
	color: #d23300;
}

#detail .note {
	padding: 3px 0 0 0;
	font-size: 83.3%;
}

#detail td.list {
	padding: 0;
}

#detail td.list dl {
	padding: 12px 0 12px 12px;
	background: url(../../common/img/ds_h_01.png) repeat-x;
	font-size: 85.7%;
}

#detail td.list dl:first-child {
	background: none;
}

#detail td.list dl dt {
	float: left;
	width: 8em;
	font-weight: bold;
}

#detail td.list dl dd {
	padding: 0 0 0 8em;
}



/*	ツアー特典
------------------------------ */

#presents {
	width: 610px;
	margin: 20px 0 0 0;
	padding: 20px;
	background: #fff;
}



/*	お申込みはこちら
------------------------------ */

/* お申し込みにあたってのご案内 --- */

#apply .notification {
	margin: 20px 0 0 0;
	padding: 14px 20px 18px;
	background: #e7e7e7;
	border-radius: 3px;
}

#apply .notification h4 {
	margin: 0 0 8px 0;
	border-bottom: 1px solid #fff;
	font-size: 100%;
	font-weight: bold;
}

#apply .notification h4 span {
	display: block;
	padding: 0 0 6px 0;
	border-bottom: 1px solid #d2d2d2;
	font-size: 87.5%;
	line-height: 1.5;
	font-weight: bold;
}

#apply .notification p.txt {
	padding: 1em 0 0 0;
	font-size: 75%;
	line-height: 1.5;
}

#apply .notification p.txt a {
	text-decoration: underline;
}

#apply .notification p.txt strong.caution {
	color: #ff2626;
}




/* -----------------------------
	一覧ページ
------------------------------ */

/*	タイトル
------------------------------ */

#title {
	margin: 0 0 20px 0;
}

#title h2 {
	position: relative;
	width: 950px;
	padding: 16px 0 10px 0;
	background: #fff url(../../common/img/h_line_01.png) no-repeat;
}

#title h2 span {
	display: block;
	padding: 0 0 0 57px;
	background: url(../../common/img/h_ico_tour_01.png) no-repeat 13px 2px;
	color: #001352;
	font-size: 125%;
	line-height: 1.5;
	font-weight: bold;
}


/*	絞り込み
------------------------------ */

#filter {
	position: relative;
	width: 950px;
	padding: 20px 0 20px 0;
	background: #fff;
	box-shadow: 0 1px 4px 0 rgba(192,192,192,0.4) inset;
}

#filter .condition {
	width: 628px;
	padding: 0 0 0 20px;
}

#filter dl {
	float: left;
	margin: 0 10px 0 0;
	background: #ececec;
}

#filter dl dt {
	float: left;
	padding: 5px 7px;
	font-size: 12px;
	line-height: 18px;
	font-weight: bold;
}

#filter dl dd {
	float: left;
}

#filter dl dd select {
	padding: 1px 0 1px 4px;
	border: 1px solid #ccc;
	box-shadow: 1px 0 0 0 rgba(0,0,0,0.2) inset,
		 0 5px 10px 0 rgba(0,0,0,0.1) inset;
	font-size: 14px;
	line-height: 18px;
}
#filter dl.country dd select { width: 115px; }
#filter dl.area dd select { width: 205px; }


#filter p.keyword input {
	width: 175px;
	padding: 1px 6px 1px 6px;
	border: 1px solid #ccc;
	box-shadow: 0 5px 10px 0 rgba(0,0,0,0.1) inset;
	font-size: 14px;
	line-height: 18px;
}

#filter p.btn {
	position: absolute;
	top: 18px; right: 140px;
}

#filter p.clear {
	position: absolute;
	top: 18px; right: 18px;
}

#filter p input[type=image]:hover {
	filter: alpha(opacity=80);
	opacity: 0.80;
}


/* 該当件数 */
#title .resultCount {
	float: left;
	margin: 0 0 -20px 0;
	padding: 13px 0 8px 0;
	font-size: 75%;
	line-height: 1.5;
	vertical-align: bottom;
}

#title .resultCount span {
	color: #d23f10;
	font-size: 133%;
	font-weight: bold;
}

/* 注釈 */
#title .note {
	float: right;
	margin: 0 0 -20px 0;
	padding: 13px 0 13px 0;
	font-size: 75%;
	line-height: 1.5;
	vertical-align: bottom;
}



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


/* ページング */
#tourList .paging {
	margin: 0 0 20px 0;
}



/* ご案内 */
#tourList .information {
	margin: 20px 0 0 0;
	padding: 14px 20px 18px;
	background: #e7e7e7;
	border-radius: 3px;
}

#tourList .information h3 {
	border-bottom: 1px solid #fff;
	font-size: 100%;
	font-weight: bold;
}

#tourList .information h3 span {
	display: block;
	padding: 0 0 8px 0;
	border-bottom: 1px solid #d2d2d2;
	font-size: 87.5%;
	line-height: 1.5;
	font-weight: bold;
}

#tourList .information p.txt {
	padding: 1em 0 0 0;
	font-size: 75%;
	line-height: 1.5;
}

#tourList .information p.note {
	padding: 1em 0 0 0;
	font-size: 75%;
	line-height: 1.5;
}




/* -----------------------------
	index
------------------------------ */

#tourIndex {
}


/*	探す
------------------------------ */

#findTour {
	width: 650px;
	padding: 0 0 20px 0;
	background: #fff;
}


/* 地図から探す ----- */

#tourIndex #byMap {
	padding: 10px 0 0 0;
}

#tourIndex #byMap h3 {
	position: relative;
	margin: 0 0 0 -6px;
}

#tourIndex #areaMap {
	padding: 12px 20px 0 20px;
}

#tourIndex #byMap .northern {
	float: left;
	width: 394px;
	height: 300px;
	border: 3px solid #dddddd;
}

#tourIndex #byMap .central {
	float: right;
	width: 194px;
	height: 300px;
	border: 3px solid #dddddd;
}


/* 目的から探す ----- */

#tourIndex #byTheme {
	padding: 20px 0 0 0;
}

#tourIndex #byTheme h3 {
	position: relative;
	margin: 0 0 -5px -6px;
	z-index: 1;
}

#tourIndex #byTheme .list {
	position: relative;
	width: 610px;
	overflow: hidden;
	margin: 0 0 0 20px;
	background: url(../../img/tour/bytheme_bg_b.png) no-repeat 440px 98%;
	z-index: 2;
}

#tourIndex #byTheme .list ul {
	width: 630px;
}

#tourIndex #byTheme .list ul li {
	float: left;
	width: 295px;
	margin: 0 20px 0 0;
}

#tourIndex #byTheme .list ul li a {
	display: block;
}

#tourIndex #byTheme .list ul li a:hover {
	filter: alpha(opacity=80);
	opacity: 0.80;
}


/* キーワードから探す ----- */

#tourIndex #byKeyword {
	padding: 20px 0 0 0;
}

#tourIndex #byKeyword h3 {
	position: relative;
	margin: 0 0 0 -6px;
}

#tourIndex #byKeyword .searchBox {
	width: 530px;
	margin: 10px 0 0 20px;
	padding: 15px 35px 15px 35px;
	border: 5px solid #ededed;
}

#tourIndex #byKeyword .searchBox p.keyword {
	float: left;
	width: 365px;
}

#tourIndex #byKeyword .searchBox p.keyword input {
	width: 345px;
	padding: 6px 6px 5px 6px;
	border: 1px solid #ccc;
	box-shadow: 0 5px 10px 0 rgba(0,0,0,0.1) inset;
	font-size: 14px;
	line-height: 18px;
}

#tourIndex #byKeyword .searchBox p.btn {
	float: right;
}

#tourIndex #byKeyword .searchBox p.btn input:hover {
	filter: alpha(opacity=80);
	opacity: 0.80;
}

#tourIndex #byKeyword .searchBox dl.popular {
	clear: both;
	padding: 4px 0 0 0;
	font-size: 87.5%;
	line-height: 1.5;
}

#tourIndex #byKeyword .searchBox dl.popular dt {
	display: inline;
	padding: 0 3px 0 0;
}

#tourIndex #byKeyword .searchBox dl.popular dd {
	display: inline;
}



/* リスト ----- */

#tourIndex #tourList {
}