@charset "utf-8";

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

.kokuyo-st-container #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;
}

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

/* menu / lv-1 */
.kokuyo-st-container #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;
}
.kokuyo-st-container #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;
}
.kokuyo-st-container #header #megadropdown #gnmd-wrap .content ul.menu li a {
	display:block;
	width:215px;
	padding:11px 3px 11px 20px;
	background:url(/cmn/img/arrow_02.png) no-repeat 9px 16px #ffffff;
	line-height:1.21em;
}
* html .kokuyo-st-container #header #megadropdown #gnmd-wrap .content ul.menu li a { padding: 10px 3px 9px 20px; line-height:1.4em; vertical-align:bottom; }
*+html .kokuyo-st-container #header #megadropdown #gnmd-wrap .content ul.menu li a { padding: 10px 3px 9px 20px; line-height:1.4em; }

.kokuyo-st-container #header #megadropdown #gnmd-wrap .content ul.menu li a.exterior span img {
	margin-left:5px;
	vertical-align:-1px;
}

/* menu / lv-2 */
.kokuyo-st-container #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%; }
.kokuyo-st-container #header #megadropdown #gnmd-wrap .content ul.menu li li { padding:0; margin:0; background-image:none; }
* html .kokuyo-st-container #header #megadropdown #gnmd-wrap .content ul.menu li li { display:inline; }
*+html .kokuyo-st-container #header #megadropdown #gnmd-wrap .content ul.menu li li { display:inline; }
.kokuyo-st-container #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 .kokuyo-st-container #header #megadropdown #gnmd-wrap .content ul.menu li li a { padding:4px 0 4px 26px; }
*+html .kokuyo-st-container #header #megadropdown #gnmd-wrap .content ul.menu li li a { padding:4px 0 4px 26px; }


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

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

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


/* block */
.kokuyo-st-container #header #megadropdown #gnmd-wrap .gnmd-stationery ,
.kokuyo-st-container #header #megadropdown #gnmd-wrap .gnmd-campaign ,
.kokuyo-st-container #header #megadropdown #gnmd-wrap .gnmd-support ,
.kokuyo-st-container #header #megadropdown #gnmd-wrap .gnmd-solution ,
.kokuyo-st-container #header #megadropdown #gnmd-wrap .gnmd-company {
	display: none;
	width: 830px;
	margin: 0 auto;
}

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

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

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


/* stationery */
.kokuyo-st-container #header #megadropdown #gnmd-wrap .gnmd-stationery {
	display: block;
	height: 390px;
}
.kokuyo-st-container #header #megadropdown #gnmd-wrap .gnmd-stationery .block-1 {
	width:540px;
	padding:0 10px 0 0;
	margin:0 40px 0 0;
	background: url( /cmn/img/megadropdown/line_dot_y.png ) no-repeat right top transparent;
}
.kokuyo-st-container #header #megadropdown #gnmd-wrap .gnmd-stationery .block-1 .menu {
	background-image:none;
}
.kokuyo-st-container #header #megadropdown #gnmd-wrap .gnmd-stationery .block-1 .menu li {
	float:left;
	background-image:none;
	background-color:transparent;
	padding:0 30px 10px 0;
}
.kokuyo-st-container #header #megadropdown #gnmd-wrap .gnmd-stationery .block-1 .menu li.last_bnr {
	padding-bottom:0;
}
.kokuyo-st-container #header #megadropdown #gnmd-wrap .gnmd-stationery .block-1 .menu li a {
	display:block;
	width:240px;
	padding:0;
	background-image:none;
	font-size:85.71428571%; 
}
.kokuyo-st-container #header #megadropdown #gnmd-wrap .gnmd-stationery .block-1 .menu li a:link {
	background-color:transparent;
}
.kokuyo-st-container #header #megadropdown #gnmd-wrap .gnmd-stationery .block-1 .menu li a:visited {
	background-color:transparent;
}
.kokuyo-st-container #header #megadropdown #gnmd-wrap .gnmd-stationery .block-1 .menu li a:hover {
	background-color:transparent;
}
.kokuyo-st-container #header #megadropdown #gnmd-wrap .gnmd-stationery .block-1 .menu li a:hover {
	background-color:transparent;
	color:#f78220;
}
.kokuyo-st-container #header #megadropdown #gnmd-wrap .gnmd-stationery .block-1 .menu li a:link span {
	color:#4080d2;
	text-decoration:underline;
}
.kokuyo-st-container #header #megadropdown #gnmd-wrap .gnmd-stationery .block-1 .menu li a:visited span {
	color:#4080d2;
	text-decoration:underline;
}
.kokuyo-st-container #header #megadropdown #gnmd-wrap .gnmd-stationery .block-1 .menu li a:hover span {
	color:#4080d2;
	text-decoration:underline;
}
.kokuyo-st-container #header #megadropdown #gnmd-wrap .gnmd-stationery .block-1 .menu li a:hover span {
	color:#f78220;
	text-decoration:underline;
}

.kokuyo-st-container #header #megadropdown #gnmd-wrap .gnmd-stationery .block-1 .menu li a img {
	float:left;
	margin-right:10px;
}
.kokuyo-st-container #header #megadropdown #gnmd-wrap .gnmd-stationery .block-1 .menu li a span {
	display:block;
	line-height:1.5em;
	font-size:117%;
}


.kokuyo-st-container #header #megadropdown #gnmd-wrap .gnmd-stationery .block-2 {
	width: 240px;
	padding: 0;
}
.kokuyo-st-container #header #megadropdown #gnmd-wrap .gnmd-stationery .block-2 .bnr {
	margin-bottom: 14px;
}
.kokuyo-st-container #header #megadropdown #gnmd-wrap .gnmd-stationery .block-2 .last_bnr {
	margin-bottom: 0;
}

/* campaign */
.kokuyo-st-container #header #megadropdown #gnmd-wrap .gnmd-campaign {
	display: block;
	height: 390px;
}
.kokuyo-st-container #header #megadropdown #gnmd-wrap .gnmd-campaign .block-1 {
	width: 238px;
	height: 241px;
	padding: 0 42px 0 0;
	margin: 0 40px 0 0;
	background: url( /cmn/img/megadropdown/line_dot_y.png ) no-repeat right top transparent;
}
.kokuyo-st-container #header #megadropdown #gnmd-wrap .gnmd-campaign .block-2 {
	width: 240px;
	padding: 0 30px 0 0;
}
.kokuyo-st-container #header #megadropdown #gnmd-wrap .gnmd-campaign .block-2 .bnr {
	margin-bottom: 14px;
}
.kokuyo-st-container #header #megadropdown #gnmd-wrap .gnmd-campaign .block-2 .last_bnr {
	margin-bottom: 0;
}
.kokuyo-st-container #header #megadropdown #gnmd-wrap .gnmd-campaign .block-3 .bnr {
	margin-bottom: 14px;
}
.kokuyo-st-container #header #megadropdown #gnmd-wrap .gnmd-campaign .block-3 .last_bnr {
	margin-bottom: 0;
}


/* support */
.kokuyo-st-container #header #megadropdown #gnmd-wrap .gnmd-support {
	display: block;
	height: 390px;
}
.kokuyo-st-container #header #megadropdown #gnmd-wrap .gnmd-support .block-1 {
	width: 238px;
	height: 241px;
	padding: 0 42px 0 0;
	margin: 0 40px 0 0;
	background: url( /cmn/img/megadropdown/line_dot_y.png ) no-repeat right top transparent;
}
.kokuyo-st-container #header #megadropdown #gnmd-wrap .gnmd-support .block-2 {
	width: 240px;
	padding: 0 30px 0 0;
}
.kokuyo-st-container #header #megadropdown #gnmd-wrap .gnmd-support .block-2 .bnr {
	margin-bottom: 14px;
}
.kokuyo-st-container #header #megadropdown #gnmd-wrap .gnmd-support .block-2 .nth-child3 {
	margin-bottom:8px;
}
.kokuyo-st-container #header #megadropdown #gnmd-wrap .gnmd-support .block-2 .last_bnr {
	margin-bottom: 0;
}
.kokuyo-st-container #header #megadropdown #gnmd-wrap .gnmd-support .block-3 {
	width: 240px;
}

/* solution */
.kokuyo-st-container #header #megadropdown #gnmd-wrap .gnmd-solution {
	display: block;
	height: 390px;
}
.kokuyo-st-container #header #megadropdown #gnmd-wrap .gnmd-solution .block-1 {
	width: 238px;
	height: 241px;
	padding: 0 42px 0 0;
	margin: 0 40px 0 0;
	background: url( /cmn/img/megadropdown/line_dot_y.png ) no-repeat right top transparent;
}
.kokuyo-st-container #header #megadropdown #gnmd-wrap .gnmd-solution .block-2 {
	width: 240px;
	padding: 0 30px 0 0;
}
.kokuyo-st-container #header #megadropdown #gnmd-wrap .gnmd-solution .block-2 .bnr {
	margin-bottom: 14px;
}
.kokuyo-st-container #header #megadropdown #gnmd-wrap .gnmd-solution .block-2 .last_bnr {
	margin-bottom: 0;
}
.kokuyo-st-container #header #megadropdown #gnmd-wrap .gnmd-solution .block-3 {
	width: 240px;
}


/* company */
.kokuyo-st-container #header #megadropdown #gnmd-wrap .gnmd-company {
	display: block;
	height: 390px;
}
.kokuyo-st-container #header #megadropdown #gnmd-wrap .gnmd-company .block-1 {
	width: 238px;
	height: 241px;
	padding: 0 42px 0 0;
	margin: 0 40px 0 0;
	background: url( /cmn/img/megadropdown/line_dot_y.png ) no-repeat right top transparent;
}
.kokuyo-st-container #header #megadropdown #gnmd-wrap .gnmd-company .block-2 {
	width: 240px;
	padding: 0 30px 0 0;
}

.kokuyo-st-container #header #megadropdown #gnmd-wrap .gnmd-company .block-2 .bnr {
	margin-bottom: 20px;
}

.kokuyo-st-container #header #megadropdown #gnmd-wrap .gnmd-company .block-2 .last_bnr {
	margin-bottom: 0;
}
.kokuyo-st-container #header #megadropdown #gnmd-wrap .gnmd-company .block-3 {
	width: 240px;
}




/* close */
.kokuyo-st-container #header #megadropdown #gnmd-close {
	width: 100%;
	height: 40px;
}
.kokuyo-st-container #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;
}
.kokuyo-st-container #header #megadropdown #gnmd-close a:hover,
.kokuyo-st-container #header #megadropdown #gnmd-close a:active {
	background-position: 0 -40px;
}

/*EOF*/