/*@import url(//fonts.googleapis.com/css?family=Roboto+Slab:400,100,300,700);*/

/* set
-------------------------------------------------------------------------------------------------*/
html{
	font-size: 62.5%;
}
body{
	font-size: 1.3rem;
}
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td{
	border:0;
	font-family:inherit;
	font-style:inherit;
	font-weight:inherit;
	margin:0;
	outline:0;
	padding:0;
	vertical-align:baseline;
	}
:focus{outline:0;}

body{
	background:#fff;
	line-height:1;
}
ol, ul{
	list-style:none;
}
table{
	border-collapse:separate;
	border-spacing:0;
}
caption, th, td{
	font-weight:normal;
	text-align:left;
}
blockquote:before, blockquote:after,
q:before, q:after{content:"";}
blockquote, q{quotes:"" "";}

img{
vertical-align: bottom;}

a img{
	border:0;
}
@media print, screen and (min-width: 768px) {
	a[href^="tel"]{
		pointer-events: none;
		cursor: default;
	}
}
article,aside,canvas,details,figcaption,figure,
footer,header,hgroup,menu,nav,section,summary{
	display:block;
}

/* cf
-------------------------------------------------------------------------------------------------*/
.cf:before,
.cf:after {
    content: " ";
    display: table;
}
.cf:after {
    clear: both;
}
.cf {
    *zoom: 1;
}

/* position
-------------------------------------------------------------------------------------------------*/
/* float */
.fl {	float:left;}
.fr {	float:right;}

/* center */
.center{
	text-align:center;
}

.TxtR{text-align:right;}

/* margin-top */
.mt_0 {margin-top:0;}
.mt_ss {margin-top:5px;}
.mt_s {	margin-top:10px;}
.mt_m {	margin-top:20px;}
.mt_l {	margin-top:30px;}
.mt_40 {margin-top:40px;}
.mt_ll {margin-top:50px;}

/* margin-right */
.mr_ss {margin-right:5px;}
.mr_s {	margin-right:10px;}
.mr_m {	margin-right:20px;}
.mr_l {	margin-right:30px;}

/* margin-bottom */
.mb_0 {margin-bottom:0px;}
.mb_ss {margin-bottom:5px;}
.mb_s {	margin-bottom:10px;}
.mb_m {	margin-bottom:20px;}
.mb_l {	margin-bottom:30px;}
.mb_ll {margin-bottom:40px;}

/* margin-left */
.ml_ss {margin-left:5px;}
.ml_s {	margin-left:10px;}
.ml_m {	margin-left:20px;}
.ml_l {	margin-left:30px;}

/* align */
.ac {	text-align:center;}
.al {	text-align:left;}
.ar {	text-align:right;}

.pb_s {	padding-bottom:10px;}
.pb_m {	padding-bottom:20px;}
.pb_l {	padding-bottom:30px;}
.pb_ll {padding-bottom:50px;}

.pt_15 { padding-top:15px;}
.pt_m {	padding-top:20px;}
.pt_l {	padding-top:30px;}
 

/* font
-------------------------------------------------------------------------------------------------*/
.fb{ font-weight:bold;}

/* color */
.fc_b{ color:#967751;}
.fc_d{ color:#0082C8;}

/* size */
.fs_s{ font-size:90%}
.fs_m{ font-size:100%}
.fs_l{ font-size:110%}

.red{ color: #F00;}

/* link
-------------------------------------------------------------------------------------------------*/
a:link,
a:active,
a:visited {
	color			: #251E1C;
	text-decoration:none;
}
a:hover,
a:focus {
	color			: #999;
	text-decoration:none;
}
a.link{
	color: #0050A9;
}
a.link:hover{
	text-decoration: underline;
}
a.underline{
	text-decoration: underline;
}

/* table */
.tbl_gray{
	width: 100%;
}
.tbl_gray th,
.tbl_gray td{
	padding: 10px;
	border-top: 1px solid #D7D7D7;
}
.tbl_gray tr:last-child th,
.tbl_gray tr:last-child td{
	border-bottom: 1px solid #D7D7D7;
}
.tbl_gray th{
	width: 25%;
	background: #f5f5f5;
}
.tbl_gray td{
	border-left: 1px solid #D7D7D7;
}

/* body
-------------------------------------------------------------------------------------------------*/
body{
	font-family	: 'Hiragino Kaku Gothic Pro','ヒラギノ角ゴ Pro W3'/*,"游ゴシック" , "Yu Gothic" , "游ゴシック体" , "YuGothic"*/ ,'メイリオ',Meiryo,'ＭＳ Ｐゴシック',Verdana , Arial , Helvetica , sans-serif;
	color:#251E1C;
	font-weight:400;
	line-height:140%;
	}
.body{width:1024px; margin:0 auto;}
.body p{line-height:180%;}

#page{
	margin: 0 auto;
	width: 1024px;
	}

#side{
	width: 250px;
	float:right;
	margin-bottom:50px;
	margin-top:40px;
	}
#contents{
	width: 740px;
	line-height:150%;
	margin-bottom:50px;
	margin-top:40px;
	}


/* #page
-------------------------------------------------------------------------------------------------*/
/* header */
header{
	overflow:hidden;
	height:86px;
	margin:0;
	padding:0;

}
header a:hover{opacity:0.6}

#logo {
	float: left;
	width: 400px;
}
#logo img {
	margin:14px 20px 0 0;
}
#sub {
	float: right;
	/* width: 320px; */
	width: 500px;
	text-align:right;
}
#sub > a{
	display: inline-block;
	width: 70px;
}
#sub > a img{
	width: 100%;
	height: auto;
}

#sub img{ margin-top:14px;
margin-bottom:10px;
}

#sub ul {
	text-align: right;
	/* width: 320px; */
	width: 500px;
}
#sub ul li {
	background	: url(../images/arrow.jpg) 0px 50% no-repeat ;
	padding:0px 10px;
	font-size:12px;
	float:right;
}
#sub ul li a {
	/*height: 22px;*/
	overflow: hidden;
	text-indent: -9999px;
}
#sub ul li a:link,
#sub ul li a:active,
#sub ul li a:visited {
	color			: #231815;
	text-decoration	: none;
}
#sub ul li a:hover,
#sub ul li a:focus {
	color			: #0082C8;
	text-decoration	: underline;
}

/* nav */
nav {
	width: 1024px;
	height: 43px;
	margin-top:10px;
	padding:0;
	font-size:1.6rem;
}
nav ul li {
	float: left;
	width: calc(100% / 5);
	box-sizing: border-box;
	text-align:center;
	line-height:200%;
	border-left:1px solid #CCC;
}



nav ul li a {
	display: block;
	width:100%;
	text-decoration:none !important;
	color:#333 !important;
}

nav ul li:last-child a {
	border-right:1px solid #CCC;
}

nav ul li a:hover {
	background-color:#F6F6F6;

}



/*h1〜h6*/

h1.denka{letter-spacing: 2px; font-size:22px; margin-top:20px; color:#2044A8; border-bottom:1px solid #CCC; line-height:220%; margin-bottom:20px; font-weight:bold;}

h1.ts_h1{letter-spacing: 2px; font-size:22px; margin-top:30px; color:#2044A8; padding-bottom:40px; font-weight:bold;}

h3.ts_h3{font-weight:bold; font-size:20px; color:#333; margin-top:30px; margin-bottom:40px; line-height: 1.5em;}

h3.ts_h3_border{font-weight:bold; font-size:20px; color:#333; margin-top:30px; margin-bottom:30px; padding-bottom:20px; border-bottom:3px solid #F5F5F5; line-height: 1.5em;}

h4.ts_h4_black{font-weight:bold; margin-top:40px; font-size:18px; color:#333; padding-bottom:20px; border-bottom:3px solid #F5F5F5; margin-bottom:30px;}

h3.ts_h3_blue{font-weight:bold; margin-top:40px; font-size:18px; color:#589DD4; padding-bottom:20px; border-bottom:3px solid #E6F3FA; margin-bottom:30px;}



h2{ 
	margin:5px 0 0px;
}

.denka_h2{margin:30px auto 20px auto;}
.denka_h3{border-bottom:1px solid #2044A8; line-height:200%; color:#0050A9; font-size:15px; font-weight:bold;}
.denka_chintai_h3{border-bottom:1px solid #159F3E; line-height:200%; color:#159F3E; font-size:15px; font-weight:bold;}


.mincho{
font-family:"Roboto Slab" , Garamond , "Times New Roman" , "游明朝" , "Yu Mincho" , "游明朝体" , "YuMincho" , "ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , "HGS明朝E" , "ＭＳ Ｐ明朝" , "MS PMincho" , serif;
font-size:1.4em;
}

#vision{
font-family:"Roboto Slab" , Garamond , "Times New Roman" , "游明朝" , "Yu Mincho" , "游明朝体" , "YuMincho" , "ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , "HGS明朝E" , "ＭＳ Ｐ明朝" , "MS PMincho" , serif;
font-size: 2rem;
text-align:center;
line-height:200%;
}

#vision span{color:#124996;}

#guidelines{
font-family:"Roboto Slab" , Garamond , "Times New Roman" , "游明朝" , "Yu Mincho" , "游明朝体" , "YuMincho" , "ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , "HGS明朝E" , "ＭＳ Ｐ明朝" , "MS PMincho" , serif;
font-size:1.8rem;
line-height:180%;
}

#guidelines li {border-bottom:1px solid #CCC; padding-left:20px; margin-bottom:10px; background-image:url(../images/vision_list.png); background-position:0 center; background-repeat:no-repeat;}

/* footer
-------------------------------------------------------------------------------------------------*/
footer{
	border-top:1px solid #CCC;
	padding:20px 0 15px;
	line-height:140%;
	width:100%;
}

footer #footer_inner{
	width:1024px; margin:0 auto;
}
@media only screen and (max-width: 767px) {
	footer #foot_sub {
		clear: both;
		padding-top: 10px;
	}
}
footer #foot_sub ul {
	text-align: right;
	/* width: 320px; */
	width: 500px;
}
footer #foot_sub ul li {
	background	: url(../images/arrow.jpg) 0px 50% no-repeat ;
	padding:0px 10px;
	font-size:12px;
	float:right;
}
footer #foot_sub ul li a {
	/*height: 22px;*/
	overflow: hidden;
	text-indent: -9999px;
}
footer #foot_sub ul li a:link,
footer #foot_sub ul li a:active,
footer #foot_sub ul li a:visited {
	color			: #231815;
	text-decoration	: none;
}
footer #foot_sub ul li a:hover,
footer #foot_sub ul li a:focus {
	color			: #0082C8;
	text-decoration	: underline;
}

footer p{font-size:15px; font-weight:bold;}


footer address{
	float:left;
	text-align:left;
	line-height:150%;
	margin-top:5px;
	font-size:0.95em;
}
footer address span{
	font-size:150%;
	font-weight:bold;
}
footer #copyright{float:right; font-size:0.9em; margin-top:25px;}

/*page-top*/
#page-top {
	position: fixed;
	_postion: absolute;
	bottom: 100px;
	right: 40px;
}

#page-top a {
	display: block;
}


/* slidewrapper
-----------------------------------------*/
#slide_box{
	margin:0 auto 0 auto;
	background-color:#F5F5F5;
	border-bottom:1px solid #e3e3e3;
}
.slider-for{
	width: 1024px;
	margin: 0 auto;
}

#thumbs_box{
	 width:1024px; margin:0 auto;
	 padding-bottom:15px;
}

#thumbs {
  height: 70px;
  overflow: hidden;
}
#images {
  width: 1024px;
  height: 420px;
}
#thumbs {
	width:1024px;
	margin:0 auto;
 }
#thumbs img {
  width: 200px;
  height: 70px;
  margin: 13px 2px 0 2px;
  cursor: pointer;
}
#thumbs img.selected {
  opacity: 0.8;
  -ms-filter: "alpha( opacity=80 )";
  filter: alpha(opacity=80);
}

#tougou_info{margin:0 auto; width:100%; text-align:center; padding-top:20px; padding-bottom:20px; border-top:1px solid #e3e3e3;}

.contact_box{
	clear:both;
	position:relative;
	width:1024px;
	height:202px;
	background:url(../images/contact_top.jpg) 0 0 no-repeat;
}
.contact_box .tel{
	position:absolute;
	top:80px;
	left:345px;
	left:390px;
	color:#004FA8;
	font-size:33px;
	font-weight:bold;
}
.contact_box .btn{
	position:absolute;
	top:138px;
	left:345px;
}


/* index.html
-----------------------------------------*/

#contents_container{width:100%;
height:100%;
border-top:1px solid #CCC; 
}

.top_bg{background-color:#f5f5f5; box-shadow:0 8px 5px -8px #222 inset;}

#top_contents{width:1022px; margin:0 auto; padding-top:50px; padding-bottom:50px;}

#top_contents_left{width:763px; float:left;}

#top_contents_left_topb{width:750px; float:left; background-image:url(../images/ts_bk.gif); background-repeat:repeat-x; background-position:top;}

#top_contents_full_topb{width:1024px; float:left; background-image:url(../images/ts_bk.gif); background-repeat:repeat-x; background-position:top;}

#top_right{float:right; width:240px; border:none;}

.wrap_news_important{
	box-sizing: border-box;
	max-width: 1024px;
	margin: 0 auto;
	padding: 20px;
	font-size: 1.4rem;
	line-height: 1.8;
	text-align: center;
	border: 2px solid #F00;
}
.wrap_news_important + .wrap_news_important{
	border-top: none;
}
.wrap_news_important .tl{
	margin-bottom: 0.2em;
	color: #F00;
	font-size: 1.6rem;
	font-weight: bold;
	line-height: 1.5;
}
.wrap_news_important a{
	text-decoration: underline;
}
.wrap_news_important a:hover{
	text-decoration: none;
}

@media print, screen and (min-width: 768px) {
	.wrap_top_service{
		display: -webkit-flex;
		display: flex;
		margin: 0 -5px;
	}
	.wrap_top_kojin,
	.wrap_top_houjin{
		margin: 0 5px;
		overflow: hidden;
	}
	.wrap_top_kojin{
		width: calc(100% / 3);
	}
	.cont_top_service.top_denka{
		height: 100%;
	}
	.wrap_top_houjin{
		width: calc(100% / 3 * 2);
	}
	.wrap_top_houjin .inner{
		display: -webkit-flex;
		display: flex;
		margin: 0 -5px;
	}
	.wrap_top_houjin .cont_top_service{
		width: 50%;
		margin: 0 5px;
	}
}
.cont_top_service > div:nth-of-type(n+2){
	margin-top: 10px;
}
.cont_top_service h3 a{
	position: relative;
	display: block;
	padding: 20px 10px;
	color: #fff;
	font-size: 1.5rem;
	font-weight: bold;
	line-height: 20px;
	text-align: center;
}
.cont_top_service h3 a::before{
	content: "▶";
	position: absolute;
	right: 5px;
	bottom: 5px;
	color: #fff;
	font-size: 10px;
	line-height: 1;
}
.cont_top_service h3 a:hover{
	opacity: 0.7;
}
.wrap_top_service h2{
	margin:15px 0 10px;
	padding:5px 0px;
	color:#0050A9;
	font-size:18px;
	font-weight:bold;
}
.wrap_top_service .wrap_top_kojin h2{
	color: #f07a00;
}
.wrap_top_service .top_pps h3 a{ background-color: #00a3f0; }
.wrap_top_service .top_total h3 a{ background-color: #0084C4; }
.wrap_top_service .top_nenryou h3 a{ background-color: #0050A9; }
.cont_top_service .top_renewable h3 a{ background-color: #42A731; }
.cont_top_service.top_denka h3 a{ background-color: #f07a00; }
.cont_top_service.top_corp h3 a,
.cont_top_service.top_recruit h3 a{
	background-color: #A3A3A3;
}
.cont_top_service.top_corp{
	margin-bottom: 20px;
}
.cont_top_service.top_corp h3{
	display: inline-block;
	width: calc(50% - 2px);
}
.cont_top_service.top_corp h3:first-child{
	margin-right: 2px;
}
.cont_top_service.top_corp h3:last-child{
	margin-left: 2px;
}
.cont_top_service.top_corp h3:nth-of-type(n+3){
	margin-top: 2px;
}
.cont_top_service.top_recruit{
	text-align: center;
	background-color: #fff;
}
.cont_top_service.top_recruit h3{
	padding: 10px;
	color: #fff;
	font-size: 1.4rem;
	font-weight: bold;
	background-color: #A3A3A3;
}
.cont_top_service.top_recruit a{
	display: inline-block;
	width: 50%;
	padding: 10px;
	border: 1px solid #CCC;
	border-top: none;
}
.cont_top_service.top_recruit a:first-child{
	border-right: none;
}
.list_top_service{
	height: 100%;
	padding: 20px 25px;
	background: #FFF;
}
.list_top_service li{
	margin-bottom: 8px;
	padding-left:10px;
	font-size: 1.06em;
	background: url(../images/list.png) left 4px no-repeat;
}
.list_top_service li:last-child{
	margin-bottom: 0;
}
.list_top_service li a{text-decoration:none; color:#333;}
.list_top_service > a{
	display: inline-block;
	margin-top: 15px;
	color: #0050A9;
}
.list_top_service li .new{
	display: inline-block;
	margin-left: 1em;
	color: red;
	font-size: 80%;
	font-weight: bold;
}
.top_denka .list_top_service > a{
	color: #B29963;
}
.list_top_service a:hover{text-decoration: underline;}
.cont_top_service .top_renewable{
	height: 100%;
}

.wrap_top_banner{
	margin-top: 15px;
}

.bd_top #top_right{
	margin-top: 20px;
}
.bd_top #top_right > div:first-of-type{
	margin-top: 20px;
}
[class*="bana_"]{
	margin: 5px 0;
	text-align: center;
	border: 1px solid #CCC;
	background: #fff;
}
[class*="bana_"] img{
	max-width: 100%;
}
[class*="bana_"] a{
	display: block;
}
[class*="bana_"] a:hover{
	opacity: 0.7;
}
.bana_sentai a{
	padding: 10px 0 0;
}
.bana_re100 a{
	padding: 4px 0;
}
.bana_potal a{
	padding: 0;
	background: url(../images/banner_portal_bg.png) center -1px no-repeat #fff;
}
.bana_potal img{
	max-width: 100%;
	height: 107px;
}
.bana_self_consignment a{
	padding: 14px;
	background: #00a3f0;
	font-weight: bold;
	font-size: 15px;
	color: #fff;
}
.bana_self_consignment a:hover {
	text-decoration: none;
}
.bana_offsiteppa_physical a,
.bana_offsiteppa_virtual a {
	padding: 10px 0px 10px 6px;
	background: #02c2e8;
	font-weight: bold;
	font-size: 15px;
	color: #fff;
}
.bana_denka a{
	padding: 4px 0;
	background: #28b189;
}
.bana_ad a{
	padding: 7px 0;
	background: #ffea4f;
}
.bana_movie a{
	padding: 7px 0;
	background: #f07a00;
}
.bana_line a{
	padding: 10px 0;
	background: #2abc2a;
}
.bana_entai a{
	padding: 10px 0;
	background: #e9d7b4;
}
.bana_creditcard a{
	padding: 10px 0;
	background: #f8b228;
}


#top_box_07{border:1px solid #CCC; width:239px; background-color:#FFF; margin-top:18px;}
.top_box_07_ttl{background-color:#fff; height:50px; text-align:center; padding-top:10px;}
#top_box_07 p{padding:10px; margin-bottom:5px;}
#top_box_07 p a{text-decoration:none; color:#B29963;}
#top_box_07 a:hover{opacity:0.7}

#top_box_07 .comment{background-color:#EBEBEB; font-size:0.9em; padding:10px; line-height:150%;}

#top_box_08 a{
	display: block;
	margin-top: 20px;
	padding: 20px;
	color: #F00;
	border: 1px solid #F00;
	background-color: #FDD;
}
#top_box_08 a .tl{
	margin-bottom: 5px;
	font-size: 120%;
	font-weight: bold;
	text-align: center;
}
#top_box_08 a .btn{
	margin-top: 5px;
	padding: 4px;
	color: #FFF;
	text-align: center;
	background-color: #F00;
}
#top_box_08 a:hover{
	opacity: 0.7;
}

.right_contact{
	margin: 20px 0;
	text-align: center;
	border: 1px solid #CCC;
}
@media only screen and (max-width: 767px) {
	.right_contact{
		border: none;
	}
}
.right_contact .tl{
	padding: 10px;
	color: #FFF;
	font-size: 1.4rem;
	font-weight: bold;
	line-height: 20px;
}
.right_contact .cont{
	padding: 12px 0;
	background-color: #FFF;
}
.right_contact .telbox{
	margin-bottom: 5px;
}
.right_contact .tel{
	font-size: 2.2rem;
	font-weight: bold;
	line-height: 1.4;
}
.right_contact a:hover{
	opacity: 0.7;
}
.right_contact_sg .tl{
	background-color: #0084C4;
}
.right_contact_sg .cap{
	margin-bottom: 5px;
	color: #0082C8;
	font-size: 1.5rem;
	line-height: 1.4;
}
.right_contact_sg .telbox{
	max-width: 210px;
	min-height: 60px;
	margin: 0 auto 10px;
	background: url(../images/info_bak.png) 0 -2px no-repeat;
}
.right_contact_sg .tel{
	padding-left: 20px;
	color: #0A377B;
}
.right_contact_denka .tl{
	background-color: #B19962;
}
.right_contact_denka .telbox img{
	margin-right: 2px;
	vertical-align: baseline;
}
.right_contact_denka .tel{
	color: #B19962;
}

/*
#top_box_info{float:left; border:1px solid #CCC; width:239px; background-color:#FFF; margin-top:20px; height:210px;}
.top_box_info_ttl{background-color:#0084C4; color:#FFF; text-align:center; height:20px; padding:10px; font-weight:bold;}
#top_box_info .cap{color:#0082C8; margin-bottom:5px; margin-top:10px; font-size:1.1em;}
#top_box_info .telbox{background-image: url(../images/info_bak.png); background-repeat:no-repeat; background-position:10px; height:60px;}
#top_box_info .tel{font-size:22px; margin-left:40px; margin-top:0px;  width:170px; line-height:140%; color:#0A377B;}

#top_box_info p{padding:10px; margin-bottom:10px;}
#top_box_info p a{text-decoration:none; color:#0050A9;}
#top_box_info p a:hover{text-decoration:underline; color:#0050A9;}
#top_box_info  a img:hover{opacity:0.6}
*/


#top_info_box{width:100%; padding-top:30px; clear:both;}
.top_info_box_tl{
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	margin: 10px 0 15px;
}
.info_h2{
	margin: 0;
	color:#0050A9;
	font-size:18px;
	font-weight:bold;
}
.top_info_box_tl .btn{
	display: inline-block;
	padding-left: 10px;
	background: url(../images/list.png) 0 4px no-repeat;
}
.top_info{font-size:0.98em;}
.top_info li{display: table; background:#FFF; width:calc(100% - 30px); padding: 10px 15px;}
.top_info li span{ display: table-cell; }
.top_info li span:first-child{ width: 125px; color:#0050A9;}
.top_info li:nth-child(even){background:#F5F5F5;}
.top_info li a{font-size:1em;}
.top_info li a:hover{text-decoration:underline;}

.top_box_navi_ttl,
.top_box_navi_nenryo_ttl,
.top_box_navi_pps_ttl,
.top_box_navi_renewable_ttl,
.top_box_corp_ttl{
	padding: 10px;
	color: #fff;
	font-weight: bold;
	line-height: 20px;
	text-align: center;
	border: 1px solid #CCC;
	background:url(../images/ttl_bak.png) right 2px bottom 2px no-repeat;
}
.top_box_navi_ttl{background-color:#227DC7;}
.top_box_navi_nenryo_ttl{background-color:#0050A9;}
.top_box_navi_pps_ttl{background-color:#00a3f0;}
.top_box_navi_renewable_ttl{background-color:#42A731;}
.top_box_corp_ttl{background-color: #A3A3A3;}

#top_box_07 a div:hover,
#top_box_navi a div:hover,
#top_box_denka a div:hover{opacity:0.7;}

.top_box_07_ttl{background-image:url(../images/groupe_arrow.png); background-repeat:no-repeat; background-position:229px 49px;}
.top_box_denka_ttl_etc{background-image:url(../images/groupe_arrow.png); background-repeat:no-repeat; background-position:229px 77px;}
.top_box_denka_ttl_low,
.top_box_denka_ttl_middle{background-image:url(../images/groupe_arrow.png); background-repeat:no-repeat; background-position:229px 72px;}

.denka_chiiki{width:50%; height:30px; padding-top:10px;background-image:url(../images/groupe_arrow.png); background-repeat:no-repeat; background-position:110px 26px;}


/* 下層ページ
-----------------------------------------*/

/*パンくず*/
#pankuzu {
	color: #333;
	min-height: 44px;
	line-height: 32px;
	background-image:url(../images/nav_bg.png);
	background-repeat:repeat-x;
	width:100%;
	height: inherit;
	background-color: #f6f6f6;
	
}

.pankuzu_inner{width:1024px; margin:0 auto; line-height:120%;}

.pankuzu_inner a:{
text-decoration: none;

}
.pankuzu_inner a:hover{
	color:#999;
	text-decoration: none;
   border-bottom: 1px solid #999;
}

#balloon-0-top,
#balloon-1-top,
#balloon-2-top,
#balloon-3-top,
#balloon-4-top,
#balloon-5-top {
	color: #333;
	position: relative;
	display: inline-block;
	padding:-15px;
	width: 1024px;
	height: 42px;
	text-align:left;
	z-index: 0;
	margin:0 auto;
font-family:"Osaka−等幅","monospace";
letter-spacing: 1px;
font-size:14px;
}

#balloon-0-top,
#balloon-1-top,
#balloon-2-top,
#balloon-3-top,
#balloon-4-top,
#balloon-5-top{
	height: inherit;
	padding: 14px 0;
	line-height: 1.5em;
}
/*
#balloon-1-top:before,
#balloon-2-top:before,
#balloon-3-top:before,
#balloon-4-top:before {
	content: "";
	position: absolute;
	margin-left: -9px;
	display: block;
	width: 0px;
	height: 0px;
	border-style: solid;
	border-width: 0;
	border-color: transparent transparent #ccc transparent;
	z-index: 0;
}

#balloon-1-top:before{top: -8px; left: 13%;}
#balloon-2-top:before{top: -8px; left: 38%;}
#balloon-3-top:before{top: -8px; left: 63%;}
#balloon-3-top:before{top: -9px; left: 88%;}
*/
#balloon-0-top:after,
#balloon-1-top:after,
#balloon-2-top:after,
#balloon-3-top:after,
#balloon-4-top:after,
#balloon-5-top:after {
	content: "";
	position: absolute;
	margin-left: -10px;
	display: block;
	width: 0px;
	height: 0px;
	border-style: solid;
	border-width: 0 10px 10px 10px;
	border-color: transparent transparent #ccc transparent;
	z-index: -1;
}
#balloon-0-top:after{
	border-color: transparent;
}

/*#balloon-1-top:after{top: -8px; left: 13%;}
#balloon-2-top:after{top: -8px; left: 38%;}
#balloon-3-top:after{top: -8px; left: 63%;}
#balloon-4-top:after{top: -9px; left: 88%;}
#balloon-5-top:after{top: -9px; left: 88%;}*/
#balloon-1-top:after{top: -8px; left: calc(100% / 5 / 2);}
#balloon-2-top:after{top: -8px; left: calc((100% / 5 * 2) - (100% / 5 / 2));}
#balloon-3-top:after{top: -8px; left: calc((100% / 5 * 3) - (100% / 5 / 2));}
#balloon-4-top:after{top: -9px; left: calc((100% / 5 * 4) - (100% / 5 / 2));}
#balloon-5-top:after{top: -9px; left: calc((100% / 5 * 5) - (100% / 5 / 2));}

/*コンテンツ上ボタン*/
#contents_nav{width:1023px; height:40px; border:1px solid #0050A9; margin-top:28px; font-size: 1.4rem;}
#contents_nav .btn{width:204px; height:30px; text-align:center; float:left; line-height:40px; padding-bottom:10px; font-size:90%; border-right:1px solid #0050A9;}
#contents_nav .btn_e{width:203px; height:30px; text-align:center; float:left; font-size:90%; line-height:40px; padding-bottom:10px;}
#contents_nav a{ color:#0050A9; display:block; text-decoration:none;}
#contents_nav a:hover{ text-decoration:underline;}
#contents_nav .active{ color:#fff; background-color:#0050A9; display:block; height:40px;}
#contents_nav .active2{ color:#fff; background-color:#0084C4; display:block; height:40px;}
#contents_nav .active3{ color:#fff; background-color:#00a3f0; display:block; height:40px;}
#contents_nav .active3-2{ color:#fff; background-color:#42A731; display:block; height:40px;}
#contents_nav .active4{ color:#fff; background-color:#f07a00; display:block; height:40px;}

/*下層スライドショー*/
.slider-pro{height:330px;}

.contents{width:1024px; margin:0 auto; border:none;}
.contents_border{border-bottom:1px solid #0050AE;}

.top_box_denka{border:1px solid #CCC; width:239px; background-color:#FFF; margin-top:18px; float:left;}
.top_box_denka_ttl,
.top_box_denka_ttl_no{background-color:#fff; height:80px; text-align:center; padding-top:10px;}
.top_box_denka_ttl_low{background-color:#fff; height:65px; text-align:center; padding-top:18px;}
.top_box_denka_ttl_middle{background-color:#fff; height:70px; text-align:center; padding-top:13px;}
.top_box_denka_ttl_middle2{background-color:#fff; height:70px; text-align:center; padding-top:8px; padding-bottom: 5px;}
.top_box_denka_ttl_etc{background-color:#fff; height:70px; text-align:center; padding-top:18px;}
.top_box_denka p{padding:10px; margin-bottom:5px;}
.top_box_denka p a{text-decoration:none; color:#B29963;}
.top_box_denka a:hover{opacity:0.6}

.top_box_denka .comment{background-color:#EBEBEB; font-size:0.9em; padding:10px; line-height:150%; text-align:center;}
#top_contents_left .top_box_denka .comment.line3{min-height: 58px;}
.top_box_denka .comment span{color: #dd0012; font-size: 10px;}

.top_box_banner{
	text-align: center;
}
.top_box_banner .top_box_denka{
	float: none;
	display: inline-block;
}

.denka_list {
	width: 500px;
	margin-top:10px;
}

.denka_list ul {
	width: 500px;
}
.denka_list ul li {
	background	: url(../images/arrow.jpg) 0px 50% no-repeat ;
	padding:0px 10px;
	float:left;
	margin-left:15px;
}
.denka_list ul li:first-child{
	margin-left:0;	
}
.denka_list ul li a {
	/*height: 22px;*/
	overflow: hidden;
	text-indent: -9999px;
}
.denka_list ul li a:link,
.denka_list ul li a:active,
.denka_list ul li a:visited {
	color			: #231815;
	text-decoration	: none;
}
.denka_list ul li a:hover,
.denka_list ul li a:focus {
	color			: #0082C8;
	text-decoration	: underline;
}

/*メニュー下線*/
.b_ccc{border-bottom:1px solid #CCC;}

.denka_bottom_box{border-bottom:1px solid #CCC; padding-bottom:30px;}
.denka_bottom_box_txt{width:75%;}
.denka_bottom_box_img{width:25%; text-align:right; margin-top:30px;}
.top_shop .denka_bottom_box_txt{width:52%;}
.top_shop .denka_bottom_box_img{width:45%;}


/*トータルソリューション
---------------------------------------*/

/*右ナビゲーション*/
#top_box_navi dt a{height:20px; padding:10px; padding-left:20px; border-bottom:1px solid #CCC; display:block; background:#E6F2FA url(../images/list.png) 10px 50% no-repeat; border-left:1px solid #CCC; border-right:1px solid #CCC;}
#top_box_navi dd a{height:20px; padding:10px; padding-left:20px; border-bottom:1px solid #CCC; display:block; background: #FFF url(../images/list_sub.gif) 10px 50% no-repeat; border-left:1px solid #CCC; border-right:1px solid #CCC;}

#top_box_navi dt a:hover,
#top_box_navi dd a:hover{text-decoration:underline;}

.total p span {
    color: #134c98;
    font-weight: bold;
}

.total_menu dl{
	padding:1px 0;
	width:238px;
	border: 1px solid #c6c6c6;
	margin-left:15px;
	margin-bottom:10px;
}
.total_menu dl.first{
	margin-left:0px
}
.total_menu dt{
	height: 44px;
	padding	: 8px 4px 8px 28px;
	border-top: 3px solid #00367d;
	background: url(../images/arrow01.gif) 10px 50% no-repeat;
	font-weight:bold;
	letter-spacing:-1.5px;
	line-height:120%
}
.total_menu dt span{
	font-size:80%;
	line-height:110%
}
.total_menu dt span.last{
	font-size:70%;
	line-height:110%
}
.total_menu dt span.farst{
	font-size:80%;
	line-height:110%
}
.total_menu dt a{
	display: block;
	margin-top: 16px;
	box-sizing: border-box;
}
.total_menu .line2 a{
	margin-top: 6px;
}
.total_menu .line3 a{
	margin-top: 0;
}
.total_menu dt a:link,a:active{
	text-decoration:none;
	color:#000;
}
.total_menu dt a:hover,a:focus {
	color			: #bf6100;
	text-decoration	: underline;
}
.total_menu dd{
	padding	: 15px 20px 20px 20px;
	font-size:85%;
	line-height:160%
}

.total .area01{
	margin:0px 0 30px 0;
	border: 1px solid #aac7e5;
	width:728px;
	padding:10px;
}


/*熱供給サービス /導入事例フォーマット
---------------------------------------*/
.jirei{margin-top:50px;}
.jirei dt{background-color:#1D47A5; color:#FFF; width:190px; text-align:center; line-height: 50px;}

.waku{border:1px solid #1D47A5; background:#F5F5F5; padding:20px;}
.waku p{font-size:16px; color:#1D47A5; margin-bottom:10px;}



/*学校空調一括サービス（いっかつくん）
---------------------------------------*/
.energy_box{
	margin:20px 0 30px;
	padding:1em;
	background:url(../images/energy_bg.gif);
}



/*静的作業済みここまで
---------------------------------------*/



/*ESCOサービス
---------------------------------------*/
.esco ul {
	margin:0px 0 30px;
}
.esco li {
	margin:5px 0 0;
	padding-left:16px;
	background	: url(../images/icon_disc.gif) 1px 8px no-repeat;
}

.esco h4 {
	color:#134c98;
	font-weight:bold;
}



/* 太陽光発電サービス
-------------------------------------------------------------------------------------------------*/
.taiyoukou a img:hover{opacity:0.6}

.taiyoukou .btn{margin-top:132px;}

.taiyoukou h4 {
	color:#134c98;
	font-weight:bold;
	font-size:110%;
	margin:30px 0 5px;
}
.taiyoukou h5{
	margin: 0;
	padding: 8px;
	color: #134c98;
	font-size: 1.5rem;
	border: 3px solid #FFF;
	outline: 1px solid #aac7e5;
	background: linear-gradient(to bottom, #FFF 0%,#E6E6E6 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FFF', endColorstr='#E6E6E6',GradientType=0 );
}
/*
.taiyoukou h5 {
	background	: url(../images/title03.gif) bottom left no-repeat;
	font-size:100%;
	color:#134c98;
	padding:11px 0 8px 16px;
	margin:0;
	font-weight:bold;
}*/
.taiyoukou ul {
	margin:0px 0 30px;
}
.taiyoukou li {
	margin:5px 0 0;
	padding-left:16px;
	background	: url(../images/icon_disc.gif) 1px 8px no-repeat;
}
.taiyoukou p{
	margin:0px 0 16px 0;
}
.taiyoukou p span{
}

.taiyoukou .area01{
	margin:0px 0 30px 0;
	border: 1px solid #aac7e5;
	width:728px;
	padding:10px;
}
.taiyoukou .area01 p{
	margin:8px 0;
}
.taiyoukou dl.box{
	padding:10px;
	background:#ecf5fb;
}
.taiyoukou dl.box dt{
	color:#134c98;
	font-weight:bold;
	font-size:110%;
}
.taiyoukou dl.box dd{
	padding-left:20px;
}
.taiyoukou p.yajirushi{
	text-align:center;
	margin:0px 0 5px 0;
	border-top: 1px solid #a4b8d3;
	border-bottom: 1px solid #a4b8d3;
	padding:10px 0;
}
.taiyoukou p.txt00{
	text-align:left;
	padding:0px 0 20px 0;
	border-bottom: 1px solid #a4b8d3;
}
.taiyoukou p.txt{
	text-align:left;
	margin:0px 0 10px 0;
	color:#235a9b;
	padding:10px 0;
	font-weight:bold;
	letter-spacing:-1px;
}
.taiyoukou p.txt01{
	text-align:left;
	margin:0px 0 20px 0;
	color:#fff;
	padding:2px 8px;
	font-weight:bold;
	background:#235a9b;
}
.taiyoukou p.txt02{
	text-align:left;
	margin:0px 0 20px 0;
	padding:5px 8px;
	width:600px;
}
.taiyoukou p.txt02 span{
}

.taiyoukou dl.box2{
	margin:10px 0 30px 0;
}
.taiyoukou dl.box2 dt{
	color:#134c98;
	font-weight:bold;
	font-size:100%;
	padding:10px 0 0px 0px;
}
.taiyoukou dl.box2 dt span{
	color:#000;
	font-weight:normal;
	font-size:80%;
}
.taiyoukou dl.box2 dd{
	padding:0px 0 10px 20px;
	border-bottom: 1px solid #a4b8d3;
}

.taiyoukou .area02{
	margin:0px 0 30px 0;
	border: 1px solid #aac7e5;
	border-top:none;
	width:738px;
	padding:5px;
}
.taiyoukou .area02 p{
	font-size:100%;
	margin-bottom: 0;
	padding:10px 0 0px 10px;
}

/*導入事例
---------------------------------------*/

.taiyoukou #case05 dt{
	min-height:44px;
	line-height:1.4em;
	background-image:url(../images/jirei2_2lines.gif);
}
.taiyoukou #case05 dd{
	background-position:center bottom;
}
.taiyoukou #case06 dt{
	min-height:44px;
	line-height:1.4em;
	background-image:url(../images/jirei2_2lines.gif);
	/*background-image:url(../images/kensetsuchu.gif);*/
}

/*受変電サービス
---------------------------------------*/
.juhenden ul {
	margin:0px;
}
.juhenden li {
	margin:5px 0 0;
	padding-left:16px;
	background	: url(../images/icon_disc.gif) 1px 8px no-repeat;
}

.juhenden h4 {
	color:#134c98;
	font-weight:bold;
	font-size:110%;
	margin:30px 0 5px;
}

/*サービス内容index
---------------------------------------*/
.service h3,
.taiyoukou h3{
	box-sizing: border-box;
	width: calc(100% - 2px);
	margin-bottom: 10px;
	padding: 8px;
	color: #FFF;
	font-size: 1.5rem;
	border: 3px solid #FFF;
	outline: 1px solid #A6B7D3;
	background: linear-gradient(to bottom, #7da5e2 0%,#2663b4 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7da5e2', endColorstr='#2663b4',GradientType=0 );
}
.service ul.problem li{
	padding		: 7px 4px 7px 36px;
	background	: url(../images/service_icon.gif) 8px 50% no-repeat;	
	color		: #000;
	border-bottom: 4px solid #f9e57f;
	font-weight:bold;
}
.service p.yajirushi{
	text-align:center;
	margin:20px 0 5px 0;
}
.service p.txt{
	text-align:left;
	margin:0px 0 30px 0;
	border-top: 1px solid #a4b8d3;
	border-bottom: 1px solid #a4b8d3;
	color:#235a9b;
	padding:10px 0;
	font-weight:bold;
}
.service dl.nen{
	padding:1px 0;
	width:48%;
	border: 1px solid #c6c6c6;
	height:312px;
}

.service dl.top{
	padding:1px 0;
	width:49%;
	border: 1px solid #c6c6c6;
	height:240px;
}



.service dt.title{
	background	: url(../images/arrow01.gif) 10px 50% no-repeat;	
	border-top: 3px solid #00367d;
	padding		: 7px 4px 7px 28px;
	font-weight:bold;
}
.service dt.title a:link,a:active{
	text-decoration:none;
	color:#000;
}
.service dt.title a:hover,a:focus {
	color			: #bf6100;
	text-decoration	: underline;
}
.service dt.photo{
	text-align:center;
}
.service dd{
	padding		: 8px 10px 20px 10px;

	line-height:160%
}




.service_box{
	padding:1px 0;
	width:100%;
	border: 1px solid #c6c6c6;
}

.service_box_title{
	background	: url(../images/arrow01.gif) 10px 50% no-repeat;	
	border-top: 3px solid #00367d;
	padding		: 7px 4px 7px 28px;
	font-weight:bold;
}
.service_box_title a:link,a:active{
	text-decoration:none;
	color:#000;
}
.service_box_title a:hover,a:focus {
	color			: #bf6100;
	text-decoration	: underline;
}

.service_box_com{
	padding		: 8px 10px 20px 10px;
	font-size:85%;
	line-height:160%
}


/* 石炭販売
-------------------------------------------------------------------------------------------------*/
.sekitan h3 {
	background	: url(../images/title02.gif) center left no-repeat;
	color:#000;
	padding:7px 0 8px 16px;
	margin:0 0 10px;
	border-bottom: 2px solid #00367d;
}
.sekitan h4 {
	color:#134c98;
	font-weight:bold;
}
.sekitan .fblu{
	color:#134c98;
	font-weight:bold;
	font-size:120%;
}
.sekitan p.txt{
	margin:0px 0 30px 0;
}
.sekitan dl.yel{
	margin:0px 0 10px 0;
	border: 3px solid #e7c330;
	width:481px;
	padding:4px 8px;
}
.sekitan dl.yel dt{
	font-weight:bold;
	color:#000
}
.sekitan dl.yel dd{
}
.sekitan dl.yel dd span{
	color:#e7c330;
	font-weight:bold;
}
.sekitan dl.blu{
	margin:0px 0 10px 0;
	border: 3px solid #87acdc;
	width:481px;
	padding:4px 8px;
}
.sekitan dl.blu dt{
	font-weight:bold;
	color:#000
}
.sekitan dl.blu dd{
}
.sekitan dl.blu dd span{
	color:#265a9e;
	font-weight:bold;
}
.sekitan dl.ora{
	margin:0px 0 10px 0;
	border: 3px solid #e1943b;
	width:481px;
	padding:4px 8px;
}
.sekitan dl.ora dt{
	font-weight:bold;
	color:#000
}
.sekitan dl.ora dd{
}
.sekitan dl.ora dd span{
	color:#dc8623;
	font-weight:bold;
}

.sekitan .area01{
	background	: url(../images/bg_blue.png) bottom repeat-x;
	margin:0px 0 30px 0;
	border: 5px solid #aac7e5;
	width:90.7%;
	padding:4%;
	line-height:160%;
}
.sekitan hr{
	background	: #a6c4e4;
	border:solid #a6c4e4;
	height:1px;
	margin:10px 0;
	border-width:1px 0px 0px 0px;
	overflow:hidden;
	clear:both;
}

.sekitan .area01 .w310{
	width:340px;
}
.sekitan .area01 .w340{
	width:340px;
}
.sekitan .area01 .w205{
	width:205px;
}
.sekitan .area01 .w205 + .w205{
	margin-left: 32px;
}
.sekitan .area01 .w320{
	width:320px;
	margin-top:10px;
}

.sekitan .area02{
	margin:0px 0 30px 0;
	border: 1px solid #aac7e5;
	width:728px;
	padding:10px;
}
.sekitan .area02 p{
	margin: 0 0 8px 0;
}
.sekitan .box{
	margin: 10px 0 0 0;
	padding:10px;
	background:#ecf5fb;
}
.sekitan .box span{
	color:#134c98;
	font-weight:bold;
}



/* lng
-------------------------------------------------------------------------------------------------*/

.lng li {
	margin:5px 0 0;
	padding-left:16px;
	background	: url(../images/icon_disc.gif) 1px 8px no-repeat;
}
.lng ul {
	margin:0px 0 20px;
}
.lng .fblu{
	color:#134c98;
	font-weight:bold;
	font-size:120%;
}
.lng p{
	margin:0px 0 16px 0;
}
.lng p span{
	color:#134c98;
}

.lng .area01{
	background	: url(../images/bg_blue.png) bottom repeat-x;
	margin:0px 0 30px 0;
	border: 5px solid #aac7e5;
	width:90.7%;
	padding:4% 4% 16px;
	line-height:160%;
}
.lng hr{
	background	: #a6c4e4;
	border:solid #a6c4e4;
	height:1px;
	margin:10px 0;
	border-width:1px 0px 0px 0px;
	overflow:hidden;
	clear:both;
}
.lng .area01 .w200{
	width:240px;
}
.lng .area01 .w210{
	width:210px;
	margin: 0 5px;
}
.lng .area01 .w430{
	width:430px;
	margin-right:18px;
}

/*PPS 電力供給サービス*/
.pps_box{width:750px;}
.pps_box_l{width:430px; float:left;}
.pps_box_r{width:320px; float:right; text-align:right;}
.pps_case{
	clear: both;
	padding-top: 20px;
}
.pps_case h4{
	color: #686d71;
	font-size: 1.4rem;
	font-weight: bold;
	letter-spacing: 1px;
	text-align: center;
}
.pps_case ul{
	margin: 0 -10px;
}
.pps_case li{
	display: inline-block;
	width: calc((100% - 80px) / 4);
	margin: 10px;
}
.pps_case img{
	max-width: 100%;
	height: auto;
}

.pps_midashi{display:block; margin-bottom:15px; font-size:15px;}

.pps a:link{text-decoration:underline; line-height:110%;}

.pps_table {
	width: 100%;
	border-collapse: collapse;
	margin: 20px 0 5px;
}
.pps_table th,
.pps_table td {
	border: 1px solid #D7D7D7;
	padding: 10px;
	text-align: center;
	vertical-align: middle;
}
.pps_table th {
	background: #f5f5f5;
}


/* 自己託送代行サービス オフサイトPPAサービス
-------------------------------------------------------------------------------------------------*/
.self_consignment_col_3 + .self_consignment_col_3 {
	margin-top: 10px;
}
@media print, screen and (min-width: 768px) {
	.self_consignment_col_3 + .self_consignment_col_3 {
		margin-top: 15px;
	}
}
.self_consignment_col_3 > *,
.self_consignment_col_2 > * {
	padding: 10px;
	border: solid 1px #ccc;
	/* background-color: #F5F5F5; */
}
.self_consignment_col_3 dt,
.self_consignment_col_2 dt {
	display: flex;
	align-items: center;
	margin-bottom: 20px;
	font-size: 15px;
	color: #134c98;
    font-weight: bold;
	padding-bottom: 5px;
    border-bottom: solid 1px #134c98;
}
.self_consignment_col_3 dt img,
.self_consignment_col_2 dt img {
	margin-right: 10px;
	max-width: 30px;
}
@media only screen and (max-width: 767px) {
	.self_consignment_col_3 > * + *,
	.self_consignment_col_2 > * + * {
		margin-top: 10px;
	}
}
@media print, screen and (min-width: 768px) {
	.self_consignment_col_3,
	.self_consignment_col_2 {
		display: flex;
		justify-content: space-between;
	}
	.self_consignment_col_3 > * {
		float: left;
		width: calc((100% - 100px) / 3);
	}
	.self_consignment_col_2 > * {
		float: left;
		width: calc((100% - 65px) / 2);
	}
}
.bold_blue {
	color: #134c98;
	font-weight: bold;
}
.bold_red {
	color: #F00;
	font-weight: bold;
}

.reference {
	margin-top: 10px;
	/* padding-left: 4em;
    text-indent: -4em; */
}



/* 再生可能エネルギー発電事業
-------------------------------------------------------------------------------------------------*/
.contents_renewable .pps_box_l{
	width: 410px;
}
.contents_renewable .pps_box_l span{
	display: block;
	margin-top: 10px;
	font-size: 90%;
}
.contents_renewable .pps_box_r img{
	width: 100%;
	height: auto;
	margin-bottom: 5px;
}
.contents_renewable .jirei{
	margin-top: 15px;
}
.contents_renewable .jirei dd{
	border-bottom: none;
}
.contents_renewable .jirei dd:last-child{
	border-bottom: 1px solid #1D47A5;
}


/* 会社概要
-------------------------------------------------------------------------------------------------*/
.corporate dl{
	padding:1px 0;
	width:240px;
	border: 1px solid #c6c6c6;
	min-height:200px;
}
.corporate dl.first{
	padding:1px 0;
	width:240px;
	margin-right:20px;
	border: 1px solid #c6c6c6;
	min-height:200px;
}
.corporate dt{
	border-top: 3px solid #00367d;
	padding-top:10px;
	text-align:center;
}
.corporate dd{
	padding		: 8px 10px 20px 10px;
	font-size:85%;
	line-height:150%
}

@media only screen and (min-width: 768px) {
	.wrap_shikakusha{
		display: -webkit-flex;
		display: flex;
		-webkit-flex-wrap: wrap;
		flex-wrap: wrap;
	}
	.list_shikakusha:not(:first-of-type){
		margin-left: 50px;
	}
}
.wrap_shikakusha{
	font-size: 108%;
	line-height: 1.7;
}


.C04 table {
	width:100%;
	line-height:150%;
	margin:20px 0;
	text-align:left;
	border:1px solid #ddd;
}
.C04 table th{
	padding:5px;
	vertical-align:top;
	background:#eee;
	border:1px solid #ddd;
	color:#777;
	font-weight:bold;
}

.C04 table td {
	padding:8px 5px;
	vertical-align:top;
	border:1px solid #ddd;
}
.C04 table td span{
	color:#e8302d;
}

#Main .MainLeft .greetinL{
	float:left;
	width:192px;
}
#Main .MainLeft .greetinR{
	float:right;
	width:500px;
	line-height:180%;
}
#Main .MainLeft .greetinR h3{
	font-size:124%;
	margin-bottom:20px;
	font-weight:normal;
}
#Main .MainLeft .greetinR p{
	font-size:85%;
	text-align:right;
	margin-top:20px;
}

#Main .MainLeft .inqury p{
	text-align:center;
	margin-top:20px;
}
#Main .MainLeft .inqury p input{
	margin:10px 20px 0 0;
}

/* 事業所一覧
-------------------------------------------------------------------------------------------------*/
.office_box{
	width:100%;
	}
	.office_box th,
	.office_box td{
		padding:0.5em 1em;
		border-right:1px solid #FFF;
		vertical-align:middle;
	}
	.office_box thead th{
		color:#FFF;
		font-weight:bold;
		background-color:#1483C3;
	}
	.office_box tbody th{
		width:10em;
		border-top:1px solid #FFF;
		border-right:1px solid #FFF;
		background-color:#CCC;
		font-weight:bold;
	}
	.office_box .tel{ width:160px;}
	.office_box td{
		border-top:1px solid #FFF;
		background-color:#E9E9E9;
		font-family:Tahoma, Geneva, sans-serif;
		font-size:1.1em
	}
.office_box a{border-bottom:1px solid; color:#1A4D98;}
.office_box a:hover{border-bottom:1px solid; color:#333;}

.office_tl{
	color:#1483C3;
	font-size:16px;
	font-weight:bold;
}

/* 環境への取り組み
-------------------------------------------------------------------------------------------------*/


.environment p{
	margin:0px 0 16px 0;
}
.environment dt {
	margin:5px 0 0;
	width:25px;
	float:left;
}
.environment dd {
	margin:5px 0 0;
	width:96%;
	float:left;
}
.environment .fblu{
	color:#134c98;
	font-weight:bold;

}


/* 採用情報
-------------------------------------------------------------------------------------------------*/
.recruit_inq{
	padding: 10px;
	border: 1px solid #ccc;
}
.recruit_inq .tel-link a{
	color:#134c98;
	font-size:130%;
	font-weight: bold;
}


/* 個人情報の取り扱い
-------------------------------------------------------------------------------------------------*/
.privacy{margin-top:15px;}

.pb_waku{border:1px solid #CCC; padding:0 15px 0 15px;}

.privacy h3{
	margin-top: 50px;
	margin-bottom: 20px;
}
.privacy h4{font-weight:bold;
	padding-top:20px;
	font-size:17px;
	color:#333;
	padding-bottom:10px;
	border-bottom:3px solid #F5F5F5;
	margin-bottom:10px;}

.privacy h5{
	padding-top:20px;
	padding-bottom:10px;
	font-weight: bold;
	font-size: 15px;
}
.privacy dt {

	margin:5px 0 0;
	width:26px;
	float:left;
}
.privacy dd {

	margin:5px 0 0;
	width:96%;
	float:left;
}
.privacy dl {
	margin:0px 0 15px;
}
.privacy ul {
	margin:15px 0 20px;
}
.privacy ul li {
	margin:5px 0 0;
	padding-left:16px;
	background	: url(../images/bak_list_sub.gif) 1px 8px no-repeat;
}


.privacy a{text-decoration:underline;}

.bold{font-weight: bold;}

.privacy .child_list{margin-left:12px;}

.privacy_list li{background-image:url(../images/bak_list_sub.gif); background-repeat:no-repeat; background-position:5px;}


/* 社長あいさつ
-------------------------------------------------------------------------------------------------*/
#greeting .left{width:240px; float:left;}
#greeting .left img{max-width: 100%;}
#greeting .right{float:right; width:480px;}



/* CSR
-------------------------------------------------------------------------------------------------*/
.privacy_box{
	padding:20px;
	background-color:#E9E9E8;
}
.privacy_box ol{
	margin-left:0;
	list-style-type:none;
}



.indent{text-indent:13px;}

.sitemap h2{font-size:20px; border: 1px solid #CCC; border-bottom: none; background-color:#EBEBEB; margin: 0; padding:15px; }

.sitemap h3{font-size:18px; width:300px;}
.sitemap h3 a{display: block; padding: 10px; color: #fff;}
.service01{background-color:#0050A9;}
.service02{background-color:#0084C4;}
.service03{background-color:#B29963;}
.service03-2{background-color:#42A731;}

.sitemap h3:hover{opacity:0.8;}



.sitemap .box{border:1px solid #CCC; border-bottom: none; padding: 20px;}
.sitemap > a{display: block;}
.sitemap > a:last-child{border-bottom: 1px solid #CCC;}
.sitemap_left{width:46%; float:left; padding:15px;}
.sitemap_right{width:46%; float:right; padding:15px;}

.sitemap h4 + h4{margin-top: 20px;}
.sitemap h4 a{display: inline-block; background:url(../images/list.png) 0 6px no-repeat; color:#333; padding-left:10px; font-size:1.2em;}
.sitemap h4 a:hover{text-decoration:underline;}

.sitemap ul{margin-bottom: 20px;}
.sitemap ul li{margin: 10px;}
.sitemap ul li a{display: inline-block; background-image:url(../images/list_sub.gif); background-position:0 6px;  padding-left:13px; background-repeat:no-repeat; color:#666; text-decoration:underline;}
.sitemap ul li a:hover{ color:#999;}

.inf_menu{background:#f5f5f5; font-size:1.1em; padding:10px 0 10px 10px;; line-height:200%;}
h3.sm_h3_blue{font-weight:bold; font-size:16px; color:#004FAA;  border-bottom:1px solid #004FAA; text-align:center;line-height:250%;}


/* 一般事業主行動計画
-------------------------------------------------------------------------------------------------*/
.tbl_plan_taisaku{
    line-height: 1.8;
}
.tbl_plan_taisaku td{
    padding: 5px 10px;
    border-bottom: 1px solid #666;
}
.tbl_plan_taisaku td span{
    display: inline-block;
    margin-right: 1em;
}


/* NEWS
-------------------------------------------------------------------------------------------------*/
.news a{text-decoration:underline;}

.news_inq{
	padding: 10px;
	border: 1px solid #ccc;
}

.gochui_inq{
	margin-top: 20px;
}
.gochui_inq > *{
	vertical-align: middle;
}
.gochui_inq span{
	display: inline-block;
}
.gochui_inq .tl{
	margin-right: 15px;
	padding: 0 10px;
	color: #2044A8;
	font-size: 1.7rem;
	line-height: 34px;
	border: 1px solid #a4b8d3;
}
.gochui_inq img{
	width: auto;
	height: 26px;
	margin-right: 3px;
}
.gochui_inq .tel-link,
.gochui_inq .tel-link a{
	color: #2044A8;
	font-weight: bold;
	font-size: 3.4rem;
}


#pdfs ol{
	padding-left:2em;
}
#pdfs ol{
	list-style-type: upper-roman;
}

#pdfs ol li{
	margin-top:8px;
}

#pdfs ol > li > ol{
	list-style-type: decimal;
}

#pdfs .pdf_title{
	background-color: #e4e4e4;
	padding: 3px 8px;
	margin-bottom: 10px;
}

.report{
	width: 48%;
	float: left;
	margin-right: 4%;
}

.plan{
	width: 48%;
	float: left;
}

.plan_h{background-color:#efefef; padding:10px;}

.plan_h dt{width:50px; float:left;}
.plan_h dd{width:680px; margin-left:50px;}
.plan_hp{margin-top:0px; padding-left:10px;}


/* commerce
-------------------------------------------------------------------------------------------------*/
.commerce h3 {
    font-weight: bold;
    font-size: 20px;
    color: #333;
    margin-top: 30px;
    margin-bottom: 20px;
    line-height: 1.5em;
}
.commerce h4 {
    font-weight: bold;
    padding-top: 20px;
    font-size: 17px;
    color: #333;
    padding-bottom: 10px;
    border-bottom: 3px solid #F5F5F5;
    margin-bottom: 10px;
}
.commerce table {
	border-collapse: collapse;
	width: 100%;
}
.commerce th {
	border: solid 2px #ddd;
	background-color: #eee;
	width: 8em;
	padding: 1em;
	font-weight: bold;
}
.commerce td {
	border: solid 2px #ddd;
	padding: 1em;
}