/* css でドロップダウンメニュー */
      ul.dropmenu {
        list-style-type: none;
        margin: 0;
        padding-left: 10px;
        background-color: rgba(23,24,75,1.0); /* グリーン系　#341 */
      }
      ul.dropmenu li {
        display: inline-block;
        position: relative;
        width: 150px;
        padding-left: 5px;
        background-color: rgba(23,24,75,1.0);
        color: #fff;
        line-height: 40px;
      }
      ul.dropmenu li a{
        text-decoration: none;
        color: #fff;
      }
      ul.dropmenu li:hover ul{
        display: block;
      }
      ul.dropmenu ul {
        display: none;
        position: absolute;
        list-style-type: none;
        margin-left: 0px;
        padding: 0px;
      }
      ul.dropmenu ul li {
        border-top: 1px solid #ac6;
        margin-left: -5px;
      }
      ul.dropmenu ul li a{
        text-decoration: none;
        color: #fff;
      }
      ul.dropmenu ul li:hover {
        background-color: rgba(23,24,75,0.6) /* #ac5 */;
      }

/* メニュー表 */
.menutitle {
	align: center;
        width: 760px;
	height: 50px;
	background-color: rgba(0,14,67,1.0);
        color: #fff; 
        font-weight: bold;
	text-align: center;
}
.menutable {
        border-spacing: 20px;
        width: 800px;
        font-size: 100%;
      }
      .menutable td {
        border: 1px solid;
        padding: 0px;
        vertical-align: top;
        width: 25%;
        margin: 10px;
      }
      .menutable ul {
        list-style-type: none; 
        margin-left: -30px;
        margin-top: -5px;
      }
      .menutable ul a {
        text-decoration: none; 
        color: black;
      }
      .menutable td p {
        padding-left: 5px;
        line-height: 30px;
        margin-top: 0;
      }
      .menutable td p a {
        text-decoration: none; 
        color: #fff; 
        font-weight: bold;
      }

      .menuinbox {
        width: 160px; 
        padding: 5px; 
        display: inline-block;
        vertical-align: top;
      }
      .menubox ul {
        list-style-type: none; 
        margin-left: -30px;
        margin-top: 1px;
      }

/* フッターナビゲーションバー */      
ul.footnavi {
        list-style-type: none;
        margin-left: -30px;
        padding-left: 10px;
        position: fixed;
        bottom: 0px;
        width: 850px;
      }
      ul.footnavi li {
        display: inline-block;
        position: relative;

        padding-left: 5px;
        line-height: 20px;
      }
      ul.footnavi li a {
        color: #fff;
        text-decoration: none;
      }



/* Back to top button */
#back-top {
	position: fixed;
	bottom: 30px;
	margin-left: -130px;
}
#back-top a {
	width: 80px;
	display: block;
	text-align: center;
	font: 11px/100% Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	text-decoration: none;
	color: #bbb;
	/* background color transition */
	-webkit-transition: 1s;
	-moz-transition: 1s;
	transition: 1s;
}
#back-top a:hover {
	color: #000;
}
/* arrow icon (span tag) */
#back-top span {
	width: 80px;
	height: 80px;
	display: block;
	margin-bottom: 7px;
        background: #ddd url(images/uparrow.png) no-repeat center center;
	/* rounded corners */
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	border-radius: 15px;
	/* background color transition */
	-webkit-transition: 1s;
	-moz-transition: 1s;
	transition: 1s;
}
#back-top a:hover span {
	background-color: #777;
}