@charset "utf-8";
/* ===================================================================
CSS information

 file name  :sightseeing.css
 author     :Ability Consultant
style info  :観光案内設定　ハックは最下部に記述
=================================================================== */


/* -----------------------------------------------------------
	各ページ専用指定
----------------------------------------------------------- */

/* ページタイトル
----------------------------------------------------------- */
#sightseeing #contents_head h2 {
	background: url(../sightseeing/images/st_sightseeing.gif) no-repeat center top;
}

/* サブメニュー
----------------------------------------------------------- */
#sightseeing ul.menu_sightseeing {
	width: 695px;
	height: 43px;
	margin: 0 0 15px 0;
	background: url(../sightseeing/images/menu_c_sightseeing.gif) no-repeat 0 0;
	text-indent: -9999px;
}

#sightseeing ul.menu_sightseeing li {
	height: 43px;
	float: left;
}

#sightseeing ul.menu_sightseeing li a {
	height: 43px;
	display: block;
	overflow: hidden;
}

/* 観光案内 */
#sightseeing ul.menu_sightseeing li.m_top,
#sightseeing ul.menu_sightseeing li.m_top a {
	width: 170px;
}

#sightseeing ul.menu_sightseeing li.m_top a:hover,
#sightseeing ul.menu_sightseeing li.m_top a.active {
	width: 170px;
	background: url(../sightseeing/images/menu_c_sightseeing.gif) no-repeat 0 -43px;
}

/* 有馬温泉の散策 */
#sightseeing ul.menu_sightseeing li.m_arima,
#sightseeing ul.menu_sightseeing li.m_arima a {
	width: 175px;
}

#sightseeing ul.menu_sightseeing li.m_arima a:hover,
#sightseeing ul.menu_sightseeing li.m_arima a.active {
	width: 175px;
	background: url(../sightseeing/images/menu_c_sightseeing.gif) no-repeat -170px -43px;
}

/* 周辺イベント */
#sightseeing ul.menu_sightseeing li.m_event,
#sightseeing ul.menu_sightseeing li.m_event a {
	width: 175px;
}

#sightseeing ul.menu_sightseeing li.m_event a:hover,
#sightseeing ul.menu_sightseeing li.m_event a.active {
	width: 175px;
	background: url(../sightseeing/images/menu_c_sightseeing.gif) no-repeat -345px -43px;
}

/* 観光に便利なリンク集 */
#sightseeing ul.menu_sightseeing li.m_link,
#sightseeing ul.menu_sightseeing li.m_link a {
	width: 175px;
}

#sightseeing ul.menu_sightseeing li.m_link a:hover,
#sightseeing ul.menu_sightseeing li.m_link a.active {
	width: 175px;
	background: url(../sightseeing/images/menu_c_sightseeing.gif) no-repeat -520px -43px;
}





/* -----------------------------------------------------------
	index.php、kobe.php、osaka.php 観光トップ 共通設定
----------------------------------------------------------- */

/* s_top_nav タブ
----------------------------------------------------------- */
#sightseeing ul.s_top_nav {
	width: 695px;
	height: 35px;
	background: url(../sightseeing/images/menu_tab_sightseeing.gif) no-repeat 0 0;
	text-indent: -9999px;
}

#sightseeing ul.s_top_nav li {
	width: 175px;
	height: 35px;
	float: left;
}

#sightseeing ul.s_top_nav li a {
	width: 175px;
	height: 35px;
	display: block;
	overflow: hidden;
}

#sightseeing ul.s_top_nav li.stb_top a:hover,
#sightseeing ul.s_top_nav li.stb_top a.active {
	background: url(../sightseeing/images/menu_tab_sightseeing.gif) no-repeat 0 -35px;
}

#sightseeing ul.s_top_nav li.stb_kobe a:hover,
#sightseeing ul.s_top_nav li.stb_kobe a.active {
	background: url(../sightseeing/images/menu_tab_sightseeing.gif) no-repeat -175px -35px;
}

#sightseeing ul.s_top_nav li.stb_osaka a:hover,
#sightseeing ul.s_top_nav li.stb_osaka a.active {
	background: url(../sightseeing/images/menu_tab_sightseeing.gif) no-repeat -350px -35px;
}


/* top_catch_con キャッチ
----------------------------------------------------------- */
#sightseeing div.top_catch_con {
	width: 695px;
	margin: 0 0 20px 0;
}

#sightseeing div.top_catch_con h3 {
	width: 415px;
	height: 25px;
	margin: 0 0 10px 0;
	background: url(../sightseeing/images/rokko/st_rokko.gif) no-repeat 0 0;
	text-indent: -9999px;
}

#sightseeing div.top_catch_con p {
	padding: 0 0 0 5px;
}


/* map_con 地図
----------------------------------------------------------- */
#sightseeing div.map_con {
	width: 695px;
	margin: 0 0 20px 0;
}

#sightseeing div.map_con div.map_area {
	width: 679px;
	height: 324px;
	margin: 0 0 5px 0;
	padding: 8px;
	background: url(../sightseeing/images/bg_map.gif) no-repeat 0 0;
}

#sightseeing div.map_con div#map {
	width: 679px;
	height: 324px;
}

#sightseeing div.map_con div#map p.mapinfo img {
	width: 60px;
	height: 60px;
	padding: 0 10px 0 0;
	vertical-align: middle;
}

#sightseeing div.map_con p.mapnav {
	padding: 0 0 0 25px;
	background: url(../sightseeing/images/icon_map.gif) no-repeat left center;
}


/* sightseeing_list_con スポットリスト
----------------------------------------------------------- */
#sightseeing div.sightseeing_list_con {
	width: 693px;
	margin: 0 0 40px 0;
	padding: 20px 0 0 0;
	border: 1px #a89655 solid;
}

/* 見出し */
#sightseeing div.sightseeing_list_con h3 {
	width: 645px;
	height: 40px;
	margin: 0 auto 10px auto;
	text-indent: -9999px;
}

/* h3 */
#sightseeing div.sightseeing_list_con h3.st_spot {
	background: url(../sightseeing/images/st_spot.gif) no-repeat 0 0;
}

#sightseeing div.sightseeing_list_con h3.st_park {
	background: url(../sightseeing/images/st_park.gif) no-repeat 0 0;
}

#sightseeing div.sightseeing_list_con h3.st_animal {
	background: url(../sightseeing/images/st_animal.gif) no-repeat 0 0;
}

#sightseeing div.sightseeing_list_con h3.st_museum {
	background: url(../sightseeing/images/st_museum.gif) no-repeat 0 0;
}

#sightseeing div.sightseeing_list_con h3.st_other {
	background: url(../sightseeing/images/st_other.gif) no-repeat 0 0;
}

/* h4 */
#sightseeing div.sightseeing_list_con h4 {
	margin: 0 0 10px 0;
	padding: 0 0 0 20px;
	border-bottom: 1px #c4bc9c solid;
	line-height: 1.5;
	font-size: 120%;
}

#sightseeing div.sightseeing_list_con h4.st_spotlist {
	background: url(../sightseeing/images/icon_spot.gif) no-repeat left 5px;
}

#sightseeing div.sightseeing_list_con h4.st_parklist {
	background: url(../sightseeing/images/icon_park.gif) no-repeat left 5px;
}

#sightseeing div.sightseeing_list_con h4.st_animallist {
	background: url(../sightseeing/images/icon_animal.gif) no-repeat left 5px;
}

#sightseeing div.sightseeing_list_con h4.st_museumlist {
	background: url(../sightseeing/images/icon_museum.gif) no-repeat left 5px;
}

#sightseeing div.sightseeing_list_con h4.st_otherlist {
	background: url(../sightseeing/images/icon_other.gif) no-repeat left 5px;
}

/* 各ボックス */
#sightseeing div.sightseeing_list_con div.spot_con {
	width: 665px;
	margin: 0 0 40px 24px;
	overflow: hidden;
}

#sightseeing div.sightseeing_list_con div.sightseeing_list {
	width: 313px;
	margin: 0 14px 10px 0;
	border: 1px #a89655 dotted;
	float: left;
	overflow: hidden;
}

#sightseeing div.sightseeing_list_con div.sightseeing_list p.photo {
	width: 80px;
	padding: 10px;
	float: left;
}

#sightseeing div.sightseeing_list_con div.sightseeing_list div.txt {
	width: 200px;
	padding: 10px 10px 0 0;
	float: right;
}

#sightseeing div.sightseeing_list_con div.sightseeing_list div.txt p.bt {
	text-align: right;
}






/* -----------------------------------------------------------
	armaonsen.php 有馬温泉街の散策
----------------------------------------------------------- */

/* course_con タブメニュー含む
----------------------------------------------------------- */
#sightseeing div.course_con {
	width: 695px;
	margin: 0 0 40px 0;
}

#sightseeing div.course_con h3 {
	width: 695px;
	height: 60px;
	margin: 0 0 15px 0;
	background: url(../sightseeing/images/arima/st_arima.gif) no-repeat 0 0;
	text-indent: -9999px;
}

/* タブメニュー */
#sightseeing div.course_con ul.tabnav {
	width: 695px;
	height: 35px;
	background: url(../sightseeing/images/arima/menu_tab_arima.gif) no-repeat 0 0;
	text-indent: -9999px;
}

#sightseeing div.course_con ul.tabnav li {
	width: 175px;
	height: 35px;
	float: left;
}

#sightseeing div.course_con ul.tabnav li a {
	width: 175px;
	height: 35px;
	display: block;
	overflow: hidden;
}

#sightseeing div.course_con ul.tabnav li.tb_arima a:hover,
#sightseeing div.course_con ul.tabnav li.tb_arima a.active {
	background: url(../sightseeing/images/arima/menu_tab_arima.gif) no-repeat 0 -35px;
}

#sightseeing div.course_con ul.tabnav li.tb_history a:hover,
#sightseeing div.course_con ul.tabnav li.tb_history a.active {
	background: url(../sightseeing/images/arima/menu_tab_arima.gif) no-repeat -175px -35px;
}

#sightseeing div.course_con ul.tabnav li.tb_sengen a:hover,
#sightseeing div.course_con ul.tabnav li.tb_sengen a.active {
	background: url(../sightseeing/images/arima/menu_tab_arima.gif) no-repeat -350px -35px;
}

/* 各コース共通 */
#sightseeing div.course_con div#course01,
#sightseeing div.course_con div#course02,
#sightseeing div.course_con div#course03 {
	width: 695px;
	padding: 10px 0;
	background-color: #fff;
}

#sightseeing div.course_con div#course01 p,
#sightseeing div.course_con div#course02 p,
#sightseeing div.course_con div#course03 p {
	width: 670px;
	margin: 0 auto 10px auto;
}

/* 散策 */
#sightseeing div.course_con div#course01 h4 {
	width: 664px;
	height: 40px;
	margin: 0 auto 10px auto;
	background: url(../sightseeing/images/arima/st_arima_course.gif) no-repeat 0 0;
	text-indent: -9999px;
}

#sightseeing div.course_con div#course01 h5 {
	width: 460px;
	height: 25px;
	margin: 0 0 10px 10px;
	background: url(../sightseeing/images/arima/st_arima_txt.gif) no-repeat 0 0;
	text-indent: -9999px;
}

/* 歴史 */
#sightseeing div.course_con div#course02 h4 {
	width: 664px;
	height: 40px;
	margin: 0 auto 10px auto;
	background: url(../sightseeing/images/arima/st_history.gif) no-repeat 0 0;
	text-indent: -9999px;
}

#sightseeing div.course_con div#course02 h5 {
	width: 340px;
	height: 25px;
	margin: 0 0 10px 10px;
	background: url(../sightseeing/images/arima/st_history_txt.gif) no-repeat 0 0;
	text-indent: -9999px;
}

/* 泉源 */
#sightseeing div.course_con div#course03 h4 {
	width: 664px;
	height: 40px;
	margin: 0 auto 10px auto;
	background: url(../sightseeing/images/arima/st_sengen.gif) no-repeat 0 0;
	text-indent: -9999px;
}

#sightseeing div.course_con div#course03 h5 {
	width: 345px;
	height: 25px;
	margin: 0 0 10px 10px;
	background: url(../sightseeing/images/arima/st_sengen_txt.gif) no-repeat 0 0;
	text-indent: -9999px;
}


/* arimaguide_con ポイント解説
----------------------------------------------------------- */
#sightseeing div.arimaguide_con {
	width: 660px;
	margin: 0 auto 40px auto;
	overflow: hidden;
}

/* 共通設定（3列） */
#sightseeing div.arimaguide_con div.arima_list {
	width: 216px;
	margin: 0 0 20px 0;
	border-left: 1px #beb182 solid;
	overflow: hidden;
	float: left;
}

#sightseeing div.arimaguide_con div.arima_list_l {
	width: 216px;
	margin: 0 0 20px 0;
	border-left: 1px #beb182 solid;
	border-right: 1px #beb182 solid;
	overflow: hidden;
	float: left;
}

/* 共通設定（2列） */
#sightseeing div.arimaguide_con div.arima_list_b {
	width: 325px;
	margin: 0 0 20px 0;
	border-left: 1px #beb182 solid;
	overflow: hidden;
	float: left;
}

#sightseeing div.arimaguide_con div.arima_list_br {
	width: 325px;
	margin: 0 0 20px 0;
	border-left: 1px #beb182 solid;
	border-right: 1px #beb182 solid;
	overflow: hidden;
	float: left;
}

/* 全ボックス共通 */
#sightseeing div.arimaguide_con h4 {
	margin: 0 0 5px 0;
	padding: 12px 0 0 35px;
	min-height: 38px;
}

#sightseeing div.arimaguide_con p.photo {
	padding: 0 15px;
	float: left;
}

#sightseeing div.arimaguide_con div.txt {
	padding: 0 5px 0 0;
	overflow: hidden;
}

#sightseeing div.arimaguide_con span.ex {
	color: #b26414;
	font-size: 86%;
}


/* 見出し */
#sightseeing div.arimaguide_con h4.st_a {
	background: url(../sightseeing/images/arima/icon_a.gif) no-repeat 0 0;
}

#sightseeing div.arimaguide_con h4.st_b {
	background: url(../sightseeing/images/arima/icon_b.gif) no-repeat 0 0;
}

#sightseeing div.arimaguide_con h4.st_c {
	background: url(../sightseeing/images/arima/icon_c.gif) no-repeat 0 0;
}

#sightseeing div.arimaguide_con h4.st_d {
	background: url(../sightseeing/images/arima/icon_d.gif) no-repeat 0 0;
}

#sightseeing div.arimaguide_con h4.st_e {
	background: url(../sightseeing/images/arima/icon_e.gif) no-repeat 0 0;
}

#sightseeing div.arimaguide_con h4.st_f {
	background: url(../sightseeing/images/arima/icon_f.gif) no-repeat 0 0;
}

#sightseeing div.arimaguide_con h4.st_g {
	background: url(../sightseeing/images/arima/icon_g.gif) no-repeat 0 0;
}

#sightseeing div.arimaguide_con h4.st_h {
	background: url(../sightseeing/images/arima/icon_h.gif) no-repeat 0 0;
}

#sightseeing div.arimaguide_con h4.st_i {
	background: url(../sightseeing/images/arima/icon_i.gif) no-repeat 0 0;
}

#sightseeing div.arimaguide_con h4.st_j {
	background: url(../sightseeing/images/arima/icon_j.gif) no-repeat 0 0;
}

#sightseeing div.arimaguide_con h4.st_k {
	background: url(../sightseeing/images/arima/icon_k.gif) no-repeat 0 0;
}

#sightseeing div.arimaguide_con h4.st_l {
	background: url(../sightseeing/images/arima/icon_l.gif) no-repeat 0 0;
}

#sightseeing div.arimaguide_con h4.st_m {
	background: url(../sightseeing/images/arima/icon_m.gif) no-repeat 0 0;
}

#sightseeing div.arimaguide_con h4.st_n {
	background: url(../sightseeing/images/arima/icon_n.gif) no-repeat 0 0;
}

#sightseeing div.arimaguide_con h4.st_o {
	background: url(../sightseeing/images/arima/icon_o.gif) no-repeat 0 0;
}

#sightseeing div.arimaguide_con h4.st_p {
	background: url(../sightseeing/images/arima/icon_p.gif) no-repeat 0 0;
}

#sightseeing div.arimaguide_con h4.st_q {
	background: url(../sightseeing/images/arima/icon_q.gif) no-repeat 0 0;
}




/* -----------------------------------------------------------
	link.php リンク集
----------------------------------------------------------- */

/* link_con 見出し等
----------------------------------------------------------- */
#sightseeing div.link_con {
	width: 695px;
	margin: 0 0 40px 0;
}

#sightseeing div.link_con h3 {
	width: 695px;
	height: 60px;
	margin: 0 0 15px 0;
	background: url(../sightseeing/images/link/st_link.gif) no-repeat 0 0;
	text-indent: -9999px;
}

#sightseeing div.link_con h4 {
	width: 683px;
	margin: 0 0 10px 0;
	padding: 10px 0 10px 10px;
	border: 1px #af9c4b dotted;
}

#sightseeing div.link_con ul {
	margin: 0 0 40px 0;
}

#sightseeing div.link_con ul li {
	margin: 0 0 15px 0;
	padding: 0 0 0 15px;
	background: url(../images/icon_link.gif) no-repeat left center;
}




/* -----------------------------------------------------------
	event/index.php 周辺イベント
----------------------------------------------------------- */

/* event_con 見出し等
----------------------------------------------------------- */
#sightseeing div.event_con {
	width: 695px;
	margin: 0 0 15px 0;
}

#sightseeing div.event_con h3 {
	width: 695px;
	height: 60px;
	margin: 0 0 15px 0;
	background: url(../sightseeing/event/images/st_event.gif) no-repeat 0 0;
	text-indent: -9999px;
}

/* 年月選択 */
#sightseeing div.event_con div.day_con {
	width: 665px;
	margin: 0 auto;
	padding: 15px 0 15px 10px;
	background-color: #ede9d6;
	overflow: hidden;
}

#sightseeing div.event_con div.day_con select {
	width: 105px;
	border: 1px #a9b87f solid;
	float: left;
}

#sightseeing div.event_con div.day_con ul {
	width: 541px;
	padding: 0 0 0 1px;
	overflow: hidden;
	float: right;
}

#sightseeing div.event_con div.day_con ul li {
	width: 43px;
	height: 19px;
	margin: 0 0 0 -1px;
	border-top: none;
	border-left: 1px #d2caa8 solid;
	border-right: 1px #d2caa8 solid;
	border-bottom: 1px #d2caa8 solid;
	text-align: center;
	float: left;
}

#sightseeing div.event_con div.day_con ul li a {
	width: 43px;
	height: 19px;
	display: block;
	overflow: hidden;
}

#sightseeing div.event_con div.day_con ul li,
#sightseeing div.event_con div.day_con ul li a:link {
	color: #585858;
}

#sightseeing div.event_con div.day_con ul li a:hover,
#sightseeing div.event_con div.day_con ul li a.month_on  {
	background: url(../sightseeing/event/images/bg_month_hover.jpg) no-repeat 0 0;
	border-top: 1px #d2caa8 solid;
	border-left: none;
	border-right: none;
	border-bottom: none;
}

/* eventlist_con イベント一覧
----------------------------------------------------------- */
#sightseeing div.eventlist_con {
	width: 695px;
	margin: 0 0 30px 0;
}

#sightseeing div.eventlist_con div.eventlist {
	width: 663px;
	margin: 0 0 10px 0;
	padding: 15px;
	border: 1px #a89655 dotted;
	overflow: hidden;
}

#sightseeing div.eventlist_con div.eventlist h4 {
	width: 624px;
	margin: 0 auto 15px auto;
	padding: 15px;
	background-color: #dedbc8;
	font-weight: bold;
}

#sightseeing div.eventlist_con div.eventlist p.photo {
	padding: 0 20px 0 5px;
	float: left;
}

#sightseeing div.eventlist_con div.eventlist div.txt {
	overflow: hidden;
}

#sightseeing div.eventlist_con div.eventlist div.txt p {
	margin: 0 0 10px 0;
	padding: 0 5px 0 5px;
}

#sightseeing div.eventlist_con div.eventlist div.txt table {
	width: 461px;
	margin: 0 0 0 1px;
}












/*======================================

	hack - 各種cssハック - for IE7

=======================================*/
*:first-child+html {}


/*======================================

	hack - 各種cssハック - for IE6

=======================================*/

/* armaonsen.php 有馬温泉街の散策 テキスト回り込み対策 */
* html #sightseeing div.arimaguide_con div.txt {zoom: 1;}


* html #sightseeing div.sightseeing_list_con div.sightseeing_list div.txt {zoom: 1;}
* html #sightseeing div.sightseeing_list_con div.sightseeing_list div.txt p.bt  {zoom: 1;}