@charset "utf-8";
/* CSS Document */




.hidden{
    display: none;
}



#mapArea1 .kome1{
	visibility: hidden;
    margin: 0 0 5px 5px;


}
#mapArea1 .kome3{
	visibility: hidden;
    margin: 0 0 20px 5px;


}
#mapArea1 .kome2{
	float:right;
	visibility: hidden;
    margin: 0 0 20px 5px;


}
/*============================
#mapInner
============================*/
#mapInner{
	position:relative;
	width:940px;
	height:410px;
	margin:20px auto 20px;
    padding-top: 30px;
    overflow: hidden;
}
#mapInner .check_map{
	position:absolute;
	z-index:100;
	top:48px;
	left:2px;
	display:none;
}

#mapInner .infoWrap_info{
    font-size: 12px;
    position: absolute;
    right: 69px;
    top: 35px;
    z-index: 301;
    display: none;

}
#mapInner .infoWrap_info2{
    font-size: 12px;
	height:25px;
    position: absolute;
    right: 28px;
    top: 377px;
    z-index: 1000;
    display: none;
	paddind:20px;
	vertical-align:middle;
}

#mapInner .infoWrap_info2.kfw{
    top: 398px;
}

#mapInner .infoWrap_info2 img{
	vertical-align:middle;
	margin:5px;

}



#mapInner .Introduction_list_link{
	position:absolute;
    padding-right: 15px;
	z-index:100;
	top:0;
	right:12px;
    background:url(../img/bluelink_arw1.png) no-repeat center right;
}
.katsuyou_link a{
    padding-left: 10px;
	z-index:100;
    background:url(../img/bluelink_arw1.png) no-repeat 0 0.4em;
}
a.link_blue_u{
    color: #1c6fb1;
    text-decoration: underline;
}


/*============================
#infoWrap
============================*/
#infoWrap{
	position:absolute;
	top:36px;
	right:0;
	z-index:300;
	width:317px;
	height:310px;
	padding:20px 0 20px 45px;
	background:url(../img/bg_infowrap.jpg) no-repeat 0 0;
	display:none;
	overflow:hidden;
}
#infoWrap .top_fade,
#infoWrap .btm_fade{
    display: none;
	position:absolute;
	left:7px;
	width:310px;
	overflow:hidden;
    z-index: 1;
    pointer-events:none;
}
#infoWrap .top_fade{
	top:-15px;
}
#infoWrap .btm_fade{
	bottom:-15px;
}
#infoWrap .inner{
	height:310px;
	overflow-y:auto;
    width: 300px;
}
#infoWrap .name{
	color:#1c6fb1;
	font-size:22px;
	margin-bottom:20px;
	text-align:center;
}
#infoWrap .infoKen{
	display:none;
}
#infoWrap .list{
	padding:20px 0;
}
/*==clearfix==*/
#infoWrap .list:after{content:""; display:block; clear:both;}

#infoWrap .list li{
	margin-bottom:14px;
	margin-right:15px;
	width:55px;
	float:left;
	cursor:pointer;
}
/*==clearfix==*/
#infoWrap .list li:after{content:""; display:block; clear:both;}
#infoWrap .list li:nth-of-type(4n+1){
  clear:both;
}
#infoWrap .list li.mr0{
	margin-right:0px;
}

#infoWrap .ico{
  margin-bottom:4px;
}
/*==clearfix==*/
#infoWrap .ico:after{content:""; display:block; clear:both;}

#infoWrap .ico .icoWifi{float:left;}
#infoWrap .ico .icoKfw{float:left;margin-left:3px;}
#infoWrap .ico .icoNew{float:right;}

#infoWrap .logo{
	margin-bottom:4px;
/*	border-bottom: 2px solid #C01829;*/
	padding-bottom: 4px;
	height:56px;
}
#infoWrap .logo img{
	width:100%;
}
#infoWrap .lname{
	font-size:10px;
	color:#555555;
	margin-bottom:3px;
	text-align:center;
	height:2.5em;
	overflow:hidden;
	line-height:1.2;
}

/*============================
#map_openning1
============================*/
#openning_parts{
	position:absolute;
	width:1200px;
	height:405px;
	z-index:1;
	overflow:hidden;
	background:#ffffff;
	top:48px;
}

#map_openning1{
    display: block;
	position:absolute;
	bottom:90px;
	left:151px;
	z-index:2;
	width:655px;
	opacity:0.5;
}


/*============================
#mapBread
============================*/
#mapBread{
	left: 0;
    position: absolute;
    top: 0;
    z-index: 70;
}
#mapBread a:link,
#mapBread a:hover,
#mapBread a:visited{
	color:#1c6fb1;
	text-decoration:underline;
}



/*============================
#kenList
============================*/
#kenList{
	margin-bottom:40px;
}
#kenList .tihouWrap{
	width:940px;
	margin:0 auto;
}

#kenList .tihouWrap:after{
	display:table;
	content:'';
	clear:both;
}
#kenList .tihou{
	width:145px;
	margin-right:10px;
	float:left;
}
#kenList .tihou.last{
	margin-right:0px;
}
#kenList .ttl_kyushu,#kenList .ttl_shikoku,#kenList .ttl_chugoku,#kenList .ttl_kansai,#kenList .ttl_tokai,#kenList .ttl_tyugoku,#kenList .ttl_hokuriku{
	color:#ffffff;
	text-align:center;
	font-size:13px;
	margin-bottom:12px;
}

#kenList .ttl_kyushu a,
#kenList .ttl_shikoku a,
#kenList .ttl_chugoku a,
#kenList .ttl_kansai a,
#kenList .ttl_tokai a,
#kenList .ttl_hokuriku a
{
    display: block;
    padding:5px;
    color: #fff;
    font-weight: bold;

}

#kenList .ttl_kyushu{
	background:#e65759;}
#kenList .ttl_shikoku{
	background:#e68e29;}
#kenList .ttl_chugoku{
	background:#e1ad22;}
#kenList .ttl_kansai{
	background:#d1be14;}
#kenList .ttl_tokai{
	background:#79c07e;}
#kenList .ttl_hokuriku{
	background:#9ccb6d;}


#kenList .kenWrap{
	padding:0 0 0 10px;
}
#kenList .kenWrap ul:after{
	display:table;
	content:'';
	clear:both;
}
#kenList .kenWrap li{
    font-size: 13px;
	float:left;
	margin-right:7px;
	margin-bottom:10px;
    color:#999;
}
#kenList .kenWrap li a:link,
#kenList .kenWrap li a:visited,
#kenList .kenWrap li a:hover{
	color:#1c6fb1;
	font-size:13px;
}

#kenList .tihou:first-child {
    margin-left: 10px;
}


/*============================
#wifi_detail
============================*/
#wifi_detail{
	border:	1px solid #ccc;
	padding:25px 20px;
	box-sizing:border-box;
	margin-bottom: 10px;
	display:none;
}
#wifi_detail .logoBox{
	float:left;
	text-align:center;
	width:66px;
}
#wifi_detail .logoBox .logoTxt{
     font-size: 12px;
}
#wifi_detail .infoBox{
	float:right;
	width:842px;
}
#wifi_detail .ttlBox{
	border-bottom:2px #e1ad22 solid;
}
#wifi_detail .infoBox .ttlBox .wifiName{
	color: #333;
    font-size: 24px;
	float:left;
    /*height: 35px;*/
    line-height: 35px;
}
#wifi_detail .infoBox .ttlBox .wifiName .icoNew{
  margin-left:10px;
  margin-bottom:5px;
  vertical-align:middle;
}
#wifi_detail .infoBox .ttlBox .btn{
    display: block;
	float:right;
	color:#ffffff;
	font-weight:bold;
	border-radius:3px;
	background:#e1ad22;
    background-image :url("../img/mapAreas_arrow_on.png") ;
    background-position: 18px center;
    background-repeat: no-repeat;
	text-align:center;
	padding:7px 0px 7px 10px;
	margin-bottom:5px;
	width:138px;
    line-height: 1.0;
}
#wifi_detail .infoBox .ttlBox a{
	background: url("../img/mapAreas_arrow_on.png") no-repeat left center;
}
#wifi_detail .infoBox .inner{
	padding:10px 0 0 3px;
}


#wifi_detail .box1_textArea {
    float: left;
    width:349px;
    padding-right: 63px;
}
#wifi_detail .areas,
#wifi_detail .dantai,
#wifi_detail .box2{
	margin-bottom:15px;
}

#wifi_detail .table-l{
	display: table-cell;
}
#wifi_detail .ttl{
	font-weight:bold;
    margin-bottom: 5px;
}
#wifi_detail .kome{
    font-size: 12px;
}
#wifi_detail .areas{
	font-size:14px;

}
#wifi_detail .photos{
	float:right;
	font-size:14px;

}
#wifi_detail .photos.twoLine{
    width:370px;
}
#wifi_detail .photos .item{
	float:left;
	text-align:center;
	margin-right:10px;
    margin-bottom: 10px;
  position:relative;
	width:85px;
}
#wifi_detail .photos .item.last{
	margin-right:0;
}
#wifi_detail .photos .item .name{
	font-size:12px;
	line-height:1.2;
    text-align: left;
}
#wifi_detail .photos .item .kankoNew{
	margin-bottom:4px;
  line-height:1;
  text-align:left;
}
#wifi_detail .photos .item .ph{
	margin-bottom:4px;
    width: 86px;
    height: 60px;
    position:relative;
}
#wifi_detail .photos .item .ph img{
	width: 100%;
}
#wifi_detail .photos .item .ph .imgCvr{
  width:100%;
  height:100%;
  background:url(../img/blank.gif);
  display:block;
  position:absolute;
  top:0;
  left:0;
  z-index:2;
}
#wifi_detail .ssid{
	padding:4px 7px;
	background:#fff5db;
    display: table;
    width: 100%;
    margin: 30px 0 5px;
    box-sizing: border-box;
}

#wifi_detail .notes {
    font-size: 12px;
}
#wifi_detail .ssid_ttl{
    width: 55px;
    vertical-align: middle;
}
#wifi_detail .ssid_name{
    display: inline-block;
    margin-right: 15px;
     line-height: 37px;
}
#wifi_detail .ssidLogo{
    display: inline-block;
    margin-right: 5px;
    width: 30px;
    line-height: 30px;

}

#wifi_detail .ssidLogo > img {
    width: 100%;
}

#mapArea1 .kome1 a{
	color:#1c6fb1;
}
#mapArea1 .kome1 a:hover{
	text-decoration: underline;
}
#mapArea1 .kome3 a{
	color:#1c6fb1;
}
#mapArea1 .kome3 a:hover{
	text-decoration: underline;
}

/*============================
	#CBOX
	============================*/
#colorbox #cboxLoadedContent{
  position:relative;
}
#colorbox #cboxLoadedContent img.cboxPhoto{
  position:relative;
  z-index:1000;
}
#colorbox #cboxLoadedContent .imgCvr{
  width:100%;
  height:100%;
  background:url(../img/blank.gif);
  display:block;
  position:absolute;
  top:0;
  left:0;
  z-index:1001;
}