BODY {
margin: 0;
padding: 0;
background-color: #fdeff2; /* バーの背景色(濃い赤色) */
//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;
}
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; /* バーの背景色(濃い赤色) */
}
.map_side{
   margin: 0px;               /* メニューバー外側の余白(ゼロ) */
   padding: 0; /* メニューバー内側の余白(左に15px) */
//   position: relative;    /* ★サブメニュー表示の基準位置にする */
   position: absolute;    /* ★サブメニュー表示の基準位置にする */
//   position: static;    /* ★サブメニュー表示の基準位置にする */
   top : 0px;
   left: 301px;
   background-color: #c1e4e9; /* バーの背景色(濃い赤色) */
//   height: 800px ;
//   width : 1800px;
}

.footer_area {
   background-color: #c1e4e9; /* バーの背景色(濃い赤色) */
   position: fixed;
   left:0px;
   bottom: 0px;
   width: 374px;
   height: 100px;
   z-index:9999;
   text-align: left;
//   text-align: center;
display:none;
}


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




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

   opacity:1;
}

#tsukaikata_e {
   position: absolute;    /* ★サブメニュー表示の基準位置にする */
   top : 162px;
   left: 0%;
   height:295px;
   width: 295px;               /* サブメニュー1項目の横幅(135px) */
   margin: 0px;         /* ★サブメニュー外側の余白(ゼロ) */
   padding: 0px; /* メニューバー内側の余白(左にpx) */
   opacity:1;
   font-size: 93.7%;
}
#tsukaikata_e ul li{
   color:#433d3c;
   list-style-type: 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 > li{
   display:block;    /* ★サブメニュー表示の基準位置にする */
   top : 0px;
   left: 0px;
   background-color:#e8d3c7;
   border: 5px solid #efab93;
   padding:2px;
//	box-shadow:3px 3px #a25768;
    box-shadow: 3px 3px 3px #666, 2px 2px 2px #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{
//   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 : 500px;
   left: 0%;
//   top : 190;
//   left: 0;
   height:250px;
   width: 336px;               /* サブメニュー1項目の横幅(135px) */
   margin: 0px;         /* ★サブメニュー外側の余白(ゼロ) */
   padding: 0; /* メニューバー内側の余白(左にpx) */
   opacity:1;
}

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

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

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


.rosen_title {   /* 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階層以上ある場合の記述 */
/* ---------------------------------- */
.dropInput:checked ~ li ul.rosen_ul li:hover > ul {  /* zenntai ni eikyou mausu over de hyouji */
   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: 45px;
   list-style-type: none; /* ★リストの先頭記号を消す */
   width: 233px;
   height: 25px ;
   text-align : left;
   line-height: 24px;         /* メニュー項目のリンクの高さ(40px) */
   font-weight: bold;         /* 太字にする */
//   font-size: 100%;         /* 太字にする */
   font-size: 93.7%;
   z-index : 1 ;

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

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

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

ul.station_menu {   /* 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 {   /* 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 : 24px;
   left : 0px ;
   list-style-type: none; /* ★リストの先頭記号を消す */
}


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

#share ul{
	width:300px;
	height:50px;
   position: absolute;    /* ★サブメニュー表示の基準位置にする */
   top: 660px;
   left: 12px;
    margin: 2px;
    padding: 2px;
	// height:auto;
}
#share li{
  	position: relative;    /* ★サブメニュー表示の基準位置にする */
//	font-size:14px;
     	font-size: 93.7%;
	float:left;
	text-align:center;
	width:84px;
	height:30px;
	// margin-right:1%;
	margin:3px;
//	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{
	width:320px;
   position: absolute;    /* ★サブメニュー表示の基準位置にする */
   top: 690px;
   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: #e0ffff; /* 背景色(濃い赤色) */
   height: 800px ;
   max-width: 1500px ;               /* サブメニュー1項目の横幅(135px) */
   min-width: 1450px ;               /* サブメニュー1項目の横幅(135px) */
   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;
}

ul.topmenu li {
	width: 45px;			/* メニュー項目の横幅(125px) */
//	display: inline-block;	/* ★横並びに配置する */
	display: block;	/* ★横並びに配置する */
	list-style-type: none;	/* ★リストの先頭記号を消す */
	position: relative;		/* ★サブメニュー表示の基準位置にする */
   z-index:100000;
}
/* -------------------------- */
/* ▼メインメニュー項目の装飾 */
/* -------------------------- */
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; /* ★リストの先頭記号を消す */
}


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






ul.topmenu > li:hover > 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: 65px;					/* サブメニュー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: 85px;					/* サブメニュー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: 100px;					/* サブメニュー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: 55px;					/* サブメニュー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: 250px;					/* サブメニュー1項目の横幅(135px) */
	border-top: 0px solid yellow;		/* 項目上側の枠線(ピンク色で1pxの実線) */
	// 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;	/* 太字にはしない */
   	line-height: 24px;         /* メニュー項目のリンクの高さ(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: 4px solid #a78b4b;
        border-radius: 3px;
   	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: 4px 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: 1px;			/* ★サブメニュー外側の余白(ゼロ) */
	padding: 0px;			/* ★サブメニュー内側の余白(ゼロ) */
//	display: none;			/* ★標準では非表示にする */
	position: absolute;		/* ★絶対配置にする */
//	top: 0px;				/* 1pxだけ上方向にずらす(※上に1pxの枠線を引いている場合) */
	top: -1px;				/* 1pxだけ上方向にずらす(※上に1pxの枠線を引いている場合) */
	left: 100%;				/* ★基準位置からの距離を親ボックスの幅100％にする */
	border-left: 0px solid pink;	/* 左側に引く枠線(ピンク色で1pxの実線) */
}

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

/* ios bug*/
#select_area > ul.topmenu > li.area_title_li > ul > li.area_title_li_ios > a {
   height : 46px;
   width : 18px;          /* メニュー項目の横幅(125px) */
        visibility:hidden;
}
#select_area > ul.topmenu > li.area_title_li > ul > li.area_title_li_ios > a:hover {
   height : 46px;
   width : 18px;          /* メニュー項目の横幅(125px) */
        visibility:hidden;
}


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



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

.forsp {
display:none;
}