@charset "shift_jis";
/*--------------------------------------------------
	現地案内図
--------------------------------------------------*/
body{
	width:100%;
	background:#FFFFFF;
	color:#434343;
	text-align:center;
	min-width:820px;
	}


#wrapper{
	width:1000px;
	margin:0 auto;
	text-align:center;
}


#wrapper_mg{
	width:1000px;
	margin:0 auto;
	text-align:center;
}


/*--------------------------------------------------
	ヘッダー
--------------------------------------------------*/

#header_map{
	width:1000px;
	text-align:left;
	margin:0px auto;
	}
	
#header_map_mg{
	width:700px;
	text-align:left;
	margin:0px auto;
	}
	
	

/* ヘッダー右上ボタン */
#header_map #bt_area{
	width:500px;
	text-align:right;
	padding:10px 0;
	float:right;
	}
	
	#header_map_mg #bt_area{
	width:500px;
	text-align:right;
	padding:10px 0;
	float:right;
	}
	
#header_map #bt_area a:hover img,
#header_map_mg #bt_area a:hover img{
  filter: alpha(opacity=60);
  -moz-opacity:0.60;
  opacity:0.60;
}

/*--------------------------------------------------
	コンテンツ
--------------------------------------------------*/
#popup_contents{
	width:1000px;
	background:#FFFFFF;
	margin:0px auto;
	text-align:left;
	}

#popup_contents_mg{
	width:700px;
	background:#FFFFFF;
	margin:0px auto;
	text-align:left;
	}
	
img.img_border{
	border:1px solid #666;
}


#map_mg{
	width:1000px;
	margin:0 0 0 0;
	overflow:hidden;
}


/*google map*/
#bt_area_02{
	width:100%;
	margin:10px auto;
	text-align:center;
	}
	
#bt_area_02 ul {width:100%; list-style:none; margin:0 auto; padding:0 0 0 0; text-align:center; overflow:hidden;}
#bt_area_02 ul li { display:inline-block; width:200px; height:auto; margin:0 5px;}

/* button_box */

.button_box{
	clear:both;
	float:right;
	width: 200px;
	height: 70px;
	text-align: center;
	line-height: 70px;
	font-size:12px;
	font-weight:normal;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	margin:0;
}

.button_box a{
	display:block;
	color:#FFF;
	text-decoration: none;
	background-color:rgba(0,0,0,0.3);
	-webkit-transition: 0.8s ease;
    -moz-transition: 0.8s ease;
    -o-transition: 0.8s ease;
    transition: 0.8s ease;
}

.button_box a:hover{
	background-color:#a40001;
}

.button_box a span.en {
    display: inline;
}
.button_box a:hover span.en {
    display: none;
}
.button_box a span.jp {
    display: none;
}
.button_box a:hover span.jp {
    display: inline;
}


@media only screen and (max-width: 767px) {
	body{
	min-width:100%;
/*	min-height:100%;*/
}


	#wrapper,#wrapper_mg{
		width:98%;
		text-align:center;
	}
	
	#popup_contents,#popup_contents_mg{
		width:100%;
		text-align:center;
		margin:5px 0;
	}
	
	#header_map,#header_map_mg
	#header_map #bt_area , #header_map_mg #bt_area{
		display:none;
	}
	
	.p_cap{
		text-align:center;
	}
	
	#map_mg{
		width:100%;
	}
	
	#map_mg ul li.li01 , #map_mg ul li.li02 , #map_mg ul li.li03 , #map_mg ul li.li04{
		float:none;
		list-style:none;
		width:100%;
		height:auto;
	}
	
	#map_mg ul li.li04 img{
		display:none;
	}
	
	#map_mg ul li.li04 span{
		background-color:#06257A;
		color:#FFF;
	text-align: center;
	font-size:14px;
	font-weight: normal;
	margin:10px 0;
	padding:5px 0;
}
	
	
/*google map*/
#bt_area_02 ul li {width:94%; margin:0;}
/* button_box */
.button_box{
	float:none;
	width:100%;

}	
	
}

@media print{
	
	#header_map{
		display:none;
}
	
}