/****************************
	グローバル
****************************/
div.rel {
	position:			relative;
}
div {
	word-break:			break-all;
}
.txt-left {
	text-align:			left !important;
}
/* width */
.w15 {
	width:				15px;
}
.w40 {
	width:				40px;
}
.w50 {
	width:				50px;
}
.w60 {
	width:				60px;
}
.w70 {
	width:				70px;
}
.w80 {
	width:				80px;
}
.w120 {
	width:				120px;
}
.w130 {
	width:				130px;
}
.w150 {
	width:				130px;
}
.w180 {
	width:				180px;
}
.w270 {
	width:				270px;
}
.w280 {
	width:				280px;
}
.w600 {
	width:				600px;
}
/* padding */
.pl10 {
	padding-left:		10px;
}
.pr10 {
	padding-right:		10px !important;
}
/* margin */
.mt5 {
	margin-top:			5px !important;
}
.ml20 {
	margin-left:		20px;
}
.ml50 {
	margin-left:		50px;
}
.mr5 {
	margin-right:		5px;
}
.mr10 {
	margin-right:		10px;
}
/* color */
.red {
	color:				red;
}
/* fontWeight */
.bld {
	font-weight:		bold !important;
}
/* LEFT */
.floLeft {
	float:left;
}
/* RIGHT */
.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;
}
/******************************
	Overrides
*******************************/
/* module.css */
/*
.h2 {
	width:940px;
	min-height:47px;
	margin:0;
	padding:0;
	background:url("../img/h2_title_bg.gif") repeat left bottom;
	border-top:4px solid #2E2E9D;
}
.h2 h2{
	border-top:1px solid #9999DE;
	margin:0;
	padding:13px 5px;
	color:#111184;
	font-weight:bold;
	font-size:150%;
	line-height:100%;

}
*/
/* layout.css */
#maincontents #left {
	float:left;
	width:189px;
}
#maincontents #right {
	float:right;
	width:739px;
}
/*
検索 絞込みエリア
-------------------------------------------------------------------------*/
.searchTitle{
	width:169px;
	padding:9px 10px 5px;
	background:url("../img/line_search_top.gif") no-repeat;
	font-weight:bold;
	color:#FFFFFF;
	text-align:center;
	min-height:17px;
}
body.jr .searchTitle {
	background:url("../img/line_search_top_jr.gif") no-repeat;
}
.searchFocus{
	width:155px;
	padding:0 17px 15px 17px;
	background:url("../img/line_search_bg.gif") repeat-y;
}
body.jr .searchFocus {
	background:url("../img/line_search_bg_jr.gif") repeat-y;
}
.searchFocus .title{
	color:#3434C9;
	font-weight:bold;
}
.searchFocus select{
	width:155px;
}
.searchFocus .jinin select {
	width:40px;
}
/********************************
	行程リスト
********************************/
div.title1 {
	width:				720px;
	margin:				10px 5px 0px 10px;
	border:				1px solid #A6A6A6;
	padding:			5px 0px;
	text-align:			center;
	background-color:	#EEEEEE;
	font-weight:		bold;
}
table.itinerary {
	width:				720px;
	margin:				10px 5px 0px 10px;
	border-collapse:	collapse;
	border-bottom:		1px solid #A6A6A6;
}
table.itinerary td
,table.itinerary th {
	border:				1px solid #A6A6A6;
	padding:			3px;
	vertical-align:		top;
}
table.itinerary td.title1 {
	text-align:			center;
	background-color:	#EEEEEE;
	font-weight:		bold;
}
table.itinerary td.title2 {
	text-align:			center;
	background-color:	#F3F3F3;
	font-weight:		normal;
}
table.itinerary td.header-jr {
	padding-left:		10px;
	/*background-color:	#6471D5;*/
	background-color:	#FF9C9E;
	color:				#FFFFFF;
	font-weight:		bold;
}
table.itinerary td.title-jr {
	text-align:			center;
	/*background-color:	#E8ECFF;*/
	background-color:	#FEE3D1;
	font-weight:		normal;
}
table.itinerary td.title-section {
	text-align:			left;
	background-color:	#E8ECFF;
	border-width:		2px;
	border-color:		#999999;
	font-weight:		bold;
	padding-left:		15px;
}
table.itinerary td.title-section div.sel{
	font-weight:		normal;
	padding-left:		20px;
}
table.itinerary td.title-section div.link{
	font-weight:		normal;
	padding-right:		20px;
}
table.itinerary table.no-border td {
	border:				none;
	padding:			0px;
}
table.itinerary tr.seiyaku
,span.seiyaku {				/* 選択すべき制約先素材 */
	background-color:	#FFD88E !important;
}
/********************************
	システムメンテナンス
********************************/
table.sysment {
	width:				720px;
	margin:				10px 5px 0px 10px;
	padding:			5px;
	border-collapse:	collapse;
	color:				#FF0000;
}
table.sysment td
,table.sysment th {
	border:				1px solid #FF0000;
	padding:			3px;
	vertical-align:		top;
}
/********************************
	行程表
********************************/
#Itinerary td.room {
	font-weight:		bold;
}
#Itinerary .sel {
	font-weight:		bold;
}
#Itinerary .vm {
	vertical-align:		middle;
}
#Itinerary .ng {
	background-color:	#F3F3F3;
	color:				#999999;
}
#Itinerary .no-side-border {
	border-right:		none;
	border-left:		none;
}
#Itinerary table.jrItinerary {
	width:				100%;
}
#Itinerary table.jrItinerary td {
	border:				none;
	padding:			0px;
	vertical-align:		middle;
	line-height:		1.2em;
}
#Itinerary table.jrItinerary tr.bb td {
	border-bottom:		1px solid #C8C8C8;
}
/********************************
	JR行程表
********************************/
#Jr_ReturnMessage {
	width:				720px;
	margin:				10px 5px 0px 10px;
	border:				1px solid #A6A6A6;
	padding:			20px 0px;
	text-align:			center;
	background-color:	#EEEEEE;
	font-weight:		normal;
}
/*-- 選択ボタン --*/
.jrSelection table.classKind td
,.jrSelection table.facilitiesKind td
,.jrSelection table.path td{
	vertical-align:		middle;
}
.jrSelection table.classKind td.btn div
,.jrSelection table.facilitiesKind td.btn div
,.jrSelection table.path td.btn div{
	width:				34px;
	margin:				2px 5px 2px 3px;
	text-align:			center;
}
/*-- 経路 --*/
.jrSelection table.path{
	margin:				5px 2px;
}
.jrSelection table.path td{
	vertical-align:		middle;
	border:				none;
	padding:			5px 0px 5px 0px;
}
/* 駅 */
.jrSelection td.sta div{
	float:				left;
	border:				1px solid #8570FA;
	padding:			0px 5px;
}
/* 線路 */
.jrSelection table.path td.rail{
	padding:			0px 15px;
	background:			url(../img/track_green.gif) repeat-x center;
}
.jrSelection table.path td.empty{
	background:			url(../img/track_black.gif) repeat-x center;
}
.jrSelection table.path td.rail div{
	float:				left;
	padding:			3px;
	text-align:			center;
	font-size:			11px;
	line-height:		1.2em;
}
.jrSelection table.path td.rail div span {
	background-color:	#FFFFFF;
	padding:			0px 2px;
}
.tr-up {
	cursor:				pointer;
}
.tr-dn {
	background:			#DDDDDD;
	color:				red;
	cursor:				pointer;
}
.over {
	background:			#FFDEAD;
}
/********************************
	乳幼児ボックス
********************************/
/********************************
	料金表示
********************************/
#PaymentAmount {
	width:				712px;
	margin:				10px 5px 0px 10px;
	border:				1px solid #A6A6A6;
	padding:			3px;
}
#PaymentAmount .top {
	height:				30px;
	vertical-align:		bottom;
}

/********************************
	部屋リスト
********************************/
#Room select.shitsusu {
	width:40px;
}
#Room tr.sel {		/* 選択されている部屋 */
	/*font-weight:		bold;*/
	color:				#FF3333;
}
#Room th {
	text-align:			center;
	vertical-align:		middle;
	font-weight:		normal;
}
#Room td.cntr {
	text-align:			center;
}
#Room td.price {
	text-align:			right;
}
#Room td.empty
,#Room th.empty {
	background-color:	#F6F6F6;
}
#Room table.jinin {
	width:				120px;
}
#Room table.jinin td {
	border:				0;
	padding:			0px;
	text-align:			left;
}

/********************************
	交通
********************************/
.traffic tr.even {
	background-color:	white;
}
.traffic tr.odd {
	background-color:	#F3F3F3;
}
.traffic tr.hide {	/* オンライン対応[TY:8/25/2008] */
	display:			none;
}
.traffic tr.show {
	/*display:			block;*/
}
.traffic tr.sel {		/* 選択されている交通行程 */
	/*font-weight:		bold;*/
	color:				#FF3333;
}
.traffic td.sg-title {
	border-left:		0px;
	border-right:		0px;
	font-weight:		bold;
}
.traffic td.top {
	border-top:		0px;
}
.traffic td.empty {
	background-color:	#F6F6F6;
}
.traffic table.jinin {
	width:				120px;
}
.traffic table.jinin td {
	border:				0;
	padding:			0px;
	text-align:			left;
}
/********************************
	POST XML用
********************************/
pre {
	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 .tag {
	/*background-color:	#FFFF80;*/
	color:				#777777;
}
pre .tbl {
	color:				red;
}

/********************************
	行程切替タブ
********************************/
.itinTab{
	margin:0px 0px 0px 5px;
	padding:0;
	width:730px;
	min-height:30px;
}
.itinTab .left{
	width:720px;
}
.itinTab .right{
	text-align:right;
}
.itinTab .solid{
	margin:0;
	padding:0;
	min-height:22px;
}
.itinTab .element{
	margin:0;
	padding:0 1px 0 2px;
	float:left;
	min-height:30px;
	background:transparent url("../img/tab_b_bg.gif") no-repeat;
}
.itinTab .element.current{
	background:transparent url("../img/tab_b_bg_cur.gif") no-repeat;
}
body.jr .itinTab .element.current{
	background:transparent url("../img/tab_b_bg_cur_jr.gif") no-repeat;
}
.itinTab .element a{
	display:block;
	margin:0;
	padding:7px 0 3px;
	text-align:center;
	width:138px;
	min-height:20px;
	color:#595959;
	background:transparent url("../img/tab_b_bg2.gif") no-repeat left bottom;
}
.itinTab .element h4{
	margin:0;
	padding:7px 0 3px;
	text-align:center;
	width:138px;
	min-height:20px;
	color:#FFFFFF;
	font-weight:bold;
	font-size:100%;
	background:transparent url("../img/tab_b_bg2_cur.gif") no-repeat left bottom;
}
body.jr .itinTab .element h4{
	background:transparent url("../img/tab_b_bg2_cur_jr.gif") no-repeat left bottom;
}
.itinTab .element div.na{
	display:block;
	margin:0;
	padding:7px 0 3px;
	text-align:center;
	width:138px;
	min-height:20px;
	color:#999999;
	background:transparent url("../img/tab_b_bg2.gif") no-repeat left bottom;
}
.itinTab .element a:hover,
.itinTab .element a:active{
	color:#FF9933;
}
.itinTab .clearTabLine{
	clear:both;
	background-color:#6471D5;
	width:730px;
	height:5px;
}
body.jr .itinTab .clearTabLine {	/*-- FORCIA, 3/10/2008 --*/
	background-color:#FF6633;
}

/*------------------
	データバージョン
-------------------*/
#DataVersion {
	color:				#FFFFFF;
	font-size:			8px;
	font-weight:		normal;
}
/*プラン一覧リンク iconPlanDetail*/
.iconPlanDetail{
	margin:0;
	padding-left:10px;
	text-align:left;
}
.iconPlanDetail a{
	margin:0;
	padding:0 0 0 14px;
	background:url("../../shared/images/icon_anchor_normal_gray.gif") no-repeat 0 2px !important;
}
/*-------------------
	宿泊オプション
--------------------*/
table.staying-option {
	width:				100%;
/*	border-collapse:	collapse; */
}
table.staying-option td
,table.staying-option th {
	border:				none;
	font-weight:		normal;
	vertical-align:		top;
	text-align:			left;
}
table.staying-option th {
	width:				190px;
	background-color:	#F0F0F0;
	border-color:		#D9D9D9 #F0F0F0 #D9D9D9 #F0F0F0;
	border-style:		none solid solid solid;
	border-width:		1px 1px 1px 8px;
	padding:			8px 8px 8px 0px;
}
table.staying-option td {
	background-color:	#F9F9F9;
	border-color:		#D9D9D9 #F9F9F9 #D9D9D9 #F9F9F9;
	border-style:		none solid solid solid;
	border-width:		1px 8px 1px 1px;
	padding:			8px 0px 8px 8px;
}
table.staying-option td p
,table.staying-option th p {
	font-weight:		normal;
	line-height:		120%;
}
/*==================
	ボタン
==================*/
#DepArr_Going div
,#DepArr_Return div {
	width:				70px;
	float:				left;
	text-align:			center;
	margin:				1px 3px;
	line-height:		1.2em;
}
#DepArr_Going div.cleared
,#DepArr_Return div.cleared {
	display:block;
	clear:both;
	width:auto;
	height:1px;
	margin:0;
	padding:0;
	line-height:1px;
	font-size:1px;
	overflow:hidden;
}
.btn-up {
	border:				1px solid #CCCCCC;
	border-right:		1px solid #666666;
	border-bottom:		1px solid #666666;
	background:			#EEEEEE;
	color:				#333333;
	cursor:				pointer;
	padding:			1px;
}
.btn-up-over {
	border:				1px solid #CCCCCC;
	border-right:		1px solid #666666;
	border-bottom:		1px solid #666666;
	background:			#FFDEAD;
	color:				#333333;
	cursor:				pointer;
	padding:			1px;
}
.btn-dn {
	border:				1px solid #CCCCCC;
	border-left:		1px solid #666666;
	border-top:			1px solid #666666;
	background:			#BBBBBB;
	color:				#333333;
	cursor:				pointer;
	padding:			2px 0px 0px 2px;
}
.btn-dn-over {
	border:				1px solid #CCCCCC;
	border-left:		1px solid #666666;
	border-top:			1px solid #666666;
	background:			#FFDEAD;
	color:				#333333;
	cursor:				pointer;
	padding:			2px 0px 0px 2px;
}
.btn-na {
	border:				1px solid #FFFFFF;
	background:			#F3F3F3;
	color:				#A3A3A3;
	cursor:				default;
	padding:			1px;
}

/*==================
	備考
==================*/
div.remarks {
	width:				712px;
	margin:				10px 5px 0px 10px;
	border:				1px solid #A6A6A6;
	padding:			3px;
	vertical-align:		top;
}
div.remarks-left {
	margin:				10px 0px 5px 0px;
	border:				1px solid #A6A6A6;
	padding:			3px;
	vertical-align:		top;
	font-size:			0.9em;
}
div.remarks-left span.red {
	color:		#E70743;
}
.square div {
	float:				left;
}
/*==================
	基準行程
==================*/
.traffic tr.baseItin {
	background-color:	#FFE4E1;
	font-weight:		bold;
}
/*==================
	管理
==================*/
.admin {
	font-weight:		normal;
	color:				#A0522D;
}

/********************************
	プランニングシートメッセージ
********************************/
#PlanningSheetMessage {
	width:				712px;
	margin:				10px 5px 0px 10px;
	border:				1px solid #A6A6A6;
	padding:			20px 0px;
	color:				red;
	text-align:			center;
}
/********************************
	Warning
********************************/
#Warning {
	position:			absolute;
	background-color:	white;
	border:				2px solid #A6A6A6;
	padding:			20px 10px;
	color:				red;
	text-align:			center;
	font-size:			14px;
	z-index:			1000;
}
#Spook {
	margin:				0px;
}
#HC {
	position:			absolute;
	top:				0px;
	left:				0px;
}
#BTM {
	position:			absolute;
}
.opac30 {
	filter:				Alpha(opacity=30);
	-moz-opacity:		0.30;
	-khtml-opacity:		0.30;
	opacity:			0.30;
}
.opac60 {
	filter:				Alpha(opacity=60);
	-moz-opacity:		0.60;
	-khtml-opacity:		0.60;
	opacity:			0.60;
}
.opac80 {
	filter:				Alpha(opacity=80);
	-moz-opacity:		0.80;
	-khtml-opacity:		0.80;
	opacity:			0.80;
}
/********************************
	オンライン文言
********************************/
div.online {
	margin:				5px 5px 0px 20px;
	width:				710px;
}
div.online div {
	vertical-align:		middle;
	line-height:		1.4em;
}
div.online em {
	color:				red;
}
/********************************
	周遊
********************************/
#RoomContainer {
	position:			relative;
}
#RoomContainer div.btn-add {
	position:			absolute;
	top:				3px;
	right:				20px;
}
#BlockLayer {
	position:			absolute;
	z-index:			1;
	top:				0px;
	left:				0px;
	width:				1px;
	height:				1px;
	filter:				Alpha(opacity=70);
	-moz-opacity:		0.70;
	-khtml-opacity:		0.70;
	opacity:			0.70;
}
#LayerContainer {
	position:			absolute;
	display:			none;
	top:				0px;
	left:				0px;
	z-index:			2;
	background-color:	white;
	color:				black;
	border:				2px solid #666666;
	padding:			0;
}
#LayerContainer div.loading {
	margin-top:			50px;
	text-align:			center;
	font-size:			14px;
	color:				#666666;
}
#LayerContainer div.layer-title {
	float:				left;
	margin:				5px;
	margin-bottom:		0;
	font-size:			14px;
}
#LayerContainer div.btn-close {
	float:				right;
	margin:				5px;
}
#LayerTitle {
	padding:			0;
	margin:				0;
}
#LayerTitle div.ListHeader {
	font-size:			12px;
	margin-left:		10px;
	margin-right:		10px;
	margin-bottom:		5px;
}
#LayerTitle div.ListHeader table {
	padding-right:		10px;
}
#DataCount {
	margin-top:			10px;
	float:				left;
}
#PageShift {
	margin-top:			10px;
	float:				right;
}
#LayerTitle span.count {
	color:				red;
	font-weight:		bold;
	font-size:			14px;
}
#LayerPax {
	width:				90px;
}
#LayerArea {
	width:				190px;
}
#LayerRoomTypeEc {
	width:				80px;
}
#LayerMealCond {
	width:				110px;
}
/*----------------
	リスト
----------------*/
#LayerList {
	position:			relative;
	overflow:			auto;
	border-top:			1px solid #999999;
	border-bottom:		1px solid #999999;
}
#LayerList table.item {
	margin:				5px 5px 5px 10px;
}
/*
#LayerList tr.shisetsu {
	background-color:	#F6EED7;
}
*/
#LayerList td {
	font-size:			12px;
	vertical-align:		top;
	color:				#595959;
}
#LayerList td.img {
	padding:			3px;
	background-color:	#F6EED7;
}
#LayerList td.hotel {
	padding:			5px;
	width:				400px;
	background-color:	#F6EED7;
}
#LayerList div.line {
	width:				500px;
	/*border-bottom:		2px solid #BBBBBB;*/
	margin-top:			5px;
	margin-bottom:		10px;
}

/*----------------
	周遊カレンダー
----------------*/
#LayerList table.cal {
	width:				auto;
	table-layout:		fixed;
	border-collapse:	collapse;
	border-spacing:		0;
	clear:				both;
	border-bottom:		1px solid #CCCCCC;
	margin:				0px 5px 5px 5px;
}
#LayerList table.cal td {
	border:				1px solid #CCCCCC;
	padding-top:		3px;
	padding-bottom:		3px;
	line-height:		1.3em;
}
#LayerList table.cal td.head {
	width:				85px;
	padding-left:		3px;
}
#LayerList table.cal td.hol {
	background-color:	#F9E0E5;
}
#LayerList table.cal td.sat {
	background-color:	#DCE1FC;
}
#LayerList table.cal td.sz-title {
	width:				85px;
	padding-left:		7px;
}
/* 追加済 */
#LayerList table.cal td.na-hol {
	background-color:	#E4CBD0;
}
#LayerList table.cal td.na-sat {
	background-color:	#C7CCE7;
}
#LayerList table.cal td.na-wd {
	background-color:	#EAEAEA;
}
#LayerList table.cal td.hol
,#LayerList table.cal td.sat
,#LayerList table.cal td.wd
,#LayerList table.cal td.na-hol
,#LayerList table.cal td.na-sat
,#LayerList table.cal td.na-wd {
	width:				50px;
	text-align:			center;
}
#LayerList table.cal td.cell {
	text-align:			center;
}
#LayerList table.cal div.opener {
	float:				right;
	margin-right:		3px;
}
#LayerList table.cal td.indent {
	border-left:		0;
	border-top:			0;
}
#LayerList table.cal td.bottom {
	border-bottom:		1px solid white;
}

/*------------------
	サブレイヤー
-------------------*/
#SubLayerContainer {
	position:			absolute;
	display:			none;
	top:				0px;
	left:				0px;
	z-index:			10;
	padding:			0;
	background-color:	transparent;
}
#SubLayerContents {
	background-color:	white;
	border:				2px solid #999999;
	font-size:			12px;
}
#SubLayerContents div.loading {
	margin:				20px;
	font-size:			12px;
}
#SubLayerPointer {
	position:			relative;
	top:				2px;
	padding:			0;
	background-color:	transparent;
	width:				50px;
}
table.LayerTable {
	padding:			5px;
}
table.LayerTable table.LayerSubTable {
	width:				auto;
	table-layout:		fixed;
	margin:				0;
}
table.LayerTable table.LayerSubTable table.jinin td {
	border:				0;
	padding:			0px;
	text-align:			left;
}
/*----------------------
	追加宿泊素材行程
----------------------*/
#AddSozaiContents div.SozaiTitle {
	margin:				10px 5px 0px 10px;
	font-weight:		bold;
}
#AddSozaiContents td.cntr
,table.LayerSubTable td.cntr {
	text-align:			center;
}
#AddSozaiContents td.price
,table.LayerSubTable td.price {
	text-align:			right;
}
#AddSozaiContents table.jinin td {
	border:				0;
	padding:			0px;
	text-align:			left;
}

table.LayerSubTable th.roomTitle {
	width:				150px;
}
/*---------------------------------
	臨時メッセージ[TY:7/18/2008]
---------------------------------*/
div.tmpMessage {
	color:				red;
}
/*---------------------------------
	JRセットプランへのリンク[TY:7/31/2008]
---------------------------------*/
div.SetPlan {
	position:			absolute;
	right:				10px;
	top:				3px;
	font-weight:		normal;
}

#DepArr_Going div.sta-msg,#DepArr_Return div.sta-msg {
	float: right;
	width: 490px;
	text-align: right;
}
/*---------------------------------
	宿泊日選択不可グレーアウト[KH:7/26/2010]
---------------------------------*/
option.na {
	background-color:#DDDDDD;
	color:#999999;
}

#attention_message {
	border : 2px solid red;
	margin : 3px 0;
	padding : 6px;
	color:red;
	font-size: 13px;
}
#attention_message span {
	font-weight : bold;
}