@charset 'utf-8';
@import url("common.css");

/* ==================================================
  INDEX sub.css
 ----------------------------------------------------
  1.tour_navi		ツアーの流れ
  2.tour			ツアー関連
  3.tour_privilege	オリジナル特典
  4.tour_detail		ツアー詳細
  5.tour_calendar	ツアーカレンダー
  6.tour_appli		予約記入関連
  7.planlist		プランリスト
  8.ranking			ランキング
  9.presemt			今月のプレゼント
  10.plan_contact	プランへのお問合わせ
================================================== */


/* 1.tour_navi ツアーの流れ
================================================== */
#tour_navi{
	margin		: 10px 0;
	clear		: both;
	}

#tour_navi li{
	padding-right	: 50px;
	float		: left;
	background	: url("../img/common/icon01.gif") no-repeat 130px  20px ;
	}

#tour_navi li.s_none{
	padding-right	: 0;
	}


/* 2.tour　ツアー関連
================================================== */

	/* 2-1.ttl　ツアーヘッダー
	-------------------------------------------------- */
	.ttl_tour{
		height		: 58px;
		clear		: both;
		background	: url("../img/bg_tour.gif") repeat-x;
		}

	.entry_header{
		padding		: 8px 10px 0 10px;
		}

	.tag{
		padding		: 10px;
		}

	/* 2-2.icon,navi ツアー関連その他
	-------------------------------------------------- */
	.tour_icon{
		margin		: 5px;
		}

	.page_navi{
		width		: 100px;
		margin		: 0 0 0 10px;
		padding		: 3px 5px;
		float		: right;
		text-align	: center;
		background	: #EEE;
		border		: solid 1px #CCC;
		}

	.shop_image{
		width		: 615px;
		}

	.shop_image img{
		float		: left;
		margin		: 8px 5px 7px 0;
		}

	.ttl_sub{
		padding		: 10px 0;
		}

	.tour_point p{
		margin		: 10px 5px 10px 0;
		}


/* 3.tour_privilege　オリジナル特典
================================================== */
.tour_privilege table{
	width		: 600px;
	margin		: 25px 0;
	font-size	: 90%;
	border		: solid 1px #CCC;
	}

.tour_privilege th{
	width		: 130px;
	background	: #C00;
	}

.tour_privilege th img{
	margin		: 10px;
	}

.tour_privilege td{
	width		: 450px;
	padding		: 10px;
	background	: #FFC;
	}


/* 4.tour_detail　ツアー詳細
================================================== */
.tour_detail{
	margin		: 10px;
	}
	
.tour_detail table{
	font-size	: 90%;
	border-collapse	: collapse;
	border-top	: solid 1px #CCC;
	border-left	: solid 1px #CCC;
	}
	
.tour_detail th,
.tour_detail td{
	padding		: 5px 8px;
	border-collapse	: collapse;
	border-right	: solid 1px #CCC;
	border-bottom	: solid 1px #CCC;	
	}

.tour_detail th{
	width		: 150px;
	text-align	: center;
	background	: #EEE;
	}


/* 5.tour_calendar　ツアーカレンダー
================================================== */
.tour_calendar caption{
	height		: 25px;
	font-weight	: bold;
	background	: #CCC;
	border-collapse	: collapse;
	border-top	: solid 1px #CCC;
	border-left	: solid 1px #CCC;
	border-right	: solid 1px #CCC;
	}

.tour_calendar table{
	width		: 285px;
	margin		: 10px;
	float		: left;
	font-size	: 90%;
	border-collapse	: collapse;
	border-top	: solid 1px #CCC;
	border-left	: solid 1px #CCC;
}
	
.tour_calendar th,
.tour_calendar td{
	height		: 40px;
	text-align	: center;
	border-collapse	: collapse;
	border-right	: solid 1px #CCC;
	border-bottom	: solid 1px #CCC;		
	}
	

/* 6.tour_appli　予約記入関連
================================================== */
.tour_appli table,
.tour_appli_red table{
	width		: 580px;
	margin		: 10px;
	font-size	: 90%;
	line-height	: 2.0;
	border-collapse	: collapse;
	}

.tour_appli table{
	border-top	: solid 1px #CCC;
	border-left	: solid 1px #CCC;
	}

.tour_appli_red table{
	border-top	: solid 1px #F66;
	border-left	: solid 1px #F66;
	}
	
.tour_appli th,
.tour_appli td,
.tour_appli_red th,
.tour_appli_red td{
	padding		: 8px;
	border-collapse	: collapse;
	}
	
.tour_appli th,
.tour_appli td{
	border-right	: solid 1px #CCC;
	border-bottom	: solid 1px #CCC;	
	}
	
.tour_appli_red th,
.tour_appli_red td{
	border-right	: solid 1px #F66;
	border-bottom	: solid 1px #F66;
	}
	
.tour_appli th{
	width		: 150px;
	text-align	: center;
	background	: #EEE;
	}
	
.tour_appli_red th{
	width		: 150px;
	text-align	: center;
	color		: #FFF;
	background	: #C03;
	}

.tour_appli input{
	margin-right	: 10px;
	}

.attention{
	background	: #9CF;
	font-weight	: bold;
	font-size	: 110%;
	}

.ttl_appli{
	margin		: 10px 5px 0 10px;
	padding		: 5px;
	font-weight	: bold;
	background	: #CCC;
	}
	
.btn01{
	margin		: 50px auto;
	text-align	: center;
	clear		: both;
	}

/* 6.login　ログイン画面
================================================== */
.btn_logout{
	margin		: 10px 30px;
	text-align	: right;
	}


/* 7.planlist　プランリスト
================================================== */
.ttl_area{
	width		: 600px;
	margin		: 10px 0 5px 0;
	background	: url(../img/bg_plan02.gif) repeat-x top left;
	}

.planlist{
	width		: 600px;
	margin		: 0 0 20px 0;
	clear		: both;
	}

.plan_image{
	margin		: 0 10px 10px 0;
	float		: left;
	}

.ttl_planlist{
	margin		: 0 0 5px 0;
	padding		: 5px;
	font-size	: 16px;
	background	: #FFC;
	}

.tag_planlist{
	margin		: 0 5px;
	padding		: 0;
	}


/* 8.ranking　ランキング
================================================== */
.ttl_ranking{
	width		: 600px;
	margin		: 20px 0;
	}

.ranking_box table{
	width		: 600px;
	margin		: 0;
	font-size	: 90%;
	line-height	: 2.0;
	}

.ranking_box th,
.ranking_box td{
	padding		: 8px 10px;
	border-bottom	: solid 1px #CCC;
	border-collapse	: collapse;
	}

.ranking_box th{
	text-align	: center;
	font-weight	: normal;
	}

.rank_high{
	padding-bottom	: 10px;
	background	: url(../img/bg_rank_high.gif) repeat-x bottom left #F2EEE8;
	border		: none;
	}


/* 9.presemt　今月のプレゼント
================================================== */
.present_box p{
	margin		: 5px 10px;
	}

.present_box h2{
	text-align	: center;
	margin		: 15px 0;
	}

.present_box h3{
	margin		: 10px 0;
	}

.btn_apply{
	width		: 600px;
	margin		: 15px 0;
	text-align	: center;
	padding		: 10px;
	background	: #F2F5DC;
	}
	

/* plan_contact	プランへのお問合わせ
================================================== */
.contact_box{
	width		: 600px;
	text-align	: center;
	margin		: 5px auto;
	}

.contact_box h2{
	margin		: 0px;
	text-align	: center;
	font-weight	: bold;
	}
	
.contact_box table{
	margin		: 0 auto;
	font-size	: 11px;
	text-align	: left;
	background	: #CBCBCB;
	border-collapse	: collapse;
	border-top	: solid 1px #999;
	border-left	: solid 1px #999;
	}

.contact_box th,
.contact_box td{
	padding		: 6px 5px;
	empty-cells	: show;
	border-collapse	: collapse;
	border-right	: solid 1px #999;
	border-bottom	: solid 1px #999;
	}
	
.contact_box th,
.btn_send{
	text-align	: right;
	}

.btn_send input{
	padding		: 0 15px;
	}

.thanks{
	width		: 550px;
	margin		: 50px auto;
	padding		: 15px;
	background	: #CBCBCB;
	border		: solid 1px #999;
	}
	
.right-border{
	width		: 200px;
	float	: right;
	padding		: 5px 10px;
	text-align	: center;
	line-height : 1.2;
	}

.right-border p{
	margin-top:0px;
	margin-bottom:2px;
	}
	
.left-border{
	width		: 385px;
	float	: left;
	padding		: 0 0 5px 10px;
	}