@charset "UTF-8";

/* ==========================================================================
   sidenav
   ========================================================================== */
   
/*.nav>li.open>a:focus {
    background-color: #ffffff;
	color:#2a2a2a;
}

*/
html {
    overflow: auto;
}
body {
    overflow-x: hidden;
    position: relative;
}
 .ali_l{
	 text-align:left;
	 }
 .ali_c{
	 text-align:center;
	 }
.al_r{
	text-align:right;
	}
.caution{
	font-size:90%;
	}
.mb30{
	margin-bottom:30px;
	}
.mt25{
	margin-top:25px ;
	}
.mt60{
	margin-top:60px !important;
	}	
.visible-desktop a{
	color:#2a2a2a;
}
.visible-desktop a:hover{
 text-decoration: underline;
  color: #df0f0f;
	}
.btn_wrap a img:hover {
  opacity: 1.0;
}
.btn_wrap a div:hover {
  opacity: .8;
}

.ankHead {
	margin-top: -70px;
	padding-top: 70px;
}
.yearMenuList {
	padding: 0;
}
.yearMenuList li {
	display: inline-block;
	padding: 0 0 0 10px;
	margin: 0 16px 5px 0;
	list-style: none;
	background-image: url(../../img/caret-right-gray.png);
	background-position: left center;
	background-repeat: no-repeat;
}


.nav>li>a:focus {
  background-color: #ffffff;
}

.visible-desktop li{
	list-style:none;
	}
.accordion_lyr3 a:before{
	content:"・";
	}
.accordion_lyr3>.active>a,
.accordion_lyr3>.active>a:hover,
.accordion_lyr3>.active>a:focus {
  color: #df0f0f;
  background-color: transparent;
}
.clear-fix{
	clear:both;
	}
	
.btn-list:hover {
	opacity: 0.8;
}
	
/* ==========================================================================
   IRトップ
   ========================================================================== */

/*.ir-information{
	margin-top:50px;
	}*/
.irnews{
	width:66%;
	float:left;
	}
.lib_ttl h3{
	padding-left:40px;
    padding-top:2px;
	font-weight:bold;
	}
.ir-library .lib_ttl::before{
	content:'';
	position: absolute;
	background:url(../img/lib_ttl_bk.png) 0 0 no-repeat;
	width:30px;
	height:30px;
	}

.btn_ir{
	width:30%;
	float:right;
	}
.btn_message{
	margin-bottom:25px;
	}
.dw{
	width:278px;
	text-align:center;
	margin:50px auto 0;
	}
.dw_link{
	background:#DF0F0F;
	border:1px solid #DF0F0F;
	padding:20px 15px;
	text-align:center;
	display: block;
	}
.dw_link:hover{
	background:#FFFFFF;
	text-decoration: none;
	}
.dw_tx{
	padding:0;
	color:#ffffff;
	font-size:18px;
	font-weight:bold;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	}
.dw_link:hover .dw_tx{
	color:#DF0F0F;
}
.icon-caret-right{
	margin-left: 8px;
	}
.ir-library{
	width:100%;
	}
.btn_library{
	/*float:left;
	width:30%;*/
	height:194px;
	position:relative;
	background: -moz-linear-gradient(#ffffff, #FBFBFB 36%, #DFDFDF);
    background: -webkit-gradient(linear, left top, left bottom, from(#FBFBFB), color-stop(0.36, #FCFCFC), to(#DFDFDF));
    background: linear-gradient(to bottom, #ffffff, #FBFBFB 36%, #DFDFDF);/* IE10+, W3C */
	border:solid 1px #D3D3D3;
	}
.btn_wrap a{
	width:100%;
	}
.btn_wrap:after{
	content:"";
	display:block;
	clear:both;
	overflow:hidden;
}
.btn_tanshin , .btn_yuho{
	margin-right:2%;
	}
.btn_tx01{
	position:absolute;
  top: 30px;
  left: 85px;
  z-index:1;
	}
.btn_tx03{
	position:absolute;
  top: 30px;
	left: 70px;
  z-index:1;
	}
.btn_tx05{
	position:absolute;
  top: 30px;
	left: 85px;
  z-index:1;
	}
.btn_tx02{
	position:absolute;
	left:30px;
	bottom:0
	}
.btn_tx04{
	position:absolute;
	left:30px;
	bottom:0
	}
.btn_tx06{
    position:absolute;
	left:30px;
	bottom:0

	}
.wid{
	margin-left: -500%;
    margin-right: -500%;
    padding:30px 500%;
	background:url(../img/bk_img.jpg);
	}

.ir-top_menu{
	margin: 3% 0;
	}
	
/*#calendar{
	margin-top:-80px;
	padding-top:80px;
}*/

#management_pre_mess{
	margin-top:-80px;
	padding-top:80px;
}

.ir-information{
	margin-top:20px;
}
.contents h3.title-box.ir-topttl{
	margin-top:20px;
}

ul.sidenav_nolink{
	margin: 3px 0px;
	}

@media (max-width: 767px){
#calendar{
	margin-top:0;
	padding-top:0;
}

#management_pre_mess{
	margin-top:0;
	padding-top:0;
}
.ir-top_menu{
	margin: 2% 0;
	}	
.ir-top_menu img{
	margin: 2% 0 !important;
	}	
ul.sidenav_nolink{
	margin: 0px;
	}	
ul.sidenav_nolink{
	padding: 3px 15px;
	}		
	}
	
	
/* ==========================================================================
   management
   ========================================================================== */

.name{
	margin:0;
	padding:0 0 5px 0;
	text-align:right;
	}
.president{
	width:100%;
	}
.president_img{
	width:22%;
	margin-right:3%;
	float:left;
	}
.president_mess{
	width:75%;
	float:right;
	}
.president p{
	padding:0;
	}
.president:after{
	content:"";
	display:block;
	clear:both;
	overflow:hidden;
	}
/* ==========================================================================
   governance
   ========================================================================== */
.governance_img{
	width:100%;
	text-align: center;
	}
.governance_img img{
	width:100%;
	max-width:600px;
	margin:30px 0 0;
	}
/* ==========================================================================
   stock
   ========================================================================== */
.ir-stock dl{
	width:680px;
	}
.ir-stock dt{
	width:200px;
	overflow:visible !important;
	line-height:2em;
	}
.ir-stock dd{
	width:480px;
	margin-left:200px;
	line-height:2em;
	}
.ir-stock dd a{
	text-decoration:none;
	}
.stc-table{
	width:100%;
	}
.stc-table th{
	background:#f5f5f5;
	line-height:2em;
	padding:5px 0;
	}
.stc-table td{
	padding-top:10px;
	}
.kabu_data{
	font-size:65%;
	color:#5D5D5D;
	}
.txt-in{
	display:inline-block;
	}
.pr-tbl{
	padding-right:70px;
	}
@media screen and (min-width: 1200px){
.pr-tbl{
	padding-right:100px;
	}
}
	
/* Desktops and laptops ----------- */
@media (min-width: 980px) and (max-width: 1199px) {
.btn_tx01{
	position:absolute;
  top: 30px;
  left: 60px;
  z-index:1;
	}
.btn_tx03{
	position:absolute;
  top: 30px;
	left: 43px;
  z-index:1;
	}
.btn_tx05{
	position:absolute;
  top: 30px;
	left: 60px;
  z-index:1;
	}
.btn_tx02{
	position:absolute;
	left:4px;
	bottom:0
	}
.btn_tx04{
	position:absolute;
	left:4px;
	bottom:0
	}
.btn_tx06{
    position:absolute;
	left:4px;
	bottom:0

	}
.pr-tbl{
	padding-right:70px;
	}
	
	}
/* Portrait tablet to landscape and desktop */
@media (min-width: 768px) and (max-width: 979px) {
	.btn_tx01{
	position:absolute;
  top: 30px;
  left: 65px;
  z-index:1;
	}
.btn_tx03{
	position:absolute;
  top: 30px;
	left: 43px;
  z-index:1;
	}
.btn_tx05{
	position:absolute;
  top: 30px;
	left: 65px;
  z-index:1;
	}
.btn_tx02{
	position:absolute;
	left:8px;
	bottom:0
	}
.btn_tx04{
	position:absolute;
	left:8px;
	bottom:0
	}
.btn_tx06{
    position:absolute;
	left:8px;
	bottom:0

	}
.pr-tbl{
	padding-right:70px;
	}

	}

@media screen and (max-width: 768px) {
.nav>li>a:focus {
  background-color: #f5f5f5;
}

.visible-desktop{
	display:block !important;
	}

	
.visible-desktop a{
	background:#f5f5f5;
	margin:0 !important;
	text-decoration:none;
	}
.nav-list.sidenav .contact img {
  max-width:270px;
  height:101px;
  margin-top: 30px;
  border: solid 1px #df0f0f;
}
.sidenav{
	background-color: #f5f5f5;
	}
.none{
	background:#ffffff;
	}
/* ==========================================================================
   IRトップ
   ========================================================================== */
.irnews{
	width:100%;
	float:none;
	}

.btn_ir{
	margin-top:20px;
	width:100%;
	float:none;
	}
.btn_ir img{
	width:100%;
	}
.btn_message{
	width:48%;
	float:left;
	margin-bottom:0;
	}
.btn_kabu{
	width:48%;
	float:right;
	}
.dw{
	width:100%;
	padding:20px 0;
	text-align:center;
	}
.dw_tx{
	text-align:center;
	}
.btn_library{
	float:none;
	position:relative;
	width:100%;
	height:auto;
	background: -moz-linear-gradient(white, lightgray);
    background: -webkit-gradient(linear, left top, left bottom, from(white), to(lightgray));
	border:solid 1px #D3D3D3;
	}
.btn_library:after{
	content:"";
	display:block;
	clear:both;
	overflow:hidden;
}
.btn_tanshin , .btn_yuho{
	margin-bottom:10px;
	}
.btn_tx01 , .btn_tx02 , .btn_tx03 , .btn_tx04 , .btn_tx05 , .btn_tx06{
	position:static;
	}
.btn_tx01 , .btn_tx03 ,  .btn_tx05{
   padding:15% 0 0 0;
	}

.btn_tx02 , .btn_tx04 , .btn_tx06{
	width:100%;
    height:auto;
	}
.btn_img{
	width:50%;
	height:100%;
	float:left;
	text-align:center;
	}
.btn_img02{
	width:50%;
	float:right;	
	}
}
.pcmenu{
	display:block;
}
.spmenu{
	display:none;
}
@media screen and (max-width: 768px) {	
.spmenu{
	display:block;
}
.spmenu div + div{
	margin-top:10px;
}
.spmenu img{
	width:100%;
}
.pcmenu{
	display:none;
}
.contents h3.title-box{
	margin-top:30px;
}
}		
	
/* ==========================================================================
   management
   ========================================================================== */
.al_r{
	text-align:right;
	}
.name{
	margin:0;
	padding:0 0 5px 0;

	}
.president{
	width:100%;
	}

.pre_message{
	margin-top:50px;
	}
.president_img{
	width:192px;
	margin:0 auto;
	float:none;
	}
.president_img img{
  width:100%;
  max-width:192px;
	}
.president_mess{
	width:100%;
	float:none;
	}
.president p{
	padding:15px 0;
	}
.mb10{
	margin-bottom: 10px;
	}
/* ==========================================================================
   stock
   ========================================================================== */
@media (max-width: 767px){
.ir-stock dt{
	width:100%;
	line-height:20px;
	word-wrap:break-word;
	}
.ir-stock dd{
	margin-left:0;
	line-height:20px;
	width:100%;
	}
.pr-tbl{
	padding-right:6%;
	}
	
}

@media screen and (max-width: 980px) {
.nav>li>a:focus {
  background-color: #f5f5f5;
}

.visible-desktop{
	display:block !important;
	width:100% !important;
	}

	
.visible-desktop a{
	background:#f5f5f5;
	margin:0 !important;
	text-decoration:none;
	}
.nav-list.sidenav .contact img {
  max-width:270px;
  margin-top: 30px;
  border: solid 1px #df0f0f;
}
.sidenav{
	background-color: #f5f5f5;
	}

.none{
	background:#ffffff;
	}
	
}