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

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


/* -----------------------------------------------------------
	
	#main_title		メインイメージ
		
----------------------------------------------------------- */
#sightseeing #main_title h2 {
	background:url(../sightseeing/images/title.jpg) center 0 no-repeat;
}



/*----------------------------------------------------
	#main	メイン	
----------------------------------------------------*/

/*	.gmap		GOOGLE MAP	
----------------------------------------------------*/
#sightseeing #main .con_gmap {
	margin-top:15px;
	padding:2px;
	border:1px solid #f0e1da;
	background-color:#fff;
}

#sightseeing #main .con_gmap #gmap {
	width:734px;
	height:344px;
}

#sightseeing #main .ic_zoom {
	padding:5px 0 0 30px;
	background:url(../sightseeing/images/txt_zoom.gif) 0 7px no-repeat;
}



/* .cnt_point_spot 　			GOOGLE MAPの吹き出し
----------------------------------------------------*/

#sightseeing .cnt_point_spot {
	overflow:hidden;
}

#sightseeing .cnt_point_spot img {
	margin: 0 15px 0 0;
	float:left;
}

#sightseeing .cnt_point_spot .pointspot_txt {
	line-height:16px;
	font-size:0.88em;
	float:left;
	width:160px;
}



/* .tab_sightseeing 　			偽者タブメニュー
----------------------------------------------------*/

#sightseeing #main ul.tab_sightseeing {
	margin:40px 0 5px 0;
	width:740px;
	overflow:hidden;
	background:url(../sightseeing/images/tab_sightseeing.jpg);
}

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

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

#sightseeing #main .tab_sightseeing li.tb_sg01 a {
	width:246px;
}
#sightseeing #main .tab_sightseeing li.tb_sg01 a:hover,
#sightseeing #main .tab_sightseeing li.tb_sg01 a.selected{
	background:url(../sightseeing/images/tab_sightseeing.jpg) 0 -40px;
}

#sightseeing #main .tab_sightseeing li.tb_sg02 a {
	width:247px;
}

#sightseeing #main .tab_sightseeing li.tb_sg02 a:hover,
#sightseeing #main .tab_sightseeing li.tb_sg02 a.selected {
	background:url(../sightseeing/images/tab_sightseeing.jpg) -246px -40px;
}

#sightseeing #main .tab_sightseeing li.tb_sg03 a {
	width:247px;
}

#sightseeing #main .tab_sightseeing li.tb_sg03 a:hover,
#sightseeing #main .tab_sightseeing li.tb_sg03 a.selected {
	background:url(../sightseeing/images/tab_sightseeing.jpg) -493px -40px;
}


/* .con_spot 　			観光スポット雛形
----------------------------------------------------*/

#sightseeing #main .con_spot {
	padding:30px 15px;
	width:710px;
	overflow:hidden;
	background:url(../sightseeing/images/bg_flower_green.gif) right top no-repeat #FFF9F2;
}

#sightseeing #main #lnk_experience {
	background:url(../sightseeing/images/bg_flower_blue.gif) right top no-repeat #FFF9F2;
}

#sightseeing #main #lnk_history {
	background:url(../sightseeing/images/bg_flower_violet.gif) right top no-repeat #FFF9F2;
}

/*  スポット　BOX */
#sightseeing #main .con_spot .box_spot {
	margin-top:25px;
	padding:10px;
	width:318px;
	overflow:hidden;
	border:1px dotted #A08C78;
}

#sightseeing #main .con_spot .box_spot h4 {
	margin-bottom:15px;
	padding:10px 0 10px 25px;
	width:292px;
	display:block;
	font-size:99%;
	background:url(../sightseeing/images/ic_flower_green.gif) 5px center no-repeat #FBF1E0;
}

#sightseeing #main .con_spot .box_spot h4.ic_experience {
	background:url(../sightseeing/images/ic_flower_blue.gif) 5px center no-repeat #FBF1E0;
}

#sightseeing #main .con_spot .box_spot h4.ic_history {
	background:url(../sightseeing/images/ic_flower_violet.gif) 5px center no-repeat #FBF1E0;
}

#sightseeing #main .con_spot .box_spot .img_l {
	margin:0;
	padding:5px;
	background-color:#FAF2DD;
	border:1px solid #95826A;
}

#sightseeing #main .con_spot .box_spot .txt_spot {
	width:190px;
	float:right;
}

#sightseeing #main .con_spot .box_spot table {
	width:317px;
	clear:both;
	border-spacing:1px;
    border-collapse:separate;
}


#sightseeing #main .con_spot .box_spot table {
	margin:15px 0;
	width:317px;
	clear:both;
}

#sightseeing #main .con_spot .box_spot table th {
	width:90px;
}

#sightseeing #main .con_spot .box_spot ul {
	margin:0 0 0 auto;
	width:130px;
}

#sightseeing #main .con_spot .box_spot ul li {
	display:inline;
}

/* .con_ramsar　			ラムサール条約とは?
----------------------------------------------------*/

#sightseeing #main .con_ramsar {
	margin:40px 0 5px 0;
	width:740px;
}

#sightseeing #main .con_ramsar h3 {
	margin-bottom:20px;
}

#sightseeing #main .con_ramsar p {
	
}


/* .con_recommended 　			偽者タブメニュー
----------------------------------------------------*/

#sightseeing #main .con_recommended {
	margin:40px 0 5px 0;
	width:740px;
}

#sightseeing #main .con_recommended h3 {
	margin-bottom:20px;
}

#sightseeing #main .con_recommended ul {
	margin-bottom:50px;
	padding-left:20px;
}

#sightseeing #main .con_recommended ul li {
	padding-left:15px;
	line-height:1.8em;
	background:url(../images/ic_arrow.gif) 0 10px no-repeat;
}

#sightseeing #main .con_recommended ul li a {
	color:#282828;
}



/* .con_link　			リンク
----------------------------------------------------*/

#sightseeing #main .con_link {
	margin:40px 0 30px 0;
	width:740px;
	overflow:hidden;
}


#sightseeing #main .con_link h3,
#sightseeing #main .con_link p.copy_link{
	margin-bottom:20px;
}

#banner_img{
	float:left;
	
}


#sightseeing #main .con_link #banner_tag {
	border:1px solid #691E35;
	float:left;
	height:24px;
	margin:0 0 0 20px;
	overflow:auto;
	padding:8px;
	width:534px;
}



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

	hack - 各種cssハック - for IE7

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


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

	hack - 各種cssハック - for IE6

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