@charset "UTF-8";
/*======================================
　locationmap tab
=======================================*/
.num { margin-right:5px; }
#locationmap {
	width:100%;
	max-width:1000px;
	margin-left:auto;
	margin-right:auto;
	position:relative;
	background: url(images/location_img03.gif) no-repeat center top;
	background-size:contain;
}
.locationmap_tab { margin-bottom: 20px; width:100%; }
.locationmap_tab > div {
	float:left;
	width:20%;
	background: -moz-linear-gradient(bottom, #666, #444 50%, #666);
	background: -webkit-linear-gradient(bottom, #666, #444 50%, #666);
	background: linear-gradient(to bottom, #666, #444 50%, #666);
	color:#fff;
	text-align: center;
	padding:7px 0;
	cursor:pointer;
	font-weight:bold;
	-webkit-font-smoothing: antialiased;
	box-sizing:border-box;
}
@media all and (-ms-high-contrast: none) {
.locationmap_tab > div { letter-spacing:0.2em;}
}
.locationmap_tab > div:not(:first-child) { border-left: 1px solid rgba(255,255,255,0.2); }
.locationmap_tab > div:hover,
.locationmap_tab > div.active {
	background: -moz-linear-gradient(bottom, #ba9f52, #765e30 50%, #ba9f52);
	background: -webkit-linear-gradient(bottom, #ba9f52, #765e30 50%, #ba9f52);
	background: linear-gradient(to bottom, #ba9f52, #765e30 50%, #ba9f52);
}
.locationmap_tab_content { display:none; }
.locationmap_tab_content.active { display:block; }
/**/
.locationmap_icon li {
	line-height:1;
	position:absolute;
	z-index:2;
	vertical-align:top;
}
.locationmap_icon li img {
	cursor:pointer;
	-webkit-box-shadow: 0px 0px 7px #999;
	box-shadow: 0px 0px 7px #999;
	border-radius: 14px;
	-webkit-border-radius: 14px;
	-moz-border-radius: 14px;
}
.photo {
	z-index:3;
	position:absolute;
	-webkit-box-shadow: 0px 1px 10px #666;
	box-shadow: 0px 1px 10px #666;
	display:none;
}
.photo.active { display:block; }
.locationmap_txt {
	font-family: 'ヒラギノ明朝 ProN W3', 'Hiragino Mincho ProN', '游明朝体', 'Yu Mincho', 'HGP明朝B', 'ＭＳ Ｐ明朝', 'MS PMincho', serif;
	margin-top:10px;
	text-align:center;
}
/* 公共・交通機関
----------------------------------------*/
#icon01_01 {
	left:91.5%; top:50.4%;
}
#icon01_02 {
	left:48%; top:44.5%;
}
#icon01_03 {
	left:45.5%; top:52.6%;
}
#icon01_04 {
	left:41%; top:52.6%;
}
#icon01_05 {
	left:41.7%; top:56.3%;
}
#icon01_06 {
	left:34%; top:47.1%;
}
#icon01_07 {
	left:32%; top:55%;
}
#icon01_08 {
	left:42.5%; top:60.5%;
}
#icon01_09 {
	left:36%; top:41.4%;
}
#icon01_10 {
	left:61.5%; top:67.2%;
}
#icon01_11 {
	left:32.7%; top:41.4%;
}
#icon01_12 {
	left:64.7%; top:70.5%;
}
#icon01_13 {
	left:65.5%; top:58.5%;
}
#icon01_14 {
	left:70.8%; top:67.5%;
}
#icon01_15 {
	left:55.3%; top:78.1%;
}
/**/
#photo01_01 {
	right:9.5%; bottom:12%;
}
#photo01_02 {
	left:14%; bottom:13%;
}
#photo01_03 {
	left:11%; bottom:4%;
}
#photo01_04 {
	left:7%; bottom:5%;
}
#photo01_05 {
	left:7.5%; bottom:4.5%;
}
#photo01_06 {
	left:-1%; bottom:4%;
}
#photo01_07 {
	left:-2%; bottom:1%;
}
#photo01_08 {
	left:8%; bottom:3%;
}
#photo01_09 {
	left:2%; bottom:15%;
}
#photo01_10 {
	right:2%; bottom:20%;
}
#photo01_11 {
	left: -1%; bottom:30%;
}
#photo01_12 {
	right:-1.5%; bottom:20%;
}
#photo01_13 {
	right:3%; bottom:45%;
}
#photo01_14 {
	right:2%; bottom:35%;
}
#photo01_15 {
	right:8%; bottom:6%;
}
/* 金融機関
----------------------------------------*/
#icon02_01 {
	left:57.7%; top:51.3%;
}
#icon02_02 {
	left:47%; top:42%;
}
#icon02_03 {
	left:58.4%; top:46.5%;
}
#icon02_04 {
	left:36%; top:41.4%;
}
/**/
#photo02_01 {
	right:5%; bottom:7%;
}
#photo02_02 {
	left:12%; bottom:17%;
}
#photo02_03 {
	right:3%; bottom:12%;
}
#photo02_04 {
	left:1%; bottom:12%;
}
/* 医療施設
----------------------------------------*/
#icon03_01 {
	left:56.4%; top:46.5%;
}
#icon03_02 {
	left:47%; top:51%;
}
#icon03_03 {
	left:59%; top:46.5%;
}
#icon03_04 {
	left:45%; top:41%;
}
#icon03_05 {
	left:55.4%; top:63.8%;
}
#icon03_06 {
	left:45%; top:34%;
}
#icon03_07 {
	left:64%; top:54.5%;
}
#icon03_08 {
	left:50%; top:14.5%;
}
/**/
#photo03_01 {
	right:6%; bottom:25%;
}
#photo03_02 {
	left:13%; bottom:5%;
}
#photo03_03 {
	right:4.4%; bottom:25%;
}
#photo03_04 {
	left:10%; bottom:10%;
}
#photo03_05 {
	left:21%; bottom:3%;
}
#photo03_06 {
	left:10%; bottom:15%;
}
#photo03_07 {
	right:-0.5%; bottom:10%;
}
#photo03_08 {
	left:10%; bottom:35%;
}
/* 教育機関
----------------------------------------*/
#icon04_01 {
	left:60%; top:37%;
}
#icon04_02 {
	left:63%; top:37%;
}
#icon04_03 {
	left:56.3%; top:39%;
}
/**/
#photo04_01 {
	right:3%; bottom:10%;
}
#photo04_02 {
	right:-1%; bottom:10%;
}
#photo04_03 {
	left:14%; bottom:10%;
}
/* 商業施設
----------------------------------------*/
#icon05_01 {
	left:57.6%; top:51.3%;
}
#icon05_02 {
	left:62%; top:41.5%;
}
#icon05_03 {
	left:45.5%; top:41.5%;
}
#icon05_04 {
	left:64.3%; top:42.5%;
}
#icon05_05 {
	left:58.5%; top:63.5%;
}
/**/
#photo05_01 {
	left:16%; bottom:2%;
}
#photo05_02 {
	right:2%; bottom:10%;
}
#photo05_03 {
	left:10%; bottom:10%;
}
#photo05_04 {
	right:-1%; bottom:13%;
}
#photo05_05 {
	left:15%; bottom:3%;
}
/*===================================== pc width =====================================*/
@media screen and (min-width:981px) {
}

/*===================================== pc ===========================================*/
@media screen and (min-width:801px) and (max-width:980px) {
}

/*===================================== tb ===========================================*/
@media screen and (min-width:641px) and (max-width:800px) {

.locationmap_icon li img {
	position:relative; margin-top:-10px;
}
/*======================================
　写真表示
=======================================*/

/* 公共・交通機関
----------------------------------------*/
#photo01_01 {
	right:10%; bottom:30%;
}
#photo01_02 {
	left:3%; bottom:13%;
}
#photo01_03 {
	left:3%; bottom:55%;
}
#photo01_04 {
	left:0.5%; bottom:50%;
}
#photo01_05 {
	left:0.5%; bottom:48%;
}
#photo01_06 {
	left:3%; bottom:60%;
}
#photo01_07 {
	left:2%; bottom:55%;
}
#photo01_08 {
	left: 1%; bottom:46%;
}
#photo01_09 {
	left:1%; bottom:62%;
}
#photo01_10 {
	right:55%; bottom:-10%;
}
#photo01_11 {
	left:0.5%; bottom:62%;
}
#photo01_12 {
	right:55%; bottom:-10%;
}
#photo01_13 {
	right:1%; bottom:50%;
}
#photo01_14 {
	right:0.5%; bottom:40%;
}
#photo01_15 {
	right:55%; bottom:-10%;
}
/* 金融機関
----------------------------------------*/
#photo02_01 {
	right:55%; bottom:-10%;
}
#photo02_02 {
	left:1%; bottom:10%;
}
#photo02_03 {
	right:0.5%; bottom:-20%;
}
#photo02_04 {
	left:0.5%; bottom:-15%;
}
/* 医療施設
----------------------------------------*/
#photo03_01 {
	right:-0.5%; bottom:60%;
}
#photo03_02 {
	left:1%; bottom:3%;
}
#photo03_03 {
	right:0.5%; bottom:-20%;
}
#photo03_04 {
	left:0.5%; bottom:-15%;
}
#photo03_05 {
	left:0.5%; bottom:-10%;
}
#photo03_06 {
	left:2%; bottom:-10%;
}
#photo03_07 {
	right:55%; bottom:15%;
}
#photo03_08 {
	left:1%; bottom:20%;
}
/* 教育機関
----------------------------------------*/
#photo04_01 {
	right:1%; bottom:-15%;
}
#photo04_02 {
	right:1%; bottom:-15%;
}
#photo04_03 {
	left:1%; bottom:-10%;
}
/* 商業施設
----------------------------------------*/
#photo05_01 {
	left:2%; bottom:1%;
}
#photo05_02 {
	right:0.5%; bottom:-23%;
}
#photo05_03 {
	left:0.5%; bottom:-10%;
}
#photo05_04 {
	right:0.5%; bottom:-23%;
}
#photo05_05 {
	left:10%; bottom:1%;
}
}

/*===================================== tb and sp ====================================*/
@media screen and (max-width:800px) {
}

/*===================================== sp ===========================================*/
@media screen and (max-width:640px) {
.locationmap_icon li { margin-top:-10px;}
/*======================================
　locationmap tab
=======================================*/
#location #main .inner { padding-top: 40px; }
#locationmap { }
.locationmap_tab { }
.locationmap_tab > div { font-size:0.75em; }
.locationmap_tab > div.active { }
.locationmap_tab_content { }
.locationmap_tab_content.active { }
/**/
.locationmap_icon li { }
.locationmap_icon li img { }
.photo { }
.photo.active { }
/*======================================
　アイコン
=======================================*/
.locationmap_icon li {
	width:16px;
	height:16px;
	line-height:1;
}
.locationmap_icon li img {
	width:16px;
	height:16px;
	border-radius: 8px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
}
/*======================================
　写真表示
=======================================*/

.num {
	margin-right:1px;
	width:16px;
	height:16px;
	vertical-align:middle;
}

/* 公共・交通機関
----------------------------------------*/
#photo01_01 {
	right:10%; bottom:30%;
}
#photo01_02 {
	left:1%; bottom:-55%;
}
#photo01_03 {
	left:3%; bottom:55%;
}
#photo01_04 {
	left:0.5%; bottom:55%;
}
#photo01_05 {
	left:0.5%; bottom:53%;
}
#photo01_06 {
	left:3%; bottom:60%;
}
#photo01_07 {
	left:2%; bottom:55%;
}
#photo01_08 {
	left: 1%; bottom:51%;
}
#photo01_09 {
	left:1%; bottom:67%;
}
#photo01_10 {
	right:25%; bottom:40%;
}
#photo01_11 {
	left:0.5%; bottom:67%;
}
#photo01_12 {
	right:25%; bottom:40%;
}
#photo01_13 {
	right:1%; bottom:50%;
}
#photo01_14 {
	right:0.5%; bottom:40%;
}
#photo01_15 {
	right:25%; bottom:40%;
}
/* 金融機関
----------------------------------------*/
#photo02_01 {
	right:30%; bottom:-60%;
}
#photo02_02 {
	left:1%; bottom:-60%;
}
#photo02_03 {
	right:0.5%; bottom:-60%;
}
#photo02_04 {
	left:0.5%; bottom:-60%;
}
/* 医療施設
----------------------------------------*/
#photo03_01 {
	right:-0.5%; bottom:60%;
}
#photo03_02 {
	left:1%; bottom:-65%;
}
#photo03_03 {
	right:0.5%; bottom:-60%;
}
#photo03_04 {
	left:0.5%; bottom:-55%;
}
#photo03_05 {
	left:0.5%; bottom:50%;
}
#photo03_06 {
	left:2%; bottom:-50%;
}
#photo03_07 {
	right:27%; bottom:60%;
}
#photo03_08 {
	left:1%; bottom:-30%;
}
/* 教育機関
----------------------------------------*/
#photo04_01 {
	right:1%; bottom:-48%;
}
#photo04_02 {
	right:1%; bottom:-48%;
}
#photo04_03 {
	left:1%; bottom:-50%;
}
/* 商業施設
----------------------------------------*/
#photo05_01 {
	left:2%; bottom:-63%;
}
#photo05_02 {
	right:0.5%; bottom:-55%;
}
#photo05_03 {
	left:0.5%; bottom:-55%;
}
#photo05_04 {
	right:0.5%; bottom:-55%;
}
#photo05_05 {
	left:1%; bottom:60%;
}

}

/*===================================== print ===========================================*/
@media print {
}