/* =============================
　　base
================================ */
#megaMenu{
	font-family:Arial, Helvetica, sans-serif;
	font-size:75%;
-webkit-text-size-adjust: 100%;
	padding:0;
	position:relative;
	display:none;
	z-index:90;
}

#megaMenu img{ border:none; vertical-align:top}

#megaMenu p {
	margin: 0 0 5px;
	line-height: 1.4;
}

/*.section*/
#megaMenu .section {
	width: 938px;
	background:url(/business/common/img/megamenu/bg_megamenu_001.png) bottom left no-repeat;
	padding: 0 16px 28px;
}

#megaMenu .section.about {
	background-image:url(/business/common/img/megamenu/bg_megamenu_002.png);
}

/*windowClose*/
#megaMenu .section p.windowClose{
	text-align:right;
	background: url(/component/c_common/img/bg_megamenu02.gif) no-repeat 0 0;
	margin:0 2px 5px 0;
	padding:7px 0 0 0}

#megaMenu p.windowClose img{ vertical-align:top}

/*topPageLink*/
#megaMenu .topPageLink {
	text-align: right;
	margin-right: 14px;
}

/*link*/
#megaMenu a/*:link*/ { color:#036; text-decoration:none;}
#megaMenu a:hover { color:#036; text-decoration: underline;}
#megaMenu a:visited { color:#613290; /*text-decoration: none;*/}

/*margin*/
.marginTop25{margin-top:25px!important;}
.marginTop30{margin-top:30px!important;}

/*line*/
#megaMenu .line{ clear:both; margin:0; padding:0;}

#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*/
}

/* Hides from IE-mac \*/
* html #megaMenu .line,
* html .clearfix {
	height: 1%;
}

#megaMenu .line,
.clearfix {
	display: block;
}
/* End hide from IE-mac */


/* =============================
　　p.hxx
================================ */
#megaMenu .h01,
#megaMenu .h02 {
	font-weight: bold;
}

#megaMenu .h01 {
	font-size: 133%;
	display: inline-block;
	margin: 0 25px 5px 0;
}

#megaMenu .h02 {
	font-size: 117%;
	margin-bottom: 10px;
}

#megaMenu .h02 img {
	margin-top: 10px;
}

#megaMenu .h01+p {
	display: inline;
}


/* =============================
　　list
================================ */
#megaMenu ul{
	padding: 0;
}

#megaMenu ul li {
    background: url("/component/c_common/img/bg_list01.gif") no-repeat left 5px;
    list-style: none outside none;
    margin: 5px 0 0;
    padding: 0 0 0 10px;
}

/*linkList*/
#megaMenu ul.linkList {
	list-style: none;
	margin: 0 0 15px;
	padding: 0;
}

#megaMenu ul.linkList li{
	background: none;
	display: inline-block;
	vertical-align: top;
	margin: 0;
	padding: 0;
}

#megaMenu ul.linkList span {
	display: block;
	background: url("/component/c_common/img/bg_local_dl05_top.gif") no-repeat 1px 0.8em;
	padding: 5px 0 0 8px;
}

/*.linkList02*/
#megaMenu ul.linkList02 {
	list-style: none;
	margin: 0 0 15px;
	padding: 0;
}

#megaMenu ul.linkList02 li{
	background: none;
	display: inline-block;
	vertical-align: top;
	margin: 0 0 15px;
	padding: 0;
}
#megaMenu ul.linkList02 li{
	width: 180px;
	font-weight: bold;
	margin-right: 20px;
}

#megaMenu ul.linkList02 li:last-child {
	margin-right: 0;
}

#megaMenu ul.linkList02 li span {
	display: block;
	background: url("/component/c_common/img/bg_footerLink_dt.gif") no-repeat 1px 0.6em;
	padding: 5px 0 0 18px;
}

/* =============================
　　colL
================================ */
#megaMenu .colL {
	width: 594px;
	float: left;
	border-right: #d9d9d9 1px solid;
}

#megaMenu .colL div:first-child {
	width: 300px;
	float: left;
}

/*.linkList*/
#megaMenu .colL ul.linkList li{
	width: 180px;
	font-weight: bold;
	margin-right: 20px;
}

#megaMenu .colL ul.linkList li:last-child {
	margin-right: 0;
}

#megaMenu .colL ul.linkList li span,
#megaMenu p.h02 a {
	background: url("/component/c_common/img/bg_footerLink_dt.gif") no-repeat 1px 0.6em;
	padding: 5px 0 0 18px;
}

#megaMenu p.h02 a {
	background-position: 1px 0.55em;
}

/*.linkList.smallImg*/
#megaMenu ul.linkList.smallImg {
	margin: 0;
}

#megaMenu ul.linkList.smallImg li{
	width: 86px;
	font-weight: normal;
	margin: 0 11px 10px 0;
}

#megaMenu ul.linkList.smallImg li span {
	background: url("/component/c_common/img/bg_local_dl05_top.gif") no-repeat 1px 0.8em;
	padding: 5px 0 0 8px;
}

/*.linkList.smallImg li.multipleLink*/
#megaMenu ul.linkList.smallImg li.multipleLink{
	width: auto;
}

#megaMenu ul.linkList.smallImg li.multipleLink div{
	background-color: #ececec;
	text-align: center;
}

#megaMenu ul.linkList.smallImg li.multipleLink a span {
	width: 78px;
	padding-right: 8px;
	display: inline-block;
	vertical-align: top;
}

#megaMenu ul.linkList.smallImg li.multipleLink a:last-child span {
	padding-right: 0;
}

/* =============================
　　colR
================================ */
#megaMenu .colR {
	width: 330px;
	float: right;
}

/*.linkList*/
#megaMenu .colR ul.linkList {
    margin: 0;
}

#megaMenu .colR ul.linkList li{
	width: 155px;
	margin-right: 20px;
}

#megaMenu .colR ul.linkList li:nth-of-type(2n) {
	margin-right: 0;
}

#megaMenu .colR ul.linkList li p:nth-of-type(2) {
	margin-top: 7px;
}


/* =============================
　　btnArea
================================ */
#megaMenu .btnArea {
	border-top: #d9d9d9 1px solid;
	margin-top: 14px;
}

#megaMenu .btnArea ul {
	margin: 0;
	padding: 0;
}

#megaMenu .btnArea ul li {
	background: none;
	list-style: none;
	display: inline-block;
	margin: 14px 11px 0 0;
	padding: 0;
}


/* =============================
　　about
================================ */
#megaMenu .about{
	position: relative;
	height: 234px;
}

#megaMenu .about .line{
	width: 740px;
}

#megaMenu .about ul.linkList {
	margin-left: 20px;
}

#megaMenu .about ul.linkList li {
	display: block;
}

#megaMenu .about ul.linkList li {
    font-weight: normal;
    margin: 8px 0 0;
    width: auto;
}
#megaMenu .about ul.linkList li a {
	background: url("/component/c_common/img/bg_local_dl05_top.gif") no-repeat 1px 0.3em;
	padding: 0 0 0 8px;
}

#megaMenu .about .topPageLink {
	position: absolute;
	left: 480px;
	bottom: 28px;
}

/* .colL */
#megaMenu .about .colL {
	width: 382px;
	float: left;
	border-right: none;
}

/* .colR */
#megaMenu .about .colR {
	width: 340px;
	float: right;
}

/*topPageLink*/


/* =============================
　　download
================================ */
#megaMenu .download .colL {
    border-right: none;
    width: 330px;
}

#megaMenu .download .colR {
    width: 588px;
	margin-top: 27px;
}

/* =============================
　　if the colL's hieght is shoter than colR's one,
	set the min-heght of colL.
================================ */
/*service*/
#megaMenu .service .colL {
	min-height: 257px;
}


/* =============================
　　windowClose background-position
================================ */
#megaMenu .section.solution p.windowClose {
	background-position: 85px 0;
}
.safari #megaMenu .section.solution p.windowClose {
	background-position: 88px 0;
}

#megaMenu .section.service p.windowClose {
	background-position: 175px 0;
}
.safari #megaMenu .section.service p.windowClose {
	background-position: 185px 0;
}
.msie9 #megaMenu .section.service p.windowClose {
	background-position: 170px 0;
}

#megaMenu .section.products p.windowClose {
	background-position: 245px 0;
}
.safari #megaMenu .section.products p.windowClose {
	background-position: 255px 0;
}
.msie9 #megaMenu .section.products p.windowClose {
	background-position: 240px 0;
}

#megaMenu .section.user_case p.windowClose {
	background-position: 320px 0;
}
.safari #megaMenu .section.user_case p.windowClose {
	background-position: 328px 0;
}
.msie9 #megaMenu .section.user_case p.windowClose {
	background-position: 315px 0;
}

#megaMenu .section.support p.windowClose {
	background-position: 395px 0;
}
.safari #megaMenu .section.support p.windowClose {
	background-position: 400px 0;
}
.msie9 #megaMenu .section.support p.windowClose {
	background-position: 385px 0;
}

#megaMenu .section.download p.windowClose {
	background-position: 475px 0;
}
.safari #megaMenu .section.download p.windowClose {
	background-position: 485px 0;
}
.msie9 #megaMenu .section.download p.windowClose {
	background-position: 465px 0;
}

#megaMenu .section.about p.windowClose {
	background-position: 560px 0;
}
.safari #megaMenu .section.about p.windowClose {
	background-position: 570px 0;
}
.msie9 #megaMenu .section.about p.windowClose {
	background-position: 550px 0;
}