HTML,BODY {
margin: 0;
padding: 0;
// background-color: #fdeff2; /* バーの背景色(濃い赤色) */
background-color: #eebbcb
//background-color: #c1e4e9; /* バーの背景色(濃い赤色) */
background-repeat: no-repeat;
color: #0000ff;
// font-size: 100%;
font-family: 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, Osaka, 'MS PGothic', arial, helvetica, sans-serif;
font-size: 93.7%;
//   height:800px;
//   width: 1900px;               /* サブメニュー1項目の横幅(135px) */
//position: relative;    /* ★サブメニュー表示の基準位置にする */
position: absolute;    /* ★サブメニュー表示の基準位置にする */
   top : 0px;
   left: 0px;

    width: 375px;
    height: 812px;
//    width: 100%;
//    height: 100%;
}
h2 {
// font-size:100%;
font-size: 93.7%;
}
h3 {
// font-size:100%;
font-size: 93.7%;
}


.menu_side{
   margin: 0px;               /* メニューバー外側の余白(ゼロ) */
   padding: 0; /* メニューバー内側の余白(左に15px) */
   position: absolute;    /* ★サブメニュー表示の基準位置にする */
   top : 0px;
   left: 0px;
//   background-color: #c1e4e9; /* バーの背景色(濃い赤色) */
   color: #c1e4e9; /* バーの背景色(濃い赤色) */
//   background-color: transparent; /* バーの背景色(濃い赤色) */
background-color: #eebbcb
//   background-color: blue; /* バーの背景色(濃い赤色) */
    width: 100%;
//    height: px;
}
.map_side{
   margin: 0px;               /* メニューバー外側の余白(ゼロ) */
   padding: 0 0 100px 0; /* メニューバー内側の余白(左に15px) */
//   position: relative;    /* ★サブメニュー表示の基準位置にする */
   position: absolute;    /* ★サブメニュー表示の基準位置にする */
//   position: static;    /* ★サブメニュー表示の基準位置にする */
   top : 148px;
   left: 0px;
   background-color: transparent; /* バーの背景色(濃い赤色) */
//   background-color: green; /* バーの背景色(濃い赤色) */
//   background-color: #c1e4e9; /* バーの背景色(濃い赤色) */
//   height: 800px ;
//   width : 1800px;
    width: 100%;
}
.footer_area {
   background-color: transparent; /* バーの背景色(濃い赤色) */
//   background-color: #c1e4e9; /* バーの背景色(濃い赤色) */
   position: fixed;
   left:0px;
   bottom: 0px;
   width: 374px;
   height: 50px;
   z-index:9999;
   text-align: left;
//   text-align: center;
}


.getgi {
   position: absolute;    /* ★サブメニュー表示の基準位置にする */
left:300px;
top:100px;
z-index:98;
}
#testgetgi{
color:white;
background-color:blue;
   width: 174px;
   height: 50px;
z-index:99999;
display:none;
}





#title_img {
   position: absolute;    /* ★サブメニュー表示の基準位置にする */
   top : 0px;
   left: 0px;
//   height:28px;
   height:38px;
//   width: 286px;               /* サブメニュー1項目の横幅(135px) */
   width: 162px;               /* サブメニュー1項目の横幅(135px) */
   border: 3px solid #efab93;
   box-shadow: 2px 2px 2px #666, 1px 1px 1px #888 inset;
}
#title_img img{
//   position: static;    /* ★サブメニュー表示の基準位置にする */
   position: relative;    /* ★サブメニュー表示の基準位置にする */
   top : 1px;
   left: 1px;
//   top : 0;
//   left: 0;
//   height:40px;
   height:39px;
   width: 161px;               /* サブメニュー1項目の横幅(135px) */
//   width: 283px;               /* サブメニュー1項目の横幅(135px) */
//   width: 336px;               /* サブメニュー1項目の横幅(135px) */
   margin: 0px;         /* ★サブメニュー外側の余白(ゼロ) */
   padding: 0; /* メニューバー内側の余白(左にpx) */

   opacity:1;
}


#tsukaikata_s {
   position: absolute;    /* ★サブメニュー表示の基準位置にする */
//   position: relative;    /* ★サブメニュー表示の基準位置にする */
   top : 45px;
   left: 0%;
   height:36px;
   width: 100%;               /* サブメニュー1項目の横幅(135px) */
//   width: 295px;               /* サブメニュー1項目の横幅(135px) */
   font-size: 87.5%;
//  display:none;
//  background-color:red; /* バーの背景色(濃い赤色) */
//  background-color:transparent; /* バーの背景色(濃い赤色) */
}

#tsukaikata_s ul.tsukaikata_ul_1 {
   position: relative;    /* ★サブメニュー表示の基準位置にする */
   top : 0px;
   left: 0px;
   margin: 0px;         /* ★サブメニュー外側の余白(ゼロ) */
   padding:2px; /* メニューバー内側の余白(左にpx) */
//  background-color:red;
   background-color:#e8d3c7;
//  background-color:#e8d3c7;
   border: 3px solid #efab93;
   box-shadow: 2px 2px 2px #666, 1px 1px 1px #888 inset;
   width: 364px;               /* サブメニュー1項目の横幅(135px) */
   height:16px;
}

#tsukaikata_s ul li{
   color:#433d3c;
   list-style-type: none; /* ★リストの先頭記号を消す */
   height:16px;
   text-align:left;
   line-height:18px;
}

#tsukaikata_a {
   position: absolute;    /* ★サブメニュー表示の基準位置にする */
   top : 72px;
   left: 0%;
   height:95px;
   width: 100%;               /* サブメニュー1項目の横幅(135px) */
//   width: 376px;               /* サブメニュー1項目の横幅(135px) */
   opacity:1;
   font-size: 87.5%;
 // background-color:#e8d3c7;
//  background-color:blue;
  background-color:transparent;
}

#tsukaikata_a ul li{
//  color:#433d3c;
//  background-color:pink;
 list-style-type: none; /* ★リストの先頭記号を消す */
// float:left;
}

#tsukaikata_a ul.tsukaikata_ul_1 {
   position: absolute;    /* ★サブメニュー表示の基準位置にする */
//   position: relative;    /* ★サブメニュー表示の基準位置にする */
   top : 0px;
   left: 0px;
   margin: 0px;         /* ★サブメニュー外側の余白(ゼロ) */
   padding:0px; /* メニューバー内側の余白(左にpx) */
   height:20px;
//   width: 372px;               /* サブメニュー1項目の横幅(135px) */
   width: 100%;               /* サブメニュー1項目の横幅(135px) */
 background-color:transparent;
 letter-spacing:-2px ;
// background-color:green;
//  background-color:#e8d3c7;
}

#tsukaikata_a ul.tsukaikata_ul_1 > li{
   display:inline-block;    /* ★サブメニュー表示の基準位置にする */
//   width: 90px;               /* サブメニュー1項目の横幅(135px) */
   background-color:#e8d3c7;
//   border: 2px solid #efab93;
//	box-shadow:3px 3px #a25768;
//   box-shadow: 1px 1px 1px #666, 1px 1px 1px #888 inset;
   text-align:center;
   margin: 0px;         /* ★サブメニュー外側の余白(ゼロ) */
   padding:0px; /* メニューバー内側の余白(左にpx) */
   position: relative;    /* ★サブメニュー表示の基準位置にする */
   border: 3px solid #efab93;
  box-shadow: 2px 2px 2px #666, 1px 1px 1px #888 inset;
}

#tsukaikata_a ul.tsukaikata_ul_1 li.ul_1_li_3{
   width: 117px;               /* サブメニュー1項目の横幅(135px) */
}
#tsukaikata_a ul.tsukaikata_ul_1 li.ul_1_li_2{
   width: 76px;               /* サブメニュー1項目の横幅(135px) */
}
#tsukaikata_a ul.tsukaikata_ul_1 li.ul_1_li_4{
   width: 76px;               /* サブメニュー1項目の横幅(135px) */
}
#tsukaikata_a ul.tsukaikata_ul_1 li.ul_1_li_5{
   width: 76px;               /* サブメニュー1項目の横幅(135px) */
}


#tsukaikata_a ul.tsukaikata_ul_1 ul{
	display:none;
}

#tsukaikata_a ul.tsukaikata_ul_1 ul li{
   text-align: left;        /* メインメニューの文字列の配置(hidari中央寄せ) */
}

#tsukaikata_a ul.tsukaikata_ul_1 > li > a{
	display:block;
	height:20px;
	padding-top:3px;
//	padding-top:6px;
	color:blue;
	text-decoration:none;
// background-color:white;
   height:16px;
   line-height:18px;
}

#tsukaikata_a ul.tsukaikata_ul_1 > li > a:hover{
	text-decoration:none;
	color:blue;
//	color:#ffffff;
}

// .dropInput:checked ~ li:hover > ul {  /* zenntai ni eikyou mausu over de hyouji */
//   display: block;         /* ★マウスポインタが載っている項目の内部にあるリストを表示する */
//   text-align : left;
//}


// #tsukaikata_a ul.tsukaikata_ul_1 > li.ul_1_li_2:hover ul{
//	display:block;
//   position: relative;    /* ★サブメニュー表示の基準位置にする */
//   top : 0%;
//   height:55px;
//   width: 372px;               /* サブメニュー1項目の横幅(135px) */
// }



#tsukaikata_a ul.tsukaikata_ul_2 {
   position: absolute;    /* ★サブメニュー表示の基準位置にする */
//   position: relative;    /* ★サブメニュー表示の基準位置にする */
//   top : 100%;
//   left: -120px;
   margin: 1px;         /* ★サブメニュー外側の余白(ゼロ) */
   padding:1px; /* メニューバー内側の余白(左にpx) */
//   height:180px;
   height:auto;
   width: 252px;               /* サブメニュー1項目の横幅(135px) */
//  background-color:#f8d3c7;
//  background-color:#e8d3c7;
z-index : 9999;
}

/*
#tsukaikata_a ul.tsukaikata_ul_1 > li.ul_1_li_2:hover  ul.tsukaikata_ul_2{
*/

#tsukaikata_a input.dropInput:checked ~ li.ul_1_li_2:hover ul.tsukaikata_ul_2 {
   position: absolute;    /* ★サブメニュー表示の基準位置にする */
//   top : 0%;
   top : 28px;
   left: -40px;
//   height:55px;
//   width: 372px;               /* サブメニュー1項目の横幅(135px) */
//  background-color:transparent;
 background-color:black;
   display:block;    /* ★サブメニュー表示の基準位置にする */
   opacity:0.85;
}


#tsukaikata_a ul.tsukaikata_ul_2 > li{
//   position: relative;    /* ★サブメニュー表示の基準位置にする */
   display:block;    /* ★サブメニュー表示の基準位置にする */
//   top : 0px;
//   left: 0px;
}

#tsukaikata_a input.dropInput:checked ~ li.ul_1_li_2:hover ul li ul.tsukaikata_ul_3 {
//   position: relative;    /* ★サブメニュー表示の基準位置にする */
   top : 0px;
   left: 20px;
   margin: 0px;         /* ★サブメニュー外側の余白(ゼロ) */
   padding:0px; /* メニューバー内側の余白(左にpx) */
   height:auto;
//   height:55px;
   width: 302px;               /* サブメニュー1項目の横幅(135px) */
 background-color:transparent;
//  background-color:purple;
	display:block;
}

// #tsukaikata_a ul.tsukaikata_ul_3 li {
// }


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

#tsukaikata_e {
   position: absolute;    /* ★サブメニュー表示の基準位置にする */
   top : 82px;
   left: 0%;
   height:295px;
   width: 372px;               /* サブメニュー1項目の横幅(135px) */
//   width: 295px;               /* サブメニュー1項目の横幅(135px) */
   margin: 0px;         /* ★サブメニュー外側の余白(ゼロ) */
   padding: 0px; /* メニューバー内側の余白(左にpx) */
//   background-color:#e8d3c7;
   opacity:1;
//   font-size: 75%;
   font-size: 87.5%;
}
#tsukaikata_e ul li{
   color:#433d3c;
   list-style-type: none; /* ★リストの先頭記号を消す */
   text-decoration: none;
}
#tsukaikata_e ul.tsukaikata_ul_1 {
   position: relative;    /* ★サブメニュー表示の基準位置にする */
   top : 0px;
   left: 0px;
   margin: 1px;         /* ★サブメニュー外側の余白(ゼロ) */
   padding:1px; /* メニューバー内側の余白(左にpx) */
}

/* #tsukaikata_e ul.tsukaikata_ul_1  li.ul_1_li_1{ */
#tsukaikata_e ul.tsukaikata_ul_1 > a {


   background-color:transparent;
//   background-color:blue;
//   top : 0px;
//   left: 0%;
//   height:30px;
//   width: 100px;               /* サブメニュー1項目の横幅(135px) */

}

#tsukaikata_e ul.tsukaikata_ul_1 > li{
   display:inline-block;    /* ★サブメニュー表示の基準位置にする */
   top : 0px;
   left: 0px;
   background-color:#e8d3c7;
   border: 2px solid #efab93;
   padding:1px;
//	box-shadow:3px 3px #a25768;
    box-shadow: 2px 2px 2px #666, 1px 1px 1px #888 inset;
}




#tsukaikata_e ul.tsukaikata_ul_1 > li.ul_1_li_2{
   border-top: 0 ;
}

#tsukaikata_e ul.tsukaikata_ul_2 {
   position: relative;    /* ★サブメニュー表示の基準位置にする */
   top : 0px;
   left: 0px;
   margin: 0px;         /* ★サブメニュー外側の余白(ゼロ) */
   padding:0px; /* メニューバー内側の余白(左にpx) */
}
#tsukaikata_e ul.tsukaikata_ul_2 > li{
   display:block;    /* ★サブメニュー表示の基準位置にする */
   top : 0px;
   left: 0px;
}

#tsukaikata_e ul.tsukaikata_ul_3 {
   position: relative;    /* ★サブメニュー表示の基準位置にする */
   top : 0px;
   left: 0px;
   margin: 0px;         /* ★サブメニュー外側の余白(ゼロ) */
   padding:0px; /* メニューバー内側の余白(左にpx) */
}


#banner_img img{
   display:none;
//   position: static;    /* ★サブメニュー表示の基準位置にする */
   position: absolute;    /* ★サブメニュー表示の基準位置にする */
//   top : 278px;
   top : 410px;
   left: 0px;
//   top : 190;
//   left: 0;
   height:250px;
   width: 300px;               /* サブメニュー1項目の横幅(135px) */
//   width: 336px;               /* サブメニュー1項目の横幅(135px) */
//   margin: 0px;         /* ★サブメニュー外側の余白(ゼロ) */
//   padding: 0; /* メニューバー内側の余白(左にpx) */
   opacity:1;
   z-index:1;
}
#banner_img2 img{
//   position: static;    /* ★サブメニュー表示の基準位置にする */
   position: absolute;    /* ★サブメニュー表示の基準位置にする */
   top : 0px;
//   left: 0px;
//   top : 190;
//   left: 0;
   margin: 0px;         /* ★サブメニュー外側の余白(ゼロ) */
   padding: 0; /* メニューバー内側の余白(左にpx) */
   opacity:1;
}

#select_target{
 position: absolute;    /* ★サブメニュー表示の基準位置にする */
// top:90px;
 top:99px;
// top:150px;
 left:0px;
   margin: 0px;         /* ★サブメニュー外側の余白(ゼロ) */
   padding: 0; /* メニューバー内側の余白(左にpx) */
   font-size: 75%;
}
#select_area{
 position: absolute;    /* ★サブメニュー表示の基準位置にする */
 top:0px;
 left:0px;
   margin: 0px;         /* ★サブメニュー外側の余白(ゼロ) */
   padding: 0; /* メニューバー内側の余白(左にpx) */
}

/* -------------------- */
/* ▼メニューバーの装飾 */
/* -------------------- */

/* -------------------------- */
/* ▼メインメニュー項目の装飾 */
/* -------------------------- */


.rosen_title_x {   /* div */
border: 3px solid #bbbbbb;
color: #555555;
text-shadow: -1px -1px 1px #ffffff, 1px 1px #000000;
box-shadow: 2px 2px #444444;
    margin: 2px;
    padding: 2px;
   height : 26px;
   width : 78px;          /* メニュー項目の横幅(125px) */
   list-style-type: none; /* ★リストの先頭記号を消す */
   text-align: center;        /* メインメニューの文字列の配置(hidari中央寄せ) */
   line-height: 32px;         /* メニュー項目のリンクの高さ(40px) */
   font-weight: bold;         /* 太字にする */
   font-size: 125%;         /* 太字にする */
   z-index:100;

  border-radius: .3em;
  background-image: -webkit-repeating-linear-gradient(left, hsla(0,0%,100%,0) 0%, hsla(0,0%,100%,0) 6%, hsla(0,0%,100%, .1) 7.5%),
    -webkit-repeating-linear-gradient(left, hsla(0,0%,  0%,0) 0%, hsla(0,0%,  0%,0)   4%, hsla(0,0%, 0%,.03) 4.5%),
    -webkit-repeating-linear-gradient(left, hsla(0,0%,100%,0) 0%, hsla(0,0%,100%,0) 1.2%, hsla(0,0%,100%,.15) 2.2%),

    linear-gradient(180deg, hsl(0,0%,78%)  0%, 
    hsl(0,0%,90%) 47%, 
    hsl(0,0%,78%) 53%,
    hsl(0,0%,70%)100%);
}


/*  .dropInput:checked ~ ul.ddmenu li ul {  xenntai ni eikyou rosen senntaku fudana ha mienai */


.dropInput:checked ~ .check_test {
 display : none ;
}
/*
.dropInput:checked ~ .popbox > li {
 display : none ;
}
*/
.dropInput {
//  position : relative;    /* ★サブメニュー表示の基準位置にする */
   position: absolute;  /* ★絶対配置にする */
//   position: static;  /* ★絶対配置にする */
top:10px;
left:10px;
 z-index:120;
  visibility: hidden; /* メニューの表示フラグ　非表示*/
}

/* ---------------------------------- */
/* ▼サブメニューがある場合に開く処理 */   /* ※サブメニューが2階層以上ある場合の記述 */
/* ---------------------------------- */
/* 0710 +
.dropInput:checked ~ li ul.rosen_ul li:hover > ul {  
 * */

.dropInput:checked ~ li ul.rosen_ul li:hover > ul {  
   display: block;         /* ★マウスポインタが載っている項目の内部にあるリストを表示する */
   text-align : left;
//   display: inline;         /* ★マウスポインタが載っている項目の内部にあるリストを表示する */
}



/* -------------------- */
/* ▼サブメニューの装飾 */
/* -------------------- */
/*
.dropInput:checked ~ ul.rosen_ul {
*/
ul.rosen_ul_x {
   background-color:transparent; /* バーの背景色(濃い赤色) */
   margin: 0px;         /* ★サブメニュー外側の余白(ゼロ) */
   padding: 0px;        /* ★サブメニュー内側の余白(ゼロ) */
   position: absolute;  /* ★絶対配置にする */
   top : 100%;
   left: 0%;          /* ★基準位置からの距離を親ボックスの幅100％にする */
   width: 115px;               /* サブメニュー1項目の横幅(135px) */
   height: 36px;               /* サブメニュー1項目の横幅(135px) */
   line-height: 34px;         /* メニュー項目のリンクの高さ(40px) */
   border-left: 0px solid pink; /* 左側に引く枠線(ピンク色で1pxの実線) */
   overflow: visible;
   z-index:110;
}

ul.company_ul_x {
   background-color:transparent; /* バーの背景色(濃い赤色) */
   margin: 0px;         /* ★サブメニュー外側の余白(ゼロ) */
   padding: 0px;        /* ★サブメニュー内側の余白(ゼロ) */
   position: absolute;  /* ★絶対配置にする */
   top : 0;
   left: 100%;          /* ★基準位置からの距離を親ボックスの幅100％にする */
   width: 300px;               /* サブメニュー1項目の横幅(135px) */
   height: 140px;               /* サブメニュー1項目の横幅(135px) */
   border-left: 1px solid pink; /* 左側に引く枠線(ピンク色で1pxの実線) */
   overflow: visible;
   z-index:110;
}
/* -------------------------------- */
/* ▼サブメニュー(以降の)項目の装飾 */
/* -------------------------------- */

/* ----------------------------------- */
/* ▼3階層目以降(孫メニュー以降)の装飾 */   /* ※下ではなく横(右)に表示します。 */
/* ----------------------------------- */

li.moji_x{
  margin:0px;
  padding: 0px;
  display: block; /* ★tate並びに配置する */
  width: 64px;
//  height: 40px;
  vertical-align: top;
  border: 1px solid transparent;
  text-align : center;
  position : relative;    /* ★サブメニュー表示の基準位置にする */
}

ul.popbox_x {
   background-color:transparent; /* バーの背景色(濃い赤色) */
   margin: 0;               /* メニューバー外側の余白(ゼロ) */
   padding:0;
   width: 1800px;         /* ★マウスポインタが載っている項目の内部にあるリストを表示する */
   position: absolute;  /* ★絶対配置にする */
   top: 0;           /* 1pxだけ上方向にずらす(※上に1pxの枠線を引いている場合) */
   left: 100%;          /* ★基準位置からの距離を親ボックスの幅100％にする */
   list-style-type: none; /* ★リストの先頭記号を消す */
  text-align : left;
}

ul.popbox_x li{
  float: left ;
  width: 300px;
  height: 40px ;
  margin-right: auto;
  vertical-align: top;
  border: 1px solid transparent;
  padding: 1px;
  text-align : left;
}

ul.show_rosen_ul {
   position: absolute;  /* ★絶対配置にする */
   top : 0px;
   left: 38px;
   list-style-type: none; /* ★リストの先頭記号を消す */
   width: 200px;
   height: 18px ;
   text-align : left;
   line-height: 18px;         /* メニュー項目のリンクの高さ(40px) */
   font-weight: bold;         /* 太字にする */
//   font-size: 100%;         /* 太字にする */
   font-size: 93.7%;
   z-index : 1 ;

   color: #ffffff;
   background-color: #114400;
    margin: 1px;
//    padding-left: 10px;
    border: 2px solid #a60;
    border-radius: 3px;
    box-shadow: 1px 1px 2px #666, 1px 1px 1px #111 inset;
    text-shadow: 0px 0px 2px #000;
}

.show_rosen_ul > li {
//   position: relative;    /* ★サブメニュー表示の基準位置にする */
   position: absolute;  /* ★絶対配置にする */
   z-index : 1 ;
//   position: static;    /* ★サブメニュー表示の基準位置にする */
   text-align : left;
   margin-left: 5px;
   top : 0px;
   left: 0px;
}

#select_place{
   height: 134px ;
   position: absolute;  /* ★絶対配置にする */
   top : 2px;
   left: 0%;
   opacity:1;
}

ul.station_menu_x {   /* div */
  position: absolute;    /* ★サブメニュー表示の基準位置にする */
   top : 0px;
   left: 0%;
   display: block; /* ★yoko並びに配置する */
color: #555555;
    margin: 0px;
    padding: 0px;
   height : 30px;
   width : 78px;          /* メニュー項目の横幅(125px) */
   z-index:100;
  border-radius: .3em;
}

.station_title_x {   /* div */
border: 3px solid #bbbbbb;
position: relative;    /* ★サブメニュー表示の基準位置にする */
top : 0px;
left : 0px ;
color: #555555;
text-shadow: -1px -1px 1px #ffffff, 1px 1px #000000;
box-shadow: 2px 2px #444444;
    margin: 2px;
    padding: 2px;
   height : 26px;
   width : 78px;          /* メニュー項目の横幅(125px) */
   list-style-type: none; /* ★リストの先頭記号を消す */
   text-align: center;        /* メインメニューの文字列の配置(hidari中央寄せ) */
   line-height: 32px;         /* メニュー項目のリンクの高さ(40px) */
   font-weight: bold;         /* 太字にする */
   font-size: 125%;         /* 太字にする */
   z-index:100;

  border-radius: .3em;
  background-image: -webkit-repeating-linear-gradient(left, hsla(0,0%,100%,0) 0%, hsla(0,0%,100%,0) 6%, hsla(0,0%,100%, .1) 7.5%),
    -webkit-repeating-linear-gradient(left, hsla(0,0%,  0%,0) 0%, hsla(0,0%,  0%,0)   4%, hsla(0,0%, 0%,.03) 4.5%),
    -webkit-repeating-linear-gradient(left, hsla(0,0%,100%,0) 0%, hsla(0,0%,100%,0) 1.2%, hsla(0,0%,100%,.15) 2.2%),

    linear-gradient(180deg, hsl(0,0%,78%)  0%, 
    hsl(0,0%,90%) 47%, 
    hsl(0,0%,78%) 53%,
    hsl(0,0%,70%)100%);

}

li.show_station_li {   /* div */
  position: absolute;    /* ★サブメニュー表示の基準位置にする */
   top : 12px;
   left : 38px ;
   list-style-type: none; /* ★リストの先頭記号を消す */
}


#LM_Name{
   position: absolute;    /* ★サブメニュー表示の基準位置にする */
   top : 100%;
   left: 0%;
   height:22px;
   width: 244px;               /* サブメニュー1項目の横幅(135px) */
   line-height: 22px;         /* メニュー項目のリンクの高さ(40px) */
   text-align: left;        /* メインメニューの文字列の配置(hidari中央寄せ) */
   text-decoration: none;     /* メニュー項目の装飾(下線を消す) */
   font-weight: bold;         /* 太字にする */
//   font-size: 100%;         /* 太字にする */
   font-size: 75%;
//   font-size: 93.7%;
   color: #ffffff;
   background-color: #114400;
    margin: 1px;
    padding: 2px;
    border: 2px solid #a60;
    border-radius: 3px;
    box-shadow: 1px 1px 2px #666, 1px 1px 1px #111 inset;
    text-shadow: 0px 0px 2px #000;
    z-index:1;
}

#share ul{
	width:230px;
	height:50px;
   position: absolute;    /* ★サブメニュー表示の基準位置にする */
   top: 0px;
   left: 170px;
    margin: 0px;
    padding: 0px;
	// height:auto;
}
#share li{
  	position: relative;    /* ★サブメニュー表示の基準位置にする */
//	font-size:14px;
     	font-size: 93.7%;
	float:left;
	text-align:center;
	width:65px;
	height:25px;
	// margin-right:1%;
	margin:1px;
//	margin-bottom:3px;
	border-radius:3px;
	list-style:none;
	display:inline;
}
#share li.share-twitter{
	background:#55acee;
	box-shadow:3px 3px #2795e9;
}
#share li.share-twitter:hover{
	background:#83c3f3;
}
#share li.share-facebook{
	background:#3b5998;
	box-shadow:3px 3px #2d4373;
}
#share li.share-facebook:hover{
	background:#4c70ba;
}
#share li.share-google{
	background:#dd4b39;
	box-shadow:0 2px #c23321;
}
#share li.share-google:hover{
	background:#e47365;
}
#share li.share-hatena{
	background:#2c6ebd;
	box-shadow:3px 3px #225694;
}
#share li.share-hatena:hover{
	background:#4888d4;
}
#share li.share-pocket{
	background:#f13d53;
	box-shadow:0 2px #e6152f;
}
#share li.share-pocket:hover{
	background:#f26f7f;
}
#share li.share-line{
	background:#00C300;
	box-shadow:0 2px #009d00;
}
#share li.share-line:hover{
	background:#2bd92b;
}
#share a{
//	display:inline-block;
	display:block;
	height:27px;
	padding-top:6px;
	color:#ffffff;
	text-decoration:none;
}
#share a:hover{
	text-decoration:none;
	color:#ffffff;
}

#tail ul{
  display:none;
	width:320px;
   position: absolute;    /* ★サブメニュー表示の基準位置にする */
   top: 490px;
   left: 0px;
//	height:auto;
}
#tail ul li{
   list-style-type: none; /* ★リストの先頭記号を消す */
//   font-size: 75%;
   font-size: 93.7%;
   display: inline-block; /* ★yoko並びに配置する */
}
// right side description


.imgtest {
   position: absolute;    /* ★サブメニュー表示の基準位置にする */
   top : 400px;
   left : 10px ;
   width : 475px;
}
.map_position {
   position: absolute;    /* ★サブメニュー表示の基準位置にする */
   top : 0px;
   left : 0px ;
}
#gmap {
   margin: 0px;               /* メニューバー外側の余白(ゼロ) */
   margin-bottom: 0px;               /* メニューバー外側の余白(ゼロ) */
   padding: 0px 0px 0px 0px; /* メニューバー内側の余白(左に15px) */
   background-color: #eeffff; /* 背景色(濃い赤色) */
   height: 450px ;
//   height: 500px ;
   max-width: 400px ;               /* サブメニュー1項目の横幅(135px) */
   min-width: 375px ;               /* サブメニュー1項目の横幅(135px) */
//   width : 100%;
   z-index:10;
   opacity:1;
}

/* add in 0702*/

/* -------------------- */
/* ▼メニューバーの装飾 */
/* -------------------- */
ul.topmenu {
	margin: 0px;					/* メニューバー外側の余白(ゼロ) */
	padding: 0px 0px 0px 0px;		/* メニューバー内側の余白(左に15px) */
	background-color: transparent;		/* バーの背景色(濃い赤色) */
//	background-color: #cc0000;		/* バーの背景色(濃い赤色) */
	position: absolute;		/* ★サブメニュー表示の基準位置にする */
   top : 0px;
   left: 0px;
// width : 100%;          /* メニュー項目の横幅(125px) */
}


ul.topmenu li {
//	display: inline-block;	/* ★横並びに配置する */
	display: block;	/* ★横並びに配置する */
	list-style-type: none;	/* ★リストの先頭記号を消す */
	position: relative;		/* ★サブメニュー表示の基準位置にする */
   z-index:9999;
	text-align: center;		/* 文字列の配置(左寄せ) */
	width: 38px;			/* メニュー項目の横幅(125px) */
}

/* -------------------------- */
/* ▼メインメニュー項目の装飾 */
/* -------------------------- */
ul.topmenu_x > li >a {
//			background-color: #cc0000;	/* メニュー項目の背景色(濃い赤色) */
//			color: white;				/* メニュー項目の文字色(白色) */
//			line-height: 40px;			/* メニュー項目のリンクの高さ(40px) */
//			text-align: center;			/* メインメニューの文字列の配置(中央寄せ) */
//			text-decoration: none;		/* メニュー項目の装飾(下線を消す) */
//			font-weight: bold;			/* 太字にする */
//			display: block;				/* ★項目内全域をリンク可能にする */
border: 3px solid #bbbbbb;
color: #555555;
text-shadow: -1px -1px 1px #ffffff, 1px 1px #000000;
box-shadow: 2px 2px #444444;
margin: 2px;
	padding: 2px 20px 2px 20px;		/* メニューバー内側の余白(左に15px) */
height : 26px;
width : 378px;          /* メニュー項目の横幅(125px) */
// list-style-type: none; /* ★リストの先頭記号を消す */
text-align: center;        /* メインメニューの文字列の配置(hidari中央寄せ) */
line-height: 32px;         /* メニュー項目のリンクの高さ(40px) */
font-weight: bold;         /* 太字にする */
font-size: 100%;         /* 太字にする */
z-index:100;
border-radius: .3em;
background-image: -webkit-repeating-linear-gradient(left, hsla(0,0%,100%,0) 0%, hsla(0,0%,100%,0) 6%, hsla(0,0%,100%, .1) 7.5%),
    -webkit-repeating-linear-gradient(left, hsla(0,0%,  0%,0) 0%, hsla(0,0%,  0%,0)   4%, hsla(0,0%, 0%,.03) 4.5%),
    -webkit-repeating-linear-gradient(left, hsla(0,0%,100%,0) 0%, hsla(0,0%,100%,0) 1.2%, hsla(0,0%,100%,.15) 2.2%),
    linear-gradient(180deg, hsl(0,0%,78%)  0%,
    hsl(0,0%,90%) 47%,
    hsl(0,0%,78%) 53%,
    hsl(0,0%,70%)100%);
}

ul.topmenu a:hover {
	background-color: #ffdddd;	/* メニュー項目にマウスが載ったときの背景色(淡いピンク) */
	color: #dd0000;				/* メニュー項目にマウスが載ったときの文字色(濃い赤色) */
}

/* -------------------- */
/* ▼サブメニューの装飾 */
/* -------------------- */
ul.topmenu ul { 
		/* ul.rosen_ul { */
	display: none;			/* ★全体に対し、標準では非表示にする */
}
ul.topmenu ul li { 
   	list-style-type: none; /* ★リストの先頭記号を消す */
}
/* 0710
ul.topmenu li ul li:hover > ul {  
*/

.dropInput:checked ~ li ul li:hover > ul {  
   display: block;         /* ★マウスポインタが載っている項目の内部にあるリストを表示する */
   text-align : left;
}

/*
ul.topmenu > li:hover > ul  {
*/

.dropInput:checked ~ li:hover > ul  {
display :block;
}

// .dropInput:checked ~ ul  {
// display :block;
// }

ul.rail_ul { 
//	margin: 0px;			/* ★サブメニュー外側の余白(ゼロ) */
//	padding: 0px;			/* ★サブメニュー内側の余白(ゼロ) */
//	position: absolute;		/* ★絶対配置にする */
//	top: 0;				/* 1pxだけ上方向にずらす(※上に1pxの枠線を引いている場合) */
//	top: -1px;				/* 1pxだけ上方向にずらす(※上に1pxの枠線を引いている場合) */
//	top: 100%;				/* 1pxだけ上方向にずらす(※上に1pxの枠線を引いている場合) */
//	left: 100%;				/* ★基準位置からの距離を親ボックスの幅100％にする */
 //  background-color:transparent; /* バーの背景色(濃い赤色) */
}

/* ------------------------ */
/* ▼サブメニュー項目の装飾 */
/* ------------------------ */
/* ul.topmenu ul.rosen_ul li { */
ul.rail_ul li {
	width: 42px;					/* サブメニュー1項目の横幅(135px) */
//	height:34px;
	border-top: 0px solid black;		/* 項目上側の枠線(ピンク色で1pxの実線) */
	 display: block;	/* ★横並びに配置する */
	// display: inline-block;	/* ★横並びに配置する */
	// list-style-type: none;	/* add ★リストの先頭記号を消す */
	position: relative;		/* add ★サブメニュー表示の基準位置にする */
}

/* -------------------------------------------------------- */
/* ul.topmenu ul.company_ul li { */
ul.co_ul li {
	width: 65px;					/* サブメニュー1項目の横幅(135px) */
	border-top: 0px solid blue;		/* 項目上側の枠線(ピンク色で1pxの実線) */
	 display: block;	/* ★横並びに配置する */
	//display: inline-block;	/* ★横並びに配置する */
	// list-style-type: none;	/* add ★リストの先頭記号を消す */
	position: relative;		/* add ★サブメニュー表示の基準位置にする */
}
/* -------------------------------------------------------- */
/* -------------------------------------------------------- */
/* ul.topmenu ul.aiueo_ul li { */
ul.akstn_ul li {
	width: 75px;					/* サブメニュー1項目の横幅(135px) */
	border-top: 0px solid green;		/* 項目上側の枠線(ピンク色で1pxの実線) */
	 display: block;	/* ★横並びに配置する */
	///display: inline-block;	/* ★横並びに配置する */
	// list-style-type: none;	/* add ★リストの先頭記号を消す */
	position: relative;		/* add ★サブメニュー表示の基準位置にする */
}
/* -------------------------------------------------------- */
/* -------------------------------------------------------- */
/*  ul.moji li { */
ul.moji_ul li { 
	width: 35px;					/* サブメニュー1項目の横幅(135px) */
	border-top: 0px solid red;		/* 項目上側の枠線(ピンク色で1pxの実線) */
	 display: block;	/* ★横並びに配置する */
	//display: inline-block;	/* ★横並びに配置する */
	// list-style-type: none;	/* add ★リストの先頭記号を消す */
	position: relative;		/* add ★サブメニュー表示の基準位置にする */
}
/* -------------------------------------------------------- */
/* -------------------------------------------------------- */
/* ul.topmenu ul.popbox li { */
ul.popbox_ul {
   background-color:transparent; /* バーの背景色(濃い赤色) */
   margin: 0;               /* メニューバー外側の余白(ゼロ) */
   padding:0;
   width: 1016px;         /* ★マウスポインタが載っている項目の内部にあるリストを表示する */
   position: absolute;  /* ★絶対配置にする */
   top: 0;           /* 1pxだけ上方向にずらす(※上に1pxの枠線を引いている場合) */
   left: 100%;          /* ★基準位置からの距離を親ボックスの幅100％にする */
   // list-style-type: none; /* ★リストの先頭記号を消す */
  text-align : left;
}
ul.popbox_ul li { 
	width: 190px;					/* サブメニュー1項目の横幅(135px) */
	border-top: 0px solid yellow;		/* 項目上側の枠線(ピンク色で1pxの実線) */
	// display: block;	/* ★横並びに配置する */
	display: block;	/* ★横並びに配置する */
//	display: inline-block;	/* ★横並びに配置する */
	list-style-type: none;	/* add ★リストの先頭記号を消す */
	position: relative;		/* add ★サブメニュー表示の基準位置にする */
}
/* -------------------------------------------------------- */

/*
ul.topmenu ul li a {
*/
#select_area ul li a {
	text-align: left;		/* 文字列の配置(左寄せ) */
	font-weight: normal;	/* 太字にはしない */
//	width: 20px;			/* メニュー項目の横幅(125px) */
   	line-height: 15px;         /* メニュー項目のリンクの高さ(40px) */
   	height: 15px;         /* メニュー項目のリンクの高さ(40px) */
   	// line-height: 34px;         /* メニュー項目のリンクの高さ(40px) */
   	text-decoration: none;     /* メニュー項目の装飾(下線を消す) */
   	font-weight: bold;         /* 太字にする */
   	display: block;            /* ★項目内全域をリンク可能にする */
    	padding-left: 3px;
    	margin: 1px;               /* メニューバー外側の余白(ゼロ) */
    	background: #b79b5b;/*ボタン色*/
    	color: #433d3c;/*ボタン色と同じに*/
    	box-shadow: 2px 2px #622d18;
    	border: 2px solid #a78b4b;
        border-radius: 2px;
   	text-shadow: -1px -1px rgba(255, 255, 255, 0.44), 1px 1px rgba(0, 0, 0, 0.38);//
}

/*
ul.topmenu ul li a:hover {
*/
#select_area ul li a:hover {
    background: #d9e367;/*ボタン色*/
    color: #433d3c;/*ボタン色と同じに*/
    border: 2px solid #a78b4b;
    box-shadow: 2px 2px 4px #666, 2px 2px 2px #111 inset;
    padding-left: 3px;
    text-decoration: none;
    border-radius: 3px;
    font-weight: bold;
    text-shadow: 1px 1px 1px rgba(255, 255, 255, 0.5);
}


/* -------------------------------------------------------- */
/* ▼サブメニューの内側にあるサブメニュー(孫メニュー)の装飾 */	/* ※サブメニューの中のサブメニューは「下」ではなく「横(右)」に表示します。 */
/* -------------------------------------------------------- */
/*
ul.topmenu ul ul {
*/
ul.topmenu ul {
	margin: 0px;			/* ★サブメニュー外側の余白(ゼロ) */
	padding: 0px;			/* ★サブメニュー内側の余白(ゼロ) */
//	display: none;			/* ★標準では非表示にする */
	position: absolute;		/* ★絶対配置にする */
//	top: 0px;				/* 1pxだけ上方向にずらす(※上に1pxの枠線を引いている場合) */
	top: -1px;				/* 1pxだけ上方向にずらす(※上に1pxの枠線を引いている場合) */
	left: 99%;				/* ★基準位置からの距離を親ボックスの幅100％にする */
	border-left: 0px solid pink;	/* 左側に引く枠線(ピンク色で1pxの実線) */
}

ul.topmenu > li.area_title_li> a {
        height:38px;
}
/* ios bug*/ 

#select_area > ul.topmenu > li.area_title_li > ul {
	left: 0%;				/* ★基準位置からの距離を親ボックスの幅100％にする */
}

#select_area > ul.topmenu > li.area_title_li > ul > li.area_title_li_ios > a {
   height : 26px;
   width : 38px;          /* メニュー項目の横幅(125px) */
   	visibility:hidden;
}
#select_area > ul.topmenu > li.area_title_li > ul > li.area_title_li_ios > a:hover {
   height : 26px;
   width : 38px;          /* メニュー項目の横幅(125px) */
   	visibility:hidden;
}
/* ios bug*/ 
#select_area > ul.topmenu > li.area_title_li > ul > li.area_title_li_ios > ul {
	left: 100%;				/* ★基準位置からの距離を親ボックスの幅100％にする */
}

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

.forpc {
	display: none;	/* ★横並びに配置する */
}