@charset "utf-8";

/*-----------------------------------------------
 default style clear
-----------------------------------------------*/
* {
	margin: 0;
	padding: 0;
}
body, h1, h2, h3, h4, h5, h6, p, ul, ol, li, dl, dt, dd, td, th, address {
	font-family: Meiryo,'メイリオ','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro',Osaka,'ＭＳ Ｐゴシック',sans-serif;
	font-weight: normal;
	color: #222;
	line-height: 1.8;
	text-decoration: none;
	font-style: normal;
}
body {
	text-align: center;
}
h1, h2, h3, h4, h5, h6, p, ul, ol, li, dl, dt, dd, td, th, address {
	text-align: left;}

ul,li {
	list-style: none;
}
img,fieldset {
	border: 0;
}
a,
a:link,
a:visited {
	color: #222;
	text-decoration: none;
}
a:active,
a:hover {
	color: #3860a5;
	text-decoration: none;
}


/*-----------------------------------------------
 header_1 style
-----------------------------------------------*/
#header_1 {
	display: none;
}

/*-----------------------------------------------
 header_2 style
-----------------------------------------------*/
#header_2 {
	display: none;
}

/*-----------------------------------------------
 main style
-----------------------------------------------*/

/*-----------------------------------------------
 contents style
-----------------------------------------------*/
#contents {
	float: left;
	width: 690px;
}
#contents a,
#contents a:link,
#contents a:visited {
	color: #3860a5;
	text-decoration: underline;
}
#contents a:active,
#contents a:hover {	
	text-decoration: none;
}
/*- 文字色 -*/
.blue { color: #3860a5; }
.purple { color:#7758ac; }
.green { color:#389da5; }
.orange { color:#e67e1e; }
.red { color:#be3232; }

/*-----------------------------------------------
 tour_inquiry
-----------------------------------------------*/
#tour_inquiry {
	display: none;
}

/*-----------------------------------------------
 side style
-----------------------------------------------*/
#side {
	display: none;	
}

/*-----------------------------------------------
 footer style
-----------------------------------------------*/
#footer {
	display: none;
}

/*-----------------------------------------------
 ページトップへ
-----------------------------------------------*/
#goTop {
	display: none;
}






/*-----------------------------------------------
 ［ツアー詳細］コンテンツ
-----------------------------------------------*/
/*---------- コースナンバー ----------*/
p#course {
	float: left;
	width: 135px;
	height: min-height: 40px;
	height: auto !important;
	height: 40px;
	background: #000 URL(/contents/assets/images/tour/bg_course.gif) no-repeat bottom;
	text-align: center;
	color: #fff;
	font-size: 1.1em;
	margin-right: 10px;
}
/*---------- カテゴリーアイコン ----------*/
ul#category {
	float: left;
	height: 40px;
	margin-bottom: 25px;
}
ul#category li {
	float: left;
	margin-right: 10px;
	width: 62px;
	height: 40px;
}
/*----------  アウトレット、学割 ----------*/
p#discount {
	clear: both;
	margin: 0 0 10px 88px;
}
/*---------- ツアータイトル ----------*/
h4#title {
	float: left; 
	width: 592px;
	font-size: 1.3em;
	font-weight: bold;	
	line-height: 1.4;
	margin-left: 88px;
	margin-bottom: 6px;
}
* html h4#title {
	margin-left: 44px;
}
h4#title span#main_title {
	font-size: 1.5em;
	/font-size: 1.45em;
	font-weight: bold;
}
/*---------- 募集型、手配型、発着 ----------*/
#wrap {
	float: left;
	padding-left: 88px;
	margin-bottom: 8px;
	width: 592px;
}
/* hide from Mac IE \*/
* html #wrap {
	width: 680px;
}
/* */
#wrap p {
	float: left;
	margin-right: 10px;
	white-space: nowrap;	
}
/*---------- 滞在都市 ----------*/
p#stay {
	width: 580px;
	padding-left: 12px;
	margin-left: 88px;
	background: URL(/contents/assets/images/mk_list.gif) no-repeat 0 7px;
	font-weight: bold;
	clear: both;
}
/* hide from Mac IE \*/
* html p#stay {
	margin-left: 44px;
	
}
/* */
/*---------- 延泊アレンジ可能 ----------*/
p#longstay {
	width: 580px;
	padding-left: 12px;
	margin-left: 15px;
	background: URL(/contents/assets/images/mk_list2.gif) no-repeat 0 7px;
	font-weight: bold;
	color: #e67e1e;
	margin-left: 88px;
}
/* hide from Mac IE \*/
* html p#longstay {
	margin-left: 44px;
	
}
/* */
/*---------- 写真（大） ----------*/
p.photo_1 {
	float: left;
	width: 340px;
	height: 240px;
	margin: 15px 0 23px ;
	text-align: left;
}
/*---------- ツアーポイント ----------*/
.tourpoint {
	float: left;
	width: 520px;
	margin-left: 88px;
	margin-top: 20px;
}
/* hide from Mac IE \*/
* html .tourpoint {
	margin-left: 42px;
}
/* */
ul.tourpoint {
	margin-top: 5px;
}
ul.tourpoint li {
	margin-top: 11px;
	font-size: 1.1em;
	line-height: 1.5;
	padding-left: 13px;
	background: URL(/contents/assets/images/mk_list.gif) no-repeat left 6px;
}
*:first-child+html ul.tourpoint li {
	font-size: 1.05em;
	background-position: left 8px;
}
p.tourpoint {
	width: 520px;
	height: 146px;
	background: #000 URL(/contents/assets/images/tour/bg_film.gif) no-repeat left top;
	margin-top: 15px;
	margin-bottom: 40px;
}
p.tourpoint img {
	margin-top: 18px;
	margin-left: 10px;
}

/*-----------------------------------------------
 以下の共通スタイル
-----------------------------------------------*/
.item {
	clear: both;	
	width: 630px;
	margin: 0 0 10px;
	padding-left: 30px;
}
/* hide from Mac IE \*/
* html .item {
	width: 660px;
}
/* */
.item h6 {
	font-size: 1.2em;
	font-weight: bold;
	color: #3860a5;
	padding: 2px 0 0 15px;
	background-color: #f6f6f6;
	border-top: #3860a5 solid 3px;
}
.item h6 span {
	font-size: 0.7em;
	font-weight: normal;
	color: #222;
}
/*- 「スケジュール」「ツアー詳細」のtable -*/
table.tourtable {
	width: 100%;
	border-top: #e6e6e6 solid 5px;
	border-right: #e6e6e6 solid 5px;
	border-bottom: #e6e6e6 solid 5px;
}
table.tourtable th,
table.tourtable td {	
	text-align: center;
	line-height: 1.6;
	vertical-align: top;
	padding: 6px;
}
table.tourtable th {
	background-color: #e6e6e6;
	border-bottom: #fff solid 1px;
	width: 7%;
}
table.tourtable td {
	border-right: #ccc solid 1px;
	border-bottom: #ccc solid 1px;

}

/*-----------------------------------------------
 スケジュール
-----------------------------------------------*/
/*- tableのスタイルは「共通スタイル」に記述 -*/
#schedule {
	margin-bottom: 30px;
}
#schedule h6 {
	border-bottom: #aaa dotted 1px;
}
#schedule p {
	margin: 7px 0;
	text-align: right;
}
#schedule thead th,
#schedule thead td {
	font-weight: bold;
	font-size: 0.9em;
	color: #666;
}
/* hide from Mac IE \*/
* html #schedule thead th,
* html #schedule thead td {
	font-size: 0.75em;
}
/* */
#schedule tbody td.detail {
	text-align: left;
	padding-left: 12px;
}
#schedule td.meal { border-right: none; }
#schedule td.city,
#schedule td.time,
#schedule td.detail { 
	border-bottom: none; 
	padding-bottom: 0px;
}
#schedule thead td.city,
#schedule thead td.time,
#schedule thead td.detail { border-bottom: #ccc solid 1px; }
#schedule td.stay_td { text-align: right; }
#schedule .noborder th,
#schedule .noborder td.stay_td,
#schedule .noborder td.meal { border-bottom: none; }
#schedule td li { text-align: center; }
#schedule td span { font-weight: bold; }
/*- tdの幅 -*/
#schedule td.meal { width: 6.5%; }
#schedule td.city { width: 17%; }
#schedule td.time { width: 8%; }
#schedule td.detail { width: 61.5%; }

/*- Opera ハック -*/
#schedule li { margin-bottom: 0; }
html:first-child #schedule li { margin-bottom: 5px; }
html*#schedule li { margin-bottom: 0; }

/*-----------------------------------------------
 旅行カレンダー
-----------------------------------------------*/
/*- 背景色は「旅行代金」に記述 -*/
#calendar {
	margin-bottom: 30px;
}
#calendar h6 {
	border-bottom: #aaa dotted 1px;
}
#calendar table {
	float: left;
	width: 202px;
	margin-right: 11px;
	border-top: #aaa solid 1px;
	border-right: #aaa solid 1px;
	border-bottom: #aaa solid 1px;
}
#calendar table.right {
	margin-right: 0;
}
#calendar table caption {
	text-align: left;
	font-size: 0.9em;
	font-weight: bold;
	color: #666;
	padding-top: 9px;
	padding-bottom: 1px;
}
#calendar th,
#calendar td {
	font-size: 0.9em;
	text-align: center;
	padding: 2px;
}
/* hide from Mac IE \*/
* html #calendar th,
* html #calendar td {
	font-size: 0.71em;
}
/* */
#calendar th.sun {
	color: #be3232;
	border-left: #aaa solid 1px;
}
#calendar th.sat {
	color: #3860a5;
}
#calendar td {
	border-top: #aaa solid 1px;
	border-left: #aaa solid 1px;
	font-size: 0.8em;
}
#contents #calendar a,
#contents #calendar a:link,
#contents #calendar a:visited {
	font-weight: bold;
	color: #222;
	text-decoration: none;
}
#contents #calendar a:hover,
#contents #calendar a:active {
	font-weight: bold;
	color: #3860a5;
}
#contents #calendar .col {
	float: left;
	width: 630px;
}

/*-----------------------------------------------
 旅行代金
-----------------------------------------------*/
#contents #price a,
#contents #price a:link,
#contents #price a:visited {
	font-weight: bold;
	color: #222;
	text-decoration: none;
}
#contents #price a:hover,
#contents #price a:active {
	font-weight: bold;
	color: #3860a5;
	text-decoration: none;
}
#price {
	margin-bottom: 25px;
}
#price h6 {
	border-bottom: none;
}
#price table {
	margin-bottom: 5px;
	width: 100%;	
}
#price th,
#price td {
	border-bottom: #aaa solid 1px;
	border-right: #aaa solid 1px;
	text-align: center;
	width: 13%;
}
#price th {
	border-top:  #aaa solid 1px;
}
#price .noborder {
	border: none;
}
#price .head {
	font-weight: bold;
	color: #666;
	border-left: #aaa solid 1px;
	width: 22%;
}
/*- 背景色 -*/
.a { background-color: #fbe4ee; }
.b { background-color: #fbdbcc; }
.c { background-color: #fcebc2; }
.d { background-color: #fafac7; }
.e { background-color: #e6f2bb; }
.f { background-color: #d9eacb; }
.g { background-color: #d9f2f8; }
.h { background-color: #d9e6f8; }
.i { background-color: #d9d7f7; }
.j { background-color: #d9b0d9; }
.k { background-color: #f0b8b8; }
.l { background-color: #f9cb9f; }
.m { background-color: #f7e6a9; }
.n { background-color: #deeb99; }
.o { background-color: #bedda8; }
.p { background-color: #a7d8d2; }
.q { background-color: #95cadb; }
.r { background-color: #9dbde3; }
.s { background-color: #cfb6c0; }
.t { background-color: #cfb89f; }
.u { background-color: #d7cbac; }
.v { background-color: #bbcabb; }
.w { background-color: #aac2ca; }
.x { background-color: #acbdd4; }
.y { background-color: #c2bcd4; }
.z { background-color: #bfbfbf; }

/*-----------------------------------------------
 ツアー詳細
-----------------------------------------------*/
/*- tableのスタイルは「共通スタイル」に記述 -*/
#condition {
	margin-bottom: 30px;
}
#condition h6 {
	border-bottom: #aaa dotted 1px;
}
#condition th {
	width: 22%;
	text-align: right;
	padding-right: 12px;
}
#condition td {
	width: 78%;
	text-align: left;
	padding-left: 12px;
	border-right: none;
}
#condition .noborder {
	border-bottom: none;
}

/*-----------------------------------------------
 利用ホテル以下
-----------------------------------------------*/
.item .box {
	width: 630px;
	padding: 15px 0;
	border-top: #aaa dotted 1px;
	overflow: auto;
}
.item dt {
	font-size: 1.1em;
	font-weight: bold;
	line-height: 1.5;
	color: #3860a5;
	margin-bottom: 4px;
}
.item dl.right {
	width: 455px;
	float: right;
}
.item p.image {
	width: 160px;
	float: left;
}
#hotel h6 {
	border-bottom: #aaa dotted 1px;
}
#hotel ul {
	margin: 15px 0;	
}
#hotel li {
	padding-left: 12px;
	background: URL(/contents/assets/images/mk_list.gif) no-repeat left 5px;
}
#hotel li .city {
	color: #3860a5;
	font-weight: bold;
} 
*:first-child+html #hotel li {
	background-position: left 8px;
}
/* hide from Mac IE \*/
* html #hotel li {
	background-position: left 8px;
}
/* */
p#discount,
p#finish {
	clear: both;
	margin: 0 0 10px 88px;
}