/* ///////////////////////////////////////////////

ファイル名：sightseeing.css
適応ページ：観光案内のページ

----------------------------

このCSSの内容

1. hx タグの設定(h1,h2等)
2. header の設定
3. contents

X. etc

/////////////////////////////////////////////// */


/* 1. hx タグの設定(h1,h2等)
--------------------------------------------- */

h2 {
	margin: 0;
	padding: 0;
	text-indent: -9999px;
	overflow: hidden;
}

/* 2. header の設定
--------------------------------------------- */

/* ページ上部ナビの「観光情報」を選択した状態 */
#mainNavi li#sightseeingBtn a {
	width: 96px;
	height: 35px;
	background: transparent url(../img/base/navi_sightseeing.gif) no-repeat -150px 0;
}


/* タイトル写真 */
#sightseeing #header #photoTit {
	clear: both;
	width: 770px;
	height: 140px;
	margin: 4px 0 0 0;
	padding: 0;
	background: transparent url(../img/sightseeing/sightseeing_tit_photo.jpg) no-repeat 0 0;
}



/* 3. コンテンツ部分の設定
--------------------------------------------- */
#sightseeing #contents #contentsBox h3 {
	width: 570px;
	height: 34px;
	margin: 0;
	padding: 0;
	text-indent: -9999px;
	overflow: hidden;
	background: transparent url(../img/sightseeing/sightseeing_tit.gif) no-repeat 0 0;
}

#sightseeing #contents #leftNavi h3 {
	width: 190px;
	height: 20px;
	margin: 0;
	padding: 0;
	text-indent: -9999px;
	overflow: hidden;
	background: transparent url(../img/sightseeing/sightseeing_tit_leftnavi.gif) no-repeat 0 0;
}

#sightseeing .articleBox {
	background: url(../img/base/border_type02.gif);
	background-repeat: repeat-x;
	background-position: bottom;
	padding: 8px 0;
}

#sightseeing .articleBox .articleInfo {
	width: 340px;
	float: right;
	color: #666666;
}

#sightseeing .articleBox p {
	margin: 12px 5px;
}

#sightseeing .articleBox h4 {

	margin: 7px 5px;
}


#sightseeing .articlePhoto {
	width: 220px;
	text-align: center;
	float: left;

}

#sightseeing .articlePhoto img {
	width: 208px;
	padding: 5px;
	background: #eee url(../img/sightseeing/bg_photo.gif);
	margin-bottom: 10px;
	vertical-align: bottom;
}





/* X. etc
--------------------------------------------- */
