@charset "UTF-8";

nav.top_nav ul {
	position: relative;
	z-index: 3 ;
}

.modal-content-00,
.modal-content-01,
.modal-content-02,
.modal-content-03,
.modal-content-04,
.modal-content-05
 {
    width: 100%;
	position:absolute;
	display: none ;
	z-index: 2 ;
	padding-top:15px;
}
.modalbox {
	width: 720px;
	margin: 0 auto;
	padding: 40px ;
	background: rgba(255,255,255, 0.8);
	filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#88FFFFFF,EndColorStr=#88FFFFFF);/*IE8以下用*/
	border: 3px solid rgba(255,255,255, 0);
	filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#00FFFFFF,EndColorStr=#00FFFFFF);/*IE8以下用*/
	position: absolute;
	cursor: default;
}
.modalbox ul.nav_sub {
	width: 100%;
}
.modal-content-00 .modalbox {
	left: 0px;
}
.modal-content-01 .modalbox {
	left: -127px;
}
.modal-content-02 .modalbox {
	left: -310px;
}
.modal-content-03 .modalbox {
	left: -674px;
}
.modal-content-04 .modalbox {
	left: -492px;
}
.modal-content-05 .modalbox {
	left: 56px;
}

.modalbox:before {
	content: "";
	position: absolute;
	top: -8px;
	margin-left: -9px;
	display: block;
	width: 0px;
	height: 0px;
	border-style: solid;
	border-width: 0 9px 9px 9px;
	border-color: transparent transparent rgba(255,255,255, 0) transparent;
	filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#00FFFFFF,EndColorStr=#00FFFFFF);/*IE8以下用*/
	z-index: 0;
}
.modalbox:after {
	content: "";
	position: absolute;
	top: -13px; left: 50%;
	margin-left: -10px;
	display: block;
	width: 0px;
	height: 0px;
	border-style: solid;
	border-width: 0 10px 10px 10px;
	border-color: transparent transparent rgba(255,255,255, 0.8) transparent;
	filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#88FFFFFF,EndColorStr=#88FFFFFF);/*IE8以下用*/
	z-index: -1;
}
.modal-content-00 .modalbox:before,
.modal-content-00 .modalbox:after {
	left: 15%;
}
.modal-content-01 .modalbox:before,
.modal-content-01 .modalbox:after {
	left: 27%;
}
.modal-content-02 .modalbox:before,
.modal-content-02 .modalbox:after {
	left: 50%;
}
.modal-content-03 .modalbox:before,
.modal-content-03 .modalbox:after {
	left: 95%;
}
.modal-content-04 .modalbox:before,
.modal-content-04 .modalbox:after {
	left: 73%;
}
.modal-content-05 .modalbox:before,
.modal-content-05 .modalbox:after {
	left: 5%;
}
#modal-overlay {
	z-index: 1 ;
	display: none ;
	position: absolute ;
	top: 149px;
	left: 0 ;
	width: 100% ;
	height: 100% ;
	background-color: rgba( 0,0,0, 0.35 ) ;
	filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#44000000,EndColorStr=#44000000);/*IE8以下用*/
}
.modalbox ul {
	overflow: hidden;
}
.modalbox ul li {
	width: 42%;
	margin: 0 1% 1% 0;
	float: left;
	padding: 1% 1% 1% 6%;
	background: url(../img/ico-lnk.png) no-repeat 15px center #083090;
	color: #FFF;
	font-size: 115%;
}
.modalbox ul li a {
	color: #FFF;
	display: block;	
}
.modalbox ul a:hover {
	opacity:1; filter:alpha(opacity=100); -ms-filter: "alpha( opacity=100 )";
}
.modalbox ul li:hover {
	background:  url(../img/ico-lnk.png) no-repeat 15px center rgba(12,40,168,0.7);
}
.modalbox ul li.nav_sub_in {
	background: #FFF;
	color: #083090;
	font-weight: bold;
	padding: 1%;
	width: 97%;
	cursor: default;
}
.modalbox ul li.nav_sub_in ul {
	margin-top: 1%;
	width: 100%;
}
.modalbox ul li.nav_sub_in ul li {
	width: 25.3%;
	float: left;
	font-weight:normal;
	font-size: 96.5%;
}