@charset"utf-8";

/* ■hanahenro.css内容
--------------------------------------------------------------------------
[body id="hanahenro" class="page2"]
	1. 花へんろ-トップページ・共通パーツ
		:ツアー紹介
		:遍路旅あれこれ（リンク）
		:お問い合わせ
	2. 花へんろ-ツアースケジュール  
		:行程表
		:追加文
------------------------------------------------------------------------*/



/* 1.花へんろ
------------------------------------------------------------------------*/
	
#hanahenro #point{
	margin:10px auto 0;
	}

/* ----- [ツアー紹介] ----- */
.h-tour{
	margin:10px auto 0;
	border:1px solid #999;
	}

/* ツアー紹介テーブルの共通指定(tr) */	
.h-tour table{
	padding:0;
	border-collapse:collapse;
	border-spacing:0;
	border:none;
	}

.h-tour tr{vertical-align:top;}

/* ツアー紹介写真 */	
.h-pic{
	width:195px;
	padding:10px 0 10px;
	text-align:center;
	background-color:#fff;
	}
	
/* ツアー紹介コメント */	
.h-com{
	padding:10px 10px 10px 0;
	background-color:#fff;
	}


/* 各ツアーへのリンク「ツアー詳細へ」 */	
.h-plan{
	padding:0;
	width:143px;
	border-left:1px solid #999;
	background:url(../hanahenro/images/plan_back.gif) repeat;
	}

.h-plan .details{background-color:#fff;}/* ツアー詳細の背景 */
/* ▼ツアー詳細へのリンクが一段の場合、class(bb)を追加（下線を付けるため） */
.h-plan .details.bb{border-bottom:1px solid #999;}

.h-plan .details h5{margin-bottom:5px;background:url(../hanahenro/images/plan_back.gif) repeat;}/* ツアー詳細「タブ」 */
.h-plan .details p{text-align:center;}/* ツアー詳細タブ */

/* --- ツアー詳細へのリンクボタン --- */
.h-plan .h-btn{width:93px;height:26px;margin:5px auto 0;padding-bottom:10px;}
/* ▼ボタンのロールオーバー指定 */
.h-plan .h-btn a{width:93px;height:26px;display:block;background:url(../hanahenro/images/h_button_on.gif) no-repeat scroll 0%;}
.h-plan .h-btn a:hover{background-color:transparent;}
.h-plan .h-btn a:hover img{visibility:hidden;}



/* ----- [遍路旅あれこれ（リンク）] ----- */
#h-others{
	margin:15px auto 0;
	padding:3px 4px 8px 8px;
	background-color:#fff;
	}
	
#h-others h4{
	width:72px;
	float:left;
	}

#h-others .h-links{
	width:708px;
	float:right;
	margin-top:10px;
	}
#h-others .h-links img{margin-left:3px;}


/* ----- [お問い合わせ] ----- */
#h-inq{
	margin:10px auto 0;
	padding:10px;
	background:#fff url(../hanahenro/images/h_inq_back.jpg) repeat-x top;
	border:1px solid #ccc;
	font-size:78%;
	}

#h-inq .clearfix{margin:10px 0 0;}

#h-inq h4.name{
	width:125px;
	float:left;
	text-align:left;
	}
	
#h-inq .num{
	width:330px;
	float:left;
	}

#h-inq .add{
	width:300px;
	float:right;
	}


#h-inq .add ul{margin:0;padding:0;height:46px;overflow:hidden;}
#h-inq .add li{display:inline;margin:0;padding:0;}
#h-inq .add li.first{margin-right:2px;}
	
#h-inq .add p{
	margin:2px 0 0;
	padding:5px;
	text-align:center;
	background-color:#005aa0;
	}


/* 2.花へんろ-ツアースケジュール
------------------------------------------------------------------------*/
#schedule{
	width:100%;
	margin:20px auto 0;
	padding-bottom:10px;
	}

#schedule h3{margin:0;}

/* ----- [行程表] -------------------------------
  「日程」の列以外は折り返し禁止指定
  
  各コースのクラス
  (#scheduleに追加指定。記述例 -> #schedule.g-88)
    :逆打ち = g-88
    :88ヶ所 = n-88
    :33観音 = s-33
    :別格20 = b-20
    :88 別格 高野山 = a-8820
    :十八本山 = h-18
----------------------------------------------- */
#schedule table{
	width:100%;
	margin:0;
	background-color:#fff;
	border-collapse:collapse;
	border:1px solid #ccc;
	}


/* 1行目タイトルの共通指定 */
#schedule th{
	padding:3px;
	border:1px solid #ccc;
	color:#fff;
	white-space:nowrap;
	}

/* 逆打ち 1行目タイトル */
#schedule.g-88 th{background-color:#2C4F54;}
/* 88ヶ所 1行目タイトル */
#schedule.n-88 th{background-color:#8faf2b;}
/* 33観音 1行目タイトル */
#schedule.s-33 th{background-color:#C96A3F;}
/* 別格20 1行目タイトル */
#schedule.b-20 th{background-color:#2D83AA;}
/* 88 別格 高野山 1行目タイトル */
#schedule.a-8820 th{background-color:#003399;}
/* 18本山 1行目タイトル */
#schedule.h-18 th{background-color:#460E44;}


/* (td)セルの共通指定 */
#schedule td{
	padding:3px;
	border:1px solid #ccc;
	}


/* 「コース」の列(td) */
#schedule .times{
	white-space:nowrap;
	text-align:center;
	}

/* 逆打ち 「コース」の背景 */
#schedule.g-88 .times{background-color:#c1d5d6;}
/* 88ヶ所 「コース」の背景 */
#schedule.n-88 .times{background-color:#becc81;}
/* 33観音 「コース」の背景 */
#schedule.s-33 .times{background-color:#e0a991;}
/* 別格20 「コース」の背景 */
#schedule.b-20 .times{background-color:#a6d7e8;}
/* 88 別格 高野山 「コース」の背景 */
#schedule.a-8820 .times{background-color:#b7d2f9;}
/* 本山18 「コース」の背景 */
#schedule.h-18 .times{background-color:#C9B1BF;}



/* 「出発日」の列(td) */
#schedule td.days{
	text-align:center;
	white-space:nowrap;
	line-height:2em;
	}

/* 「参拝箇所」の列(td) */
#schedule td.temple{
    text-align:center;
	white-space:nowrap;
	}
#schedule td.temple img{vertical-align:middle;margin-right:1px;}

/* 「旅行代金」の列(td) */
#schedule td.price{
	text-align:center;
	font-size:120%;
	font-weight:bold;
	color:#ba0000;
	white-space:nowrap;
	line-height:1.6em;
	}
#schedule td.price span{font-size:80%;line-height:1.2em;}
/* 「第○回 特別価格」の表記は“span”で囲む。
                   価格よりサイズ・行間を小さく指定 */

#schedule td.price span.annotate{
	font-size:75%;
	line-height:1.2em;
	font-weight:lighter;
	color:black;
	}
/* 個室は追加料金がかかります。
                   価格よりサイズ・行間を小さく指定 */


/* ----- [追加文] -------------------------------
  タイトルは行程表テーブルの(th)と同色
----------------------------------------------- */
#schedule .option{
	margin:10px auto 0;
	padding:10px;
	background-color:#fff;
	}

#schedule .option h4{
	margin:0;
	border-bottom:3px double #ccc;
	font-weight:bold;
	}

/* 逆打ち タイトル */
#schedule.g-88 .option h4{color:#2c4f54;}
/* 88ヶ所 タイトル */
#schedule.n-88 .option h4{color:#8faf2b;}
/* 33観音 タイトル */
#schedule.s-33 .option h4{color:#c96a3f;}
/* 別格20 タイトル */
#schedule.b-20 .option h4{color:#2d83aa;}
/* 88 別格 高野山 タイトル */
#schedule.a-8820 .option h4{color:#003399;}
/* 18本山 タイトル */
#schedule.h-18 .option h4{color:#460E44;}

#schedule .option p{margin:10px auto 0;padding:0 10px;}
#schedule .option span{color:#ba0000;}


#schedule .comment{margin:10px auto 0;}



/* 別格20　念珠画像回り込み */
#schedule.b-20 .option .nenzu {
	width:100%;
	height:150px;
	}
#schedule.b-20 .option .nenzu1 img{
	float:right;
	width:175px;
	height:150px;
	}
#schedule.b-20 .option .nenzu2 {
	float:left;
	height:150px;
	}