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

 file name  :sightseeing.css
 author     :Ability Consultant
style info  :トップページ設定　ハックは最下部に記述
=================================================================== */


/*----------------------------------------------------
	.con_intro		INTRO
----------------------------------------------------*/
#sightseeing #main .con_intro {
	margin-bottom:10px;
	width:685px;
}

#sightseeing #main .con_intro h3 {
	padding-left:10px;
}

/* -----------------------------------------------------------
	.m_page		ページメニュー
----------------------------------------------------------- */
#sightseeing #main .m_page {
	margin:10px;
	width:685px;
	height:50px;
	overflow:hidden;
}

#sightseeing #main .m_page li {
	height:50px;
	float:left;
	text-indent:-9999px;
}

#sightseeing #main .m_page li a {
	height:50px;
	display:block;
	overflow:hidden;
}

#sightseeing #main .m_page {
	background:url(../sightseeing/images/m_page.gif) 0 0 no-repeat;
}

/*葛城山のご案内 */
#sightseeing #main .m_page li.m_katsuragi a{
	width:345px;
}
#sightseeing #main .m_page li.m_katsuragi a:hover,
#sightseeing #main #sightseeing_top .m_page li.m_katsuragi a.active{
	background:url(../sightseeing/images/m_page.gif) 0 -50px;
}

/* 周辺観光 */
#sightseeing #main .m_page li.m_shuhen a {
	width:340px;
}
#sightseeing #main .m_page li.m_shuhen a:hover,
#sightseeing #main #sightseeing_top .m_page li.m_shuhen a.active{
	background:url(../sightseeing/images/m_page.gif) -345px -50px;
}


/*	#map		MAP
----------------------------------------------------*/

#sightseeing #map{
	margin: 15px 15px 30px 15px;
}


/*	.navi		アーカイブ
----------------------------------------------------*/
#sightseeing #main .con_sightseeing .navi {
	margin-top:15px;
	margin-bottom:30px;
	width:643px;
	overflow:hidden;
	text-align:center;
}

/* .con_pager	 ページャ
------------------------------------------*/
#sightseeing #main .con_sightseeing .con_pager {
	padding:10px;
	width:643px;
}

#sightseeing #main .con_sightseeing .con_pager .pager {
	width:643px;
	text-align:center;
}

#sightseeing #main .con_sightseeing .con_pager .pager li {
	margin:0 3px;
	padding:0 4px;
	display:inline;
	text-align:center;
	border-right:1px solid #2a2a2a;
	border-left:1px solid #2a2a2a;
}

#sightseeing #main .con_sightseeing .con_pager .pager li.next,
#sightseeing #main .con_sightseeing .con_pager .pager li.prev{
	border-right:none;
	border-left:none;
}

#sightseeing #main .con_sightseeing .con_pager .pager li span,
#sightseeing #main .con_sightseeing .con_pager .pager li a {
	display:inline-block;
}

/*	.box_sightseeing		一覧用BOX
----------------------------------------------------*/
#sightseeing #main .con_sightseeing .box_sightseeing {
	margin:10px 10px;
	padding:10px 0;
	width:665px;
	overflow:hidden;
	border-bottom:1px dotted #94a897;
	line-height:inherit;
}

#sightseeing #main .con_sightseeing .box_sightseeing dl{
	clear:both;
	width:665px;
	overflow:hidden;
	border-top: dotted 1px #cdcdcd;
	padding:0;
	margin:0;
}

#sightseeing #main .con_sightseeing .box_sightseeing dl.last{
	border-bottom: dotted 1px #cdcdcd;
}

#sightseeing #main .con_sightseeing .box_sightseeing dt{
	float:left;
	width:135px;
	padding:0 10px;
	background:#eee;
}

#sightseeing #main .con_sightseeing .box_sightseeing dd{
	float:right;
	width:490px;
	padding:0 10px;
}



/* 画像 */
#sightseeing .con_sightseeing .img_sightseeing img {
	padding:8px;
	border:1px solid #e7e7e7;
	margin-left:20px;

}

/* コンテンツ */
#sightseeing #main .con_sightseeing .con_l .text{
	float:left;
	width:380px;
}


#sightseeing #main .con_sightseeing .con_l p{
	text-align:right;
}


/* ニュースタイトル */
#sightseeing #main .con_sightseeing h3 {
	font-size:140%;
	border-bottom: solid 2px ;
	margin-bottom:10px;
}

#sightseeing #main .con_sightseeing .tit a {
	color:#9f4e24;
	text-decoration:none;
}

/* タイトル下線 */

#sightseeing #main .con_sightseeing .con_l .img_border{
	text-align:left;
	margin-bottom:10px;
}

/* ニュースの内容 */
#sightseeing #main .con_sightseeing  .con_l .cont {
	margin-bottom:10px;
	text-align:left;
}

/* 詳細ボタン */
#sightseeing #main .con_sightseeing .con_l .btn_details {
	text-align:right;
}



/*	.con_sightseeing_d		詳細用
----------------------------------------------------*/
#sightseeing #main .con_sightseeing_d .box_sightseeing {
	margin:10px 10px;
	padding:10px 0;
	width:665px;
	overflow:hidden;
	line-height:inherit;
}

#sightseeing #main .con_sightseeing_d .box_sightseeing h3{
   background: url(../sightseeing/images/st_sightseeing.gif) no-repeat scroll 0 0px;
   font-size: 150%;
   font-weight: bold;
   padding: 5px 0 5px 40px;
}


#sightseeing #main .con_sightseeing_d dl{
	clear:both;
	width:665px;
	overflow:hidden;
	border-top: dotted 1px #cdcdcd;
	padding:0;
	margin:0;
}

#sightseeing #main .con_sightseeing_d dl.last{
	border-bottom: dotted 1px #cdcdcd;
}

#sightseeing #main .con_sightseeing_d  dt{
	float:left;
	width:135px;
	padding:0 10px;
	background:#eee;
}

#sightseeing #main .con_sightseeing_d  dd{
	float:right;
	width:490px;
	padding:0 10px;
}



/* 画像 */

#sightseeing .con_sightseeing_d .img_sightseeing{
	float:right;
}


#sightseeing .con_sightseeing_d .img_sightseeing img {
	padding:8px;
	border:1px solid #e7e7e7;
	margin-left:20px;
	margin-bottom:20px;
}

/* コンテンツ */
#sightseeing #main .con_sightseeing_d .con_l .text{
	width:380px;
}


#sightseeing #main .con_sightseeing_d .con_l p{
	text-align:right;
}


/* ニュースタイトル */
#sightseeing #main .con_sightseeing_d h3 {
	font-size:140%;
	border-bottom: solid 2px ;
	margin-bottom:20px;
}

#sightseeing #main con_sightseeing_d .tit a {
	color:#9f4e24;
	text-decoration:none;
}

/* タイトル下線 */

#sightseeing #main .con_sightseeing_d .con_l .img_border{
	text-align:left;
	margin-bottom:10px;
}

/* ニュースの内容 */
#sightseeing #main .con_sightseeing_d  .con_l .cont {
	margin-bottom:10px;
	text-align:left;
}

/* 詳細ボタン */
#sightseeing #main .con_sightseeing_d .con_l .btn_details {
	clear :both
	text-align:right;
}




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

	hack - 各種cssハック - for IE7

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


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

	hack - 各種cssハック - for IE6

=======================================*/
* html {}