@charset "UTF-8";
/* ========================================
CSS information
 style info : Guide
========================================= */



/*-----------------------------------------
	MAPエリア
-----------------------------------------*/
#mapArea {
	width: 710px;
	height: 580px;
	margin-top: 12px;
	background: url(../img/guide/map_All.jpg) no-repeat left top;
	position: relative;
}

/* s-map */
#s-map{
	z-index: 1;
	position: relative;
	width: 710px;
	height: 580px;
	margin-top: 12px;
	background: url(../img/guide/map_All.jpg) no-repeat left top;
}

/* s-map control */
#s-map ul.control {
	position: relative;
	z-index: 100;
}

#s-map ul.control li a:hover img {
	-moz-opacity:1.0;
	opacity:1.0;
	filter: alpha(opacity=100);
}

#s-map ul.control li.map_Fukui a{
	display: block;
	position: absolute;
	width: 243px;
	height: 168px;
	top: 11px;
	left: 265px;
}

#s-map ul.control li.map_Okuetu a{
	display: block;
	position: absolute;
	width: 188px;
	height: 257px;
	top: 89px;
	left: 508px;
}

#s-map ul.control li.map_Tannan a{
	display: block;
	position: absolute;
	width: 282px;
	height: 167px;
	top: 179px;
	left: 226px;
}

#s-map ul.control li.map_Reinan a{
	display: block;
	position: absolute;
	width: 336px;
	height: 224px;
	top: 346px;
	left: 44px;
}




#s-map ul.AreaBtn li.btn_Fukui{
	position: absolute;
	top: 108px;
	left: 266px;
	z-index: 100;
}

#s-map ul.AreaBtn li.btn_Okuetu{
	position: absolute;
	top: 177px;
	left: 541px;
	z-index: 100;
}

#s-map ul.AreaBtn li.btn_Tannan{
	position: absolute;
	top: 266px;
	left: 226px;
	z-index: 100;
}

#s-map ul.AreaBtn li.btn_Reinan{
	position: absolute;
	top: 504px;
	left: 223px;
	z-index: 100;
}

/* s-map visual */
#s-map div.visual {
	z-index: 2;
	position: absolute;
	top: 0;
	left: 0;
}










/*-----------------------------------------
	エリアリスト
-----------------------------------------*/
#Guide .itemWrap h4 {
	width: 690px;
	height: 42px;
	background: url(../img/guide/Bg_areaTitle.jpg) no-repeat left top;
	line-height: 42px;
	font-size: 18px;
	font-weight: 500;
	padding-left: 20px;
}

#guide_ItemList {
	width: 710px;
	margin: 0;
	padding: 0;
}

#guide_ItemList ul {
	width: 710px;
	margin: 0;
	padding: 0;
}

#guide_ItemList ul li {
	width: 674px;
	margin: 0;
	padding: 17px;
	border-left: 1px solid #cccccc;
	border-right: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
}

#guide_ItemList ul li .GI_photoArea {
	width: 198px;
	height: 148px;
	float: left;
	border: 1px solid #cccccc;
}

#guide_ItemList ul li .GI_infoArea {
	width: 448px;
	float: right;
}

#guide_ItemList ul li .GI_infoArea h5 {
	font-size: 18px;
	font-weight: bold;
	margin-bottom: 7px;
}

#guide_ItemList ul li .GI_infoArea p.address {
	font-size: 13px;
	margin-bottom: 10px;
}

#guide_ItemList ul li .GI_infoArea .breakLine {
	width: 448px;
	height: 1px;
	background: url(../img/guide/line_Dotted.jpg) repeat-x left top;
	margin-bottom: 10px;
}

#guide_ItemList ul li .GI_infoArea p.textArea {
	font-size: 13px;
	line-height: 19px;
}

#guide_ItemList ul li .GI_infoArea p.urlArea {
	font-size: 13px;
}