@charset "utf-8";
/* ======================================================

	Font - Rule

     * 10px = 84%
     * 11px = 92%
     * 12px = 100%
     * 13px = 109%
     * 14px = 117%
     * 15px = 125%
     * 16px = 134%
     * 17px = 142%
     * 18px = 150%
     * 19px = 159%
     * 20px = 167%
     * 21px = 175%
     * 22px = 184%
	 * 23px = 192%
     * 24px = 200%
     * 25px = 209%
     * 26px = 217%

/* ======================================================

	Reset

====================================================== */
html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,a,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video{margin:0;padding:0;border:none;outline:none;background:transparent;vertical-align:top;font-size:100%}body{line-height:1}img{line-height: 0; vertical-align: top;}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}nav ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}del{text-decoration: line-through}abbr[title],dfn[title]{border-bottom:1px dotted;cursor:help}li{list-style-type: none}table{border-collapse:collapse;border-spacing:0}input, select{vertical-align:middle}hr{display:block;height:1px;margin:1em 0;padding:0;border:none;border-top:1px solid #ccc}a{outline:none;}.cf:before,.cf:after{content:"";display:table}.cf:after{clear:both}.cf{zoom:1}

/* ======================================================

	Element

====================================================== */
body,body input,body select,body textarea{
background-color: #F6F5EF;
color: #525550;
font: 12px/1.6 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo, Osaka,'ＭＳ Ｐゴシック','MS P Gothic',sans-serif;
/font: 12px/1.8 'ＭＳ Ｐゴシック','MS P Gothic',sans-serif;
}

/*  Anchor
------------------------------------------------------ */
a{ text-decoration: none;}
a:link { color: #005FB0;}
a:visited{ color: #005FB0;}
a:hover{ text-decoration: underline;}
a:active{ color: #005FB0;}
a.op:hover img{ filter: alpha(opacity=70); -moz-opacity: 0.7; opacity: 0.7;}
.bb,.bb a{ font-weight: bold;}

/* ======================================================

	Layout

====================================================== */

/*  common
------------------------------------------------------ */
.inner{ width: 950px; margin: 0 auto;}
.wrap{
	background-color: #ffffff;
	border: 1px solid #EDEBDE;
	padding: 20px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	-o-border-radius: 6px;
	-ms-border-radius: 6px;
	border-radius: 6px;
	position:relative;
	behavior: url("/corp/common/css/PIE.htc");
}
.radius2px{
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	-o-border-radius: 2px;
	-ms-border-radius: 2px;
	border-radius: 2px;
	position:relative;
	behavior: url("/corp/common/css/PIE.htc");
}
.radius3px{
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	-o-border-radius: 3px;
	-ms-border-radius: 3px;
	border-radius: 3px;
	position:relative;
	behavior: url("/corp/common/css/PIE.htc");
}
.radius5px{
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-o-border-radius: 5px;
	-ms-border-radius: 5px;
	border-radius: 5px;
	position:relative;
	behavior: url("/corp/common/css/PIE.htc");
}

.sbtn,.pdfbtn{ padding: 5px 6px; font-size: 10px; font-weight: bold; line-height: 1.2; display:block; cursor: pointer;
		-moz-border-radius: 2px;
		-webkit-border-radius: 2px;
		-o-border-radius: 2px;
		-ms-border-radius: 2px;
		border-radius: 2px;
		position:relative;
		behavior: url("/corp/common/css/PIE.htc");
}

.mbtn{ padding: 10px 10px; font-size: 15px; font-weight: bold; line-height: 1.2; display:block; cursor: pointer;
		-moz-border-radius: 2px;
		-webkit-border-radius: 2px;
		-o-border-radius: 2px;
		-ms-border-radius: 2px;
		border-radius: 2px;
		position:relative;
		behavior: url("/corp/common/css/PIE.htc");
}

.icoBtnS{ border: 3px solid #EDEBDE; padding: 5px 10px; font-size: 12px; font-weight: bold; text-align: center; line-height: 1.2; display:block; cursor: pointer;
		-moz-border-radius: 2px;
		-webkit-border-radius: 2px;
		-o-border-radius: 2px;
		-ms-border-radius: 2px;
		border-radius: 2px;
		-moz-box-shadow: 1px 1px 2px #cccccc;
		-webkit-box-shadow: 1px 1px 2px #cccccc;
		box-shadow: 1px 1px 2px #cccccc;
		position:relative;
		behavior: url("/corp/common/css/PIE.htc");
}

.icoBtnM{ border: 3px solid #EDEBDE; font-size: 16px; font-weight: bold; text-align: center; line-height: 1.2;  padding: 10px 15px; display:block; cursor: pointer;
		-moz-border-radius: 2px;
		-webkit-border-radius: 2px;
		-o-border-radius: 2px;
		-ms-border-radius: 2px;
		border-radius: 2px;
		-moz-box-shadow: 1px 1px 2px #cccccc;
		-webkit-box-shadow: 1px 1px 2px #cccccc;
		box-shadow: 1px 1px 2px #cccccc;
		position:relative;
		behavior: url("/corp/common/css/PIE.htc");
}

.icoBtnL{ border: 3px solid #EDEBDE; font-size: 16px; font-weight: bold; text-align: center; line-height: 1.2;  padding: 10px 15px; display:block; cursor: pointer;
		-moz-border-radius: 2px;
		-webkit-border-radius: 2px;
		-o-border-radius: 2px;
		-ms-border-radius: 2px;
		border-radius: 2px;
		-moz-box-shadow: 1px 1px 2px #cccccc;
		-webkit-box-shadow: 1px 1px 2px #cccccc;
		box-shadow: 1px 1px 2px #cccccc;
		position:relative;
		behavior: url("/corp/common/css/PIE.htc");
}

.skyblue{ background-color: #99D9F6; color: #ffffff;}
.skyblue.active,.skyblue:hover{ background-color: #00A0E9; text-decoration: none;}
.blue,a.blue{ background-color: #00A0E9; color: #ffffff;}
.sbtn.blue{ background: #00A0E9 url("/corp/common/img/ico/ico_r-arrow-w.png") 0.6em center no-repeat; color: #ffffff; padding-left: 15px;}
.blue:hover,a.blue:hover{ background-color: #99D9F6; text-decoration: none;}
.orange,a.orange{ background-color: #EA9000; color: #ffffff;}
.sbtn.orange{ background: #EA9000 url("/corp/common/img/ico/ico_rss.png") 0.6em center no-repeat; color: #ffffff; padding-left: 20px;}
.orange:hover,a.orange:hover{ background-color: #F0B14C; text-decoration: none;}
.green,a.green{ background-color: #119937; color: #ffffff;}
.sbtn.green{ background: #119937 url("/corp/common/img/ico/ico_r-arrow-w.png") 0.6em center no-repeat; color: #ffffff; padding-left: 20px;}
.green:hover,a.green:hover{ background-color: #5ABE0E; text-decoration: none;}
.gray,a.gray{ background-color: #535550; color: #ffffff;}
.gray:hover,a.gray:hover{ background-color: #A9AAA7; text-decoration: none;}
.icoPdf span{ background: url("/corp/common/img/ico/ico_pdf.png") left center no-repeat; padding-left: 20px;}
.icoHtml span{ background: url("/corp/common/img/ico/ico_blank-w.png") right center no-repeat; padding-right: 20px;}
.icoBlank{ background: url("/corp/common/img/ico/ico_blank-blue.png") right center no-repeat; margin-right: 10px; padding-right: 15px;}
.icoPlan{ background-color: #119937; color: #ffffff; font-size: 84%; font-weight: bold; float: right; padding: 2px 4px;}

.btnBox{ text-align: center; }
.btnBox li{ width: 45%; margin: 0 10px; display: inline-block;}

.inqBtnBox li{ width: 50%;}

.pb0{ padding-bottom: 0px !important;}
.mb0{ margin-bottom: 0px !important;}
.mb5{ margin-bottom: 5px !important;}
.mb10{ margin-bottom: 10px !important;}
.mb20{ margin-bottom: 20px !important;}
.mb30{ margin-bottom: 30px !important;}
.mb40{ margin-bottom: 40px !important;}
.mb50{ margin-bottom: 50px !important;}
.mb60{ margin-bottom: 60px !important;}
.mb70{ margin-bottom: 70px !important;}
.mb80{ margin-bottom: 80px !important;}

.mt0{ margin-top: 0px !important;}
.mt10{ margin-top: 10px !important;}
.mt20{ margin-top: 20px !important;}
.indent{ padding-left: 10px !important;}
.line{ border-bottom: 1px solid #EDEBDE; padding-bottom: 14px; margin-bottom: 10px;}
.ti{ text-indent: 1em;}
.tl{ text-align: left !important;}
.tr{ text-align: right !important;}
.tc{ text-align: center !important;}
.fs120{ font-size: 120%;}
.fl{ float: left;}
.fr{ float: right;}
img.fl{ padding: 0 20px 20px 0;}
img.fr{ padding: 0 0 20px 20px;}
.db{ display: block !important;}
.red{ color: #AC0B34;}

/*  header
------------------------------------------------------ */
header{ border-top: 5px solid #119937; background: url("/corp/common/img/line_top.gif") left bottom repeat-x; padding-bottom: 2px;}
header .inner{height: 100px; position: relative; }
header h1{ position: absolute; top: 20px; left: 0px;}
header h1 a{ background: url("/corp/common/img/logo_accordia.png") 0 0 no-repeat; height: 60px; width: 346px; text-indent: -9999px; display: block;}
header .box1{ position: absolute; top: 0px; right: 0px;}
header .box1 ul{ float: right; margin-top: 15px;}
header .box1 li{ float: right; margin-right: 20px;}
header .box1 li a{ background: url("/corp/common/img/ico/ico_r-arrow-g.png") left center no-repeat; color: #535650; padding-left: 10px;}
header .box1 p{ float: right;}
header .box1 p a{
	background: #119937 url("/corp/common/img/ico/ico_print.png") 8px center no-repeat;
	float: left;
	color: #ffffff;
	padding: 5px 10px 5px 22px;
	font-weight: bold;
	-moz-border-radius: 0 0 5px 5px;
	-webkit-border-radius: 0 0 5px 5px;
	-o-border-radius: 0 0 5px 5px;
	-ms-border-radius: 0 0 5px 5px;
	border-radius: 0 0 5px 5px;
	position:relative;
	behavior: url("/corp/common/css/PIE.htc");
	font-size: 12px;
}
header .box1 p a:hover{ background-color: #5ABE0E; text-decoration: none;}
header .box2{ position: absolute; top: 50px; right: 0px;}
header .box2 .fontSize{ float: left; margin-right: 20px;}
header .box2 .fontSize p{ float: left; font-size: 84%; margin: 7px 10px 0 0;}
header .box2 .fontSize ul{ float: left; background-color: #ffffff; border: 1px solid #EDEBDE; padding: 3px;}
header .box2 .fontSize li{ float: left; cursor: pointer; font-weight: normal;}
header .box2 .fontSize li.firstChild{ margin-right: 2px;}

header .box2 .search{ float: left; position: relative;}
header .box2 .field{ background: #ffffff url("/corp/common/img/ico/ico_search.png") 8px center no-repeat; width: 170px; height: 30px; border: 1px solid #EDEBDE; padding: 0 50px 0 30px;}
header .box2 .search .btn{
	padding: 2px 5px;
	background-color: #00A0E9;
	color: #ffffff;
	border: none;
	position: absolute;
	top: 4px; right: 4px;
	display: block;
	margin: 0;
	font-size: 12px;
	line-height: 1.6;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	-o-border-radius: 2px;
	-ms-border-radius: 2px;
	border-radius: 2px;
	behavior: url("/corp/common/css/PIE.htc");
}

header .box2 .search .btn:hover{ background-color: #99D9F6;}

header .headerSns{width: 950px; margin: 0 auto; position: relative; z-index: 3000;}
header .headerSns ul{width: 130px; margin: 0 auto; display: flex; justify-content: space-around; align-items: center; position: absolute; top:-138px; right:350px;}
header .headerSns ul li{display: inline-block;}
/*header .headerSns ul li img{width: 85%;}*/
header .headerSns ul li img {
	height: 26px;
}

header #globalNav{ width: 950px; margin: 0 auto;}
header #globalNav .global li{ float: left; width: 190px; height: 49px; border-left: 1px solid #EDEBDE; border-right: 1px solid #EDEBDE; text-align: center;}
header #globalNav .global li.recruit{ width: 180px;}
header #globalNav .global li.recruit a span{ background: url("/corp/common/img/ico/ico_blank-b.png") right center no-repeat; padding-right: 15px;}
header #globalNav .global li a,
header #globalNav .global li span { cursor: pointer; background: url("/corp/common/img/bg_gnavi-g.gif") center bottom no-repeat; height: 39px; border-left: 1px solid #ffffff; border-right: 1px solid #ffffff; font-size: 109%; font-size: 13px; /* IE8 and below */ font-weight: bold; color: #535650; padding-top: 10px; display: block;}
header #globalNav .global li a:hover,
header #globalNav .global li span:hover{ background: url("/corp/common/img/bg_gnavi-r.gif") center bottom no-repeat; text-decoration: none;}
#home header #globalNav .global li.home > a{ background: url("/corp/common/img/bg_gnavi-r.gif") center bottom no-repeat; text-decoration: none;}
#news header #globalNav .global li.news > a{ background: url("/corp/common/img/bg_gnavi-r.gif") center bottom no-repeat; text-decoration: none;}
#companyInfo header #globalNav .global li.company > a{ background: url("/corp/common/img/bg_gnavi-r.gif") center bottom no-repeat; text-decoration: none;}
#info header #globalNav .global li.stockholder > a{ background: url("/corp/common/img/bg_gnavi-r.gif") center bottom no-repeat; text-decoration: none;}
#csr header #globalNav .global li.csr > a{ background: url("/corp/common/img/bg_gnavi-r.gif") center bottom no-repeat; text-decoration: none;}
header .headerWrapper { position: relative; z-index: 200; background-color: #F6F5EF; }

/* 20160229 ADD */
#dropNav { position: relative; border-top: 1px solid #EDEBDE; z-index: 20; zoom: 1; }
#dropNav .sub { position: absolute; width: 100%; background: #fff; z-index: 120; top: 0; left: 0; overflow: hidden; -webkit-box-shadow: 0 8px 3px -3px rgba(0,0,0,0.1); -moz-box-shadow: 0 8px 3px -3px rgba(0,0,0,0.1); box-shadow: 0 8px 3px -3px rgba(0,0,0,0.1); display: none; }
#dropNav .sub { *background: url("/corp/common/img/header/bg-shadow.png") left bottom repeat-x; padding-bottom: 20px; }
#dropNav .sub .dropInner { *background: #ffffff; }
@media \0screen {
#dropNav .sub { background: url("/corp/common/img/header/bg-shadow.png") left bottom repeat-x; padding-bottom: 20px; }
#dropNav .sub .dropInner { background: #ffffff; }
}
#dropNav .dropNews .sub .inner { height: 195px; }
#dropNav .dropCompany .sub .inner {  height: 195px; }
#dropNav .dropStockholder .sub .inner { height: 400px; }
#dropNav .sub .inner { width: 948px; margin: 0 auto; height: auto; padding: 30px 0 15px; }
#dropNav .sub .imageArea,
#dropNav .sub .textArea { float: left }
#dropNav .sub .imageArea { width: 210px }
#dropNav .sub .imageArea .image { margin-bottom: 15px }
#dropNav .sub .imageArea .investor { width: 210px }
#dropNav .sub .imageArea .mail,
#dropNav .sub .imageArea .faq,
#dropNav .sub .imageArea .investor { width: 180px; margin-bottom: 15px; font-weight: 700; }
#dropNav .sub .imageArea .mail a,
#dropNav .sub .imageArea .faq a { text-align: left; line-height: 1; color: #fff; padding: 14px 0 14px 40px; -moz-border-radius: 3px; -webkit-border-radius: 3px; -o-border-radius: 3px; -ms-border-radius: 3px; border-radius: 3px; position: relative; behavior: url("/corp/common/css/PIE.htc"); display: block; }
#dropNav .sub .imageArea .mail a:hover,
#dropNav .sub .imageArea .faq a:hover { background-color: #5ABE0E; text-decoration: none; }
#dropNav .sub .imageArea .investor a { background: #FBAB00 url("/corp/common/img/header/ico_investor.png") 5px center no-repeat; color: #fff; line-height: 1; padding: 14px 0 14px 40px; display: block; cursor: pointer; -moz-border-radius: 3px; -webkit-border-radius: 3px; -o-border-radius: 3px; -ms-border-radius: 3px; border-radius: 3px; position: relative; behavior: url("/corp/common/css/PIE.htc"); font-size: 12px; }
#dropNav .sub .imageArea .investor a:hover { background-color: #F25400; text-decoration: none; }
#dropNav .sub .imageArea .investor a span { background: url("/corp/common/img/ico/ico_blank-w.png") right center no-repeat; display: inline-block; padding-right: 14px; }
#dropNav .sub .imageArea .mail a { background: #119937 url("/corp/common/img/header/ico_faq.png") 12px center no-repeat }
#dropNav .sub .imageArea .faq a { background: #119937 url("/corp/common/img/header/ico_irmail.png") 12px center no-repeat }
#dropNav .sub .textArea { width: 738px }
#dropNav .sub .textArea .title { width: 738px; border-bottom: 2px solid #EDEBDE; padding-bottom: 10px; margin-bottom: 15px; }
#dropNav .sub .textArea .title a,
#dropNav .sub .textArea .subTitle a { color: #119937; font-weight: 700; font-size: 134%; }
#dropNav .sub .textArea .title a,
#dropNav .sub .textArea .subTitle a,
#dropNav .sub .textArea li a { background: #fff url("/corp/common/img/ico/ico_r-arrow-g.png") 0 center no-repeat; padding-left: 12px; }
#dropNav .sub .textArea .title a:hover,
#dropNav .sub .textArea .subTitle a:hover { color: #5ABE0E; text-decoration: none; }
#dropNav .sub .textArea .title a { font-size: 134%; }
#dropNav .sub .textArea .subTitle { padding-bottom: 10px; }
#dropNav .sub .textArea .subTitle a { font-size: 117%; }
#dropNav .sub .textArea li { display: inline-block; margin-right: 20px; margin-bottom: 8px; *display: inline; *zoom: 1; }
#dropNav .sub .textArea li a { color: #525354 }
#dropNav .sub .textArea hr { border-top: 1px solid #EDEBDE; margin: 5px 0 15px; }

/*  content
------------------------------------------------------ */
#breadcrumb{ background-color: #F0EEE4; padding: 6px;}
#breadcrumb li{ background: url("/corp/common/img/ico/ico_r-arrow-b.png") left center no-repeat; line-height: 1.4; padding-left: 10px; display: inline-block; margin-right: 15px; *display: inline; *zoom: 1; }
#breadcrumb li.firstChild{ background: url("/corp/common/img/ico/ico_home.png") left center no-repeat; padding-left: 12px;}
#content { background: url("/corp/common/img/line_bottom.gif") left top repeat-x; padding-top: 20px;}
#contentBox{ width: 740px; float: left;}
.h2Box{ border-bottom: 2px solid #EDEBDE; font-size: 167%; padding-bottom: 10px; margin-bottom: 20px; word-break: break-all;}
.h2Box h2{ float: left; border-left: 4px solid #119937; line-height: 1.2; padding-left: 5px;}
.h2Box h2 span{ font-size: 72%; display: inline-block; margin: 0.4em 0 0 0.2em;}
.h2Box p,.h2Box ul,.h2Box li{ float: right; margin-left: 5px;}
.h2Box .sns{ float: right; height: 22px; margin-left: 5px;}
.h2Box .sns #___plusone_0{ vertical-align: top !important;}

.h3Box { background-color: #EDEBDE; font-size: 134%; padding: 8px 10px; margin-bottom: 20px; word-break: break-all;}
.h3Box h3{ float: left; line-height: 1.4;}
.h3Box h3 span{ font-size: 72%; display: inline-block; margin: 0.35em 0 0 0.2em;}
.h3Box h3 span.dRed{ color: #88263F; line-height: 2; margin: 0;}
.h3Box h3 span.dBlue{ color: #1E5C8F; line-height: 2; margin: 0;}
.h3Box h3 span.dOcher{ color: #BE852E; line-height: 2; margin: 0;}
.h3Box p{ float: right; margin-left: 5px;}
.h3Box p.check-box{ font-size: 84%;}

.h4Box{ background-color: #EDEBDE; font-size: 109%; padding: 4px 4px 4px 10px; margin-bottom: 20px; word-break: break-all;}
.h4Box h4{ float: left; line-height: 1.6;}
.h4Box p{ float: right; margin-left: 5px;}

.text{ font-size: 109%;}

.pagerBox{ background-color: #EDEBDE; font-size: 109%; text-align: left; padding: 8px; margin-top: 20px;}
.pagerBox li.pager{ width: 50%; text-align: center; margin: 0 auto;}
.pagerBox li.pager span,.pagerBox li.pager a{ margin: 0 4px;}
.pagerBox li.back{ float: left; background: url("/corp/common/img/ico/ico_l-arrow-bl.png") left center no-repeat; padding-left: 10px; margin: 0; position: relative;}
.pagerBox li.next{ float: right; background: url("/corp/common/img/ico/ico_r-arrow-bl.png") right center no-repeat; padding-right: 10px; margin: 0; position: relative;}
.pagerNew{ background-color: #DBF0E1; font-size: 109%; text-align: left; padding: 8px;}
.pagerNew p a{ background: url("/corp/common/img/ico/ico_l-arrow-bl.png") left center no-repeat; padding-left: 10px; margin-right: 20px;}
.pagerBack{ background-color: #EDEBDE; font-size: 109%; text-align: right; padding: 8px;}
.pagerBack p a{ background: url("/corp/common/img/ico/ico_r-arrow-bl.png") left center no-repeat; padding-left: 10px; margin-left: 20px;}

ul.notes{ text-indent: -2.2em; padding-left: 2.2em; margin-top: 10px;}
ul.notes li{ margin-bottom: 5px;}

.pageTopS{ border-bottom: 2px solid #E0DDC9; margin-bottom: 20px;}
.pageTopS p{ text-align: right;}
.pageTopS p a{
	background: #ECEADD url("/corp/common/img/ico/ico_t-arrow-b.png") 8px center no-repeat;
	color: #525550;
	border-top: 1px solid #E0DDC9; border-right: 1px solid #E0DDC9; border-left: 1px solid #E0DDC9;
	padding: 2px 10px 2px 20px;
	-moz-border-radius: 5px 5px 0 0;
	-webkit-border-radius: 5px 5px 0 0;
	-o-border-radius: 5px 5px 0 0;
	-ms-border-radius: 5px 5px 0 0;
	border-radius: 5px 5px 0 0;
	position:relative;
	behavior: url("/corp/common/css/PIE.htc");
	font-size: 12px;
	display: inline-block;
	margin: 0;
}
.pageTopS p a:hover{ background: #525550 url("/corp/common/img/ico/ico_t-arrow-w.png") 8px center no-repeat; color: #ffffff; text-decoration: none;}


/* 250516hama */

.ir-blocks {
  display: flex;
  flex-direction: column;
  gap: 20px;
}

.ir-item {
  display: flex;
  align-items: center;
  gap: 20px;
  border: 1px solid #ddd;
  padding: 15px;
  border-radius: 8px;
  background-color: #f9f9f9;
}

.ir-item img {
  width: 440px;
  height: 160px;
  object-fit: cover;
}

.ir-item p {
  margin: 0;
  font-size: 16px;
  text-align: center;
  flex: 1;
}

/* レスポンシブ対応 */
@media screen and (max-width: 600px) {
  .ir-item {
    flex-direction: column;
    text-align: center;
  }

  .ir-item img {
    width: 100%;
    max-width: 240px;
    height: auto;
  }
}

/* 250516hama end */

/*  side
------------------------------------------------------ */
#side{ width: 190px; float: right;}
#sideNav,#otherNav{ background-color: #ffffff; border: 1px solid #EDEBDE; padding: 1px; margin-bottom: 20px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	-o-border-radius: 6px;
	-ms-border-radius: 6px;
	border-radius: 6px;
	position:relative;
	behavior: url("/corp/common/css/PIE.htc");
}

#sideNav h2 a{ background: #119937 url("/corp/common/img/ico/ico_r-arrow-w.png") 1em center no-repeat; color: #ffffff; font-size: 117%; font-weight: bold; padding: 10px 10px 10px 25px; display: block; cursor: pointer;
	-moz-border-radius: 5px 5px 0 0;
	-webkit-border-radius: 5px 5px 0 0;
	-o-border-radius: 5px 5px 0 0;
	-ms-border-radius: 5px 5px 0 0;
	border-radius: 5px 5px 0 0;
	position:relative;
	behavior: url("/corp/common/css/PIE.htc");
}
#sideNav h2 a:hover{ background: #5ABE0E url("/corp/common/img/ico/ico_r-arrow-w.png") 1em center no-repeat; text-decoration: none;}
#sideNav li a{ background: #ffffff url("/corp/common/img/ico/ico_r-arrow-g.png") 1em center no-repeat; color: #119937; padding: 10px 10px 10px 25px; border-top: 1px solid #ffffff; border-bottom: 1px solid #EDEBDE; cursor: pointer; display: block;}
#sideNav li a:hover{ background: #88CC9B url("/corp/common/img/ico/ico_r-arrow-w.png") 1em center no-repeat; color: #ffffff; text-decoration: none;}
#sideNav li.lastChild a{ border-bottom: none;}
#news #sideNav li.lastChild a, #newsImage #sideNav li.lastChild a, #newsImageList #sideNav li.lastChild a{ font-size: 80%;}
#sideNav li.ac a,#sideNav li.ac a:hover{ background: #88CC9B url("/corp/common/img/ico/ico_r-arrow-w.png") 1em center no-repeat; color: #ffffff; text-decoration: none;}
#sideNav li.ac.under a{ background: #88CC9B url("/corp/common/img/ico/ico_b-arrow-w.png") 1em center no-repeat; color: #ffffff; text-decoration: none;}
#sideNav .sub li a{ background: #DBF0E1 url("/corp/common/img/ico/ico_r-arrow-g.png") 2em center no-repeat;  border-bottom: 1px solid #ffffff; color: #119937; line-height: 1.4; padding: 5px 10px 5px 35px; display: block; border-top: none;}
#sideNav .sub li.ac a,#sideNav .sub li a:hover{ background: #88CC9B url("/corp/common/img/ico/ico_r-arrow-w.png") 2em center no-repeat; color: #ffffff;}

#btnNav.wrap{ padding: 10px; margin-bottom: 20px;}
#btnNav span{ font-size: 10px; display: block;}
#btnNav a.mail{ background: #119937 url("/corp/common/img/ico/ico_mail.png") 0.6em center no-repeat; padding-left: 32px;}
#btnNav a.qa{ background: #119937 url("/corp/common/img/ico/ico_qu.png") 0.6em center no-repeat; padding-left: 32px;}
#btnNav a.mail.ac,#btnNav a.qa.ac,#btnNav a.mail:hover,#btnNav a.qa:hover{ background-color: #5ABE0E;}

#otherNav h2 a{ background: #FBAB00 url("/corp/common/img/ico/ico_investor.png") 1em center no-repeat; color: #ffffff; font-size: 125%; line-height: 1.4; font-weight: bold; padding: 10px 10px 10px 60px; display: block; cursor: pointer;
	-moz-border-radius: 5px 5px 0 0;
	-webkit-border-radius: 5px 5px 0 0;
	-o-border-radius: 5px 5px 0 0;
	-ms-border-radius: 5px 5px 0 0;
	border-radius: 5px 5px 0 0;
	position:relative;
	behavior: url("/corp/common/css/PIE.htc");
}

#otherNav h2 a span{ background: url("/corp/common/img/ico/ico_blank-w.png") right center no-repeat; padding-right: 14px;}
#otherNav h2 a:hover{ background-color: #F25400; text-decoration: none;}
#otherNav h3{ background-color: #FFEF85; color: #F25400; padding: 10px; border-top: 1px solid #ffffff;}

#otherNav li a{ background: #ffffff url("/corp/common/img/ico/ico_r-arrow-r.png") 1em center no-repeat; color: #523E3E; padding: 10px 10px 10px 25px; display: block; border-top: 1px solid #ffffff; border-bottom: 1px solid #EDEBDE; cursor: pointer;}
#otherNav li a:hover{ background: #FFEF85 url("/corp/common/img/ico/ico_r-arrow-r.png") 1em center no-repeat; color: #F25400; text-decoration: none;}
#otherNav li a span{ background: url("/corp/common/img/ico/ico_blank-b.png") right center no-repeat; padding-right: 15px;}
#otherNav li.lastChild a{ border-bottom: none;}

/*  footer
------------------------------------------------------ */
footer{ margin-top: 40px;}
footer .pageTop{ border-bottom: 1px solid #E0DDC9;}
footer .pageTop p{ text-align: right;}
footer .pageTop p a{
	background: #ECEADD url("/corp/common/img/ico/ico_t-arrow-b.png") 8px center no-repeat;
	color: #525550;
	border-top: 1px solid #E0DDC9; border-right: 1px solid #E0DDC9; border-left: 1px solid #E0DDC9;
	padding: 2px 10px 2px 20px;
	-moz-border-radius: 5px 5px 0 0;
	-webkit-border-radius: 5px 5px 0 0;
	-o-border-radius: 5px 5px 0 0;
	-ms-border-radius: 5px 5px 0 0;
	border-radius: 5px 5px 0 0;
	position:relative;
	behavior: url("/corp/common/css/PIE.htc");
	font-size: 12px;
	display: inline-block;
	margin: 0;
}
footer .pageTop p a:hover{ background: #525550 url("/corp/common/img/ico/ico_t-arrow-w.png") 8px center no-repeat; color: #ffffff; text-decoration: none;}
footer .bnrBox ul{ text-align: center; margin-bottom: 30px;}
footer .bnrBox li{ display: -moz-inline-box; display: inline-block; /display: inline; /zoom: 1; margin-right: 16px; line-height: 0;}
footer .bnrBox li.lastChild{ margin-right: 0px;}
footer .footerSitemap{ background-color: #ECEADD;  padding: 20px 0;}
footer .footerSitemap dl{ float: left; width: 225px; margin-right: 16px;}
footer .footerSitemap dl.last{ margin-right: 0px;}
footer .footerSitemap dt{ border-bottom: 1px solid #E0DDC9; font-size: 117%; font-weight: bold;  padding-bottom: 3px; margin-bottom: 5px;}
footer .footerSitemap dt a{ color: #525550;}
footer .footerSitemap dd { margin-bottom: 2px;}
footer .footerSitemap dd a{ background: url("/corp/common/img/ico/ico_r-arrow-b.png") 0 0.5em no-repeat; font-size: 92%; color: #525550; padding-left: 10px;}

footer .footerBox{ background-color: #E4DFCF; border-top: 1px solid #E0DDC9; padding: 20px 0;}
footer .footerBox .box{ float: left; width:50%;}
footer .footerBox .box dl{ background-color: #F6F5EF; border: 1px solid #E0DDC9; padding: 10px; margin-bottom: 8px;}
footer .footerBox .box dt{ float: left; margin-right: 10px;}
footer .footerBox .box dd{ border-left: 1px dotted #525550; float: left;  padding-left: 10px; line-height: 1.4em; width: 320px;}
footer .footerBox .box dd a{ color: #525550;}
footer .footerBox .box p{ font-weight: bold;}

footer .footerBox .boxAgt{ float: right; width:49%;}
footer .footerBox .boxAgt dl{ background-color: #F6F5EF; border: 1px solid #E0DDC9; padding: 10px; margin-bottom: 8px;}
footer .footerBox .boxAgt dt{ float: left; margin-right: 10px; width: 70px;}
footer .footerBox .boxAgt dt img{ width: 60px; height: auto; border: 5px solid #fff;}
footer .footerBox .boxAgt dd{ border-left: 1px dotted #525550; float: left;  padding-left: 10px; line-height: 1.4em; width: 340px;}
footer .footerBox .boxAgt dd a{ color: #525550;}
footer .footerBox .boxAgt p{ font-weight: bold;}

footer .footerBox ul{ float: right;}
footer .footerBox li{ float: left; margin-left: 20px;}

footer .footerSns{background-color: #ECEADD; border: 1px solid #E0DDC9; padding: 10px;}
footer .footerSns ul{width: 140px; margin: 0 auto; display: flex; justify-content: space-around; align-items: center;}
footer .footerSns ul li{display: inline-block;}
footer .footerSns ul li img{
	height: 26px;
}