@charset "utf-8";
/* CSS Document */
#header{width:100%; z-index:9999;}
#header_area{width:100%; margin:0; padding:0; position:relative; background: #FFF; box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.2); z-index: 9998;}

#pagetop{
  display: none;
  position: fixed;
  _position: absolute;  
  bottom:0;
  right:0;
  padding:0;
  margin:0;
  width:44px;
  height:44px;
  cursor:pointer;
  z-index:999999;
}

/* pc */
/*ここにpc用スタイルを記述*/
#logo_box{background: url(../gif/bg_header.gif) repeat-x bottom #FFF; height:110px; box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.2); position: relative; z-index: 9999;}
#logo{float:left; margin:18px 0 7px 15px;}
#logo img{height: 43px; width: auto;}
#catch_txt{clear: both; line-height: 30px; font-size:18px; margin:0 0 0 15px; font-family: "Helvetica Neue", "Segoe UI", "メイリオ", Meiryo, sans-serif; font-weight: 700; color: #00578F; font-style: italic;}
#catch_txt .clr_se-green{color: #0096AE;}

#sp_catalog{display:none}

#header_link{position: absolute; right: 270px; bottom:45px;}
#header_link li{display:inline-block; padding-right:15px;}
#cse-search-form{width: 250px;}

ul#header_link li#header_link3{display:none;}


/*フッター*/
#footer_nav{background:url(../gif/bg_header.gif) repeat-x bottom #efefef; padding:20px 0; font-size: 14px; box-shadow: 0px 0px 5px 2px rgba(0, 0, 0, 0.2); position:relative; z-index: 99999;}
#footer_nav_box{width:96%; max-width: 1200px; margin:0 auto; padding:10px 0; position:relative;}
#footer_nav_box a{color:#333;}
#footer_nav_box>.col_footer{width:25%; float:left; position: relative;}
#footer_nav_box>.col_footer>ul{display:block; list-style:none;}
#footer_nav_box>.col_footer>ul>li{font-weight:bold; padding-bottom:10px; line-height:1.8em;}
#footer_nav_box>.col_footer>ul>li>ul{padding-top:10px; list-style:none;}
#footer_nav_box>.col_footer>ul>li>ul>li>a:before{content: "- "; color: #0096AE;}
#footer_nav_box>.col_footer>ul>li>ul>li>a{font-weight:normal; color:#333;}
#other_link{padding: 20px 0;float: left;}
#other_link>ul>li{display:block; float:left; margin-right:30px;}

#copyright_box{width:100%; margin:0 auto; text-align: center; padding:10px 0 0;}
#footer_exlink{list-style:none; margin:15px 0 20px;}
#footer_exlink>li{display:inline-block; margin:0 15px;}
#copyright_box>p{background: #838383; font-size:11px; clear: both; padding:20px 0; margin: 0; color: #dcdcdc;}

#notice_name{margin:10px 0 0; font-size: 12px; letter-spacing: -0.5px;}
#notice_name a{padding:5px; border:#999 1px solid; border-radius: 5px; color:#333; font-weight:normal;}
#notice_name a:hover{text-decoration: none; opacity: 0.7;}

/* tablet  */
@media print, screen and (min-width: 641px) and (max-width: 1023px) {
/*ここにtablet用スタイルを記述*/
#header{width:100%; min-width: 750px; z-index:9999;}

#logo_box{height:90px;}
#logo{float:left; margin:18px 0 0 15px;}
#logo img{height: 35px; width: auto;}
#catch_txt{clear: both; line-height: 20px; font-size: 16px; margin: 0 0 0 15px; font-family: "Helvetica Neue", "Segoe UI", "メイリオ", Meiryo, sans-serif;}

#sp_catalog{display:none}

#header_link{position: absolute; right: 230px; bottom:40px;}
#header_link li{display:inline-block; padding-right:15px;}
#cse-search-form{width: 210px; height:19px;}

ul#header_link li#header_link3{display:none;}


/*フッター*/
#footer_nav{min-width: 750px;}
#footer_nav_box{width:96%; margin:0 auto; padding:10px 0; position:relative;}
#footer_nav_box>.col_footer{width:33.33%; float:left;}

#copyright_box{min-width: 750px;}
#footer_exlink{list-style:none; margin:15px 0;}
#footer_exlink>li{display:inline-block; margin:0 15px 5px;}

}
 
/* smartPhone */
@media screen and (max-width: 640px) {
/*ここにスマホ用スタイルを記述*/
#header_area{padding:0; background: #FFF; position: relative;}
#logo_box{height: 90px; position: relative;}
#logo{margin:10px 0 5px 2%; position: relative; z-index: 99999;}
#logo img{height:28px; width:auto;}
#catch_txt{clear: both; line-height:1.2em; font-size: 10px; margin: 0 0 0 2%;}

#header_link{position:absolute; display: block; width: 100%; height: 40px; right: 0; bottom:35px; z-index: 99998;}
#header_link li{display: block; padding:0;}
ul#header_link li#header_link1, ul#header_link li#header_link2, #gnavi05{display:none;}
ul#header_link li#header_link3{display:block; position:absolute; right:15px; bottom:15px; background: #0096AE; padding: 0 5px; border-radius: 3px;}
#header_link3 a{background:url(../png/icon_mail.png) no-repeat left 50%; background-size: 20px auto; padding:5px 0 5px 25px; font-size:9px; color:#FFF; text-decoration:none;}

#header_link4{display:block; position:absolute; width:80px; height:19px; padding:0; margin:0; right:125px; bottom:15px;}

#cse-search-form{width:280px; margin:0 auto; z-index:1;}

/*フッター*/
#footer_nav_box{width:100%; margin:0 auto; padding:15px 0 10px; position:relative;}
#footer_nav_box>.col_footer{width:100%; float:none; margin: 0 auto; position: relative; text-align: center;}
#footer_nav_box>.col_footer>ul>li{font-weight:bold; padding:5px; border-bottom: #CCC 1px dotted;}
#footer_nav_box>.col_footer>ul>li>ul.sub{display:none}
#other_link{padding: 0; float:none; width:100%; text-align:center;}
#other_link>ul>li{display: inline-block; float: none; margin:10px 0 0; text-align:center;}
#other_link>ul>li#global{margin-right:20px;}
#footer_nav_box>.col_footer>ul>li#notice_name{margin:20px 0 ; border-bottom: none;}

#copyright_box>p{font-size:11px;}
#footer_exlink{display:block; list-style:none; float:none; width:100%; margin:15px 0 25px;}
#footer_exlink>li{display:block; float:none; text-align:center; margin:5px 0;}

}