@charset "utf-8";

/*/////////////////////////////////////////////////////////////

    CSS Document

//////////////////////////////////////////////////////////////*/

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

a img {
	border: none;
}


/* ------------------------------------------------------------
	Base Layout
------------------------------------------------------------ */
body {
	background:url(../images/bodyback.gif) repeat;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size:14px;
	line-height:150%;
	text-align:center;
	color:#333333;
}


/* Content
-------------------------------------------------------------*/
.fL{float:left;}
.fR{float:right;}

.modal{
	width:520px;
	height:384px;
	background-color:#fff;
	margin:0 auto;
	padding:20px;
}
.modal p{
	text-align:left;
	font-size:16px;
	font-weight:bold;
	margin-top:20px;
}


#all_container {
	width: 960px;
	margin:40px auto;
	background-color: #FFFFFF;
	border: 1px solid #0057A8;
	position: relative;
}

.title_box01 {
	width:410px;
	margin-top:20px;
	margin-left:30px;
	float:left;
}

.title_box02 {
	width:410px;
	margin-top:20px;
	margin-right:30px;
	float:right;
}

.title p {
	margin:40px 0;
}

.border{
	border-top:dotted 1px #999;
	margin:40px auto;
	width:880px;
}

.photo{
	width:880px;
	margin:0 auto;
}
.photo .clearfix{
	margin-bottom:40px;
}

.map_area {
	width:880px;
	height:628px;
	margin:40px auto;
	background:url(../images/2018map.jpg) top left no-repeat;
	position:relative;
}

.point01 {
	position: absolute;
	width: 24px;
	height: 34px;
	top:404px;
	left:238px;
}

.point02 {
	position: absolute;
	width: 24px;
	height: 34px;
	top:372px;
	left:254px;
}

.point03 {
	position: absolute;
	width: 24px;
	height: 34px;
	top:268px;
	left:119px;
}

.point04 {
	position: absolute;
	width: 24px;
	height: 34px;
	top:169px;
	left:105px;
}

.point05 {
	position: absolute;
	width: 24px;
	height: 34px;
	top:16px;
	left:47px;
}

.point06 {
	position: absolute;
	width: 24px;
	height: 34px;
	top:5px;
	left:20px;
}


.point07 {
	position: absolute;
	width: 24px;
	height: 34px;
	top:138px;
	left:118px;
}

.point08 {
	position: absolute;
	width: 24px;
	height: 34px;
	top:293px;
	left:284px;
}

.point09 {
	position: absolute;
	width: 24px;
	height: 34px;
	top:326px;
	left:346px;
}

.point10 {
	position: absolute;
	width: 24px;
	height: 34px;
	top:354px;
	left:405px;
}

.point11 {
	position: absolute;
	width: 24px;
	height: 34px;
	top:404px;
	left:459px;
}
.point12 {
	position: absolute;
	width: 24px;
	height: 34px;
	top:454px;
	left:549px;
}
.point13 {
	position: absolute;
	width: 24px;
	height: 34px;
	top: 502px;
	left: 660px;
}
.point14 {
	position: absolute;
	width: 24px;
	height: 34px;
	top: 485px;
	left: 682px;
}
.end {
	margin:10px auto 40px;
	width:880px;
}
.end div{
	width:880px;
	height:50px;
	background-color:#D6E2EF;
	font-size:18px;
	font-weight:bold;
	text-align:left;
	text-indent: 10px;
	line-height: 49px;
	margin-bottom:20px;
}
.end p {
	text-align:left;
}



/* ------------------------------------------------------------
	Clearfix
------------------------------------------------------------ */
.clearfix {zoom:1;}
.clearfix:after{
    content: "";
    display: block;
    clear: both;}