@charset "Shift_JIS";
/* CSS Document */

/*=======================
　ステップ共通
=========================*/

div#step {
	width:800px;
	height:70px;
	background:url(../parts/step_base.gif) no-repeat;
	margin-bottom:25px;
}

div#step p span {
	display:block;
	width:110px;
	height:25px;
	text-indent:-9999px;
}
div#step p a {
	display:block;
	width:95px;
	height:20px;
	color:#666666;
	padding-left:7px;
	font-size:11px;
}

div#step ol li {
	text-indent:-9999px;
}
* html div#step ol li {
	display:inline;
}
div#step ol li li {
	text-indent:-9999px;
}

/*=======================
　発地
=========================*/

div#step p#step_tyo {
	width:110px;
	height:70px;
	float:left;
	background:url(../parts/step_tyo.gif) no-repeat;
}

/*=======================
　一般
=========================*/

/*一般　国内主催*/

/*ステップ1_1 参加人数・宿泊グレードの入力*/
div#step ol#u_dpac_step_1 {
	float:left;
	width:690px;
	height:70px;
	background:url(../parts/step_dpac.gif) no-repeat 0px 0px;
}

/*ステップ1_2 部屋割りの選択*/
div#step ol#u_dpac_step_1_a {
	float:left;
	width:690px;
	height:70px;
	background:url(../parts/step_dpac.gif) no-repeat 0px -70px;
}

/*ステップ1_3 オプション・その他手配選択*/
div#step ol#u_dpac_step_1_b {
	float:left;
	width:690px;
	height:70px;
	background:url(../parts/step_dpac.gif) no-repeat 0px -140px;
}

/*ステップ2 空席照会と会員認証*/
div#step ol#u_dpac_step_2 {
	float:left;
	width:690px;
	height:70px;
	background:url(../parts/step_dpac.gif) no-repeat 0px -210px;
}

/*ステップ3 会員登録内容の確認・同行者入力*/
div#step ol#u_dpac_step_3 {
	float:left;
	width:690px;
	height:70px;
	background:url(../parts/step_dpac.gif) no-repeat 0px -280px;
}


/*ステップ4 申込完了前の最終確認画面*/
div#step ol#u_dpac_step_4 {
	float:left;
	width:690px;
	height:70px;
	background:url(../parts/step_dpac.gif) no-repeat 0px -350px;
}

/*ステップ5 申込完了*/
div#step ol#u_dpac_step_5 {
	float:left;
	width:690px;
	height:70px;
	background:url(../parts/step_dpac.gif) no-repeat 0px -420px;
}

/*ステップ3 旅行者の入力*/
div#step ol#u_dpac_step_3_2 {
	float:left;
	width:690px;
	height:70px;
	background:url(../parts/step_dpac.gif) no-repeat 0px -490px;
}


/*一般　海外主催*/

/*ステップ1_1 参加人数・部屋タイプの入力*/
div#step ol#u_ipac_step_1 {
	float:left;
	width:690px;
	height:70px;
	background:url(../parts/step_ipac.gif) no-repeat 0px 0px;
}

/*ステップ1_2 部屋割りの選択*/
div#step ol#u_ipac_step_1_a {
	float:left;
	width:690px;
	height:70px;
	background:url(../parts/step_ipac.gif) no-repeat 0px -70px;
}

/*ステップ1_3 オプション・その他手配選択*/
div#step ol#u_ipac_step_1_b {
	float:left;
	width:690px;
	height:70px;
	background:url(../parts/step_ipac.gif) no-repeat 0px -140px;
}

/*ステップ1_4 オプションの選択*/
div#step ol#u_ipac_step_1_c {
	float:left;
	width:690px;
	height:70px;
	background:url(../parts/step_ipac.gif) no-repeat 0px -210px;
}

/*ステップ2 空席照会と会員認証*/
div#step ol#u_ipac_step_2 {
	float:left;
	width:690px;
	height:70px;
	background:url(../parts/step_ipac.gif) no-repeat 0px -280px;
}

/*ステップ3 会員登録内容の確認・同行者の入力*/
div#step ol#u_ipac_step_3 {
	float:left;
	width:690px;
	height:70px;
	background:url(../parts/step_ipac.gif) no-repeat 0px -350px;
}


/*ステップ4 申込完了前の最終確認画面*/
div#step ol#u_ipac_step_4 {
	float:left;
	width:690px;
	height:70px;
	background:url(../parts/step_ipac.gif) no-repeat 0px -420px;
}

/*ステップ5 申込完了*/
div#step ol#u_ipac_step_5 {
	float:left;
	width:690px;
	height:70px;
	background:url(../parts/step_ipac.gif) no-repeat 0px -490px;
}

/*ステップ3 会員登録内容の確認・同行者の入力*/
div#step ol#u_ipac_step_3_2 {
	float:left;
	width:690px;
	height:70px;
	background:url(../parts/step_ipac.gif) no-repeat 0px -560px;
}


/*一般　国内チョイス*/

/*ステップ1_1 参加人数入力・旅行代金確認*/
div#step ol#u_dfre_step_1 {
	float:left;
	width:690px;
	height:70px;
	background:url(../parts/step_dfre.gif) no-repeat 0px 0px;
}

/*ステップ1_2 宿泊施設の選択*/
div#step ol#u_dfre_step_1_a {
	float:left;
	width:690px;
	height:70px;
	background:url(../parts/step_dfre.gif) no-repeat 0px -70px;
}

/*ステップ1_3 部屋割りの選択*/
div#step ol#u_dfre_step_1_b {
	float:left;
	width:690px;
	height:70px;
	background:url(../parts/step_dfre.gif) no-repeat 0px -140px;
}

/*ステップ1_4 利用便／列車の選択*/
div#step ol#u_dfre_step_1_c {
	float:left;
	width:690px;
	height:70px;
	background:url(../parts/step_dfre.gif) no-repeat 0px -210px;
}

/*ステップ1_5 オプション・その他手配の選択*/
div#step ol#u_dfre_step_1_d {
	float:left;
	width:690px;
	height:70px;
	background:url(../parts/step_dfre.gif) no-repeat 0px -280px;
}


/*ステップ2 空席照会と会員認証*/
div#step ol#u_dfre_step_2 {
	float:left;
	width:690px;
	height:70px;
	background:url(../parts/step_dfre.gif) no-repeat 0px -350px;
}

/*ステップ3 会員登録内容の確認・同行者の入力*/
div#step ol#u_dfre_step_3 {
	float:left;
	width:690px;
	height:70px;
	background:url(../parts/step_dfre.gif) no-repeat 0px -420px;
}

/*ステップ4 申し込み内容の確認（申し込み完了前の最終画面）*/
div#step ol#u_dfre_step_4 {
	float:left;
	width:690px;
	height:70px;
	background:url(../parts/step_dfre.gif) no-repeat 0px -490px;
}

/*ステップ5 お申し込みありがとうございました*/
div#step ol#u_dfre_step_5 {
	float:left;
	width:690px;
	height:70px;
	background:url(../parts/step_dfre.gif) no-repeat 0px -560px;
}

/*ステップ3 旅行者の入力*/
div#step ol#u_dfre_step_3_2 {
	float:left;
	width:690px;
	height:70px;
	background:url(../parts/step_dfre.gif) no-repeat 0px -630px;
}

/*ステップ1_6 乗車地・下車地の選択*/
div#step ol#u_dfre_step_1_e {
	float:left;
	width:690px;
	height:70px;
	background:url(../parts/step_dfre.gif) no-repeat 0px -700px;
}


/*一般　海外チョイス*/

/*ステップ1_1 参加人数入力・旅行代金確認*/
div#step ol#u_ifre_step_1 {
	float:left;
	width:690px;
	height:70px;
	background:url(../parts/step_ifre.gif) no-repeat 0px 0px;
}

/*ステップ1_2 宿泊施設の選択*/
div#step ol#u_ifre_step_1_a {
	float:left;
	width:690px;
	height:70px;
	background:url(../parts/step_ifre.gif) no-repeat 0px -70px;
}

/*ステップ1_3 部屋割りの選択*/
div#step ol#u_ifre_step_1_b {
	float:left;
	width:690px;
	height:70px;
	background:url(../parts/step_ifre.gif) no-repeat 0px -140px;
}

/*ステップ1_4 利用便の選択*/
div#step ol#u_ifre_step_1_c {
	float:left;
	width:690px;
	height:70px;
	background:url(../parts/step_ifre.gif) no-repeat 0px -210px;
}

/*ステップ1_5 オプション・その他手配の選択*/
div#step ol#u_ifre_step_1_d {
	float:left;
	width:690px;
	height:70px;
	background:url(../parts/step_ifre.gif) no-repeat 0px -280px;
}

/*ステップ1_6 オプションの選択*/
div#step ol#u_ifre_step_1_e {
	float:left;
	width:690px;
	height:70px;
	background:url(../parts/step_ifre.gif) no-repeat 0px -350px;
}


/*ステップ2 空席照会と会員認証*/
div#step ol#u_ifre_step_2 {
	float:left;
	width:690px;
	height:70px;
	background:url(../parts/step_ifre.gif) no-repeat 0px -420px;
}

/*ステップ3 会員登録内容の確認・同行者の入力*/
div#step ol#u_ifre_step_3 {
	float:left;
	width:690px;
	height:70px;
	background:url(../parts/step_ifre.gif) no-repeat 0px -490px;
}

/*ステップ4 申し込み内容の確認（申し込み完了前の最終画面）*/
div#step ol#u_ifre_step_4 {
	float:left;
	width:690px;
	height:70px;
	background:url(../parts/step_ifre.gif) no-repeat 0px -560px;
}

/*ステップ5 お申し込みありがとうございました*/
div#step ol#u_ifre_step_5 {
	float:left;
	width:690px;
	height:70px;
	background:url(../parts/step_ifre.gif) no-repeat 0px -630px;
}

/*ステップ3 旅行者の入力*/
div#step ol#u_ifre_step_3_2 {
	float:left;
	width:690px;
	height:70px;
	background:url(../parts/step_ifre.gif) no-repeat 0px -700px;
}


/*一般　航空券*/

/*ステップ1 商品情報と会員認証*/
div#step ol#u_air_step_1 {
	float:left;
	width:690px;
	height:70px;
	background:url(../parts/step_air.gif) no-repeat 0px 0px;
}

/*ステップ2 会員登録内容の確認・同行者の入力*/
div#step ol#u_air_step_2 {
	float:left;
	width:690px;
	height:70px;
	background:url(../parts/step_air.gif) no-repeat 0px -70px;
}

/*ステップ3 問い合わせ内容の確認*/
div#step ol#u_air_step_3 {
	float:left;
	width:690px;
	height:70px;
	background:url(../parts/step_air.gif) no-repeat 0px -140px;
}

/*ステップ4 お問い合わせ完了*/
div#step ol#u_air_step_4 {
	float:left;
	width:690px;
	height:70px;
	background:url(../parts/step_air.gif) no-repeat 0px -210px;
}



/*=======================
　代理店
=========================*/

/*代理店　国内主催*/

/*ステップ1_1 参加人数・宿泊グレードの入力*/
div#step ol#d_dpac_step_1 {
	width:800px;
	height:70px;
	background:url(../parts/step_dairi_dpac.gif) no-repeat 0px 0px;
}

/*ステップ1_2 部屋割りの選択*/
div#step ol#d_dpac_step_1_a {
	width:800px;
	height:70px;
	background:url(../parts/step_dairi_dpac.gif) no-repeat 0px -70px;
}

/*ステップ1_3 オプション・その他手配選択*/
div#step ol#d_dpac_step_1_b {
	width:800px;
	height:70px;
	background:url(../parts/step_dairi_dpac.gif) no-repeat 0px -140px;
}

/*ステップ2 参加人数・宿泊グレードの入力*/
div#step ol#d_dpac_step_2 {
	width:800px;
	height:70px;
	background:url(../parts/step_dairi_dpac.gif) no-repeat 0px -210px;
}

/*ステップ2_1 部屋割り選択*/
div#step ol#d_dpac_step_2_a {
	width:800px;
	height:70px;
	background:url(../parts/step_dairi_dpac.gif) no-repeat 0px -280px;
}


/*ステップ2_2 オプション・その他手配選択*/
div#step ol#d_dpac_step_2_b {
	width:800px;
	height:70px;
	background:url(../parts/step_dairi_dpac.gif) no-repeat 0px -350px;
}

/*ステップ3 空席照会と旅行者情報の入力*/
div#step ol#d_dpac_step_3 {
	width:800px;
	height:70px;
	background:url(../parts/step_dairi_dpac.gif) no-repeat 0px -420px;
}

/*ステップ4 申込完了前の最終確認画面*/
div#step ol#d_dpac_step_4 {
	width:800px;
	height:70px;
	background:url(../parts/step_dairi_dpac.gif) no-repeat 0px -490px;
}

/*ステップ4 ありがとうございました*/
div#step ol#d_dpac_step_5 {
	width:800px;
	height:70px;
	background:url(../parts/step_dairi_dpac.gif) no-repeat 0px -560px;
}


/*代理店　海外主催*/

/*ステップ2 参加人数・部屋タイプの入力<*/
div#step ol#d_ipac_step_2 {
	width:800px;
	height:70px;
	background:url(../parts/step_dairi_ipac.gif) no-repeat 0px -210px;
}

/*ステップ2_1 参加人数・部屋タイプの入力<*/
div#step ol#d_ipac_step_2_a {
	width:800px;
	height:70px;
	background:url(../parts/step_dairi_ipac.gif) no-repeat 0px -280px;
}

/*ステップ2_2 オプション・その他手配選択*/
div#step ol#d_ipac_step_2_b {
	width:800px;
	height:70px;
	background:url(../parts/step_dairi_ipac.gif) no-repeat 0px -350px;
}


/*代理店　国内チョイス*/

/*ステップ1_1 参加人数・宿泊グレードの入力*/
div#step ol#d_dfre_step_1 {
	width:800px;
	height:70px;
	background:url(../parts/step_dairi_dfre.gif) no-repeat 0px 0px;
}

/*ステップ1_2 部屋割りの選択*/
div#step ol#d_dfre_step_1_a {
	width:800px;
	height:70px;
	background:url(../parts/step_dairi_dfre.gif) no-repeat 0px -70px;
}

/*ステップ1_3 オプション・その他手配選択*/
div#step ol#d_dfre_step_1_b {
	width:800px;
	height:70px;
	background:url(../parts/step_dairi_dfre.gif) no-repeat 0px -140px;
}

/*ステップ2 参加人数・宿泊グレードの入力*/
div#step ol#d_dfre_step_2 {
	width:800px;
	height:70px;
	background:url(../parts/step_dairi_dfre.gif) no-repeat 0px -210px;
}

/*ステップ2_1 宿泊施設の選択*/
div#step ol#d_dfre_step_2_a {
	width:800px;
	height:70px;
	background:url(../parts/step_dairi_dfre.gif) no-repeat 0px -280px;
}


/*ステップ2_2 部屋割り選択*/
div#step ol#d_dfre_step_2_b {
	width:800px;
	height:70px;
	background:url(../parts/step_dairi_dfre.gif) no-repeat 0px -350px;
}

/*ステップ2_3 利用便/列車の選択*/
div#step ol#d_dfre_step_2_c {
	width:800px;
	height:70px;
	background:url(../parts/step_dairi_dfre.gif) no-repeat 0px -420px;
}

/*ステップ2_4 オプション・その他手配選択*/
div#step ol#d_dfre_step_2_d {
	width:800px;
	height:70px;
	background:url(../parts/step_dairi_dfre.gif) no-repeat 0px -490px;
}

/*ステップ3 空席照会と旅行者情報の入力*/
div#step ol#d_dfre_step_3 {
	width:800px;
	height:70px;
	background:url(../parts/step_dairi_dfre.gif) no-repeat 0px -560px;
}

/*ステップ4 申込完了前の最終確認画面*/
div#step ol#d_dfre_step_4 {
	width:800px;
	height:70px;
	background:url(../parts/step_dairi_dfre.gif) no-repeat 0px -630px;
}

/*ステップ4 ありがとうございました*/
div#step ol#d_dfre_step_5 {
	width:800px;
	height:70px;
	background:url(../parts/step_dairi_dfre.gif) no-repeat 0px -700px;
}

/*ステップ2_5 乗車地・下車地の選択*/
div#step ol#d_dfre_step_2_e {
	width:800px;
	height:70px;
	background:url(../parts/step_dairi_dfre.gif) no-repeat 0px -770px;
}

/*代理店　海外チョイス*/

/*ステップ1_1 参加人数・宿泊グレードの入力*/
div#step ol#d_ifre_step_1 {
	width:800px;
	height:70px;
	background:url(../parts/step_dairi_ifre.gif) no-repeat 0px 0px;
}

/*ステップ1_2 部屋割りの選択*/
div#step ol#d_ifre_step_1_a {
	width:800px;
	height:70px;
	background:url(../parts/step_dairi_ifre.gif) no-repeat 0px -70px;
}

/*ステップ1_3 オプション・その他手配選択*/
div#step ol#d_ifre_step_1_b {
	width:800px;
	height:70px;
	background:url(../parts/step_dairi_ifre.gif) no-repeat 0px -140px;
}

/*ステップ2 参加人数・宿泊グレードの入力*/
div#step ol#d_ifre_step_2 {
	width:800px;
	height:70px;
	background:url(../parts/step_dairi_ifre.gif) no-repeat 0px -210px;
}

/*ステップ2_1 宿泊施設の選択*/
div#step ol#d_ifre_step_2_a {
	width:800px;
	height:70px;
	background:url(../parts/step_dairi_ifre.gif) no-repeat 0px -280px;
}


/*ステップ2_2 部屋割り選択*/
div#step ol#d_ifre_step_2_b {
	width:800px;
	height:70px;
	background:url(../parts/step_dairi_ifre.gif) no-repeat 0px -350px;
}

/*ステップ2_3 利用便/列車の選択*/
div#step ol#d_ifre_step_2_c {
	width:800px;
	height:70px;
	background:url(../parts/step_dairi_ifre.gif) no-repeat 0px -420px;
}

/*ステップ2_4 オプション・その他手配選択*/
div#step ol#d_ifre_step_2_d {
	width:800px;
	height:70px;
	background:url(../parts/step_dairi_ifre.gif) no-repeat 0px -490px;
}

/*ステップ2_5 オプション・その他手配選択*/
div#step ol#d_ifre_step_2_e {
	width:800px;
	height:70px;
	background:url(../parts/step_dairi_ifre.gif) no-repeat 0px -560px;
}

/*ステップ3 空席照会と旅行者情報の入力*/
div#step ol#d_ifre_step_3 {
	width:800px;
	height:70px;
	background:url(../parts/step_dairi_ifre.gif) no-repeat 0px -630px;
}

/*ステップ4 申込完了前の最終確認画面*/
div#step ol#d_ifre_step_4 {
	width:800px;
	height:70px;
	background:url(../parts/step_dairi_ifre.gif) no-repeat 0px -700px;
}

/*ステップ4 ありがとうございました*/
div#step ol#d_ifre_step_5 {
	width:800px;
	height:70px;
	background:url(../parts/step_dairi_ifre.gif) no-repeat 0px -770px;
}



/*=======================
　予約系共通
=========================*/

/*代理店　申込み・取消ツアー一覧*/

/*ステップ1_1 参加人数・宿泊グレードの入力*/
div#step ol#d_cancel_step_1 {
	width:800px;
	height:70px;
	background:url(../parts/step_dairi_cancel.gif) no-repeat 0px 0px;
}

/*ステップ1_2 申込み内容確認*/
div#step ol#d_cancel_step_2 {
	width:800px;
	height:70px;
	background:url(../parts/step_dairi_cancel.gif) no-repeat 0px -70px;
}

/*ステップ1_3 取消完了*/
div#step ol#d_cancel_step_3 {
	width:800px;
	height:70px;
	background:url(../parts/step_dairi_cancel.gif) no-repeat 0px -140px;
}

/*一般　キャンセル*/

/*ステップ1_1 ログイン*/
div#step ol#u_cancel_step_1 {
	width:800px;
	height:70px;
	background:url(../parts/step_cancel.gif) no-repeat 0px 0px;
}

/*ステップ1_2 申込みツアー一覧*/
div#step ol#u_cancel_step_2 {
	width:800px;
	height:70px;
	background:url(../parts/step_cancel.gif) no-repeat 0px -70px;
}

/*ステップ1_3 申込み内容確認*/
div#step ol#u_cancel_step_3 {
	width:800px;
	height:70px;
	background:url(../parts/step_cancel.gif) no-repeat 0px -140px;
}

/*ステップ1_4 キャンセル完了*/
div#step ol#u_cancel_step_4 {
	width:800px;
	height:70px;
	background:url(../parts/step_cancel.gif) no-repeat 0px -210px;
}


/*一般　資料請求*/

/*ステップ1_1 資料請求ツアー一覧*/
div#step ol#u_request_step_1 {
	width:800px;
	height:70px;
	background:url(../parts/step_request.gif) no-repeat 0px 0px;
}

/*ステップ1_2 ログイン*/
div#step ol#u_request_step_2 {
	width:800px;
	height:70px;
	background:url(../parts/step_request.gif) no-repeat 0px -70px;
}

/*ステップ1_3 資料請求内容の確認*/
div#step ol#u_request_step_3 {
	width:800px;
	height:70px;
	background:url(../parts/step_request.gif) no-repeat 0px -140px;
}

/*ステップ1_4 資料請求完了*/
div#step ol#u_request_step_4 {
	width:800px;
	height:70px;
	background:url(../parts/step_request.gif) no-repeat 0px -210px;
}


/*代理店　説明会*/

/*ステップ1_1 参加人数の入力*/
div#step ol#briefing_step_1 {
	width:800px;
	height:70px;
	background:url(../parts/step_briefing.gif) no-repeat 0px 0px;
}

/*ステップ1_2 空席照会・ログイン*/
div#step ol#briefing_step_2 {
	width:800px;
	height:70px;
	background:url(../parts/step_briefing.gif) no-repeat 0px -70px;
}

/*ステップ1_3 参加者情報確認*/
div#step ol#briefing_step_3 {
	width:800px;
	height:70px;
	background:url(../parts/step_briefing.gif) no-repeat 0px -140px;
}

/*ステップ1_4 申込内容の確認*/
div#step ol#briefing_step_4 {
	width:800px;
	height:70px;
	background:url(../parts/step_briefing.gif) no-repeat 0px -210px;
}

/*ステップ1_4 申込完了*/
div#step ol#briefing_step_5 {
	width:800px;
	height:70px;
	background:url(../parts/step_briefing.gif) no-repeat 0px -280px;
}


/*=======================
　代理店ヘッター・フッター
=========================*/


/*代理店ヘッター*/

div#header_agency{
	width:800px;
	height:75px;
	background:url(../parts/agency_header_bg.gif) no-repeat;
	position:relative;
	margin-bottom:25px;
	}

div#header_agency p#header_agency_logo{
	width:128px;
	height:48px;
	position:absolute;
	top:20px;
	left:5px;
	}

div#header_agency p#header_agency_help{
	width:60px;
	height:auto;
	position:absolute;
	top:8px;
	left:730px;
	}

div#header_agency p#header_agency_help a{
	display:block;
	width:auto;
	height:ahttps://www.hankyu-travel.com/share/header/parts/logo.gifuto;
	line-height:1.6em;
	padding-left:17px;
	background:url(../parts/header_agency_help.gif) no-repeat 0px 3px;
	}
	
div#header_agency ul#header_agency_menu{
	width:310px;
	height:24px;
	position:absolute;
	top:42px;
	left:488px;
	}	
	
div#header_agency ul#header_agency_menu li{
	float:left;
	margin-left:5px;
	width:96px;
	height:25px;
	background:url(../parts/header_agency_bt.gif) no-repeat;
	}	
		
div#header_agency ul#header_agency_menu li a{
	display:block;
	padding-left:25px;
	line-height:2.0em;
	width:auto;
	height:auto;
	}	

div#header_agency ul#header_agency_menu li a.agency_serch{
	background:url(../parts/header_agency_serch.gif) no-repeat 5px 5px;
	}	

div#header_agency ul#header_agency_menu li a.agency_confirm{
	background:url(../parts/header_agency_confirm.gif) no-repeat 5px 5px;
	}	
	
div#header_agency ul#header_agency_menu li a.agency_logout{
	background:url(../parts/header_agency_logout.gif) no-repeat 5px 5px;
	}	


/*代理店フッター*/

div#footer_agency{
	clear:both;
	width:800px;
	height:20px;
	border-top:solid #e6e6e7 1px;
	background:#f7f7f6;
	margin-top:25px;
	text-align:right;
	}