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


/*　sp_menu.cssファイルのスマートフォン用のメニューボタンを消してます */


.iPhoneUL li dd,
.iPhoneUL, 
.iPhoneUL a,
.iPhoneUL li,
.iPhoneULIndex,
.iPhoneULIndex li,
.iPhoneULIndex a{
  display: none;      /*  メニューボタンを消してます */
}




.iPhoneUL {        /*  無くても変わらない */
  margin: 9px 9px 16px;
  border: solid 1px #a9abae;
  -webkit-border-radius: 8px;
  background-color: #fff;
}

.iPhoneUL li dd {              /*  #menu */
   width:610px;  
   padding:0;  
   margin:0;  
   list-style-type: none;  
 } 


.iPhoneUL li:last-child {        /*  無くても変わらない none; */
  border-bottom: solid 1px #405a73;
}


.iPhoneUL li {              /*  #menu li */

   /*   float:left;    */             /* 横並べ */
   padding: 0 10px;  
   text-align:center;  
 }

.iPhoneULIndex li {　　　　　　　　/*  メニューの上下枠ラインd9d9d9 */
  height: 1px;
  border-bottom: solid 1px #375786;
  overflow: hidden;
  background-color:;
}





.iPhoneUL a,
.iPhoneULIndex a{                 
   font-family: HiraKakuProN-W6;
   font-size: 20px;
   color: white;
   text-align: center;     /*  これを取ると左に寄る */
   vertical-align:middle;
   text-shadow: rgba(0,0,0,.4) 0 1px 0;
 　white-space: nowrap;
　 text-overflow: ellipsis;
   padding: 20px;  /* メニューの縦の太さ */
   text-decoration: none;    /* この位置でないと矢印画像が出ない */
   display:block;

   border-top: 1px solid #aaccff;
   background: #8aacdf;
   background: -webkit-gradient(linear, left top, left bottom, from(#375786), to(#8aafe4));
   background: -webkit-linear-gradient(top, #375786, #8aafe4);
   background: -moz-linear-gradient(top, #375786, #8aafe4);
   background: -ms-linear-gradient(top, #375786, #8aafe4);
   background: -o-linear-gradient(top, #375786, #8aafe4);

   -webkit-border-radius: 0px;
   -moz-border-radius: 0px;
   border-radius: 0px;
   -webkit-box-shadow: rgba(0,0,0,1) 0 1px 0;
   -moz-box-shadow: rgba(0,0,0,1) 0 1px 0;
   box-shadow: rgba(0,0,0,1) 0 1px 0;
}


/* メニューボタンの矢印画像 */
.iPhoneULIndex li>a:after{  
	content:url(../images/arrowR.png);
　　　  padding-right: 5px;
        float: right;
}


.iPhoneUL a,
.iPhoneULIndex a:hover  {
   border-top-color: #405a73;
   background: #405a73;
   color: #ccc;
   }

.iPhoneUL a,
.iPhoneULIndex a:active {
   border-top-color: #203a53;
   background: #203a53;
   }




/*　aqua.cssファイルのスマートフォン用のアクアボタンを消してます */

input[type=button].new-aqua {
      display: none;   /*アクアボタンを消してます*/ 
}   
.new-aqua {   
      display: none; 
}