@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%;
}

/*** トップiframeで読み込むページのBODY ***/
.frmbodytop  {
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	margin: 0;
	padding: 0;
	color: #333333;
	font-size:84%;
	background-color: #F5F5F5;
}

/*** 旅行ページiframeで読み込むページのBODY ***/
.frmbodytrvl  {
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	margin: 0;
	padding: 0;
	color: #333333;
	font-size:84%;
	background-color: #FFFFFF;
}


/* ハック 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;
}


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

	/* パンくずリスト　*/
	.tDesk #pankuzu	{
	padding: 3px 3px 3px 15px;
	font-size:11px;
	color:#666666;
	background-color: #F9F9F9;
	border-right: 1px solid #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;
	}


/***　トップページ　*******************************************************************/

	/*** インラインフレーム ***/
	.topframe {
	width:460px;
	display:inline;
	margin:0;
	padding:0;
	border:none;
	overflow: hidden;
	}
	
	
	/*** 旅行プランのテーブル ***/

	#plan {
	background-color: #F5F5F5;
	}
	
	/*** 表（行） ***/
	#plan td {
		text-align:	left;
		vertical-align: top;
	}
	
	#plan p {
		margin: 0 0 0.5em;
	}

	.pcelltitle {
	background-image: url(../image/top_t_midashi_wall.gif);
	font-size: 12px;
	font-weight:bold;
	color: #666666;
	background-repeat: no-repeat;
	padding-left: 20px;
	height: 24px;
	padding-top: 0.4em;
	}	
	
	.pcelltitle01 {
	background-image: url(../image/top_midashi_wall01.gif);
	font-size: 12px;
	font-weight:bold;
	color: #666666;
	background-repeat: no-repeat;
	padding-left: 20px;
	height: 24px;
	padding-top: 0.4em;
	}	

	.pcelltitle02 {
	background-image: url(../image/top_midashi_wall02.gif);
	font-size: 12px;
	font-weight:bold;
	color: #666666;
	background-repeat: no-repeat;
	padding-left: 20px;
	height: 24px;
	padding-top: 0.4em;
	}	
	
	.pcell {
	background-color: #FFF;
	border-right: 1px solid #E3E3E3;
	border-bottom: 1px solid #E3E3E3;
	border-top: 1px solid #F3F3F3;
	border-left: 1px solid #F3F3F3;
	margin-bottom:8px;
	}
	
	.pcell td {
	vertical-align:top;
	}
	
	.pcell .midashi {
	font-weight:bold;
	padding-bottom:5px;
	}
	
	.pcell .memo {
	font-size: 80%;
	color: #838383;
	padding-top: 5px;
	}
	
	.pcell .price {
	font-size: 1.2em;
	color: #CC0000;
	font-weight: bold;
	}
	

/***　国内・海外　旅行案内ページ　********************************************************************/

	/*** インラインフレーム ***/
	.trvlframe {
	width:950px;
	display:inline;
	margin:0;
	padding:0;
	border:none;
	overflow: hidden;
	}	
	
	/*** お得な割引の注意事項欄（グレー地） ***/
	div .dscr {
	padding: 10px;
	color: #666666;
	background-color: #F5F5F5;
	border: 1px dotted #CCCCCC;
	font-size: 90%;
	margin-top: 10px;
	margin-right: 20px;
	margin-bottom: 10px;
	margin-left: 20px;
	}

	/***見出し***/
	.dscr h3 {
	margin:0;
	padding: 0 0 10px 0;
	}
	
	.dscr ul {
	padding: 10px 0 0 0;
	margin:0;
	}

	.dscr 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;
	}
	
	/*** 赤字 ***/
	.dscr .red {
	color:#CC0000;
	}

	/*** お得な割引の注意事項欄（白地） ***/
	div .dscr02 {
	padding: 0px;
	color: #666666;
	font-size: 90%;
	margin-top: 10px;
	margin-right: 10px;
	margin-bottom: 10px;
	margin-left: 10px;
	}

	
	/*** 割引対象リスト ***/
	.logolist {
	table-layout :auto;
	border-collapse :collapse;
	background-color: #FFF;
	}

	/*** 表（行） ***/
	.logolist td {
	text-align:	left;
	vertical-align: top;
	padding:4px;
	width:136px;
	font-size: 10px;
	}
	
	.logolist th {
	width:70px;
	padding:5px;
	vertical-align: top;
	}
	
	/*** ページ中タイトル：幅950 ***/
	.ttl {
	background-image: url(../image/trvlplnttl_wall.gif);
	font-size: 14px;
	font-weight:bold;
	color: #4F4F4F;
	background-repeat: no-repeat;
	padding-left: 30px;
	height: 21px;
	padding-top: 5px;
	background-color: #F1F1F1;
	border-top: 1px solid #E0E0E0;
	border-bottom: 1px solid #C8C8C8;
	border-right: 1px solid #E0E0E0;
	display: block;
	padding-right: 10px;
	padding-bottom: 0px;
	}
	
	/*** 旅行プランテーブル ***/
	.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;
	}
	
	/*** お役立ち情報 ***/
	.kaigaiinfo {
	background-image: url(../image/sd_02.gif);
	background-repeat: repeat-y;
	width: 950px;
	}
	
	.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: #E2E7E3;
	padding: 5px;
	margin-bottom:8px;
	}
	
	
	/*** トラベルデスク詳細　デスク名＆印刷ボタン ***/
	#desktitle{
	width: 950px;
	height: 60px;
	background-image: url(../image/ti_desktitle_wall.gif);
	background-repeat: no-repeat;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #CCCCCC;
	border-bottom-color: #CCCCCC;
	}

	.print {
	width:950px;
	height:45px;
	margin-top:10px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	text-align: right;
	} 
	
	/*印刷ボタン横テキスト設置時用
	----------------------------------------------------*/
	
	.print_02 {
	width:950px;
	height:80px;
	margin-top:10px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	}
	
	.print_btn {
	width:320px;
	margin-top:0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	text-align:right;
	float:right;

	} 

	.print_txt {
	width:600px;
	margin-top:00px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	float:left;
	text-align:/*center*/ left;
	clear:both;
	padding-top:/*14px*/ 4px;
	color:#F00;
	font-weight:bold;
	} 
	

	.print_txt02 {
	width:620px;
	margin-top:00px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	float:left;
	text-align:left;
	clear:both;
	padding-top:4px;
	color:#F00;
	font-weight:bold;
	} 
	

	/*** デスク詳細　テーブルヘッダ（左寄せ） ***/
	.deskth01 {
	background-color: #F2F2F2;
	padding: 6px;
	text-align:left;
	font-weight:bold;
	color: #990000;
	vertical-align: top;
	}
	
	/*** デスク詳細　説明（センタリング） ***/
	.deskthinfo01 {
	background-color: #F2F2F2;
	padding: 6px;
	text-align:center;
	font-weight:bold;
	color: #990000;
	vertical-align: top;
	font-size:120%;
	}
	
	.deskthinfo01 .hosoku{
		font-size:88%;
	}
	
	
	/*** トラベルデスク　テーブルセル ***/
	.desktd01 {
	background-color: #FFF;
	padding: 4px;
	vertical-align:top;
	line-height: 1.1em;
	text-align: left;
	}
	
	.desktd01_03{
	background-color: #FFF;
	padding: 4px;
	vertical-align:top;
	line-height: 1.1em;
	text-align: left;
	width:/*186px*/ 19%;
	}
	
	.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: 40px;
	width: 950px;
	font-size: 16px;
	font-weight: bold;
	}
	
	.t_tdmidashi .midashi {
	width: 900px;
	margin-left:30px;
	padding-top:0.6em;
	font-size:16px;
	font-weight: bold;
	color: #4B4B4B;
	}

	.tdtxt {
	border: 1px solid #C6C6C6;
	background-color: #FFFFFF;
	padding: 5px;
	margin-bottom:8px;
	}
	
	.txtL {
	font-weight:bold;
	font-size:1.5em;
	}
	
	/*** キャンペーン期間 ***/
	.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: #D8E2E9;
	padding: 5px;
	}

	.deskinfo .deskth01{
	width:14% /*100px*/ /*88px*/;
	}

/*** サイト運営　利用規約のセル定義 ***/
	
	.about #pankuzu{
	border-bottom: 1px solid #CCCCCC;
	}
	
	.about .t_tdmidashi{
	margin-top: 20px;
	}
	
	.about .desk{
	margin: 0;
	}
	
	.about .deskth01{
		width: 154px;
		height: 20px;
	}
	
	.about .desktd01{
	padding: 6px;
	vertical-align: top;
	line-height: 1.3em;
	}
	


	
	/*** 地図のテーブル ***/
	.maptable {
	width:950px;
	padding:0;
	margin:0;
	border-collapse:collapse;
	border: 1px solid #C6C6C6;
	}
	
	/*** デスクの地図 ***/
	.deskmap {
	width:521px;
	border-top: 1px solid #C6C6C6;
	border-right: 1px solid #C6C6C6;
	border-bottom: 6px solid #D8E2E9;
	border-left: 1px solid #C6C6C6;
	}
	
	/*** Google地図 ***/
	.deskgoogle {
	background-color: #F3F7F8;
	width: 425px;
	border-top: 1px solid #C6C6C6;
	border-right: 1px solid #C6C6C6;
	border-bottom: 6px solid #D8E2E9;
	border-left: 1px solid #C6C6C6;
	}

	/*** デスクからのメッセージ ***/
	.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 #AA0202;
	text-align: center;
	}
	
	#deskprint .head01 {
	background-color:#AA0202;
	color:#FEFEFE;
	font-weight:bold;
	padding:5px;
	}
	
	#deskprint .head02 {
	background-color:#EFEFEF;
	color:#AA0202;
	font-weight:bold;
	padding:5px;
	}
	
	/*** 印刷用デスク詳細　 ***/
	#deskprint .deskinfo {
	margin:10px;
	border: 1px solid #C6C6C6;
	background-color: #D8E2E9;
	padding: 3px;
	}
	
	/*** 印刷用デスク詳細　テーブルヘッダ（左寄せ） ***/
	#deskprint .deskth01 {
	background-color: #F2F2F2;
	padding: 3px;
	text-align:left;
	font-weight:bold;
	color: #990000;
	vertical-align: top;
	}

	/*** トラベルデスク　テーブルセル ***/
	#deskprint .desktd01 {
	background-color: #FFF;
	padding: 4px;
	vertical-align:top;
	line-height: 1.1em;
	text-align: left;
	}

	/*** 印刷ボタン ***/
	.tdpbtn {
	text-align: center;
	padding: 2px 10px;
	width:100px;
	}
	
	/*** デスク一覧パスポート用印刷サイズ ***/
	#passport {
	width:630px;
	height:440px;
	border: 1px solid #990000;
	font-size: 9px;
	}
	
	#passport p {
	padding:0;
	margin:0;
	}
	
	#passport .head01 {
	background-color:#999999;
	color:#efefef;
	font-weight:bold;
	padding:4px;
	}
	
	#passport .head02 {
	background-color:#EFEFEF;
	color:#AA0202;
	font-weight:bold;
	padding:4px;
	}
	
	#passport .head03 {
	background-color:#AA0202;
	color:#FEFEFE;
	padding:5px;
	}
	
	/*** 印刷用デスク詳細　 ***/
	#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: 1px;
	margin-bottom: 10px;
	padding: 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%; */
}


.address_red{
	color:#F00;
}

/*float clear
--------------------------------------------------------------*/
.clearfix:after {
  content: ".";  /* 新しい要素を作る */
  display: block;  /* ブロックレベル要素に */
  clear: both;
  height: 0;
  visibility: hidden;
}

.clearfix {
  min-height: 1px;
}

* html .clearfix {
  height: 1px;
  /*¥*//*/
  height: auto;
  overflow: hidden;
  /**/
}


/*キャンペーン用　2011.7.27　追加
-----------------------------------------------------------*/
.cpn_title{
	font-size:121%;
	padding:6px 0;
	color:#F00;
}


.txt14{
	font-size:14px;
}

.back_pagetop{
	padding:20px 260px 10px 0;
	text-align:right;
}

.space_topbottom{
	padding:8px 0;
}


/*2012.3.7　印刷用CSS設定
----------------------------------------------------*/

#deskprint_head {
	display:none;　/*印刷用ヘッダー*/
}

@media print {

#header,#pankuzu,#desktitle,#footer,.deskgoogle,.print,.footerLink{
	display:none;　/*印刷しないエリア*/
}
	

#deskprint_head {
	width:600px;
	display:inline;　/*印刷用ヘッダー*/
}

body:nth-of-type(1) .tDesk #container .deskinfo {
	width:88%;
}

body {
	/*_zoom:78%;*/　/*IE用に縮小*/
	_zoom:68%;　/*IE用に縮小*/
}


/*クロームとサファリ用のハック*/
/*body:nth-of-type(1) #container{
	width:80%; 
}*/

.deskinfo table,td,th{
	border: 1px solid #C6C6C6;
	border-collapse:collapse;
	padding:2px;
	margin:0;
	
}

.deskinfo td{
	_font-size:115%;
}

.deskth01, .deskthinfo01{
	background-color:#D0EBFF;
	color: #000;　/*テーブル見出しの色を変更*/

	}


.head01 {
	background-color: #FFF;
	color: #000;
	font-weight:bold;
	padding:5px;
	text-align: center;
	border: 1px solid #53A6C4;
	}

.deskmap{
	border:none;
	/*_zoom:120%;*/
	_zoom:100%;
}


.maptable{
	border:none;
	margin:0;
	padding:0;
}


}

/*2012.3.7　印刷用CSS設定 ここまで
----------------------------------------------------*/

/*2017.3.13　コピーライトCSS*/
.copy_right{
	text-align: center;
	padding: 16px;
	background: #ECECEC;
	color: #000;
}

/*2017.3.13　コピーライトCSS
----------------------------------------------------*/