@charset "utf-8";
header{min-height:170px;border-bottom:1px solid #D2DBD3;}
header .wrap,header nav ul{width:1024px;margin:0px auto;padding:0px;}
header .wrap .title,header h1 {position:absolute;left:50%;width:184px;margin-top:40px;margin-left:-92px;float:left;z-index:8;text-align:center;}
header .wrap .title a,header h1 {display:block;height:109px;}
header .page_control{position:relative;margin:10px 0px 16px;padding:0px 10px;float:right;background:#DDDDDD;border-radius:22px;z-index:15;}
header .page_control .header_bt,
header .page_control ul,
#UD,
header .page_control form.search{padding:0px;float:left;}
header .page_control ul{margin:0;padding:0;}
header .page_control ul li{float:left;}
header .page_control ul li a{display:block;width:44px;min-height:44px;padding:0px;background:no-repeat left center;text-indent:-100em;}
header .page_control ul li a.bt_access{background-image:url(../img/ncc_bt_access.png);}
header .page_control ul li a.bt_language{background-image:url(../img/ncc_bt_language_en.png);}
header .page_control ul li a.bt_language_en{background-image:url(../img/ncc_bt_language_en.png);}
header .page_control ul li a.bt_language_zh{background-image:url(../img/ncc_bt_language_zh.png);}
header .page_control ul li a.bt_nccicon {background-image:url(../img/bt_nccicon2.png);}
#UD {}
#UD dl,
#UD dl dt,
header .page_control dl dd {min-height:44px;margin:0px;padding:0px;float:left;list-style:none;}
header .page_control form.search label.search_txt{display:block;width:44px;height:44px;}
#UD dl{min-width:44px;min-height:44px;margin:0px 4px;padding:0px;float:right;color:#ffffff;}
#UD dl dd{background: #005ead;color: #ffffff;}
#UD dl dt{width:44px;padding:0px;color:#000000;background:no-repeat center center;text-indent:-100em;}
#UD dl.color_change dt {background-image:url(../img/ncc_control_color_title.png);}
#UD dl.textsize_change dt {background-image:url(../img/ncc_control_font_title.png);}
#UD dl dd a{display:block;width:0px;height:44px;transition-duration:0.5s;}
#UD dl dd a:focus,
#UD dl.active dd a{width:44px;}
header #UD dl dd a img{width:100%;height:44px;}
#UD dl dd a.textresizer-active{background-color:rgba(255,255,255,0.5);}

header .page_control form.search {width:auto;margin:0px;text-align:center;}
header .page_control form.search div{padding:0px;}
header .page_control form.search label.search_txt{display:block;width:44px;float:left;background-image:url(../img/ncc_control_search_title.png);text-indent:-100em;}
header .page_control form.search .input_area{width:0px;box-sizing:border-box;max-height:36px;margin:4px 0px;padding:3px 0px;background-color:#ffffff;transition-delay:0.5s;transition-duration:0.5s;}
header .page_control form.search .input_area.active{width:12em;padding:3px;transition-delay:0.1s;}
header .page_control form.search input#search_txt {display:block;width:75%;padding:6px 0px;margin:0px;border:none;float:left;}
header .page_control form.search input#search_txt:focus {background-color:#ffffff;outline:none;}
header .page_control form.search input.search_bt {width:25%;padding:4px 0px;margin:0px;font-weight:bold;color:#ffffff;background-color:#005ead;border:none;float:left;font-family:"Hiragino Kaku Gothic ProN","繝。繧、繝ェ繧ェ",sans-serif;-webkit-appearance:none;}
header nav{padding:20px 0px 0px;}
header nav .menu_button{display:none;padding:0px;}

header nav ul {padding:0px;list-style:none;}
header nav ul li{width:12.666666666666%;margin:0;float:left;}
header nav ul li.menu03{margin-right:24%;}
header nav ul li.menu01{width:24%;}
header nav ul li.menu02,
header nav ul li.menu03,
header nav ul li.menu04{width:7%;}
header nav ul li.menu05,
header nav ul li.menu06{width:15.5%}

header nav ul li a{display:block;padding:22px 5px;text-align:center;transition-duration:0.5s;}
header nav ul li a:hover{background:rgba(255,255,255,0.5);}
header nav ul li a:before,
header nav ul li a:after{top:1em;bottom:1em;}
header nav ul li a:before{left:0px;border-left:1px dotted #555555;}
header nav ul li a:after{right:0px;}
header nav ul li.menu03 a:after,
header nav ul li.menu06 a:after{border-right:1px dotted #555555;}

header nav ul li a img{max-width:100%;height:auto;}
header nav ul li a{position:relative;}
header nav ul li a:before,
header nav ul li a:after{display:block;content:" ";position:absolute;}

/* センターについて
header nav ul li.menu03{margin-right:24%;}
header nav ul li.menu01{width:18.66666666666%;}
header nav ul li.menu02,
header nav ul li.menu03,
header nav ul li.menu04{width:9.6666666666%;}
header nav ul li.menu05,
header nav ul li.menu06{width:14.1666666666%;}
header nav ul li.menu03 a:after,
header nav ul li.menu06 a:after{border-right:1px dotted #555555;}
*/

/*------------------------------------------------------------------------------
  レスポンシブ対応
------------------------------------------------------------------------------*/
@media screen and (min-width:0px) and (max-width:1044px) {/* 1024+20 */
header{height:auto;min-height:130px;}
header .wrap .title, header h1{margin-top:10px;margin-bottom:10px;}
header .page_control,
header nav ul{display:none;}
header nav ul#menu,header .page_control{position: fixed; right: 0px; width: 45%;min-width:300px;z-index: 99;}

header nav .menu_button{
 display:block; position: fixed; width: 50px; height: 50px; top: 5px; right: 5px; padding: 0px; margin: 0px;
 text-indent: -100em; z-index: 100; overflow: visible; transition-duration: 0.4s;
}
header nav .menu_button a{
  position: relative; display: block;width:100%;height:100%;
  padding:0;color:#ffffff;transition-duration: 0.4s; overflow: visible;
  background:#005ead url(../img/btn_hamburger.png) no-repeat center center;
}
header nav .menu_button.active a {background-image:url(../img/btn_hamburger_close.png);}

header .page_control {
  top: 0px; height: 240px; padding-top:12px; box-sizing: border-box; overflow: hidden;
  margin:auto;float:none;border-radius:0;
}
header .page_control .header_bt,
header .page_control .UD,
header .page_control form.search{padding:0px;float:none;}

#UD { float:none;clear:both;overflow: hidden;}
#UD dl.color_change,
#UD dl.textsize_change { float: none; width: 300px; margin: 0px auto;}
#UD dl.color_change dt,#UD dl.textsize_change dt { height: 44px; width: 100px;text-align:center;font-weight:bold;}
#UD dl dt {text-indent:0;color:#333;line-height:44px;}
#UD dl.textsize_change dt,
#UD dl.color_change dt{background:none;}
#UD dl dd { padding-top: 0px; margin: 0px 5px 10px;border:1px solid #ddd}
#UD dl dd a { height: 44px; width: 44px;}
  
header .page_control .header_bt{margin-left:42px}
header .page_control .link_bt { padding-top: 0px; margin: 0px 5px 10px;border:1px solid #ddd}

header nav ul#menu { top: 240px; bottom: 0px;background:rgba(246,247,249,0.95);}
header nav ul li a:before,
header nav ul li.menu03 a::after, header nav ul li.menu06 a::after {display:none;}
header nav ul li.menu01,
header nav ul li.menu02,
header nav ul li.menu03,
header nav ul li.menu04,
header nav ul li.menu05,
header nav ul li.menu06{width:auto;float:none;border-bottom:1px dotted #999;}
header nav ul li.menu03{margin-right:0%;}
header nav ul li a{padding:12px 0;}

header .page_control form.search{width:100%;margin:0 auto;}
header .page_control form.search .input_area{margin: 4px 56px 8px 0px;}
header .page_control form.search .input_area,
header .page_control form.search .input_area.active{width:auto;padding:3px;transition-delay:0.1s;}
}

@media screen and (min-width:0px) and (max-width:788px) {/* 768+20 */
}

@media screen and (min-width:0px) and (max-width:660px) {/* 640+20 TABLET */

}
@media screen and (min-width:0px) and (max-width:500px) {/* 480+20 MOBILE */
}

@media screen and (min-width:1045px) {
 header .page_control,
 #menu{display:block !important;}
}