@charset "utf-8";

table, td {padding:0; margin:0;}

body  {
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	background: #FFFFFF;
	margin: 0; /* 複数の異なるブラウザの初期設定値に対応するため、body エレメントのマージンと余白を 0 にすることをお勧めします */
	padding: 0; /* これにより、IE 5* ブラウザではコンテナが中央揃えになります。そして、テキストは、#container セレクタの初期設定である左揃えに設定されます */
	color: #333333;
	font-size:84%;
}


/* ハック 3ピクセルテキストジョグ対応　*/
* html { height: 1%; }

.tDesk #mainContent { zoom: 1; }


/* ページ枠　*/
.tDesk #container {
	width: 950px;
	background: #FFFFFF;
	margin: 0;
	padding: 0;
	text-align: left;
} 

/**　ヘッダ＋メインメニュー　*********************************************************************/

/* ヘッダ＋メインメニュー　*/
.tDesk #header {
	background: #FFFFFF;
	padding: 0;
	height: 55px;
	width: 950px;
} 
.tDesk #header p {
	margin: 0; /* #header div の最後のエレメントのマージンを 0 に設定することにより、マージンの相殺（div 間の原因不明のスペース）が回避されます。div の周囲に境界線が適用されている場合は、境界線によってマージンの相殺が回避されるため、この操作は不要です */
	padding: 0; /* マージンの代わりに余白を使用して、エレメントを div の端に接触しない位置に維持することができます */
}

/**　コンテンツ表示エリア　*********************************************************************/

	
	/* その他ページ：サイドバー無し：表示領域950px　*/
	.tDesk #mainContent2 {
	margin: 0;
	padding: 0;
	width: 950px;
	} 
	
	#mainContent2 p {
		margin: 0;
	}


/*** フッター *********************************************************************/
.footerLink{
padding-top: 20px;
padding-bottom: 18px;
text-align: center;
}

.footerLink span{
padding-top: 20px;
}

.footerLink a{
	background-image: url(../image/arw02.gif);
	background-repeat: no-repeat;
	background-position: left top;
	padding-left:17px;
	padding-left: 12px;
	margin-right: 40px;
}

	
	
/**　パンくずリスト　*********************************************************************/

	/* パンくずリスト　*/
	#pankuzu	{
	padding: 3px 3px 3px 15px;
	font-size:11px;
	color:#666666;
	background-color: #EAEAEA;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #CCCCCC;
	}
	
/***********************************************************************/

	
	/*** アンカー ***/
	a:link {
		color :#003399;
		text-decoration :underline;
	}
	
	a:visited {
		color :	#003399;
		text-decoration :underline;
	}
	
	a:hover {
		color :#D20000;
		text-decoration :underline;
	}
	
	a:active {
		color :#D20000;
		text-decoration :underline;
	}

	.nmltxt {
	width: 100%;
	padding:10px;
	}
	
	.nmltbl {
	border:1px solid #999999;
	border-collapse:collapse;
	padding:0;
	margin:2px;
	}
	
	.nmltbl th {
	padding:5px;
	font-weight:bold;
	background-color:#EFF0F1;
	border:1px solid #999999;
	color: #333333;
	}
	
	.nmltbl td {
	border:1px solid #999999;
	padding:5px;
	}


	

	
/***　トラベルデスク　********************************************************************/


	/*** トラベルデスク　テーブル ***/
	.desk {
	border: 1px solid #C6C6C6;
	background-color: #C1D1EA;
	padding: 1px;
	margin-bottom:8px;
	}

	/*** 注意事項欄（白地） ***/
	.dscr02 {
	padding: 0px;
	color: #666666;
	font-size: 90%;
	margin-top: 10px;
	margin-right: 10px;
	margin-bottom: 10px;
	margin-left: 10px;
	}
	
	
	/*** トラベルデスク詳細　デスク名＆印刷ボタン ***/
	#desktitle{
	width: 950px;
	height: 60px;
	background-image: url(../image/ti_desktitle_wall.gif);
	background-repeat: no-repeat;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #CCCCCC;
	}

	.print {
	width:950px;
	height:45px;
	margin-top:10px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	text-align: right;
	} 

	/*** デスク詳細　テーブルヘッダ（左寄せ） ***/
	.deskth01 {
	background-color: #53A6C4;
	padding: 6px;
	text-align:left;
	font-weight:bold;
	color: #EFEFEF;
	vertical-align: top;
	}
	
	/*** デスク詳細　説明（センタリング） ***/
	.deskthinfo01 {
	background-color: #53A6C4;
	padding: 6px;
	text-align:center;
	font-weight:bold;
	color: #EFEFEF;
	vertical-align: top;
	}		
	
	/*** トラベルデスク　テーブルセル ***/
	.desktd01 {
	background-color: #FFF;
	padding: 4px;
	vertical-align:top;
	line-height: 1.1em;
	text-align: left;
	}
	
	.desktd01 ul {
	padding: 0;
	margin:0;
	}

	.desktd01 li {
	list-style-position:outside;
	background-image: url(../image/arw02.gif);
	background-repeat: no-repeat;
	background-position: left top;
	padding-left:17px;
	padding-bottom:5px;
	list-style-type: none;
	}
	
	
	
	/*** ページ内見出し ***/
	.t_tdmidashi {
	background-image: url(../image/ti_desk_wall.gif);
	background-repeat: no-repeat;
	height: 36px;
	width: 950px;
	font-size: 16px;
	font-weight: bold;
	}
	
	.t_tdmidashi .midashi {
	width: 900px;
	margin-left:20px;
	padding-top:0.6em;
	font-size:16px;
	font-weight: bold;
	color: #414150;
	}

	.tdtxt {
	background-color: #FFFFFF;
	padding: 5px;
	margin: 0px;
	}
	
	.tdtxt .midashi {
	background-image: url(../image/tdtxt_midashi_wall.gif);
	background-repeat: no-repeat;
	padding: 0px 0px 0px 22px;
	margin-bottom:6px;
	height: 18px;
	font-weight: bold;
	color: #1B7EBA;
	}
	
	.txtL {
	font-weight:bold;
	font-size:1.5em;
	}
	
	
	/*** キャンペーンテーブル ***/
	.trvlpln {
	background-color: #FFF;
	margin-bottom:8px;
	border-bottom: 1px solid #C8C8C8;
	}
	
	.trvlpln img{
	vertical-align:middle;
	}
	
	.trvlpln td{
	padding:7px;
	vertical-align:top;
	}
	
	.trvlpln .dcrp {
		text-align:	left;
		vertical-align: top;
	}

	.trvlpln .midashi {
	font-weight:bold;
	padding-bottom:2px;
	font-size: 1.2em;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #B8CEE0;
	margin-bottom: 5px;
	}
	
	.trvlpln .memo {
	font-size: 80%;
	color: #838383;
	padding-top: 5px;
	}
	
	.trvlpln .price {
	font-size: 1.2em;
	color: #CC0000;
	font-weight: bold;
	}

	/*** キャンペーン期間 ***/
	.tdcantime {
	border: 1px solid #CC9900;
	background-color: #FEF9C5;
	padding: 5px;
	font-weight: bold;
	text-align: center;
	width: 360px;
	margin-top: 8px;
	color: #EA5E00;
	}
	
	/*** デスク詳細　 ***/
	.deskinfo {
	margin:10px 0px 0px;
	border: 1px solid #C6C6C6;
	background-color: #C1D1EA;
	padding: 5px;
	}
	
	.deskinfo .deskth01{
	width: 88px;
	}
	
	
	/*** サイト運営　利用規約のセル定義 ***/
	
	.about{
	margin-top: 20px;
	}
	
	.about .t_tdmidashi{
	padding-bottom: 10px;
	}
	
	.about .desk{
	margin: 0;
	}
	
	.about .deskth01{
	width: 154px;
	height: 20px;
	}
	
	.about .desktd01{
	padding: 6px;
	line-height: 1.3em;
	}
	
	
	
	/*** 地図のテーブル ***/
	.maptable {
	width:950px;
	padding:0;
	margin:0;
	border-collapse:collapse;
	border: 1px solid #C6C6C6;
	}
	
	/*** デスクの地図 ***/
	.deskmap {
	width:521px;
	border: 1px solid #C6C6C6;
	border-bottom: 6px solid #BFD1E3;
	}
	
	/*** Google地図 ***/
	.deskgoogle {
	background-color: #F3F7F8;
	border: 1px solid #C6C6C6;
	border-bottom: 6px solid #BFD1E3;
	width: 425px;
	}

	/*** デスクからのメッセージ ***/
	/*** デスクからのメッセージ ***/
	.deskmsg {
	background-color: #FFFFFF;
	background-image: url(../image/deskmsg_wall.gif);
	background-repeat: no-repeat;
	height: 150px;
	width: 950px;
	vertical-align:top
	}
	
	.deskmsg .tarea {
	width: 730px;
	height: 94px;
	margin-left:185px;
	margin-top:26px;
	}
	
	
	#deskprintcontainer {
	margin: 10px;
	}
	
	#deskprintcontainer p{
	margin: 0;
	padding:0;
	}
	
	/*** 印刷用デスク情報 ***/
	#deskprint {
	width: 420px;
	border: 1px solid #53A6C4;
	text-align: center;
	}
	
	#deskprint .head01 {
	background-color:#53A6C4;
	color:#FEFEFE;
	font-weight:bold;
	padding:5px;
	}
	
	#deskprint .head02 {
	background-color:#E6F2FF;
	color:#53A6C4;
	font-weight:bold;
	padding:5px;
	border-top: 1px solid #E6F2FF;
	}
	
	/*** 印刷用デスク詳細　テーブル ***/
	#deskprint table {
	border-collapse:collapse;
	border: 1px solid #C6C6C6;
	}

	/*** 印刷用デスク詳細　 ***/
	#deskprint .deskinfo {
	margin:10px;
	border: 1px solid #C6C6C6;
	background-color: #D8E2E9;
	padding: 3px;
	}
	
	/*** 印刷用デスク詳細　テーブルヘッダ（左寄せ） ***/
	#deskprint .deskth01 {
	background-color: #ECF1F4;
	padding: 3px;
	text-align:left;
	font-weight:bold;
	color: #006699;
	vertical-align: top;
	border: 1px solid #C6C6C6;
	}

	/*** トラベルデスク　テーブルセル ***/
	#deskprint .desktd01 {
	background-color: #FFF;
	padding: 4px;
	vertical-align:top;
	line-height: 1.1em;
	text-align: left;
	border: 1px solid #C6C6C6;
	}
	
	/*** 注記　赤字 ***/
	#deskprint .red {
	color:#CC0000;
	}

	/*** 印刷ボタン ***/
	.tdpbtn {
	text-align: center;
	padding: 2px 10px;
	width:100px;
	}
	
	/*** デスク一覧パスポート用印刷サイズ ***/
	#passport {
	width:630px;
	height:490px;
	border: 1px solid #53A6C4;
	font-size: 9px;
	}
	
	#passport p {
	padding:0;
	margin:0;
	}
	
	#passport .head01 {
	background-color:#53A6C4;
	color:#FFFFFF;
	font-weight:bold;
	padding:2px;
	}
	
	#passport .head02 {
	background-color:#E6F2FF;
	color:#53A6C4;
	font-weight:bold;
	padding:2px;
	}
	
	#passport .head03 {
	background-color:#BFDFFF;
	color:#FFFFFF;
	padding:5px;
	background-image: url(../image/head03_wall.gif);
	background-repeat: repeat;
	}
	
	/*** 印刷用デスク詳細　 ***/
	#passport .deskinfo {
	margin:5px;
	border: 1px solid #C6C6C6;
	background-color: #D8E2E9;
	padding: 3px;
	}
		
	#passport td {
	vertical-align:top;
	}
	
	#passport .tdlst {
	margin:0;
	padding: 0;
	border: 1px solid #C6C6C6;
	border-collapse:collapse;
	}
	#passport .tdlst td{
	margin:0;
	padding: 0;
	border: 1px solid #C6C6C6;
	}
	
	/*** 注記　赤字 ***/
	#passport .red {
	color:#CC0000;
	}

	/*** 曜日表示 ***/
	#passport .spe {
	font-size: 8px;
	width: 16px;
	float: left;
	display: inline;
	}

/***********************************************************************/

.pad {
	height: 10px;
	padding: 0px;
	margin: 0px;
}

.dotline {
background-image:url(../image/line_dot_bg.gif);
background-repeat:repeat-x;
}

.tDesk #footer {
	padding: 0;
	background-color:#FFFFFF;
} 
.tDesk #footer p {
	margin: 0; /* フッターの最初のエレメントのマージンを 0 に設定することにより、マージンの相殺（div 間のスペース）が回避されます */
	padding: 10px 0; /* このエレメントの余白により、マージンの相殺を発生させることなく、マージンの効果とまったく同じように、スペースが設定されます */
}
.fltrt { /* このクラスは、ページ上でフローティングエレメントを右側に配置するのに使用できます。プローティングエレメントは、ページ上でその横に配置されるエレメントの前に配置される必要があります。 */
	float: right;
	margin-left: 8px;
}
.fltlft { /* このクラスは、ページ上でフローティングエレメントを左側に配置するのに使用できます */
	float: left;
	margin-right: 8px;
}
.clearfloat { /* このクラスは、div またはブレークエレメントに適用される必要があり、また、フローティングエレメントが完全に含まれているコンテナの末尾の直前にある最後のエレメントである必要があります */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}

///
/// モーダルウインドウ用 2009-04-10 kato
///
///
///
/* 外部リンク確認用モーダルWindow */
/* use opacity */
#glayer {
  position: fixed!important;
  position: absolute;
  top:0;
  left:0;
  width:100%;
  height:100%;
  z-index:100;
  background-color:#1F1F1F;
  -moz-opacity: 0.8;
  opacity:.80;
  filter: alpha(opacity=80);
}

div#glayer {
  position: fixed!important;
  position: absolute;
  top:0;
  left:0;
  width:100%;
  height:100%;
  z-index:100;
  background-color:#1F1F1F;
  -moz-opacity: 0.8;
  opacity:.80;
  filter: alpha(opacity=80);
}

/* use png */
#glayer_img {
  position: fixed!important;
  position: absolute;
  top:0;
  left:0;
  width:100%;
  height:100%;
  z-index:100;
  background-image: url(glayer.png);
}
* html #glayer_img {
  background-image: none;
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="glayer.png", sizingMethod="scale");
}


/* Box Base */
div.glayer_box {
  position: fixed!important;
  position: absolute;
  z-index: 101;
  width: 600px;
  padding: 2px;
  border: 5px solid #B8B8B8;
  background-color: #FFFFFF;
}

/* Message */
p#glayer_message_text {
  margin: 2px;
  padding: 2px;
  text-align: center;
}

/* Alert */
p#glayer_alert_text {
  margin: 2px;
  padding: 2px;
  text-align: center;
}
p#glayer_alert_button {
  margin: 10px 0 0 0;
  padding: 0;
  text-align: center;
}
input#glayer_alert_ok {
  font-size: 80%;
}

/* Confirm */
p#glayer_confirm_text {
  margin: 2px;
  padding: 2px;
  text-align: center;
}
p#glayer_confirm_button {
  margin: 10px 0 0 0;
  padding: 0;
  text-align: center;
}
input#glayer_confirm_ok {
/*  font-size: 80%; */
}
input#glayer_confirm_cancel {
/*  font-size: 80%; */
}

#msg_1{
	font-size:80%;
}
#msg_1 b{
	color: #dd0000;
}

#eline{
	font-size:65%;
}
#eline b{
	color: #dd0000;
}
#eline .free{
	color:#7dd929;
	font-weight:bold;
}
#eline .collect{
	color:#ffa63f;
	font-weight:bold;
	}
#eline table {
	border-collapse:collapse;
}

#eline table td{
	border:1px solid #999;
	padding:2px;
}