@charset "utf-8";

/*common*/
body {
	background:#EAF7E6;
	color:#333;
	font-size:small;
	line-height:1.5em;
	font-family:メイリオ,"ＭＳ Ｐゴシック",Osaka, "ヒラギノ角ゴ Pro W3",sans-serif;
}

/*reset*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {
	margin:0;
	padding:0;
}

table {
	border-collapse:collapse;
	border-spacing:0;
}

fieldset,img {
	border:0;
}

address,caption,cite,code,dfn,em,strong,th,var {
	font-style:normal;
	font-weight:normal;
}

ol,ul {
	list-style:none;
}

caption,th {
	text-align:left;
}

h1,h2,h3,h4,h5,h6 {
	font-size:100%;
	font-weight:normal;
}

hr {
	display:none;
}

/*clear*/	
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */




/* style_common */

#wrapper {
	width:774px;
	margin:0 auto;
}

h1 {
	background:#3f6f29;
	color:#fff;
	font-size:large;
	font-weight:bold;
	height:25px;
	padding-top:7px;
	text-align:center;
	letter-spacing:5px;
}

#map_header {
	width:774px;
	margin:15px 0 10px 0;
}

#map_header button {
	float:right;
	background:url(print.gif) no-repeat;
	width:80px;
	height:25px;
	cursor:pointer;
	border:0;
}	

#map_header button span {
	display:none;
}

#map_header p {
	float:left;
	color:#c00;
	font-size:0.9em;
	padding-top:5px;
}

#map_header a {
	float:right;
	width:80px;
	height:25px;
	display:block;
	text-indent:-9999px;
	padding-right:20px;
	overflow:hidden;
}

#map_header a.widearea {
	background:url(widearea.gif) no-repeat;
}

#map_header a.detail {
	background:url(detail.gif) no-repeat;
}

#footer {
	width:774px;
	margin-top:10px;
}

#footer_left {
	float:left;
	width:650px;
}

#footer_left address {
	font-size:0.9em;
}

#footer_left p {
	font-size:x-small;
}

#footer_right {
	float:right;
	width:80px;
}

#footer_right a {
	background:url(close.gif) no-repeat;
	display:block;
	width:80px;
	height:21px;
	text-indent:-9999px;
}

#map_print img {
	text-indent:-9999px;
	height:0;
}

/* style_index */

#maparea {
	padding:0; margin:0;
	background:url(widearea.jpg) no-repeat #fff;
	width:772px;
	height:721px;
	position:relative;
	z-index:100;
	border:1px solid #3f6f29;
}

#maparea p {
	width:220px;
	font-size:small;
	margin:5px 0 0 5px;
}

#maparea p span {
	font-size:18px;
	color:#3f6f29;
	padding-top:5px;
}

.uk li a {
	display:block;
	text-indent:-9999px;
	width:12px;
	height:12px;
	line-height:12px;
	background:#3f6f29;
	position:absolute;
	color:#fff;
}

.uk li a em {
	visibility:hidden;
	position:absolute;
}

.uk li a.photo_02 {top:107px; left:405px;}
.uk li a.photo_03 {top:170px; left:300px;}
.uk li a.photo_04 {top:187px; left:520px;}
.uk li a.photo_05 {top:212px; left:525px;}
.uk li a.photo_06 {top:110px; left:500px;}
.uk li a.photo_07 {top:165px; left:260px;}
.uk li a.photo_08 {top:165px; left:240px;}

.uk li a:hover {
	background:#600;
	text-indent:0;
	width:12px;
	font-size:0.9em;
	text-decoration:none;
	padding-left:5px;
}

.uk li a:hover em {
	visibility:visible;
	margin-left:5px;
	background:#fff;
	border:1px solid #600;
	width:210px;
	color:#600;
	padding:10px;
	font-style:normal;
	top:-18px;
	letter-spacing:1px;
	line-height:1.6em;
}

.uk li a:hover em img {
	border:0;
	display:block;
	margin-bottom:7px;
}

.uk li a:hover em span {
	display:block;
	width:0;
	height:0;
	overflow:hidden;
	border:15px solid #fff;
	border-width:15px 0 15px 15px;
	border-left-color:#600;
	position:absolute;
	left:0;
	top:7px;
}


/* style_detail */

#detail_map {
	background:url(detail.jpg) no-repeat;
	width:770px;
	height:737px;
	text-indent:-9999px;
	border:1px solid #3f6f29;
}