/*更新日：2009.1.28 yokokura*/
@charset "shift_jis";
/* CSS Document */

/*リセットcss*/
/*-----------------------------------------------------------
	1-2.Yahoo UI Library Reset CSS. (version: 2.2.2)
	
	Copyright (c) 2007, Yahoo! Inc. All rights reserved.
	http://developer.yahoo.net/yui/license.txt
-----------------------------------------------------------*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { 
	margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,strong,th,var {font-style:normal;font-weight:normal;}
ol,ul{list-style:none;}
h1,h2,h3,h4,h5,h6{font-size:100%;}
q:before,q:after{content:'';}
abbr,acronym { border:0;}

/*-----------------------------------------------------------
	基本設定
-----------------------------------------------------------*/
/*body（bodyに直接入れるとオプションで反映されないので注意）*/
#bodyType{ margin:0; line-height:1.3; font-size:9pt; font-family:osaka,"ＭＳ Ｐゴシック",sans-serif; color: #333333; background-color: #FFFFFF; text-align: center; }

/*外枠*/
#wrapper{ width:600px; padding-bottom:15px; margin:10px auto; font-size:1em; border: 1px solid #999999; }
#wrapper2{ width:600px; padding-bottom:15px; margin:10px auto; font-size:1em;}
/*旅ジャル上で表示するときに外枠を消す（firefoxでは反映されない）*/
form #wrapper,form #wrapper2, {width:auto; border: 0; margin:0}
/*旅ジャル上の表示調整用*/
.TASKFRAME{padding:1px;}

/*コンテンツ領域*/
#contents{ width:550px; text-align:center; margin:20px auto 0; }
#wrapper2 #contents{width:600px;}

/*タイトル部分*/	
#header{ padding-bottom: 4px; background-color: #660099; }
#headSummary{ padding: 3px; margin:0; text-align:left; font-size: 8pt; font-weight: bold; color:#FFFFFF; }
#headBox{ background-color: #FFFFFF; text-align: left; padding: 2px 5px; }
/*コメント*/
.txCopy { text-align: center; font-size:1em; margin:0 0 15px; font-weight: bold; line-height: 1.4; }


/*見出し*/
h1{ font-size:1.4em; line-height: 40px; color: #333333; background-color:#EDF; }
h2{ padding:0 5px; text-align:left; font-size:1.2em; line-height:25px; color: #333333; background-color:#EFEFEF; border-top: 2px solid #990000; border-bottom: 1px solid #999999; }
h3{ padding: 0; font-size:1em; line-height: 20px; color: #333333; text-align: left; }
h4{padding: 3px 4px;font-size:1em;color: #CC0000;}

/*table関連共通*/
#contents table{width:100%;}
#contents table ,#contents table td,#contents table th,#contents table caption{border:1px solid #666;}
#contents table caption{padding: 4px;text-align:left;font-size:1.2em;font-weight:bold;color:#666666;background-color:#CCCCCC;border: 1px solid;}
#contents table td,#contents table th{ padding:2px 2px 2px 5px; color:#333333; font-size: 9pt; line-height: 1.3; }
#contents table td{ background-color: #FFFFFF; }
#contents table th{ background-color:#EFEFEF; font-weight:normal; }


/*table内のテキストの位置*/
.tLayoutLL{}
.tLayoutLL th{text-align: left;}
.tLayoutLL td{text-align: left;}

.tLayoutCL{}
.tLayoutCL th{text-align: center;}
.tLayoutCL td{text-align: left;}

.tLayoutCC{}
.tLayoutCC th{text-align: center;}
.tLayoutCC td{text-align: center;}


/*商品コード*/
.code{padding: 1px 2px;color:#FFFFFF;background-color:#CC0000;}

/*他要素*/
#contents strong{font-weight:bold;}
#contents em{font-style:normal;color:#c00;}

/*-----------------------------------------------------------
	よく使いそうなクラス
-----------------------------------------------------------*/

/*box内全てのｐをマイナスインデントさせる*/
.indent-box1{}
.indent-box1 p {padding-left:1em;text-indent: -1em;}
.indent-box05{}
.indent-box05 p {padding-left:0.5em;text-indent: -0.5em;}
/*p単体をマイナスインデントさせる*/
.indent-p1{padding-left:1em;text-indent: -1em;}
.indent-p05{padding-left:0.5em;text-indent: -0.5em;}

/*内容をまとめるためのブロック（ボーダーなし）*/
.contentsBlockA{ text-align: center; margin: 20px 0 0; }
/*内容をまとめるためのブロック（ボーダーあり）*/
.contentsBlockB{ margin-top: 20px; border: 1px solid #999999; text-align: center; padding: 0 0 10px 0; width: 548px; }

/*フロート用ボックス（右側に画像、左側にテキスト）*/
.floatBoxTypeA01,.floatBoxTypeA02,.floatBoxTypeA03,.floatBoxTypeB01{ width: 550px; }
.contentsBlockB .floatBoxTypeA01,.contentsBlockB .floatBoxTypeA02,.contentsBlockB .floatBoxTypeA03,.contentsBlockB .floatBoxTypeB01{ margin: 0 auto 0; width: 530px; }
.floatBoxL{ float: left; margin: 10px 0 0; text-align: left; }
.floatBoxR{ float: right; margin: 10px 0 0; }

.floatBoxTypeA01 .floatBoxL{ width: 376px;}
.floatBoxTypeA01 .floatBoxR{ width: 164px;}
.contentsBlockB .floatBoxTypeA01 .floatBoxL{ width: 356px; margin: 10px 0 0; }
.contentsBlockB .floatBoxTypeA01 .floatBoxR{ width: 164px; margin: 10px 0 0; }

.floatBoxTypeA02 .floatBoxL{ width: 432px;}
.floatBoxTypeA02 .floatBoxR{ width: 108px;}
.contentsBlockB .floatBoxTypeA02 .floatBoxL{ width: 412px;}
.contentsBlockB .floatBoxTypeA02 .floatBoxR{ width: 108px;}

.floatBoxTypeA03 .floatBoxL{ width: 282px;}
.floatBoxTypeA03 .floatBoxR{ width: 258px;}
.contentsBlockB .floatBoxTypeA03 .floatBoxL{ width: 262px;}
.contentsBlockB .floatBoxTypeA03 .floatBoxR{ width: 258px;}

.floatBoxTypeB01 .floatBoxL,.floatBoxTypeB01 .floatBoxR{ width: 270px; text-align: left; }
.contentsBlockB .floatBoxTypeB01 .floatBoxL,.contentsBlockB .floatBoxTypeB01 .floatBoxR{ width: 260px; text-align: left; }


/*画像用ボックス*/
.imgBoxTypeA01,.imgBoxTypeB01,.imgBoxTypeB02,.imgBoxTypeC01{text-align: center; margin:0 auto 10px; }
.imgBoxL{ float: left; }
.imgBoxR{ float: right; }
.imgBoxTypeA01{}
.imgBoxTypeA01 .txCaption { width:258px; margin: 0 auto; }
.imgBoxTypeB01 { width: 402px;}
.imgBoxTypeB01 .imgBoxL,.imgBoxTypeB01 .imgBoxR{ width: 164px; }
.imgBoxTypeB02 {width: 528px;}
.imgBoxTypeB02 .imgBoxL,.imgBoxTypeB02 .imgBoxR{ width: 258px; }
.imgBoxTypeC01 { width: 522px;}
.imgBoxTypeC01 .imgBoxL{ width: 164px; margin-right: 15px; }
.imgBoxTypeC01 .imgBoxC{ width: 164px; float: left; }
.imgBoxTypeC01 .imgBoxR{ width: 164px; }

/*ボックス*/
.box01{ margin: 10px 0 0; }
.contentsBlockB .box01{ margin: 10px auto 0; width:530px; }


/*フロートをクリアする*/
.clear{clear:both;}


/*一番下のご案内をまとめたdiv*/
#contentsBlockAnnai{ padding-bottom: 5px; margin: 20px 0 0; border: 1px solid #cc0000; text-align: left; }
#contentsBlockAnnai h2{ margin: 0 0 5px; color: #FFFFFF; background-color: #cc0000; border: 0; line-height: 20px; font-size: 1em; }
#contentsBlockAnnai p{ margin:2px 5px; text-indent: -1em; padding-left: 1em; }

/*テキストの配置*/
.alL{text-align:left;}
.alC{text-align:center;}
.alR{text-align:right;}

/*画像のキャプション*/
.txCaption { margin:0; font-size:80%; text-align: right; line-height: normal; }

/*マージン*/
.mgt05{margin-top:5px}
.mgt10{margin-top:10px}
.mgt20{margin-top:20px}
.mgb05{margin-bottom:5px}
.mgb10{margin-bottom:10px}
.mgB20{margin-bottom:20px}


/* notesList */
.notesListA01 li{ padding-left:1em; text-indent:-1em; line-height:1.4; }
.notesListB01 li{ padding-left:1.5em; text-indent:-1.5em; line-height:1.4;}

/*-----------------------------------------------------------
	カラー
-----------------------------------------------------------*/
/*クラスなしは
　　クーポン、宅配便サービス、駐車場、その他サービス、宿泊プラン*/


/*乗り物（鉄道、飛行機・ヘリ、バス、タクシー、船・クルーズ、スキーバス、レンタカー）*/
.color01{ }
.color01 #header{ background-color: #F76AC9;}
.color01 h1{ background-color: #FDD0EE; color: #C1118C; }
.color01 .txCopy{ color:#C1118C; }
/*食を楽しむ、ミールパスポート*/
.color02{}
.color02 #header{ background-color: #F78D00;}
.color02 h1{ background-color: #FEE4C9; color: #B54806; }
.color02 .txCopy{ color:#B54806; }
/*観光、ウォッチング・観測、入場・入園 */
.color03{ }
.color03 #header{ background-color: #B97420; }
.color03 h1{ background-color: #FCF2CB; color: #955E1A; }
.color03 .txCopy{ color:#955E1A; }
/*体験、アウトドア（山・川）、スキ-・スノ-ボ-ド、マリンメニュー、ダイビング*/
.color04{ }
.color04 #header{ background-color: #3388FF;}
.color04 h1{ background-color: #D7E8FF; color: #003F93; }
.color04 .txCopy{ color:#003F93; }
/*ゴルフ、ゴルフ送迎バス*/
.color05{ }
.color05 #header{ background-color: #4DB309;}
.color05 h1{ background-color: #DDF5C9; color: #307005; }
.color05 .txCopy{ color:#307005; }
/*アニバーサリー、ウェディング*/
.color06{ }
.color06 #header{ background-color: #BD63ED; }
.color06 h1{ background-color: #F2E0FC; color: #8522CE; }
.color06 .txCopy{ color:#8522CE; }

/*-----------------------------------------------------------
	ジャルライナー用クラス
-----------------------------------------------------------*/
h2.headJal{ line-height: 20px; padding: 5px; margin: 20px 0 0; }
h3.headJal{ text-align: left; background-color: #FDD0EE; color: #C1118C; padding: 0 5px; border-bottom: 2px solid #F76AC9; line-height: 25px; border-top: 2px solid #F76AC9; }
/*ルート*/
.route { border: 1px dashed #E84A4F; line-height: 150%; text-align: left; margin: 0; padding: 5px; background-color: #FFFFDF; }
.txCharge {font-weight: bold;color: #FF0099;text-decoration: underline;}
.txFree {color : #3366CC;font-weight : bold; }
/*ルートの注釈*/
.chuiBox{ text-align: left; margin: 10px 0 0; }
/*ポイント*/
.pointBlock{ padding-bottom: 5px; border: 1px solid #c00; text-align: left; margin: 0; }
.pointBlock h2{ border: 0; text-align: left; font-size: 12px; line-height: 20px; background-color: #CC0000; color: #FFFFFF; }
.pointBlock p{ text-align: left; border-bottom: 1px dotted #BBBBE8; line-height: 1.3; padding: 0 0 3px 1em; text-indent: -1em; margin: 5px 5px 0; }
.txPoint1 {color:#CC0000;font-weight: bold;}
.txPoint2 { color:#CC0000; font-weight: bold; }
/*その他*/
.tLayoutCC td.alL{text-align: left;}

.box02{ margin: 10px 0 0; }
.contentsBlockB .box02{ margin: 0 auto; width:530px; padding: 10px 0 0; }