#HEADERINFO {
	display:none;
	position: absolute;
	top: -60px;
	width: 100%;
	z-index: 69;
}

#HEADER {
	width: 100%;
	clear: both;
	height: 75px;
	/* Chrome系 */
	background: -webkit-gradient(linear, left top, left bottom, from(#142164), to(#0F1747));
	/* Mozilla系 */
	background: -moz-linear-gradient(top, #142164, #0F1747);
	/* IE10+ */
	background: -ms-linear-gradient(top, #142164, #0F1747);
	/* IE8-9 */
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#142164', endColorstr='#0F1747', GradientType=0)";
	position: fixed;
	max-width: 800px;
	z-index: 200;
}





#HEADER #rogo a {
	height: 105px;
	width: 105px;
	position: absolute;
	z-index: 20000;
	font-size: 10px;
	color: #363F69;
	display: block;
	top: 1px;
}

#HEADER #rogo img {
	height: 105px;
	width: 105px;
}


#HEADER #rogoname {
	height: 75px;
	width: 450px;
	font-size: 10px;
	color: #1E2854;
	left: 0px;
	background-repeat: no-repeat;
	background-position: 135px;
	line-height: 100%;
}
#HEADER #rogoname img {
	width: 280px;
	margin-top: 27px;
	margin-left: 140px;
}

#HEADER #rogoname a {
	color: #132060;
	text-decoration: none;
}
#HEADER #subnavi {
}

#HEADER #SPMENU {
	float: right;
	padding-top: 17px;
	right: 3%;
	position: absolute;
	padding-right: 0px;
	text-align: right;
	width: 25%;
	top: 0px;
}
#HEADER #SPMENU a {
	display: block;
}
#HEADER #SPMENU img{
	width: auto;
	height: 40px;
}

#fixarea {
	width: 100%;
	height: 75px;
}
#headerbottom {
	position: absolute;
	z-index: 9998;
	height: 8px;
	width: 100%;
	top: 135px;
}

#submenu {
	height: 60px;
	width: 100%;
	max-width: 800px;
	top: 75px;
	background-color: #1B2D85;
	background: -webkit-gradient(linear, left top, left bottom, from(#2C3D93), to(#1D2B6B));
	/* Mozilla系 */
	background: -moz-linear-gradient(top, #2C3D93, #1D2B6B);
	/* IE10+ */
	background: -ms-linear-gradient(top, #2C3D93, #1D2B6B);
	/* IE8-9 */
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#2C3D93', endColorstr='#1D2B6B', GradientType=0)";
	color: #000;
	clear: both;
}
#HEADER #submenu ul {
	width: 80%;
	float: right;
	left: 50px;
}
#HEADER #submenu ul li {
	float: left;
	width: 33%;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	
}
#HEADER #submenu ul li a {
	display: inline-block;
	position: relative;
	color: #FFF;
	text-decoration: none;
	border: 1px solid #657AE0;
	margin-top: 8px;
	width: 96%;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	margin-right: 4%;
	height: 44px;
	vertical-align: middle;
	text-align: center;	
}
#HEADER #submenu ul li a::before {
  content: "";
  display: inline-block;
  border: 6px solid transparent;
  border-left-color: #657AE0;
  position: absolute;
  left: 10%;
  top: 50%;
  margin-top: -6px;
}	
#HEADER #submenu ul li a span {
	font-size: 14px;
	display: table-cell;
	vertical-align: middle;
	width: 270px;
	height: 42px;
	text-indent: 15px;
}
#HEADER #submenu ul li a span b {
	font-weight: normal;
}
@media screen and (max-width: 480px) {
#HEADER #submenu {
	height: 60px;
	top: 60px;
}
#HEADER #submenu ul {
	width: 76%;
	float: right;
	left: 50px;
}
#HEADER #submenu ul li a::before {
  display: none;
}	
#HEADER #submenu ul li.reserve {
	width: 33%;
}
#HEADER #submenu ul li.mypage {
	width: 33%;
}
#HEADER #submenu ul li.logout {
	width: 33%;
}
#HEADER #submenu ul li a span {
	display: table-cell;
	vertical-align: middle;
	height: 42px;
	text-indent: 0px;
}
#HEADER #submenu ul li a span b {
	display:none;
}

} @media screen and (min-width: 481px) and (max-width: 600px) {
#HEADER #submenu ul {
	width: 76.5%;
}
#HEADER #submenu ul li.reserve {
	width: 43%;
}
#HEADER #submenu ul li.mypage {
	width: 28%;
}
#HEADER #submenu ul li.logout {
	width: 29%;
}

}










#HEADER #submenu ul li a:hover {
	border: 1px solid #FFFFFF;
	/* Chrome系 */
	background: -webkit-gradient(linear, left top, left bottom, from(#FFF), to(#EEE));
	/* Mozilla系 */
	background: -moz-linear-gradient(top, #FFF, #EEE);
	/* IE10+ */
	background: -ms-linear-gradient(top, #FFF, #EEE);
	/* IE8-9 */
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFF', endColorstr='#EEE', GradientType=0)";
	color: #000;
}




@media screen and (max-width: 480px) {
#HEADER {
	width: 100%;
	clear: both;
	background-color: #666;
	height: 60px;
	/* Chrome系 */
}
#HEADER #rogo a {
	height: 80px;
	width: 80px;
	position: absolute;
	z-index: 20000;
	font-size: 10px;
	color: #363F69;
	left: 0px;
}
#HEADER #rogo img {
	height: 80px;
	width: 80px;
}

#HEADER #rogoname {
	height: 60px;
	width: 215px;
	font-size: 10px;
	color: #1E2854;
	left: 0px;
	background-repeat: no-repeat;
	background-position: 100px 18px;
	line-height: 100%;	
	
}
#HEADER #rogoname img {
	width: 100px;
	margin-top: 17px;
	margin-left: 100px;
}

#HEADER #subnavi {
}

#HEADER #SPMENU {
	float: right;
	padding-top: 13px;
	right: 0.5%;
	position: absolute;
	padding-right: 0px;
	text-align: left;
	width: 100px;
}
#HEADER #SPMENU a {
}
#HEADER #SPMENU img{
	width: auto;
	height: 35px;
}
#fixarea {
	width: 100%;
	height: 60px;
}


#headerbottom {
	position: absolute;
	z-index: 9998;
	height: 7px;
	width: 100%;
	top: 120px;
}






}
@media screen and (min-width: 481px) and (max-width: 600px) {
#HEADER #rogoname {
	height: 75px;
	width: 350px;
	background-position: 135px 21x;
}
#HEADER #rogoname img {
	width: 180px;
	margin-top: 30px;
	margin-left: 130px;
}


}

#menudesign {
	background-color: #0E1647;
}
#menudesign h2 {
	font-size: 16px;
	color: #FFF;
	margin: 0px;
	text-align: center;
	padding-top: 2px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 0px;
}
#menudesign h2 img {
	max-width: 300px;
width: 85%;

}

#menudesign ul {
}
#menudesign ul li {
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
#menudesign ul li a {
	background-color: #17246C;
	padding-top: 20px;
	padding-bottom: 20px;
	font-size: 16px;
	display: block;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	color: #FFF;
	margin-bottom: 2px;
	text-indent: 15px;
}



#SIDECONTACT {
	color: #E6E6E6;
	font-size: 16px;
	padding-top: 20px;
	padding-bottom: 25px;
}
@media screen and (max-width: 480px) {
#SIDECONTACT {
	font-size: 14px;
}}

#SIDECONTACT ul {
	padding: 0px;
}
#SIDECONTACT li {
	padding-top: 10px;
	text-align: center;
}
@media screen and (max-width: 480px) {
#SIDECONTACT li {
	padding-top: 0px;
}
}

#SIDECONTACT li.title {
}
#SIDECONTACT li.title span {
	font-size: 14px;
	font-weight: bold;
	text-decoration: none;
	display: inline-block;
	padding-top: 7px;
	padding-bottom: 7px;
	text-align: center;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #2336A0;
	width: 100%;
	text-indent: 0;
	margin: 0px;
	padding-right: 0px;
	padding-left: 0px;
}
#SIDECONTACT li.name {
	padding-top: 10px;
	font-weight: bold;
}
@media screen and (max-width: 480px) {
#SIDECONTACT li.name {
	padding-top: 14px;
}
}
#SIDECONTACT li.adress {
	padding-top: 10px;
}
@media screen and (max-width: 480px) {
#SIDECONTACT li.adress {
	padding-top: 6px;
}
}
#SIDECONTACT li.tel a {
	background-color: #0E1647;
	display: inline-block;
	text-indent: 0px;
	padding: 0px;
	margin-top: 0px;
}
#SIDECONTACT li.email {
	padding-top: 5px;
}

#SIDECONTACT li.email a {
	background-color: #0E1647;
	display: inline-block;
	text-indent: 0px;
	padding: 0px;
	margin-top: 0px;
}