@charset "utf-8";

/*
======= 1: global =======
*/
#gn {
	position: relative;
	z-index: 9999;
	height: 56px;
	border-top: 5px solid #1C7DCE;
	background: #FFFFFF;
	box-shadow: 0 0 2px #AAA;
	-moz-box-shadow: 0 0 2px #AAA;
	-webkit-box-shadow: 0 0 2px #AAA;
}
#gn ul.gn {
	width: 980px;
	margin: 0 auto;
	overflow: hidden;
	font-size: 0;
	line-height: 0;
}
#gn ul.gn li {
	float: left;
	width: 196px;
	height: 56px;
}

/*-- script 連動部分 --*/
#gn ul.gn a {/* aタグに.fadeThisを指定しておく */
	position: relative;
	display: block;
	height: 56px;
	overflow: hidden;
	text-indent: -9999px;
	background: no-repeat 0 0;
}
#gn ul.gn a span.smooth {
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	height: 56px;
	background: no-repeat 0 0;
}
#gn ul.gn li a,
#gn ul.gn li span.smooth {
	width: 196px;
}

/* gnMaker */
#gn ul.gn li.gnMaker {
	background: url(/img/common/gn_maker.png) no-repeat 0 0;
}
#gn ul.gn li.gnMaker span.smooth,
#gn ul.gn li.gnMaker.active,
#maker #gn ul.gn li.gnMaker {
	background-image: url(/img/common/gn_maker_o.png);
}
/* gnProducts */
#gn ul.gn li.gnProducts {
	background: url(/img/common/gn_products.png) no-repeat 0 0;
}
#gn ul.gn li.gnProducts span.smooth,
#gn ul.gn li.gnProducts.active,
#products #gn ul.gn li.gnProducts {
	background-image: url(/img/common/gn_products_o.png);
}
/* gnAfterservice */
#gn ul.gn li.gnAfterservice {
	background: url(/img/common/gn_afterservice.png) no-repeat 0 0;
}
#gn ul.gn li.gnAfterservice span.smooth,
#gn ul.gn li.gnAfterservice.active,
#afterservice #gn ul.gn li.gnAfterservice {
	background-image: url(/img/common/gn_afterservice_o.png);
}
/* gnCompany */
#gn ul.gn li.gnCompany {
	background: url(/img/common/gn_company.png) no-repeat 0 0;
}
#gn ul.gn li.gnCompany span.smooth,
#gn ul.gn li.gnCompany.active,
#company #gn ul.gn li.gnCompany {
	background-image: url(/img/common/gn_company_o.png);
}
/* gnOffices */
#gn ul.gn li.gnOffices {
	background: url(/img/common/gn_offices.png) no-repeat 0 0;
}
#gn ul.gn li.gnOffices span.smooth,
#gn ul.gn li.gnOffices.active,
#offices #gn ul.gn li.gnOffices {
	background-image: url(/img/common/gn_offices_o.png);
}
/* [mmBox] メガメニューベース ----------*/
.mmBox_bg {
	display: none;
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 9997;
	background: url(/img/common/mm/bg_mmBG.png) repeat 0 0;
}
.mmBox_base {
	position: relative;
	z-index: 9998;
	width: 980px;
	margin: 0 auto;
}
.mmBox {
	display: none;
	position: relative;
	width: 960px;
	/*min-height: 400px;*/
	padding: 8px;
	overflow: hidden;
	opacity: 0;
	border-radius: 0 0 5px 5px / 0 0 5px 5px;
	border: 2px solid #8DBEE6;
	border-top: none;
	background: #FFF;
}
.mmBox h2,
.mmBox p.navTtl {
	margin-bottom: 20px;
	padding: 15px 0 20px 5px;
	line-height: 0;
	border-bottom: 1px solid #8DBEE6;
}
.mmBox .shadow {
	position: absolute;
	top: -1px;
	left: 0;
	width: 100%;
	height: 1px;
	box-shadow: 0 0 2px #AAA;
	-moz-box-shadow: 0 0 2px #AAA;
	-webkit-box-shadow: 0 0 2px #AAA;
}
/* [mmMakerList] 取扱メーカー ----------*/
.mmBox ul.mmMakerList {
	overflow: hidden;
	background: #D1E4F3;
}
.mmBox ul.mmMakerList li {
	float: left;
	width: 125px;
	height: 120px;
	padding: 10px 0 10px 11px;
	font-size: 85%;
	line-height: 1.4;
	border-bottom: 10px solid #FFF;
}
.mmBox ul.mmMakerList li:nth-child(7n) {
	padding-right: 8px;
}
.mmBox ul.mmMakerList li:last-child {
	width: 269px;
}
.mmBox ul.mmMakerList li img {
	margin-bottom: 5px;
	box-shadow: 0 0 1px #CADCEA;
	-moz-box-shadow: 0 0 1px #CADCEA;
	-webkit-box-shadow: 0 0 1px #CADCEA;
}
/* [mmProductsList] 商品案内 ----------*/
.mmBox ul.mmProductsList {
	position: relative;
	height: 360px;
}
.mmBox ul.mmProductsList a {
	display: inline-block;
	width: 210px;
	padding: 10px 0 10px 30px;
	line-height: 1.3;
	background: url(/img/common/mm/icon_arrow01.png) no-repeat 14px 50%;
}
.mmBox ul.mmProductsList li.active a,
.mmBox ul.mmProductsList li:hover a {
	text-decoration: none;
	background-color: #D1E4F3;
}
.mmBox ul.mmProductsList ul {
	display: none;
	position: absolute;
	top: 0;
	right: 0;
	width: 720px;
	height: 342px;
	overflow: hidden;
	font-size: 85%;
	background: #D1E4F3;
}
.mmBox ul.mmProductsList li.active ul,
.mmBox ul.mmProductsList li:hover ul {
	display: block;
}
.mmBox ul.mmProductsList ul li {
	float: left;
	width: 125px;
	height: 130px;
	padding: 10px 9px 10px 10px;
}
.mmBox ul.mmProductsList ul img {
	margin-bottom: 5px;
}
.mmBox ul.mmProductsList ul a {
	display: inline;
	padding: 0;
	background: none;
}
.mmBox ul.mmProductsList ul li a {
	text-decoration: underline;
	background: none;
}
/* [mmAsList] アフターサービス ----------*/
.mmBox ul.mmAsList {
	overflow: hidden;
}
.mmBox ul.mmAsList li {
	float: left;
	padding: 0 10px 30px;
}
/* [mmAboutList] LMSについて ----------*/
.mmBox ul.mmAboutList {
	overflow: hidden;
}
.mmBox ul.mmAboutList li {
	float: left;
	padding: 0 10px 30px;
}
/* [mmOfficesBox] 事業拠点 ----------*/
.mmBox .mmOfficesBox {
	min-height: 318px;
	padding: 0 490px 0 10px;
	background: url(/img/common/mm/offices/img_map01.gif) no-repeat 100% 0;
}
.mmBox .mmOfficesBox li {
	margin-bottom: 10px;
}
.mmBox .mmOfficesBox li a {
	padding-left: 20px;
	background: url(/img/common/mm/icon_arrow01.png) no-repeat 5px 50%;
}
.mmBox .mmOfficesBox dl {
	margin-top: 15px;
	overflow: hidden;
}
.mmBox .mmOfficesBox dt {
	margin-bottom: 15px;
}
.mmBox .mmOfficesBox dd {
	float: left;
	margin: 0 10px 10px 0;
	padding-right: 10px;
	line-height: 1.3;
	white-space: nowrap;
	border-right: 1px solid #1C7DCE;
}
.mmBox .mmOfficesBox dd:last-child {
	border: none;
}

.mmBox .close {
	color: #1C7DCE;
	position: absolute;
	top: 20px;
	right: 10px;
	display: inline-block;
	padding: 0 25px;
	font-size: 12px;
	line-height: 30px;
	cursor: pointer;
	border: 1px solid #BAD8F0;
	background: #F1F7FB;
}
.mmBox .kanatable {
	color: #ffffff;
	position: absolute;
	top: 20px;
	right: 130px;
	display: block;
	padding: 0 25px;
	font-size: 12px;
	line-height: 30px;
	cursor: pointer;
	border: 1px solid #168ca0;
	background: #1fafc8;
}
.mmBox a.kanatable:hover {
	text-decoration: none;
}

/*
======= 2: header =======
*/
#hn {
	float: right;
	padding-left: 91px;
	background: url(/img/common/bg_hn.png) no-repeat 0 0;
}
#hn li {
	float: left;
}
#hnEn {
	float: right;
	padding-left: 90px;
	background: url(/img/common/bg_hn_en.gif) no-repeat 0 0;
}
#hnEn li {
	float: left;
}

/*
======= 3: footer =======
*/
#fn {
	position: relative;
	width: 1000px;
	margin-top: 20px;
	zoom: 1;
}
#fn li {
	float: left;
	width: 180px;
	margin: 0 20px 0 0;
}
#fn li a.arrow {
	display: block;
	margin-bottom: 15px;
	padding: 5px 5px 5px 28px;
	background: #E8E8E8 url(/img/common/icon_arrow01.png) no-repeat 12px 50%;
	border: 1px solid #CCCCCC;
	color: #405468;
}
#fn li a.arrow:hover {
	text-decoration: none;
}

.catList li {
	width: 180px;
}
.catList li a {
	display: inline-block;
	padding-left: 13px;
	color: #5F7B9A;
	font-size: 85%;
	background: url(/img/common/bg_cat.gif) no-repeat 0 0.4em;
}
.catList li a.parents {
	display: block !important;
	margin-bottom: 15px;
	padding-left: 0;
	font-size: 100%;
	background: none;
}
.catList li ul {
	margin-bottom: 20px;
	clear: both;
}

.en #contactArea p {
	float: left;
}
.en #contactArea ul {
	float: right;
}
.en #contactArea li {
	float: left;
	margin: 0;
	padding: 0;
	line-height: 0;
}
.en #contactArea li:first-child {
	margin-right: 10px;
	padding-right: 10px;
	border-right: 1px solid #4997D8;
}

/*
======= 4: side =======
*/
#ln ul li a,
#ln.typeToggle ul li span,
#ln.typeToggle02 ul li span {
	display: block;
	padding: 11px 10px;
	color: #FFFFFF;
	background: #1C7DCE;
	border-bottom: 1px solid #FFFFFF;
	text-decoration: none;
	cursor: pointer;
}
#ln ul li a:hover,
#ln ul li.on a,
#ln.typeToggle ul li span:hover,
#ln.typeToggle ul li.on span,
#ln.typeToggle02 ul li span:hover,
#ln.typeToggle02 ul li.on span {
	background: #47AAEC;
	transition: all 0.3s ease 0s;
}
#ln ul li.last a {
	border-bottom: none;
	border-radius: 0 0 5px 5px / 0 0 5px 5px;
}
#ln ul li.last.on a {
	border-radius: 0;
}
/*----*/
#ln ul li ul a {
	padding: 11px 10px 11px 29px;
	font-size: 85%;
	color: #333333;
	border-bottom: 1px dashed #BBBBBB;
	background: url(/img/common/icon_ln.png) no-repeat 11px 50% !important;
}
#ln ul li.last ul li a,
#ln ul li ul li.last a {
	border-radius: 0;
	border-bottom: 1px dashed #BBBBBB;
}
#ln ul li ul a:hover,
#ln ul li.on ul li.on a {
	color: #197DCC;
	background: #D7ECFB url(/img/common/icon_ln_o.png) no-repeat 11px 50% !important;
}
/*----*/
#ln li.disnon ul,
#ln.typeToggle ul ul {
	display: none;
}
#ln.typeToggle ul ul {
	opacity: 0;
}
#ln li.on ul {
	display: block;
}
/* [lnInfo01] info ----------*/
#lnInfo01 {
	float: right;
	width: 230px;
	padding-left: 30px;
}
#lnInfo01 h2 {
	margin-bottom: 10px;
}
#lnInfo01 ul {
	margin-bottom: 20px;
}
#lnInfo01 li {
	margin-bottom: 13px;
}
#lnInfo01 li span {
	font-family: Century Gothic;
}