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

/*sprite_article.css*/
.sprite-sprite_article-allow_999,.sprite-sprite_article-allow_fff,.sprite-sprite_article-anchor_beginning,.sprite-sprite_article-anchor_breakthrough,.sprite-sprite_article-anchor_contents,.sprite-sprite_article-anchor_face,.sprite-sprite_article-anchor_future,.sprite-sprite_article-anchor_intro,.sprite-sprite_article-basic_link,.sprite-sprite_article-basic_title,.sprite-sprite_article-beginning,.sprite-sprite_article-breakthrough,.sprite-sprite_article-face_title,.sprite-sprite_article-future,.sprite-sprite_article-icons_elec,.sprite-sprite_article-icons_elec_s,.sprite-sprite_article-icons_energy,.sprite-sprite_article-icons_energy_s,.sprite-sprite_article-icons_env,.sprite-sprite_article-icons_env_s,.sprite-sprite_article-icons_harts,.sprite-sprite_article-icons_harts_s,.sprite-sprite_article-icons_material,.sprite-sprite_article-icons_material_s,.sprite-sprite_article-icons_newenergy,.sprite-sprite_article-icons_newenergy_s,.sprite-sprite_article-icons_robot,.sprite-sprite_article-icons_robot_s,.sprite-sprite_article-intorduction,.sprite-sprite_article-logo,.sprite-sprite_article-logo_s,.sprite-sprite_article-management_link,.sprite-sprite_article-management_title,.sprite-sprite_article-menu_b,.sprite-sprite_article-menu_b_s,.sprite-sprite_article-menu_b_s_999,.sprite-sprite_article-menu_b_s_fff,.sprite-sprite_article-menu_close_b,.sprite-sprite_article-menu_close_b_999,.sprite-sprite_article-menu_close_b_fff,.sprite-sprite_article-menu_close_b_s,.sprite-sprite_article-menu_contents,.sprite-sprite_article-menu_contents_s{background-image:url(../img/common/sprite_article.png);background-repeat:no-repeat}.sprite-sprite_article-face_title{background-position:-2px -2px;width:340px;height:42px}.sprite-sprite_article-logo{background-position:-2px -48px;width:310px;height:56px}.sprite-sprite_article-intorduction{background-position:-2px -108px;width:270px;height:61px}.sprite-sprite_article-future{background-position:-2px -173px;width:270px;height:61px}.sprite-sprite_article-breakthrough{background-position:-2px -238px;width:270px;height:61px}.sprite-sprite_article-beginning{background-position:-346px -2px;width:270px;height:61px}.sprite-sprite_article-basic_title{background-position:-346px -67px;width:230px;height:40px}.sprite-sprite_article-management_link{background-position:-346px -111px;width:210px;height:40px}.sprite-sprite_article-basic_link{background-position:-346px -155px;width:210px;height:40px}.sprite-sprite_article-management_title{background-position:-346px -199px;width:196px;height:40px}.sprite-sprite_article-anchor_intro{background-position:-346px -243px;width:158px;height:12px}.sprite-sprite_article-anchor_future{background-position:-346px -259px;width:158px;height:12px}.sprite-sprite_article-anchor_breakthrough{background-position:-346px -275px;width:158px;height:12px}.sprite-sprite_article-anchor_beginning{background-position:-2px -303px;width:158px;height:12px}.sprite-sprite_article-logo_s{background-position:-2px -319px;width:146px;height:42px}.sprite-sprite_article-anchor_contents{background-position:-2px -365px;width:130px;height:70px}.sprite-sprite_article-anchor_face{background-position:-546px -199px;width:70px;height:24px}.sprite-sprite_article-menu_contents{background-position:-276px -108px;width:45px;height:45px}.sprite-sprite_article-menu_close_b_fff{background-position:-276px -173px;width:45px;height:45px}.sprite-sprite_article-menu_close_b_999{background-position:-276px -238px;width:45px;height:45px}.sprite-sprite_article-menu_close_b{background-position:-136px -365px;width:45px;height:45px}.sprite-sprite_article-menu_b{background-position:-185px -365px;width:45px;height:45px}.sprite-sprite_article-icons_robot{background-position:-234px -365px;width:45px;height:45px}.sprite-sprite_article-icons_newenergy{background-position:-283px -365px;width:45px;height:45px}.sprite-sprite_article-icons_material{background-position:-332px -365px;width:45px;height:45px}.sprite-sprite_article-icons_harts{background-position:-381px -365px;width:45px;height:45px}.sprite-sprite_article-icons_env{background-position:-430px -365px;width:45px;height:45px}.sprite-sprite_article-icons_energy{background-position:-479px -365px;width:45px;height:45px}.sprite-sprite_article-icons_elec{background-position:-528px -365px;width:45px;height:45px}.sprite-sprite_article-menu_contents_s{background-position:-580px -67px;width:36px;height:36px}.sprite-sprite_article-menu_close_b_s{background-position:-560px -111px;width:36px;height:36px}.sprite-sprite_article-menu_b_s_fff{background-position:-560px -155px;width:36px;height:36px}.sprite-sprite_article-menu_b_s_999{background-position:-152px -319px;width:36px;height:36px}.sprite-sprite_article-menu_b_s{background-position:-192px -319px;width:36px;height:36px}.sprite-sprite_article-icons_robot_s{background-position:-232px -319px;width:32px;height:32px}.sprite-sprite_article-icons_newenergy_s{background-position:-268px -319px;width:32px;height:32px}.sprite-sprite_article-icons_material_s{background-position:-304px -319px;width:32px;height:32px}.sprite-sprite_article-icons_harts_s{background-position:-340px -319px;width:32px;height:32px}.sprite-sprite_article-icons_env_s{background-position:-376px -319px;width:32px;height:32px}.sprite-sprite_article-icons_energy_s{background-position:-412px -319px;width:32px;height:32px}.sprite-sprite_article-icons_elec_s{background-position:-448px -319px;width:32px;height:32px}.sprite-sprite_article-allow_fff{background-position:-316px -48px;width:20px;height:26px}.sprite-sprite_article-allow_999{background-position:-316px -78px;width:20px;height:26px}@media screen and (-webkit-min-device-pixel-ratio:1.0),screen and (min--moz-device-pixel-ratio:1.0),screen and (-o-min-device-pixel-ratio:100/100),screen and (min-device-pixel-ratio:1.0),screen and (min-resolution:1.0dppx){.sprite-sprite_article-allow_999,.sprite-sprite_article-allow_fff,.sprite-sprite_article-anchor_beginning,.sprite-sprite_article-anchor_breakthrough,.sprite-sprite_article-anchor_contents,.sprite-sprite_article-anchor_face,.sprite-sprite_article-anchor_future,.sprite-sprite_article-anchor_intro,.sprite-sprite_article-basic_link,.sprite-sprite_article-basic_title,.sprite-sprite_article-beginning,.sprite-sprite_article-breakthrough,.sprite-sprite_article-face_title,.sprite-sprite_article-future,.sprite-sprite_article-icons_elec,.sprite-sprite_article-icons_elec_s,.sprite-sprite_article-icons_energy,.sprite-sprite_article-icons_energy_s,.sprite-sprite_article-icons_env,.sprite-sprite_article-icons_env_s,.sprite-sprite_article-icons_harts,.sprite-sprite_article-icons_harts_s,.sprite-sprite_article-icons_material,.sprite-sprite_article-icons_material_s,.sprite-sprite_article-icons_newenergy,.sprite-sprite_article-icons_newenergy_s,.sprite-sprite_article-icons_robot,.sprite-sprite_article-icons_robot_s,.sprite-sprite_article-intorduction,.sprite-sprite_article-logo,.sprite-sprite_article-logo_s,.sprite-sprite_article-management_link,.sprite-sprite_article-management_title,.sprite-sprite_article-menu_b,.sprite-sprite_article-menu_b_s,.sprite-sprite_article-menu_b_s_999,.sprite-sprite_article-menu_b_s_fff,.sprite-sprite_article-menu_close_b,.sprite-sprite_article-menu_close_b_999,.sprite-sprite_article-menu_close_b_fff,.sprite-sprite_article-menu_close_b_s,.sprite-sprite_article-menu_contents,.sprite-sprite_article-menu_contents_s{background-image:url(../img/common/sprite_article.png);-webkit-background-size:618px 437px;-moz-background-size:618px 437px;background-size:618px 437px}}@media screen and (-webkit-min-device-pixel-ratio:2.0),screen and (min--moz-device-pixel-ratio:2.0),screen and (-o-min-device-pixel-ratio:200/100),screen and (min-device-pixel-ratio:2.0),screen and (min-resolution:2.0dppx){.sprite-sprite_article-allow_999,.sprite-sprite_article-allow_fff,.sprite-sprite_article-anchor_beginning,.sprite-sprite_article-anchor_breakthrough,.sprite-sprite_article-anchor_contents,.sprite-sprite_article-anchor_face,.sprite-sprite_article-anchor_future,.sprite-sprite_article-anchor_intro,.sprite-sprite_article-basic_link,.sprite-sprite_article-basic_title,.sprite-sprite_article-beginning,.sprite-sprite_article-breakthrough,.sprite-sprite_article-face_title,.sprite-sprite_article-future,.sprite-sprite_article-icons_elec,.sprite-sprite_article-icons_elec_s,.sprite-sprite_article-icons_energy,.sprite-sprite_article-icons_energy_s,.sprite-sprite_article-icons_env,.sprite-sprite_article-icons_env_s,.sprite-sprite_article-icons_harts,.sprite-sprite_article-icons_harts_s,.sprite-sprite_article-icons_material,.sprite-sprite_article-icons_material_s,.sprite-sprite_article-icons_newenergy,.sprite-sprite_article-icons_newenergy_s,.sprite-sprite_article-icons_robot,.sprite-sprite_article-icons_robot_s,.sprite-sprite_article-intorduction,.sprite-sprite_article-logo,.sprite-sprite_article-logo_s,.sprite-sprite_article-management_link,.sprite-sprite_article-management_title,.sprite-sprite_article-menu_b,.sprite-sprite_article-menu_b_s,.sprite-sprite_article-menu_b_s_999,.sprite-sprite_article-menu_b_s_fff,.sprite-sprite_article-menu_close_b,.sprite-sprite_article-menu_close_b_999,.sprite-sprite_article-menu_close_b_fff,.sprite-sprite_article-menu_close_b_s,.sprite-sprite_article-menu_contents,.sprite-sprite_article-menu_contents_s{background-image:url(../img/common/sprite_article@2x.png);-webkit-background-size:618px 437px;-moz-background-size:618px 437px;background-size:618px 437px}}


@media screen and (max-width: 479px){
} 
/*mediaquery*/
@media screen and (min-width: 479px) and (max-width: 767px) {
}
/*mediaquery*/
@media screen and (max-width: 767px) {
}
/*mediaquery*/
@media print {
	div.header{display: none;}
}
/*mediaquery*/

/***********************************/
/****        HEADER STYLE           **/
/***********************************/

div#headerContainer{
	max-width:1024px;
}

div.header {
  background: white;
  height: 75px;
  position: fixed;
  top:0px;
  left:0px;
  transition: top 0.2s ease-in-out;
  width: 100%;
  z-index:8000;
  border-bottom:#ccc solid 1px;
}
.nav-up {
  top: -75px!important;
}

@media screen and (max-width: 479px){
	div.header{height: 60px;}
	.nav-up{top: -60px!important;}
	h1#logo{display: none;}
	div.menu_b{display: none;}
	div.contents_b{display: none;}
	a#sp_logo{
		display:block;
		position: absolute;
		left:3%;
		top:10px;
	}
	div.menu_b_s{
		position: absolute;
		right:20px;
		top:13px;
		cursor: pointer;
	}
	div.contents_b_s{
		position: absolute;
		right:70px;
		top:13px;
		cursor: pointer;
	}
	div#contentsLinks{padding-top:25px;}
	div#contentsLinks>p.anchor_title{
	margin-bottom: 5px!important;
	margin-top:12px;
	}
	div#contentsLinks>p#anchor_contents{
	margin-bottom:20px;
	}
	div#contentsLinks>a.anchorLink{font-size: 85%;line-height: 1.5;}
	div#contentsLinks a#naruhodo_link,div#contentsLinks a#management_link{padding:12px 15px 0px 15px;}
} 
/*mediaquery*/

@media screen and (min-width: 479px){
	div.menu_b_s{display: none;}
	div.contents_b_s{display: none;}
	div#contentsLinks{padding-top:60px;}
	div#contentsLinks>p.anchor_title{
	margin-bottom: 10px!important;
	margin-top:15px;
	}
	div#contentsLinks>p#anchor_contents{
	margin-bottom:30px;
	}
	div#contentsLinks a#naruhodo_link,div#contentsLinks a#management_link{padding:8px 15px 0px 15px;}
}/*mediaquery*/

h1.logo{
  position: absolute;
  left:3%;
  top:10px;
  display: block;	
}
a.logo{
	display: block;
	width:100%;
	height:100%;
}

div.menu_b{
position: absolute;
top:15px;
right:25px;
cursor: pointer;
opacity: 0.6;
}
div.menu_b:hover{
	opacity: 1;
}

div.contents_b{
position: absolute;
top:15px;
right:95px;
cursor: pointer;
opacity: 0.6;
}
div.contents_b:hover{
	opacity: 1;
}


div#contentsLinksArea{
	background-color: #efefef;
	width:100%;
	height:100%;
	position: fixed;
	top:0;
	z-index: 8100;
	opacity: 0.98;
	display: none;
	text-align: center;
}

div#contents_close_b{
	position: absolute;
	top:2%;
	right:5%;
	cursor: pointer;
}
/*MENU LINK AREA*/
div#menuLinksArea{
    background-color: #231815;
    width:100%;
    height:360px;
    position: fixed;
    top:0;
    z-index: 8100;
    opacity: 0.98;
    display: none;
    text-align: center;
}
div#menu_close_b{
    position: absolute;
    top:5%;
    right:5%;
    cursor: pointer;
}

div#menuLinks{
	text-align: center;
	padding-top:60px;
}

div#menuLinks ul{
    list-style: none;
    text-align: left;
}
div#menuLinks ul.mainmenu{
    border-left: #333 solid 1px;
}
div#menuLinks ul.mainmenu>li{
    min-height: 20px;
    margin-left: 15px;
    width:100%;
    display:block;
    margin-bottom: 6px;
}

div#menuLinks ul.mainmenu>li>a{
    display: block;
    width:100%;
    font-size: 105%;
    color:#fff;
    opacity: 0.55;
}
div#menuLinks ul.mainmenu>li a:hover{
    text-decoration: none;
    opacity: 1;
}
span.allow{
    display: inline-block;
    position: relative;
    top:8px;
    left:10px;
}
span.allow:hover{
}

ul.headerLinkArea33{
    display: block;
    width:33.3333%;
    float:left;
}
ul.headerLinkArea66{
    display: block;
    width:65%;
    float:left;
}

@media screen and (max-width: 479px){
    div#menuLinks{padding-top:80px;}
    ul.headerLinkArea33{float:none;width:100%;}
    ul.headerLinkArea66{float:none;width:100%;}
    div#menuLinksArea{height:100%;}
    div#menuLinks ul.mainmenu{border:none;}
    div#menuLinks ul.mainmenu>li{border-bottom:#333 solid 1px;padding:5px 0 10px 0;margin:0;}
    div#menu_close_b{top:3%;}
}

ul.h_filterlink{
    position: relative;
    display: block;
    margin:10px 0px 0 10px;
}
ul.h_filterlink.left{
    float: left;
    width:45%;
}

ul.h_filterlink li{
    margin-bottom:4px;
    min-height: 30px;
}
ul.h_filterlink li a{
    padding-left:30px;
    color:#999;
    display:block;
    height:27px;
    font-size:90%;
}

@media screen and (max-width: 767px) {
	ul.h_filterlink li a{
    padding-left:30px;
    color:#999;
    display:block;
    height:27px;
    font-size:3.2vw;
}
}


ul.h_filterlink li a:hover{
    text-decoration: none;
    color:#fff;
}

ul.h_filterlink li a.f_newenergy{
    background:url(../img/common/footer_icon.png) no-repeat 0 -218px ;
}

ul.h_filterlink li a.f_newenergy:hover{
    background:url(../img/common/footer_icon.png) no-repeat 0 -245px ;
}

ul.h_filterlink li a.f_energy{
    background:url(../img/common/footer_icon.png) no-repeat 0 -272px ;
}

ul.h_filterlink li a.f_energy:hover{
    background:url(../img/common/footer_icon.png) no-repeat 0 -299px ;
}

ul.h_filterlink li a.f_eco{
    background:url(../img/common/footer_icon.png) no-repeat 0 -326px ;
}

ul.h_filterlink li a.f_eco:hover{
    background:url(../img/common/footer_icon.png) no-repeat 0 -353px ;
}

ul.h_filterlink li a.f_elec{
    background:url(../img/common/footer_icon.png) no-repeat 0 -380px ;
}

ul.h_filterlink li a.f_elec:hover{
    background:url(../img/common/footer_icon.png) no-repeat 0 -407px ;
}


ul.h_filterlink li a.f_material{
    background:url(../img/common/footer_icon.png) no-repeat 0 -434px ;
}

ul.h_filterlink li a.f_material:hover{
    background:url(../img/common/footer_icon.png) no-repeat 0 -461px ;
}


ul.h_filterlink li a.f_bio{
    background:url(../img/common/footer_icon.png) no-repeat 0 -488px ;
}

ul.h_filterlink li a.f_bio:hover{
    background:url(../img/common/footer_icon.png) no-repeat 0 -515px ;
}

ul.h_filterlink li a.f_robot{
    background:url(../img/common/footer_icon.png) no-repeat 0 -541px ;
}

ul.h_filterlink li a.f_robot:hover{
    background:url(../img/common/footer_icon.png) no-repeat 0 -567px ;
}


/*CONTENTS LINK AREA*/

div#contentsLinks{
	text-align: center;
}

div#contentsLinks>p{
	display: block;
	margin-left: auto;
	margin-right: auto;
}

div#contentsLinks a#naruhodo_link{
	display: inline-block;
	height:30px;
	color:#8cc63f;
	border: #8cc63f solid 1px;
	margin-right:3px;
	margin-top:20px;
	font-size: 95%;
}
div#contentsLinks a#naruhodo_link:hover{
	text-decoration: none;
	color:white;
	background-color: #8cc63f;
}
div#contentsLinks a#management_link{
	display: inline-block;
	height:30px;
	color:#004da0;
	border: #004da0 solid 1px;
	margin-left:3px;
	margin-top:20px;
	font-size: 95%;
}
div#contentsLinks a#management_link:hover{
	text-decoration: none;
	color:white;
	background-color: #004da0;
}


/***********************************/
/****        FOOTER AREA          **/
/***********************************/

div#footerAreaWrapper{
    width:100%;
    background:#231815;
    padding-bottom:30px;
    margin-top:70px;
}

@media print{
    div#footerAreaWrapper{
    width:100%;
    background:#231815;
    padding-bottom:30px;
    display:none;
}
}

div#footerAreaContents{
    width:94%;
    max-width: 1024px;
    text-align:center;
    margin-left:auto;
    margin-right:auto;
    position:relative;
    color:#999;
    min-height:250px;
}


/*FOOTER LINK AREA*/

div#footerlinkArea2016{
    width:100%;
    position:relative;
    min-height:250px;
}

div.footerLinkArea33{
    display: block;
    width:33.3333%;
    float:left;
}


div#footerlinkArea2016 ul{
    list-style:none;
}

div#footerlinkArea2016 ul li{
    color:#999;
    height:27px;
    text-align:left;
}

div#footerlinkArea2016 ul li a{
    color:#999;
    display:block;
    height:27px;
    font-size: 95%;
}

div#footerlinkArea2016 ul li a:hover{
    color:#fff;
    text-decoration:none;
}


ul#f_mainlink{
    margin-bottom:20px;
}

ul#f_mainlink li{
    margin-bottom:4px;
}

ul#f_mainlink li a{
    color:#999;
    display:block;
    height:27px;
}

ul.f_filterlink{
    position: relative;

}
ul.f_filterlink li{
    margin-bottom:4px;
}
ul.f_filterlink li a{
    padding-left:34px;
}

ul.f_filterlink li a.f_newenergy{
    background:url(../img/common/footer_icon.png) no-repeat 0 -218px ;
}

ul.f_filterlink li a.f_newenergy:hover{
    background:url(../img/common/footer_icon.png) no-repeat 0 -245px ;
}

ul.f_filterlink li a.f_energy{
    background:url(../img/common/footer_icon.png) no-repeat 0 -272px ;
}

ul.f_filterlink li a.f_energy:hover{
    background:url(../img/common/footer_icon.png) no-repeat 0 -299px ;
}

ul.f_filterlink li a.f_eco{
    background:url(../img/common/footer_icon.png) no-repeat 0 -326px ;
}

ul.f_filterlink li a.f_eco:hover{
    background:url(../img/common/footer_icon.png) no-repeat 0 -353px ;
}

ul.f_filterlink li a.f_elec{
    background:url(../img/common/footer_icon.png) no-repeat 0 -380px ;
}

ul.f_filterlink li a.f_elec:hover{
    background:url(../img/common/footer_icon.png) no-repeat 0 -407px ;
}


ul.f_filterlink li a.f_material{
    background:url(../img/common/footer_icon.png) no-repeat 0 -434px ;
}

ul.f_filterlink li a.f_material:hover{
    background:url(../img/common/footer_icon.png) no-repeat 0 -461px ;
}


ul.f_filterlink li a.f_bio{
    background:url(../img/common/footer_icon.png) no-repeat 0 -488px ;
}

ul.f_filterlink li a.f_bio:hover{
    background:url(../img/common/footer_icon.png) no-repeat 0 -515px ;
}

ul.f_filterlink li a.f_robot{
    background:url(../img/common/footer_icon.png) no-repeat 0 -541px ;
}

ul.f_filterlink li a.f_robot:hover{
    background:url(../img/common/footer_icon.png) no-repeat 0 -567px ;
}

ul#f_sublink{

}

ul#f_sublink li a{

}

/*FOOTER BACK TO TOP*/

div#backToTop2016{
    margin-left:auto;
    margin-right: auto;
    position:relative;
    width:90px;
    height:90px;
    left:0;
    top:-45px;
}

div#backToTop2016 a{
    display:block;
    width:90;
    height:90;
}

div#backToTop2016 a:hover{
 
}


/*FOOTER COPYRIGHT*/

div#f_copyright{
    margin-top:30px;
    position:relative;
    color:#999;
    font-size:80%;
    text-align:center;
    width:100%;
}


@media screen and (max-width: 479px){
    div.footerLinkArea33{
    display: block;
    width:90%;
    float:none;
    margin-left: auto;
    margin-right: auto;
}
ul.f_filterlink{
    width:50%;
    float:left;
    border-top:#494645 solid 1px;
    padding: 30px 0 0 0;
}
div#f_copyright{
    border-top:#494645 solid 1px;
padding-top:15px;}
}
/*mediaquery*/
@media screen and (min-width: 479px) and (max-width: 767px) {
}
/*mediaquery*/
@media screen and (min-width: 767px) {
 
}
@media screen and (max-width: 766px) {
div#footerlinkArea2016 ul li a{
    color:#999;
    display:block;
    height:27px;
    font-size: 3.2vw;
}}

/* 2020 アクセシビリティ調整
=================================================*/
.voice-guide {
	white-space: nowrap; 
	border: 0;
	height: 1px;
	width: 1px;
	margin: -1px;
	padding: 0;
	overflow: hidden;
	position: absolute !important;
}

nav#menuLinks {
    text-align: center;
    padding-top: 60px;
}
nav#menuLinks ul {
    list-style-type: none;
    list-style-position: initial;
    list-style-image: initial;
    text-align: left;
}
nav#menuLinks ul.mainmenu {
    border-left-width: 1px;
    border-left-style: solid;
    border-left-color: rgb(51, 51, 51);
}
nav#menuLinks ul.mainmenu > li {
    min-height: 20px;
    margin-left: 15px;
    width: 100%;
    display: block;
    margin-bottom: 6px;
}
nav#menuLinks ul.mainmenu > li > a {
    display: block;
    width: 100%;
    font-size: 105%;
    color: rgb(255, 255, 255);
    opacity: 0.55;
}

.sprite-sprite_article-logo {
    background-image: url();
}
.sprite-sprite_article-logo img {
    width: 310px;
    height: auto;
}
.sprite-sprite_article-menu_b a {
    display: block;
    width: 100%;
    height: 45px;
    webkit-pointer-events: none;
	pointer-events: none;
}
#menu_close_b {
    display: block;
    position: absolute;
    top: 5%;
    right: 5%;
    cursor: pointer;
}

@media screen and (max-width: 479px) {
    nav#menuLinks {
        padding-top: 80px;
    }
    nav.container {
        padding-left: 5%;
        padding-right: 5%;
        width: 90%;
    }
    nav#menuLinks ul.mainmenu {
        border: none;
    }
    nav#menuLinks ul.mainmenu>li {
        border-bottom: #333 solid 1px;
        padding: 5px 0 10px 0;
        margin: 0;
    }
}
@media screen and (max-width: 767px) {
	ul.h_filterlink li a{
        height:auto;
        min-height:27px;
        font-size:3.2vw;
        font-size:90%;
    }
}

/*FOOTER LINK AREA*/
ul.footerLink,
#mainLink {
    list-style:none;
}
ul.footerLink li{
    color:#999;
    height:27px;
    text-align:left;
}
ul.footerLink li a,
#mainLink a {
    color:#999;
    display:block;
    height:27px;
    font-size: 95%;
}
ul.footerLink li a:hover,
#mainLink a:hover {
    color:#fff;
    text-decoration:none;
}
ul.footerLink {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    height: 12em;
}

ul.footerLink li {
    margin-bottom:4px;
}
ul.footerLink li.break {
    margin-bottom:3em;
}
ul.footerLink li.break ~ li {
    margin-left: 3vw;
}
ul.footerLink li a {
    padding-left:34px;
}
ul.footerLink li a:not([class]) {
    padding-left: 0;
}
ul.footerLink li a.f_newenergy{
    background:url(../img/common/footer_icon.png) no-repeat 0 -218px ;
}
ul.footerLink li a.f_newenergy:hover{
    background:url(../img/common/footer_icon.png) no-repeat 0 -245px ;
}
ul.footerLink li a.f_energy{
    background:url(../img/common/footer_icon.png) no-repeat 0 -272px ;
}
ul.footerLink li a.f_energy:hover{
    background:url(../img/common/footer_icon.png) no-repeat 0 -299px ;
}
ul.footerLink li a.f_eco{
    background:url(../img/common/footer_icon.png) no-repeat 0 -326px ;
}
ul.footerLink li a.f_eco:hover{
    background:url(../img/common/footer_icon.png) no-repeat 0 -353px ;
}
ul.footerLink li a.f_elec{
    background:url(../img/common/footer_icon.png) no-repeat 0 -380px ;
}
ul.footerLink li a.f_elec:hover{
    background:url(../img/common/footer_icon.png) no-repeat 0 -407px ;
}

ul.footerLink li a.f_material{
    background:url(../img/common/footer_icon.png) no-repeat 0 -434px ;
}
ul.footerLink li a.f_material:hover{
    background:url(../img/common/footer_icon.png) no-repeat 0 -461px ;
}
ul.footerLink li a.f_bio{
    background:url(../img/common/footer_icon.png) no-repeat 0 -488px ;
}
ul.footerLink li a.f_bio:hover{
    background:url(../img/common/footer_icon.png) no-repeat 0 -515px ;
}
ul.footerLink li a.f_robot{
    background:url(../img/common/footer_icon.png) no-repeat 0 -541px ;
}
ul.footerLink li a.f_robot:hover{
    background:url(../img/common/footer_icon.png) no-repeat 0 -567px ;
}

/*mediaquery*/
@media screen and (max-width: 479px){
    ul.footerLink{
        height: 10em;
        width: 90%;
        margin-right: auto;
        margin-left: auto;
        margin-top: 15px;
        padding-top: 30px;
        border-top: #494645 solid 1px;
    }
    ul.footerLink li {
        margin-bottom:4px;
    }
    ul.footerLink li.break {
        margin-bottom:0;
    }
    ul.footerLink li.break ~ li {
        margin-left: 8vw;
    }
    ul.footerLink li a {
        font-size: 3.2vw;
    }
    #mainLink {
        width: 90%;
        margin-right: auto;
        margin-left: auto;
        text-align: left;
    }

}
@media screen and (min-width: 479px) and (max-width: 767px) {

}