@charset "utf-8";

body {
  background: #ffffff;
  margin: 0;
  padding: 0;
}
body {
  font: 13px/1.231 arial,helvetica,clean,sans-serif;
  *font-size: small;
  *font: x-small;
}
body {
  *font-size: small;
  *font: x-small;
  color: #333;
  height: 100%;
  font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  line-height: 1.0;
}
html>/**/
body {
  font-size /*\**/
: small\9;
}
table {
  font-size: inherit;
  font: 100%;
}
/* --Font-size -- */
.font10 {
  font-size: 77%;
  /*renders 10px */
}
.font11 {
  font-size: 85%;
  /*renders 10px */
}
.font12 {
  font-size: 93%;
  /*renders 12px */
}
.font13 {
  font-size: 100%;
  /*renders 13px */
}
.font14 {
  font-size: 108%;
  /*renders 14px */
}
.font15 {
  font-size: 110%;
  /*renders 14px */
}
.font16 {
  font-size: 123.1%;
  /*renders 16px */
 line-height: normal;
}
.font18 {
  font-size: 138.5%;
  /*renders 18px */
 line-height: normal;
}
.font20 {
  font-size: 153.9%;
  /*renders 20px */
 line-height: normal;
}
.font22 {
  font-size: 167%;
  /*renders 22px */
 line-height: normal;
}
/* -- エレメント / タグセレクター -- */
ul, ol, dl {
  padding: 0;
  margin: 0;
  list-style-type: none;
}
h1, h2, h3, h4, h5, h6, p {
  margin: 0;
  padding: ;
  font-size: 100%;
  line-height: 1.0;
}
a img {
  border: none;
}
a:link {
  color: #2770a3;
  text-decoration: none;
}
a:visited {
  color: #2770a3;
  text-decoration: none;
}
a:hover, a:active, a:focus {
  text-decoration: underline;
  color: #2b73a0;
}
a:active, a:focus {
  text-decoration: none;
  color: #2b73a0;
}
img {
  　　*vertical-align: bottom;
}
/* clearfix -------------------------------------- */
.cf:before,.cf:after {
  content: "";
  display: table;
}
.cf:after {
  clear: both;
}
.cf {
  zoom: 1;
  /* For IE 6/7 */
}
/* ヘッダー------------------------------------- */
#header {
  width: 100%;
  background: url(/smc/common/img/smc_bg_header.gif) repeat-x 0 0;
}
#headerInner {
  width: 960px;
  margin: 0 auto;
  padding-bottom: 10px;
}
.logo {
  float: left;
  width: 399px;
  padding: 20px 0 0 0;
  margin-right: 41px;
}
.headerNav {
  float: right;
  display: inline;
  padding: 46px 0 0;
}
.headerNav01 {
  float: right;
  margin-bottom: 8px;
  /margin-bottom: 3px;
  /*for IE6,7*/
}
.headerNav02 {
  clear: both;
  float: right;
}
.headerNav01 li,.headerNav02 li {
  background: url(/smc/common/img/icon_arrow_b.gif) no-repeat 0 50%;
  padding-left: 11px;
  /background: url(/smc/common/img/icon_arrow_b.gif) no-repeat 0 3px;
  /line-height: 1.23;
  /*for IE6,7*/
}
.headerNav01 li {
  width: 6em;
}
.headerNav02 li {
  float: left;
  width: 6em;
}
.headerNav02 li.homeLink {
  width: 5em;
  margin-right: 6px;
}
#gnav {
  background: url(/smc/common/img/smc_bg_gnav.gif) repeat-x left top;
}
#gnav ul {
  margin: 0 auto;
  width: 960px;
  padding: 2px 0 5px;
  height: 38px;
}
#gnav ul li {
  float: left;
  width: 240px;
}
/* コンテント部分------------------------------------- */
#bodyArea {
  background: url(/smc/common/img/bg_body.jpg) repeat-x 0 0;
}
#bodyArea img {
  vertical-align: top;
}
#content {
  width: 960px;
  padding: 0 0 40px;
  margin: 0 auto;
  background: url(/smc/common/img/bg_content.jpg) no-repeat 0 0;
}
.topicPath {
  padding: 18px 0 10px 8px}
.topicPath a {
  text-decoration: underline;
}
.topicPath a:visited ,.topicPath a:hover,.topicPath a:active {
  text-decoration: underline;
}
/* 2012.11.28追加 */
#main {
  float: left;
  width: 730px;
}
#sub {
  float: right;
  width: 210px;
}
.cntBoxWrap {
  background: url(/smc/common/img/bg_maincnt.gif) repeat-y left top;
}
.cntBox {
  background: url(/smc/common/img/bg_maincnt_btm.gif) no-repeat left bottom;
}
.cntBoxIn {
  background: url(/smc/common/img/bg_maincnt-top.jpg) no-repeat left top;
  padding: 14px 31px 20px 31px;
}
/* 20130308 */
.bnrBox {
  width: 210px;
  margin-top: 10px;
}
.bnrBox ul {
  margin-bottom: 5px;
}
.bnrBox li {
  margin-bottom: 5px;
}
.bnrBox li img {
  vertical-align: top;
}
.bnrBox p {
  margin: 15px auto 8px auto;
  font-size: 75%;
  width: 210px;
  text-align: center;
}
.bnrBox hr {
  height: 1px;
  border: none;
  background-color: #ccc;
  width: 210px;
  margin-top: 15px;
}
.bnrBox ul.group {
  margin: 0 auto 5px auto;
  width: 189px;
}
.bnrBox ul.group p {
  margin: 15px auto 8px auto;
  font-size: 75%;
  width: 189px;
  text-align: center;
}
.bnrBox ul.group p.text {
  margin: 10px 0 8px 0;
  font-size: 75%;
  width: 189px;
  line-height: 1.2;
  text-align: left;
}
/* -- サイドナビ -- */
.sideNavBox {
  background: url(/smc/common/img/bg_sidenav_btm.jpg) no-repeat left bottom;
  margin-bottom: 7px;
  padding-bottom: 7px;
  width: 210px;
}
.sideNavBoxWrap {
  background: url(/smc/common/img/bg_sidenav_cnt.gif) repeat-y left top;
}
.sideNavBoxIn {
  background: url(/smc/common/img/bg_sidenav_top.jpg) no-repeat left top;
  padding: 0 7px 0;
}
.sideNavBox ul {
  background-color: #fff;
  border-top: 1px solid #49b9b9;
  border-left: 1px solid #49b9b9;
  border-right: 1px solid #49b9b9;
}
.sideNavBox ul li {
  border-bottom: 1px solid #d4d9d9;
}
.sideNavBox ul li.last {
  border-bottom: 1px solid #49b9b9;
}
.sideNavBox ul li a {
  background: url(/smc/common/img/icon_link.gif) no-repeat 10px 10px;
  padding: 8px 0 10px 29px;
  line-height: 1.3;
  display: block;
  /zoom: 1;
  /* for IE6,7*/
 /vertical-align: top;
  /* for IE6,7*/
 /padding: 8px 0 12px 29px;
  /* for IE6,7*/
 /background: url(/smc/common/img/icon_link.gif) no-repeat 10px 10px;
  /* for IE6,7*/
}
.sideNavBox ul li.linkout {
  background: url(/smc/common/img/icon_link.gif) no-repeat 10px 10px;
  padding: 11px 0 10px 29px;
  display: block;
  /zoom: 1;
  /* for IE6,7*/
 /vertical-align: top;
  /* for IE6,7*/
 /padding: 8px 0 13px 29px;
  /* for IE6,7*/
 color: #999;
}
.sideNavBox ul li.present {
  background-color: #e8f3fe;
}
.sideNavBox ul li.present a {
  color: #333;
}
.sideNavBox ul li#first a {
  padding: 14px 0 10px 29px;
}
.sideNavBox ul li.last a {
  padding: 8px 0 10px 29px;
}
.sideNavBox ul li a:hover {
  background-color: #e8f3fe;
  text-decoration: none;
}
.sideNavBox ul li ul {
  background-color: transparent;
  border: none;
  margin: 0 0 0 10px;
  padding-bottom: 10px;
  /zoom: 1;
  /* for IE6,7*/
}
.sideNavBox ul li ul li {
  background: #fff;
  width: 174px;
  border: 1px solid #bcdada;
  border-bottom: none;
  /vertical-align: top;
  /* for IE6,7*/
}
.sideNavBox ul li ul li.lasts {
  border-bottom: 1px solid #bcdada;
}
.sideNavBox ul li ul li a {
  font-size: 83%;
  background: url(/smc/common/img/icon_arrow_bs.gif) no-repeat 8px 8px;
  padding: 7px 0 7px 15px;
  /padding: 5px 0 9px 15px;
  /* for IE6,7*/
}
.sideNavBox ul li.present ul li.present a {
  color: #333;
}
* html .sideNavBox ul li ul li.lasts {
  line-height: 1.4;
  /* for IE6 */
}
* html .sideNavBox ul li ul li.lasts a {
  padding: 5px 0 5px 17px;
  /* for IE6 */
}
*+html .sideNavBox ul li ul li.lasts {
  line-height: 1.7;
  /* for IE7 */
}
*+html .sideNavBox ul li ul li.lasts a {
  padding: 5px 0 3px 17px;
  /* for IE7 */
}
.sideNavBox ul li.present ul li a {
  background: url(/smc/common/img/icon_arrow_bs.gif) no-repeat 8px 8px;
  padding: 7px 0 7px 15px;
  font-size: 85%;
  color: #2B73A0;
}
.sideNavBox ul li.present ul li a:hover {
  background-color: #e8f3fe;
  text-decoration: none;
}
* html .sideNavBox ul li.present ul li a {
  line-height: 1.4;
  /* for IE6 */
 padding: 5px 0 5px 17px;
  /* for IE6 */
}
*+html .sideNavBox ul li.present ul li a {
  line-height: 1.7;
  /* for IE7 */
 padding: 5px 0 3px 17px;
  /* for IE7 */
}
.bnrBox li {
  margin-bottom: 5px;
}
.bnrBox li img {
  vertical-align: top;
}
/* サイドナビ: 採用情報 */
.sideNavBox ul li ul li ul.talkNav {
  padding: 0;
  margin-bottom: 0;
}
.sideNavBox ul li ul li ul.talkNav li {
  width: 163px;
  border-right: none;
  /vertical-align: top;
  /* for IE6,7*/
}
.sideNavBox ul li ul li ul.talkNav li a {
  background: url(/smc/common/img/icon_arrow_bs.gif) no-repeat 8px 8px;
  padding: 7px 0 7px 18px;
  font-size: 85%;
  color: #2B73A0;
  /vertical-align: top;
  /* for IE6,7*/
 /padding: 5px 0 9px 18px;
  /* for IE6,7*/
}
.sideNavBox ul li ul li ul.talkNav li a:hover {
  background-color: #e8f3fe;
}
.sideNavBox ul li ul li.cyuken {
  border-bottom: 1px solid #d4d9d9;
}
.sideNavBox ul.talkNav li.lasts {
  border-bottom: none;
}
* html .sideNavBox ul.talkNav li.lasts,* html .sideNavBox ul li ul li.cyuken,* html .sideNavBox ul li ul li.voice {
  line-height: 1.4;
  /* for IE6 */
}
* html .sideNavBox ul.talkNav li.lasts a,* html .sideNavBox ul li ul li.cyuken a,* html .sideNavBox ul li ul li.voice a {
  padding: 5px 0 5px 17px;
  /* for IE6 */
}
*+html .sideNavBox ul.talkNav li.lasts,*+html .sideNavBox ul li ul li.cyuken,*+html .sideNavBox ul li ul li.voice {
  line-height: 1.7;
  /* for IE7 */
}
*+html .sideNavBox ul.talkNav li.lasts a,*+html .sideNavBox ul li ul li.cyuken a,*+html .sideNavBox ul li ul li.voice a {
  padding: 5px 0 3px 17px;
  /* for IE7 */
}
/* -- フッター -- */
#footer {
  background: url(/smc/common/img/bg_footer.gif) repeat-x 0 0;
  clear: both;
  width: 100%;
}
#footerInner {
  width: 960px;
  margin: 0 auto;
  padding: 0 0 20px;
}
/*20121206修正↓*/
#pageTop {
  text-align: right;
}
/*20121206修正↑*/
.footerCnt {
  clear: both;
  padding-top: 48px;
  margin: 0 0 18px 4px;
}
.footerInfo {
  line-height: 1.5;
  float: left;
  width: 620px;
}
.footerInfo dd {
  margin: 0;
}
.footerInfo dd.accessLink a {
  background: url(/smc/common/img/icon_arrow_b.gif) no-repeat 0 50%;
  padding-left: 11px;
}
.footerNav {
  float: right;
  margin-top: 18px;
}
.footerNav li {
  float: right;
  line-height: 1.2;
}
.footerNav li a {
  background: url(/smc/common/img/icon_arrow_b.gif) no-repeat 0 50%;
  padding-left: 11px;
}
.footerNav li.frst {
  margin-left: 18px;
}
.copy {
  font-size: 85%;
  color: #828181;
}
#header #gnav ul li {
  position: relative;
}
#header #gnav ul li ul.sub {
  display: none;
  width: 240px;
  position: absolute;
  left: 0px;
  top: 38px;
  z-index: 200;
}
#header #gnav ul li ul.sub li {
  display: block;
  border-bottom: 1px solid #a4edff;
}
#header #gnav ul li ul.sub li a {
  display: block;
  padding: 12px;
  color: #FFF;
  background: #65c9e1;
}
#header #gnav ul li ul.sub li a:hover {
  background: #2db5d5;
}
a:hover img.hover {
  opacity: 0.6;
  filter: alpha(opacity=60);
  -moz-opacity: 0.6;
}
.clear {
  clear: both;
}


/*========================================================
2019renewal
======================================================↓↓*/
/*太字*/
.md-t_bold{font-weight:bold;}
/*テキスト揃え*/
.md-t_center{text-align:center;}
.md-t_left{text-align:left;}
.md-t_right{text-align:right;}
/*テキスト色*/
.md-t_orange{color:#ff6600;}
/*回り込み画像*/
.md-float_img_r{float:right;margin-left:5px;}
.md-float_img_l{float:left;margin-right:5px;}
/*下付き文字*/
.md-text_sub{font-size:12px;}
/*枠線*/
.md-border-thin{border:1px solid #ddd;}
.md-border-thin-top{border-bottom: 1px solid #ddd;}
.md-border-thin-btm{border-bottom: 1px solid #ddd;}
.md-border-thin-left{border-bottom: 1px solid #ddd;}
.md-border-thin-right{border-bottom: 1px solid #ddd;}
/*角丸*/
.md-border-radius{border-radius: 5px;}
/*注釈*/
.md-annotation_txt{margin-top: 10px; font-size:12px;line-height:1.4;}
/*flexBOX(折り返しなし)*/
.md-flex{display: flex;}
.md-flex_ac{display: flex;align-items: center;}
.md-flex_ac_jc{display: flex;justify-content: center;align-items: center;}
.md-flex_ac_sb{display: flex;justify-content: space-between;align-items: center;}
/*ホバー*/
.md-hover_alpha a:hover{opacity: 0.8;}
/*マージン*/
.md-cmn_gap{margin-bottom:20px;}
.md-cmn_gap:last-of-type{margin-bottom: 0;}
/*リンクアイコン*/
.md-icon_mid > *{display:block;background:url(/smc/common/img/icon_arrow_middle.jpg) no-repeat right top;padding:20px 30px;}
.md-icon_small > *{display:block;background:url(/smc/common/img/icon_arrow_small.jpg) no-repeat right center;padding:14px 15px;}
/*↑↑===================================================
2019renewal
======================================================*/

/*印刷時*/
@media print{
.topicPath{display:none;}
#header{display:none;}
#footer{display:none;}
#sub{display:none;}
#h2{display:none;}
#main{width:75%;float:none;}
}