@charset "utf-8";

ul#nav li.nav01 a{	
	background:url("../img/common/navi_home.png") no-repeat left bottom;
}
#main_new div.gallery{
	width:500px;
	height:300px;
	float:left;
}
#main_new div.news{
	float:right;
	width:490px;
	height:300px;
	line-height:1.9;
	overflow:hidden;
	margin-bottom:10px;	
	font-family: Meiryo, "Hiragino Kaku Gothic ProN", sans-serif;
}
#main_new div.news h2{
	text-align:right;
	height:20px;
	margin-bottom:5px;	
	padding: 0;
}
#main_new div.news h2 a{
	color:#008199;
}
#main_new div.news h2.ir_news{
	background:url("../img/top/news_ir.gif") no-repeat left top;
	margin-bottom: 5px;
}
#main_new div.news h2.ir_news a.rss_icon {
	position: absolute;
	top: 2px;
	right: 90px;
}
#main_new div.news h2.ir_news a.rss_txt {
	position: absolute;
	top: 0px;
	right: 15px;	
	line-height: 20px;	
}



#main_new div.news dl{
	overflow:hidden;
}
#main_new div.news dt{
	width:107px;
	float:left;
	clear: both;
	padding:0 0 0 10px;
	text-align:left;
}
/*
#main_new div.news dt span{
	padding: 2px 4px 2px 4px;
	font-weight: bold;
	font-size: x-small;
	background: #FFCC00;
	color: #FFFFFF;
}
*/
#main_new div.news dt span img {
	display: inline;
}
#main_new div.news dd{
	/*width:378px;*/
	margin:0 0 0 90px;
}
#main_new div.news a{
	color:#000;
	margin-left:5px;
}
#main_new div.news a:hover{
	text-decoration:none;
}
#main_new div.news dl#message2 dd{
	width:350px;
	padding-left:50px;
	background:url("../img/common/icon_cate01.gif") no-repeat left center;
}
#info_wrap{
	height:382px;
	padding:5px 0;
	clear:both;
	background:url("../img/common/mainbg_top.gif") left top;
	line-height:1.9
}

#info_wrap .main_info{
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  width:960px;
  height:350px;
  margin:0 auto;
  background-color:#fff;
  padding:13px 15px 19px 15px;
}
#info_wrap .corp_area{
  width: 630px;
}
#info_wrap .corp_area ul{
  display: flex;
  flex-wrap: wrap;
}
#info_wrap .ir_area{
  width: 315px;
}
#info_wrap .corp_area li{
  width: 315px;
}

#info_wrap .corp_area li a,
#info_wrap .ir_area li a{
	color:#007FCC;
	text-decoration:none;
	display:block;
	width: 313px;
	height:108px;
	border:1px solid #ddd;	
	background:url("../img/common/arrow.gif") no-repeat right 2px bottom 2px #f4f4f4;
}
#info_wrap .corp_area li:nth-child(3) a,
#info_wrap .corp_area li:nth-child(4) a,
#info_wrap .ir_area li:nth-child(2) a{
	color:#007FCC;
	text-decoration:none;
	display:block;
	height:106px;
    border: none;
	border-left:1px solid #ddd;
	border-right:1px solid #ddd;
	background:url("../img/common/arrow.gif") no-repeat right 2px bottom 2px;
}
#info_wrap .corp_area li:nth-child(2n) a{
	border-left: none;
}
#info_wrap .corp_area li a:hover,
#info_wrap .ir_area li a:hover{	
	background:url("../img/common/arrow.gif") no-repeat right 2px bottom 2px #ff9;	
}

#info_wrap h2.title{
  display: flex;
  justify-content: space-between;
	height:20px;
	margin-bottom:8px;
}
#info_wrap .title .company{
	background:url("../img/top/title_company.gif") no-repeat left top;
	text-indent:-9999px;
	width:70px;
	height:20px;
}
#info_wrap .title .ir{
	width:70px;
	height:20px;
	background:url("../img/top/title_ir.gif") no-repeat left top;
	text-indent:-9999px;
}
#info_wrap .title .more{
	width:125px;
}
#info_wrap .title .more a{
	display:block;
	height:20px;
	text-indent:-9999px;
}
#info_wrap .title .more,
#info_wrap .title .more a{
	background:url("../img/top/ir_detail.gif") no-repeat left top;
}
#info_wrap .title .more a:hover{
	background-position:left bottom;
}

#info_wrap img{
	display:block;
	width:60px;
	height:60px;
	float:left;
	margin:10px 10px 8px 10px;
}
#info_wrap span{
	cursor:pointer;
}
#info_wrap span.title{
	display:block;
	float:left;
	width: 220px;
	margin-top:20px;
}

#info_wrap span.title span.con_detail {
	line-height: 1.2;
}

#info_wrap span.font16{
	display: block;
	font-size:16px;
	font-weight:bold;	
}
#info_wrap span.font11{
	display:block;
	clear:both;
	margin-left:10px;
	font-size:11px;
}



@media screen and (max-width: 767px) {
  
  /* main_new
  ---------------------------------------*/
  #main_new div.gallery{
    width: 100%;
    height: auto;
    margin: 0 0 20px;
  }
  #main_new div.gallery img{
    height: calc(100vw * 300/500 );
    max-height: 300px;
    margin: auto;
  }
  #main_new div.news{
    position: relative;
    float: none;
    width: 94%;
    height: auto;
    max-width: 500px;
    margin: 0px auto 20px;
  }
  #main_new div.news h2.ir_news a.rss_icon{
    right: 110px;
  }
  #main_new div.news dt{
    display: none;
  }
  #main_new div.news dt:nth-of-type(-n+6){
    display: block;
    position: relative;
    float: none;
    width: 100%;
    padding: 0;
  }
  #main_new div.news dt span{
    position: absolute;
    top: 5px;
    left: 90px;
  }
  #main_new div.news dd{
    display: none;
  }
  #main_new div.news dd:nth-of-type(-n+6){
    display: block;
    margin: 0 0 5px;
  }
  /* info_wrap
  ---------------------------------------*/
  #info_wrap{
    height: auto;
    min-width: 340px;
  }
  #info_wrap div.main_info{
    width: 98%;
    height: auto;
  }
  #info_wrap .corp_area{
    max-width: 500px;
    margin: auto;
  }
  #info_wrap .corp_area li{
    width: 100%;
  }
  #info_wrap .corp_area li a,
  #info_wrap .ir_area li a{
    width: 100%;
    background-color: #f4f4f4;
  }
  #info_wrap .corp_area li:nth-child(3) a{
    background-color: #f4f4f4;
    border: 1px solid #ddd;
  }
  #info_wrap .corp_area li:nth-child(4) a{
    border: 1px solid #ddd;
  }
  #info_wrap .corp_area li:nth-child(2n) a,
  #info_wrap .ir_area li:nth-child(2n) a{
    background-color: #fff;
	border-left: 1px solid #ddd;
  }
  #info_wrap .ir_area{
    width: 100%;
    max-width: 500px;
    margin: auto;
    padding: 20px 0 0;
  }
  
}