@charset "utf-8";

/* Iframe用のCSS
--------------------*/

html,
body{
  margin:0;
  padding:0;
  outline: 0;
}
body { font-family: /*"CI", Meiryo,*/ "lr oSVbN", "MS PGothic" , "qMmpS Pro W3", "Hiragino Kaku Gothic Pro", /*Osaka,*/sans-serif; font-size: 13px;}

.tr{ text-align: right; }
.tc{ text-align: center; }
.tl{ text-align: left; }
.flRight{ float: right; }
.flLeft{ float: left; }

.descriFrm{
position:absolute;
z-index:10;
border:5px solid #ccc;
padding:10px;
font-size:16px;
line-height:130%;
background-color:#ffffcc;
color:#000;
display:none;
text-align:left;
}
.descriFrm strong{
font-size:24px;
color:#0066ff;
}
.metro_routemap{
  margin:0 auto 10px auto;
  text-align:center;
  padding:3px 7px 0 7px;
  width:535px;
  height:360px;
  background:#000;
  color:white!important;
  -moz-border-radius: 10px; /* Firefox */
  -webkit-border-radius: 10px; /* Safari and Chrome */
  border-radius: 10px; /* Opera, IE-CSS3 */
  behavior: url(/common/css/ie-css3.htc); /* IE */
}
.metro_routemap .rmap_ttl{
  margin:5px auto;
}
.metro_routemap2{
  box-sizing: border-box;
  /*margin:0 auto 10px auto;*/
  text-align:center;
  /*padding:3px 7px 0 7px;*/
  width:514px;
  /*height:390px;* /
  background:#000;
  color:white!important;
  -moz-border-radius: 10px; /* Firefox * /
  -webkit-border-radius: 10px; /* Safari and Chrome * /
  border-radius: 10px; /* Opera, IE-CSS3 */
  behavior: url(/common/css/ie-css3.htc); /* IE */
}
.metro_routemap2 .rmap_ttl{
  font-size: 18px;
  line-height: 1.5;
  padding: 6px 0;
  color: white!important;
  margin: 0!important;
  background: #000;
  font-weight: normal;
}
.metro_routemap2 .rmap_ttl > span {
  background: url(../../img/title-icon.png) no-repeat 0 -8px;
  padding-left: 28px;
  height: 36px;
}
ul.pref_menu{
  margin:4px 0 0 0;
  padding:0;
}
ul.pref_menu li{
  width:63px;
  height:38px;
  line-height:38px;
  font-size:16px;
  font-weight:bold;
  border-left:1px solid #000;
  float:left;
  text-align:center;
  margin:0;
  padding:0;
  background:url(../img/pref_menubg2.gif) repeat-x;
}
ul.pref_menu li:first-child{
  width:80px;
  height:34px;
  padding:4px 0 0 7px;
  line-height:110%;
  vertical-align:middle;
  font-size:14px;
  font-weight:bold;
  border:none;
  color:#fff;
  text-align:left;
  background:url(../img/pref_menubg1.gif) no-repeat;

}
ul.pref_menu li.sec_child{
  border:none;
}
ul.pref_menu li:nth-child(2){
  border:none;
}
ul.pref_menu li.sec_child{
  border:none;
}
ul.pref_menu a{
  color:#fff;
  font-weight:bold;
  text-decoration: none;
  display:block;
  width:63px;
  height:38px;
}
ul.pref_menu a:hover{
  color:#000;

}

/* 5都県用
--------------------------------------------------------------*/
ul.pref_menu5{
  margin:4px 0 0 0;
  padding:0;
}
ul.pref_menu5 li{
  /*width:88px;*/
  list-style: none;
  width:81px;
  height:38px;
  line-height:38px;
  font-size:16px;
  font-weight:bold;
  border-left:1px solid #000;
  float:left;
  text-align:center;
  margin:0;
  padding:0;
  background:url(../img/pref_menubg2.gif) repeat-x;
}
ul.pref_menu5 li:first-child{
  width:80px;
  height:34px;
  padding:4px 0 0 7px;
  line-height:110%;
  vertical-align:middle;
  font-size:14px;
  font-weight:bold;
  border:none;
  color:#fff;
  text-align:left;
  background:url(../img/pref_menubg1.gif) no-repeat;

}
ul.pref_menu5 li.sec_child{
  border:none;
}
ul.pref_menu5 li:nth-child(2){
  border:none;
}
ul.pref_menu5 li.sec_child{
  border:none;
}
ul.pref_menu5 a{
  color:#fff;
  font-weight:bold;
  text-decoration: none;
  display:block;
  /*width:88px;*/
  /*width:85px;*/
  width:79px;
  height:38px;
}
ul.pref_menu5 a:hover{
  color:#000;

}

/* 5都県用 - 2
--------------------------------------------------------------*/
ul.pref_menu5-2{
  margin:10px 0 20px 0;
  padding:0;
}
ul.pref_menu5-2 li{
  width:80px;
  height:30px;
  line-height:30px;
  font-size:12px;
  float:left;
  text-align:center;
  margin:0;
  padding:0;
  background:#ce181e;
  color:#fff;
  list-style: none;
}
ul.pref_menu5-2 li:first-child{
  width:114px;
  padding:0;
  background:#000;
}
ul.pref_menu5-2 a{
  color:#fff;
  text-decoration: none;
  display:block;
}
ul.pref_menu5-2 a:hover{background:#b00e13;}
ul.pref_menu5-2 li:first-child a:hover{background:#000;}


/* 6都県用
--------------------------------------------------------------*/
ul.pref_menu6{
  margin:4px 0 0 0;
  padding:0;
}
ul.pref_menu6 li{
  width:73px;
  height:38px;
  line-height:38px;
  font-size:16px;
  font-weight:bold;
  border-left:1px solid #000;
  float:left;
  text-align:center;
  margin:0;
  padding:0;
  background:url(../img/pref_menubg2.gif) repeat-x;
}
ul.pref_menu6 li:first-child{
  width:80px;
  height:34px;
  padding:4px 0 0 7px;
  line-height:110%;
  vertical-align:middle;
  font-size:14px;
  font-weight:bold;
  border:none;
  color:#fff;
  text-align:left;
  background:url(../img/pref_menubg1.gif) no-repeat;

}
ul.pref_menu6 li.sec_child{
  border:none;
}
ul.pref_menu6 li:nth-child(2){
  border:none;
}
ul.pref_menu6 li.sec_child{
  border:none;
}
ul.pref_menu6 a{
  color:#fff;
  font-weight:bold;
  text-decoration: none;
  display:block;
  width:73px;
  height:38px;
}
ul.pref_menu6 a:hover{
  color:#000;

}

/* 7都県用
--------------------------------------------------------------*/
ul.pref_menu7{
  margin:4px 0 0 0;
  padding:0;
}
ul.pref_menu7 li{
  width:63px;
  height:38px;
  line-height:38px;
  font-size:16px;
  font-weight:bold;
  border-left:1px solid #000;
  float:left;
  text-align:center;
  margin:0;
  padding:0;
  background:url(../img/pref_menubg2.gif) repeat-x;
}
ul.pref_menu7 li:first-child{
  width:80px;
  height:34px;
  padding:4px 0 0 7px;
  line-height:110%;
  vertical-align:middle;
  font-size:14px;
  font-weight:bold;
  border:none;
  color:#fff;
  text-align:left;
  background:url(../img/pref_menubg1.gif) no-repeat;

}
ul.pref_menu7 li.sec_child{
  border:none;
}
ul.pref_menu7 li:nth-child(2){
  border:none;
}
ul.pref_menu7 li.sec_child{
  border:none;
}
ul.pref_menu7 a{
  color:#fff;
  font-weight:bold;
  text-decoration: none;
  display:block;
  width:63px;
  height:38px;
}
ul.pref_menu7 a:hover{
  color:#000;

}