@charset "utf-8";
/*
html{
  scroll-behavior: smooth;
}
*/
body{
	background:url("../img/common/bg.gif") left top;
}
/*header*/
#header{
	width:1000px;
	margin:10px auto;
	overflow:hidden;
}
#header h1{
	width:100px;
	height:100px;
	float:left;
}
.nav_sp{
  position: absolute;
  top: 0;
  left: 0;
  display: none;
  width: 100%;
  z-index: 10;
}
.nav_sp ul{
  position: absolute;
  right: -300px;
  width: 300px;
}
ul#nav{	
	float:left;
	height:45px;
	margin:28px 0  0 20px;
}
ul#nav li{
	float:left;
	height:45px;
}
ul#nav a{
	display:block;
	height:45px;
	text-indent:-9999px;
}
ul#nav li.nav01,
ul#nav li.nav01 a{
	width:89px;
	background:url("../img/common/navi_home.png") no-repeat left top;
}
ul#nav li.nav02,
ul#nav li.nav02 a{
	width:106px;
	background:url("../img/common/navi_comany.png") no-repeat left top;
}
ul#nav li.nav03,
ul#nav li.nav03 a{
	width:111px;
	background:url("../img/common/navi_ir.png") no-repeat left top;
}
ul#nav li.nav04,
ul#nav li.nav04 a{
	width:120px;
	background:url("../img/common/navi_irnews.png") no-repeat left top;
}
ul#nav li.nav05,
ul#nav li.nav05 a{
	width:166px;
	background:url("../img/common/navi_irfaq.png") no-repeat left top;
}
ul#nav li.nav01 a:hover,
ul#nav li.nav02 a:hover,
ul#nav li.nav03 a:hover,
ul#nav li.nav04 a:hover,
ul#nav li.nav05 a:hover{
	background-position:left bottom;
}
#header div.update{
	float:right;
	text-align:center;
}
#header div.update ul{
	height:30px;
	margin-bottom:15px;
}
#header div.update li{
	float:left;
	height:30px;
	/*margin-left:5px;*/
}
#header div.update a{
	display:block;
	height:30px;
	text-indent:-9999px;
}
#header div.update li.contact,
#header div.update li.contact a{
	width:101px;
	background:url("../img/common/navi_contact.png") no-repeat left top;	
}
#header div.update li.alltop,
#header div.update li.alltop a{
	width:90px;
	background:url("../img/common/navi_alltop.png") no-repeat left top;
}
#header div.update li.shop,
#header div.update li.shop a{
	width:79px;
	background:url("../img/common/navi_shop.png") no-repeat left top;
}
#header div.update li.contact a:hover,
#header div.update li.alltop a:hover,
#header div.update li.shop a:hover{
	background-position:left bottom;
}
/*main*/
#main{
	width:1000px;
	margin:0 auto;	
	position:relative;
}
#main_top,
#main_library,
#main_calendar,
#main_policy,
#main_sales_trend,
#main_governance,
#main_highlight,
#main_info,
#main_benefit,
#main_articles,
#main_publicinfo,
#main_faq,
#main_notice,
#main_ir_news,
#main_outline,
#main_message,
#main_history,
#main_business,
#main_feature,
#main_news,
#main_contact,
#main_conf{
	width:990px;
	margin:0 auto;
	background-color:#fff;
	overflow:hidden;
}
#main ul.bread{
	position:absolute;
	left:130px;
	top:-30px;	
	font-size:11px;
}
#main ul.bread li{
	float:left;	
	margin-right:2px;
}
#main ul.bread a{
	color:#000;	
}
#main ul.bread a:hover{
	text-decoration:none;
}
#main_contents{
	width:730px;
	float:left;	
}
#main h3{
	font-size:16px;
	line-height:1.9;
	border-bottom:1px dotted #006DA2;
	margin-bottom:10px;
	text-indent:5px;
	color:#006C9F;
}
#main h4{
	font-size:14px;
	line-height:1.9;
	border-bottom:1px dotted #006DA2;
	margin-bottom:10px;
	text-indent:5px;
	color:#006C9F;
}
#main p.construction {
	margin: 100px auto 0 auto !important;
	text-align: center;
	line-height: 1.5;
}
#main p.gotop{
	position:relative;
}
#main p.gotop a{
	position:absolute;
	left:1000px;
	top:-145px;
	display:block;
	width:30px;
	height:120px;
	background:url("../img/common/pagetop.png") no-repeat left top;
	text-indent:-9999px;
}

/*question*/
#main div#question dl{
	margin-bottom:30px;
}
#main div#question dt{
	background:url("../img/ir/icon_question.gif") no-repeat 10px top;
	margin-bottom:5px;
	padding:4px 0 4px 40px;
	color:#007FCC;
	font-weight:bold;
}
#main div#question dd{
	background:url("../img/ir/icon_answer.gif") no-repeat 10px top;
	margin-bottom:10px;
	padding:3px 0 10px 40px;
	border-bottom:1px solid #d8d8d8;
}

/*sidemenu*/
#sidemenu{
	width:220px;
	float:left;
	margin:0 10px 0 15px;
}
#sidemenu a{
	color:#007fcc;
	text-decoration:none;
}
#sidemenu dl{
	margin-bottom:20px;
}
#sidemenu dt,
#sidemenu p.title{
	height:30px;
	line-height:30px;
	text-indent:8px;
	font-weight:bold;
	background-color:#f4f4f4;
	margin-bottom:5px;
}
#sidemenu p.title{
	background-color:#EAEAEA;
}
#sidemenu a{
	text-decoration:none;
	color:#007FCC;
}
#sidemenu a:hover{
	text-decoration:underline
}
#sidemenu dd.longer a{
	display:block;
}
#sidemenu a.now,
#sidemenu dd.now{
	font-weight:bold;
}
#sidemenu dd{
	padding-left:13px;
	line-height:1.5;
}
#sidemenu dd a{
	padding-left:10px;	
	background:url("../img/common/side_inmenu.gif") no-repeat left 4px;
}

/*****/
#sidemenu dd.stock {
	padding-left:23px;
	background:url("../img/common/side_inmenu.gif") no-repeat 13px 4px;
	color: #007FCC;
}
#sidemenu dd.stock span {
	font-size: x-small !important;
}

#sidemenu ul,
#sidemenu p.contact{
	padding:5px 13px;
	font-weight:bold;
	line-height:1.9;
	background-color:#f4f4f4;
	margin-bottom:10px;
}
#sidemenu p.contact{
	/*height:75px;*/
}
#sidemenu p.worker a,
#sidemenu p.app_pdf a {
	background:none;
}
/*footer*/
#footer_wrap{
	margin-top:15px;
	background-color:#006DA2;
	padding:10px 0;
}
#footer_wrap #footer{
	width:1000px;
	margin:0 auto;
	overflow:hidden;
	color:#fff;	
	line-height:1.6;
	background:url("../img/common/foot_bg.gif") repeat-y left top;
}
#footer_wrap #footer a{
	color:#fff;
	text-decoration:none;
}
#footer_wrap #footer a:hover{	
	text-decoration:underline;
}
#footer dl.company_info{
	width:140px;
	height:165px;
	float:left;	
}
#footer dl.company_info dt{
	font-size:16px;
	font-weight:bold;
	border-bottom:1px solid #006DA2;
	text-indent:5px;
	height:30px;
	line-height:30px;
	margin-bottom:10px;
}
#footer dl.company_info dd{
	padding-left:9px;	
}
#footer dl.company_info dd a{
	padding-left:7px;
	background:url("../img/common/list_mark.gif") no-repeat left center;
}
#footer div.ir_info{
	width:680px;	
	float:left;
	margin-left:10px;	
}
#footer div.contact{
	width:160px;	
	float:right;	
}
#footer p.title{
	font-size:16px;
	font-weight:bold;
	border-bottom:1px solid #006DA2;
	text-indent:5px;
	height:30px;
	line-height:30px;
	margin-bottom:10px;
}
#footer div.ir_info dl{
	float:left;
}
#footer div.ir_info dl.one{
	width:155px;	
	margin-left:10px;
}
#footer div.ir_info dl.two{
	width:105px;
	margin-right:20px;
}
#footer div.ir_info dl.three{
	width:170px;
}
#footer div.ir_info dl.four{
	width:110px;
}
#footer div.ir_info dt{
	font-weight:bold;
}
#footer div.ir_info dt.second{
	margin-top: 10px;
}
#footer div.ir_info dd{
	padding-left:7px;
	background:url("../img/common/list_mark.gif") no-repeat left 6px;
}
/*****/
#footer div.ir_info dd span{
	font-size: x-small;
}


#footer div.ir_info ul{
	line-height:1.9;
	float:left;
	font-weight:bold;
}
#footer div.contact{
	font-size:16px;
	font-weight:bold;
	line-height:1.9;
	text-indent:5px;
}
p.copyright{
	line-height:1.9;
	color:#366;
	text-align:center;
}

/*pdf*/
#main div.pdf{
	width:710px;
	height:39px;
	margin:0 auto 40px;
	border:1px solid #e7e7e7;	
	overflow:hidden;
	padding:5px 0 5px 0;
}
#main div.pdf p.img{
	float:left;
	width:158px;
	margin-left:5px;
}
#main div.pdf p.text{
	margin:5px 0 0 10px;
	float:left;
	width:535px;
}
#main div.pdf a{
	zoom:1;/*ie*/
}


@media screen and (max-width: 767px) {
  /* common
  ---------------------------------------*/
  *,
  *::before,
  *::after {
    box-sizing: border-box;
  }
  body {
    font-size: 14px;
  }
  img {
	display: block;
	max-width: 100%;
	border: none;
	vertical-align: bottom;
  }
  body.fixed {
    overflow: hidden;
  }

  /* header
  ---------------------------------------*/
  #header{
    position: fixed;
    top: 0;
    width: 100%;
    margin: 0;
    z-index: 500;
    overflow: visible;
    background: #fff;
  }
  #header h1{
    width: 80px;
    height: 80px;
    overflow: hidden;
  }
  ul#nav{
    display: none;
  }
  #header div.update ul{
    display: none;
  }
  
  /* nav_sp
  ---------------------------------------*/
  .nav_sp{
    display: block;
    background-color: rgba(0,0,0,0);
    transition: all .4s;
  }
  .nav_sp.active{
    height: 100vh;
    background-color: rgba(0,0,0,.7);
    overflow: auto;
  }
  .nav_sp ul{
    position: absolute;
    height: 100vh;
    padding: 80px 0px 80px;
    background: #fff;
    transition: all .4s;
  }
  .nav_sp.active ul{
    right: 0px;
    overflow: auto;
  }
  .nav_sp ul li{
    width: 80%;
    max-width: 600px;
    margin: auto;
    border-bottom: 1px dotted #ccc;
  }
  .nav_sp ul li a{
    display: block;
    padding: 20px 10px;
    color: #333;
    font-size: 14px;
    font-weight: bold;
    text-decoration: none;
  }
  
  .menu_trigger,
  .menu_trigger span {
    display: inline-block;
    transition: all .4s;
    box-sizing: border-box;
    cursor :pointer;
  }
  .menu_trigger {
    position: fixed;
    top: 20px;
    right: 0;
    width: 60px;
    height: 60px;
    background: #000;
    z-index: 50;
  }
  .menu_trigger span {
    position: absolute;
    background: #fff;
    width: 40px;
    height: 3px;
    right: 10px;
    margin: auto;
  }
  .menu_trigger span:nth-of-type(1) {
    top: 21px;
  }
  .menu_trigger span:nth-of-type(2) {
    top: 0;
    bottom: 0;
    width: 35px;
  }
  .menu_trigger span:nth-of-type(3) {
    bottom: 21px;
    width: 30px;
  }
  .menu_trigger.active span:nth-of-type(1) {
    -webkit-transform: translateY(9px) rotate(-45deg);
    transform: translateY(9px) rotate(-45deg);
    top: 21px;
  }
  .menu_trigger.active span:nth-of-type(2) {
    opacity: 0;
  }
  .menu_trigger.active span:nth-of-type(3) {
    -webkit-transform: translateY(-8px) rotate(45deg);
    transform: translateY(-8px) rotate(45deg);
    width: 40px;
    bottom: 20px;
  }
  /* main
  ---------------------------------------*/
  #main{
    width: 100%;
    margin: 90px 0 0;
  }
  #main_top,
  #main_library,
  #main_calendar,
  #main_policy,
  #main_sales_trend,
  #main_governance,
  #main_highlight,
  #main_info,
  #main_benefit,
  #main_articles,
  #main_publicinfo,
  #main_faq,
  #main_notice,
  #main_ir_news,
  #main_outline,
  #main_message,
  #main_history,
  #main_business,
  #main_feature,
  #main_news,
  #main_contact,
  #main_conf{
	width: 100%;
	margin:0 auto;
	background-color:#fff;
	overflow:hidden;
  }
  #main ul.bread{
    left: 10px;
    top: -18px;
    font-size: 12px;
  }
  #main_contents{
    width: 92%;
    margin: auto;
    float: none;
  }
  
  /* sidemenu
  ---------------------------------------*/
  #sidemenu{
    display: none;
  }
  /* gotop
  ---------------------------------------*/
  #main p.gotop a{
/*    display: none;*/
    position: fixed;
    left: inherit;
    right: 10px;
    bottom: 10px;
    top: inherit;
    width: 60px;
    height: 60px;
    background: rgba(0,0,0,.8);
    border-radius: 50%;
  }
  #main p.gotop a::after{
    content: '〈';
    transform: rotate(90deg);
    text-indent: initial;
    position: absolute;
    left: 0;
    top: 5%;
    display: block;
    width: 100%;
    color: #fff;
    font-size: 26px;
    text-align: center;
  }
  /* footer
  ---------------------------------------*/
  #footer{
    padding: 3%;
  }
  #footer_wrap #footer{
    width: 100%;
    background: none;
  }
  #footer dl.company_info{
    float: none;
    width: 100%;
    height: auto;
    padding: 3%;
    margin: 0 0 3%;
    background: rgba(255,255,255,.2);
  }
  #footer div.ir_info{
    width: 100%;
    float: none;
    padding: 3%;
    margin-left: 0;
    margin-bottom: 3%; 
    background: rgba(255,255,255,.2);
  }
  #footer div.ir_info dl,
  #footer div.ir_info ul{
    float: none;
    margin-left: 10px;
  }
  #footer div.ir_info dl.one,
  #footer div.ir_info dl.three{
    width: 100%;
  }
  #footer div.ir_info ul{
    margin-top: 10px;
  }
  #footer div.ir_info dt{
    margin-top: 10px;
  }
  
  #footer div.contact{
    float: none;
    width: 100%;
    padding: 3%;
    background: rgba(255,255,255,.2);
  }
  p.copyright{
    font-size: 11px;
  }
}