@charset "utf-8";
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,
pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td { margin: 0; padding: 0; }
body {font-size:14px; font-family: "Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ＭＳ Ｐゴシック",sans-serif; overflow-x:hidden;background:#8f8f8f;}
ul,li {list-style: none;}
fieldset,img { border: 0; vertical-align: middle; overflow: hidden; }
.clearfix:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
.clearfix { *zoom:1;}
.clear { clear: both; display: block; height: 0; overflow: hidden; }
img{ max-width:100%;}


/********************************************************/


body{ overflow-x:hidden;}

.header{ text-align:center; position:relative; line-height:0;}
.head_p{ background:#000; position:relative; width:100%;overflow-x:hidden; }
.top_ph{ position:relative; z-index:30; width:1000px; margin:0 auto;}
.top_ph img{ max-width:130%; margin-left:-15%;}
.left_bf{ background:url(../images/head/bg_01.png) top center repeat-x; background-size:auto 100%;position:absolute; top:0; left:0; width:50%; height:100%;}
.right_bf{ background:url(../images/head/bg_02.png) top center repeat-x;background-size:auto 100%;position:absolute; top:0; left:50%; width:50%; height:100%;}


.bg_linedow{background:url(../images/head/bg_linedow.png) top center repeat-x; width:100%;margin-top:-6px; position:relative; z-index:40;}
.bg_line{background:url(../images/head/menu_bgline.png) top center no-repeat; background-size:auto 100%; } /*#303030*/

.menu{ position:relative;z-index:99; width:1000px; margin:0 auto; line-height:0; font-size:0;}
.menu ul{ width:100%;}
.menu ul.nav_one li{ float:left;display:block; margin-left:-3.0%; width:16.8%; position:relative;}
.menu ul.nav_one li.menu_01{margin-left:0%;}
.menu ul.nav_one li a{display:block;}
.menu ul.nav_one li .menu_node{ display:none;}
.menu ul.nav_one li.menu_01 a{background:url(../images/head/menu_01.png) top center no-repeat;background-size:100% auto;}
.menu ul.nav_one li.menu_02 a{background:url(../images/head/menu_02.png) top center no-repeat;background-size:100% auto;}
.menu ul.nav_one li.menu_03 a{background:url(../images/head/menu_03.png) top center no-repeat;background-size:100% auto;}
.menu ul.nav_one li.menu_04 a{background:url(../images/head/menu_04.png) top center no-repeat;background-size:100% auto;}
.menu ul.nav_one li.menu_05 a{background:url(../images/head/menu_05.png) top center no-repeat;background-size:100% auto;}
.menu ul.nav_one li.menu_06 a{background:url(../images/head/menu_06.png) top center no-repeat;background-size:100% auto;}
.menu ul.nav_one li.menu_07 a{background:url(../images/head/menu_07.png) top center no-repeat;background-size:100% auto;}
.menu ul.nav_one li .menu_ttbn{ display:none;}
.menu ul.nav_one li.menulogo{display:none;}
.menu ul.nav_one li .menu_node{ display:none;}


.menu ul.nav_one li a:hover{ background-position:0 100%;}
/***********************this scroll menu *******************************/
.bg_linedow.menu_pos{ position:fixed;top:0; left:0;z-index:98;margin-top:0;background:url(../images/head/bg_linedow2.jpg) top center repeat-x; background-size:auto 100%; padding-bottom:10px; }
.menu_pos .bg_line{background:none;}
.menu_pos .menu{ position:relative;z-index:99; width:1000px; margin:0 auto; font-size:1em; }
.menu_pos .menu ul{ width:100%;background:#fff;}
.menu_pos .menu ul.nav_one li{ float:left;display:block; background:#303030; margin-right:0.2%; margin-left:0%; width:12.3%;height:100%; line-height:180%; color:#FFF;}
.menu_pos .menu ul.nav_one li.menu_01{margin-left:0%;}
.menu_pos .menu ul.nav_one li a{display:block; font-size:18px; text-align:center; height:100%;  background-position: 0px 0px!important;}
.menu_pos .menu ul.nav_one li.menulogo{background:#303030 url(../images/head/logo.png) top center no-repeat;background-size:100% auto;}
.menu_pos .menu ul.nav_one li.menu_01 a{background:url(../images/head/menu_p01.png) top center no-repeat;background-size:100% auto;}
.menu_pos .menu ul.nav_one li.menu_02 a{background:url(../images/head/menu_p02.png) top center no-repeat;background-size:100% auto;}
.menu_pos .menu ul.nav_one li.menu_03 a{background:url(../images/head/menu_p03.png) top center no-repeat;background-size:100% auto;}
.menu_pos .menu ul.nav_one li.menu_04 a{background:url(../images/head/menu_p04.png) top center no-repeat;background-size:100% auto;}
.menu_pos .menu ul.nav_one li.menu_05 a{background:url(../images/head/menu_p05.png) top center no-repeat;background-size:100% auto;}
.menu_pos .menu ul.nav_one li.menu_06 a{background:url(../images/head/menu_p06.png) top center no-repeat;background-size:100% auto;}
.menu_pos .menu ul.nav_one li.menu_07 a{background:url(../images/head/menu_p07.png) top center no-repeat;background-size:100% auto;}
.menu_pos .menu ul.nav_one li.menulogo{display:block;}
.menu_pos .menu ul.nav_one li .menu_node{ position:absolute; top:100%; left:0; width:100%;text-align:center; background:#666; }
.menu_pos .menu ul.nav_one li .menu_node div{border-bottom:1px solid #303030; background:#5e5e5e;}
.menu ul.nav_one li .menu_node div a{padding:15px 0 15px 0px; color:#fff; text-decoration:none; background-image:none!important;}
.menu ul.nav_one li .menu_node div a:hover{ background:#ed6f33;}

/***********************this scroll menu *******************************/





/* mobile menu */
.mobile_nav{display:none;}
.menu ul.nav_one li.close_tit{ display:none;}
.pc_none{ display:none;}
.mobile_none{ display:inherit;}





/*********************foot********************************/
.foot{ width:100%; text-align:center; background:#303030; color:#ccc; font-size:0.845em; font-weight:bold; padding:1.5% 0;}









@media screen and (max-width: 1040px) {
img{ width:auto; max-width:100%;}

}
@media screen and (max-width: 1000px) {
.bg_linedow.menu_pos{padding-bottom:0.8%; }
	
	
.top_ph{ width:100%; overflow:hidden;}	
.all1000{ width:1000px!important;}	
	
	
.menu{ width:100%;}
.menu_pos .menu{width:100%;}
}

@media screen and (max-width: 750px) {
.pc_none{ display:inherit;}
.mobile_none{ display:none;}
	
.top_ph img{ width:100%; margin:0;}	
	
/***********************this is mobile menu *******************************/
.mobile_nav{display:block; position:absolute; top:4%; right:2.6%;z-index:99; max-width:11%;}
.bg_linedow{ position:fixed; top:0; right:0; background:#303030; overflow-y:scroll; height:100%; width:0;margin-top:0;}
.bg_line{background:none;}

.menu{ position:relative;z-index:99; width:auto;overflow-x:hidden;font-size:1em;}
.menu ul{ width:100%; line-height:120%; text-align:left; font-weight:bold; color:#FFF;}

.menu ul.nav_one li{ float:none;display:block; margin-left:0%; width:100%; border-bottom:1px solid #6c6c6c;}
.menu ul.nav_one li a{padding:20px 0 20px 17px;}


.menu ul.nav_one li:first-child a{padding:0}
.menu ul.nav_one li a{display:block;background:none; text-decoration:none; font-weight:bold; color:#FFF;}
/*.menu ul.nav_one li.menu_01{background-image:url(../images/head/ic_mup.jpg); background-position:100px 20px; background-repeat:no-repeat;}*/
.menu ul.nav_one li.menu_01 a{background:none;}
.menu ul.nav_one li.menu_02 a{background:none;}
.menu ul.nav_one li.menu_03 a{background:none;}
.menu ul.nav_one li.menu_04 a{background:none;}
.menu ul.nav_one li.menu_05 a{background:none;}
.menu ul.nav_one li.menu_06 a{background:none;}
.menu ul.nav_one li.menu_07 a{background:none;}
.menu ul.nav_one li .menu_phbn{ display:none;}
.menu ul.nav_one li .menu_ttbn{ display:block;}
.menu ul.nav_one li.menulogo{display:none;}
.menu ul.nav_one li.close_tit{ display:block;}
.menu ul.nav_one li .menu_node{ font-size:0.9em; width:100%;text-align:left; }
.menu ul.nav_one li .menu_node div{border-bottom:1px solid #303030; background:#aaaaaa;}
.menu ul.nav_one li .menu_node div a{padding:15px 0 15px 17px; color:#000;}
.menu ul.nav_one li .menu_node div a:hover{ background:#ed6f33;}
/***********************this is mobile menu *******************************/


/***********************this is index_menu *******************************/
.index_menu{ position:relative;z-index:99; width:100%; margin:-1.2% auto 2.5% auto; line-height:0; font-size:0; background:url(../images/head/index_mobile_bg.png) 0 0 repeat-x; background-size:auto 100%;}
.index_menu ul{ width:88.8%; margin:0 auto;}
.index_menu ul.nav_two li{ float:left;display:block; margin:0 -6.5% 0 0; width:36.8%; position:relative;}
.index_menu ul.nav_two li.menu_01{margin-left:0%;}
.index_menu ul.nav_two li.menu_04{margin-left:0%;}
.index_menu ul.nav_two li a{display:block;}

/***********************this is index_menu *******************************/
}