/* CSS Document */

#headerframe2 {
	width: 100%; height: 95px;
	text-decoration: none;
	background-color: #ffffff;
	position: relative; margin: 0; padding: 0;
	background-image : url('../img/headerborder.gif');
	background-repeat : repeat-x;	background-position:bottom;
}

#header2		{
    display: flex;  justify-content: space-between;
	height: 55px; width: 960px; 
	margin-left: auto;	margin-right: auto;
	background-color: #ffffff;
}

#logo {
	position: relative;
	width: 400px;
	margin: 0px 0px 2px 40px ;
}

#logo span.conjp, #logo span.conen {
	display: inline-block;	position: absolute; 
	width: calc(100% - 110px);
	left: 60px;	padding: 6px 0px;
}
#logo span.conjp {
	height: 20px;
	font-size: 18px;	font-weight: 600;	color: #043D93;
	border-bottom: #73aadc 1px solid;
}

#logo span.conen {
	top: 28px;	height: 1em;	color: #636464;
}

div#umenu {
	width: calc(100% - 500px);
}

#umenu li {
	display: inline-block;
	width: 76px; heifht: 1.6px;
	margin: 0 20px 0 16px; padding-left: 4px;
	font-size: 12px; 
	border-bottom: 2px #305496 solid;
}

#umenu li a{
	position: relative;
	text-decoration: none; color: #305496;
	z-index: 2;
}

#umenu li a::before,		 /*青い丸 */ 
#umenu li a::after{			/*白い三角 */ 
    position: absolute;
    top: 0; bottom: 0; left: 0;
    margin: auto;
    content: "";
    vertical-align: middle;
	z-index: -1;
}

#umenu li a::before {        /*青い丸 */ 
    left: -24px; top: 1px;
	width: 20px;  height: 20px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    background: #305496;
	transition:.3s ease-out;
}
#umenu li a::after{       /*白い三角 */ 
    left: -16px; top: 1px;
    box-sizing: border-box;
    width: 6px; height: 6px;
    border: 6px solid transparent;
    border-left: 6px solid #fff;
}

#umenu li a:hover{color: #fff;}
#umenu li a:hover::before {width: 108px;}

#gmenu {
	height: 40px; width: 960px; 
	margin-left: auto;	margin-right: auto;
}

#gmenu ul {
	margin-top: 6px;	
}
#gmenu li {
	display: table-cell;
	position: relative;
	padding: 0px;
	width: 120px;	line-height:26px;
	text-align: center;
	font-size: 14px; font-weight: 500;
	background-color: #fff;
	border-left: 2px #9FC4F0 solid;
	border-top: 1px #305496 solid;
	border-right: 1px #305496 solid;
	border-bottom:1px #305496 solid;
}

#gmenu li::before {
    position: absolute;
    margin: auto;
    content: "";
    left: -1px; top: 27px;
	width: 122px;  height: 6px;
    background: #4DB3D6;
}

#gmenu li::after {
    position: absolute;
    margin: auto;
    content: "";
    left: -2px; top: 27px;
	width: 1px;  height: 6px;
    background: #C2D9F5;
}
#gmenu li a {
	display: block;
	color: #305496;
	text-decoration: none;
  	transition: .4s;
}

#gmenu li a:hover {
	color:#fff;
	font-weight: bold;
	background-color: #305496;
	text-shadow: -6px 0px 15px rgba(200, 200, 255, 0.64),
                  6px 0px 15px rgba(200, 200, 255, 0.64);
}