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

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

/* -----------------------------------------------------------
	各ページ専用指定
----------------------------------------------------------- */
#top{
	background: none;
}

#top .flash{
	width: 100%;
	height: 610px;
	/*background: URL(../images/top/bg_flash.jpg) center top no-repeat;*/
}


/*------------------------------------
	#header
		ヘッダー
--------------------------------------*/
#top #header{
	position: absolute;
	width: 100%;
	background: none;
}

#top #header #header_right .search p{
	color: #fff;
}

#top #header #header_right{
	width: 640px;
	margin-left: 10px;
}

#top #header #header_right .g_menu{
	background: url(../images/top/btn_gmenu_top02.png) 0px top no-repeat;
	width: 387px;
	height: 151px;
}

#top #header #header_right .g_menu li.sightseeing a:hover {
	background: url(../images/top/btn_gmenu_top02.png) left -151px no-repeat;
}
#top #header #header_right .g_menu li.event a:hover {
	background: url(../images/top/btn_gmenu_top02.png) -50px -151px no-repeat;
}
#top #header #header_right .g_menu li.news a:hover {
	background: url(../images/top/btn_gmenu_top02.png) -100px -151px no-repeat;
}
#top #header #header_right .g_menu li.accommodation a:hover {
	background: url(../images/top/btn_gmenu_top02.png) -228px -151px no-repeat;
}
#top #header #header_right .g_menu li.reserve a:hover {
	background: url(../images/top/btn_gmenu_top02.png) -278px -151px no-repeat;
}
#top #header #header_right .g_menu li.kagawa a:hover {
	background: url(../images/top/btn_gmenu_top02.png) -178px -151px no-repeat;
}
#top #header #header_right .g_menu li.campaign a:hover {
	background: url(../images/top/btn_gmenu_top02.png) -328px -151px no-repeat;
}


/*-------------------------------------
	#top_coment
		お見舞い文
---------------------------------------*/
#top #top_coment {
	width: 950px;
	margin: 14px auto 30px;
	overflow: hidden;
}

/*-------------------------------------
	#sight_map
		観光地マップ
---------------------------------------*/
#top #sight_map {
	width: 100%;
	clear: both;
	margin: 14px 0 30px 0;
	overflow: hidden;
}

#top #sight_map h2 {
	background: url(../images/top/tl_sightseeing_map.gif) no-repeat left top;
	width: 950px;
	height: 46px;
	text-indent: -9999px;
	font-size: 0;
	margin: 0 auto 12px auto;
}

#top #sight_map p.map_txt {
	display: none;
}

/*
#top #onmap div.zoom {
	height: 31px;
	position: absolute;
	top: -580px;
	left: 10px;
}
*/

#top #sight_map .tabmenu {
	width: 950px;
	/*background: url(../images/top/bg_tabmenu.gif) repeat-x left top;*/
	height: 39px;
	overflow: hidden;
	margin: 0 auto 4px auto;
	position: absolute;
	top: -665px;
	left: 0;
}

#top #sight_map .tabmenu ul {
	background: url(../images/top/btn_tabmenu.png) no-repeat left top;
	width: 950px;
	height: 39px;
}

#top #sight_map .tabmenu ul li {
	float: left;
	display: inline;
}

#top #sight_map .tabmenu ul li a {
	display: block;
	height: 39px;
	text-indent: -9999px;
	overflow: hidden;
}

#top #sight_map .tabmenu ul li a:hover,
#top #sight_map .tabmenu ul li a.hover{
	background: url(../images/top/btn_tabmenu.png) no-repeat;
}

/* 景勝地 */
#top #sight_map .tabmenu ul li.li_01 a {
	width: 105px;
}
#top #sight_map .tabmenu ul li.li_01 a:hover,
#top #sight_map .tabmenu ul li.li_01 a.hover{
	background-position: 0 -39px;
}

/* お遍路 */
#top #sight_map .tabmenu ul li.li_02 a {
	width: 105px;
}
#top #sight_map .tabmenu ul li.li_02 a:hover,
#top #sight_map .tabmenu ul li.li_02 a.hover{
	background-position: -105px -39px;
}

/* 美術館 */
#top #sight_map .tabmenu ul li.li_03 a {
	width: 105px;
}
#top #sight_map .tabmenu ul li.li_03 a:hover,
#top #sight_map .tabmenu ul li.li_03 a.hover{
	background-position: -210px -39px;
}

/* 観光地 */
#top #sight_map .tabmenu ul li.li_04 a {
	width: 105px;
}
#top #sight_map .tabmenu ul li.li_04 a:hover,
#top #sight_map .tabmenu ul li.li_04 a.hover{
	background-position: -315px -39px;
}

/* 宿泊 */
#top #sight_map .tabmenu ul li.li_05 a {
	width: 106px;
}
#top #sight_map .tabmenu ul li.li_05 a:hover,
#top #sight_map .tabmenu ul li.li_05 a.hover{
	background-position: -420px -39px;
}

/* ゴルフ */
#top #sight_map .tabmenu ul li.li_06 a {
	width: 106px;
}
#top #sight_map .tabmenu ul li.li_06 a:hover,
#top #sight_map .tabmenu ul li.li_06 a.hover{
	background-position: -526px -39px;
}

/* うどん */
#top #sight_map .tabmenu ul li.li_07 a {
	width: 106px;
}
#top #sight_map .tabmenu ul li.li_07 a:hover,
#top #sight_map .tabmenu ul li.li_07 a.hover{
	background-position: -632px -39px;
}

/* グルメ */
#top #sight_map .tabmenu ul li.li_08 a {
	width: 106px;
}
#top #sight_map .tabmenu ul li.li_08 a:hover,
#top #sight_map .tabmenu ul li.li_08 a.hover{
	background-position: -738px -39px;
}

/* その他 */
#top #sight_map .tabmenu ul li.li_09 a {
	width: 106px;
}
#top #sight_map .tabmenu ul li.li_09 a:hover,
#top #sight_map .tabmenu ul li.li_09 a.hover{
	background-position: -844px -39px;
}

/* #google_map
-----------------------------------*/
#top #sight_map #google_map{
	background: #dedede;
	width: 950px;
	height: 670px;
	margin: 0 auto;
	position: relative;
}

#top #onmap {
	margin: 0 auto;
	width: 950px;
	position: relative;
}
/*
#top #onmap div.area {
	width: 90%;
	height: 640px;
	position: absolute;
	top: -300px;
	left: 0px;
}
*/

#top #onmap div.zoom {
	height: 31px;
	position: absolute;
	top: -580px;
	left: 10px;
}
#top #onmap div.zoom p {
	display: inline;
	cursor: pointer;
	margin: 0 3px;
}

#top #onmap #gmaparea_tab {
	width: 248px;
	height: 530px;
	position: absolute;
	top: -540px;
	left: 10px;
}
#top #onmap #gmaparea_tab ul.menu {
	width: 28px;
	height: 530px;
	background: url(../images/top/gmap_btn.png) -28px top no-repeat;
	float: right;
}
#top #onmap #gmaparea_tab ul.menu li {
	display: block;
	width: 28px;
}
#top #onmap #gmaparea_tab ul.menu li a {
	display: block;
	width: 28px;
	text-indent: -9999px;
	overflow: hidden;
}

#top #onmap #gmaparea_tab ul.menu li a.takamatsu {
	height: 49px;
}
#top #onmap #gmaparea_tab ul.menu li a.shionoe {
	height: 83px;
}
#top #onmap #gmaparea_tab ul.menu li a.shodoshima {
	height: 88px;
}
#top #onmap #gmaparea_tab ul.menu li a.marugame {
	height: 122px;
}
#top #onmap #gmaparea_tab ul.menu li a.kotohira {
	height: 92px;
}
#top #onmap #gmaparea_tab ul.menu li a.kannonji {
	height: 96px;
}



#top #onmap #gmaparea_tab ul.menu li a:hover.takamatsu {
	background: url(../images/top/gmap_btn.png) left top no-repeat;
}
#top #onmap #gmaparea_tab ul.menu li a:hover.shionoe {
	background: url(../images/top/gmap_btn.png) left -49px no-repeat;
}
#top #onmap #gmaparea_tab ul.menu li a:hover.shodoshima {
	background: url(../images/top/gmap_btn.png) left -132px no-repeat;
}
#top #onmap #gmaparea_tab ul.menu li a:hover.marugame {
	background: url(../images/top/gmap_btn.png) left -220px no-repeat;
}
#top #onmap #gmaparea_tab ul.menu li a:hover.kotohira {
	background: url(../images/top/gmap_btn.png) left -342px no-repeat;
}
#top #onmap #gmaparea_tab ul.menu li a:hover.kannonji {
	background: url(../images/top/gmap_btn.png) left -434px no-repeat;
}

#top #onmap #gmaparea_tab div.gmaparea {
	width: 220px;
	height: 530px;
	float: left;
	overflow: hidden;
}

/*
#top #onmap div.area #gmaparea_tab ul.menu li a:hover.takamatsu,
#top #onmap div.area #gmaparea_tab ul.menu li.ui-tabs-selected a {
	background-position: left ;
}
*/
#top #gmaparea_tab .ui-tabs-hide {
	display: none;
}


#top #gmaparea_tab #gmaparea01 {
	background: url(../images/top/bg_gmap_01.png) left top no-repeat;
}
#top #gmaparea_tab #gmaparea02 {
	background: url(../images/top/bg_gmap_02.png) left top no-repeat;
}
#top #gmaparea_tab #gmaparea03 {
	background: url(../images/top/bg_gmap_03.png) left top no-repeat;
}
#top #gmaparea_tab #gmaparea04 {
	background: url(../images/top/bg_gmap_04.png) left top no-repeat;
}
#top #gmaparea_tab #gmaparea05 {
	background: url(../images/top/bg_gmap_05.png) left top no-repeat;
}
#top #gmaparea_tab #gmaparea06 {
	background: url(../images/top/bg_gmap_06.png) left top no-repeat;
}

#top #gmaparea_tab div.gmaparea h3 {
	width: 220px;
	height: 38px;
	padding: 10px 0 0 10px;
	margin: 0 0 6px 0;
	color: #FFF;
	font-size: 110%;
	text-indent: -9999px;
}
#top #gmaparea_tab div.gmaparea ul {
	width: 210px;
	height: 475px;
	margin: 0 0 0 4px;
	overflow: auto;
	scrollbar-base-color: #2D6C78;
}
#top #gmaparea_tab div.gmaparea li {
	width: 175px;
	overflow: hidden;
	padding: 6px 0 6px 14px;
	line-height: 1.1;
	background: url(../images/icn/icn_allow_white.gif) 5px 10px no-repeat;
	border-bottom: 1px dotted #5F9DAB;
}
#top #gmaparea_tab div.gmaparea li a {
	color: #FFF;
	text-decoration: none;
}
#top #gmaparea_tab div.gmaparea li a:hover {
	text-decoration: underline;
}


/* 詳細情報ウインドウ
-------------------------------*/
#top #onmap .accom_info {
	width: 230px;
	color: #FFF;
	position: absolute;
	top: -540px;
	right: 10px;
}
#top #onmap .accom_info img {
	display: block;
}
#top #onmap .accom_info img.top1 {
	width: 230px;
	height: 9px;
}
#top #onmap .accom_info img.top2 {
	width: 210px;
	height: 10px;
	clear: both;
	margin: 0 auto;
	padding: 5px 0 0 0;
}
#top #onmap .accom_info img.bottom2 {
	width: 210px;
	height: 7px;
	clear: both;
	margin: 0 auto;
}
#top #onmap .accom_info img.bottom1 {
	width: 230px;
	height: 9px;
	clear: both;
	margin: 0 auto;
}

#top #onmap .accom_info div.bg1 {
	background: url(../images/top/gmap_bg.png) center top repeat-y;
	padding: 4px 0;
}
#top #onmap .accom_info div.bg1 h4 {
	width: 180px;
	color: #FFF;
	font-size: 120%;
	padding: 0 10px;
	line-height: 1.2;
	float: left;
}
#top #onmap .accom_info div.bg1 p.close {
	width: 30px;
	float: right;
}
#top #onmap .accom_info div.bg1 p.close a {
	display: block;
	cursor: pointer;
}


#top #onmap .accom_info div.bg2 {
	width: 210px;
	margin: 0 auto;
	background: #FFF;
	padding: 4px 0;
}
#top #onmap .accom_info div.bg2 img.photo {
	width: 180px;
	margin: 5px auto;
}
#top #onmap .accom_info div.bg2 p {
	width: 180px;
	margin: 5px auto;
	line-height: 1.3;
}
#top #onmap .accom_info div.bg2 img.detail {
	margin: 5px auto;
}


/* .map_right
-------------------------------*/
#top #sub .map_right{
	width: 100%;
	background: #FFF;
	padding-bottom: 20px;
}

#top #sub .map_right h3{
	background: url(../images/top/tl_map_dl.gif) no-repeat left top;
	height: 15px;
	margin: 0;
	text-indent: -9999px;
	font-size: 0;
}

#top #sub .map_right ul li{
	background: url(../images/bg_bar.gif) repeat-x left bottom;
	padding: 4px 0;
}

#top #sub .map_right ul li a{
	background: url(../images/icn/icn_allow.gif) no-repeat left 5px;
	margin-left: 10px;
	padding-left: 10px;
	text-decoration: none;
}

#top #sub .map_right ul li a:hover{
	text-decoration: underline;
}

/* ベスカ */
#top #sub .map_right .besuka{
	margin: 19px 0 0 0;
}


/* .facil 香川県の宿泊施設
------------------------------------*/
#top #contents #main .facil{
	overflow: hidden;
}

#top #contents #main .facil h2{
	background: url(../images/top/tl_facil.gif) no-repeat left top;
	height: 26px;
	text-indent: -9999px;
	font-size: 0;
	margin-bottom: 20px;
}

#top #contents #main .facil p{
	display: none;
}

#top #contents #main .facil h3{
	background: url(../images/bg_bar.gif) repeat-x left bottom #F7F7F3;
	padding-bottom: 5px;
	clear: both;
}

#top #contents #main .facil h3 a{
	margin-left: 9px;
	/*background: url(../images/icn/icn_allow_orange.gif) no-repeat left 5px;*/
	padding-left: 10px;
	color: #e67a39;
	font-size: 115%;
	line-height: 2;
	text-decoration: none;
	
}

#top #contents #main .facil h3 a:hover{
	text-decoration: underline;
}

#top #contents #main .facil ul.shoplist{
	margin: 5px 0 30px 20px;
	overflow: hidden;
}

#top #contents #main .facil h4 {
	clear:both;
	color:#E67A39;
	padding: 5px 0 0 10px;
	color: #2D6C78;
}

#top #contents #main .facil ul.takamatu_ul {
	margin-bottom: 15px;
}

#top #contents #main .facil ul.shoplist li{
	display: inline;
	padding: 0 0 0 5px;
	margin: 0 0 5px 0;
	list-style-type: disc;
	background: url(../images/icn/icn_allow.gif) left 7px no-repeat;
}

#top #contents #main .facil ul.shoplist li a {
	padding: 3px;
	margin-right: 7px;
	text-decoration: none;
}

#top #contents #main .facil ul.shoplist li a:hover{
	background: #E6E6C9;
}

#top #contents #main .facil .bns{
	margin: 0;
	clear: both;
}

#top #contents #main .facil .bns li{
	float: left;
	display: inline;
	margin: 0 6px 7px 0;
}

/* .sightseeing 観光スポット
--------------------------------------*/
#top #contents .sightseeing{
	clear: both;
	margin-top: 50px;
	background: url(../images/bg_bar.gif) repeat-x left 1px;
}

#top #contents .sightseeing h2{
	background: url(../images/top/tl_sightseeing.gif) no-repeat left top;
	width: 66px;
	height: 231px;
	text-indent: -9999px;
	font-size: 0;
	float: left;
}

#top #contents .sightseeing .right{
	width: 590px;
	float: right;
	margin-top: 10px;
}

#top #contents .sightseeing .list{
	clear: both;
	padding: 5px;
}

#top #contents .sightseeing .list .img{
	float: left;
	border: 1px solid #a4a4a4;
	padding: 1px;
}

#top #contents .sightseeing .list .img img{
	border: 2px solid #a4a4a4;
}
#top #contents .sightseeing .right a.sightlink {
	display: block;
	cursor: pointer;
	text-decoration: none;
}


#top #contents .sightseeing .right a.sightlink .right{
	width: 470px;
	margin: 5px 10px 0 0;
}

#top #contents .sightseeing .right a.sightlink h3 {
	border-bottom: 1px solid #CCC;
	font-size: 120%;
	color: #22939B;
}

#top #contents .right .page_list{
	clear: both;
	margin: 20px 20px 0 0;
	text-align: right;
}

#top #contents .right .page_list a{
	background: url(../images/btn/btn_next.gif) no-repeat left 3px;
	padding-left: 15px;
	color: #404141;
}

/* .event イベント情報
---------------------------------------*/
#top #contents .event{
	clear: both;
	margin-top: 35px;
	background: url(../images/bg_bar.gif) repeat-x left 1px;
}

#top #contents .event h2{
	background: url(../images/top/tl_event.gif) no-repeat left top;
	width: 66px;
	height: 247px;
	text-indent: -9999px;
	font-size: 0;
	float: left;
}

#top #contents .event .right{
	width: 590px;
	margin: 20px 0 0 0;
	overflow: hidden;
}


#top #contents .event .right .list_area{
	overflow: hidden;
}
#top #contents .event .right .list_area a.eventlink {
	display: block;
	cursor: pointer;
	text-decoration: none;
}


#top #contents .event .right .list{
	width: 275px;
	padding: 5px;
	float: left;
	overflow: hidden;
}

#top #contents .event .right .img{
	float: left;
	border:1px solid #a4a4a4;
	padding: 1px;
}

#top #contents .event .right .img img{
	border: 2px solid #a4a4a4;
}

#top #contents .event .right .right{
	width: 180px;
	float: right;
	margin: 5px 0 0 5px;
}

#top #contents .event .right .right h3 {
	text-decoration: none;
	line-height: 1.2;
	color: #22939B;
}

#top #contents .event .right .right p {
	line-height: 1.2;
}


/* .info 最新情報
---------------------------------------*/
#top #contents .info{
	clear: both;
	margin-top: 50px;
	background: url(../images/bg_bar.gif) repeat-x left 1px;
}

#top #contents .info h2{
	background: url(../images/top/tl_info.gif) no-repeat left top;
	width: 66px;
	height: 220px;
	text-indent: -9999px;
	font-size: 0;
	float: left;
}

#top #contents .info .right{
	width: 585px;
	margin: 24px 0 0 0;
}

#top #contents .info .right .list{
	overflow: hidden;
	clear: both;
	margin: 10px 0 10px 0;
}

#top #contents .info .right .list .date{
	float: left;
	width: 140px;
}

#top #contents .info .right .list .sibu{
	float: left;
	background: #504e4e;
	color: #fff;
	padding: 0 5px;
	font-size: 90%;
}

#top #contents .info .right .list .lnk{
	float: left;
	margin-left: 16px;
}

#top #contents .info .right .list .lnk a{
	color: #404141;
}

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

	hack - 各種cssハック - for IE7

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


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

	hack - 各種cssハック - for IE6

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

* html #top #header #header_right .g_menu li.sightseeing a,
* html #top #header #header_right .g_menu li.event a,
* html #top #header #header_right .g_menu li.news a,
* html #top #header #header_right .g_menu li.accommodation a,
* html #top #header #header_right .g_menu li.reserve a,
* html #top #header #header_right .g_menu li.kagawa a,
* html #top #header #header_right .g_menu li.sightseeing a:hover,
* html #top #header #header_right .g_menu li.event a:hover,
* html #top #header #header_right .g_menu li.news a:hover,
* html #top #header #header_right .g_menu li.accommodation a:hover,
* html #top #header #header_right .g_menu li.reserve a:hover,
* html #top #header #header_right .g_menu li.kagawa a:hover {
	background: none;
}