@charset "UTF-8";
===========================================

　●１-１　初期設定のリセット

=========================================*/
h1,h2,h3,h4,h5,dl,dt,dd {
	margin: 0;
	padding: 0;
}
body {
	margin: 0;
	padding: 0;
	background-color: #FFF;
	background-image: none;
	color: #333;
	font-size: 75%; /* IEに適用 */
	text-align: center;
	letter-spacing: 0;
}
body, body td, body th {
	font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro W3", Osaka, "ＭＳ Ｐゴシック", "MS P Gothic", sans-serif;
/*	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro W3", Osaka, "ＭＳ Ｐゴシック", "MS P Gothic", sans-serif;*/
}
table {
	font-size: inherit;
}
html>/**/body {
	font-size: 14px; /* IE以外のブラウザ */
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
body { line-height:1.7; }
}

.ie.win body {
	padding: 0 0 0 1px;
}
.ie.win #inner-content-area p,
.ie.win .relationLink dt,
.ie.win h5{
	line-height:1.6;
}

.mac body {
	/*font-size: 84%;*/
}

img {
	margin: 0;
	padding: 0;
	border: 0;
}

br{
	letter-spacing: 0;
}

/*=========================================

■７．リンク色設定

=========================================*/
a {
	color: #395F9D;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}


/*=========================================

　●３-４　ぱんくずリスト

=========================================*/
#breadcrumb{
	background-color: #EBEBEB;
	min-height: 36px;
	font-size: 12px;
	text-align: left;
	clear:both;
}
#breadcrumb div {
	width: 960px;
	margin:0 auto;
	padding:8px 0;
	overflow:hidden;
}
#breadcrumb a,
#breadcrumb span{
	white-space:nowrap;
	display:inline-block;
}

/*=========================================

　●３-５　左メニュー　改定

=========================================*/
#leftNav2{
	width:176px;
	font-size:85.71%;
	float:left;
}

#leftNav2 ul,
#leftNav2 li{
	list-style:none;
}

#leftNav2 > ul{
	background:url("/share/images/left_nav_bg01.gif") repeat-y scroll left top ;
}

#leftNav2 > ul >li.bbNo{
	background:url("/share/images/bottom_p01.gif") no-repeat scroll left bottom;
	padding-bottom:5px;
}

#leftNav2 > ul >li.active.bbNo{
	background:url("/share/images/bottom_p01.gif") no-repeat scroll left bottom;
}

#leftNav2 > ul >li.active.bbNo > a{
	margin-bottom:5px !important;
}

#leftNav2 > ul >li.active.hasChild > a{
	margin-bottom:none !important;
}

#leftNav2 > ul >li.bbNo.hasChild{
	background:none;
	padding:0px;
}

#leftNav2 > ul >li.bbNo.hasChild:after{
	background:url("/share/images/bottom_p02.gif") no-repeat scroll left bottom;
	padding-bottom:5px;
	margin:0;
}

#leftNav2 li{
    line-height: 1.25;
}

#leftNav2 li a{
	padding:7px 3px 7px 16px;
	display: block;
	color:#333333;
	background:url("/share_corporate/images/arr_4.gif") no-repeat 5px 0.9em;
	margin:0 10px;
}

body#home #leftNav2 li a{
	background-image:url("/home/share/images/arr_1.gif");
}

body#business #leftNav2 li a{
	background-image:url("/business/share/images/arr_2.gif");
}
body#corporate #leftNav2 li a{
	background-image:url("/share_corporate/images/arr_4.gif");
}

body #leftNav2.energy li a,
body#corporate #leftNav2.energy li a{
	background-image:url("/energy_supply/energy/share/images/arr_6.gif");
}

#leftNav2 ul li:first-child:before{
	border:none;
	padding-top:3px;
}

#leftNav2 ul li:before{
	content:"";
	display:block;
	margin:5px 10px 5px;
	border-bottom:dotted 1px #cccccc;
}


#leftNav2 > ul > li > ul >li > ul > li:before{
	border:none;
}

#leftNav2 ul li:first-child:before{
	margin-top:0;
}

#leftNav2 ul li:after{
	display:block;
	content:"";
}

#leftNav2 > ul > li:after{
	margin:5px 10px 5px;
}

#leftNav2 li.active > a,
#leftNav2 li a:hover{
	text-decoration:none;
	background-image:url("/share/images/arr_o.gif") !important;
}

#leftNav2 li.hasChild > a,
#leftNav2 li.hasChild > a:hover{
	background-image:url("/share/images/arr_a.gif") !important;
}

#leftNav2 li.active li:first-child a,
#leftNav2 > ul > li.active + li a{
	border-top:none;

}

#leftNav2 > ul > li.active > ul > li.bbNo{
	background:url(/share/images/top_p01.gif) no-repeat left bottom;
	padding-bottom:3px;
}


#leftNav2 > ul > li.active.bbNo > ul > li.bbNo{
	background:none;
}

#leftNav2 ul > li.bbNo.active > ul > li.bbNo.active {
    border-bottom: medium none !important;
}

#leftNav2 > ul > li.bbNo.active > ul > li.bbNo.active {
    border-top: 1px solid #cccccc;
}

/*----level 2------------*/

#leftNav2 > ul > li.hasChild + li:before{
	border:none;
}
#leftNav2 > ul > li.active > a,
#leftNav2 > ul > li > a:hover{
	background-color:#ff4d4d;
	background-position:5px 0.9em;
	color:#ffffff;
}

body#home #leftNav2 > ul > li.active > a,
body#home #leftNav2 > ul > li > a:hover{
	background-color:#FF9900;
}

body#business #leftNav2 > ul > li.active > a,
body#business #leftNav2 > ul > li > a:hover{
	background-color:#0051A2;
}

body#corporate #leftNav2 > ul > li.active > a,
body#corporate #leftNav2 > ul > li > a:hover{
	background-color:#ff4d4d;
}

body #leftNav2.energy > ul > li.active > a,
body #leftNav2.energy > ul > li > a:hover{
	background-color:#06a177 !important;
}

#leftNav2 > ul > li:first-child > a{
	border:none;
}
/*----level 3------------*/

#leftNav2 >ul >li >  ul{
	background:url("/share/images/left_nav_bg02.gif") repeat-y scroll left top;
}

#leftNav2 > ul > li.active > ul >li:first-child {
    background: url("/share/images/top_p02.gif") no-repeat scroll left top;
	margin-top:10px;
}

#leftNav2 > ul > li.active > ul > li.bbNo:first-child {
    border-bottom: 1px solid #cccccc;
}

#leftNav2 > ul > li.active{
	background:url("/share/images/left_nav_bg01.gif") repeat-y scroll left top;
}

#leftNav2 > ul > li.active > ul >li a{
	padding-left:20px;
	padding-right:3px;
	background-position:5px 0.9em;
}

#leftNav2 > ul > li.active > ul >li a:hover,
#leftNav2 > ul > li.active > ul >li.active >a{
	background-color:#cccccc;
	color:#333;
}

#leftNav2 > ul > li.active > ul >li a,
#leftNav2 > ul > li.active > ul >li a:hover{
	padding-left:20px;
}

#leftNav2 > ul > li.active > ul >li > ul > li,
#leftNav2 > ul > li > ul >li{
	display:none;
}

#leftNav2 > ul > li.active:after{
	margin:0;
}


#leftNav2 > ul > li.active > ul >li.active > ul > li,
#leftNav2 > ul > li.active > ul >li{
	display:list-item;
}

/*----level 4------------*/

#leftNav2 > ul > li.active > ul >li > ul > li{
	padding-left:10px;
}

#leftNav2 > ul > li.active > ul >li > ul > li a{
	background-position:5px 0.9em !important;
	border:none;
}

#leftNav2 > ul > li.active > ul >li > ul > li.active a,
#leftNav2 > ul > li.active > ul >li >ul >li a:hover{
	background-color:#eeeeee !important;
	color:#333 !important;
}


#leftNav2 > ul > li.active > ul >li >ul > li a{
	background-image:url("/share/images/arr_8.gif") !important;
}

#leftNav2 > ul > li.active > ul >li >ul > li.active a,
#leftNav2 > ul > li.active > ul >li >ul > li a:hover{
	background-image:url("/share/images/arr_o.gif") !important;
}

#leftNav2 > ul > li.active > ul >li.active > a:first-child{
	background:#cccccc url("/share/images/arr_o.gif") no-repeat 5px 0.9em !important;
}

#leftNav2 > ul > li.active > ul >li.hasChild > a:first-child{
	background:#cccccc url("/share/images/arr_a.gif") no-repeat 5px 0.9em !important;
}


#leftNav2 > ul > li.active > ul >li.active > a:first-child:hover{
	background-image:url("/share/images/arr_8.gif") !important;
	color:#333 !important;
}

#leftNav2 li.pull-down:before,
#leftNav2 li.border:before{
    border-bottom: 1px dotted #cccccc;
    content: "";
    display: block;
    margin: 5px 10px;
	}
#leftNav2 li.pull-down li{
	display:none;
	}
#leftNav2 li.pull-down.active li{
	display: inherit;
	}
#leftNav2 li.pull-down.active li:before{
	border-bottom:none;
	}
#leftNav2 li.active li.pull-down.active > a{
	background-image:url(/share/images/arr_a.gif) !important;
	}
#leftNav2 li.active li.pull-down.active > ul{
	margin-left:10px;
	}
#leftNav2 li.active li.pull-down.active li a{
	background-color:#FFF !important;
	background-image:url(/share/images/arr_8.gif) !important;
	}
#leftNav2 li.active li.pull-down.active li.active a,
#leftNav2 li.active li.pull-down.active li a:hover{
	background-color:#EEE !important;
	background-image:url(/share/images/arr_o.gif) !important;
	}

/*-----------full open -----------------*/
#leftNav2 > ul > li.open:first-child:before {
    margin-top: 0;
}
#leftNav2 > ul > li.open:before {
    border: medium none;
    margin-top: 8px;
}

body #leftNav2 > ul > li.open > a {
    background-color: transparent !important;
    background-image: url("/business/share/images/arr_0.gif");
    color: #333333;
}
body#home #leftNav2 > ul > li.open > a{
	background-image:url("/home/share/images/arr_1.gif") !important;
}
body#business  #leftNav2 > ul > li.open > a{
	background-image:url("/business/share/images/arr_2.gif") !important;
}
body#corporate  #leftNav2 > ul > li.open > a{
	background-image:url("/share_corporate/images/arr_4.gif") !important;
}
body #leftNav2.energy > ul > li.open > a{
	background-image:url("/energy_supply/energy/share/images/arr_6.gif") !important;
}

/*-----------full open -----------------*/
body #leftNav2 > ul > li.border-under:after {
	border-bottom:dotted 1px #cccccc;
}

/*=========================================

　●３-５　左メニュー

=========================================*/
#leftNav{
	width:176px;
	font-size:85.71%;
	float:left;
}
#leftNav .leftNavBg01{
	background:url("/share/images/left_nav_bg01.gif") repeat-y left top;
	height:1%;
}
#leftNav .leftNavBg01 ul{
	background:url("/share/images/top_p01.gif") no-repeat left top;
	padding-top:1px;
}
#leftNav .bottomP01{
	background:url("/share/images/bottom_p01.gif") no-repeat left bottom;
	padding-bottom:10px;
	_padding-bottom:5px;
	margin-top:-7px;
}
#leftNav .bottomP02{
	background:url("/share/images/bottom_p02.gif") no-repeat left bottom;
	padding-bottom:10px;
	_padding-bottom:5px;
	margin-top:-7px;
}
#leftNav .leftNavBg02{
	background:url("/share/images/left_nav_bg02.gif") repeat-y left top;
}
#leftNav .leftNavBg02 ul{
	background:url("/share/images/top_p02.gif") no-repeat left top;
	padding-top:5px;
	margin-top:5px;
}
#leftNav .leftNavBg02 ul a:hover{
	background:url("/share/images/arr_o.gif") no-repeat 5px 0.7em #CCC!important;
	color:#FFF;
}
#leftNav .leftNavBg02 ul li{
	padding-left:7px;
}

#leftNav ul, #leftNav li{
	margin:0;
	padding:0;
	list-style:none;
}
#leftNav ul li{
	line-height:1.25;
	background:url("/share/images/list_dot.gif") no-repeat center bottom;
	padding:6px 0 7px 0;
}
#leftNav ul li a{
	display:block;
	padding:5px 0 5px 1.4em;
	margin:0 10px;
	text-decoration: none;
	color:#333;
	background-repeat:no-repeat;
	background-position:5px 0.7em;
}
#leftNav ul li a:hover,
#leftNav .activ-menu a{
	color:#fff!important;
	background-image:url("/share/images/arr_o.gif") !important;
	background-repeat:no-repeat;
	background-position:5px 0.7em;
}
#leftNav .activ-menulast a{
	color:#fff!important;
	background-image:url("/share/images/arr_o.gif") !important;
	background-repeat:no-repeat;
	background-position:5px 0.7em;
}


#leftNav .bbNo{
	background:none;
	padding-bottom:0;
}
#leftNav ul li ul li ul{
	margin-top:10px;
}

#leftNav .leftNavSub{
	height:1%;
}
#leftNav .leftNavSub ul{
	background:none;
	padding-top:1px;
}
#leftNav .leftNavSub li{
	background:none;
	padding:1px 0 6px 0;
	/*margin-left:10px;*/
}
#leftNav ul li .leftNavBg02 ul li .leftNavSub li a{
	background:url("/share/images/arr_8.gif") 5px 0.7em no-repeat!important;
}
#leftNav ul li .leftNavBg02 ul li a:hover{
	background:url("/share/images/arr_o.gif") 5px 0.7em no-repeat #CCC!important;
	color:#333!important;
}
#leftNav ul li .leftNavBg02 ul li .leftNavSub li a:hover{
	background:url("/share/images/arr_o.gif") 5px 0.7em no-repeat #EEE!important;
	color:#333!important;
}

.pdb_0{
	padding-bottom:0!important;
}

.leftSecBox{
	margin-top:-4px;
}

/* active時の表示 */
#leftNav .activ-menu a,
#leftNav .activ-menu a:hover{
	background-image:url("/share/images/arr_a.gif") !important;
}
#leftNav .activ-menulast a,
#leftNav .activ-menulast a:hover{
}

#leftNav ul li .leftNavBg02 ul li.activ-menuSub a,
#leftNav ul li .leftNavBg02 ul li.activ-menuSub a:hover{
	background:url("/share/images/arr_a.gif") 5px 0.7em no-repeat #CCC!important;
}
#leftNav ul li .leftNavBg02 ul li.activ-menuSublast a,
#leftNav ul li .leftNavBg02 ul li.activ-menuSublast a:hover{
	background:url("/share/images/arr_o.gif") 5px 0.7em no-repeat #CCC!important;
	color:#333!important;
}

#leftNav ul li .leftNavBg02 ul li .leftNavSub li.activ-menumid a{
	background:url("/share/images/arr_o.gif") 5px 0.7em no-repeat #EEE!important;
	color:#333!important;
}


/*--------------------------------------------------------
    PC/SP共通スタイル 20161222->
--------------------------------------------------------*/
body{
text-align:left;
}

.displayskip {
  display: none;
}

.clear{
	clear:both;
}
.clearfix {
  *zoom: 1;
}
.clearfix:after {
  content: "";
  display: table;
  clear: both;
}

.img-responsive-max {
  width: 100%;
  height: auto;
}

.img-responsive {
  max-width: 100%;
  height: auto;
}

  .sp-only {
    display: none !important;
  }

  .pc-only {
    display: block !important;
  }

#topBtn{
	z-index:887;
	width:65px;
	height:65px;
}
    #topBtn img{
        width: 100%;
    }

.icon-external {
  display: inline-block;
  width: 15px;
  height: 11px;
  margin-left: 4px;
  vertical-align: -1px;
  background: url("/share/images/icon_external_link_s.gif") no-repeat;
}


a.a_external i.icon-external
{
	background:url(/share/images/icon_external_link_s_02.gif) no-repeat center right;
}

a.a_external[href^="http"] i.icon-external
{
	background-image:url(/share/images/icon_external_link_s.gif);
}

  .related-links {
    text-align: left;
    border-top-width: 3px;
    border-top-style: solid;
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    border-left: 1px solid #ccc;
    background-position: 2px 2px;
    padding: 9px 9px 20px 9px;
  }
  .related-links-title {
    padding: 10px;
    font-weight: bold;
    border-bottom: 1px solid #ccc;
    margin-bottom: 20px;
  }
  .related-links-list {
    *zoom: 1;
    margin-left: -9px;
  }
  .related-links-list:after {
    content: "";
    display: table;
    clear: both;
  }
  .related-links-item {
    width: 215px;
    float: left;
    margin-left: 19px;
  }
  .related-links-link {
    border: 1px solid #ccc;
    text-align: center;
    display: block;
    padding: 1px;
  }
  .related-links-link img {
    vertical-align: bottom;
  }


/*--------------------------------------------------------
    20161130 ->
--------------------------------------------------------*/

input{
    -webkit-appearance: none;
    border-radius: 0;
}

.font_google{
    font-family:Oswald;
}

.date .small {
    font-size: 70%;
    padding-right: 1px;
}

a img:hover{
    opacity: 0.8;
}

a[target="_blank"], a.lightbox, a.external, a.outwindow {
    background:none;
    padding-right:0;
}

@font-face {
    font-family: 'Oswald';
    src: url("/share/fonts/Oswald-Regular.ttf");
}

.left{
    float:left;
}

.right{
    float:right;
}

.ovh{
    overflow:hidden;
}

.none{
    display:none;
}

.block{
    display:block;
}
.img-responsive-max {
    height: auto;
    width: 100%;
}

#header {
	background:#fff;
	width:100%;
	position:relative;
	z-index:10000;
	}
#header img {
	vertical-align:bottom;
	}

#header *, #footer * {
    box-sizing: content-box;
}

#header #headerLogo,
#headerLogoSp {
    background: #ffffff none repeat scroll 0 0;
    display: table;
    text-align: center;
    float:left;
}
#header #headerLogo{
    height: 85px;
    margin: 0 !important;
    padding: 0 !important;
    width: 211px;
}

#headerLogoSp {
   box-sizing: border-box;
    padding: 2% 0;
}
#headerLogo a,
#headerLogoSp a {
    display: table-cell;
    height: 100%;
    text-align: center;
    vertical-align: middle;
}
#headerLogo img{
    width: 75%;
}
#headerLogoSp img{
    width: 80%;
    min-height: 50px;
}

#footer{
    background:none;
    clear:none;
    height:auto;
    margin-top:40px;
    width: 100%;
}

div.bg_footer_navi3{
    background-color:#726d6d;  
}

div.bg_banner{
    background-color: #f1ece7;
}

.cateKeiei{
    color:#a4a706;
    border-bottom:1px solid #a4a706;
}

.cateKaryoku{
    color:#bc2723;
    border-bottom:1px solid #bc2723;
}

.cateGenshi{
    color:#14b2b2;
    border-bottom:1px solid #14b2b2;
}

.cateOshi{
    color:#e8546c;
    border-bottom:1px solid #e8546c;
}

.cateKanren{
    color:#25599e;
    border-bottom:1px solid #25599e;
}

.cateKou{
    color:#0c9e58;
    border-bottom:1px solid #0c9e58;
}

.mdNavis li.top > div.out > a,
.mdNavis ul.sub div.out > a
{
    font-weight:bold;
}

#bigCor .mdNavis li.top > div.out > a:hover,
#bigCor .mdNavis ul.sub  div.out > a:hover,
#mmbigCor .mdNavis li.top > div.out > a:hover,
#mmbigCor .mdNavis ul.sub  div.out > a:hover
{
    background-color:rgba(231, 195, 198,1.0);
}    
    
#bigEnergy .mdNavis li.top > div.out > a:hover,
#bigEnergy .mdNavis ul.sub  div.out > a:hover,
#mmbigEnergy .mdNavis li.top > div.out > a:hover,
#mmbigEnergy .mdNavis ul.sub  div.out > a:hover
{
    background-color: rgba(180, 226, 200, 1.0);
}    
    
#bigSr .mdNavis li.top > div.out > a:hover,
#bigSr .mdNavis ul.sub  div.out > a:hover,
#mmbigSr .mdNavis li.top > div.out > a:hover,
#mmbigSr .mdNavis ul.sub  div.out > a:hover
{
    background-color: rgba(238, 218, 152, 1.0);
}    
    
#bigIr .mdNavis li.top > div.out > a:hover,
#bigIr .mdNavis ul.sub  div.out > a:hover,
#mmbigIr .mdNavis li.top > div.out > a:hover,
#mmbigIr .mdNavis ul.sub  div.out > a:hover
{
    background-color: rgba(168, 203, 225, 1.0);
}    
    
#bigFc .mdNavis li.top > div.out > a:hover,
#bigFc .mdNavis ul.sub  div.out > a:hover,
#mmbigFc .mdNavis li.top > div.out > a:hover,
#mmbigFc .mdNavis ul.sub  div.out > a:hover
{
    background-color: rgba(202, 236, 246, 1.0);
}    
    
.blank{
    background: rgba(0, 0, 0, 0) url("../images/icon_external_link_s.gif") no-repeat scroll left center;
    padding-right: 18px;
}

/** 2017/03/22	update **/
	.blink {
		position: relative;
	}

	.blink a[target="_blank"]::before {
		content: url("/images/pic_external_linkout_btn.png");
		position: absolute;
		right: 5px;
		top: 5px;
		width: 15px;
		z-index: 1000;
	}
	.blink a[target="_blank"]:not([href^="http"])::before {
		content: url("/images/pic_external_linkin_btn.png");
		position: absolute;
		right: 5px;
		top: 5px;
		width: 15px;
		z-index: 1000;
	}
	
	ul.bannerList .blink a[target="_blank"]::before ,
	ul.bannerList .blink a[target="_blank"]:not([href^="http"])::before {
		right: 18px;
	}


/******************************** PC ****************************/
@media print, screen and (min-width:980px){
    .tablet,.sp-only,.tab_phone{
        display:none!important;
    }

    body{
        width:100%;
        margin:0;
        padding:0;
        font-family:"游ゴシック", "YuGothic", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", "sans-serif";         
    }
	
	.container {
    width: 960px;
    margin: 0 auto;
	}
	
	.container:after {
    content: ".";
    display: block;
    height: 0;
    font-size: 0;
    clear: both;
    visibility: hidden;
	}
    
    .stickyNaviSpOut{
        display:none;
    }

    div.bg_black{
        background-image:url("/share/images/header_bg.jpg");
        background-repeat:repeat-x;
    }
	
    .minSize{
        width:960px;
        margin:0 auto;
    }

#header_content{
    height:85px;
}

#header_sns {
    box-sizing: border-box;
    color: #fff;
    padding: 0 7px;
    text-align: center;
}

    #header_sns > p{
        font-size:85%;
        font-weight: bold;
        padding-bottom: 10px;
        padding-top: 10px;
    }

    #header_sns > ul{
        margin: 0 auto;
    }

    #header_sns > ul li{
        float: left;
        padding-right: 5px;
    }

    #header_sns > ul >li:last-of-type,
    #header_sns > ul li.last{
        padding-right: 0;
    }
	
/** 2017/05/19	update **/

	#header_sns a.snslist_link{
		display:block;
		position:relative;
		width:100%;
		padding:7% 0;
		color:#fff;
		font-size:85%;
		font-weight:bold;}
	
	#header_sns a.snslist_link::before{
		content:url("/share/images/header_arrow.png");
		display:block;
		position:absolute;
		top:50%;
		left:15px;
		transform:translateY(-50%);
		-webkit-transform:translateY(-50%);}
	
	#header_sns a.snslist_link:hover{
		background-color:#000;
		opacity:0.8;
		text-decoration:none;}


#navi1 {
    border-left: 1px solid #777777;
    font-size: 90%;
    font-weight: bold;
    width: 23%;
}

    #navi1  > ul > li > a:hover,
    #navi2 > ul > li > a:hover
    {
        background-color:#000;
    }
    
#navi1 > ul > li {
    box-sizing: border-box;
    float: left;
    font-size: 93%;
    height: 42px;
    text-align: center;
    width: 50%;
}

    #navi1 > ul > li > a{
        color: #fff;
        display: block;
        height: 100%;
        width: 100%;   
    }

    #navi1 ul > li > a:hover{
        text-decoration:none;
        opacity:0.8;
    }

    .icon_arrow {
        line-height:0;
        padding-left:10px;
        padding-top:22px;
        text-align: left;
    }

    .icon_search{
        padding-left: 9px;
        padding-top:22px;
        text-align: left;
        line-height:0;
    }

    .icon_arrow:before{
        background-image: url("/share/images/header_arrow.png");
        background-repeat: no-repeat;
        content: " ";
        padding-right: 7px;
    }

    .icon_search:before{
        content:" ";
        background-image:url(/share/images/icon_seach.png);    
        background-repeat: no-repeat;
        padding-right:19px;    
    }
    
    .bg_search {
        background-color: rgba(127, 127, 127, 0.5);
    }
    
    #searchArea{
        width:100%;
        left: 0;
        position: absolute;
        top: 85px;
        z-index:99999;
        padding: 10px 0;
    }

    #searchArea input{
        float: left;
        height: 40px;
        border: medium none;
    }
	
    
    #searchArea input[type=submit]{
        background: #e04d53 url("/share/images/search.jpg") no-repeat scroll center center / 30% auto;
        text-indent: -9999px;
        width: 84px;
    }    
    
    #searchArea input[type=text]{
        width: 865px;
        padding:0 5px;
    }
    
    #navi1 > ul > li.nl1{
        border-bottom: 1px solid #777777;
    }

    #navi1 > ul  >  li.nl2{
       border-bottom: 1px solid #777777;
    }

    #navi1 >  ul  > li.nl3{
        border-right: 1px solid #777777;
    }
    #navi1 >  ul  > li{
        border-right: 1px solid #777777;
    }

    #navi2{
        width:38%;
        height:100%;
    }

    #navi2 > ul{
	display:table;
        width:100%;
    }

#navi2 > ul > li {
    border-left: 1px solid #777777;
    display: table-cell;
    text-align: center;
    vertical-align: middle;
    width: 36%;
}
#navi2 > ul,
#navi2 > ul > li,
#navi2 > ul > li > a,
#navi2 > ul > li > a > p{
       box-sizing:border-box;
       height:100%;
}

    #navi2 > ul > li > a{
        color:#fff;
        display:table;
        width:100%;
        height:100%;
        font-weight: bold;
        font-size: 90%;
        position:relative;
    }

    #navi2 > ul > li > a:after{
        content:"";
        display:inline-block;
        position:absolute;
        width:100%;
        height:12%;
        bottom:0;
        left:0;
    }
    
    #navi2 > ul > li > a:hover{
    	text-decoration:none;
    	opacity:0.8;
    }

    #navi2 > ul > li > a > p{
    display: table-cell;
    vertical-align: middle;
    }

    #navi2 > ul > #header_kojin_navi > a > p, #navi2 > ul > #header_houjin_navi > a > p {
        font-size:126%;
    }

    #navi2 > ul > li#header_kojin_navi > a:after{
     background-color:#d1740d;
    }

    #navi2 > ul > li#header_houjin_navi > a:after{
        background-color:#1171c9;
    }

    #navi2 > ul > li#solution_navi > a:after{
        background-color:#B996CB;
    }

    #navi1 > ul > li:last-of-type{
       border-right: 1px solid #777777;
    }

    .areaCommonOut{
        left: 0;
        position: absolute;
        top: 84px;
        width: 100%;
        z-index: 888;
    }

    .areaCommon{
        background-color: #fff;
        margin-bottom: 30px;
        margin-top: 30px;
        padding: 30px 20px 30px;
        position: relative;
        width:861px;    
    }
	
    .areaCommonTitle{
        font-size: 180%;
        text-align: left;
        margin-bottom: 20px;
        padding-bottom: 5px;
        border-bottom: 2px solid;
    }
	
    #navi2 .areaCommon :not(.areaCommonTitle) a{
        color:#000000;
    }

    .bg_kojin{
        background-color: rgba(203, 121, 37, 0.9);
    }

    .kojinAreaTitle , .kojinAreaTitle a{
        color: #c77017 !important;
    }

    .kojinArea .areaCommonTitle:before{
        background-image: url("/share/images/kojin_arrow.jpg");
        background-repeat: no-repeat;
        content: " ";
        display: inline-block;
        height: 16px;
        padding-right: 15px;
        vertical-align: middle;
    }

    .kojinArea ul li.areaLeft{
        margin-bottom: 30px;
    }

    .kojinArea ul li.areaLeft > ul{
        border: 1px solid #e3e5e4;
    }
	
    .kojinArea ul li.areaLeft > ul > li{
        border-bottom: 1px solid #e3e5e4;
        border-right: 1px solid #e3e5e4;
        float: left;
        width: 285px;
        text-align:left;
    }
	
    .kojinArea ul li.areaLeft > ul > li.al_r{
        border-right:none;		
    }
	
    .kojinArea ul li.areaLeft > ul > li.al_c{
        border-bottom:none;	
        width:861px;
    }
/** 2017/02/14	update **/
    .kojinArea ul li.areaLeft > ul > li.al_l_m{
        width:571px;
    }
    .kojinArea ul li.areaLeft > ul > li.al_m_r{
        width:571px;
	border-right: none;
    }

    .kojinArea ul li.areaLeft > ul > li.b_btm_no{
        border-bottom:none;	
    }

/** 2017/02/14	update **/

	
    .kojinArea ul li.areaRight{
        overflow:hidden;
    }
	
    .kojinArea ul li.areaRight p{
        float:left;
        padding-left: 25px;
    }
    .kojinArea ul li.areaRight > p:last-of-type,
    .kojinArea ul li.areaRight p.last{
        padding-right:0;	
    }
	
    .houjinArea ul li.areaLeft > div.l_block{
        margin-bottom: 30px;
        width: 861px;
    }
	
    .houjinArea ul li.areaLeft > div.l_block > ul.l_list{
        border: 1px solid #e3e5e4;
    }
	
    .houjinArea ul li.areaLeft > div.l_block > ul.l_list > li{
        border-bottom: 1px solid #e3e5e4;
        border-right: 1px solid #e3e5e4;
        float: left;
        width: 285px;
        text-align:left;
    }
	
    .houjinArea ul li.areaLeft > div.l_block > ul.l_list > li a{
        display:block;
        width:100%;
        height:100%;	
    }
	
    .houjinArea ul li.areaLeft > div.l_block > ul.l_list > li a p{
        padding-bottom: 6px;
        padding-left: 10px;
        padding-top: 6px;		
    }
	
    .houjinArea ul li.areaLeft > div.l_block > ul.l_list > li.ll_r{
        border-right:0;
    }
	
    .houjinArea ul li.areaLeft > div.l_block > ul.l_list > li.btm{
        border-bottom:0;
    }
	
    .houjinArea ul li.areaLeft > div.l_block div.l_block_l{
        float:left;
    }
	
    .houjinArea ul li.areaRight{
        overflow:hidden;
    }
	
    .houjinArea ul li.areaRight p{
        float:left;
        padding-left: 25px;
    }
	.houjinArea ul li.areaRight p:first-child{
		 padding-left: 0px;
	}

    .houjinArea ul li.areaRight > p:last-of-type,
    .houjinArea ul li.areaRight p.last{
        padding-right:0;	
    }
	
    .l_block_l > a ,.l_block_r > a {
        float: left;
    }
    
    .l_block_l > a p.sLink {
        padding-left: 5px;
        padding-right: 27px;
    }
	
    .l_block_r > a p.sLink {
        padding-left: 5px;
        padding-right: 75px;
    }
	
    div.l_block p.title {
        background-color: #c7d8e5;
        color: #054385;
        font-weight: bold;
        line-height: 1;
        margin-bottom: 10px;
        padding: 8px;
        text-align: left;
        width: 247px;
    }
	
    .houjinArea ul li.areaLeft > div.l_block div.l_block_r{
        float:right;
    }
	
    .kojinArea ul li.areaLeft > ul li a{
        display:block;
        width:100%;
        height:100%;
        color:#000;
    }

    .kojinArea ul li.areaLeft > ul li a p{
        padding-bottom: 6px;
        padding-left: 10px;
        padding-top: 6px;
    }

    .kojinArea ul li.areaLeft > ul li.l{
        border-right: 1px solid #e3e5e4;
    }

    .kojinArea ul li.areaLeft > ul li.c{
        width: 100%;
    }

    .kojinArea .arrow:before{
        background-image: url("/share/images/kojin_arrow.jpg");
        background-repeat: no-repeat;
        content: " ";
        display: inline-block;
        height: 15px;
        padding-right: 16px;
        vertical-align: middle;
    }

    .areaCommon ul li.areaRight p:first-child {
        margin-bottom: 8px;
        padding-left: 0px;
    }

    .bg_houjin{
        background-color:rgba(27,94,165,0.9);
    }
	
    .houjinArea .arrow:before{
        content:" ";
        background-image:url(/share/images/houjin_arrow.jpg);
        padding-right:15px;
        background-repeat:no-repeat;
        display: inline-block;
        height: 16px;
        padding-right: 15px;
        vertical-align: middle;		
    }

    .houjinArea .areaCommonTitle{
        border-color: #e4ecf5 !important;
        color: #155ea5 !important;
    }

    .houjinArea .areaCommonTitle:before{
        content:" ";
        background-image:url(/share/images/houjin_arrow.jpg);
        padding-right:15px;
        background-repeat:no-repeat;
        display: inline-block;
        height: 15px;
        padding-right: 16px;
        vertical-align: middle;		
    }

    .houjinArea .areaLeft .areaLeftLeft{
        float: left;
        text-align: left;
        width: 300px;
    }
	
    .houjinArea .areaLeft .areaLeftLeft ul {
        border-left: 1px solid #e3e5e4;
        border-right: 1px solid #e3e5e4;
        border-top: 1px solid #e3e5e4;
    }
    
    .houjinArea .areaLeft .areaLeftLeft ul li{
        border-bottom: 1px solid #e3e5e4;
    }
	
    .houjinArea .areaLeft .areaLeftLeft ul li a{
        display:block;
        width:100%;
        height:100%;
    }
	
    .houjinArea .areaLeft .areaLeftRight{
        float: right;
        text-align: left;
    }

    .areaLeftRight .blok{
        padding-bottom:5px;
    }

    .areaLeftRight .title {
        background-color: #c7d8e5;
        color: #054385;
        font-weight: bold;
        line-height: 1;
        margin-bottom: 10px;
        padding: 5px;
    }

    .areaLeftRight .sLink:before{
        content:" ";
        background-image:url(/share/images/footer_arrow.png);
        padding-right:6px;
        background-repeat:no-repeat;
        display: inline-block;
        height: 16px;
        vertical-align: middle;		
    }

    .bg_solution{
        background-color:rgba(102,70,152,0.9);
    }

    .solutionArea .areaCommonTitle{
        color:#5d369a;
        border-color:#e8e4f5;
    }

    .solutionArea ul li{
        float:left;
        border-left: 1px solid #e3e5e4;
        border-bottom: 1px solid #e3e5e4;
        border-top: 1px solid #e3e5e4;
        width:33%;
        text-align:left;
    }

    .solutionArea ul >li:last-of-type,
    .solutionArea ul li.last{
        border-right: 1px solid #e3e5e4;	
    }

    .solutionArea ul li a{
        color:#000;
        display:block;
    }
    
    .solutionArea ul li a p{
        padding-left:10px;
        padding-top:6px;
        padding-bottom:6px;
    }

    .solutionArea .arrow:before{
        content:" ";
        background-image:url(/share/images/solution_arrow.jpg);
        padding-right:15px;
        background-repeat:no-repeat;
        display: inline-block;
        height: 15px;
        padding-right: 16px;
        vertical-align: middle;		
    }

    .footerArea {
        left: 29px;
        position: absolute;
        top: 50px;
    }

    .footerArea .areaCommon {
        padding-top: 5px;
        width: 862px;
    }

    .footerArea .areaRight > p {
        line-height: 0;
    }

    #navi3{
       position:relative;
    }

    #navi3 > ul > li{
        float: left;
        font-weight: bold;
        height:100%;
    }

    #navi3 > ul#navi3_c > li > a{
        color:#000000;
        display:inline-block;
        height:100%;
        padding:15px 1.7em;
		position:relative;
    }

   #navi3 > ul > li > a::after{
        content:"";
        position:absolute;
        top:50%;
		right:0;
		height:20px;
		width:1px;
		background-color:#ebe9e9;
		transform:translateY(-50%);
		-webkit-transform:translateY(-50%);
    }

   #navi3 > ul > li:last-child > a::after{
	   background:none;}

    #navi3 > ul > li > a:hover{
        text-decoration:none;
    }
     #navi3 > ul > li:last-of-type,
    #navi3 > ul > li.last{
        border-right: medium none;
        margin-right: 0;
        padding-right: 0;
    }
	
	#navi3 > ul#navi3_c > li > a:before{
		content:" ";
		padding-right:20px;
		background-repeat:no-repeat;
		background-position:center left;	
	}

    #navi3 > ul > li#corporate_navi > a:before{
        background-image:url(/share/images/g_corporate.jpg);        
    }

    #navi3 > ul > li#corporate_navi a:hover{
        color:#e60012;
    }

    #navi3 > ul > li#news_navi > a:before{
        background-image:url(/share/images/g_news.jpg);
    }

    #navi3 > ul > li#news_navi a:hover{
        color:#eb6100;
    }

    #navi3 > ul > li#e_s_navi > a:before{
        background-image:url(/share/images/g_energy_supply.jpg);
    }

    #navi3 > ul > li#e_s_navi a:hover{
        color:#3d9764;
    }

    #navi3 > ul > li#sustainability_navi > a:before{
        background-image:url(/share/images/g_sustainability.jpg);
    }

    #navi3 > ul > li#sustainability_navi a:hover{
        color:#f9be00;
    }

    #navi3 > ul > li#ir_navi > a:before{
        background-image:url(/share/images/g_ir.jpg);
    }

    #navi3 > ul > li#ir_navi a:hover{
        color:#0075c2;
    }

    #navi3 > ul > li#firstcareer_navi > a:before{
        background-image:url(/share/images/g_firstcareer.jpg);
    }

    #navi3 > ul > li#firstcareer_navi a:hover{
        color:#00a7ba;
    }
	
	#navi3 > ul > li#brand_navi > a{
		padding:15px 2.2em 15px 3em;}

    #navi3 > ul > li#brand_navi > a:before{
        content:url(/share/images/icon_cat.svg);
		padding-right:0;
		position:absolute;
		width:19px;
		height:25px;
		left:1em;
		top:50%;
		transform:translateY(-50%);
		-webkit-transform:translateY(-50%);   
    }

    #navi3 > ul > li#brand_navi a:hover{
        color:#695d49;
    }

    #navi3_c{
        width:960px;
        margin:0 auto;
    }

    .navi3Out{
        position:relative;
        background-color:#ffffff;
    }

    /*メンテナンス*/
   body .header_maintenance{
        width:960px;
        margin:0 auto;
   }
    body .header_maintenance > li {
        border: medium none;
        float: none !important;
        font-weight: normal !important;
        margin: 10px 12px 5px;
        padding: 0;
        text-align: right;
    }
    
    body .header_maintenance > li >a{
		color:#000000;
    }

	.header_maintenance a::before {
	    background: rgba(0, 0, 0, 0) url("/share/images/icon_spanner.png") no-repeat scroll center center / cover ;
	    content: "";
	    display: inline-block;
	    height: 25px;
	    margin-right: 2px;
	    margin-top: -5px;
	    vertical-align: middle;
	    width: 25px;
	}

    #bannerArea ul{
        display: table;
        margin: 0 auto;
        padding: 20px 0;
    }

    #bannerArea ul li{
        display: table-cell;
        padding-left: 20px;
    }
    #bannerArea ul li:first-child{
        padding-left: 0px;
    }
 #bannerArea > ul > li:last-of-type,
    #bannerArea ul li.last{
        padding-right:0;
    }

    #bannerArea ul li img{
        padding:3px;
        background-color:#fff;
    }


    div.bg_footer_navi {
        background-image: url("/share/images/footer_bg.png");
        background-position: center bottom;
        background-repeat: no-repeat;
        background-size: 100% auto;
    }
    div.bg_footer_navi li{
        list-style-type: none;
    }

    #footerNavi1{
       padding-top: 80px;
    }
    
    #footerNavi1 > ul{
        float:left;
        padding-right: 20px;
        text-align:left;
    }

    #footerNavi1 > ul > li{
        padding-bottom: 5px;
    }

    #footerNavi1 > ul > li > a{
        color:#000;
    }

    #footerNavi1 > ul > li > a > p{
        font-weight:bold;
    }

    #footerNavi1 > ul > li > a > p:before{
        content:" ";
        background-image:url(/share/images/footer_arrow.jpg);
        background-repeat:no-repeat;
        padding-right:15px;
        display: inline-block;
        height: 16px;
        vertical-align: middle;        
    }

    #footerNavi1 > ul > li ul{
       padding-left: 10px;

    }
    
    #footerNavi1 > ul > li ul li{
        padding-bottom:5px;
    }    

    #footerNavi1 > ul > li ul li > a{
        color:#000;
    }

    #footerNavi1 > ul > li ul li > a > p::before {
        background-image: url("/share/images/footer_arrow.png");
        background-repeat: no-repeat;
        content: " ";
        display: inline-block;
        height: 14px;
        margin-left: -10px;
        padding-right: 10px;
    }

    #footerNavi1 > ul > li ul li > a > p {
       padding-left: 10px;
    }

    #footerNavi2{
        position: relative;
    }

    #footerNavi2 > ul{
        border: 4px solid #fff;
        display: table;
        margin: 20px auto;
    }

    #footerNavi2 > ul >  li{
        display: table-cell;
    }

    #footerNavi2 > ul > li > a{
        display:block;
        line-height: 0;
    }

    #footerNavi3 ul{
        padding:10px 0;
        display:table;
        margin:0 auto;
    }

    #footerNavi3 li{
        display:table-cell;
        padding-left: 40px;
    }

    #footerNavi3 li a{
        color:#fff;
    }

    div#copyrightArea > ul{
        padding: 20px 0 10px;
        display:table;
        margin:0 auto;
    }

    div#copyrightArea ul > li{
        display:table-cell;
    }

    div#copyrightArea ul li#fotterSns{
        padding-left: 15px;
        padding-top: 7px;
        vertical-align: top;
    }

    div#copyrightArea ul li#fotterSns ul li{
        padding-right:10px;   
    }

    div#copyrightArea #copyright{
        margin: 0 auto;
        width: 520px;
    }
    
    #topBtn{
        bottom: 30px;
        position: fixed;
        right: 30px;
    }

    div.tri{
        top: -41px;
        line-height: 0;
        position: absolute;
    }

    .bigNavi {
        left: 0;
        position: absolute;
        /*top: 50px;*/
        width: 100%;
        z-index:888;
    }
    
    .bigNaviArea{
        background-color: #fff;
        margin-bottom: 30px;
        margin-top: 30px;
        padding: 20px;
        text-align: left;
        width: 920px;        
        position:relative;
    }
    
    .close{
        position: absolute;
        right: -10px;
        top: -20px;        
    }
    
    .bigNaviArea ul.mdNavis{
        border-radius:5px 5px 5px 5px;
        margin-bottom: 20px;        
    }    
    
    .bigNaviArea ul.mdNavis li{
        float: left;
        width: 672px;
    }    
    
    .bigNaviArea ul.mdNavis li.top {
        border-right: 2px solid #000;
        text-align: center;
        width: 242px;
    }    
    
    .mdNavis > li.top > div.out > a {
        display: block;
        width: 100%;
        height: 180px;
        padding-top: 64px;
    }    

    .bigNaviArea ul.mdNavis ul.sub li {
        border-bottom: 2px solid #000;
        border-right: 2px solid #000;
        float: left;
        text-align: center;
        width: 166px;
    }
    
    .bigNaviArea ul.mdNavis ul.sub li div.out > a{
        display:block;
        width:100%;
        height: 101px;
        padding-top: 20px;
    }
    
    .bigNaviArea ul.mdNavis ul.sub li.noRightBorder {
        border-right: medium none;
        width: 168px;
    }
    
    .bigNaviArea ul.mdNavis ul.sub li.noBottomBorder{
        border-bottom:none;
    }    

    .bigNaviArea ul.mdNavis ul.sub li > div.out a p {
        line-height: 1.2;
        padding-left: 5px;
        padding-right: 5px;
        padding-top: 5px;
    }   
    
    ul.bannerList{
        padding:15px;
        background-color:#e9eaea;
    }
    
    ul.bannerList li{
        border-right: 1px dotted #d4d4d4;
        float: left;
        margin-right: 11px;
        padding-right: 10px;    
    }
     ul.bannerList > li:last-of-type,
    ul.bannerList li.last{
        border:none;
        padding:0;
        margin:0;
    }
    
    ul.bannerList li img {
        background-color: #fff;
        border: 2px solid #e3e1e1;
        padding: 2px;
    }

    #bigCor{
        background-color: rgba(231, 195, 198, 0.9);        
    }
    
    #bigCor a{
        color:#e60012;
    }
    
    #bigCor div.tri {
        display:none;
        left: 36px;
        display:none;
    }
    
    #bigCor .bigNaviArea ul.mdNavis{
        border:2px solid #f1dcde;
        background-color:#f7ebec;
    }    
    
    #bigCor .bigNaviArea ul.mdNavis li{
        border-color:#f1dcde;
    }
    
    #corNewsOut li.corLeft{
        float: left;
    }
    
    #corNewsOut li.corLeft > p{
        font-weight: bold;
        padding-bottom: 10px;        
    }
    
    #corNewsOut li.corLeft > p:before{
        content:" ";
        background-image:url(/share/images/cor_midashi.jpg);
        padding-right:13px;
        background-repeat:no-repeat;
    }
    
    #corNewsOut li.corLeft ul#corNews li.newsItem{
        padding-bottom:8px;
        margin-bottom:8px;
        border-bottom:1px dotted #e1e2e1;
    }
    #corNewsOut li.corLeft ul#corNews li:last-of-type,
    #corNewsOut li.corLeft ul#corNews li.last{
        border:none;
        margin-bottom:20px;
    }

    #corNewsOut li.corLeft ul#corNews li.newsItem div{
        float:left;
    }    
    
    #corNewsOut li.corLeft ul#corNews li.newsItem div.corNewsDate{
        padding-right: 5px;
    }
    
    #corNewsOut li.corLeft ul#corNews li.newsItem div.corNewsIcon{
        font-size: 80%;
        font-weight: normal;
        line-height:1.4;
        margin-right: 5px;
        padding: 4px 3px;        
        text-align:center;
        width:80px;
    }
    
    #corNewsOut li.corLeft ul#corNews li.newsItem div.corNewsIconPress{
        background-color: #e60012;
        color: #fff;
    }

    #corNewsOut li.corLeft ul#corNews li.newsItem div.corNewsIconUpdate{
        background-color: #ffb8b8;
        color: #852525;
    }
    
    #corNewsOut li.corLeft ul#corNews li.newsItem div.corNewsTitle:before{
        content:" ";
        background-image:url(/share/images/arrow_red.jpg);
        padding-right:4px;
        background-repeat:no-repeat;
        padding-left:5px;
    }
    
    #bigCor .corNewsTitle  > a{
        color:#000;
    }
    
    #corNewsOut li.corRight{
        float: right;
    }
    
    #corNewsOut li.corRight ul#corBanner li img{
        background-color: #fff;
        border: 2px solid #e3e1e1;
        padding: 2px;
        margin-bottom:10px;
    }
    
    #bigSr{
        background-color: rgba(238,218,152,0.9);        
    }
    
    #bigSr a{
        color:#dfab02;
    }

    #bigSr div.tri {
        left: 519px;
        position: absolute;
        display:none;
    }    
    
    #bigSr .bigNaviArea ul.mdNavis{
        border:2px solid #eae3cd;
        background-color:#f9f5e7;
    }    
    
    #bigSr .bigNaviArea ul.mdNavis li{
        border-color:#eae3cd;
    }
    
    #bigIr{
        background-color:RGBA(168,203,225,0.9);
    }
    
    #bigIr a{
        color:#0075c2;
    }
    
    #bigIr div.tri {
        left: auto;
        position: absolute;
        right: 288px;
        display:none;
    }
    
    #bigIr .bigNaviArea ul.mdNavis{
        border:2px solid #dfe9f0;
        background-color:#ebf4f9;
    }    
    
    #bigIr .bigNaviArea ul.mdNavis li{
        border-color:#dfe9f0;
    }
    
    #bigFc{
        background-color:RGBA(202,236,246,0.9);
    }
    
    #bigFc a{
        color:#04b0e5;
    }
    
    #bigFc .bigNaviArea ul.mdNavis{
        border:2px solid #d7e9ee;
        background-color:#eef8fb;
    }
    
    #bigFc div.tri {
        left: auto;
        position: absolute;
        right: 161px;
        display:none;
    }
    
    #bigFc .bigNaviArea ul.mdNavis li{
        border-color:#d7e9ee;
    }

    .bigNaviArea ul.mdNavis ul.sub li#nFacebook a {
        height: 116px;
        padding-top: 5px;
    }
    
    #bigEnergy{
        background-color:RGBA(180,226,200,0.9);
    }
    
    #bigEnergy a{
       color:#3d9764;
    }
    
    #bigEnergy div.tri {
        left: 345px;
        position: absolute;
        display:none;
    }
    
    #bigEnergy .bigNaviArea ul.mdNavis{
        border:2px solid #bad7c7;
        background-color:#def2e7;
    }
    
    #bigEnergy .bigNaviArea ul.mdNavis li{
        border-color:#bad7c7;
    }
    
    #bigNews div.tri {
        left: 165px;
        position: absolute;
        display:none;
    }
    
    #bigNews{
        background-color: rgba(245,217,198,0.9);
    }
    
    #bigNews .bigNaviArea{
        margin-bottom:70px;
        padding:0 30px;
        width:900px;
    }
    
    #bigNews a{
        color:#000;
    }
    
    #bigNews .close{
        top:auto;
        bottom: -55px;
        left: 458px;
        right: auto;
    }
    
    #newsOut .left{
        border-right: 5px solid #f4e3d8;
        padding-bottom: 30px;
        padding-top: 30px;
        padding-right:20px;
        width:425px;
        text-align:left;
    }
    
    #newsOut .right{
        width:430px;
        padding-left:20px;
        padding-top:30px;
        text-align:left;
    }
    
    .newsTop{
        padding-bottom: 20px;
    }
    
    .newsTop p.newsIndex{
        float: left;
        font-size: 130%;
        font-weight: bold;
    }
    
    .newsListLink{
        float:right;
        border-left:1px solid #dfdfdf;
        border-right:1px solid #dfdfdf;        
        padding-left:10px;
        padding-right:10px;        
        font-weight: bold;
    }
    
    .newsRssLink{
        border-right: 1px solid #dfdfdf;
        float: right;
        margin-left: 10px;
        padding-right:10px;
        font-weight: bold;
    }
    
    .newsListLink:before{
        content:" ";
        background-image:url(/share/images/news_icon.jpg);
        background-repeat:no-repeat;
        padding-right:15px;
        display: inline-block;
        height: 15px;
        vertical-align: middle;
    }
    
    .newsRssLink:before{
        content:" ";
        background-image:url(/share/images/icon_rss.jpg);
        background-repeat:no-repeat;
        padding-right:15px;
        display: inline-block;
        height: 15px;
        vertical-align: middle;
    }
    
    ul.newsList li{
        border-bottom: 1px solid #dfdfdf;
        padding-bottom:15px;
        margin-bottom:15px;
    }
    ul.newsList li:last-of-type,
    ul.newsList li.last{
        border-bottom:0;
    }
    
    ul.newsList li div p.date {
        color: #bbbaba;
        float: left;
        font-size: 100%;
        font-weight: bold;
    }

    ul.newsList li div p.category {
        float: right;
        font-size: 85%;
        font-weight: bold;
        margin-bottom: 2px;
        padding-left: 5px;
        padding-right: 5px;
    }
    
    .newsTitle {
        padding-left: 25px;
        padding-top: 3px;
        display:inline-block;
    }
    
    .newsTitle:before{
        content:" ";
        background-image:url(/share/images/arrow_green.jpg);
        background-repeat:no-repeat;
        padding-right:15px;
        display: inline-block;
        height: 9px;
        vertical-align: baseline;        
        margin-left: -18px;
    }


}

/* tab */
@media screen and (max-width:979px) and (min-width:641px){
    body{
        width:100%;
        margin:0;
        padding:0;
        font-family:"游ゴシック", "YuGothic", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", "sans-serif";         
    }
    
    .pc-only,.sp_only,.pc_phone{
        display:none!important;
    }
    
    div.bg_black{
        background-image:url("/share/images_sp/header_bg.png");
        background-repeat:repeat-x;
    }
    
    .minSize{
        width:96%;
        margin:0 auto;
        padding:0 2%;
    }   
    
    #naviSp > ul > li#headerLogoSp{
        float: left;
        max-width: 211px;
        width: 50%;
    }

    #naviSp > ul > li#navi{
        float: right;
        max-width: 50px;
        padding-top:2%;
        width: 20%;
    }
    /*
    #header #headerLogo{
        margin: 0;
        padding: 0;
        width: 211px;
    }*/

    #header_sns{
        color: #fff;
        text-align: center;
        width: 164px; 
    }

    #header_sns > p{
        font-size: 95%;
        font-weight: bold;
        padding-bottom: 10px;
        padding-top: 10px;
    }

    #header_sns > ul{
        margin: 0 auto;
        width: 140px; 
    }

    #header_sns > ul li{
        float: left;
        padding-right: 5px;
    }
    #header_sns > ul > li:last-of-type,
    #header_sns > ul li.last{
        padding-right: 0;
    }

    #navi1{
        border-left: 1px solid #777777;
        font-size: 90%;
        font-weight: bold;
        width: 264px;
    }

    #navi1 > ul > li{
        float: left;
        height: 32px;
        padding-top: 10px;
        text-align: center;
        width: 131px;
    }

    #navi1 > ul > li > a{
        color: #fff;
        display: block;
        text-decoration: none;
        width: 100%;    
    }

    .icon_arrow{
        padding-left:9px;
    }

    .icon_arrow:before{
        background-image: url("/share/images/header_arrow.png");
        background-repeat: no-repeat;
        content: " ";
        padding-right: 7px;
    }

    .icon_search{
        padding-left:21px;
    }

    .icon_search:before{
        content:" ";
        background-image:url(/share/images/icon_seach.jpg);    
        background-repeat: no-repeat;
        padding-right:19px;    
    }

    #navi1 > ul > li.nl1{
        border-bottom: 1px solid #777777;
        border-right: 1px solid #777777;
    }

    #navi1 > ul > li.nl2{
       border-bottom: 1px solid #777777;   
    }

    #navi1 > ul > li.nl3{
        border-right: 1px solid #777777;
    }

    #navi2{
        font-size: 90%;
        font-weight: bold;
        width: 320px;
    }

    #bannerArea ul{
        display: table;
        margin: 0 auto;
        padding: 20px 0;
    }

    #bannerArea ul li{
        display: table-cell;
        padding-left: 20px;
    }
    #bannerArea ul li:first-child{
        padding-left: 0;
    }
    #bannerArea > ul > li:last-of-type,
    #bannerArea ul li.last{
        padding-right:0;
    }

    #bannerArea ul li img{
        padding:3px;
        background-color:#fff;
    }

    div.bg_footer_navi {
        background-image: url("/share/images/footer_bg.png");
        background-position: center bottom;
        background-repeat: no-repeat;
        background-size: 100% 1800px;
    }

    #footerNavi1{
        padding-top: 10%;
    }

    #footerNavi1 > ul{
        float: left;
        text-align: left;
        margin-left: 1%;
        width: 32%;
    }

    #footerNavi1 > ul > li{
        padding-bottom: 5px;
    }

    #footerNavi1 > ul > li > a{
        color:#000;
    }
    
    #footerNavi1 > ul > li > a > p:before{
        content:" ";
        background-image:url(/share/images/footer_arrow.jpg);
        background-repeat:no-repeat;
        padding-right:17px;
    }
    
    #footerNavi1 > ul > li ul{
        padding-left: 3%;
    }
    
    #footerNavi1 > ul > li ul li{
        padding-bottom: 3%;
    }    

    #footerNavi1 > ul > li ul li > a{
        color:#000;
    }
    
    
    #footerNavi1 > ul > li ul li > a > p::before {
        background-image: url("/share/images/footer_arrow.png");
        background-repeat: no-repeat;
        content: " ";
        display: inline-block;
        height: 14px;
        margin-left: -10px;
        padding-right: 10px;
    }

    #footerNavi1 > ul > li ul li > a > p {
       padding-left: 10px;
    }

    #footerNavi2{
        position: relative;
    }

    #footerNavi2 > ul{
        border: 4px solid #fff;
        display: table;
        margin: 20px auto;
    }

    #footerNavi2 > ul > li{
        display: table-cell;
    }
    
    #footerNavi2 > ul > li > a{
    	display:block;
    	line-height: 0;
    }

    #footerLogo{
        max-width: 535px;
    }

    #footerNavi3 ul{
        padding:10px 0;
        display:table;
        margin:0 auto;
    }

    #footerNavi3 li{
        display:table-cell;
        padding-left: 40px;
    }

    #footerNavi3 li a{
        color:#fff;
    }

    div#copyrightArea > ul{
        padding: 20px 0 10px;
        display:table;
        margin:0 auto;
    }

    div#copyrightArea ul > li{
        display:table-cell;
    }

    div#copyrightArea ul li#fotterSns{
        padding-left: 15px;
        padding-top: 7px;
        vertical-align: top;
    }

    div#copyrightArea ul li#fotterSns ul li{
        padding-right:10px;   
    }

    div#copyrightArea #copyright{
        margin: 0 auto;
        padding-bottom: 2%;
        width: 60%;
        max-width: 520px;
    }
    
    #topBtn {
        bottom: 2%;
        position: fixed;
        right: 2%;
   }
    
    .areaCommonOut{
        left: 0;
        position: absolute;
        top: 100%;
        width: 100%;
        z-index: 888;
    }

    .areaCommon{
        background-color: #fff;
        margin-bottom: 2%;
        margin-top: 2%;
        padding: 2%;
        position: relative;
        width: 94%;
    }
	
    .areaCommonTitle{
        font-size: 180%;
        text-align: left;
        margin-bottom: 20px;
        padding-bottom: 5px;
        border-bottom: 2px solid;
    }
	
    #navi2 .areaCommon a{
        color:#000000;
    }

    .bg_kojin{
        background-color: rgba(203, 121, 37, 0.9);
    }

    .kojinAreaTitle, .kojinAreaTitle a{
        color: #c77017;
    }

    .kojinArea .areaCommonTitle:before{
        background-image: url("/share/images/kojin_arrow.jpg");
        background-repeat: no-repeat;
        content: " ";
        display: inline-block;
        height: 16px;
        padding-right: 15px;
        vertical-align: middle;
    }

    .areaCommon ul li.areaLeft{
        height: auto;
        width: 100%;
    }
	
    .kojinArea ul li.areaLeft > ul{
        border:1px solid #e3e5e4;
    }

    .kojinArea ul li.areaLeft > ul li{
        border-bottom: 1px solid #e3e5e4;
        text-align: left;
        width: 100%;
    }
    
    .kojinArea ul li.areaLeft > ul li.al_c {
        border-bottom: 0 none;
    } 
/** 2017/02/14	update **/       	
    .kojinArea ul li.areaLeft > ul > li.al_r.b_btm_no,
    .kojinArea ul li.areaLeft > ul > li.al_m_r.b_btm_no{
        border-bottom:none;	
    }
//** 2017/02/14	update **/

    .kojinArea ul li.areaLeft > ul li a{
        display:block;
        width:100%;
        height:100%;
        color:#000;
    }

    .kojinArea ul li.areaLeft > ul li a p{
        padding:2% 1%;
    }

    .kojinArea .arrow:before{
        background-image: url("/share/images/kojin_arrow.jpg");
        background-repeat: no-repeat;
        content: " ";
        display: inline-block;
        height: 15px;
        padding-right: 16px;
        vertical-align: middle;
    }

    .areaCommon ul li.areaRight{
        height: auto;
        margin-top: 2%;
        overflow: hidden;
        text-align: right;
        width: 100%;
    }
	
    .areaCommon ul li.areaRight p {
        float: left;
        padding-right: 2%;
        width: 32%;
    }

    .areaCommon ul li.areaRight p:last-child{
        padding-right: 0;
    }

    .bg_houjin{
        background-color:rgba(27,94,165,0.9);
    }
	

    .houjinArea ul li.areaLeft .l_list {
        border: 1px solid #e3e5e4;
        margin-bottom: 3%;
    }

    .houjinArea ul li.areaLeft .l_list > li {
        border-bottom: 1px solid #e3e5e4;
    }
	
    .houjinArea ul li.areaLeft .l_list > li.ll_r.btm {
        border-bottom: 0 none;
    }	

    .houjinArea ul li.areaLeft .l_list > li  a{
        display:block;
        width:100%;
        height:100%;
    }

    .houjinArea ul li.areaLeft .l_list > li  a p {
        padding:2% 1%;
    }
    
    .l_block {
        text-align: left;
    }	

    .l_block_l {
        margin-bottom: 2%;
    }

    div.l_block p.title {
        background-color: #c7d8e5;
        color: #054385;
        font-weight: bold;
        line-height: 1;
        margin-bottom: 10px;
        padding: 1%;
        text-align: left;
        width: auto;
    }

    .l_block_l.ovh > a {
        display: block;
        margin-bottom: 1%;
    }

    .sLink {
        padding-left: 1%;
    }

    .houjinArea .areaLeftLeft p{
        padding-bottom: 6px;
        padding-left: 10px;
        padding-top: 6px;	
    }
    
    .houjinArea .arrow:before{
        content:" ";
        background-image:url(/share/images/houjin_arrow.jpg);
        padding-right:15px;
        background-repeat:no-repeat;
        display: inline-block;
        height: 16px;
        padding-right: 15px;
        vertical-align: middle;		
    }

    .houjinArea .areaCommonTitle{
        border-color: #e4ecf5;
        color: #155ea5;
    }

    .houjinArea .areaCommonTitle:before{
        content:" ";
        background-image:url(/share/images/houjin_arrow.jpg);
        padding-right:15px;
        background-repeat:no-repeat;
        display: inline-block;
        height: 15px;
        padding-right: 16px;
        vertical-align: middle;		
    }

    .houjinArea .areaLeft .areaLeftLeft{
        margin-bottom: 3%;
        text-align: left;
        width: 100%;
    }

    .houjinArea .areaLeft .areaLeftLeft ul li{
        border: 1px solid #e3e5e4;
    }
	
    .houjinArea .areaLeft .areaLeftLeft ul li a{
        display:block;
        width:100%;
        height:100%;
    }
	
    .houjinArea .areaLeft .areaLeftRight{
        text-align: left;
        width: 100%;
    }

    .areaLeftRight .blok{
        padding-bottom:5px;
    }

    .areaLeftRight .title {
        background-color: #c7d8e5;
        color: #054385;
        margin-bottom: 10px;
        padding:5px 5px;
        line-height:1;
        font-weight: bold;
    }

    .areaLeftRight .sLink:before{
        content:" ";
        background-image:url(/share/images/footer_arrow.png);
        padding-right:6px;
        background-repeat:no-repeat;
        display: inline-block;
        height: 16px;
        vertical-align: middle;		
    }

    .bg_solution{
        background-color:rgba(102,70,152,0.9);
    }

    .solutionArea .areaCommonTitle{
        color:#5d369a;
        border-color:#e8e4f5;
    }

    .solutionArea ul li{
        border: 1px solid #e3e5e4;
        float: left;
        text-align: left;
        width: 99%;
    }
	
    .solutionArea ul li a{
        color:#000;
        display:block;
    }
    
    .solutionArea ul li a p{
        padding:2% 1%;
    }


    .solutionArea .arrow:before{
        content:" ";
        background-image:url(/share/images/solution_arrow.jpg);
        padding-right:15px;
        background-repeat:no-repeat;
        display: inline-block;
        height: 15px;
        padding-right: 16px;
        vertical-align: middle;		
    }

    .footerArea {
        left:2%;
        position: absolute;
        top: 76%;
        width: 96%;
    }

    .footerArea .areaCommon {
        padding-top: 5px;
    }

    .footerArea .areaRight > p {
        line-height: 0;
    }
    
    #corNewsOut li.corRight ul#corBanner li{
        float:left;
        width: 47%;
    }
    
    ul.bannerList li{
        width:47%;
        float:left;
        margin-right:2%;
    }
    
    .bigNaviArea ul.mdNavis ul.sub li > div.out a img {
        padding-bottom: 3%;
        padding-top: 1%;
    }
}

/* tab_phone */
@media screen and (max-width:979px){
    .stickyNavi3Out{
        display:none;
    }
    .stickyNaviSpOut{
        display:block;
        height:85px;
        width:100%;
        border-bottom:none !important;
    }

.left{
    float:none;
}

.right{
    float:none;
}

  div,
  section {
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
  }
h1{
	border:none;
}
  .sp-only {
    display: block !important;
  }

  .pc-only {
    display: none !important;
  }

  .topic_pass {
    border-bottom: 1px solid #dddddd;
    display: table;
    width: 100%;
    padding: 15px 10px 13px 10px;
    background: #ffffff;
    color: #666666;
    font-size: 12px !important;
    line-height: 2.0;
  }

  .topic_pass p {
    display: table-cell;
    padding: 2px 0 0 5px;
  }

  .topic_pass a {
    text-decoration: none;
    color: #333333;
    font-size: 12px;
  }

    .naviSpOut{
        background:#000000;
    }
    .corNewsTitle {
        width: 100%;
    }
    
    .corNewsTitle > a {
        color: #000;
    }

#navi3 .header_maintenance{
    display:none;
}

.header_maintenance {
    background: #000000 none repeat scroll 0 0;
    border-bottom: 1px solid #cccccc;
    font-size: 13px;
    font-weight: normal !important;
    padding: 10px;
    text-align: left;
}
.header_maintenance a {
    padding-left: 2em;
    color: #ffffff;
    display: block;
    height: 100%;
    width: 100%;
    box-sizing:border-box !important;
    position:relative;
}
.header_maintenance a:visited,a:active {
    color: #ffffff;
}
.header_maintenance a::before {
    background-image: url("/share/images/icon_spanner.png");
    background-repeat: no-repeat;
    background-size: contain;
    content: "";
    display: inline-block;
    height: 100%;
    left: 0;
    max-height: 1.8em;
    position: absolute;
    top: 0;
    width: 2em;
}

    #header img,
    #footer img {
        height: auto;
        width: 100%;
    }

    .mmbigNavi img{
       width:auto !important;
    }

   #headerLogoSp img{
         width: 80%;
   }
    
    #navi1 .searchArea{
        display:none;
    }

    #navi3{
        position:relative;
        z-index:0;
    }
	
    #navi3 a.navi3Link{
        display:none;
    }

    .tri{
        display:none;
    }

    .bigNavi{
        left: 0;
        position: absolute;
        top: 0;
        width: 100%;
    }
    
    .bigNavi#bigCor{
        top:80px;
    }
    
    .bigNavi#bigNews{
        top:160px;
    }
    
    .bigNavi#bigEnergy{
        top:240px;
    }
    
    .bigNavi#bigSr{
        top:320px;
    }
    
    .bigNavi#bigIr{
        top:400px;
    }
    
    .bigNavi#bigFc{
        top:480px;
    }

    .minSize.bigNaviArea {
        background-color: #fff;
        border-radius: 5px;
        margin-bottom: 2%;
        margin-top: 2%;
        padding: 5%;
        text-align: left;
        width: 86%;
        box-sizing:content-box;
    }
    
    .close,.mmclose{
        position: absolute;
        right: 5px;
        top: 5px;
    }

    #mmbigNews .close, .mmclose ,#spNavis .close{
        position: absolute;
        right:0;
        top: -2%;
    }
    
    .bigNaviArea ul.mdNavis{
        border-radius:5px 5px 5px 5px;
        margin-bottom: 2%;       
    }    
    
    .bigNaviArea ul.mdNavis li{
        float: left;
        width: 100%;
    }    
    
    .bigNaviArea ul.mdNavis li.top{
        border-bottom:2px solid #000;
        border-right:2px solid #000;
        text-align: center;
        width: 100%;
    }
    
    .bigNaviArea ul.mdNavis li.top .out > a {
        display: block;
        padding: 3% 0;
    }
    
    .bigNaviArea ul.mdNavis li.top img,
    .bigNaviArea ul.mdNavis ul.sub img
    {
        max-width:95px;
        padding-top:2%;
    }
    
    .bigNaviArea ul.mdNavis ul.sub li {
        border-bottom: 1px solid;
        border-right: 2px solid;
        float: left;
        text-align: center;
        width: 49.8%;
    }
    
    .bigNaviArea ul.mdNavis ul.sub li:nth-child(2n){
        border-right:none;
    }
    
    .bigNaviArea ul.mdNavis ul.sub li > div.out a {
        display: block;
        padding: 5% 0;
        width: 100%;
        min-height: 150px;
    }

    .bigNaviArea ul.mdNavis ul.sub li > div.out a img{
        padding-top: 10%;
        padding-bottom: 3%;
    }    
    
    .bigNaviArea ul.mdNavis ul.sub li > div.out a p{
        padding-top:5px;
        line-height: 1.2;
    }    
    
    ul.bannerList {
        background-color: #e9eaea;
        margin-top: 5%;
        padding: 15px;
    }
    
    ul.bannerList li{
        border-right: 1px dotted #d4d4d4;
        float: left;
        padding-bottom: 2%;
        width: 100%;
    }
    ul.bannerList > li:last-of-type,
    ul.bannerList li.last{
        border:none;
        padding:0;
        margin:0;
    }
    
    ul.bannerList li img {
        background-color: #fff;
        border: 2px solid #e3e1e1;
        padding: 2px;
    }
/** 2017/03/23	update **/
	.bannerList .blink a[target="_blank"]::before {
		right: none;
		left: 258px;
		bottom: 12px;
	}

    #bigCor,
    #mmbigCor
    {
        background-color: rgba(231, 195, 198, 0.9);        
    }
    
    #bigCor a,
    #mmbigCor a    
    {
        color:#e60012;
    }
    
    #bigCor div.tri{
        display:none;
    }    
    
    #bigCor .bigNaviArea ul.mdNavis,
    #mmbigCor .bigNaviArea ul.mdNavis
    {
        border:2px solid #f1dcde;
        background-color:#f7ebec;
    }    
    
    #bigCor .bigNaviArea ul.mdNavis li,
    #mmbigCor .bigNaviArea ul.mdNavis li
    {
        border-color:#f1dcde;
    }
    
    #corNewsOut li.corLeft{
        float: left;
        width:100%;
        color:#000;
    }
    
    #corNewsOut li.corLeft > p{
        font-weight: bold;
        padding-bottom: 10px;
    }
    
    #corNewsOut li.corLeft > p:before{
        content:" ";
        background-image:url(/share/images/cor_midashi.jpg);
        padding-right:13px;
        background-repeat:no-repeat;
    }
    
    #corNewsOut li.corLeft ul#corNews li.newsItem{
        padding-bottom:8px;
        margin-bottom:8px;
        border-bottom:1px dotted #e1e2e1;
    }
    #corNewsOut li.corLeft ul#corNews li:last-of-type,
    #corNewsOut li.corLeft ul#corNews li.last{
        border:none;
        margin-bottom:20px;
    }

    #corNewsOut li.corLeft ul#corNews li.newsItem div{
        float:left;
    }    
    
    #corNewsOut li.corLeft ul#corNews li.newsItem div.corNewsDate{
        padding-right: 5px;
    }
    
    #corNewsOut li.corLeft ul#corNews li.newsItem div.corNewsIcon{
        font-size: 80%;
        font-weight: normal;
        line-height: 1;
        margin-right: 5px;
        padding: 4px 3px;        
        text-align:center;
        width:80px;
    }
    
    #corNewsOut li.corLeft ul#corNews li.newsItem div.corNewsIconPress{
        background-color: #e60012;
        color: #fff;
    }

    #corNewsOut li.corLeft ul#corNews li.newsItem div.corNewsIconUpdate{
        background-color: #ffb8b8;
        color: #852525;
    }
    
    #corNewsOut li.corLeft ul#corNews li.newsItem div.corNewsTitle:before{
        content:" ";
        background-image:url(/share/images/arrow_red.jpg);
        padding-right:4px;
        background-repeat:no-repeat;
        padding-left:5px;
    }
    
    #corNewsOut li.corRight{
        float: left;
        overflow: hidden;
        width: 100%;
    }
    
    #corNewsOut li.corRight ul#corBanner{
        overflow:hidden;
    }
    
    #corNewsOut li.corRight ul#corBanner li {
        float: left;
        padding-right: 3%;
        width: 97%;
    }
    
    #corNewsOut li.corRight ul#corBanner li img{
        background-color: #fff;
        border: 2px solid #e3e1e1;
        padding: 2px;
        margin-bottom:10px;
    }
    
    #bigSr,
    #mmbigSr
    {
        background-color: rgba(238,218,152,0.9);        
    }
    
    #bigSr a,
    #mmbigSr a
    {
        color:#dfab02;
    }

    #bigSr div.tri {
        left: 519px;
        position: absolute;
        display:none;
    }    
    
    #bigSr .bigNaviArea ul.mdNavis,    
    #mmbigSr .bigNaviArea ul.mdNavis
    {
        border:2px solid #eae3cd;
        background-color:#f9f5e7;
    }    
    
    #bigSr .bigNaviArea ul.mdNavis li,
    #mmbigSr .bigNaviArea ul.mdNavis li
    {
        border-color:#eae3cd;
    }
    
    #bigIr,
    #mmbigIr
    {
        background-color:RGBA(168,203,225,0.7);
    }
    
    #bigIr a,
    #mmbigIr a
    {
        color:#0075c2;
    }
    
    #bigIr div.tri {
        left: auto;
        position: absolute;
        right: 288px;
        display:none;
    }
    
    #bigIr .bigNaviArea ul.mdNavis,
    #mmbigIr .bigNaviArea ul.mdNavis
    {
        border:2px solid #dfe9f0;
        background-color:#ebf4f9;
    }    
    
    #bigIr .bigNaviArea ul.mdNavis li,
    #mmbigIr .bigNaviArea ul.mdNavis li
    {
        border-color:#dfe9f0;
    }
    
    #bigFc,
    #mmbigFc
    {
        background-color:RGBA(202,236,246,0.7);
    }
    
    #bigFc a,
    #mmbigFc a
    {
        color:#04b0e5;
    }
    
    #bigFc .bigNaviArea ul.mdNavis,
    #mmbigFc .bigNaviArea ul.mdNavis
    {
        border:2px solid #d7e9ee;
        background-color:#eef8fb;
    }
    
    #bigFc div.tri {
        left: auto;
        position: absolute;
        right: 161px;
        display:none;
    }
    
    #bigFc .bigNaviArea ul.mdNavis li,
    #mmbigFc .bigNaviArea ul.mdNavis li
    {
        border-color:#d7e9ee;
    }
    
    #bigEnergy,
    #mmbigEnergy
    {
        background-color:RGBA(180,226,200,0.7);
    }
    
    #bigEnergy a,
    #mmbigEnergy a
    {
        color:#3d9764;
    }
    
    #bigEnergy div.tri {
        left: 345px;
        position: absolute;
        display:none;
    }
    
    #bigEnergy .bigNaviArea ul.mdNavis,
    #mmbigEnergy .bigNaviArea ul.mdNavis
    {
        border:2px solid #bad7c7;
        background-color:#def2e7;
    }
    
    #bigEnergy .bigNaviArea ul.mdNavis li,
    #mmbigEnergy .bigNaviArea ul.mdNavis li
    {
        border-color:#bad7c7;
    }
    
    #bigNews div.tri {
        left: 165px;
        position: absolute;
        display:none;
    }
    
    #bigNews,
    #mmbigNews
    {
        background-color: rgba(245,217,198,0.7);
    }

    #bigNews a,
    #mmbigNews a
    {
        color:#000;
    }
    
    #newsOut .left {
        border-right: 5px solid #f4e3d8;
        padding-bottom: 2%;
        padding-right: 0;
        padding-top: 0;
        text-align: left;
        width: 100%;
    }
    
    #newsOut .right{
        width:100%;
        padding-left:0;
        padding-top:0;
        padding-bottom:2%;
        text-align:left;        
    }
    
    .newsTop {
        font-weight: bold;
        padding-bottom: 20px;
    }    
    
    .newsTop p.newsIndex{
        float: left;
        font-size: 120%;
    }
    
    .newsListLink{
        float:right;
        border-left:1px solid #dfdfdf;
        border-right:1px solid #dfdfdf;        
        padding-left:10px;
        padding-right:10px;        
    }
    
    .newsRssLink{
        border-right: 1px solid #dfdfdf;
        float: right;
        margin-left: 10px;
        padding-right:10px;
    }
    
    .newsListLink:before{
        content:" ";
        background-image:url(/share/images/news_icon.jpg);
        background-repeat:no-repeat;
        padding-right:15px;
    }
    
    .newsRssLink:before{
        content:" ";
        background-image:url(/share/images/icon_rss.jpg);
        background-repeat:no-repeat;
        padding-right:15px;
    }
    
    ul.newsList li{
        border-bottom: 1px solid #dfdfdf;
        padding-bottom:15px;
        margin-bottom:15px;
    }
    ul.newsList > li:last-of-type,
    ul.newsList li.last{
        border-bottom:0;
    }
    
    ul.newsList li div p.date {
        color: #bbbaba;
        float: left;
        font-size: 100%;
        font-weight: bold;
    }
    
    ul.newsList li div p.category{
        float:right;
        padding-left:5px;
        padding-right:5px;
        font-weight:bold;
        font-size:85%;
    }
    
    .newsTitle {
        padding-left: 25px;
        padding-top: 3px;
    }
    
    .newsTitle:before{
        content:" ";
        background-image:url(/share/images/arrow_green.jpg);
        background-repeat:no-repeat;
        padding-right:15px;
        display: inline-block;
        height: 9px;
        vertical-align: middle;
        margin-left: -18px;
    }
}

/* Phone */
@media screen and (max-width:640px){
    body{
        width:100%;
        font-family:"游ゴシック", "YuGothic", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", "sans-serif";         
    }
  div,
  section {
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
  }
.container {
    margin: 0 auto;
    width: 93.75%;
}

.related-links-item {
    margin: 0 auto 10px;
    max-width: 400px;
    width: auto;
}
.related-links-item {
}
.related-links-list {
    margin-left: 0;
}
.related-links-title {
    padding: 0 10px 10px 0;
}
.related-links {
    padding: 9px 9px 0;
}    
    .pc-only,.tablet,.pc_tab{
        display:none!important;
    }

    div.bg_black{
        background-image:url("/share/images_sp/header_bg.png");
        background-repeat:repeat-x;
    }

    .minSize{
        margin:0 auto;
        padding:0 3%;
    }    
    
    #naviSp > ul > li#headerLogoSp{
        float: left;
        width: 50%;
    }

    #naviSp > ul > li#navi {
        float: right;
        padding-top: 3.5%;
        width: 12%;
    }
	
    #bannerArea ul{
        padding: 3% 0;    
    }
    
    #bannerArea ul li{
        float: left;
        padding-left: 3%;
        width: 48%;  
    }
    #bannerArea ul li:first-child {
        padding-left: 0;
    }
    #bannerArea > ul > li:last-of-type,
    #bannerArea ul li.last{
        padding-right: 0;    
    }

    #bannerArea ul li img{
        border: 2px solid #fff;
    }

    div.bg_footer_navi{
        background-color:#a3d0f4;
/*
        background-image: url("/share/images_sp/footer_bg.png");
        background-position: center bottom;
        background-repeat: no-repeat;
        background-size: 100% auto;*/
    }

    #footerNavi1 a
    ,#footerNavi3 a
    {
        color:#4d6477;
        display:block;
        text-decoration:none;
    }

    #footerNavi1.minSize{
    	padding:0;
    	width:100%;
    	margin-bottom: 10%;
    }

    #footerNavi1 > ul > li{
        border-bottom: 1px solid #b2d7f5;
        text-align: left;
    }

    #footerNavi1 > ul > li > a{
        font-size:120%;
        display: block;
    }
    
    #footerNavi1 > ul > li > a > p {
        font-size: 90%;
        padding: 4% 5% 4% 35px;
    }
    
    #footerNavi1 > ul > li > a > p:before{
        background-image: url("/share/images_sp/footer_arrow.png");
        background-repeat: no-repeat;
        content: "";
        display: inline-block;
        height: 20px;
        margin-left: -24px;
        padding-left: 10px;
        vertical-align: middle;
        width: 20px;
    }

    #footerNavi1 > ul > li.plus > a > p:before{
        background-image: url("/share/images_sp/footer_plus.png");
    }

    #footerNavi1 > ul > li.minus > a > p:before{
        background-image: url("/share/images_sp/footer_minus.png");
    }

    #footerNavi1 > ul > li ul li > a > p::before {
        background-image: url("/share/images_sp/footer_arrow.png");
        background-repeat: no-repeat;
        content: "";
        display: inline-block;
        height: 20px;
        margin-left: -24px;
        padding-left: 10px;
        vertical-align: middle;
        width: 20px;
    }

    #footerNavi1 > ul > li ul{
        display:none;
        border-top: 1px solid #b2d7f5;
    }
    
    #footerNavi1 > ul > li ul li{
        border-bottom: 1px solid #b2d7f5;
    }    

    #footerNavi1 > ul > li ul li > a{
        font-size:120%;
        display: block;
    }

    #footerNavi1 > ul > li ul li > a > p {
        font-size: 88%;
       padding: 4% 5% 4% 70px;
    }

    #footerNavi2{
        position:relative;
    }

    #footerNavi2 > ul{
        border: 5px solid #fff;
        line-height: 0;    
    }

    #footerNavi3.minSize{
        padding:0;
        width:100%;	
    }

    #footerNavi3 li{
        float:left;
        width:49%;
        border:1px solid #7d7878;
        text-align: center;
    }
    
    #footerNavi3 li:nth-child(odd){
        border-left:0;
    }
    
    #footerNavi3 li:nth-child(even){
        border-right:0;
    }
	
    #footerNavi3 li a{
    	display:block;
    	color:#fff;
    	width:100%;
    	height:100%;
    }
    
    #footerNavi3 li a p{
        padding:6% 0;
    	font-size:90%;
    
}
    div#footerLogoSp {
        background-color: #fff;
    }

    div#copyrightArea ul li#corporateLogo {
        margin: 0 auto;
        max-width: 277px;
        padding: 5% 0 3%;
        width: 60%;
    }

    div#copyrightArea ul li#fotterSns{
    	margin-bottom:1%;
    }

    div#copyrightArea ul li#fotterSns ul{
        display: table;
        margin: 0 auto;
        width: 65%;
    }

    div#copyrightArea ul li#fotterSns ul li{
        display: table-cell;
        max-width: 69px;
        padding-left: 5%;
    }

    #fotterSns a {
        margin: 0 auto;
        max-width: 323px;
        padding-bottom: 1%;
        width: 80%;
    }

    div#copyrightArea #copyright{
        margin: 0 auto;
        max-width: 323px;
        padding-bottom: 3%;
        width: 60%;
    }

    #topBtn {
        bottom: 2%;
        max-width: 113px;
        opacity: 0.75;
        position: fixed;
        right: 2%;
        width: 16%;
    }
    
    .areaCommonOut{
        left: 0;
        position: absolute;
        /*top: 100%;*/
        width: 100%;
        z-index: 888;
    }

    .areaCommon {
        background-color: #fff;
        border-radius: 5px;
        margin-bottom: 2%;
        margin-top: 2%;
        padding: 5%;
        position: relative;
        width: 86%;
    }
	
    .areaCommonTitle {
        border-bottom: 2px solid;
        font-size: 120%;
        margin-bottom: 5%;
        padding-bottom: 2%;
        text-align: left;
    }	
	
    .footerArea .areaCommonTitle {
        font-size: 120%;
        padding-top: 5%;
    }
	
    #navi2 .areaCommon a{
        color:#000000;
    }

    .bg_kojin{
        background-color: rgba(203, 121, 37, 0.7);
    }

    .kojinArea .areaCommonTitle, .kojinArea .areaCommonTitle a{
        border-color: #c77017;
        color:#c77017;
    }

    .kojinArea .areaCommonTitle:before{
        background-image: url("/share/images/kojin_arrow.jpg");
        background-repeat: no-repeat;
        content: " ";
        display: inline-block;
        height: 16px;
        padding-right: 15px;
        vertical-align: middle;
    }

    .areaCommon ul li.areaLeft {
        height: auto;
        line-height: 1.2;
        width: 100%;
    }
	
    .kojinArea ul li.areaLeft > ul{
        border:1px solid #e3e5e4;
    }

    .kojinArea ul li.areaLeft > ul li{
        border-bottom: 1px solid #e3e5e4;
        text-align: left;
        width: 100%;
        line-height: 1.2;
    }
    
    .kojinArea ul li.areaLeft > ul li a{
        display:block;
        width:100%;
        height:100%;
        color:#000;
    }

    .kojinArea ul li.areaLeft > ul li a p{
        padding-bottom: 5%;
        padding-left:2%;
        padding-top: 5%;
    }

    .kojinArea ul li.areaLeft > ul > li.al_c{
        border-bottom: medium none;
    }

/** 2017/02/14	update **/       	
    .kojinArea ul li.areaLeft > ul > li.al_r.b_btm_no,
    .kojinArea ul li.areaLeft > ul > li.al_m_r.b_btm_no{
        border-bottom:none;	
    }
//** 2017/02/14	update **/

    .kojinArea .arrow:before{
        background-image: url("/share/images/kojin_arrow.jpg");
        background-repeat: no-repeat;
        content: " ";
        display: inline-block;
        height: 15px;
        padding-right: 16px;
        vertical-align: middle;
    }

    .areaCommon ul li.areaRight{
        height: auto;
        margin-top: 2%;
        overflow: hidden;
        text-align: right;
        width: 100%;
    }
	
    .areaCommon ul li.areaRight p{
        float: left;
        margin-bottom: 2%;
        margin-right: 1%;
        width: 49%;
    }

    .areaCommon ul li.areaLeft p img,
    .areaCommon ul li.areaRight p img{
	width:100% !important;
    }

    .areaCommon ul li.areaRight p:last-child {
        float: left;
        width: 49%;
    }

    .bg_houjin{
        background-color:rgba(27,94,165,0.9);
    }
	
    .houjinArea .areaLeftLeft p{
        padding-bottom: 5%;
        padding-left:2%;
        padding-top: 5%;
    }
	
    .houjinArea .areaCommonTitle, .houjinArea .areaCommonTitle a{
        border-color: #e4ecf5;
        color: #155ea5;
    }

    .houjinArea .areaCommonTitle:before{
        content:" ";
        background-image:url(/share/images/houjin_arrow.jpg);
        padding-right:15px;
        background-repeat:no-repeat;
        display: inline-block;
        height: 15px;
        padding-right: 16px;
        vertical-align: middle;		
    }	

    .houjinArea .arrow:before{
        content:" ";
        background-image:url(/share/images/houjin_arrow.jpg);
        padding-right:15px;
        background-repeat:no-repeat;
        display: inline-block;
        height: 16px;
        padding-right: 15px;
        vertical-align: middle;		
    }
        
    #footerNavi2 ul .houjinArea .areaLeft > ul{
        border:none;
    }
    
    .houjinArea .areaLeft .areaLeftLeft{
        margin-bottom: 3%;
        text-align: left;
        width: 100%;
    }
	
    .houjinArea .areaLeft .areaLeftLeft ul li{
        border: 1px solid #e3e5e4;
        line-height: 1.2;
    }
	
    .houjinArea .areaLeft .areaLeftLeft ul li a{
        display:block;
        width:100%;
        height:100%;
    }
	
    .houjinArea .areaLeft .areaLeftRight{
        text-align: left;
        width: 100%;
        line-height: 1.2;
    }

    .areaLeftRight .blok{
        padding-bottom: 5%;
    }

    .areaLeftRight .title {
        background-color: #c7d8e5;
        color: #054385;
        line-height: 1;
        margin-bottom: 3%;
        padding: 5% 2%;
        font-weight: bold;
    }

    .areaLeftRight .sLink{
        padding-bottom:4%;
    }

    .areaLeftRight .sLink:before{
        content:" ";
        background-image:url(/share/images/footer_arrow.png);
        padding-right:6px;
        background-repeat:no-repeat;
        display: inline-block;
        height: 16px;
        vertical-align: middle;		
    }

    .bg_solution{
        background-color:rgba(102,70,152,0.9);
    }

    .solutionArea .areaCommonTitle, .solutionArea .areaCommonTitle a{
        color:#5d369a;
        border-color:#e8e4f5;
    }
	
    .solutionArea  a{
        padding-bottom: 5%;
        padding-left:2%;
        padding-top: 5%;
    }

    .solutionArea .areaCommonTitle:before{
        content:" ";
        background-repeat:no-repeat;
        display: inline-block;
        height: 16px;
        vertical-align: middle;		
    }

    .solutionArea ul li{
        border-left: 1px solid #e3e5e4;
        border-top: 1px solid #e3e5e4;
        border-right: 1px solid #e3e5e4;
        float: left;
        text-align: left;
        width: 99%;
    }
    .solutionArea > ul > li:last-of-type,
    .solutionArea ul li.last{
        border-bottom: 1px solid #e3e5e4;
    }
	
    .solutionArea ul li a{
            color:#000;
            display:block;
    }
    
    .solutionArea ul li a p{
        padding-left:10px;
        padding-top:6px;
        padding-bottom:6px;
    }

    .solutionArea .arrow:before{
        content:" ";
        background-image:url(/share/images/solution_arrow.jpg);
        padding-right:15px;
        background-repeat:no-repeat;
        display: inline-block;
        height: 15px;
        padding-right: 16px;
        vertical-align: middle;		
    }

    .footerArea {
        left:2%;
        position: absolute;
        width: 96%;
        padding-top:3%;
    }

    #f_kojin_navi .footerArea{
        top: 22%;
    }

    #f_houjin_navi .footerArea{
        top:442%;
    }

    #f_solution_navi .footerArea{
        top:88%;
    }

    .footerArea .areaCommon {
        padding-top: 5px;
    }

    .footerArea .areaRight > p {
        line-height: 0;
    }

    .bigNaviArea ul.mdNavis ul.sub li {
        border-bottom: 1px solid;
        border-right: 2px solid;
        float: left;
        text-align: center;
        width: 49.6%;
        box-sizing: border-box;
    }

    .houjinArea ul li.areaLeft .l_list {
        border: 1px solid #e3e5e4;
        margin-bottom: 3%;
    }

    .houjinArea ul li.areaLeft .l_list > li {
        border-bottom: 1px solid #e3e5e4;
    }
	
    .houjinArea ul li.areaLeft .l_list > li.ll_r.btm {
        border-bottom: 0 none;
    }	

    .houjinArea ul li.areaLeft .l_list > li  a{
        display:block;
        width:100%;
        height:100%;
    }

    .houjinArea ul li.areaLeft .l_list > li a p {
        padding-bottom: 5%;
        padding-left: 2%;
        padding-top: 5%;
    }
	
    .l_block {
        text-align: left;
    }	

    .l_block_l {
        margin-bottom: 2%;
    }

    div.l_block p.title {
        background-color: #c7d8e5;
        color: #054385;
        font-weight: bold;
        line-height: 1;
        margin-bottom: 10px;
        padding: 1%;
        text-align: left;
        width: auto;
    }


    .l_block_l > a, .l_block_r > a {
        display: block;
        margin-bottom: 3%;
    }

    .sLink {
        padding-left: 1%;
    }


    
}

/* tab */
@media screen and (max-width:979px) and (min-width:641px){
	.sp-only{
		display:none !important;
	}
}