@charset "utf-8";
/* CSS Document */

@media only screen {
/* --サブメニュー基本--*/
.sub-name {
	float: left;
	color: #4d4d4d;
	font-weight: bold;
	font-size: 18px;
	padding-top: 12px;
	width: 190px;
	text-align: left;
	margin-left: 0px;
	line-height: 1.5em;
	margin-top: 7px;
	padding-left: 10px;
}

.sub-name a{
	color: #4d4d4d;
	font-weight: bold;
	height: 40px;
	padding-top: 5px;
	padding-bottom: 5px;
	font-size: 20px;
		}
	
.sub-name a:hover{
	color: #c90724;
		}
	
.sub-name .active {
	color: #C90724;
}		
		
/*--背景部分--*/
.sub-menu {
	text-align: left;
	margin-left: auto;
	margin-right: auto;
	height: 60px;
	background-size: cover;
	clear: both;
	position: relative;
	width: 100%;
	max-width: none;
	display: block;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	padding-bottom: 5px;
	margin-bottom: 0px;
	color: #6E6C6C;
	background-color: #f3f3f3;
	margin-top: 0px;
}


.sub-menu.fixed 
{
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	z-index: 10000;}

	
.sub-menu-inner {
	clear: both;
	left: 114px;/*マージンで横にはみ出した部分を戻す */
	width: 970px;
	float: none;
	vertical-align: middle;
	text-align: right;
}

/*--リストごとの名前--*/
.liname{
	font-size: 13px;
	}
	
.liname2{
	font-size: 13px;
	text-align: right;	
	position: relative; 
	}
	
		
.liname2:after {
	content: url("/image/common/windowg_sbtn.png");
	position: absolute;
	top: -12px;
	left: 85px;
	}	
	
.liname3{
	font-size: 13px;
	text-align: right;	
	position: relative; 
	}
	
		
.liname3:after {
	content: url("/image/common/windowg_sbtn.png");
	position: absolute;
	top: -12px;
	left: 110px;
	}		
	
	
.li-l{
	margin-bottom: 15px;
	text-align: center;
	padding-right: 10px;
	margin-left: 15%;
	font-size: 13px;
	}


.li-r{
	margin-bottom: 15px;
	text-align: center;
	padding-left: 4%;
	font-size: 13px;
	}

.noto{font-family: 'Open Sans', sans-serif;
	}
	
/*--サブメニューハイライト部分　1段--*/

#nav1	{
	width: 670px;
	float: left;
	padding-top: 0px;
	display: inline-block;
	text-align: left;
	margin-right: 0.3em;
	margin-left: 3em;
	height: 40px;
	margin-top: 12px;

}

#nav1 li {
	display: inline-block;
	position: relative;
	/*zoom: 1;*/
	vertical-align: middle;
	color: #4d4d4d;
	float: none;
	margin-left: 0px;
	text-align: left;
	margin-top: 10px;
	margin-right: 20px;
}

#nav1 li a	{
	display: inline-block;
	width: 100%;
	text-decoration: none;
	padding-right: 0;
	padding-left: 0;
	border-color: #ccc;
	border-width: 1px;
	color: #4d4d4d;

}

#nav1 li a:hover	{
	color: #C90724
}

#nav1 li a.active	{
	color: #C90724;
}

#nav1 li.on{
	color: #C90724;
}

#nav1 li a.current{
	color: #C90724;
}

.section-inq{
	height: 450px;
	clear: both;
}

/*--サブメニューハイライト部分　2段--*/

#nav2	{
	width: 670px;
	float: left;
	padding-top: 0px;
	display: inline-block;
	text-align: left;
	margin-right: 0.3em;
	margin-left: 3em;
	height: 40px;
	margin-top: 12px;
}

#nav2 li {
	/*width: 12%;*/
	display: inline-block;
	position: relative;
	　　zoom: 1;
	vertical-align: middle;
	color: #534741;
	float: left;
	margin-left: 0px;
	padding-right: 2em;
	text-align: left;
	margin-top: 0px;
}

#nav2 li a	{
	display: inline-block;
	width: 100%;
	color: #534741;
	text-decoration: none;
	padding-right: 0;
	padding-left: 0;
	border-color: #ccc;
	border-width: 1px;
	text-align: right;
}

#nav2 li a:hover	{
	color: #C90724;
}

#nav2 li a.active	{
	color: #C90724;
}

#nav2 li.on{
	color: #C90724;
}

#nav2 li a.current{
	color: #C90724;
}

/*--サブメニューでんき用　2段--*/

#denki-nav	{
	width: 674px;
	float: left;
	padding-top: 0px;
	display: inline-block;
	text-align: left;
	margin-right: 0.3em;
	margin-left: 3em;
	height: 40px;
	margin-top: 12px;
}

#denki-nav li {
	display: inline-block;
	position: relative;
	　　zoom: 1;
	vertical-align: middle;
	color: #4d4d4d;
	float: left;
	margin-left: 0px;
	padding-right: 2em;
	text-align: left;
}

#denki-nav li a	{
	display: block;
	width: 100%;
	color:#4d4d4d;
	text-decoration: none;
	padding-right: 0;
	padding-left: 0;
	border-color: #ccc;
	border-width: 1px;

}

#denki-nav li a:hover	{
	color:#C90724;
}

#denki-nav li a.active	{
	color: #C90724;
}

/*--サブメニュー光用　1段--*/

#hikari-nav {
	float: left;
	padding-top: 0px;
	display: inline-block;
	text-align: left;
	height: 40px;
	margin-left: 3em;
	margin-top: 10px;
	/* width: 700px; */
}

#hikari-nav li {
	position: relative;
	　　zoom: 1;
	vertical-align: middle;
	color: #4d4d4d;
	float: none;
	text-align: left;
	margin-top: 5px;
	padding-right: 20px;
	display: inline-block;
}

#hikari-nav li a	{
	display: block;
	width: 100%;
	color: #534741;
	text-decoration: none;
	padding: 5px 0;
	border-color: #ccc;
	border-width: 1px;
	padding-right: 5px;
}

#hikari-nav li a:hover	{
	color: #C90724;
}

#hikari-nav li a.active	{
	color: #C90724;
}

/*--サブメニューir用--*/

#irnav	{
	width: 670px;
	float: left;
	padding-top: 0px;
	display: inline-block;
	text-align: left;
	margin-right: 0.3em;
	margin-left: 6.7em;
	height: 40px;
	margin-top: 16px;
}

#irnav li {
	/*width: 12%;*/
	display: inline-block;
	position: relative;
	　　zoom: 1;
	vertical-align: middle;
	color: #534741;
	float: left;
	margin-left: 0px;
	padding-right: 1.5em;
	text-align: left;
	margin-top: 0px;
}

#irnav li a	{
	display: inline-block;
	width: 100%;
	color: #534741;
	text-decoration: none;
	padding-right: 0;
	padding-left: 0;
	border-color: #ccc;
	border-width: 1px;
	text-align: right;
}

#irnav li a:hover	{
	color: #C90724;
}

#irnav li a.active	{
	color: #C90724;
}
	
/*--シュミレーションボタン小--*/
a .simu-btns {
	font-weight: 600;
	color: #FFFFFF;
	border: 2px solid #C90724;
	border-radius: 7px;
	background-color: #C90724;
	position: relative;
	display: block;
	line-height: 2.3em;
	text-decoration: none;
	padding-left: 12px;
	padding-right: 19px;
	padding-top: 2.5px;
	font-size: 90%;
	margin-top: -7px;
}

a .simu-btns:after {
	content: url("/image/common/lww_sbtn.png");
	position: absolute;
	top: -4px;
	left: 80px;
}
a:hover .simu-btns {
	display: block;
	color: #C90724;
	background-color: #FFFFFF;
	border-radius: 7px;
	margin-top: -7px;
	position: relative;
	border: 2px solid #C90724;
	font-size: 90%;
	text-align: left;
	padding-left: 12px;
	padding-top: 2.5px;
}


a:hover .simu-btns:after {
	content: url("/image/common/lwr_sbtn.png");
	position: absolute;
	top: -4px;
	left: 80px;
}

}