@charset "UTF-8";

#megaDrop {font-size:85%;}

.centering {
	position: absolute;
	top: 0;
	left: 50%;
	z-index: 210;
}
#megaDrop {
	width: 960px;
	height: auto;
	position: absolute;
	top: 120px;
	left: -480px;
	margin: 10px auto;
	display:none;
}
#megaDrop a.button {
	display: block;
	position: absolute;
	text-indent: -1000em;
	overflow: hidden;
}
#megaDrop a.button.close {
	background: url(/common/images/2012btn_dropdown_close.png) 0 0 no-repeat;
	width: 35px;
	height: 35px;
	top: -4px;
	right: -12px;
	z-index: 100;
	cursor: pointer;
}
#megaDrop a.button.close:hover {
	background: url(/common/images/2012btn_dropdown_close.png) 0 -36px no-repeat;
}
#megaDrop .inner {
	width: 960px;
	height: auto;
	position: relative;
	top: 8px;
	display: none;
}
#megaDrop.gnavList01 .inner.n01,
#megaDrop.gnavList02 .inner.n02,
#megaDrop.gnavList03 .inner.n03,
#megaDrop.gnavList05 .inner.n05,
#megaDrop.gnavList06 .inner.n06 {
	display: block;
	width: 960px;
}
#megaDrop.gnavList01 .arrow {
	display: block;
	position: relative;
	left: 45px;
	top: -9px;
}
#megaDrop.gnavList02 .arrow {
	display: block;
	position: relative;
	top: -9px;
	left: 142px;
}
#megaDrop.gnavList03 .arrow {
	display: block;
	position: relative;
	top: -9px;
	left: 247px;
}
#megaDrop.gnavList05 .arrow {
	display: block;
	position: relative;
	top: -9px;
	left: 541px;
}
#megaDrop.gnavList06 .arrow {
	display: block;
	position: relative;
	top: -9px;
	left: 676px;
}
#megaDrop .detail {
	margin-top: -10px;
	_margin-top: -1.1em;
	padding: 10px 9px 10px 10px;
	background: #FFF;
}
*:first-child+html #megaDrop .detail {
	margin-top: -14px;
}
#megaDrop .detail .type230 {
	float:left;
	width: 230px;
}
#megaDrop .detail .type466 {
	float:left;
	width: 466px;
}
#megaDrop .detail .type702 {
	float:left;
	width: 702px;
	box-shadow: #888 0 3px 3px -2px;
	-webkit-box-shadow: #888 0 3px 3px -2px;
	-moz-box-shadow: #888 0 3px 3px -2px;
	position: relative;
}
/* Megadrop Detail Menu */
#megaDrop .detail .type466 .menuList li.huge {
	min-height: 187px;
	height: auto !important;
	height: 187px;
	float: none;
	background: none;
	background: #F0F0F0;
	box-shadow: #888 0 3px 3px -2px;
	-webkit-box-shadow: #888 0 3px 3px -2px;
	-moz-box-shadow: #888 0 3px 3px -2px;
	margin-bottom :8px;
	position:relative;
}
#megaDrop .detail .type466 .menuList li.huge:hover {
	background: #E6E6E6;
}
*:first-child+html #megaDrop .detail .type466 .menuList li.huge {
	behavior: none;
}

#megaDrop .detail .type466 .menuList li.huge dl {
	position:absolute;
	top: 50px;
	left: 235px;
	width :210px;
	padding: 0;
}
#megaDrop .detail .type466 .menuList li.huge dl dt {
	font-weight:bold;
	font-size:115%;
	line-height:2.0;
}

#megaDrop .detail .type466 .menuList li.huge img {
	position: absolute;
	left: 20px;
	bottom: 20px;
}
#megaDrop .detail dl.megadropList,
#megaDrop .detail ul.megadropList {
	background: #F0F0F0;
	box-shadow: #888 0 3px 3px -2px;
	-webkit-box-shadow: #888 0 3px 3px -2px;
	-moz-box-shadow: #888 0 3px 3px -2px;
	position: relative;
}
#megaDrop .detail dl.megadropList dt,
#megaDrop .detail ul.megadropList li {
	border-top: 1px solid #FFF;
	border-bottom: 1px solid #CCC;
	background: #F0F0F0;
	font-weight: bold;
	font-size: 115%;
	padding: 13px 0 2px 15px;
	min-height: 31px;
	height: auto !important;
	height: 31px;
}
#megaDrop .detail ul.megadropList li.large {
	height: 273px !important;
	position: relative;
}
#megaDrop .detail ul.megadropList li.large img {
	position: absolute;
	top: 80px;
	left: 10px;
}
#megaDrop .detail dl.megadropList dd {
	border-top: 1px solid #FFF;
	border-bottom: 1px solid #CCC;
	background: #F0F0F0 url(/common/images/2012icon_megadrop.gif) 15px center no-repeat;
	padding: 13px 0 8px 27px;
	min-height: 25px;
	height: auto !important;
	height: 25px;
}
#megaDrop .detail dl.megadropList dt:hover,
#megaDrop .detail ul.megadropList li:hover {
	background: #E6E6E6;
}
#megaDrop .detail dl.megadropList dd:hover {
	background: #E6E6E6 url(/common/images/2012icon_megadrop_on.gif) 15px center no-repeat;
}
/* Products list */
#megaDrop .productList {
	postion: relative;
}

#megaDrop .productList li {
	width: 234px;
	margin-right: 1px;
	min-height: 9.5em;
	height: auto !important;
	height: 9.5em;
	float: left;
	background: #E6E6E6;
	box-shadow: #888 0 3px 3px -2px;
	-webkit-box-shadow: #888 0 3px 3px -2px;
	-moz-box-shadow: #888 0 3px 3px -2px;
	z-index: 1;
	position: relative;
}
#megaDrop .productList li:hover {
	filter: alpha(opacity=90);
	-moz-opacity:0.90;
	opacity:0.90;
	outline: 1px solid #CCC;
}
#megaDrop .productList li img {
	position: relative;
	z-index: 2;
}
#megaDrop .productList dl{
	margin-top: -47px;
	height: 4.0em;
	background: url(/products/images/2012bg_explain.png) left top no-repeat;
	_background: #E6E6E6 url(/products/images/2012bg_explain.png) left top no-repeat;
	padding: 13px 10px 10px;
	position: relative;
	z-index: 3;
	zoom: 1;
}
#megaDrop .productList dl dt{
	font-size: 115%;
	font-weight: bold;
	line-height: 1.0;
	margin-bottom: 5px;
}
#megaDrop .productList dl dt a{
	line-height: 1.0;
}
#megaDrop .productList dl dd{
	color: #555;
	line-height :1.0;
}
#megaDrop .productList dl dd a{
	color: #555;
	line-height: 1.0;
}

/*Megadrop CSR Banner*/
/* Csr Area */
#megaDrop .csrRightbox {
	background: #E4E4E4;
}
#megaDrop .csrArea {
	background: #fff;
	margin: 5px 15px 10px;
	padding: 13px;
}
#megaDrop .csrArea li {
	float: left;
}
#megaDrop .csrArea li a {
	display:block;
	background:#000;
	margin-bottom: 4px;
}
#megaDrop .csrArea li a:hover img {
	filter: alpha(opacity=90);
	-moz-opacity:0.90;
	opacity:0.90;
	position: relative;
}
#megaDrop .csrArea li img {
	box-shadow: #aaa 2px 2px 3px -1px;
	-webkit-box-shadow: #aaa 2px 2px 3px -1px;
	-moz-box-shadow: #aaa 2px 2px 3px -1px;
	position: relative;
	border-bottom: 3px inset #CCC\9; /*IE6,7,8*/
	margin-bottom: -3px\9; /*IE6,7,8*/
}
#megaDrop .csrArea li img:not(:target) {
	border-bottom: none\9; /*IE9*/
	margin-bottom: 0\9; /*IE9*/
}
#megaDrop .csrArea dl dt {
	font-size: 115%;
	font-weight: bold;
	position: relative;
}
#megaDrop .csrArea dl dd {
	padding-right: 10px;
}
#megaDrop h2.csrTitle {
	font-size: 200%;
	padding: 12px 0 0 15px;
	display: table;
}
#megaDrop h2.csrTitle span.title,
#megaDrop h2.csrTitle span.lead {
	display: table-cell;
	white-space: nowrap;
}
#megaDrop h2.csrTitle span.title {
 	padding-right: 15px;
 }
#megaDrop h2.csrTitle span.lead {
	font-size: 60%;
	font-weight: bold;
}


/* Megadrop Bottom Link Button */
#megaDrop .bottom {
	background: #E6E6E6;
	height: 50px;
	overflow: hidden;
}
#megaDrop .bottom .linkBtn {
	float: right;
	min-width: 10em;
	width: auto !important;
	width: 10em;
	height: 50px;
	border-left: 1px solid #CCC;
	background: url(/common/images/2012btn_bg.jpg) left top repeat-x;
}
#megaDrop .bottom .linkBtn:hover {
	background: url(/common/images/2012btn_bg_on.jpg) left top repeat-x;
}
#megaDrop .bottom .linkBtn a {
	font-weight: bold;
	border-top: 1px solid #EBEBEB;
	border-left: 1px solid #FFF;
	display: block;
	height: 33px;
	padding: 15px 20px 0 15px;
	position: relative;
	min-width: 8em;
	width: auto !important;
	width: 8em;
	background: url(/common/images/2012icon_link.png) 90% center no-repeat;
}
#megaDrop .bottom .linkBtn a.wide {
	min-width: 13em;
	width: auto !important;
	width: 13em;
}

#overlay {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	background: black;
	z-index: 200;
	display:none;
}

/*20140124 technology add*/

#megaDrop .detail dl.megadropList dd.techMenu{
	display:block;
	background-image:none;
	padding:14px;
	min-height:91px	!important;	
}


#megaDrop .detail dl.megadropList dd.techMenu:hover {
	background-image:none;
}

.techMenuLeft{
	width:135px;
	float:left;
}

.techMenuRight{
	width:170px;
	float:right;
	padding-top:10px;
}

.techMenuRight strong{
	font-size:115%;
	font-weight:bold;	
}

#megaDrop .detail .typeTech {
	float:left;
	width: 349px;
}

#megaDrop .detail .typeTech .menuList li.linkbox {
	min-height: 140px;
	height: auto !important;
	height: 140px;
	width: 349px;
	float: none;
	background: none;
	background: #F0F0F0;
	box-shadow: #888 0 3px 3px -2px;
	-webkit-box-shadow: #888 0 3px 3px -2px;
	-moz-box-shadow: #888 0 3px 3px -2px;
	margin-bottom :8px;
	position:relative;
}
#megaDrop .detail .typeTech .menuList li.linkbox:hover {
	background: #E6E6E6;
}
*:first-child+html #megaDrop .detail .typeTech .menuList li.linkbox {
	behavior: none;
}

#megaDrop .detail .typeTech .menuList li.linkbox dl {
	position:absolute;
	top: 27px;
	left: 160px;
	width :180px;
	padding: 0;
}
#megaDrop .detail .typeTech .menuList li.linkbox dl dt {
	font-weight:bold;
	font-size:115%;
	line-height:2.0;
}

#megaDrop .detail .typeTech .menuList li.linkbox img {
	position: absolute;
	left: 15px;
	bottom: 15px;
}