/* ----------------------------------------------------------------
common style
----------------------------------------------------------------- */
body {
-webkit-text-size-adjust: 100%;
}
/* box-sizing */
#str-contents .list-button-01.col2 li.col,
#str-contents .list-index-banner li{
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
/*a font-weight*/
a{
font-weight:bold;
}


/* ----------------------------------------------------------------
nav
----------------------------------------------------------------- */
#str-contents .nav-corp-group-wrap{
margin:0 -10px 10px;
border-bottom: 3px solid #EEE;
}
#str-contents .nav-corp-group-wrap > ul.nav-corp-group{
margin: 0;
border-top: 1px solid #d6d7d8;
border-bottom: 1px solid #d6d7d8;
display: table;
width: 100%;
table-layout: fixed;
background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #fbfcfc), color-stop(34%, #fbfcfc), color-stop(100%, #e6ebec));
background-image: -webkit-linear-gradient( #fbfcfc, #fbfcfc 34%, #e6ebec);
background-image: linear-gradient( #fbfcfc, #fbfcfc 34%, #e6ebec);
background-color: #fafbfc;
font-size: 11px;
font-size: 1.1rem;
text-align: center;
text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.8);
font-weight: bold;
}
#str-contents .nav-corp-group-wrap > ul.nav-corp-group > li {
display: table-cell;
vertical-align: middle;
}
#str-contents .nav-corp-group-wrap > ul.nav-corp-group > li>div{
position: relative;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
line-height: 1.2;
}
#str-contents .nav-corp-group-wrap > ul.nav-corp-group > li > div a{
color: #333333;
text-decoration: none;
position: relative;
display: block;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
height: 43px;
}
#str-contents .nav-corp-group-wrap > ul.nav-corp-group > li > div a span{
position: absolute;
top: 50%;
left: 0;
width: 100%;
text-align: center;
}

#str-contents .nav-corp-group-wrap > ul.nav-corp-group > li > div a:before {
content: "";
display: block;
width: 1px;
height: 23px;
overflow: hidden;
position: absolute;
top: 9px;
left: 0;
}
#str-contents .nav-corp-group-wrap > ul.nav-corp-group > li > div a:before {
background-color: #d6d7d8;
}
#str-contents .nav-corp-group-wrap > ul.nav-corp-group > li > div a:visited{
color: #333333;
}
#str-contents .nav-corp-group-wrap > ul.nav-corp-group > li:first-child > div a:before {
display: none;
}

#str-contents .nav-corp-group-wrap > ul.nav-corp-group > li.active{
background-color: #fff;
}
#str-contents .nav-corp-group-wrap > ul.nav-corp-group > li.active a:before{
left:-1px;
}
#str-contents .nav-corp-group-wrap > ul.nav-corp-group > li.active div:before{
position: absolute;
content: "";
display: block;
width: 0;
height: 0;
border: solid transparent;
border-width: 0px 5px 0px 5px;
border-bottom: #84919D solid 5px;
bottom: 4px;
left: 50%;
margin-left: -5px;
}
#str-contents .nav-corp-group-wrap > ul.nav-corp-group > li.active div:after{
position: absolute;
content: "";
display: block;
margin-left: 1px;
bottom:2px;
left: 0;
width: 98%;
height: 2px;
background: #84919d;
}


/* ----------------------------------------------------------------
hdg
----------------------------------------------------------------- */
#str-container .hdg-category.related {
padding: 10px;
border-bottom: 1px solid #D6D7D8;
color: #FFF;
background-color: #646464;
font-size: 19px;
font-size:1.9rem;
font-weight: bold;
margin-bottom: 10px;
}
#str-contents h1.related{
margin: 0 0 10px;
font-size: 16px;
font-size: 1.6rem;
color: #000;
font-weight: bold;
}

#str-contents h1>.hdg01-sub-01{
font-size: 14px;
font-size: 1.4rem;
display: block;
line-height: 1.1;
}
#str-contents h1>span[class*="img"]{
display: block;
line-height: 1;
margin-bottom:2px;
}
#str-contents h1>span[class*="img"] img{
vertical-align: top;
}
#str-contents h2:not([class]) + .link-list-default{
margin-top: -10px;
border-top: none !important;
}


/* ----------------------------------------------------------------
list
----------------------------------------------------------------- */

#str-contents *[class*="list-"].set-read-more{
margin-bottom: 0;
}
#str-contents *[class*="list-"].set-read-more li:last-child{
border-bottom:none;
}
#str-contents .link-list-anchor li{
margin-bottom: 8px;
}
#str-contents .link-list-anchor li a{
padding-left: 25px;
display: inline-block;
font-size: 14px;
text-decoration: none;
font-weight: bold;
position: relative;
}
#str-contents .link-list-anchor li a:before{
content: "";
display: block;
width: 12px;
height: 12px;
overflow: hidden;
position: absolute;
top: 0.1em;
left: 0;
padding: 2px;
border: 1px solid #C7D2DA;
box-shadow: 1px 1px 0 #FFF inset, -1px -1px 0 #FFF inset;
background-image: url("/corp/set/common/s/img/sub-caption-sprite.png");
background-repeat: no-repeat;
background-position: -21px center;
background-size: 59px auto;
background-color: #F4F6F8;
}

#str-contents .link-list-default{
margin:0 -10px 20px;
background: #eeeeee;
border-top: 1px solid #E3E4E5;
}
#str-contents .link-list-default > li{
border-bottom: 1px solid #E3E4E5;
background: #fff;
font-weight: bold;
}
#str-contents .link-list-default > li >a{
padding: 12px 30px 12px 10px;
color: #333;
display: block;
text-decoration: none;
position: relative;
}
#str-contents .link-list-default > li >a:before{
margin-top: -6px;
top: 50%;
right: 10px;
content: "";
display: block;
position: absolute;
border-right: 3px solid #069;
border-bottom: 3px solid #069;
width: 6px;
height: 6px;
-webkit-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
transform: rotate(-45deg);
}
#str-contents .link-list-default > li.line-hr{
margin-bottom: 3px;
}
#str-contents .link-list-default > li.line-hr + li{
border-top: 1px solid #E3E4E5;
}
#str-contents .link-list-default + .nav-btn-01{
margin-top: 20px;
margin-bottom: 20px;
}
#str-contents .note-list.branch > li {
padding-left: 2.5em;
}


#str-contents .list-index-banner {
margin-bottom: 0;
overflow: hidden;
}
#str-contents .list-index-banner img {
vertical-align: bottom;
}
#str-contents .list-index-banner li {
float: left;
padding-right: 5px;
margin-bottom: 10px;
width: 50%;
text-align: center;
}
#str-contents .list-index-banner li:nth-child(2n) {
padding-right: 0;
padding-left: 5px;
}

#str-contents .link-list-01.line-bottom-01{
margin: 0px -10px 10px;
padding: 0 10px;
border-bottom: #e4e4e4 1px solid;
}
#str-contents .link-list-01.line-bottom-01 li:last-child a{
border-bottom:none;
}
#str-contents h2 + .link-list-01.line-bottom-01{
margin-top:-10px;
}
#str-contents > .link-list-01.line-bottom-01:last-child{
margin-bottom:20px;
}


/* ----------------------------------------------------------------
button
----------------------------------------------------------------- */
#str-contents .list-button-01.col2{
overflow: hidden;
}
#str-contents .list-button-01.col2 li.col{
width: 50%;
float: left;
display: table;
}
#str-contents .list-button-01.col2 li.col:nth-child(odd){
padding-right: 5px;
}
#str-contents .list-button-01.col2 li.col:nth-child(even){
padding-left: 5px;
}
#str-contents .list-button-01.col2 li.col > a{
letter-spacing: -1px;
padding: 10px;
border: 1px solid #D7D7D7;
border-radius: 4px;
color: #333;
box-shadow: 2px 2px 1px rgba(255, 255, 255, 0.8) inset, -2px -2px 1px rgba(255, 255, 255, 0.8) inset;
background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #FBFDFE), color-stop(62%, #EEF2F4), color-stop(100%, #EEF2F4));
background-image: -webkit-linear-gradient( #FBFDFE, #EEF2F4 62%, #EEF2F4);
background-image: linear-gradient( #FBFDFE, #EEF2F4 62%, #EEF2F4);
background-color: #F7F9FA;
text-align: center;
font-weight: bold;
font-size: 14px;
font-size: 1.4rem;
min-height: 100px;
vertical-align: middle;
display: table-cell;
}
#str-contents .list-button-01.col2 li.col.large > a{
padding: 10px 5px;
}

#str-contents .link-list-default + .nav-btn-02 {
margin-top: 20px;
margin-bottom: 20px;
}
#str-contents .nav-btn-02 > a {
padding: 5px 10px;
border: 1px solid #D7D7D7;
border-radius: 4px;
color: #333;
display: block;
box-shadow: 2px 2px 1px rgba(255, 255, 255, 0.8) inset, -2px -2px 1px rgba(255, 255, 255, 0.8) inset;
background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #FBFDFE), color-stop(62%, #EEF2F4), color-stop(100%, #EEF2F4));
background-image: -webkit-linear-gradient( #FBFDFE, #EEF2F4 62%, #EEF2F4);
background-image: linear-gradient( #FBFDFE, #EEF2F4 62%, #EEF2F4);
background-color: #F7F9FA;
text-align: center;
}
#str-contents .nav-btn-02 > a span {
color: #069;
display: block;
font-weight: bold;
font-size: 16px;
font-size: 1.6rem;
}



/* ----------------------------------------------------------------
box
----------------------------------------------------------------- */
#str-contents .box-info-01 {
margin: 10px 0 20px;
}
#str-contents .box-info-01 > p {
margin-bottom: 0;
padding: 3px 8px 2px;
background-color: #d8e3f5;
font-weight:bold;
}
#str-contents .box-info-01 > div {
border: #e3e4e5 solid 1px;
padding: 7px 9px 6px;
border-top: none;
}
#str-contents .box-info-01 > div > *:last-child{
margin-bottom: 0;
}
#str-contents .box-info-01 > div >dl dt{
margin-bottom: 10px;
}
#str-contents .box-info-01 > div dt > .date{
font-weight: normal;
display: block;
margin-bottom: 10px;
font-size: 11px;
font-size: 1.1rem;
}

/* ----------------------------------------------------------------
read-more-01
----------------------------------------------------------------- */
.read-more-01 {
border-top: 4px solid #F6F6F6;
margin: 0 0 20px;
position: relative;
}
.read-more-01:before {
content: "";
display: block;
position: absolute;
border-top: 1px solid #E6E6E6;
width: 100%;
top: -5px;
}
.read-more-01 a {
display: block;
float: right;
margin-top: -4px;
border: 4px solid #F6F6F6;
border-top: 0;
border-radius: 0 0 4px 4px;
background: white;
}
.read-more-01 span {
display: block;
position: relative;
margin-top: -1px;
padding: 0 2px 2px 2px;
border: 1px solid #E2E2E2;
border-top: 0;
border-radius: 0 0 2px 2px;
background: white;
}
.read-more-01 span span {
padding: 10px 14px 9px;
border: 0;
background: white;
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff), color-stop(1, #f3f3f3));
background-image: -webkit-linear-gradient( #fff, #f3f3f3);
background-image: linear-gradient( #fff, #f3f3f3);
background-color: #f3f3f3;
font-size: 14px;
font-weight: bold;
}
.read-more-01:after{
content: " ";
height: 0;
font-size: 0;
line-height: 0;
display: block;
clear: both;
}

/* ----------------------------------------------------------------
table
----------------------------------------------------------------- */
#str-contents .table-title{
margin-bottom: 10px;
font-size: 14px;
font-size: 1.4rem;
font-weight: bold;
}

#str-contents .table-01:last-child{
margin-bottom:20px;
}
#str-contents .table-01 table th{
vertical-align: middle;
}
#str-contents .table-01 table td{
text-align: right;
vertical-align: middle;
}

#str-contents .table-01 table caption,
#str-contents .sub-caption-01{
text-align: right;
font-size: 11px;
font-size: 1.1rem;
}


/* ----------------------------------------------------------------
.sub-caption-02
----------------------------------------------------------------- */
#str-contents .sub-caption-02{
padding: 7px 7px 6px;
overflow: hidden;
border: #e3e4e5 solid 1px;
}
#str-contents .sub-caption-02 >span{
float: left;
margin-left: 15px;
position: relative;
font-size: 11px;
font-size: 1.1rem;
}
#str-contents .sub-caption-02 >span:not(:first-child){
margin-left: 25px;
}
#str-contents .sub-caption-02 >span:before{/*An initial position for icon-01. */
position: absolute;
content:"";
display: block;
background-image: url("/corp/set/common/s/img/sub-caption-sprite.png");
background-size:59px auto;
width: 11px;
height: 11px;
top: 50%;
left: -14px;
margin-top: -6px;
}
#str-contents .sub-caption-02 >span.icon-02:before{
background-position: -11px 0;
}
#str-contents .sub-caption-02 >span.icon-03:before{
background-position: -37px 0;
}
#str-contents .sub-caption-02 >span.icon-04:before{
background-position: -48px 0;
}

/* ----------------------------------------------------------------
tab
----------------------------------------------------------------- */
#str-contents .tabContainer{
margin: 0 0 20px;
}
#str-contents .tabContainer *{
outline:none;
}
/**
* JavaScript ON
*/
/* 非アクティブ タブパネル 非表示 */
#str-contents .tabContainer .tabPanel{
display: none;
}
/* アクティブ タブパネル 表示 */
#str-contents .tabContainer .tabPanel.active{
display: block;
}
/**
* JavaScript OFF
*/
/* 静的モード タブパネル 表示 */
#str-contents .tabContainer .static .tabPanel{
display: block;
}

/*ここからタブっぽくするスタイル*/
#str-contents .tabList-wrap{
border-bottom: #d6d7d8 solid 1px;
margin-bottom: 8px;
}
#str-contents .tabList{
margin-bottom: 0;
overflow:hidden;
position: relative;
width: 100%;
display: table;
table-layout: fixed;
margin-bottom: -1px;
}
#str-contents .tabList > li{
display: table-cell;
text-align:center;
padding:0 1px 0 1px;
}
#str-contents .tabList > li:first-child{
padding:0 1px 0 2px;
}
#str-contents .tabList > li:last-child{
padding:0 2px 0 1px;
}
#str-contents .tabList > li >a{
border:#d6d7d8 1px solid;
border-radius: 2px 2px 0 0;
font-weight: bold;
box-shadow: 2px 2px rgba(255, 255, 255, 1) inset, -2px 0px #FFF inset;
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff), color-stop(1, #f1f1f1));
background-image: -webkit-linear-gradient( #fff, #f1f1f1);
background-image: linear-gradient( #fff, #f1f1f1);
background-color: #F7F9FA;
}
#str-contents .tabList > li a{
display:block;
padding:15px 0;
}
#str-contents .tabList > li.active a{
color: #333;
background: #fff;
border-bottom: #fff 1px solid;
}
#str-contents .tabs{
margin-bottom: 20px;
}

/*プレスリリースのページ下部、SNSボタンのmarginを修正（2013/11/20）
----------------------------------------------- */
.nav-btn-sns-01{
margin-top:20px;
}
.fb_iframe_widget_fluid span{
vertical-align: top !important;
margin-top: 1px;
}
#str-contents .nav-btn-sns-01 iframe{
margin:0 0 0;
}
#str-contents .nav-btn-sns-01 > ul > li{
margin-bottom:10px;
line-height:1;
}
#str-contents .nav-btn-sns-01 > ul#second-button-list li{
margin-bottom:20px;
}

/*corp用のサイトマップのために追加。統合側から持ってきて。
----------------------------------------------- */
.hdg-l2{
  margin: 20px -10px 10px;
  padding: 9px 10px;
  border-top: 2px solid #5c6672;
  border-bottom: 3px solid #eee;
  color: #333333;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #fbfdfe), color-stop(62%, #eef2f4), color-stop(100%, #eef2f4));
  background-image: -webkit-linear-gradient( #fbfdfe, #eef2f4 62%, #eef2f4);
  background-image: linear-gradient( #fbfdfe, #eef2f4 62%, #eef2f4);
  background-color: #f7f9fa;
  font-weight: bold;
  font-size: 16px;
  font-size: 1.6rem;
  position: relative;
}
.hdg-l2:before{
  content: "";
  display: block;
  width: 100%;
  height: 1px;
  overflow: hidden;
  position: absolute;
  bottom: 0;
  left: 0;
}
.hdg-l2:before{
  border-bottom: 1px solid #d6d7d8;
  background-color: #fff;
}
.nav-top {
  text-align: right;
}
.nav-top > a {
  padding-left: 25px;
  display: inline-block;
  font-size: 14px;
  text-decoration: none;
  position: relative;
}
.nav-top > a:before {
  content: "";
  display: block;
  width: 12px;
  height: 12px;
  overflow: hidden;
  position: absolute;
  top: 0.1em;
  left: 0;
}
.nav-top > a:before {
  padding: 2px;
  border: 1px solid #c7d2da;
  box-shadow: 1px 1px 0 #fff inset, -1px -1px 0 #fff inset;
  background-image: url("/home/set/common/s/img/sprite.png");
  background-repeat: no-repeat;
  background-position: -26px center;
  background-size: 2650px 63px;
  background-color: #f4f6f8;
}
.nav-internal > li {
  margin-bottom: 5px;
}
.nav-internal > li:last-child {
  margin-bottom: 0;
}
.nav-internal > li > a {
  padding-left: 25px;
  display: inline-block;
  position: relative;
}
.nav-internal > li > a:before {
  content: "";
  display: block;
  width: 12px;
  height: 12px;
  overflow: hidden;
  position: absolute;
  top: 1px;
  left: 0;
}
.nav-internal > li > a:before {
  padding: 2px;
  border: 1px solid #c7d2da;
  -webkit-transform: rotate(-180deg);
  -moz-transform: rotate(-180deg);
  transform: rotate(-180deg);
  box-shadow: 1px 1px 0 #fff inset, -1px -1px 0 #fff inset;
  background-image: url("/home/set/common/s/img/sprite.png");
  background-repeat: no-repeat;
  background-position: -26px center;
  background-size: 2650px 63px;
  background-color: #f4f6f8;
}
.link-list-01.sitemap{
  margin:-10px -10px 10px;
}
.link-list-01.sitemap li > a{
  border-bottom: 1px solid #e3e4e5 !important;
  display: block;
  padding: 10px 10px 9px 20px !important;
  position: relative;
}
.link-list-01.sitemap li > a:before{
  content: "";
  display: block;
  height: 5px;
  left: 10px;
  overflow: hidden;
  position: absolute;
  top: 50%;
  width: 5px;
  background-color: #697683;
  background-image: linear-gradient(#A2ADB7, #697683);
  box-shadow: 1px 1px 0 rgba(0, 0, 0, 0.1), 1px 1px 2px rgba(255, 255, 255, 0.3) inset, -1px -1px 2px rgba(0, 0, 0, 0.3) inset;
  margin-top: -3px;
}
#str-contents .link-list-01.sitemap > li ul{
  margin-left:20px;
}

/* マージン・パディング制御用クラス modules.cssと同等
----------------------------------------------- */
.m-top-0 { margin-top: 0 !important;}
.m-right-0 { margin-right: 0 !important;}
.m-bottom-0 { margin-bottom: 0 !important;}
.m-left-0 { margin-left: 0 !important;}
.p-top-0 { padding-top: 0 !important;}
.p-right-0 { padding-right: 0 !important;}
.p-bottom-0 { padding-bottom: 0 !important;}
.p-left-0 { padding-left: 0 !important;}
.m-top-5 { margin-top: 5px !important;}
.m-right-5 { margin-right: 5px !important;}
.m-bottom-5 { margin-bottom: 5px !important;}
.m-left-5 { margin-left: 5px !important;}
.p-top-5 { padding-top: 5px !important;}
.p-right-5 { padding-right: 5px !important;}
.p-bottom-5 { padding-bottom: 5px !important;}
.p-left-5 { padding-left: 5px !important;}
.m-top-10 { margin-top: 10px !important;}
.m-right-10 { margin-right: 10px !important;}
.m-bottom-10 { margin-bottom: 10px !important;}
.m-left-10 { margin-left: 10px !important;}
.p-top-10 { padding-top: 10px !important;}
.p-right-10 { padding-right: 10px !important;}
.p-bottom-10 { padding-bottom: 10px !important;}
.p-left-10 { padding-left: 10px !important;}
.m-top-15 { margin-top: 15px !important;}
.m-right-15 { margin-right: 15px !important;}
.m-bottom-15 { margin-bottom: 15px !important;}
.m-left-15 { margin-left: 15px !important;}
.p-top-15 { padding-top: 15px !important;}
.p-right-15 { padding-right: 15px !important;}
.p-bottom-15 { padding-bottom: 15px !important;}
.p-left-15 { padding-left: 15px !important;}
.m-top-20 { margin-top: 20px !important;}
.m-right-20 { margin-right: 20px !important;}
.m-bottom-20 { margin-bottom: 20px !important;}
.m-left-20 { margin-left: 20px !important;}
.p-top-20 { padding-top: 20px !important;}
.p-right-20 { padding-right: 20px !important;}
.p-bottom-20 { padding-bottom: 20px !important;}
.p-left-20 { padding-left: 20px !important;}
.m-top-25 { margin-top: 25px !important;}
.m-right-25 { margin-right: 25px !important;}
.m-bottom-25 { margin-bottom: 25px !important;}
.m-left-25 { margin-left: 25px !important;}
.p-top-25 { padding-top: 25px !important;}
.p-right-25 { padding-right: 25px !important;}
.p-bottom-25 { padding-bottom: 25px !important;}
.p-left-25 { padding-left: 25px !important;}
.m-top-30 { margin-top: 30px !important;}
.m-right-30 { margin-right: 30px !important;}
.m-bottom-30 { margin-bottom: 30px !important;}
.m-left-30 { margin-left: 30px !important;}
.p-top-30 { padding-top: 30px !important;}
.p-right-30 { padding-right: 30px !important;}
.p-bottom-30 { padding-bottom: 30px !important;}
.p-left-30 { padding-left: 30px !important;}