@charset "utf-8";


#container{
  background:#fec633;
  width: 100%;
  min-height: 100%;
}

#container p{
  color:#282828;
}


#header{
  width:100%;
  padding:0;
  box-shadow: 0 0 3px #666;
}

#container h1{
  background: none;
  font-weight: bold;
  padding: 0;
  padding-top: 25px;
  border: none;
  border-radius: 0;
  box-shadow: none;
  width: 370px;
  float:left;
  line-height: 1;
  text-align: left;
}

#container p.shisa {
  background: none;
  font-weight: bold;
  padding: 0;
  padding-top: 25px;
  border: none;
  border-radius: 0;
  box-shadow: none;
  width: 370px;
  float:left;
  line-height: 1;
  text-align: left;
}

#headerOuter {
  background-color: #fff;
}

#headupper{
	margin: auto;
	overflow: hidden;
	padding: 2px 0 0;
	width:960px;
}

#headerInner {
  width: 980px;
  margin: 0 auto;
  height: 95px;
        overflow:hidden;
}

#headerInner1 {
	background: #0c4e99;
	border-bottom: 2px solid #000;
}

#header_right {
  float: right;
  padding: 15px 0 10px 0;
}

#header .right_head{
    float:right;
    overflow: hidden;
    padding: 24px 0 25px 0;
}

#header .companybtn{
    float:right;
    margin: 20px 10px 0 0;
}

#header #headlower{
	border-bottom: 2px solid #0C4E99;
	background :#fff;
}

#header #head_textlink{
	margin: auto;
	overflow: hidden;
	padding: 10px 0;
	width:960px;
}

#header #head_textlink .rentlink{
	float:left;
	margin-right:15px;
	padding-right:25px;
	border-right:1px dotted #333;
}

#header #head_textlink .buylink{
	float:left;
}

#header #head_textlink li{
	float:left;
	position:relative;
	margin-left:8px;
	padding-left:12px;
	font-size:12px;
}


#header #head_textlink li:before{
	content:"/";
	position:absolute;
	left:0;
	top:1px;

}

#header #head_textlink li:first-child{
	margin-left:0;
}
#header #head_textlink li:first-child:before{
	content:none;
}

#header #head_textlink li a{
	font-size:12px;
	color: #1D3994;
	text-decoration: underline;
}
#header #head_textlink li a:hover{
	color: #0099FF;
}



#header #head_textlink .rentlink dt{
	font-size:20px;
	font-weight:bold;
	color:#0D4E99;
}

#header #head_textlink .buylink dt{
	font-size:20px;
	font-weight:bold;
	color:#C90606;
}

#contents{
        overflow:hidden;
}

#path {
  padding: 10px 0 35px;
  width: 950px;
  margin: 0 auto;
  font-size:13px;
  overflow:hidden;
  float:none;
}


/***** top_contents *****/


#contents .top_contents {
  margin: 0 auto;
  width: 950px;
}

#contents .top_contents .toptext{
  width: 652px;
  float: left;
  line-height: 1.7;
  margin-right: 30px;
  font-size:13px;
}




/***** main_contents *****/

#contents .maincontents{
  width: 950px;
  margin: 30px auto;
  overflow:hidden;
}

#contents h2.ekititle{
  color: #fff;
  font-size: 23px;
  width:915px;
  background:#D30021;
  padding:15px 0 15px 35px;
  margin:30px auto 24px auto;

}



#contents .maincontents .railimg{
  float: left;
}

#contents .maincontents .stationreview{
  height: 160px;
  float:right;
  margin: 0 0 5px 0;
  border-bottom: dotted 1px #000;
  position: relative;
}

#contents .maincontents .left{
  width: 560px;
  padding: 28px 0 0 0;
  float: left;
}


#contents .maincontents h2{
  color: #000;
  font-size: 43px;
  float: left;
  margin: 0 10px 0 0;
  line-height: 1;
}

#contents .maincontents h2 a{
  color: #000;
  font-size: 43px;
  margin: 0 10px 0 0;
  line-height: 1;
}


#contents .maincontents h2 a:hover{
  color: #D30021;
}

#contents .maincontents .bttext{
  background-image: url(../images/ijyunavi/btn_ijyunavi.png);
  width: 243px;
  height: 38px;
  position: absolute;
  padding: 15px 0 0 40px;
  font-size:13px;
  color: #3366cc;
  text-decoration:underline;
}

#contents .maincontents .bttext:hover{
  text-decoration:none;
  color: #5a88e4;
}

.maincontents .stationreview .mark{
  position: absolute;
  left:-69px;
  *left:-56px;
  top:23px;
}




#contents .maincontents .ijyutext{
  padding: 20px 0 0 0;
  *padding: 0 0 0 0;
  font-size:13px;
  line-height: 1.3;
  clear: both;
}


#contents .maincontents .ijyucomment{
  background-image: url(../images/ijyunavi/bg_comment.png);
  width: 321px;
  height: 114px;
  float: right;
  margin: 20px 0 0 0;
  font-size:12px;
}

#contents .maincontents .ijyucomment .text{
  float: left;
  width: 170px;
  font-size: 12px;
  padding: 10px 0 0 43px;
  margin: 0 10px 0 0;
  line-height: 1.3;
}

#contents .maincontents .ijyucomment .ttl{
  font-weight: bold;
  font-size: 13px;
  margin-bottom: 3px;
}

#contents .maincontents .ijyucomment .img_ijyu{
  padding: 12px 0 0 0;
}


#contents .areaSearch{
	width:950px;
	margin:auto;
}

#contents .areaSearch .distext{
    margin-bottom: -18px;
    font-weight: bold;
}

#contents .areaSearch .map{
	position:relative;
}

#contents .areaSearch .map ul li{
	position:absolute;
	width:108px;
	height:37px;
	border:3px solid #000;
	border-radius:20px;
	background:#fff;
	color:#000;
	font-size:20px;
}

#contents .areaSearch .map ul li{
	position:absolute;
	border:3px solid #59493F;
	border-radius:20px;
	background:#fff;
	line-height:1;
}


#contents .areaSearch .map ul li a{
	color:#59493F;
	font-size:20px;
	width:108px;
	height:30px;
	padding-top:8px;
	padding-top:10px\9;
	display:block;
	text-align:center;
	line-height:1;
}

#contents .spot{
	width:950px;
	margin:auto;

}

#contents .spot h2.ekititle{
  color: #fff;
  font-size: 23px;
  width:915px;
  background:#D30021;
  padding:15px 0 15px 35px;
  margin:30px auto 35px auto;
}

#contents .spot a{
	transition: opacity 0.3s linear 0s;
    -webkit-transition: 0.3s ease-in-out;
    -moz-transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
}


#contents .spot a:hover{
	opacity:0.8;
}

#contents .spot span{
	position:absolute;
	width:305px;
	height:158px;
	display:block;
	background:rgba(0,0,0,0.7);
}



/*-- IE11・ｽn・ｽb・ｽN --*/
@media all and (-ms-high-contrast:none){
  *::-ms-backdrop, #contents .areaSearch .map ul li a {
	padding-top:10px;
  }
}

#contents .areaSearch .map ul li:hover{
	background:#EC6D56;
}

#contents .areaSearch .map ul li:hover a{
	color:#fff;
}

.map .kunigami{
	top: 84px;
	left: 776px;
}

/*//////・ｽ・ｽ・ｽ・ｽ・ｽN・ｽ・ｽ・ｽt・ｽ・ｽ・ｽ・ｽ・ｽ・ｽ・ｽ・ｽ・ｽ・ｽ・ｽ・ｽ・ｽ・ｽ・ｽ・ｽ・ｽ・ｽ・ｽ・ｽ・ｽ・ｽ・ｽ・ｽ・ｽ・ｽ・ｽn・ｽﾜゑｿｽ//////*/
#contents .areaSearch .map ul .kunigami:hover{
	background:#fff;
}

#contents .areaSearch .map ul .kunigami:hover a{
	color:#3F3F3F;
}

#contents .areaSearch .map ul .oogimi:hover{
	background:#fff;
}

#contents .areaSearch .map ul .oogimi:hover a{
	color:#3F3F3F;
}

#contents .areaSearch .map ul .higashi:hover{
	background:#fff;
}

#contents .areaSearch .map ul .higashi:hover a{
	color:#3F3F3F;
}

#contents .areaSearch .map ul .motobu:hover{
	background:#fff;
}

#contents .areaSearch .map ul .motobu:hover a{
	color:#3F3F3F;
}

/*//////・ｽ・ｽ・ｽ・ｽ・ｽN・ｽ・ｽ・ｽt・ｽ・ｽ・ｽ・ｽ・ｽ・ｽ・ｽ・ｽ・ｽ・ｽ・ｽ・ｽ・ｽ・ｽ・ｽ・ｽ・ｽ・ｽ・ｽ・ｽ・ｽ・ｽ・ｽ・ｽ・ｽ・ｽ・ｽI・ｽ・ｽ・ｽ・ｽ//////*/

.map .higashi{
	top: 205px;
	left: 723px;
}
.map .oogimi{
	top: 141px;
	left: 615px;
}
.map .nakijin{
	top: 94px;
	left: 506px;
}
.map .motobu{
	top: 156px;
	left: 380px;
}
.map .nago{
	top: 243px;
	left: 536px;
}
.map .ginoza{
	top: 312px;
	left: 531px;
}
.map .onna{
	top: 278px;
	left: 336px;
}
.map .kin{
	top: 359px;
	left: 461px;
}
.map .uruma{
	top: 406px;
	left: 383px;
}
.map .okinawa{
	top: 448px;
	left: 482px;
}
.map .kitanakagusuku{
	top: 496px;
	left: 461px;
}
.map .nakagusuku{
	top: 508px;
	left: 322px;
}
.map .nishihara{
	top: 545px;
	left: 440px;
}
.map .yonabaru{
	top: 594px;
	left: 419px;
}
.map .nanjo{
	top: 642px;
	left: 400px;
}
.map .yaese{
	top: 690px;
	left: 380px;
}
.map .yomitan{
	top: 332px;
	left: 222px;
}
.map .kadena{
	top: 390px;
	left: 222px;
}
.map .chatan{
	top: 390px;
	left: 54px;
}
.map .ginowan{
	top: 440px;
	left: 54px;
}
.map .urasoe{
	top: 491px;
	left: 54px;
}
.map .naha{
	top: 542px;
	left: 54px;
}
.map .tomishiro{
	top: 592px;
	left: 54px;
}
.map .haebaru{
	top: 642px;
	left: 54px;
}
.map .itoman{
	top: 667px;
	left: 176px;
}
.map .ishigaki{
	top: 621px;
	left: 695px;
}


/*-------------------------
おすすめ検索
-------------------------*/
#contents .searchBnr {
	width: 950px;
	margin: 0 auto 20px;
}
#contents .searchBnr li {
	margin-left: 16px;
	float: left;
}
#contents .searchBnr li:first-child {
	margin-left: 0;
}
#contents .searchBnr li a:hover {
	opacity: 0.8;
    transition: 0.3s ease-in-out;
}



/*-------------------------*/




#contents .jobinfo{
  width: 950px;
  height: 410px;
  margin:auto;
}

#contents .jobinfo p{
  font-size:13px;
}


#contents .jobinfo dl{
  float: left;
  width: 305px;
  height: 150px;
  margin: 22px 17px 35px 0;
}

#contents .jobinfo .jobpening3{
  float: left;
  width: 305px;
  height: 116px;
  margin: 22px 0 35px 0;
}

#contents .jobinfo dd{
  margin: 8px 0 23px 0;
  font-size: 12px;
  color:#282828;
  line-height: 1.3;

}


#footer{
  clear: both;
}


#footer .bgtop {
    background: url(../images/ijyunavi/bg_wave_top.png) repeat-x left top;
}