@charset "utf-8";

/*------------------------------------------------------------------*/
/* 第二階層
/*------------------------------------------------------------------*/


body{
	background: url(../images/head_bg_lev2.png) repeat-x;
}



p#branch{
	width:980px;
	margin:0 auto;
	font-size:0.85em;
	padding-top:4px;
}

p#branch a{
	color:#333;
	text-decoration: none;
}

p#branch a:hover,
p#branch a:focus {
	background-color: #195ebd;
	color: #fff;
}

/* パンくず修正（2015.09.17）
------------------------------------------------------------------------*/

ol#branch_ls{
	width:980px;
	margin:0 auto;
	padding-top:4px;
}

ol#branch_ls li{
	float:left;
	margin-right:0.5em;
	font-size:0.85em;
}

ol#branch_ls li a{
	color:#333;
	/*text-decoration: none;*/
}

ol#branch_ls li a:hover,
ol#branch_ls li a:focus {
	background-color: #195ebd;
	color: #fff;
}


/*------------------------------------------------------------------*/


h1{
	margin:30px 0 20px;
}






/* モジュール
------------------------------------------------------------------------*/
#main{
	width:700px;/*740px*/
	float:left;
	margin-right: 40px;
}

#sub{
	width:235px;
	float:right;
}

/* 見出し
------------------------------------------------------------------------*/
.title_border{
	position: relative;
	margin-top: 35px;
	margin-bottom: 16px;
	padding-bottom: 10px;
	border-bottom: 3px solid #E2E6EA;
	font-size: 1.1em;
	/*margin-top: 35px;
	margin-bottom: 16px;
	padding-bottom: 13px;
	font-size: 1.1em;
	background: url(../images/bg_title_border.png) no-repeat bottom left;*/
}
.title_border:after{
	position: absolute;
	bottom: -3px;
	left: 0;
	display: block;
	content: "";
	width: 200px;
	border-top: 3px solid #3270C6;
}

/* リスト
------------------------------------------------------------------------*/

ul.link li,
ul.link_item li{
	background:url(../images/ls_mi_tri_bl.png) no-repeat 0 0.5em;
	padding-left:1em;
}

ul.link li a,
ul.link_item li a{
	color:#333;
	text-decoration: none;
}

ul.link li a:hover,
ul.link_item li a:hover{
	color:#3270C5;
	text-decoration: underline;
}




/* サブナビゲーション
------------------------------------------------------------------------*/

#sub #sub_nav{
	width:230px;
	background: #fff;
	border-radius: 5px 5px 0px 0px;
	box-shadow:0px 0px 2px #666;
	-webkit-box-shadow:0px 0px 2px #666;
}



ul.accordion { }
ul.accordion a { display:block; }
ul.accordion span { display:block;}
ul.accordion ul { display:none;}
ul.accordion > li { }
ul.accordion > li > p { cursor:pointer;}
ul.accordion > li > p span { }
ul.accordion > li > p span.open { }
ul.accordion > li > ul > li a{
	background:#E4E7EA url(../../service/images/subnav_mi.gif) no-repeat 15% 50%;
	padding:5px 10px 5px 45px;
	border-top:1px solid #fff;
	border-bottom:1px solid #D2D5D8;
	font-size:0.9em;
}
ul.accordion > li > ul > li a:hover{
	background: #F4F6F8 url(../../service/images/subnav_mi.gif) no-repeat 15% 50%;
}


ul.accordion li a{
	color:#333;
	text-decoration: none;
}
ul.accordion li a:hover{
	color:#3270C5;
	text-decoration: underline;
}

ul.accordion li.list a{
	background:#E4E7EA url(../../service/images/subnav_mi.gif) no-repeat 8% 50%;
	padding-left:30px!important;
}
ul.accordion li.list a:hover{
	background: #F4F6F8 url(../../service/images/subnav_mi.gif) no-repeat 8% 50%;
}

/* マージン
------------------------------------------------------------------------*/
.tm05{
	margin-bottom: 0.5em !important;
}
.tm{
	margin-bottom: 1em !important;
}
.tm2{
	margin-bottom: 2em !important;
}
.tm3{
	margin-bottom: 3em !important;
}
.tm4{
	margin-bottom: 4em !important;
}

/* 161101 ene_apart
------------------------------------------------------------------------*/
.col2_contact .inner{
	width: 760px;
}
/* 170321 トイレ洗浄水量削減サービス『AQUA-Remoni』
------------------------------------------------------------------------*/
.column2_lead .col_lead_text.ar{
	width: 420px;
}
.column2_lead .col_lead_text.ar .title_lead_col2{
	width: 420px;
}
.column2_lead .col_point.ar{
	width: 280px;
}
.section .dl_merit .column5 .col{
	width: 128px;
	margin-right: 15px;
	float: left;
}
.section .dl_merit .column5 .col:last-child{
	margin-right: 0;
}
.fz18{
	font-size: 18px;
	color: #727171;
}
.tac{
	text-align: center;
}

.mb60{
	margin-bottom: 60px;
}
