/*-----------------------
	Global
-----------------------*/
html {
	overflow:				hidden;
}
body {
	background-color:		white;
	overflow:				hidden;
	width:					auto;
	border:					none;
}
*.mt5 {
	margin-top:				5px;
}
*.ml5 {
	margin-left:			5px;
}
*.ml10 {
	margin-left:			10px;
}
*.ml20 {
	margin-left:			20px;
}
*.mr5 {
	margin-right:			5px;
}
*.m5 {
	margin:					5px;
}
*.w100 {
	width:					100px;
}
*.w150 {
	width:					150px;
}
*.w200 {
	width:					200px;
}
/*-----------------
		FLOAT
-----------------*/
.floLeft {
	float:				left;
}
.floRight {
	float:				right;
}
/* CLEAR */
*.cleared {
	display:			block;
	clear:				both;
	width:				auto;
	height:				1px;
	margin:				0;
	padding:			0;
	line-height:		1px;
	font-size:			1px;
	overflow:			hidden;
}
*.rel {
	position:				relative;
}
*.red {
	color:				red;
}
*.border {
	border:				1px solid #CCC;
}
/****************************
	ツアー詳細
****************************/
#header li#logo {
	top:					3px;
	left:					100px;
	width:					50px;
	height:					15px;
}
#pastlist {
	margin-top: 			5px;
}
div.contents {
	padding-top:			5px;
	padding-bottom:			0px;
}
div#maincontents {
	width: 					760px;
	height: 				auto;
	margin-right: 			auto;
	margin-left: 			auto;
	border-left:			1px solid #B8CBDC;
	border-right:			1px solid #B8CBDC;
}
div.main_header {
/*	width:					645px; [NTA-96:20121012] */
	width:					100%;
}
strong.title {
	margin-bottom:			0px;
}
img.tourPhoto {
	float:					right;
	display:				block;
	width:					75px;
	height:					100px;
}
div.main_header div.phone {
	line-height:			1.2em;
	text-align:				center;
	margin-left:			auto;
	margin-right:			auto;
	color:					#CC0000;
}
/*---------------------
	header
----------------------*/
#header {
	background:   url("../images/menu_detail_h_bg.gif") no-repeat;
}

/*---------------------
	navi
----------------------*/
div.navi {
	margin-bottom:	0px;
	height:31px;
	clear: both;
}
div.navi ul li span {
	display: block;
	width: 183px;
	height: 20px;
	color: #FFFFFF;
	background-color: #006699;
	text-decoration: none;
	text-align: center;
	padding-top: 2px;
	padding-bottom: 2px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #333333;
	border-right-color: #006699;
	border-bottom-color: #006699;
	border-left-color: #333333;
}
/*---------------------
	tabContents
----------------------*/
div#bodyContents {
	overflow-x:			visible;
	overflow-y:			auto;
	position:			relative;
	top:				-1px;
	width:				720px;
	border-top:			1px solid #B4B4B4;
}
div#bodyContents div.fore {
	display:			block;
	margin:				5px 0px;
}
div#bodyContents div.back {
	display:			none;
	margin:				5px 0px;
}
div#bodyContents div.message {
	text-align:			center;
	padding-top:		50px;
	font-size:			14px;
	display:			none;
	line-height:		2em;
}

div#bodyContents div.info {
	font-size:			12px;
	margin:				5px;
}
/*============================
	基本情報・日程・ホテル
=============================*/
table.width_style2 th {
	width:				30px;
	text-align:			center;
}
table.width_style1 th	{
	width:				120px;
}
table.width_style1 td {
	width:				570px;
}
ul.style1 {
	float: left;
	width: 390px;
}
ul.style2 {
	float: left;
	width: 290px;
}
ul.style3 {
	float: left;
	width: 270px;
}
div.choiceContainer {
	margin-left:		20px;
	margin-right:		20px;
	margin-top:			5px;
	margin-bottom:		10px;
	border:				1px solid red;
	background-color:	#FFFFCC
}
table.itinerary div.detail {
	margin-top:			10px;
	margin-bottom:		10px;
}
div.detail div.plan {
	background-color: #006699;
	color:			#FFFFFF;
	padding:		0px 2px;
	margin-top:		3px;
	margin-right:	10px;
	float:			left;
}
div.detail div.planItem {
	float:			left;
	line-height:	2em;
	width:			580px;		/* [TY:20090514] */
}
/* [TY:20090514] */
div.detail div.planItem div.dd {
	border-bottom:	1px dotted #999;
	line-height:	1em;
	margin-top:		10px;
	margin-bottom:	5px;
}
/*
div.detail div.planItem a.btn {
	margin:				0px 5px 2px 2px;
	padding:			2px 5px;
	text-decoration:	none;
	border:				1px solid #CCC;
	color:				#333;
}
div.detail div.planItem a.btn:hover {
	background-color:	#FFFF99;
	color:				#FF8C00;
}
div.detail div.planItem a.up {
	background-color:	#EEE;
	border-right:		1px solid #333;
	border-bottom:		1px solid #333;
}
div.detail div.planItem a.dn {
	background-color:	#BBB;
	color:				black;
	border-left:		1px solid #333;
	border-top:			1px solid #333;
}
*/
div.detail span.meal {
	background-color: #006699;
	color: #FFFFFF;
	padding: 2px;
	margin-right: 10px;
}
/*---------------------
	代替都市
--------------------*/
div.SubCity {
	position:			absolute;
	top:				0px;
	left:				80px;
	width:				570px;
	background-color:	#FFFFCC;
	border:				2px solid #999;
	padding:			10px;
	overflow:			hidden;
}
div.SubCity div.title {
	float:				left;
	width:				540px;
	font-size:			12px;
	font-weight:		bold;
	background-color:	#E0FFFF;
	padding:			2px 5px;
	border:				1px solid #4682b4;
}
div.SubCity div.close {
	float:				right;
	margin-top:			-5px;
	margin-right:		-3px;
}
div.SubCity div.close img {
	border:				0;
}
div.SubCity table {
	table-layout:		fixed;
	width:				560px;
	margin:				5px 0px;
}
div.SubCity table td {
	vertical-align:		top;
}



/*============================
	料金確認・予約へ
=============================*/
div#PriceContents *.box {
	width:				690px;
	margin:				5px 0px 5px 5px;
}
/*----------------
	料金カレンダー
-----------------*/
div#PriceContents div.calendarContainer1
,div#PriceContents div.calendarContainer2 {
	float:				left;
	display:			inline;
	width:				340px;
	margin-left:		5px;
	padding:			0;
}
div#PriceContents div.calendarContainer2 {
	margin-left:		10px;
}
/*	月タイトル	*/
div#PriceContents div.month{
	text-align:			center;
	font-weight:		bold;
	position:			relative;
	width:				340px;
}
div#PriceContents div.prev{
	position:			absolute;
	left:				5px;
	top:				0px;
	font-weight:		normal;
}
div#PriceContents div.month div.next{
	position:			absolute;
	right:				5px;
	top:				0px;
	font-weight:		normal;
}
/*	本体	*/
div#PriceContents table.days{
	width:				340px;
	margin:				0;
	table-layout:		fixed;
	border-collapse:	collapse;
}
div#PriceContents table.days th
,div#PriceContents table.days td{
	width:				14%;
	text-align:			center;
	line-height:		1.2em;
	padding:			0;
}
/*	週タイトル */
div#PriceContents table.days th {
	color:				white;
	background-color:	#999;
}
div#PriceContents table.days th.sunday {
	background-color:	red;
}
div#PriceContents table.days th.saturday {
	background-color:	blue;
}
/*	日付 */
div#PriceContents table.days td {
	vertical-align:		top;
	height:				45px;
	border:				1px solid #DDD;
	color:				black;
}
div#PriceContents table.days td.ob {
	color:				#AAA;
}
div#PriceContents table.days td.today {
	font-weight:		bold;
	color:				black;
}
div#PriceContents table.days td a.sel {
	border:				2px solid red;
}
div#PriceContents table.days td a.sel span.day {
	font-weight:		bold;
	color:				red;
}
div#PriceContents table.days td.ns {
	color:				#666;
}
/*	日付セル内 */
div#PriceContents table.days td img {
	border:				0;
	margin-left:		3px;
}
div#PriceContents table.days td span {
	display:			block;
}
div#PriceContents table.days td span.day {
	text-align:			center;
	padding-top:		2px;
	background-color:	white;
}
div#PriceContents table.days td a {
	display:			block;
	color:				blue;
	text-decoration:	none;
}
div#PriceContents table.days td a:hover {
	display:			block;
	color:				red;
}
div#PriceContents table.days td.sunday
,div#PriceContents table.days td span.sunday {
	background-color:	#faebd7;
}
div#PriceContents table.days td.sat
,div#PriceContents table.days td span.saturday {
	background-color:	#e0ffff;
}
div#PriceContents table.days td span.stock {
	text-align:			center;
	position:			relative;
	padding-top:		2px;
	width:				100%;
	font-size:			14px;
	font-weight:			bold;
}
div#PriceContents table.days td span.season {
	position:			absolute;
	top:				2px;
	left:				0px;
	font-size:			14px;
	width:				15px;
	font-weight:			normal;
}
div#PriceContents table.days td span.g {
	position:			absolute;
	top:				4px;
	right:				6px;
	_right:				2px;
	width:				10px;
	height:				10px;
}
div#PriceContents table.days td span.price {
	clear:				both;
	font-size:			10px;
}
/*----------------------
	料金テーブル
----------------------*/
div#PriceContents table.priceTable {
	width:				auto;
	margin-left:		5px;
	margin-top:			5px;
	border-collapse:	collapse;
	border:				2px solid #999;
}
div#PriceContents table.priceTable th {
	text-align:			center;
	vertical-align:		top;
}
div#PriceContents table.priceTable th
,div#PriceContents table.priceTable td {
	padding:			2px;
	border:				1px solid #CCC;
}
div#PriceContents table.priceTable td {
	text-align:			right;
}
div#PriceContents table.priceTable td.seasonality {
	text-align:			center;
	color:				black;
}
/*--------------------
	人員種別案内
---------------------*/
div#PriceBiko p {
	margin:				0;
}
/*----------------------
	別途料金テーブル
----------------------*/
div#PriceContents table.chargeTable {
	width:				610px;
	margin-top:			10px;
	border-collapse:	collapse;
	border:				2px solid #999;
}
div#PriceContents table.chargeTable td {
	padding:			2px;
	border:				1px solid #CCC;
	text-align:			left;
}
/*----------------------
	予約
----------------------*/
div#PriceContents table.apply {
	border-collapse:	collapse;
	border:				1px solid #999;
}
div#PriceContents table.apply th
,div#PriceContents table.apply td {
	padding:			2px;
	border:				1px solid #CCC;
	text-align:			left;
}
div#PriceContents table.apply th {
	font-weight:		bold;
}
div#PriceContents div.buttons {
	margin:				10px 0px;
	text-align:			center;
}
div#PriceContents div.buttons input {
	width:				120px;
	margin:				0px 20px;
}
div#PriceContents table.apply div.PriceTypeList {
	float:				left;
	width:				auto;
	margin-left:		10px;
}
/*----------------------
	完了メッセージ
----------------------*/
div#CompletionMessage {
	margin-top:			5px;
	margin-left:		30px;
	color:				red;
	display:			none;
}
div#CompletionMessage ul {
	margin:				0px 0px 5px 0px;
	padding-left:		20px;
	padding-right:		10px;
}
div#CompletionMessage li {
	line-height:		1.2em;
	margin-top:			5px;
}
/*============================
	追加プラン・オプショナル
=============================*/
div#PlanContents table.plan {
	table-layout:		fixed;
	width:				700px;
}
div#PlanContents td.dd {
	background-color:	#E4E4E4;
	text-align:			center;
}
div#PlanContents span.price {
	margin-right:		10px;
}
div#PlanContents table.plan tr.hide td {
	margin:				0;
	padding:			0;
	line-height:		1px;
	font-size:			1px;
	overflow:			hidden;
	border:				1px solid transparent;
}
/****************************
	dev
****************************/
*.dev {
	color:				mediumvioletred;
}
#debugWrap table {
	border:				0;
	margin:				0;
	width:				auto;
}
#debugWrap td {
	padding:			1px;
	line-height:		1em;
	font-size:			11px;
}
pre#SubmitResult {
	margin:				0px;
	white-space: 		-moz-pre-wrap; /* Mozilla */
	white-space: 		-pre-wrap;     /* Opera 4-6 */
	white-space: 		-o-pre-wrap;   /* Opera 7 */
	white-space: 		pre-wrap;      /* CSS3 */
	word-wrap: 			break-word;      /* IE 5.5+ */
	border:				1px solid #999999;
	background-color:	#FFFFCC;
	color:				black;
	line-height:		1.0em;
	font-family:		'Courier New', Courier, Monospace;
	font-size:			11px;
	padding:			5px;
}
pre#SubmitResult .tag {
	/*background-color:	#FFFF80;*/
	color:				#777777;
}
pre#SubmitResult .top {
	color:				red;
}
/****************************
	viewer
****************************/
.not-available {
	background-color:	#FFFFBB;
	color:				#666;
}

.navi img {
	border-style:none;
}

div.navi ul li a,div.navi ul li a:link,div.navi ul li a:visited,div.navi ul li a:active,div.navi ul li a:hover {
	width: auto;
	background-color : none;
	border-style:none;
	display:block;
	height:auto;
	padding:0;
}
div.navi ul li a:link, div.navi ul li a:visited {
	border-style:none;
}
h2  {
	background-image:url("../images/h2_bg.gif");
	background-repeat: no-repeat; 
	background-color:transparent;
	height:30px;
	padding:0 0 0 20px;
	border-left: none;
	border-bottom: none;
	line-height:30px;
}

div.detail {
	padding:3px;
}

div.box_inner {
	padding-left:5px;
}

div#bodyContents {
	width:725px;
}

.planItem img {
	border-style:none;
}

.next_btn {
	text-align : center;
}

div#PriceContents div.buttons input#goBooking {
	width : auto;
}

table.itinerary div.detailplan {
	background-color : #FFE8E8;
}

div.price_prompt {
	text-align : center;
}

div.price_prompt .number {
	font-family:Arial;
	font-size:1.8em;
	font-weight:bold;
}

div.price_prompt .price {
	color:#E7262F;
}

div.img_box div {
	margin-bottom:15px;
}

div.navi {
	height:31px;
	font-size:0px;
}

div.navi ul li {
	width:240px;
	height:31px;
}

div.navi ul li a {
	width:240px;
	height:31px;
}

div.navi ul li a:link{
	width:240px;
	height:31px;
}

div.navi ul li a:active, div.navi ul li a:hover {
	width:240px;
	height:31px;
}
div.navi ul li a:link, div.navi ul li a:visited {
	width:240px;
	height:31px;
}
/* [KH:20100118] */
div#PriceContents table.days td span.wt {
	padding-top: 14px;
	font-size: 9px;
	font-weight:			normal;
}