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


/* ============================================
      base
============================================ */
#megaMenu {
	color: #fff;
	font-size: 100%;
	font-family: Helvetica, Arial, Verdana, Osaka, sans-serif;
	width: 980px;
	position: relative;
	z-index: 90;
	margin: 0 auto;
	padding: 0;
	display: none;
}

#megaMenu h1,
#megaMenu p,
#megaMenu dd,
#megaMenu dt,
#megaMenu dl {
	padding: 0;
	margin: 0;
}

#megaMenu h1 {
	font-size: 20px;
	font-weight: normal;
}

#megaMenu h2 {
	font-size: 14px;
	font-weight: bold;
}

#megaMenu li {
	padding: 0 0 10px 10px;
}

#megaMenu img {
	border: none;
	vertical-align: top
}
	
#megaMenu .line {
	display: table;
	table-layout: fixed;
	width: 100%;
	clear: both;
	margin: 0 0 0 0;
	padding: 10px 0 0;
}

#megaMenu a {
	color: #fff;
	text-decoration: none;
	transition: .3s opacity;
	outline: none;
}

#megaMenu a:hover {
	opacity: .8;
}

#megaMenu .padding0 {
	padding: 0px!important;
}
#megaMenu .margin0 {
	margin: 0px!important;
}
#megaMenu .marginTop25 {
	margin-top: 25px!important;
}
#megaMenu .marginTop30 {
	margin-top: 30px!important;
}


/* ============================================
      windowClose
============================================ */
#megaMenu span.windowClose {
	float: right;
	padding: 0 0 0 0
}
#megaMenu span.windowClose img {
	vertical-align: top
}


/* ============================================
      box
============================================ */
#megaMenu .box.frame {
	background-color: #467bd0;
}

#megaMenu .box {
	display: inline-block;
	padding: 10px;
	margin-right: 10px;
	vertical-align: top;
}

#megaMenu .box p,
#megaMenu .box dt {
	padding-bottom: 8px;
}

#megaMenu .box ul {
	margin: 15px 10px 0;
}

#megaMenu .box dd {
	padding-bottom: 3px;
}

#megaMenu .box p:last-child {
	padding-bottom: 0px;
}

#megaMenu .box:last-child {
	margin-right: 0px;
}


/* ============================================
      .linklist_box
============================================ */
#megaMenu .linklist_box {
	display: table-cell;
	width: 100%;
	border-left: #fff 1px solid;
	padding: 0 0 0 8px;
}

#megaMenu .linklist_box.col_3of4 {
	width: 690px;
}

#megaMenu .linklist_box.col_1of4 {
	width: 230px;
}

#megaMenu .linklist_box h2 {
	margin: 0 0 5px;
}

#megaMenu .linklist_box li {
	width: 210px;
	float: left;
	display: block;
	margin: 5px 15px 5px 0;
	padding-bottom: 0;
}

#megaMenu .linklist_box.col_full li:nth-of-type(4n),
#megaMenu .linklist_box.col_3of4 li:nth-of-type(3n),
#megaMenu .linklist_box.col_1of4 li {
	margin-right: 0;
}

#megaMenu .linklist_box.col_full li:nth-of-type(5n) {
	clear: both;
}

#megaMenu .linklist_02 a:hover {
	text-decoration: underline;
}


/* ============================================
      成長戦略
============================================ */
#megaMenu>div:nth-child(2) .line>.box {
	float:left;
}

#megaMenu>div:nth-child(2) .line>.box.special {
	float:right;
}

/*.message*/
#megaMenu .message {
	padding: 10px;
}

/*.cfo*/
#megaMenu .box.cfo {
	margin: 0;
	padding: 1px 5px 5px 10px;
}

#megaMenu .box.cfo .box:first-of-type {
	margin-right: 5px;
}

#megaMenu .box.cfo p:first-child {
	margin-top: 5px;
}

#megaMenu .box.cfo+.linklist_02 {
	display: block;
}

/*.special*/
#megaMenu .box.special {
	padding: 10px 15px;
}


/* ============================================
      #megaMenu>div
============================================ */
#megaMenu>div {
	font-size: 75%;
	margin: 0px auto;
	padding: 20px;
	background-color: #094ec0;
	width: 940px;
	left: 0;
	-webkit-box-shadow: 0px 14px 26px -2px rgba(0,0,0,0.7);
	-moz-box-shadow: 0px 14px 26px -2px rgba(0,0,0,0.7);
	box-shadow: 0px 14px 26px -2px rgba(0,0,0,0.7);
}

#megaMenu .firstArea {
	padding: 0;
}

#megaMenu>div:after {
	content: "";
	display: block;
	position: absolute;
	top: -20px;
	border-bottom: 20px solid #094ec0;
	border-left: 11px solid #ffffff;
	border-right: 11px solid #ffffff;
}

#megaMenu>div.firstArea:after {
	display: none;
}

#megaMenu>div.secondArea:after {
	left: 130px;
}

#megaMenu>div.thirdArea:after {
	left: 314px;
}

#megaMenu>div.fourthArea:after {
	left: 498px;
}

#megaMenu>div.fifthArea:after {
	left: 684px;
}

#megaMenu>div.sixthArea:after {
	left: 878px;
}



/* ============================================
      .linklist_02
============================================ */
#megaMenu .linklist_02 li:last-of-type {
	padding-bottom: 0;
}

#megaMenu .linklist_02 li a:hover {
	opacity: 1;
}


/* ============================================
      clearfix
============================================ */
#megaMenu .line:after,
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	font-size: 0;/*for FF footer*/
}

#megaMenu .line,
.clearfix {
	display: inline-table;
	min-height: 1%;  /* for IE 7*/
}