@charset "utf-8";

/* CSS Document */
/*--::::::::::header::::::::::--*/
@media only screen {
#header {
	clear: both;
	width: 100%;
	margin: 0;
	padding: 0;
	display: block;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	background-color: #FFF;
	height: 82px;
	border-bottom: 3px solid #c90724;
}

#header-inner {
	clear: both;
	left: 114px;
	margin-right: auto;
	margin-left: auto;
	padding-top: 0px;
	padding-bottom: 0px;
	width: 960px;
	display: block;
	margin-top: 0px;
	margin-bottom: 0px;
}
/* --ヘッダーのスクロール固定時に必要--*/
#header.fixed {
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: auto;
	z-index: 999;
}

.header-nav.fixed {
	position: fixed;
	left: 0;
	top: 0;
}

.header-nav {
	width: 100%;
/*	background: #FFF;*/
	margin-left: auto;
	margin-right: auto;
	clear: both;
	margin-top: 0px;
}

/* --外国語メニュー項目部分--*/
.flmenu {
	font-size: 13px;
	color: #534741;
	text-align: right;
	width: 300px;
	padding-top: 10px;
	margin-right: 0px;
	padding-right: 10px;
}

.flmenu a{
font-size: 13px;
color: #534741;
}
.flmenu a:hover{
font-size: 13px;
color: #534741;
text-decoration: underline;
}

/* --メニュー名　部分--*/
.menu {
position: relative;
margin-bottom: 0;
text-align: center;
max-width: none;
margin-right: auto;
padding-bottom: 0px;
display: block;
clear: both;
height: auto;
float: left;
width: 980px;
margin-top: -5px;
}

.toell-logo {
	text-align: left;
	width: 150px;
	display: block;
	padding-left: 0;
	margin-right: 30px;
	float: left;
/*	margin-top: -10px;
*/}

#mdd_overlay{
/*	background: #000;*/
	opacity: 0;
	position: absolute;
	left: 0px;
	width: 100%;
	height: 2000px;
	display: none;
	z-index: 100;
	top: 78px;
}
#mdd_nav_wrap {
	width: 780px;
	margin-top: 12px;
	margin-left: 175px;
}
/*
-- Level1 -------------------------  */
ul.mdd_lv1 {
	position: relative;
	list-style: none;
	padding: 0;
	z-index: 200;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
	margin-top: -15px;
	margin-left: auto;
	margin-right: auto;
}

ul.mdd_lv1 li {
	display: inline-block;
	width: auto;
	height: 39px;
	margin-top: 15px;
	margin-left: 60px;
}

ul.mdd_lv1 li a {/* display: inline-block; *//* height: 5px; */
	margin-top: 5px;
}
ul.mdd_lv1 li a:hover,
ul.mdd_lv1 > li.selected > a {
}

/*
-- Level2 -------------------------  */
ul.mdd_lv2{
	display: none;
	position: absolute;
	top: 57px;
	background-color: #fff;
	width: 980px;
	padding-top: 20px;
	padding-right: 20px;
	padding-left: 20px;
	padding-bottom: 20px;
	list-style-position: outside;
	color: #000;
	-webkit-box-shadow: 3px 3px 3px #C9C7C7;
	box-shadow: 3px 3px 3px #C9C7C7;
	left: -190px;
}

.menu-name:hover ul.mdd_lv2 {
	display: block;
	width: 980px;
	height: auto;
	margin-top: -1px;
}

.ios .menu-name:hover ul.mdd_lv2 {
	 margin-top: 0px;
}
/*ul.mdd_lv1 li:hover ul.mdd_lv2 {
display: block;
width: 980px;
height: auto;
}*/

ul.mdd_lv2 li {
	margin: 0px;
	margin-left: 15px;
	margin-right: 15px;
	width: 185px;
	height: 18px;
	padding-bottom: 7px;
}
ul.mdd_lv2 li a{
	height: auto;
	width: auto;
	background-color: #ffffff;
	color: #4d4d4d;
	padding-right: 0px;
	padding-left: 0px;
	padding-bottom: 7px;
}
ul.mdd_lv2 li a:hover{
	background-color: #ffffff;
	color: #c90724;
}
/*
-- Level3 -------------------------  */
ul.mdd_lv3  {
position:static;
padding:0;
width: auto;
font-size:10px;
margin-left:0px;
}
ul.mdd_lv3 li {
float: none;
margin-bottom:1px; 
width: auto;   
margin-right:0px;
margin-left:0px;
}
ul.mdd_lv3 li a{
color: #000;
width: auto;   
background-color: #ffffff;
}

/*--以下manu-nameでrelative、afterでabsoluteを指定しないと、hover時に震える--*/
.menu-name {
	display: block;
	margin-top: -5px;
	position: relative;
	text-align: center;
	padding-bottom: 3px;
	height: 47px;
}

.menu-name:after{
content: url("/image/common/g_under.png");
padding-left: 5px;
position: absolute;
}

 a:hover .menu-name:after{
content: url("/image/common/r_under.png");
padding-left: 5px;
position: absolute;
}

a .menu-name {
	color: #4d4d4d;
	margin-top: -5px;
	margin-bottom: 0px;
	padding-bottom: 3px;
}

a:hover .menu-name {
color: #C90724;
}
/* 下の階層がないmenu*/
    .menu-name-linkonly {
	display: block;
	margin-top: -5px;
	position: relative;
	text-align: center;
	padding-bottom: 3px;
	height: 47px;
}
a .menu-name-linkonly {
	color: #4d4d4d;
	margin-top: -5px;
	margin-bottom: 0px;
	padding-bottom: 3px;
}

a:hover .menu-name-linkonly {
color: #C90724;
}
    
/* end of 下の階層がないmenu*/
    
.boxa {
	width: 230px;
	float: left;
	margin-left: 10px;
}
.boxb {
width: 210px;
float: left;
margin-left: 0px;
margin-top: 10px;
padding-top: 10px;
}

/*--menu-mega内のアイコン付きサービス名部分--*/
.gas-name {
font-size: 18px;
color: #e5536b;
display: block;
position: relative;
padding-left: 35px;
padding-bottom: 5px;
font-weight: bold;
}

.gas-name:before {
content: url("/image/common/gas_icon.png");
width: 30px;
padding-top: 0px;
position: absolute;
padding-right: 0;
left: 0px;
bottom: 2px;
}

.ws-name {
font-size: 18px;
color: #62adcb;
display: block;
position: relative;
padding-left: 30px;
padding-bottom: 5px;
font-weight: bold;
letter-spacing: -0.1em;
font-feature-settings: "palt";
}
.ws-name:before {
content:url("/image/common/water_icon.png");
width: 30px;
padding-top: 0px;
position: absolute;
padding-right: 5px;
left: 0px;
bottom: 2px;
}

.hikari-name {
font-size: 18px;
color: #ea5a24;
display: block;
position: relative;
padding-left: 35px;
padding-bottom: 5px;
font-weight: bold;
}

.hikari-name:before {
content:url("/image/common/hikari_icon.png");
width: 30px;
padding-top: 0px;
position: absolute;
padding-right: 5px;
left: 0px;
bottom: 2px;}


.mobile-name {
font-size: 18px;
color: #f5aa3b;
display: block;
position: relative;
padding-left: 38px;
padding-bottom: 5px;
font-weight: bold;
}

.mobile-name:before {
content:url("/image/common/mobile_icon.png");
width: 30px;
padding-top: 0px;
position: absolute;
padding-right: 5px;
left: 0px;
bottom: 2px;
}


.denki-name {
font-size: 18px;
color: #39af4a;
display: block;
position: relative;
padding-left: 35px;
padding-bottom: 5px;
font-weight: bold;
}
.denki-name:before {
content: url("/image/common/denki_icon.png");
width: 30px;
padding-top: 0px;
position: absolute;
padding-right: 0;
left: 0px;
bottom: 2px;
}

.ene-name {
font-size: 18px;
color: #a07c52;
display: block;
position: relative;
padding-left: 38px;
padding-bottom: 5px;
font-weight: bold;
}

.ene-name:before {
content: url("/image/common/energy_icon.png");
width: 30px;
padding-top: 0px;
position: absolute;
padding-right: 0;
left: 0px;
bottom: 2px;
}

.buse-name {
font-size: 18px;
color: #7ac343;
display: block;
position: relative;
padding-left: 38px;
padding-bottom: 5px;
font-weight: bold;
}

.buse-name:before {
content: url("/image/common/business_icon.png");
width: 30px;
padding-top: 0px;
position: absolute;
padding-right: 5px;
left: 0px;
bottom: 2px;
}

/*--メガメニューのタイトル部分--*/
.megamenu-title {
	font-size: 17px;
	color: #333333;
	padding-bottom: 10px;
	text-align: left;
	height: auto;
	display: block;
	border-bottom: 1.5px solid #999999;
	margin-bottom: 15px;
	width: 960px;
	margin-left: 10px;
}

.megamenu-title a{
color: #4d4d4d;

}

.megamenu-title a:hover{
color: #C90724;
}

.megamenu-title:before{
content: url("/image/common/link_btn2s.png");
margin-left: 0px;
margin-right: 5px;
}
/*サービス詳細の名称部分*/
.service-koumoku {
	font-size: 14px;
	color: #333333;
	text-align: left;
	padding-left: 15px;
	display: block;
	margin-bottom: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
}

.service-koumoku a {
	color: #4d4d4d;
	text-decoration: none;
	padding-bottom: 7px;
}

.service-koumoku a:hover {
color: #C90724;
text-decoration: none;
}

.service-koumoku:before {
content: url("/image/common/arrows.png");
margin-right: 5px;
width: 10px;
}

.service-koumoku1 {
	font-size: 14px;
	color: #333333;
	text-align: left;
	padding-left: 15px;
	display: block;
	margin-bottom: 0px;
	padding-bottom: 5px;
}

.service-koumoku1 a {
	color: #4d4d4d;
	text-decoration: none;
	padding-bottom: 7px;
}

.service-koumoku1 a:hover {
color: #C90724;
text-decoration: none;
}

.service-koumoku1:before {
content: url("/image/common/arrows.png");
margin-right: 5px;
width: 10px;
}

.service-koumoku2 {
font-size: 14px;
color: #333333;
text-align: left;
padding-left: 15px;
display: block;
margin-bottom: 0px;
padding-bottom: 5px;
}

.service-koumoku2 a {
	color: #4d4d4d;
	text-decoration: none;
	padding-bottom: 7px;
}

.service-koumoku2 a:hover {
color: #C90724;
text-decoration: none;
}

.service-koumoku2:before {
content: url("/image/common/arrows.png");
margin-right: 5px;
width: 10px;
}

.service-koumoku2:after {
content: url("/image/common/windowg_sbtn.png");
margin-left: 5px;
width: 10px;
}

/*事業紹介の事業名部分*/
.service-koumoku-title {
	font-size: 16px;
	color: #4d4d4d;
	display: block;
	position: relative;
	padding-bottom: 5px;
	text-align: center;
	margin-top: 10px;
	width: 230px;
}

.business-photo {
	border-radius: 10px;
	height: 140px;
	margin-top: -5px;
	display: block;
	clear: both;
	margin-bottom: 5px;
}

.head-line {
	border-bottom: 3px solid #C90724;
	margin-top: 0px;
	display: block;
	margin-bottom: 0px;
	position: absolute;
	top: 78px;
}

#header2,header2-inner,mdd_nav2_wrap{
	display:none;
	}
}

@media screen and (max-width:980px){
#mdd_nav li .mdd_lv2,
/*ul.mdd_lv1 li a,*/
ul.mdd_lv1 li a:hover ul.mdd_lv2,
/*ul.mdd_lv1 > li.selected > a*/
ul.mdd_lv2
.menu-name:hover ul.mdd_lv2,
ul.mdd_lv1 li:hover ul.mdd_lv2
{
	display: none!important;
	width: 470px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 10px;
}
}