@charset "utf-8";

/*-----------------------------------------------------------------------------------------
	common
-----------------------------------------------------------------------------------------*/
html, body { height:100% !important; }
body { background:none; background-color:#fff; color:#333; }

#container { position:relative; width:100%; min-width:1000px; margin:0 auto; }

#gnav_header { width:100%; min-width:1000px; height:115px; background-color:#e5e5e5; }
#gnav_header #gnav_header_inner { height:115px; }
.headLogoWrap { top:-50px; margin:0 auto -50px auto; padding-bottom:20px; }

#contents { font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; }


/*-----------------------------------------------------------------------------------------
	aside
-----------------------------------------------------------------------------------------*/
#aside { position:fixed; right:0; top:50%; margin-top:-92px; z-index:9; }
#aside ul { position:relative; border-bottom:2px solid #fff; }


/*-----------------------------------------------------------------------------------------
	pageTop
-----------------------------------------------------------------------------------------*/
#pageTop{ margin-top:20px; text-align:center; padding-bottom: 30px; }


/*-----------------------------------------------------------------------------------------
	footer
-----------------------------------------------------------------------------------------*/
#footer { width:100%; min-width:1000px; background-color:#000; padding: 0 0 0; }
#foot_navi_sitemap .inner { display:block; width:1000px; background:none; text-align:center; }
#foot_navi_sitemap nav { display:inline-block; float:none; vertical-align:top; margin:0 50px; text-align:left; }
footer { padding-top:0; }
footer #pagetop { display:none; }


/*-----------------------------------------------------------------------------------------
	sp_btn
-----------------------------------------------------------------------------------------*/
#sp_btn{ display:none; width:100%; margin:50px 0 0 0; text-align:center; }
#sp_btn a{ width:100%; display:block; padding:25px 0; background-color:#3c3c3c; }


/*-----------------------------------------------------------------------------------------
	safety_nav
-----------------------------------------------------------------------------------------*/
#safety_nav { position:absolute; top:115px; left:0; z-index:100; width:100%; min-width:1000px; height:60px; background:#000; }
#safety_nav .safety_nav__inner { width:1000px; margin:0 auto; }
#safety_nav .safety_nav__list { margin-left:140px; zoom:1; }
#safety_nav .safety_nav__list:after { content:""; display:block; clear:both; }
#safety_nav .safety_nav__list .safety_nav__item { float:left; font-size:0; line-height:0; }
#safety_nav .safety_nav__list .safety_nav__item > a { display:block; text-decoration:none; }
#safety_nav .safety_nav__list .safety_nav__item > a > span { -webkit-transition:0.4s all; -moz-transition:0.4s all; transition:0.4s all; display:block; padding:20px; }
#safety_nav .safety_nav__list .safety_nav__item > a:hover > span,
#safety_nav .safety_nav__list .safety_nav__item > a.is-active > span { background:#393939; }

.safety_subnav { position:absolute; top:174px; left:0; z-index:101; width:100%; min-width:1000px; height:0; background:#393939; overflow:hidden; -webkit-transition:0.2s all; -moz-transition:0.2s all; transition:0.2s all; }
.safety_subnav.is-open { z-index:103; -webkit-transition:0.4s all; -moz-transition:0.4s all; transition:0.4s all; height:auto; }
.safety_subnav.is-close,
.safety_subnav.is-open.is-close { z-index:102; -webkit-transition:0.2s all; -moz-transition:0.2s all; transition:0.2s all; }

.safety_subnav .safety_subnav__inner { position:relative; width:1000px; margin:0 auto; padding:20px 0 40px 0; }
.safety_subnav .safety_subnav__inner .safety_subnav__list { width:808px; margin:0 auto; zoom:1; }
.safety_subnav .safety_subnav__inner .safety_subnav__list:after { content:""; display:block; clear:both; }
.safety_subnav .safety_subnav__inner .safety_subnav__list .safety_subnav__item { float:left; display:inline-block; vertical-align:top; margin:0 6px; padding-top:30px; }
.safety_subnav .safety_subnav__inner .safety_subnav__list .safety_subnav__item > a { position:relative; display:block; text-decoration:none; text-align:center; -webkit-transition:0.4s opacity; -moz-transition:0.4s opacity; transition:0.4s opacity; }
.safety_subnav .safety_subnav__inner .safety_subnav__list .safety_subnav__item > a:hover { text-decoration:underline; filter:alpha(opacity=75); -moz-opacity:0.75; opacity:0.75; }
.safety_subnav .safety_subnav__inner .safety_subnav__close { position:absolute; top:30px; right:18px; -webkit-transition:0.4s opacity; -moz-transition:0.4s opacity; transition:0.4s opacity; }
.safety_subnav .safety_subnav__inner .safety_subnav__close:hover { filter:alpha(opacity=60); -moz-opacity:0.6; opacity:0.6; }

#safety_subnav2.safety_subnav .safety_subnav__inner { overflow:hidden; }
#safety_subnav2.safety_subnav .safety_subnav__inner .safety_subnav__list { width:1010px; margin-left:-10px; }
#safety_subnav2.safety_subnav .safety_subnav__inner .safety_subnav__list .safety_subnav__item { float:left; display:inline-block; vertical-align:top; margin:0 0 0 10px; padding-top:30px; }

#js-safety_nav.is-fixed #safety_nav { position:fixed; top:-60px; z-index:1002; width:100%; padding-top:60px; -webkit-transition: 0.4s padding-top; -moz-transition: 0.4s padding-top; transition: 0.4s padding-top; }
#js-safety_nav.is-fixed #safety_nav .safety_nav__inner { width:845px; margin: 0 auto; }
#js-safety_nav.is-fixed #safety_nav .safety_nav__list { margin-left:0; zoom:1; }
#js-safety_nav.is-fixed #safety_nav .safety_nav__list .safety_nav__item { padding:0 45px; }

#js-safety_nav.is-fixed .safety_subnav { position:fixed; top:59px; z-index:1002; display:block; }