@charset "utf-8";

/*-----------------------------------------------------------
=== 〔 Megadropdown Style 〕 ====================================
------------------------------------------------------------*/

/* ここにCSSを記述してください。 */

#header #megadropdown {
	clear: both;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	/*height: 0;*/
	background: url(/cmn/img/megadropdown/bg_megadropdown.png) repeat-x 0 0 scroll #ffffff;
	z-index: 1000;
	border-bottom: 1px solid #cccccc;
	/*visibility: hidden;*/
}

#header #megadropdown #gnmd-wrap {
	position: relative;
	overflow: hidden;
}
#header #megadropdown #gnmd-wrap .title {
	padding: 19px 0 16px 0;
	margin: 0 0 15px 0;
}
#header #megadropdown #gnmd-wrap .content {
	width: 100%;
}

/* menu / lv-1 */
#header #megadropdown #gnmd-wrap .content ul.menu {
	padding: 1px 0 0;
	background: url(/cmn/img/megadropdown/line_dot_x_00.png) no-repeat left top transparent;
}
#header #megadropdown #gnmd-wrap .content ul.menu li {
	padding: 0 0 1px;
	background: url(/cmn/img/megadropdown/line_dot_x_00.png) no-repeat left bottom #ffffff;
}
#header #megadropdown #gnmd-wrap .content ul.menu li a {
	display:block;
	width:206px;
	padding:11px 3px 11px 20px;
	background:url(/cmn/img/arrow_01.png) no-repeat 9px 16px #ffffff;
	line-height:1.21em;
}
* html #header #megadropdown #gnmd-wrap .content ul.menu li a { padding: 10px 3px 9px 20px; line-height:1.4em; vertical-align:bottom; }
*+html #header #megadropdown #gnmd-wrap .content ul.menu li a { padding: 10px 3px 9px 20px; line-height:1.4em; }
html>/**/body #header #megadropdown #gnmd-wrap .content ul.menu li a { padding-bottom /***/:8px\9; line-height /***/:1.4em\9; }

/* menu / lv-2 */
#header #megadropdown #gnmd-wrap .content ul.menu li ul { padding:5px 0 4px 5px; margin:0; background: url( /cmn/img/megadropdown/line_dot_x_b4.png ) no-repeat top left #ffffff; font-size: 85.7143%; }
#header #megadropdown #gnmd-wrap .content ul.menu li li { padding:0; margin:0; background-image:none; }
* html #header #megadropdown #gnmd-wrap .content ul.menu li li { display:inline; }
*+html #header #megadropdown #gnmd-wrap .content ul.menu li li { display:inline; }
#header #megadropdown #gnmd-wrap .content ul.menu li li a { display:block; margin:0; padding:4px 0 3px 26px; width:197px; background:url(/cmn/img/megadropdown/square_03.png) no-repeat 16px 10px #ffffff; line-height:1.3em; }
* html #header #megadropdown #gnmd-wrap .content ul.menu li li a { padding:4px 0 4px 26px; }
*+html #header #megadropdown #gnmd-wrap .content ul.menu li li a { padding:4px 0 4px 26px; }
html>/**/body #header #megadropdown #gnmd-wrap .content ul.menu li li a { padding /***/: 4px 0 3px 26px\9; }


/* menu / links */
#header #megadropdown #gnmd-wrap .content ul.menu a:link ,
#header #megadropdown #gnmd-wrap .content ul.menu a:active ,
#header #megadropdown #gnmd-wrap .content ul.menu a:visited {
	-moz-transition    : background-color 0.2s ease-in-out 0.001s;
	-webkit-transition : background-color 0.2s ease-in-out 0;
	-o-transition      : background-color 0.2s ease-in-out 0;
	-ms-transition     : background-color 0.2s ease-in-out 0;
	transition         : background-color 0.2s ease-in-out 0;
}
#header #megadropdown #gnmd-wrap .content ul.menu a:hover {
	-moz-transition    : background-color 0s linear 0.001s;
	-webkit-transition : background-color 0s linear 0;
	-o-transition      : background-color 0s linear 0;
	-ms-transition     : background-color 0s linear 0;
	transition         : background-color 0s linear 0;
}

#header #megadropdown #gnmd-wrap .content ul.menu a:link ,
#header #megadropdown #gnmd-wrap .content ul.menu a:visited { text-decoration:none; color:#333333; background-color:transparent; }
#header #megadropdown #gnmd-wrap .content ul.menu a:hover { background-color:#efefef; }

#header #megadropdown #gnmd-wrap .content ul.menu a span img { vertical-align: middle; }


/* block */
#header #megadropdown #gnmd-wrap .gnmd-products,
#header #megadropdown #gnmd-wrap .gnmd-creative,
#header #megadropdown #gnmd-wrap .gnmd-csr,
#header #megadropdown #gnmd-wrap .gnmd-com,
#header #megadropdown #gnmd-wrap .gnmd-ir,
#header #megadropdown #gnmd-wrap .gnmd-support {
	display: none;
	width: 830px;
	margin: 0 auto;
}

#header #megadropdown #gnmd-wrap .block-1,
#header #megadropdown #gnmd-wrap .block-2,
#header #megadropdown #gnmd-wrap .block-3 {
	float: left;
	overflow: hidden;
}

/* banner */
#header #megadropdown #gnmd-wrap .content .bnr {
	margin: 0 0 5px;
}
#header #megadropdown #gnmd-wrap .content .bnr_s {
	margin: 0 0 15px;
}
#header #megadropdown #gnmd-wrap .content .last_bnr_s {
	margin: 0;
}

#header #megadropdown #gnmd-wrap .content .bnr_b {
	margin: 0 0 14px;
	text-align: right;
	font-size: 87.5%;
}
#header #megadropdown #gnmd-wrap .content .bnr_b a {
	line-height: 1.2em;
}
#header #megadropdown #gnmd-wrap .content .last_bnr_b {
	margin: 0;
}


/* products */
#header #megadropdown #gnmd-wrap .gnmd-products {
	display: block;
	height: 360px;
}
#header #megadropdown #gnmd-wrap .gnmd-products .block-1 {
	width: 230px;
	padding: 0 26px 0 0;
	margin: 0 24px 0 0;
	background: url( /cmn/img/megadropdown/line_dot_y.png ) no-repeat right top transparent;
}
#header #megadropdown #gnmd-wrap .gnmd-products .block-2 {
	width: 300px;
	padding: 0 40px 0 0;
}
#header #megadropdown #gnmd-wrap .gnmd-products .block-3 {
	width: 210px;
}

/* creative */
#header #megadropdown #gnmd-wrap .gnmd-creative {
	display: block;
	height: 360px;
}
#header #megadropdown #gnmd-wrap .gnmd-creative .block-1 {
	width: 230px;
	padding: 0 21px 0 0;
}
#header #megadropdown #gnmd-wrap .gnmd-creative .block-2 {
	width: 230px;
	height: 240px;
	padding: 0 25px 0 0;
	margin: 0 24px 0 0;
	background: url( /cmn/img/megadropdown/line_dot_y.png ) no-repeat right top transparent;
}
#header #megadropdown #gnmd-wrap .gnmd-creative .block-2 .bnr {
	margin: 20px 0 0;
}
#header #megadropdown #gnmd-wrap .gnmd-creative .block-3 {
	width: 300px;
}
#header #megadropdown #gnmd-wrap .gnmd-creative .block-3 .bnr {
	margin-bottom: 20px;
}
#header #megadropdown #gnmd-wrap .gnmd-creative .block-3 .last_bnr {
	margin-bottom: 0;
}


/* csr */
#header #megadropdown #gnmd-wrap .gnmd-csr {
	display: block;
	height: 360px;
}
#header #megadropdown #gnmd-wrap .gnmd-csr .block-1 {
	width: 230px;
	margin: 0 21px 0 0;
}
#header #megadropdown #gnmd-wrap .gnmd-csr .block-2 {
	width: 230px;
	padding: 0 25px 0 0;
	margin: 0 24px 0 0;
	background: url( /cmn/img/megadropdown/line_dot_y.png ) no-repeat right top transparent;
}
#header #megadropdown #gnmd-wrap .gnmd-csr .block-2 ul.menu {
	margin: 0 0 19px 0;
}
#header #megadropdown #gnmd-wrap .gnmd-csr .block-3 {
	width: 300px;
}
#header #megadropdown #gnmd-wrap .gnmd-csr .block-3 .bnr {
	margin-bottom: 20px;
}
#header #megadropdown #gnmd-wrap .gnmd-csr .block-3 .last_bnr {
	margin-bottom: 0;
}

/* com */
#header #megadropdown #gnmd-wrap .gnmd-com {
	display: block;
	height: 360px;
}
#header #megadropdown #gnmd-wrap .gnmd-com .block-1 {
	width: 230px;
	margin: 0 21px 0 0;
}
#header #megadropdown #gnmd-wrap .gnmd-com .block-1 ul.menu ul {
	padding: 4px 0 4px 5px;
}
*+html #header #megadropdown #gnmd-wrap .gnmd-com .block-1 ul.menu ul { padding: 4px 0 3px 5px; }
html>/**/body #header #megadropdown #gnmd-wrap .gnmd-com .block-1 ul.menu ul { padding /***/: 4px 0 3px 5px\9; }
html>/**/body #header #megadropdown #gnmd-wrap .gnmd-com .block-1 ul.menu ul li a { padding /***/: 3px 0 3px 26px\9; }

#header #megadropdown #gnmd-wrap .gnmd-com .block-2 {
	width: 230px;
	height: 241px;
	padding: 0 25px 0 0;
	margin: 0 24px 0 0;
	background: url( /cmn/img/megadropdown/line_dot_y.png ) no-repeat right top transparent;
}
#header #megadropdown #gnmd-wrap .gnmd-com .block-3 {
	width: 300px;
}
#header #megadropdown #gnmd-wrap .gnmd-com .block-3 .bnr {
	margin-bottom: 20px;
}
#header #megadropdown #gnmd-wrap .gnmd-com .block-3 .last_bnr {
	margin-bottom: 0;
}


/* ir */
#header #megadropdown #gnmd-wrap .gnmd-ir {
	display: block;
	height: 360px;
}
#header #megadropdown #gnmd-wrap .gnmd-ir .block-1 {
	width: 241px;
	margin: 0 40px 0 0;
}
#header #megadropdown #gnmd-wrap .gnmd-ir .block-1 ul.menu li a {
	width: 218px;
}
#header #megadropdown #gnmd-wrap .gnmd-ir .block-2 {
	width: 251px;
	margin: 0 40px 0 0;
}
#header #megadropdown #gnmd-wrap .gnmd-ir .block-2 ul.menu li a {
	width: 227px;
}
#header #megadropdown #gnmd-wrap .gnmd-ir .block-3 {
	width: 250px;
}
#header #megadropdown #gnmd-wrap .gnmd-ir .block-3 ul.menu li a {
	width: 228px;
}


/* support */
#header #megadropdown #gnmd-wrap .gnmd-support {
	display: block;
	height: 360px;
}
	#header #megadropdown #gnmd-wrap .gnmd-support .content:after {
		clear: both;
		content: ".";
		display: block;
		height: 0;
		visibility: hidden;
		width: 0;
	}
	* html #header #megadropdown #gnmd-wrap .gnmd-support .content {
		height: 1%;
	}
	#header #megadropdown #gnmd-wrap .gnmd-support .content {
		min-height: 1%;
	}
#header #megadropdown #gnmd-wrap .gnmd-support .block-1 {
	width: 550px;
	/*height: 241px;*/
	padding: 0 25px 0 0;
	margin: 0 23px 0 0;
	background: url( /cmn/img/megadropdown/line_dot_y.png ) no-repeat right top transparent;
}
#header #megadropdown #gnmd-wrap .gnmd-support .block-1 p.title {
	margin: 0 0 9px 0;
	padding:0;
	font-size: 114.286%;
	font-weight: bold;
}
*+html #header #megadropdown #gnmd-wrap .gnmd-support .block-1 p.title { margin-bottom: 15px; }
* html #header #megadropdown #gnmd-wrap .gnmd-support .block-1 p.title { margin-bottom: 15px; }
#header #megadropdown #gnmd-wrap .gnmd-support .block-1 .support_menu {
	overflow: hidden;
	width: 558px;
	margin-right: -8px;
}
	#header #megadropdown #gnmd-wrap .gnmd-support .block-1 .support_menu:after {
		clear: both;
		content: ".";
		display: block;
		height: 0;
		visibility: hidden;
		width: 0;
	}
	* html #header #megadropdown #gnmd-wrap .gnmd-support .block-1 .support_menu {
		height: 1%;
	}
	#header #megadropdown #gnmd-wrap .gnmd-support .block-1 .support_menu {
		min-height: 1%;
	}
#header #megadropdown #gnmd-wrap .gnmd-support .block-1 .support_menu .btn_support {
	float: left;
	margin: 8px 8px 0 0;
}
#header #megadropdown #gnmd-wrap .gnmd-support .block-1 .support_menu .btn_last {
}
#header #megadropdown #gnmd-wrap .gnmd-support .block-2 {
	width: 232px;
}
#header #megadropdown #gnmd-wrap .gnmd-support .block-2 ul.menu li a {
	width: 209px;
}
#header #megadropdown #gnmd-wrap .gnmd-support .block-2 ul.menu ul li a {
	width: 201px;
}
#header #megadropdown #gnmd-wrap .gnmd-support .block-3 {
	margin-top: 20px;
	padding-top: 15px;
	border-top: solid 1px #eeeeee;
}
#header #megadropdown #gnmd-wrap .gnmd-support .text {
	line-height: 1.4;
	margin-bottom: 0px;
}
#header #megadropdown #gnmd-wrap .gnmd-support .caption {
	padding-left: 1em;
	text-indent: -1em;
	line-height: 1.4;
	color: #8c8c8c;
}



/* close */
#header #megadropdown #gnmd-close {
	width: 100%;
	height: 40px;
}
#header #megadropdown #gnmd-close a {
	display: block;
	width: auto;
	height: 24px;
	padding: 8px;
	background: url( /cmn/img/megadropdown/bg_close.gif ) repeat-x 0 0 scroll #ffffff;
	text-align: center;
}
#header #megadropdown #gnmd-close a:hover,
#header #megadropdown #gnmd-close a:active {
	background-position: 0 -40px;
}

/*EOF*/