@charset "UTF-8";

/*==================================================
*    01. Base
*    02. Structure
*    03. Modules
*       03-01. Basic Modules
*       03-02. Independent Modules
*       03-03. Column adjustment
*    04. Frame
*    05. Support
*    06. for Old Design
==================================================*/


/*==================================================
    01. Base
==================================================*/

body{
margin: 0;
padding: 0;
position: relative;
}

#str-header,
#str-main,
#str-footer{
position: relative;
color: #333;
font-family: "ヒラギノ角ゴ Pro W3", "ヒラギノ角ゴ Pro", "メイリオ", Meiryo, "ＭＳ Pゴシック", sans-serif;
font-size: 12px;
line-height: 1.67;
text-align: left;
word-wrap: break-word;
overflow-wrap: break-word;
}

#str-header a,
#str-header a:visited,
#str-main a,
#str-main a:visited,
#str-footer a,
#str-footer a:visited{
color: #532f91;
text-decoration: none;
}

#str-header a[href]:hover,
#str-header a[href]:active,
#str-header a[href]:focus,
#str-main a[href]:hover,
#str-main a[href]:active,
#str-main a[href]:focus,
#str-footer a[href]:hover,
#str-footer a[href]:active,
#str-footer a[href]:focus{
color: #532f91;
text-decoration: underline;
}

#str-header p,
#str-main p:not(.not-renew-css),
#str-footer p{
margin: 0 0 14px;
}

#str-main li:not(.not-renew-css){
margin: 0 0 5px;
}

#str-main img:not(.not-renew-css){
margin-bottom: 20px;
}
#str-header a img,
#str-main a img,
#str-footer a img{
border-width: 0;
}

#str-main h1,
#str-main h2:not(.not-renew-css),
#str-main h3:not(.not-renew-css),
#str-main h4,
#str-main h5,
#str-main h6{
margin-top: 0;
color: #333;
line-height: 1.5;
}
#str-main h1:not(.not-renew-css){
margin-bottom: 17px;
}
#str-main h2:not(.not-renew-css){
margin: 0 0 24px;
font-size: 28px;
font-weight: normal;
}
#str-main h3:not(.not-renew-css){
margin: 0 0 20px;
font-size: 22px;
font-weight: normal;
}

#str-main ul:not(.not-renew-css),
#str-main table:not(.not-renew-css){
margin: 0 0 30px;
}
#str-main  li:not(.not-renew-css){
line-height: 1.5;
}

#str-main table th{
padding-right: 28px;
font-weight: normal;
vertical-align: top;
}
#str-main table th,
#str-main table td:not(.not-renew-css){
padding-bottom: 4px;
line-height: 1.5;
}

#str-header button,
#str-main button,
#str-footer button{
color: #333;
font-family: "ヒラギノ角ゴ Pro W3", "ヒラギノ角ゴ Pro", "メイリオ", Meiryo, "ＭＳ Pゴシック", sans-serif;
font-size: 12px;
}


/*==================================================
    02. Structure
==================================================*/

#header-01{
min-height: 32px;
position: relative;
color: #fff;
background-color: #532f91;
}
@media screen and (max-width: 768px){
  .rwd-valid #header-01{
  display: none;
  }
}
#header-02{
padding: 9px 0 10px;
position: relative;
background-color: #ebebeb;
}
@media screen and (max-width: 768px){
  .rwd-valid #header-02{
  display: none;
  }
}
#header-03{
padding: 21px 0 0;
border-bottom: 2px #ebebeb solid;
position: relative;
background-color: #fff;
}
@media screen and (max-width: 768px){
  .rwd-valid #header-03{
  padding-top: 13px;
  border-top: 10px #532f91 solid;
  border-bottom: 3px #ebebeb solid;
  }
}

#str-main{
background-color: #f2f2f2;
}
.design-prdct #str-main{
background-color: transparent;
}

#main-header-01{
margin-top: 10px;
border-bottom: 2px #ebebeb solid;
background-color: #fff;
}
#main-header-01 *{
font-family: "ヒラギノ角ゴ Pro W3", "ヒラギノ角ゴ Pro", "メイリオ", Meiryo, "ＭＳ Pゴシック", sans-serif;
}

#main-header-02{
margin-bottom: 30px;
background-color: #2f2f2f;
}

#main-wrapper #str-sidecont{
width: 780px;
float: left;
}
.design-prdct #main-wrapper #str-sidecont{
width: 730px;
float: left;
}
.rwd-valid.design-prdct #main-wrapper #str-sidecont{
width: calc(100% - 220px);
max-width: 730px;
}
@media screen and (max-width: 768px){
  .rwd-valid.design-prdct #main-wrapper #str-sidecont{
  width: 100%;
  float: none;
  }
}

#main-wrapper #str-aside{
width: 200px;
float: right;
}
@media screen and (max-width: 768px){
  .rwd-valid #main-wrapper #str-aside{
  display: none;
  }
}

#main-footer{
margin-top: 60px;
padding: 17px 0 12px;
color: #fefefe;
background-color: #2f2f2f;
}
@media screen and (max-width: 768px){
  .rwd-valid #main-footer{
  margin-top: 0;
  padding: 0;
  }
}
#footer-01{
color: #fefefe;
background-color: #1d1d1d;
}
#footer-02{
padding: 14px 0 3px;
color: #fff;
background-color: #2f2f2f;
}

#header-01 > .inner,
#header-02 > .inner,
#header-03 > .inner,
#str-main > .inner,
#main-header-01 > .inner,
#main-header-02 > .inner,
#main-footer > .inner,
#footer-01 > .inner,
#footer-02 > .inner{
width: 1000px;
margin: 0 auto;
}
.rwd-valid #header-01 > .inner,
.rwd-valid #header-02 > .inner,
.rwd-valid #header-03 > .inner,
.rwd-valid #str-main > .inner,
.rwd-valid #main-header-01 > .inner,
.rwd-valid #main-header-02 > .inner,
.rwd-valid #main-footer > .inner,
.rwd-valid #footer-01 > .inner,
.rwd-valid #footer-02 > .inner{
width: calc(100% - 20px);
max-width: 1000px;
padding-right: 10px;
padding-left: 10px;
}

#str-main > .inner{
margin-top: 20px;
}
.design-prdct #str-main > .inner{
width: 950px;
}
.rwd-valid.design-prdct #str-main > .inner{
width: calc(100% - 20px);
max-width: 950px;
}
@media screen and (max-width: 768px){
  .rwd-valid.design-prdct #str-main > .inner{
  margin-top: 0;
  }
}

#main-header-01 > .inner{
position: relative;
}

#main-header-02 > .inner{
padding-top: 25px;
}

#footer-01 .inner{
height: 100%;
min-height: 70px;
display: table;
}
@media screen and (max-width: 768px){
  .rwd-valid #footer-01 .inner{
  padding-top: 10px;
  display: block;
  }
}


/*==================================================
    03. Modules
==================================================*/

/*--------------------------------------------------
    03-01. Basic Modules
--------------------------------------------------*/

/* Text - text-align
---------------------------------------------*/
#str-main .txt-right{
text-align: right;
}
#str-main .txt-center{
text-align: center;
}

/* link-img
---------------------------------------------*/
#str-main .link-img a{
margin-bottom: 20px;
display: inline-block;
background-color: #fff;
}
#str-main .link-img img{
margin-bottom: 0;
}
#str-main .link-img a:hover img,
#str-main .link-img a:active img,
#str-main .link-img a:focus img{
opacity: 0.6;-ms-filter: "alpha(opacity=60)";
}
#str-main .link-img.txt-right a{
margin-left: auto;
}
#str-main .link-img.txt-center a{
margin-right: auto;
margin-left: auto;
}

/* Icon .icon-link
---------------------------------------------*/
#str-header img.icon-link,
#str-main img.icon-link,
.nav-local img.icon-link,
#str-footer img.icon-link{
margin: 0 0 -2px 5px;
vertical-align: baseline;
}

/* Icon .icon-new-01
---------------------------------------------*/
#str-header img.icon-new-01,
#str-main img.icon-new-01,
.nav-local img.icon-new-01,
#str-footer img.icon-new-01{
margin: 0 0 2px 10px;
vertical-align: middle;
}

/* Heading - hdg-01
---------------------------------------------*/
#str-main .hdg-01,
#str-main h2.hdg-01,
#str-main h3.hdg-01{
padding-left: 14px;
border-left: 5px #532f91 solid;
color: #532f91;
font-size: 25px;
font-weight: bold;
}

/* Heading - hdg-prdct-01 (for Product)
---------------------------------------------*/
.hdg-prdct-01{
margin-bottom: 10px;
padding-bottom: 3px;
border-bottom: 2px #dfd2e6 solid;
font-size: 18px;
font-weight: bold;
}

/* Heading - hdg-02
---------------------------------------------*/
#str-main .hdg-02,
#str-main h2.hdg-02,
#str-main h3.hdg-02{
margin-bottom: 21px;
padding: 12px 17px 13px;
color: #fff;
background-color: #532f91;
font-size: 18px !important;
font-weight: bold;
}
#str-main .hdg-02.btn,
#str-main h2.hdg-02.btn,
#str-main h3.hdg-02.btn{
background-color: #fff;
}
#str-main .hdg-02.btn a,
#str-main h2.hdg-02.btn a,
#str-main h3.hdg-02.btn a,
#str-main .hdg-02.btn a:visited,
#str-main h2.hdg-02.btn a:visited,
#str-main h3.hdg-02.btn a:visited{
margin: -12px -17px -13px;
padding: 12px 28px 13px 17px;
display: block;
color: #fff;
background: #532f91 url(/WSR/common/renew_files/images/anc_01.png) no-repeat right 50%;
}
#str-main .hdg-02.btn a:hover,
#str-main h2.hdg-02.btn a:hover,
#str-main h3.hdg-02.btn a:hover,
#str-main .hdg-02.btn a:active,
#str-main h2.hdg-02.btn a:active,
#str-main h3.hdg-02.btn a:active,
#str-main .hdg-02.btn a:focus,
#str-main h2.hdg-02.btn a:focus,
#str-main h3.hdg-02.btn a:focus{
opacity: 0.6;
color: #fff;
text-decoration: none;
-ms-filter: "alpha(opacity=60)";
}


/* Heading - hdg-prdct-02 (for Product)
---------------------------------------------*/
.hdg-prdct-02{
margin-bottom: 13px !important;
padding: 6px 12px 5px 30px;
position: relative;
background: #e3e3e3;
background: linear-gradient(#f9f9f9, #e3e3e3);
box-shadow: 1px 1px 0 #d2d0d0;
font-size: 16px !important;
font-weight: bold !important;
vertical-align: middle;
}
#str-main .hdg-prdct-02:before{
width: 5px;
height: calc(100% - 13px) ;
position: absolute;
top: 7px;
left: 12px;
display: block;
background-color: #6d6d6d;
content: "";
}
#str-main .hdg-prdct-02 .icon,
#str-main .hdg-prdct-03 .icon{
margin-left:10px;
padding:2px 5px;
border:1px solid #428dae;
border-radius: 2px;
color:#428dae;
background-color: #fff;
font-size:10px;
font-weight: normal;
vertical-align: middle;
}
@media screen and (max-width: 768px){
  .rwd-valid #str-main .hdg-prdct-02{
  margin: 0 -10px 13px !important;
  border-top: 1px solid #e2e2e2;
  border-bottom: 1px solid #6d6d6d;
  box-shadow: none;
  }
  .rwd-valid #str-main .hdg-prdct-02 .icon,
  .rwd-valid #str-main .hdg-prdct-03 .icon{
  display: inline-block;
  }
}

/* Heading - hdg-03
---------------------------------------------*/
#str-main .hdg-03,
#str-main h2.hdg-03,
#str-main h3.hdg-03{
margin-bottom: 22px;
padding-left: 11px;
border-left: 5px #532f91 solid;
font-size: 18px;
font-weight: bold;
}

/* Heading - hdg-prdct-03 (for Product)
---------------------------------------------*/
#str-main .hdg-prdct-03{
margin-bottom: 10px !important;
padding-bottom: 4px;
border-bottom: 1px #595959 solid;
font-size: 16px !important;
font-weight: bold !important;
}

@media screen and (max-width: 768px){
  .rwd-valid #str-main .hdg-prdct-03{
  padding:10px 0 !important;
  border-top: 1px #dbdbdb solid;
  border-bottom: 1px #dbdbdb solid !important;
  }
}

/* Heading - hdg-04
---------------------------------------------*/
#str-main .hdg-04,
#str-main h2.hdg-04,
#str-main h3.hdg-04{
margin-bottom: 20px;
padding: 0 1px 10px;
border-bottom: 1px #cccccc solid;
font-size: 16px;
font-weight: bold;
}

/* Heading - hdg-prdct-04 (for Product)
---------------------------------------------*/
#str-main .hdg-prdct-04{
padding-left: 9px;
border-left: 5px solid #a5a5a5;
font-weight: bold !important;
}

/* Link .link-01
---------------------------------------------*/
#str-main .link-01{
padding: 0;
}
#str-main .link-01 li{
margin-bottom: 6px;
padding-left: 17px;
background: url(/WSR/common/renew_files/images/anc_09.png) no-repeat 3px 4px;
list-style: none;
}

/* Link .link-02
---------------------------------------------*/
#str-main ul.link-02{
margin-right: -6px;
margin-left: -6px;
padding: 0;
font-size: 14px;
}
#str-main .link-02 li{
padding-right: 6px;
padding-left: 6px;
border-right: 1px #333 solid;
display: inline-block;
}
#str-main .link-02 li a,
#str-main .link-02 li a:visited{
color: #333;
text-decoration: underline;
}
#str-main .link-02 li a:hover,
#str-main .link-02 li a:active,
#str-main .link-02 li a:focus{
color: #333;
text-decoration: none;
}

/* Link .link-03
---------------------------------------------*/
#str-main .link-03{
padding: 0;
}
#str-main .link-03 li{
margin-bottom: 6px;
padding-left: 13px;
background: url(/WSR/product/orphis/images/icon_arrow_about01.gif) no-repeat 2px 5px;
list-style: none;
}

#str-main .link-03 li a{
color:#093598;
}

/* Link .link-04
---------------------------------------------*/
.link-04{
margin:0 0 20px 24px!important;
padding:0;
}
.link-04 li{
margin-right:10px!important;
padding-left:20px;
display: inline-block;
list-style: none;
}
.link-04 li a{
position: relative;
color:#06319e;
font-weight: bold;
}
.link-04 li a:before{
width: 7px;
height: 7px;
margin-top: -5.5px;
border-right: 2px solid #8a8a8a;
border-bottom: 2px solid #8a8a8a;
position: absolute;
top: 50%;
left: -15px;
display: block;
content: "";
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
}


/* Link .btn-01
---------------------------------------------*/
#str-main ul.btn-01{
margin: 0 -10px 20px;
padding: 0;
font-size: 16px;
}
#str-main .btn-01 li{
margin: 0 10px 10px;
padding: 0;
display: inline-block;
background-color: #fff;
list-style: none;
}
#str-main .btn-01 li a{
min-width: 142px;
height: 34px;
padding: 10px 41px 0 17px;
position: relative;
display: block;
color: #fff;
background: #532f91 url(/WSR/common/renew_files/images/anc_04.png) no-repeat right 50%;
white-space: nowrap;
}
#str-main .btn-01 li a:visited{
color: #fff;
}
#str-main .btn-01 li a:hover,
#str-main .btn-01 li a:active,
#str-main .btn-01 li a:focus{
opacity: 0.6;
color: #fff;
text-decoration: none;
-ms-filter: "alpha(opacity=60)";
}
#str-main .btn-01.vertical{
margin-right: 0;
margin-left: 0;
display: table;
}
#str-main .btn-01.vertical li{
width: auto;
margin: 0 0 10px;
display: block;
}
#str-main .btn-01.align-c{
text-align: center;
}
#str-main .btn-01.vertical.align-c{
margin-right: auto;
margin-left: auto;
}
#str-main .btn-01.align-r{
text-align: right;
}
#str-main .btn-01.align-r li a{
text-align: left;
}
#str-main .btn-01.vertical.align-r{
margin-left: auto;
}

/* List .btn-02
---------------------------------------------*/
#str-main ul.btn-02{
margin: 0 -10px 25px;
padding: 0;
font-size: 14px;
}
#str-main .btn-02 li{
margin-right: 10px;
margin-left: 10px;
padding: 0;
border: 1px #dbdbdb solid;
display: inline-block;
background-color: #fff;
list-style: none;
}
#str-main .btn-02 li a{
height: 29px;
padding: 9px 33px 0 17px;
position: relative;
display: block;
color: #333;
background: url(/WSR/common/renew_files/images/anc_08.png) no-repeat right 50%;
white-space: nowrap;
}
@media screen and (max-width: 768px){
  .rwd-valid #str-main .btn-02 li a{
  height: auto;
  padding-bottom: 8px;
  white-space: normal;
  }
}
#str-main .btn-02 li a:visited{
color: #333;
}
#str-main .btn-02 li a:hover,
#str-main .btn-02 li a:active,
#str-main .btn-02 li a:focus{
opacity: 0.6;
color: #333;
text-decoration: none;
-ms-filter: "alpha(opacity=60)";
}
#str-main .btn-02.align-c{
text-align: center;
}
#str-main .btn-02.align-r{
text-align: right;
}
#str-main .btn-02.align-r li a{
text-align: left;
}

/* List .btn-03
---------------------------------------------*/
#str-main ul.btn-03{
margin-bottom: 25px;
padding: 0;
}
#str-main .btn-03 li{
box-sizing: border-box;
margin: 0 0 10px;
padding: 0;
border: 1px #dbdbdb solid;
background-color: #fff;
list-style: none;
font-size: 14px;
}
#str-main .btn-03 li a{
height: 32px; /* min-height */
padding: 3px 33px 3px 19px;
position: relative;
display: block; /* IE8 */
color: #333;
background: url(/WSR/common/renew_files/images/anc_08.png) no-repeat right 50%;
vertical-align: middle;
}
:root #str-main .btn-03 li a{
width: 1000px; /* min-width */
display: table-cell; /* IE8以外 */
}
#str-main .btn-03 li a:visited{
color: #333;
}
#str-main .btn-03 li a:hover,
#str-main .btn-03 li a:active,
#str-main .btn-03 li a:focus{
opacity: 0.6;
color: #333;
text-decoration: none;
-ms-filter: "alpha(opacity=60)";
}
#str-main .btn-03 .current a{
background-color: #f2f2f2;
font-weight: bold;
}

/* List .btn-04
---------------------------------------------*/
#str-main .btn-04{
padding: 0;
}
#str-main .btn-04 li{
box-sizing: border-box;
margin: 0 0 10px;
padding: 0;
border: 1px #dbdbdb solid;
background-color: #fff;
list-style: none;
font-size: 14px;
}
#str-main .btn-04 a{
width: 1000px;
height: 32px; /* min-height */
padding: 3px 21px 3px 19px;
position: relative;
display: block;
display: table-cell;
color: #333;
background: #f2f2f2 url(/WSR/common/renew_files/images/anc_08.png) no-repeat right 50%;
vertical-align: middle;
}
#str-main .btn-04 a:visited{
color: #333;
}
#str-main .btn-04 a:hover,
#str-main .btn-04 a:active,
#str-main .btn-04 a:focus{
opacity: 0.6;
color: #333;
text-decoration: none;
-ms-filter: "alpha(opacity=60)";
}

/* List .btn-05
---------------------------------------------*/
#str-main ul.btn-05{
margin-bottom: 20px;
padding: 0;
}
#str-main .btn-05 li{
box-sizing: border-box;
margin-bottom: 10px;
border: 1px #c3c3c3 solid;
position: relative;
list-style: none;
font-size: 12px;
line-height: 1.5;
text-align: center;
}
#str-main .btn-05 li a{
width: 1000px; /* min-width */
height: 29px; /* min-height */
padding: 5px 8px 5px;
display: block;
display: table-cell;
color: #333;
vertical-align: middle;
}
#str-main .btn-05 li a:visited{
color: #333;
}
#str-main .btn-05 li.notice a{
padding-left: 31px;
}
#str-main .btn-05 li.notice a:after{
width: 15px;
height: 24px;
margin-top: -12px;
position: absolute;
top: 50%;
left: 8px;
display: block;
background: url(/WSR/common/renew_files/images/icon_notice.png) no-repeat 0 0;
content: "";
}
#str-main .btn-05 li a:hover,
#str-main .btn-05 li a:active,
#str-main .btn-05 li a:focus{
text-decoration: none;
}
#str-main .btn-05 li a:hover,
#str-main .btn-05 li a:active,
#str-main .btn-05 li a:focus,
#str-main .btn-05 li.notice a:hover:after{
opacity: 0.6;
color: #333;
-ms-filter: "alpha(opacity=60)";
}

/* List .btn-06
---------------------------------------------*/
#str-main .btn-06{
margin-bottom: 20px;
padding: 0;
}
#str-main .btn-06 li{
margin: 0 0 20px;
padding: 0;
background-color: #fff;
list-style: none;
font-size: 14px;
}
#str-main .btn-06 a{
width: 100%;
padding: 10px 0;
display: table;
background: url(/WSR/common/renew_files/images/anc_02.png) no-repeat right center;
vertical-align: middle;
}
#str-main .btn-06 a:hover,
#str-main .btn-06 a:active,
#str-main .btn-06 a:focus{
opacity: 0.6;
text-decoration: none;
-ms-filter: "alpha(opacity=60)";
}
#str-main .btn-06 .icon{
margin: 0 20px 0 10px;
border-right: 1px #dbdbdb solid;
vertical-align: middle;
}
#str-main .btn-06 .txt{
width: 1000px; /* max-width */
height: 100%;
padding-right: 28px;
display: table-cell;
vertical-align: middle;
}
#str-main .btn-06.enquete li{
color: #fff;
font-size: 16px;
font-weight: bold;
}
#str-main .btn-06 .icon-link{
margin-left: 12px;
}

/* List .btn-prdct-01 (for Product)
---------------------------------------------*/
.design-prdct #str-main .btn-prdct-01{
padding: 0;
}
.design-prdct #str-main .btn-prdct-01 li{
margin-bottom: 13px !important;
border-radius: 5px;
background-color: #fff;
list-style: none;
font-size: 19px;
}
.design-prdct #str-main .btn-prdct-01 li img{
margin-bottom: 0 !important;
}
.design-prdct #str-main .btn-prdct-01 li a{
padding: 16px 14px 13px 35px;
border: 1px solid #093598;
border-radius: 5px;
position: relative;
display: block;
color: #093598;
background: linear-gradient(#fff, #e9e9e9);
background-color: #e9e9e9;
box-shadow: 1px 1px 2px rgba(0,0,0,0.31);
line-height: 1.2;
}
.design-prdct #str-main .btn-prdct-01 li a.active{
font-weight: bold;
}
.design-prdct #str-main .btn-prdct-01 li a:before{
width: 9px;
height: 9px;
margin-top: -4.5px;
border-right: 2px solid #093598;
border-bottom: 2px solid #093598;
position: absolute;
top: 50%;
left: 10px;
display: block;
content: "";
-webkit-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
transform: rotate(-45deg);
}
.design-prdct #str-main .btn-prdct-01 li a:hover,
.design-prdct #str-main .btn-prdct-01 li a:active,
.design-prdct #str-main .btn-prdct-01 li a:focus{
opacity: 0.6;
color: #093598;
text-decoration: none !important;
}

.design-prdct #str-main .btn-prdct-01.var-01{
box-sizing: border-box;
padding:10px 10px 1px 10px;
background-color: #ebebeb;
}

/* List .btn-prdct-02
---------------------------------------------*/
.rwd-valid.design-prdct #str-main .btn-prdct-02{
margin-bottom:20px;
padding:0;
border-right: 1px solid #acacac;
letter-spacing: -.40em;
}

.rwd-valid.design-prdct #str-main .btn-prdct-02 li{
box-sizing: border-box;
width:25%;
margin:0;
border-top: 2px solid #acacac;
border-bottom: 1px solid #acacac;
border-left: 1px solid #acacac;
display: inline-block;
letter-spacing: normal;
}

.rwd-valid.design-prdct #str-main .btn-prdct-02 li a{
padding:5px;
display: block;
background-color: #ebebeb;
font-size: 10px;
text-align: center;
}

.rwd-valid.design-prdct #str-main .btn-prdct-02 li a:hover,
.rwd-valid.design-prdct #str-main .btn-prdct-02 li a.active{
background-color: #fff;
text-decoration: none;
}

.rwd-valid.design-prdct #str-main .btn-prdct-02 li a span{
position: relative;
}

.rwd-valid.design-prdct #str-main .btn-prdct-02 li a span:before{
width: 4px;
height: 4px;
margin-top: 5.5px;
border-right: 2px solid #093598;
border-bottom: 2px solid #093598;
position: absolute;
top: 50%;
left: -12px;
display: block;
content: "";
-webkit-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
transform: rotate(-45deg);
}
.rwd-valid.design-prdct #str-main .btn-prdct-02 li a:hover span:before,
.rwd-valid.design-prdct #str-main .btn-prdct-02 li a.active span:before{
border-color: #8f8f8f;
}

@media screen and (max-width: 768px){
  .rwd-valid.design-prdct #str-main .btn-prdct-02 li{
  width: 49.82%;
  }
  .rwd-valid.design-prdct #str-main .btn-prdct-02 li a{
  padding-left:24px;
  font-size: 12px;
  text-align: left;
  }
  .rwd-valid.design-prdct #str-main .btn-prdct-02 li a span:before{
  width: 8px;
  height: 8px;
  margin-top: -4px;
  left: -19px;
  }
}

/* Link .link-box-01
---------------------------------------------*/
#str-main .link-box-01{
margin: 0;
padding: 0;
font-size: 16px;
}
#str-main .link-box-01 li{
margin-bottom: 30px;
padding: 0;
list-style: none;
}
#str-main .link-box-01 a{
width: 100%;
display: block;
background-color: #fff;
line-height: 1.2;
}
#str-main .link-box-01 a:hover,
#str-main .link-box-01 a:active,
#str-main .link-box-01 a:focus{
text-decoration: none;
}
#str-main .link-box-01 a .txt{
width: 962px;
height: 40px; /*min-height*/
padding: 6px 24px 6px 14px;
position: relative;
display: table-cell;
color: #fff;
background: #532f91 url(/WSR/common/renew_files/images/anc_01.png) no-repeat right 50%;
vertical-align: middle;
}
#str-main .link-box-01 a:hover img,
#str-main .link-box-01 a:active img,
#str-main .link-box-01 a:focus img,
#str-main .link-box-01 a:hover .txt,
#str-main .link-box-01 a:active .txt,
#str-main .link-box-01 a:focus .txt{
opacity: 0.6;
-ms-filter: "alpha(opacity=60)";
}
#str-main .link-box-01 a img{
margin-bottom: 0;
}
#str-main .link-box-01.shadow li{
box-shadow: 0 2px 3px rgba(0,0,0,0.15); /*IE8以外*/
}
#str-main .link-box-01 .icon-link{
margin-left: 8px;
}

/* Link .link-box-prdct-01 (for Product)
---------------------------------------------*/
#str-main .link-box-prdct-01{
margin: 0;
padding: 0;
font-size: 16px;
}
#str-main .link-box-prdct-01 li{
margin-bottom: 30px;
padding: 0;
list-style: none;
}
#str-main .link-box-prdct-01 a{
width: 100%;
display: block;
background-color: #fff;
line-height: 1.2;
}
#str-main .link-box-prdct-01 a:hover,
#str-main .link-box-prdct-01 a:active,
#str-main .link-box-prdct-01 a:focus{
text-decoration: none;
}
#str-main .link-box-prdct-01 a img{
width: 100%;
}
#str-main .link-box-prdct-01 a .txt{
width: 962px;
height: 40px; /*min-height*/
padding: 6px 24px 6px 14px;
position: relative;
display: table-cell;
color: #fff;
background: #6d6d6d url(/WSR/common/renew_files/images/anc_01.png) no-repeat right 50%;
vertical-align: middle;
}
#str-main .link-box-prdct-01 a:hover img,
#str-main .link-box-prdct-01 a:active img,
#str-main .link-box-prdct-01 a:focus img,
#str-main .link-box-prdct-01 a:hover .txt,
#str-main .link-box-prdct-01 a:active .txt,
#str-main .link-box-prdct-01 a:focus .txt{
opacity: 0.6;
-ms-filter: "alpha(opacity=60)";
}
#str-main .link-box-prdct-01 a img{
margin-bottom: 0;
}
#str-main .link-box-prdct-01.shadow li{
box-shadow: 0 2px 3px rgba(0,0,0,0.15); /*IE8以外*/
}
#str-main .link-box-prdct-01 .icon-link{
margin-left: 8px;
}

/* Link .link-box-02
---------------------------------------------*/
#str-main .link-box-02{
margin: 0 0 10px;
padding: 0;
font-size: 14px;
}
#str-main .link-box-02 li{
box-sizing: border-box;
margin: 0 0 20px;
padding: 0;
border: 1px #dbdbdb solid;
background-color: #fff;
list-style: none;
}
#str-main .link-box-02 a{
width: 100%;
display: block;
color: #333;
line-height: 1.2;
}
#str-main .link-box-02 a:visited{
color: #333;
}
#str-main .link-box-02 a:hover,
#str-main .link-box-02 a:active,
#str-main .link-box-02 a:focus{
text-decoration: none;
}
#str-main .link-box-02 a .txt{
width: 998px;
height: 33px; /*min-height*/
padding: 3px 24px 3px 19px;
position: relative;
display: table-cell;
background: url(/WSR/common/renew_files/images/anc_08.png) no-repeat right 50%;
vertical-align: middle;
}
#str-main .link-box-02 a:hover,
#str-main .link-box-02 a:active,
#str-main .link-box-02 a:focus,
#str-main .link-box-02 a:hover .txt,
#str-main .link-box-02 a:active .txt,
#str-main .link-box-02 a:focus .txt{
opacity: 0.6;
-ms-filter: "alpha(opacity=60)";
}
#str-main .link-box-02 a img:first-child{
width: 100%;
margin-bottom: 0;
}

/* Link .link-box-03
---------------------------------------------*/
#str-main .link-box-03{
margin-bottom: 0;
padding: 0;
}
#str-main .link-box-03 li{
margin-bottom: 30px;
list-style: none;
}
#str-main .link-box-03 .wrapper{
padding: 0 10px 19px;
background-color: #fff;
}
#str-main .link-box-03 a{
margin: 0 -10px -19px;
padding: 0 10px 19px;
display: block;
color: #333;
background: url(/WSR/common/renew_files/images/anc_10.png) no-repeat right bottom;
}
#str-main .link-box-03 a:visited{
color: #333;
}
#str-main .link-box-03 a:hover,
#str-main .link-box-03 a:active,
#str-main .link-box-03 a:focus{
opacity: 0.6;
color: #333;
text-decoration: none;
-ms-filter: "alpha(opacity=60)";
}
#str-main .link-box-03 .img{
margin: 0 -10px 11px;
}
.rwd-valid #str-main .link-box-03 .img{
/*max-width: calc(100% + 20px);*/
width: calc(100% + 20px);
}
#str-main .link-box-03 .hdg{
margin-bottom: 6px;
display: block;
color: #532f91;
font-size: 14px;
font-style: normal;
}

/* Link .link-box-04
---------------------------------------------*/
#str-main .link-box-04{
padding: 0;
}
#str-main .link-box-04 li{
margin-bottom: 20px;
background-color: #fff;
list-style: none;
}
#str-main .link-box-04 li a{
padding-right: 18px;
display: block;
color: #333;
background: url(/WSR/common/renew_files/images/anc_02.png) no-repeat right 50%;
}
#str-main .link-box-04 li a:visited{
color: #333;
}
#str-main .link-box-04 li a:hover,
#str-main .link-box-04 li a:active,
#str-main .link-box-04 li a:focus{
opacity: 0.6;
color: #333;
text-decoration: none;
-ms-filter: "alpha(opacity=60)";
}
#str-main .link-box-04 li .hdg{
margin-bottom: 11px;
display: block;
color: #532f91;
font-size: 14px;
font-style: normal;
}
#str-main .link-box-04 li .thumb{
display: table-cell;
}
#str-main .link-box-04 li .thumb img{
margin-bottom: 0;
}
#str-main .link-box-04 li .txt{
padding: 17px 19px;
display: table-cell;
vertical-align: top;
}

/* Link .link-box-prdct-04 (for Product)
---------------------------------------------*/
#str-main .link-box-prdct-04{
padding: 0;
}
#str-main .link-box-prdct-04 li{
margin-bottom: 20px;
border: 1px #c8c8c8 solid;
background-color: #fff;
list-style: none;
}
#str-main .link-box-prdct-04 li a{
padding-right: 18px;
display: block;
color: #333;
background: url(/WSR/common/renew_files/images/anc_02.png) no-repeat right 50%;
}
#str-main .link-box-prdct-04 li a:visited{
color: #333;
}
#str-main .link-box-prdct-04 li a:hover,
#str-main .link-box-prdct-04 li a:active,
#str-main .link-box-prdct-04 li a:focus{
opacity: 0.6;
color: #333;
text-decoration: none;
/*-ms-filter: "alpha(opacity=60)";*/
}
#str-main .link-box-prdct-04 li .hdg{
margin-bottom: 11px;
display: block;
font-size: 14px;
font-style: normal;
}
#str-main .link-box-prdct-04 li .thumb{
display: table-cell;
}
#str-main .link-box-prdct-04 li .thumb img{
margin-bottom: 0;
}
#str-main .link-box-prdct-04 li .txt{
padding: 17px 19px;
display: table-cell;
vertical-align: top;
}

/* Link .link-box-05
---------------------------------------------*/
#str-main .link-box-05{
padding: 0;
font-size: 12px;
}
#str-main .link-box-05 li{
margin-bottom: 20px;
color: #532f91;
background-color: #fff;
list-style: none;
font-size: 16px;
line-height: 1.25;
}
#str-main .link-box-05 li a{
padding-right: 18px;
display: block;
background: url(/WSR/common/renew_files/images/anc_02.png) no-repeat right 50%;
}
#str-main .link-box-05 li a:hover,
#str-main .link-box-05 li a:active,
#str-main .link-box-05 li a:focus{
opacity: 0.6;
text-decoration: none;
-ms-filter: "alpha(opacity=60)";
}
#str-main .link-box-05 li .subtit{
margin-bottom: 7px;
display: block;
color: #333;
font-size: 12px;
}
#str-main .link-box-05 li .thumb{
display: table-cell;
}
#str-main .link-box-05 li .thumb img{
margin-bottom: 0;
}
#str-main .link-box-05 li .txt{
padding: 17px 19px;
display: table-cell;
vertical-align: middle;
}

/* List .list-01
---------------------------------------------*/
#str-main .list-01{
padding-left: 0;
}
#str-main .list-01 li{
padding-left: 15px;
background: url(/WSR/common/renew_files/images/blt_01.png) no-repeat 1px 6px;
list-style-type: none;
}

#str-main .list-02{
padding:0;
}
#str-main .list-02 li{
margin-right:5px;
padding-left: 12px;
position:relative;
display:inline;
list-style-type: none;
}
#str-main .list-02 li:before{
width:10px;
height:10px;
border-radius:10px;
position:absolute;
top:2px;
left:0;
display:block;
background-color:#333;
content:"";
}

/* List .list-note-01
---------------------------------------------*/
#str-main .list-note-01{
padding-left: 0;
}
@media screen and (max-width: 768px){
  .rwd-valid #str-main .list-note-01{
  padding: 8px 11px 4px;
  color: #424242;
  background-color: #f2f2f2;
  }
}
#str-main .list-note-01 > li{
list-style-type: none;
}
#str-main .list-note-01 li{
padding-left: 2.1em;
position: relative;
}
#str-main .list-note-01 li > .num{
position: absolute;
top: 0;
left: 0;
}

/* List .list-news
---------------------------------------------*/
#str-main .list-news{
padding: 0;
border-top: 1px #c3c3c3 solid;
font-size: 16px;
}
#str-main .list-news li{
margin: 0;
padding: 20px 37px 17px 10em;
border-bottom: 1px #c3c3c3 solid;
position: relative;
list-style: none;
}
#str-main .list-news a{
margin: -20px -37px -17px -10em;
padding: 20px 37px 17px 10em;
display: block;
color: #333;
background: url(/WSR/common/renew_files/images/anc_06.png) no-repeat right center;
}
#str-main .list-news a:visited{
color: #333;
}
#str-main .list-news a:hover,
#str-main .list-news a:active,
#str-main .list-news a:focus{
text-decoration: none;
}
#str-main .list-news.with-icon li{
padding-left: 14.8em;
}
#str-main .list-news.with-icon li a{
margin-left: -14.8em;
padding-left: 14.8em;
}
#str-main .list-news .date{
position: absolute;
top: 20px;
left: 16px;
}
#str-main .list-news .icon{
position: absolute;
top: 20px;
left: 9.8em;
vertical-align: middle;
}
#str-main .list-news a:hover,
#str-main .list-news a:active,
#str-main .list-news a:focus,
#str-main .list-news a:hover .date,
#str-main .list-news a:active .date,
#str-main .list-news a:focus .date,
#str-main .list-news a:hover .icon,
#str-main .list-news a:active .icon,
#str-main .list-news a:focus .icon{
opacity: 0.6;
color: #333;
-ms-filter: "alpha(opacity=60)";
}
#str-main .list-news .release{
color: #e60012;
}

/* Box .box-01
---------------------------------------------*/
#str-main .box-01{
margin-bottom: 20px;
padding: 17px 19px 1px;
background-color: #fff;
}
#str-main .box-01 .hdg{
margin-bottom: 11px;
display: block;
font-size: 14px;
font-style: normal;
}
#str-main .box-01.latest-issue .hdg-latest-issue{
margin-bottom: 9px;
font-size: 25px;
font-weight: bold;
}

/* Box .box-02
---------------------------------------------*/
#str-main .box-02{
margin-bottom: 20px;
padding: 17px 18px 1px;
border: 1px #dbdbdb solid;
background-color: #fff;
}
#str-main .box-02 .hdg{
margin-bottom:0 !important;
font-size: 16px !important;
font-weight: bold;
}
#str-main .box-02 .hdg .text{
width:73%;
display: inline-block;
vertical-align: top;
}
#str-main .box-02 .icon{
width:27%;
display: inline-block;
vertical-align: top;
}
#str-main .box-02 .icon img{
max-width: 100%;
}

@media screen and (max-width: 768px){
  .rwd-valid #str-main .box-02 .hdg .text{
  width:100%;
  display: block;
  }
  .rwd-valid #str-main .box-02 .icon{
  width:100%;
  margin-top:10px;
  display: block;
  text-align: center;
  }
}

/* Box .box-img-w***
---------------------------------------------*/
#str-main .box-img-w180,
#str-main .box-img-w200{
margin-bottom: 20px;
background-color: #fff;
list-style: none;
font-size: 12px;
}
#str-main .box-img-w180 .img,
#str-main .box-img-w200 .img{
float: left;
}
#str-main .box-img-w200 .img *{
margin-left: 5px;
}
#str-main .box-img-w180 .img img,
#str-main .box-img-w200 .img img{
margin: 0;
}
#str-main .box-img-w180 .txt,
#str-main .box-img-w200 .txt{
padding: 17px 19px 0;
float: right;
}
#str-main .box-img-w180 .hdg,
#str-main .box-img-w200 .hdg{
margin-bottom: 11px;
}
#str-main .box-img-w180 .txt{
width: 782px;
}
#str-main #str-sidecont .box-img-w200 .txt{
width: 542px;
}
#str-main .col-2 .box-img-w180 .txt,
#str-main .col-2-adjust-h .box-img-w180 .txt{
width: 272px;
}

/* Box .box-imp-news
---------------------------------------------*/
#str-main .box-imp-news{
margin: 11px 0 15px;
padding: 0 37px 0;
border: 1px #f47171 solid;
background-color: #fff5f5;
}
#str-main .box-imp-news .hdg{
min-height: 24px;
margin: 0 -37px 9px;
color: #fff;
background-color: #f47171;
font-size: 20px;
font-weight: bold;
text-align: center;
}
#str-main .box-imp-news .hdg:before{
width: 28px;
height: 24px;
margin: 0 10px -3px 0;
display: inline-block;
background: url(/WSR/common/renew_files/images/icon_important.png) no-repeat 0 0;
content: "";
}
#str-main .box-imp-news table{
margin-bottom: 9px;
}
#str-main .box-imp-news table th{
white-space: nowrap;
}

/* Box .box-contact-01
---------------------------------------------*/
#str-main .box-contact-01{
margin-bottom:25px;
padding: 15px 15px 1px;
color: #424242 !important;
background-color: #fef1cf;
line-height: 1.54;
letter-spacing: -.40em;
}
@media screen and (max-width: 768px){
  .rwd-valid #str-main .box-contact-01{
  margin-right: -10px;
  margin-left: -10px;
  }
}
#str-main .box-contact-01 .hdg{
margin-bottom: 8px;
color: #424242;
font-size: 13px;
font-weight: bold;
letter-spacing: normal;
}
#str-main .box-contact-01 .btn-contact{
width: 250px;
margin-right: 15px;
display: inline-block;
vertical-align: middle;
letter-spacing: normal;
}
@media screen and (max-width: 931px){
  .rwd-valid #str-main .box-contact-01 .btn-contact{
  width: 100%;
  margin: 0 0 5px;
  }
}
#str-main .box-contact-01 .btn-contact a{
padding: 5px;
border-radius: 26px;
display: block;
color:#fff;
background-color: #d40b11;
font-size: 15px;
font-weight: bold;
text-align: center;
}
#str-main .box-contact-01 .btn-contact a:hover,
#str-main .box-contact-01 .btn-contact a:active,
#str-main .box-contact-01 .btn-contact a:focus{
opacity: 0.6;
text-decoration: none;
}
#str-main .box-contact-01 .lyt-contact-txt{
width: 100%;
max-width: 435px;
display: inline-block;
letter-spacing: -.40em;
}
@media screen and (max-width: 931px){
  .rwd-valid #str-main .box-contact-01 .lyt-contact-txt{
  max-width: 100%;
  display: block;
  }
}
#str-main .box-contact-01 .lyt-contact-txt .txt-01{
margin-right: 5px;
display: inline-block;
font-size: 12px;
font-weight: bold;
letter-spacing: normal;
}
@media screen and (max-width: 768px){
  .rwd-valid #str-main .box-contact-01 .lyt-contact-txt .txt-01{
  margin-bottom: 2px;
  }
}
#str-main .box-contact-01 .lyt-contact-txt .txt-01 .tel{
display: block;
font-size: 21px;
vertical-align: middle;
}
@media screen and (max-width: 768px){
  .rwd-valid #str-main .box-contact-01 .lyt-contact-txt .txt-01 .tel{
  display: inline-block;
  vertical-align: baseline;
  }
}
#str-main .box-contact-01 .lyt-contact-txt .txt-01 img{
margin: 0 6px 0 0;
vertical-align: middle;
}
#str-main .box-contact-01 .lyt-contact-txt .txt-02{
width: 211px;
display: inline-block;
font-size: calc(211px/21);
letter-spacing: normal;
}
@media screen and (max-width: 931px){
  .rwd-valid #str-main .box-contact-01 .lyt-contact-txt .txt-02{
  width: auto;
  font-size: 12px;
  }
}

/* Table .table-01
---------------------------------------------*/
#str-main .table-01{
width: 100%;
border-top:1px solid #999;
border-left:1px solid #999;
border-collapse: collapse;
}
#str-main .table-01 thead th{
padding:6px 10px;
border-right:1px solid #999;
border-bottom:1px solid #999;
color:#fff;
background-color: #365ca5;
text-align: center;
}
#str-main .table-01 tbody th{
padding:6px 10px;
border-right:1px solid #999;
border-bottom:1px solid #999;
background-color: #e0eef3;
font-weight: bold;
}
#str-main .table-01 tbody th img{
margin-bottom:0!important;
}
#str-main .table-01 tbody td{
padding:6px 10px;
border-right:1px solid #999;
border-bottom:1px solid #999;
}

/* Table .table-02
---------------------------------------------*/
#str-main .table-02{
width: 100%;
border-top:1px solid #999;
border-left:1px solid #999;
border-collapse: collapse;
}
#str-main .table-02 thead th{
padding:6px 10px;
border-right:1px solid #999;
border-bottom:1px solid #999;
color:#fff;
background-color: #858585;
text-align: center;
}
#str-main .table-02 tbody th{
padding:6px 10px;
border-right:1px solid #999;
border-bottom:1px solid #999;
background-color: #ddd;
}
#str-main .table-02 tbody th img{
margin-bottom:0!important;
}
#str-main .table-02 tbody td{
padding:6px 10px;
border-right:1px solid #999;
border-bottom:1px solid #999;
}

@media screen and (max-width: 768px){
  .rwd-valid .scroll-table{
  width: 100%;
  overflow-x: auto;
  }
  .rwd-valid .scroll-table table{
  width: 730px;
  }
}


/* Index .ind-01
---------------------------------------------*/
#str-main .ind-01{
box-sizing: border-box;
margin-bottom: 40px;
padding: 0 20px 1px;
background-color: #fff;
}
#str-main .ind-01 .ind-01-hdg-01{
margin: 0 -20px;
background-color: #fff;
font-size: 18px;
font-weight: bold;
line-height: 1.2;
}
#str-main .ind-01 .ind-01-hdg-01 a{
width: 1000px; /* max-width */
height: auto \9; /*IE8*/
padding: 4px 28px 4px 19px;
display: table-cell;
color: #fff;
background: #532f91 url(/WSR/common/renew_files/images/anc_01.png) no-repeat right 50%;
vertical-align: middle;
}
:root #str-main .ind-01 .ind-01-hdg-01 a{
height: 44px; /* IE8以外 min-height */
}
#str-main .ind-01 .ind-01-hdg-02{
margin: 0 0 20px;
background-color: #fff;
font-size: 16px;
line-height: 1.2;
}
#str-main .ind-01 .ind-01-hdg-02 a{
width: 1000px; /* max-width */
height: auto; /* IE8 */
padding: 4px 19px 4px;
display: table-cell;
color: #532f91;
background: #d5cee0 url(/WSR/common/renew_files/images/anc_09.png) no-repeat right 50%;
vertical-align: middle;
}
:root #str-main .ind-01 .ind-01-hdg-02 a{
height: 36px; /* IE8以外 min-height */
}
#str-main .ind-01 .ind-01-hdg-02 a:visited{
color: #532f91;
}
#str-main .ind-01 .ind-01-hdg-01 a:hover,
#str-main .ind-01 .ind-01-hdg-01 a:active,
#str-main .ind-01 .ind-01-hdg-01 a:focus,
#str-main .ind-01 .ind-01-hdg-02 a:hover,
#str-main .ind-01 .ind-01-hdg-02 a:active,
#str-main .ind-01 .ind-01-hdg-02 a:focus{
opacity: 0.6;
text-decoration: none;
-ms-filter: "alpha(opacity=60)";
}
#str-main .ind-01 .ind-01-hdg-01 + *{
margin-top: 17px;
}

/* Index .ind-prdct-01 (for Product)
---------------------------------------------*/
#str-main .ind-prdct-01{
margin-bottom: 40px;
padding: 0 20px 1px;
background-color: #fff;
}
#str-main .ind-prdct-01 .ind-prdct-01-hdg-01{
margin: 0 -20px;
background-color: #fff;
font-size: 18px;
font-weight: bold;
line-height: 1.2;
}
#str-main .ind-prdct-01 .ind-prdct-01-hdg-01 a{
width: 1000px; /* max-width */
height: 44px; /* min-height */
padding: 4px 28px 4px 19px;
display: table-cell;
color: #fff;
background: #6d6d6d url(/WSR/common/renew_files/images/anc_01.png) no-repeat right 50%;
vertical-align: middle;
}
#str-main .ind-prdct-01 .ind-prdct-01-hdg-02{
margin: 0 0 20px;
background-color: #fff;
font-size: 16px;
line-height: 1.2;
}
#str-main .ind-prdct-01 .ind-prdct-01-hdg-02 a{
width: 1000px; /* max-width */
height: 36px; /* min-height */
padding: 4px 19px 4px;
display: table-cell;
color: #532f91;
background: #d5cee0 url(/WSR/common/renew_files/images/anc_09.png) no-repeat right 50%;
vertical-align: middle;
}
#str-main .ind-prdct-01 .ind-prdct-01-hdg-02 a:visited{
color: #532f91;
}
#str-main .ind-prdct-01 .ind-prdct-01-hdg-01 a:hover,
#str-main .ind-prdct-01 .ind-prdct-01-hdg-01 a:active,
#str-main .ind-prdct-01 .ind-prdct-01-hdg-01 a:focus,
#str-main .ind-prdct-01 .ind-prdct-01-hdg-02 a:hover,
#str-main .ind-prdct-01 .ind-prdct-01-hdg-02 a:active,
#str-main .ind-prdct-01 .ind-prdct-01-hdg-02 a:focus{
opacity: 0.6;
text-decoration: none;
-ms-filter: "alpha(opacity=60)";
}
#str-main .ind-prdct-01 .ind-prdct-01-hdg-01 + *{
margin-top: 17px;
}
#str-main .ind-prdct-01 .ind-prdct-01-hdg-01 + .imgonly{
margin: 0 -20px -1px;
}
#str-main .ind-prdct-01 .ind-prdct-01-hdg-01 + .imgonly img{
width: 100%;
margin-bottom: 0;
}

/* Layout .lyt-img-only
---------------------------------------------*/
#str-main .lyt-img-only{
margin-bottom: 0 !important;
padding: 0;
text-align: center;
vertical-align: top;
}
#str-main .lyt-img-only img{
max-width: 100%;
}
#str-main .lyt-img-only .caption{
margin: -15px 0 20px;
display: block;
}

#str-main .lyt-img-only.link-img a{
max-width: 100%;
}

/* Layout .lyt-img
---------------------------------------------*/
#str-main .lyt-img{
display: block;
}
#str-main .lyt-img .img.right{
margin-left: 14px;
float: right;
}
#str-main .lyt-img .img.left{
margin-right: 14px;
float: left;
}

/* Layout .lyt-img-w***
---------------------------------------------*/
#str-main .lyt-img-w130 .img,
#str-main .lyt-img-w160 .img,
#str-main .lyt-img-w200 .img{
float: left;
}
#str-main #str-sidecont .box-01 .lyt-img-w130 .txt{
width: 593px;
float: right;
}
#str-main #str-sidecont .box-01 .lyt-img-w160 .txt{
width: 563px;
float: right;
}
#str-main .lyt-img-w200 .txt{
width: 747px;
float: right;
}

/* Layout .lyt-img-right
---------------------------------------------*/
#str-main .lyt-img-right{
margin-bottom: 20px;
overflow: hidden;
}
#str-main .lyt-img-right > .img{
margin-left: 20px;
float: right;
}
#str-main .lyt-img-right > .img .caption{
margin: -15px 0 20px;
display: block;
font-size: 12px;
}
#str-main .lyt-img-right > .img p{
margin-bottom: 0;
text-align: center;
}
#str-main .lyt-img-right > .txt{
overflow: hidden;
}
@media screen and (max-width: 768px){
  .rwd-valid #str-main .lyt-img-right > .img{
  width: auto;
  margin: 0 0 10px 0;
  float: none;
  }
  .rwd-valid #str-main .lyt-img-right > .img img{
  max-width: 100%;
  }
}

/* Layout .lyt-img-left
---------------------------------------------*/
#str-main .lyt-img-left{
margin-bottom: 20px;
overflow: hidden;
}
#str-main .lyt-img-left > .img{
margin-right: 20px;
float: left;
}
#str-main .img-left-01 > .img .caption{
margin: -15px 0 20px;
display: block;
font-size: 12px;
}
#str-main .lyt-img-left > .img p{
margin-bottom: 0;
text-align: center;
}
#str-main .lyt-img-left > .txt{
overflow: hidden;
}
@media screen and (max-width: 768px){
  .rwd-valid #str-main .lyt-img-left > .img{
  width: auto;
  margin: 0 0 10px 0;
  float: none;
  }
  .rwd-valid #str-main .img-left-01 > .img img{
  max-width: 100%;
  }
}

/* Layout .lyt-news
---------------------------------------------*/
#str-main .lyt-news{
position: relative;
}
#str-main .lyt-news .btn-news{
width: auto;
margin-right: 0 !important;
margin-left: 0 !important;
position: absolute;
top: -17px; /* IE8 */
right: 0;
}
:root #str-main .lyt-news .btn-news{ /* IE8以外 */
top: 8px;
}
#str-main .lyt-news .rss a:hover img,
#str-main .lyt-news .rss a:active img,
#str-main .lyt-news .rss a:focus img{
opacity: 0.6;
-ms-filter: "alpha(opacity=60)";
}

/* Layout .lyt-recommend
---------------------------------------------*/
#str-main .lyt-recommend{
margin: 11px 0 40px;
}
#str-main .lyt-recommend > .hdg{
width: 1000px;
margin: 0 auto 22px;
font-size: 22px;
font-weight: normal;
}
.rwd-valid #str-main .lyt-recommend > .hdg{
width: calc(100% - 20px);
max-width: 1000px;
padding-right: 10px;
padding-left: 10px;
}
#str-main .lyt-recommend .box{
padding-top: 30px;
background: #ccc url(/WSR/common/renew_files/images/bg_lyt-recommend.jpg) no-repeat center top;
}
@media screen and (max-width: 768px){
  .rwd-valid #str-main .lyt-recommend .box{
  background-image: none;
  }
}
#str-main .lyt-recommend .box .inner{
width: 1000px;
margin: 0 auto;
}
.rwd-valid #str-main .lyt-recommend .box .inner{
width: calc(100% - 20px);
max-width: 1000px;
padding-right: 10px;
padding-left: 10px;
}

/* Layout .lyt-ranking
---------------------------------------------*/
#str-main .lyt-ranking{
margin-bottom: 20px;
}
#str-main .lyt-ranking .hdg{
margin: 0;
padding: 11px 32px 9px;
color: #fff;
background: #9a741a url(/WSR/common/renew_files/images/bg_lyt-ranking.png) repeat-y center top;
font-size: 16px;
font-weight: bold;
text-align: center;
}
#str-main .lyt-ranking .hdg:before,
#str-main .lyt-ranking .hdg:after{
width: 19px;
height: 31px;
margin-bottom: 4px;
display: inline-block;
background: url(/WSR/common/renew_files/images/icon_ranking.png) no-repeat 0 0;
content: "";
vertical-align: middle;
}
#str-main .lyt-ranking .hdg:before{
margin-right: 15px;
}
#str-main .lyt-ranking .hdg:after{
margin-left: 15px;
}
#str-main .lyt-ranking .box{
padding: 3px 20px 5px;
border: 1px #9b741a solid;
border-top-width: 0;
}
#str-main .lyt-ranking .box .list-ranking{
margin: 0;
padding: 0;
}
#str-main .lyt-ranking .box .list-ranking li{
margin: 0;
padding: 15px 0;
border-top: 1px #dbdbdb solid;
list-style: none;
font-size: 13px;
}
#str-main .lyt-ranking .box .list-ranking li:first-child{
border-top-width: 0;
}
#str-main .lyt-ranking .box .list-ranking li a{
width: 100%;
margin: -15px 0;
padding: 15px 0;
display: table;
color: #333;
background: url(/WSR/common/renew_files/images/anc_02.png) no-repeat right center;
}
#str-main .lyt-ranking .box .list-ranking li a:visited{
color: #333;
}
#str-main .lyt-ranking .box .list-ranking li a:hover,
#str-main .lyt-ranking .box .list-ranking li a:active,
#str-main .lyt-ranking .box .list-ranking li a:focus{
text-decoration: none;
}
#str-main .lyt-ranking .box .list-ranking li a:hover,
#str-main .lyt-ranking .box .list-ranking li a:active,
#str-main .lyt-ranking .box .list-ranking li a:focus,
#str-main .lyt-ranking .box .list-ranking li a:hover img,
#str-main .lyt-ranking .box .list-ranking li a:active img,
#str-main .lyt-ranking .box .list-ranking li a:focus img{
opacity: 0.6;
-ms-filter: "alpha(opacity=60)";
}

#str-main .lyt-ranking .box .list-ranking .rank,
#str-main .lyt-ranking .box .list-ranking .thumb{
margin-bottom: 0;
vertical-align: middle;
}
#str-main .lyt-ranking .box .list-ranking .rank{
margin: 0 15px 0 2px;
}
#str-main .lyt-ranking .box .list-ranking .thumb{
margin-right: 20px;
}
#str-main .lyt-ranking .box .list-ranking .txt{
width: 476px;
height: 100%;
padding-right: 46px;
display: table-cell;
vertical-align: middle;
}

/* Layout .lyt-carousel
---------------------------------------------*/
@media screen and (max-width: 768px){
  .rwd-valid #str-main .lyt-carousel{
  margin-right: -10px;
  margin-left: -10px;
  }
}
#str-main .lyt-carousel .carousel-list{
margin-bottom: 0;
}
#str-main .lyt-carousel .turn button[disabled="disabled"]{
display: none;
}
#str-main .lyt-carousel .turn{
width: 100%;
margin: -31px 0 0;
padding: 0;
position: absolute;
top: 50%;
z-index: 0;
display: none;
}
#str-main .lyt-carousel .turn li{
position: absolute;
right: 0;
list-style: none;
}
#str-main .lyt-carousel .turn li:first-child{
left: 0;
}
#str-main .lyt-carousel .turn button{
padding: 0;
border-width: 0;
background-color: transparent;
cursor: pointer;
}
#str-main .lyt-carousel .turn button img{
margin-bottom: 0;
}
#str-main .lyt-carousel .turn button:hover img,
#str-main .lyt-carousel .turn button:active img,
#str-main .lyt-carousel .turn button:focus img{
opacity: 0.6;
-ms-filter: "alpha(opacity=60)";
}

/* JS有効時 切り替えボタン有効(.carousel-turnbtn-valid) */
.js-active #str-main .inner.carousel-turnbtn-valid .lyt-carousel{
width: 1094px;
margin: 0 -47px;
position: relative;
}
.js-active #str-main .inner.carousel-turnbtn-valid .lyt-carousel .carousel-list{
margin-bottom: 30px;
z-index: 1;
}
.js-active #str-main .inner.carousel-turnbtn-valid .lyt-carousel .viewarea{
margin:0 47px;
position: relative;
overflow: hidden;
}
.js-active #str-main .inner.carousel-turnbtn-valid .lyt-carousel .viewarea .carousel-list{
margin-right: 0 !important;
margin-left: 0 !important;
position: relative;
left: 0;
display: table;
-webkit-transition: left 0.5s;
transition: left 0.5s;
}
.js-active #str-main .inner.carousel-turnbtn-valid .lyt-carousel .viewarea .carousel-list [role="tabpanel"]{
width: 1000px;
margin-right: 0;
margin-left: 0;
padding-right: 20px;
display: table-cell;
float: none;
}
.js-active #str-main .inner.carousel-turnbtn-valid .lyt-carousel .viewarea .carousel-list.col-4 [role="tabpanel"],
.js-active #str-main .inner.carousel-turnbtn-valid .lyt-carousel .viewarea .carousel-list.col-4-adjust-h [role="tabpanel"],
.js-active #str-main .inner.carousel-turnbtn-valid .lyt-carousel .viewarea .carousel-list.col-4-rwd [role="tabpanel"],
.js-active #str-main .inner.carousel-turnbtn-valid .lyt-carousel .viewarea .carousel-list.col-4-rwd-adjust-h [role="tabpanel"]{
width: 235px;
}
.js-active #str-main .inner.carousel-turnbtn-valid .lyt-carousel .turn{
display: block;
}
/* JS有効時 RWD有効(.rwd-valid) 切り替えボタン有効(.carousel-turnbtn-valid) */
.rwd-valid.js-active #str-main .inner.carousel-turnbtn-valid{
max-width: 1094px;
}
.rwd-valid.js-active #str-main .inner.carousel-turnbtn-valid .lyt-carousel{
width: calc(100% - 94px);
margin: 0 47px;
}
@media screen and (max-width: 768px){
  .rwd-valid.js-active #str-main .inner.carousel-turnbtn-valid .lyt-carousel{
  width: calc(100% + 20px);
  margin-right: -10px;
  margin-left: -10px;
  }
}
.rwd-valid.js-active #str-main .inner.carousel-turnbtn-valid .lyt-carousel .viewarea{
margin: 0;
}
.rwd-valid.js-active #str-main .inner.carousel-turnbtn-valid .lyt-carousel .carousel-list [role="tabpanel"]{
width: 100%;
max-width: 1000px;
}
.rwd-valid.js-active #str-main .inner.carousel-turnbtn-valid .lyt-carousel .lyt-img-only img{
max-width: initial; /* webkit対策 */
}
.rwd-valid.js-active #str-main .inner.carousel-turnbtn-valid .lyt-carousel .turn{
width: calc(100% + 94px);
margin-right: -47px;
margin-left: -47px;
}
@media screen and (max-width: 768px){
  .rwd-valid.js-active #str-main .inner.carousel-turnbtn-valid .lyt-carousel .viewarea{
  margin-bottom: 10px;
  }
  .rwd-valid.js-active #str-main .inner.carousel-turnbtn-valid .lyt-carousel .turn{
  width: 100%;
  margin: 0;
  position: static;
  text-align: center;
  letter-spacing: -.40em;
  }
  .rwd-valid.js-active #str-main .inner.carousel-turnbtn-valid .lyt-carousel .turn li{
  margin-right: 14px;
  margin-left: 14px;
  position: static;
  display: inline-block;
  letter-spacing: normal;
  }
  .rwd-valid.js-active #str-main .inner.carousel-turnbtn-valid .lyt-carousel .turn li button{
  width: 32px;
  height: 30px;
  position: relative;
  overflow: hidden;
  }
  .rwd-valid.js-active #str-main .inner.carousel-turnbtn-valid .lyt-carousel .turn li button:before{
  box-sizing: border-box;
  width: 100%;
  height: 100%;
  border: 1px #ccc solid;
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  background-color: #fff;
  content: "";
  }
  .rwd-valid.js-active #str-main .inner.carousel-turnbtn-valid .lyt-carousel .turn li button:after{
  width: 12px;
  height: 12px;
  margin: -6px 0 0 -10px;
  border-right: 3px solid #532f91;
  border-bottom: 3px solid #532f91;
  position: absolute;
  top: 50%;
  left: 50%;
  display: block;
  content: "";
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
  }
  .rwd-valid.js-active #str-main .inner.carousel-turnbtn-valid .lyt-carousel .turn li button:hover:after,
  .rwd-valid.js-active #str-main .inner.carousel-turnbtn-valid .lyt-carousel .turn li button:active:after,
  .rwd-valid.js-active #str-main .inner.carousel-turnbtn-valid .lyt-carousel .turn li button:focus:after{
  opacity: 0.6;
  }
  .rwd-valid.js-active #str-main .inner.carousel-turnbtn-valid .lyt-carousel .turn li:first-child button:after{
  margin-left: -3px;
  -webkit-transform: rotate(135deg);
  -ms-transform: rotate(135deg);
  transform: rotate(135deg);
  }
}

/* Layout .lyt-tab
---------------------------------------------*/
#str-main .lyt-tab{
margin-bottom: 40px;
}
#str-main .lyt-tab .tab{
margin: 0;
padding: 0;
}
#str-main .lyt-tab .tab li{
min-width: 168px;
margin: 0 0 0 3px;
padding: 9px 3px 10px;
border: 1px #dbdbdb solid;
float: left;
list-style: none;
font-size: 14px;
text-align: center;
white-space: nowrap;
}
#str-main .lyt-tab .tab li:first-child{
margin-left: 0;
}
#str-main .lyt-tab .tab a{
margin: -9px -3px -10px;
padding: 9px 3px 10px;
display: block;
background-color: #e7e4ed;
cursor: pointer;
}
#str-main .lyt-tab .panel{
margin-top: -1px;
padding: 19px 19px 0;
border: 1px #dbdbdb solid;
}
#str-main .lyt-tab .tab li[aria-selected="true"]{ /* js有効時 */
padding-top: 6px;
padding-bottom: 11px;
border-width: 0;
border-top: 4px #532f91 solid;
z-index: 1;
}
#str-main .lyt-tab .tab li[aria-selected="true"]{
min-width: 170px;
}
#str-main .lyt-tab .tab li[aria-selected="true"] a{
margin-top: -6px;
margin-bottom: -11px;
padding-top: 6px;
padding-bottom: 11px;
border-right: 1px #dbdbdb solid;
border-left: 1px #dbdbdb solid;
position: relative;
color: #333;
background-color: #f2f2f2;
}
#str-main .lyt-tab .tab li[aria-selected="true"] a:visited{
color: #333;
}
#str-main .lyt-tab .tab li[aria-selected="true"] a:hover,
#str-main .lyt-tab .tab li[aria-selected="true"] a:active,
#str-main .lyt-tab .tab li[aria-selected="true"] a:focus{
cursor: default;
text-decoration: none;
}
#str-main .lyt-tab .panel[aria-hidden="true"]{
display: none;
}

/* Layout .lyt-swtch-rwd
---------------------------------------------*/
#str-main .lyt-swtch-rwd .rwd-sp{
display: none;
}
@media screen and (max-width: 768px){
  .rwd-valid #str-main .lyt-swtch-rwd .rwd-pc{
  display: none;
  }
  .rwd-valid #str-main .lyt-swtch-rwd .rwd-sp{
  display: block;
  }
}

/* Layout .foldingBlock
---------------------------------------------*/
#str-main .foldingBlock .ttl{
margin-bottom:20px;
border-top:1px solid #e6f1f6;
border-bottom:1px solid #9caeb4;
position: relative;
background-color: #cce3ec;
cursor: pointer;
}
#str-main .foldingBlock .ttl h3{
margin-bottom:0;
padding: 3px 38px 3px 12px;
font-size:15px;
font-weight: bold;
}
#str-main .foldingBlock .ttl .icn{
width:30px;
height:100%;
border-right:1px solid #9caeb4;
border-left:1px solid #9caeb4;
position: absolute;
top:0;
right:0;
}
#str-main .foldingBlock .ttl .icn.plus{
display: none;
background:#fff url(/WSR/product/orphis/images/icn_folding_plus.gif) no-repeat center center;
}
#str-main .foldingBlock .ttl .icn.minus{
background:#fff url(/WSR/product/orphis/images/icn_folding_minus.gif) no-repeat center center;
}

/*--------------------------------------------------
    03-02. Independent Modules
--------------------------------------------------*/

/* HOME
---------------------------------------------*/
#page-home #str-main{
padding-top: 0;
background-color: #fff;
}
#page-home #str-main #main-header-02{
margin-bottom: 0;
position: relative;
overflow: hidden;
}
#page-home #str-main #main-header-02 .inner{
min-height: 527px;
padding-top: 0;
position: relative;
}
#page-home #str-main #main-header-02 #video-header{
width: 100%;
min-width: 1265px;
position: absolute;
}
#page-home #str-main #main-header-02 #video-header video{
width: 100%;
}
#page-home #str-main #main-header-02 #video-header .filter{
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
background: url(/WSR/images/index_bg_main-header-02.png) repeat-x center top;
}
#page-home #str-main #main-header-02 .lead{
position: absolute;
top: 106px;
left: -2px;
}
#page-home #str-main #main-header-02 .lead img{
margin-bottom: 21px;
}

#page-home #str-main #main-header-02 .lyt-carousel{
padding-top: 306px;
}

#page-home #str-main .lyt-product{
background: #e6e4eb url(/WSR/images/index_bg_02.jpg) no-repeat center bottom;
}
#page-home #str-main .lyt-product .inner{
width: 1000px;
margin: 0 auto;
background: #e6e4eb url(/WSR/images/index_bg_03.jpg) no-repeat center bottom;
}
#page-home #str-main .lyt-product .column-txt{
width: 488px;
padding-top: 93px;
float: left;
text-align: center;
}
#page-home #str-main .lyt-product h2{
margin: 0 0 27px;
padding: 0;
}
#page-home #str-main .lyt-product h2 img{
margin-bottom: 0;
}
#page-home #str-main .lyt-product .lead{
margin-bottom: 24px;
}

#page-home #str-main .lyt-product .link-box-01{
width: 510px;
margin: 44px -10px 21px;
float: right;
}
#page-home #str-main .lyt-product .link-box-01 li{
width: 235px;
margin: 0 10px 21px;
}
#page-home #str-main .lyt-product .link-box-01 a .txt{
color: #333;
background-color: #fff;
}
#page-home #str-main .lyt-product .link-box-01 li.orphis a .txt{
color: #fff;
background-color: #33396e;
}
#page-home #str-main .lyt-product .link-box-01 li.risograph a .txt{
color: #fff;
background-color: #696c75;
}
#page-home #str-main .lyt-product .link-box-01 a .txt{
background-image: url(/WSR/common/renew_files/images/anc_03.png);
}
#page-home #str-main .lyt-product .link-box-01 li.orphis a .txt,
#page-home #str-main .lyt-product .link-box-01 li.risograph a .txt{
background-image: url(/WSR/common/renew_files/images/anc_01.png);
}

#page-home #str-main .lyt-about{
margin-bottom: 54px;
background: #292e3a url(/WSR/images/index_bg_04.jpg) no-repeat center top;
}
#page-home #str-main .lyt-about .inner{
width: 1000px;
margin: 0 auto;
background: #292e3a url(/WSR/images/index_bg_05.jpg) no-repeat center top;
}
#page-home #str-main .lyt-about .column-txt{
width: 435px;
padding: 90px 26px 0 0;
float: right;
text-align: center;
}
#page-home #str-main .lyt-about h2{
margin: 0 0 23px;
padding: 0;
}
#page-home #str-main .lyt-about h2 img{
margin-bottom: 0;
}
#page-home #str-main .lyt-about .lead{
margin-bottom: 24px;
}
#page-home #str-main .lyt-about .movie{
width: 538px;
margin: 76px 0 78px;
float: left;
}

/* /product/index.html
---------------------------------------------*/
#page-product-top #str-main #main-header-02{
background-color: #393939;
}
#page-product-top #str-main #main-header-02 .inner{
padding-top: 0;
}
#page-product-top #str-main #main-header-02 .lyt-carousel .carousel-list,
#page-product-top #str-main #main-header-02 .lyt-carousel .carousel-list .link-img a{
margin-bottom: 0;
}
#page-product-top #str-main #main-header-02 .lyt-carousel .turn{
margin-top: -14px;
}
@media screen and (max-width: 768px){
  #page-product-top.rwd-valid #str-main #main-header-02 .lyt-carousel .turn{
  margin-top: 0;
  }
}

/* /product/orphis/index.html
---------------------------------------------*/
#str-main .lyt-orphis-01{
min-height: 182px;
margin-bottom: 35px;
padding: 0 21px 0 29%;
background: url(/WSR/product/orphis/images/index_bg_01.jpg) no-repeat left bottom;
background-size: 100% auto;
}
@media screen and (max-width: 768px){
  .rwd-valid #str-main .lyt-orphis-01{
  min-height: auto;
  min-height: initial;
  margin-bottom: 0;
  background-image: none;
  }
}
#str-main .lyt-orphis-01 .btn-02{
padding-top: 13px;
}
#str-main .lyt-orphis-01 .btn-02 li a{
min-width: 184px;
}
@media screen and (max-width: 768px){
  .rwd-valid #str-main .lyt-orphis-01{
  padding:0;
  }
  .rwd-valid #str-main .lyt-orphis-01 .btn-02{
  margin:0 0 25px;
  }
}

/* /product/orphis/fw/index.html
---------------------------------------------*/
#str-main .lyt-fw-01{
margin-bottom: 25px;
padding: 0 25px 1px;
border: 1px #d2d2d2 solid;
border-radius: 5px;
background: url(/WSR/product/orphis/fw/images/index_bg_lyt-fw-01.jpg) no-repeat left bottom;
}
@media screen and (max-width: 768px){
  .rwd-valid #str-main .lyt-fw-01{
  margin-bottom: 30px;
  padding: 0;
  border-width: 0;
  border-radius: 0;
  background-image: none;
  }
}
#str-main .lyt-fw-01 .lyt-fw-01-txt{
margin: 0 -25px 0;
}
@media screen and (max-width: 768px){
  .rwd-valid #str-main .lyt-fw-01 .lyt-fw-01-txt{
  margin: 0;
  }
}
#str-main .lyt-fw-01 .lyt-fw-01-txt img{
max-width: 100%;
border-radius: 5px;
}
@media screen and (max-width: 768px){
  .rwd-valid #str-main .lyt-fw-01 .lyt-fw-01-txt img{
  border-radius: 0;
  }
}

/* /showcase/index.html
---------------------------------------------*/
#page-showcase-top #str-main #main-header-02{
background-color: #d9d9d9;
}
#page-showcase-top #str-main #main-header-02 .inner{
height: 245px;
padding-top: 0;
position: relative;
background: url(/WSR/showcase/images/showcase_index_bg_main-header-02.jpg) no-repeat right top;
}
#page-showcase-top #str-main #main-header-02 .txt{
position: absolute;
top: 44px;
left: 42px;
}
#page-showcase-top #str-main #main-header-02 .link{
position: absolute;
top: 168px;
left: 227px;
}

/* /learn/support/index.html
---------------------------------------------*/
#page-support-top #str-main #main-header-02{
background-color: #fff;
}
#page-company-ir-top #str-main #main-header-02 .inner{
padding-top: 0;
}

/* /learn/tech_portal/ex/index.html
---------------------------------------------*/
#page-learn-tech_portal-ex-top #str-main{
background-color: #fff;
}

/* /company/index.html
---------------------------------------------*/
#page-company-top #str-main #main-header-02{
background: #282b3b url(/WSR/company/images/index_bg_main-header-02_01.png) no-repeat center top;
}
#page-company-top #str-main #main-header-02 > .inner{
position: relative;
background: #282b3b url(/WSR/company/images/index_bg_main-header-02_02.png) no-repeat center top;
}
#page-company-top #str-main #main-header-02 .movie{
margin: 0 0 27px 26px;
}
#page-company-top #str-main #main-header-02 .lead{
position: absolute;
top: 88px;
left: 535px;
}

/* /company/ir/index.html
---------------------------------------------*/
#page-company-ir-top #str-main #main-header-02{
background: #dcebec url(/WSR/company/ir/images/index_bg_main-header-02.jpg) no-repeat center top;
}
#page-company-ir-top #str-main #main-header-02 .inner{
padding-top: 0;
}

/* /company/rec/index.html
---------------------------------------------*/
#page-company-rec-top #str-main #main-header-02 > .inner{
padding-top: 0;
}
#page-company-rec-top #str-main #main-header-02 .lyt-carousel .carousel-list,
#page-company-rec-top #str-main #main-header-02 .lyt-carousel .carousel-list .link-img a{
margin-bottom: 0;
}
#page-company-rec-top #str-main #main-header-02 .lyt-carousel .turn{
margin-top: -14px;
}

/*--------------------------------------------------
    03-03. Column adjustment
--------------------------------------------------*/

#str-main .col-2,
#str-main .col-2-adjust-h,
#str-main .col-3,
#str-main .col-3-adjust-h,
#str-main .col-4,
#str-main .col-4-adjust-h{
width: 1020px;
margin-right: -10px !important;
margin-left: -10px !important;
}
.rwd-valid #str-main .col-2{
width: 100%;
margin-right: 0 !important;
margin-left: 0 !important;
}
#str-sidecont .col-2{
width: 750px;
}
#str-sidecont .col-3,
#str-sidecont .col-4{
width: 740px;
margin-right: -5px !important;
margin-left: -5px !important;
}

#str-main .col-2 > .segment,
#str-main .col-2-adjust-h > .segment,
#str-main .col-2 > li,
#str-main .col-2-adjust-h > li,
#str-main .col-3 > .segment,
#str-main .col-3-adjust-h > .segment,
#str-main .col-3 > li,
#str-main .col-3-adjust-h > li,
#str-main .col-4 > .segment,
#str-main .col-4-adjust-h > .segment,
#str-main .col-4 > li,
#str-main .col-4-adjust-h > li{
margin-right: 10px;
margin-left: 10px;
float: left;
}
#str-main .col-5-adjust-h > .segment,
#str-main .col-5 > li,
#str-main .col-5-adjust-h > li{
margin-right: 5px;
margin-left: 5px;
float: left;
}
.rwd-valid #str-main .col-2 > .segment,
.rwd-valid #str-main .col-2-adjust-h > .segment,
.rwd-valid #str-main .col-2 > li{
width: calc(50% - 10px);
margin-right: 0;
margin-left: 0;
}
.rwd-valid #str-main .col-2 > .segment:nth-child(2n+1),
.rwd-valid #str-main .col-2-adjust-h > .segment:nth-child(2n+1),
.rwd-valid #str-main .col-2 > li:nth-child(2n+1){
margin-right: 20px;
}
#str-sidecont .col-3 > .segment,
#str-sidecont .col-3-adjust-h > .segment,
#str-sidecont .col-3 > li,
#str-sidecont .col-3-adjust-h > li,
#str-sidecont .col-4 > .segment,
#str-sidecont .col-4-adjust-h > .segment,
#str-sidecont .col-4 > li,
#str-sidecont .col-4-adjust-h > li{
margin-right: 5px;
margin-left: 5px;
}
#str-main .col-2 > .segment,
#str-main .col-2-adjust-h > .segment,
#str-main .col-2 > li,
#str-main .col-2-adjust-h > li{
width: 490px;
}
#str-main .col-2 .col-2 > .segment,
#str-main .col-2-adjust-h .col-2 > .segment,
#str-main .col-2 .col-2-adjust-h  > .segment,
#str-main .col-2-adjust-h .col-2-adjust-h > .segment,
#str-main .col-2 .col-2 > li,
#str-main .col-2-adjust-h .col-2 > li,
#str-main .col-2 .col-2-adjust-h  > li,
#str-main .col-2-adjust-h .col-2-adjust-h > li{
width: 220px;
margin-right: 5px !important;
margin-left: 5px !important;
}
#str-sidecont .col-2 > .segment,
#str-sidecont .col-2-adjust-h > .segment,
#str-sidecont .col-2 > li,
#str-sidecont .col-2-adjust-h > li{
width: 355px;
}

#str-main .col-3 > .segment,
#str-main .col-3-adjust-h > .segment,
#str-main .col-3 > li,
#str-main .col-3-adjust-h > li{
width: 320px;
}
#str-sidecont .col-3 > .segment,
#str-sidecont .col-3-adjust-h > .segment,
#str-sidecont .col-3 > li,
#str-sidecont .col-3-adjust-h > li{
width: 236px;
}
#str-sidecont .col-3 > .segment:nth-child(3n+1), /* IE8 でも崩れない設定 */
#str-sidecont .col-3 > .segment:nth-child(3n+2),
#str-sidecont .col-3-adjust-h > .segment:nth-child(3n+1),
#str-sidecont .col-3-adjust-h > .segment:nth-child(3n+2),
#str-sidecont .col-3 > li:nth-child(3n+1),
#str-sidecont .col-3 > li:nth-child(3n+2),
#str-sidecont .col-3-adjust-h > li:nth-child(3n+1),
#str-sidecont .col-3-adjust-h > li:nth-child(3n+2){
width: 237px;
}

#str-main .col-4 > .segment,
#str-main .col-4-adjust-h > .segment,
#str-main .col-4 > li,
#str-main .col-4-adjust-h > li{
width: 235px;
}
#str-sidecont .col-4 > .segment,
#str-sidecont .col-4-adjust-h > .segment,
#str-sidecont .col-4 > li,
#str-sidecont .col-4-adjust-h > li{
width: 175px;
}

#str-main .col-5,
#str-main .col-5-adjust-h{
width: 1010px;
margin-right:-5px !important;
margin-left:-5px !important;
}
#str-main .col-5 > .segment,
#str-main .col-5-adjust-h > .segment,
#str-main .col-5 > li,
#str-main .col-5-adjust-h > li{
width: 192px;
}

#str-main .link-box-01.col-4 a .txt,
#str-main .link-box-01.col-4-adjust-h a .txt{
width: 197px;
}

#str-main .link-box-04.col-2,
#str-main .link-box-04.col-2-adjust-h{
margin-bottom: 10px;
}

#str-main .col-2 .box-img-w180 .txt .link-01.col-2,
#str-main .col-2-adjust-h .box-img-w180 .txt .link-01.col-2,
#str-main .col-2 .box-img-w180 .txt .link-01.col-2-adjust-h,
#str-main .col-2-adjust-h .box-img-w180 .txt .link-01.col-2-adjust-h{
width: auto;
margin-right: 0;
margin-left: -15px;
}
#str-main .col-2 .box-img-w180 .txt .link-01.col-2 li,
#str-main .col-2-adjust-h .box-img-w180 .txt .link-01.col-2 li,
#str-main .col-2 .box-img-w180 .txt .link-01.col-2-adjust-h li,
#str-main .col-2-adjust-h .box-img-w180 .txt .link-01.col-2-adjust-h li{
width: 109px;
margin-right: 0;
margin-left: 15px;
}

#str-main .col-2 .ind-01,
#str-main .col-2-adjust-h .ind-01,
#str-main .col-3 .ind-01,
#str-main .col-3-adjust-h .ind-01,
#str-main .col-4 .ind-01,
#str-main .col-4-adjust-h .ind-01,
#str-main .col-5 .ind-01,
#str-main .col-5-adjust-h .ind-01{
margin-bottom: 20px;
}
#str-main .col-2 .ind-01:last-child,
#str-main .col-2-adjust-h .ind-01:last-child,
#str-main .col-3 .ind-01:last-child,
#str-main .col-3-adjust-h .ind-01:last-child,
#str-main .col-4 .ind-01:last-child,
#str-main .col-4-adjust-h .ind-01:last-child,
#str-main .col-5 .ind-01:last-child,
#str-main .col-5-adjust-h .ind-01:last-child{
margin-bottom: 40px;
}
#str-main .col-2 .ind-01.segment .link-01,
#str-main .col-2-adjust-h .ind-01.segment .link-01,
#str-main .col-2 .ind-01.segment .btn-03.col-2,
#str-main .col-2-adjust-h .ind-01.segment .btn-03.col-2,
#str-main .col-2 .ind-01.segment .btn-03.col-2-adjust-h,
#str-main .col-2-adjust-h .ind-01.segment .btn-03.col-2-adjust-h,
#str-main .col-2 .ind-01.segment .btn-04.col-2,
#str-main .col-2-adjust-h .ind-01.segment .btn-04.col-2,
#str-main .col-2 .ind-01.segment .btn-04.col-2-adjust-h,
#str-main .col-2-adjust-h .ind-01.segment .btn-04.col-2-adjust-h,
#str-main .col-2 .ind-01.segment .link-box-02.col-2,
#str-main .col-2-adjust-h .ind-01.segment .link-box-02.col-2,
#str-main .col-2 .ind-01.segment .link-box-02.col-2-adjust-h,
#str-main .col-2-adjust-h .ind-01.segment .link-box-02.col-2-adjust-h{
width: 460px;
margin-right:-5px !important;
margin-left:-5px !important;
}
#str-main .col-2 .ind-01.segment .link-01 li,
#str-main .col-2-adjust-h .ind-01.segment .link-01 li{
width: 201px;
margin-right: 5px !important;
margin-left: 5px !important;
}
#str-main .col-3 .ind-01.segment,
#str-main .col-3-adjust-h .ind-01.segment{
width: 280px;
}

#str-sidecont .col-2 .ind-prdct-01.segment,
#str-sidecont .col-2-adjust-h .ind-prdct-01.segment{
width: 340px;
}

#str-main .col-2 .ind-01 .lyt-img-w200 .txt,
#str-main .col-2-adjust-h .ind-01 .lyt-img-w200 .txt{
width: 237px;
}

#str-main .lyt-carousel .link-box-01.col-4,
#str-main .lyt-carousel .link-box-01.col-4-adjust-h,
#str-main .lyt-carousel .link-box-02.col-4,
#str-main .lyt-carousel .link-box-02.col-4-adjust-h,
#str-main .lyt-carousel .link-box-03.col-4,
#str-main .lyt-carousel .link-box-03.col-4-adjust-h{
width: 1020px;
}

#str-main .lyt-tab .panel .btn-03.col-4,
#str-main .lyt-tab .panel .btn-03.col-4-adjust-h{
width: 980px;
}
#str-main .lyt-tab .panel .btn-03.col-4 li,
#str-main .lyt-tab .panel .btn-03.col-4-adjust-h li{
width: 223px;
}

/* for Responsive Design
---------------------------------------------*/
.rwd-valid #str-main .col-2-rwd > .segment,
.rwd-valid #str-main .col-2-rwd-adjust-h > .segment,
.rwd-valid #str-main .col-2-rwd > li,
.rwd-valid #str-main .col-3-rwd .segment,
.rwd-valid #str-main .col-3-rwd-adjust-h > .segment,
.rwd-valid #str-main .col-3-rwd > li,
.rwd-valid #str-main .col-4-rwd .segment,
.rwd-valid #str-main .col-4-rwd-adjust-h > .segment,
.rwd-valid #str-main .col-4-rwd > li,
.rwd-valid #str-main .col-5-rwd .segment,
.rwd-valid #str-main .col-5-rwd-adjust-h > .segment,
.rwd-valid #str-main .col-5-rwd > li{
float: left;
}

.rwd-valid #str-main .col-2-rwd > .segment,
.rwd-valid #str-main .col-2-rwd-adjust-h > .segment,
.rwd-valid #str-main .col-2-rwd > li{
width: calc(50% - 10px);
}
.rwd-valid #str-main .col-2-rwd > .segment:nth-child(2n+1),
.rwd-valid #str-main .col-2-rwd-adjust-h > .segment:nth-child(2n+1),
.rwd-valid #str-main .col-2-rwd > li:nth-child(2n+1){
margin-right: 20px;
}
.rwd-valid #str-main .col-2-rwd .col-2-rwd > .segment,
.rwd-valid #str-main .col-2-rwd .col-2-rwd-adjust-h > .segment,
.rwd-valid #str-main .col-2-rwd-adjust-h .col-2-rwd > .segment,
.rwd-valid #str-main .col-2-rwd-adjust-h .col-2-rwd-adjust-h > .segment,
.rwd-valid #str-main .col-2-rwd .col-2-rwd > li,
.rwd-valid #str-main .col-2-rwd .col-2-rwd-adjust-h > li,
.rwd-valid #str-main .col-2-rwd-adjust-h .col-2-rwd > li,
.rwd-valid #str-main .col-2-rwd-adjust-h .col-2-rwd-adjust-h > li{
width: calc(50% - 5px);
}
.rwd-valid #str-main .col-2-rwd .col-2-rwd > .segment:nth-child(2n+1),
.rwd-valid #str-main .col-2-rwd .col-2-rwd-adjust-h > .segment:nth-child(2n+1),
.rwd-valid #str-main .col-2-rwd-adjust-h .col-2-rwd > .segment:nth-child(2n+1),
.rwd-valid #str-main .col-2-rwd-adjust-h .col-2-rwd-adjust-h > .segment:nth-child(2n+1),
.rwd-valid #str-main .col-2-rwd .col-2-rwd > li:nth-child(2n+1),
.rwd-valid #str-main .col-2-rwd .col-2-rwd-adjust-h > li:nth-child(2n+1),
.rwd-valid #str-main .col-2-rwd-adjust-h .col-2-rwd > li:nth-child(2n+1),
.rwd-valid #str-main .col-2-rwd-adjust-h .col-2-rwd-adjust-h > li:nth-child(2n+1){
margin-right: 10px;
}

.rwd-valid #str-main .col-3-rwd .segment,
.rwd-valid #str-main .col-3-rwd-adjust-h > .segment,
.rwd-valid #str-main .col-3-rwd > li{
width: calc((100% - 20.02px)/3);
margin-right: 10px;
}
.rwd-valid #str-main .col-3-rwd > .segment:nth-child(3n+3),
.rwd-valid #str-main .col-3-rwd-adjust-h > .segment:nth-child(3n+3),
.rwd-valid #str-main .col-3-rwd > li:nth-child(3n+3){
margin-right: 0;
}

.rwd-valid #str-main .col-4-rwd > .segment,
.rwd-valid #str-main .col-4-rwd-adjust-h > .segment,
.rwd-valid #str-main .col-4-rwd > li{
width: calc((100% - 60px)/4);
margin-right: 20px;
}
.rwd-valid #str-main #str-sidecont .col-4-rwd > .segment,
.rwd-valid #str-main #str-sidecont .col-4-rwd-adjust-h > .segment,
.rwd-valid #str-main #str-sidecont .col-4-rwd > li{
width: calc((100% - 30px)/4);
margin-right: 10px;
}
.rwd-valid #str-main .col-4-rwd > .segment:nth-child(4n+4),
.rwd-valid #str-main .col-4-rwd-adjust-h > .segment:nth-child(4n+4),
.rwd-valid #str-main .col-4-rwd > li:nth-child(4n+4){
margin-right: 0 !important;
}

.rwd-valid #str-main .col-5-rwd > .segment,
.rwd-valid #str-main .col-5-rwd-adjust-h > .segment,
.rwd-valid #str-main .col-5-rwd > li{
width: calc((100% - 40px)/5);
margin-right: 10px;
}

@media screen and (max-width: 768px){
  .rwd-valid #str-main .col-2-rwd > .segment,
  .rwd-valid #str-main .col-2-rwd-adjust-h > .segment,
  .rwd-valid #str-main .col-2-rwd > li,
  .rwd-valid #str-main .col-3-rwd > .segment,
  .rwd-valid #str-main .col-3-rwd-adjust-h > .segment,
  .rwd-valid #str-main .col-3-rwd > li,
  .rwd-valid #str-main .col-4-rwd .segment,
  .rwd-valid #str-main .col-4-rwd-adjust-h > .segment,
  .rwd-valid #str-main .col-4-rwd > li,
  .rwd-valid #str-main .col-5-rwd .segment,
  .rwd-valid #str-main .col-5-rwd-adjust-h > .segment,
  .rwd-valid #str-main .col-5-rwd > li{
  width: 100% !important;
  margin-right: 0;
  float: none;
  }
}

/*==================================================
    04. Frame
==================================================*/

/*--------------------------------------------------
    Header Area
--------------------------------------------------*/

/* .link-support
---------------------------------------------*/
#str-header .link-support{
margin: 0;
padding: 0;
border-right: 1px #3c296d solid;
float: right;
font-size: 12px;
}
#str-header .link-support li{
min-width: 69px;
height: 25px;
margin: 0;
padding: 8px 18px 0 10px;
border-left: 1px #3c296d solid;
float: left;
background-color: #fff;
list-style: none;
text-align: center;
white-space: nowrap;
}
#str-header .link-support a{
height: 100%;
margin: -8px -18px 0 -10px;
padding: 8px 18px 0 10px;
display: block;
color: #fff;
background-color: #532f91;
}
#str-header .link-support a:visited{
color: #fff;
}
#str-header .link-support li a:hover,
#str-header .link-support li a:active,
#str-header .link-support li a:focus{
opacity: 0.6;
color: #fff;
text-decoration: none;
-ms-filter: "alpha(opacity=60)";
}
#str-header .link-support li .icon{
margin: 0;
position: static;
}
#str-header .link-support li .icon:before{
display: inline-block;
content: "";
vertical-align: baseline;
}
#str-header .link-support .global .icon:before{
width: 16px;
height: 16px;
margin: 0 5px -2px 0;
background: url(/WSR/common/renew_files/images/icon_global.png) no-repeat 0 0;
}
#str-header .link-support .language .icon:before{
width: 19px;
height: 17px;
margin: 0 7px -4px 0;
background: url(/WSR/common/renew_files/images/icon_language.png) no-repeat 0 0;
}
#str-header .link-support .search .icon:before{
width: 14px;
height: 15px;
margin: 0 5px -3px 0;
background: url(/WSR/common/renew_files/images/icon_search.png) no-repeat 0 0;
}
#str-header .link-support .search a{
cursor: pointer;
}

/* #search-window
---------------------------------------------*/
#search-window{
width: 100%;
min-height: 50px;
border-bottom: 1px #ddd solid;
position: absolute;
display: none;
background-color: #fff;
text-align: right;
}
@media screen and (max-width: 768px){
  .rwd-valid #search-window{
  border-width: 0;
  top: 57px;
  }
}
#search-window > .inner{
width: 1000px;
margin: 0 auto;
padding: 11px 0 5px;
position: relative;
}
.rwd-valid #search-window > .inner{
width: calc(100% - 20px);
max-width: 1000px;
padding-right: 10px;
padding-left: 10px;
}
@media screen and (max-width: 768px){
  .rwd-valid #search-window > .inner{
  width: 100%;
  padding: 0;
  }
}
#search-window > .inner:before{
width: 17px;
height: 9px;
position: absolute;
top: 0;
right: 51px;
display: block;
background: url(/WSR/common/renew_files/images/anc_search.png) no-repeat 0 0;
content: "";
}
@media screen and (max-width: 768px){
  .rwd-valid #search-window > .inner:before{
  width: 0;
  height: 0;
  border: 8px transparent solid;
  border-bottom: 8px #444 solid;
  top: -16px;
  right: 54px;
  background-image: none;
  }
}
#search-window form{
display: inline-block;
}
@media screen and (max-width: 768px){
  .rwd-valid #search-window form{
  padding: 15px 10px 15px;
  display: block;
  background-color: #444;
  }
}
#search-window .lyt-search{
margin: 0;
padding: 0;
border-width: 0;
}
@media screen and (max-width: 768px){
  .rwd-valid #search-window .lyt-search{
  background-color: #fff;
  }
}
#search-window .lyt-search legend{
display: none;
}
#search-window .lyt-search input[type="text"]{
width: 228px;
min-height: 26px;
padding: 0 0 0 10px;
border: 1px #dedede solid;
border-right-width: 0;
line-height: 1.9;
}
@media screen and (max-width: 768px){
  .rwd-valid #search-window .lyt-search input[type="text"]{
  box-sizing: border-box;
  width: calc(100% - 40px);
  min-height: 40px;
  margin: 0;
  border-width: 0;
  font-size: 14px;
  vertical-align: top;
  }
}
#search-window .lyt-search [type="submit"]{
min-height: 28px;
margin: 0;
padding: 0 10px;
border: 1px #532f91 solid;
border-width: 0;
color: #fff;
background-color: #532f91;
line-height: 1.9;
}
@media screen and (max-width: 768px){
  .rwd-valid #search-window .lyt-search [type="submit"]{
  padding: 10px 8px 8px 10px;
  background-color: #e8dbff;
  vertical-align: top;
  }
}
#search-window .lyt-search [type="submit"] .sp{
display: none;
}
@media screen and (max-width: 768px){
  .rwd-valid #search-window .lyt-search [type="submit"]::-moz-focus-inner{
  padding: 0;
  border: none;
  }
  .rwd-valid #search-window .lyt-search [type="submit"] .pc{
  display: none;
  }
  .rwd-valid #search-window .lyt-search [type="submit"] .sp{
  display: block;
  }
}
#search-window .lyt-search [type="submit"]:hover,
#search-window .lyt-search [type="submit"]:active,
#search-window .lyt-search [type="submit"]:focus{
opacity: 0.6;
cursor: pointer;
-ms-filter: "alpha(opacity=60)";
}
#search-window .tgl-close{
min-height: 28px;
margin-left: 37px;
padding: 0 16px 0 37px;
border: 1px #532f91 solid;
border-width: 0;
position: relative;
display: inline-block;
color: #fff;
background-color: #532f91;
line-height: 1.9;
vertical-align: top;
}
#search-window .tgl-close:before{
width: 12px;
height: 12px;
margin-top: -6px;
position: absolute;
top: 50%;
left: 16px;
display: block;
background: url(/WSR/common/renew_files/images/icon_close.png) no-repeat 0 0;
content: "";
}
#search-window .tgl-close:hover,
#search-window .tgl-close:active,
#search-window .tgl-close:focus{
opacity: 0.6;
cursor: pointer;
-ms-filter: "alpha(opacity=60)";
}
#search-window[aria-expanded="true"]{ /* JSで付与する属性 */
display: block;
}

/* .btn-info
---------------------------------------------*/
#str-header .btn-info{
margin: 0;
padding: 0;
float: right;
font-size: 12px;
}
#str-header .btn-info li{
margin: 0 0 0 10px;
float: left;
list-style: none;
text-align: center;
white-space: nowrap;
}
#str-header .btn-info a{
min-width: 95px;
height: 24px;
padding: 8px 20px 0;
position: relative;
display: block;
color: #fff;
background-color: #2f2f2f;
}
#str-header .btn-info a:before{
width: 16px;
height: 100%;
position: absolute;
top: 0;
left: 0;
background:#ebebeb url(/WSR/common/renew_files/images/bg_btn-info.png) no-repeat 0 0;
content: "";
}
#str-header .btn-info a:after{
width: 16px;
height: 100%;
position: absolute;
top: 0;
right: 0;
background:#ebebeb url(/WSR/common/renew_files/images/bg_btn-info.png) no-repeat -20px 0;
content: "";
}
#str-header .btn-info a:visited{
color: #fff;
}
#str-header .btn-info li a:hover,
#str-header .btn-info li a:active,
#str-header .btn-info li a:focus{
opacity: 0.6;
color: #fff;
text-decoration: none;
-ms-filter: "alpha(opacity=60)";
}

/* #header-03 .logo
---------------------------------------------*/
#header-03 .logo{
margin: 0 20px 20px 0;
padding: 0;
float: left;
}
@media screen and (max-width: 768px){
  .rwd-valid #header-03 .logo{
  margin-bottom: 10px;
  }
  .rwd-valid #header-03 .logo img{
  width: 79px;
  }
}

/* #header-03 .btn-sp-search
---------------------------------------------*/
#header-03 .btn-sp-search{
display: none;
}
@media screen and (max-width: 768px){
  .rwd-valid #header-03 .btn-sp-search{
  margin: 0;
  padding: 0;
  position: absolute;
  top: 13px;
  right: 10px;
  display: block;
  }
  .rwd-valid #header-03 .btn-sp-search a:hover,
  .rwd-valid #header-03 .btn-sp-search a:active,
  .rwd-valid #header-03 .btn-sp-search a:focus{
  opacity: 0.6;
  cursor: pointer;
  }
  /* JS有効時 */
  .rwd-valid.js-active #header-03 .btn-sp-search{
  right: 54px;
  }
}

/* #header-03 .btn-sp-menu
---------------------------------------------*/
#header-03 .btn-sp-menu{
display: none;
}
@media screen and (max-width: 768px){
  .rwd-valid #header-03 .btn-sp-menu{
  margin: 0;
  display: block;
  }
  .rwd-valid #header-03 .btn-sp-menu::-moz-focus-inner{
  padding: 0;
  border: none;
  }
  .rwd-valid #header-03 .btn-sp-menu{
  padding: 3px 0;
  border-width: 0;
  position: absolute;
  top: 13px;
  right: 10px;
  background-color: transparent;
  cursor: pointer;
  }
  .rwd-valid #header-03 .btn-sp-menu:hover,
  .rwd-valid #header-03 .btn-sp-menu:active,
  .rwd-valid #header-03 .btn-sp-menu:focus{
  opacity: 0.6;
  }
  .rwd-valid #header-03 .btn-sp-menu[disabled="disabled"]{
  display: none;
  }
}

/* #header-03 .nav-global
---------------------------------------------*/
#header-03 .nav-global{
margin: 0;
padding: 0 1px 0 0;
display: table;
float: right;
background: url(/WSR/common/renew_files/images/bg_nav-global.png) no-repeat right 0;
}
@media screen and (max-width: 931px){
  .rwd-valid #header-03 .nav-global{
  width: 100%;
  }
}
@media screen and (max-width: 768px){
  .rwd-valid #header-03 .nav-global{
  display: none;
  }
}
#header-03 .nav-global li{
margin: 0;
padding-left: 1px;
position: relative;
display: table-cell;
background: url(/WSR/common/renew_files/images/bg_nav-global.png) no-repeat 0 0;
list-style: none;
}
#header-03 .nav-global a{
padding-bottom: 21px;
position: relative;
display: block;
cursor: pointer;
text-align: center;
}
#header-03 .nav-global a.select:after,
#header-03 .nav-global a:hover:after,
#header-03 .nav-global a:active:after,
#header-03 .nav-global a:focus:after{
width: 100%;
height: 100%;
position: absolute;
top: 0;
right: 0;
display: block;
background: no-repeat 50% 0;
content: "";
}
#header-03 .nav-global .product a.select:after,
#header-03 .nav-global .product a:hover:after,
#header-03 .nav-global .product a:active:after,
#header-03 .nav-global .product a:focus:after{
background-image: url(/WSR/common/renew_files/images/nav-global_product_o.png);
}
#header-03 .nav-global .showcase a.select:after,
#header-03 .nav-global .showcase a:hover:after,
#header-03 .nav-global .showcase a:active:after,
#header-03 .nav-global .showcase a:focus:after{
background-image: url(/WSR/common/renew_files/images/nav-global_showcase_o.png);
}
#header-03 .nav-global .support a.select:after,
#header-03 .nav-global .support a:hover:after,
#header-03 .nav-global .support a:active:after,
#header-03 .nav-global .support a:focus:after{
background-image: url(/WSR/common/renew_files/images/nav-global_support_o.png);
}
#header-03 .nav-global .learn a.select:after,
#header-03 .nav-global .learn a:hover:after,
#header-03 .nav-global .learn a:active:after,
#header-03 .nav-global .learn a:focus:after{
background-image: url(/WSR/common/renew_files/images/nav-global_learn_o.png);
}
#header-03 .nav-global .company a.select:after,
#header-03 .nav-global .company a:hover:after,
#header-03 .nav-global .company a:active:after,
#header-03 .nav-global .company a:focus:after{
background-image: url(/WSR/common/renew_files/images/nav-global_company_o.png);
}

/* .area-megadown
---------------------------------------------*/
#str-header .area-megadown{
width: 100%;
height: 0;
margin-top: -11px;
position: absolute;
display: none;
overflow: hidden;
background: #f5f5f5 url(/WSR/common/renew_files/images/bg_area-megadown.png) repeat-x 0 0;
transition: height 0.5s;
}
#str-header .area-megadown:focus{
outline: none;
}
#str-header .area-megadown > .inner{
width: 1000px;
margin: 0 auto;
padding-top: 26px;
position: relative;
}
.rwd-valid #str-header .area-megadown > .inner{
width: calc(100% - 20px);
max-width: 1000px;
padding-right: 10px;
padding-left: 10px;
}
#str-header .area-megadown > .inner:before{
width: 15px;
height: 13px;
position: absolute;
top: 0;
display: block;
background: url(/WSR/common/renew_files/images/anc_megadown.png) no-repeat 0 0;
content: "";
}
#str-header #megadown-product.area-megadown >.inner:before{
right: 619px;
}
@media screen and (max-width: 931px){
  .rwd-valid #str-header #megadown-product.area-megadown >.inner:before{
  left: calc(14.4% - 8px);
  }
}
#str-header #megadown-showcase.area-megadown > .inner:before{
right: 409px;
}
@media screen and (max-width: 931px){
  .rwd-valid #str-header #megadown-showcase.area-megadown >.inner:before{
  left: calc(43.3% - 8px);
  }
}
#str-header #megadown-support.area-megadown > .inner:before{
right: 251px;
}
@media screen and (max-width: 931px){
  .rwd-valid #str-header #megadown-support.area-megadown >.inner:before{
  left: calc(64.6% - 8px);
  }
}
#str-header #megadown-learn.area-megadown > .inner:before{
right: 147px;
}
@media screen and (max-width: 931px){
  .rwd-valid #str-header #megadown-learn.area-megadown >.inner:before{
  left: calc(78.8% - 8px);
  }
}
#str-header #megadown-company.area-megadown > .inner:before{
right: 44px;
}
@media screen and (max-width: 931px){
  .rwd-valid #str-header #megadown-company.area-megadown >.inner:before{
  left: calc(92.9% - 8px);
  }
}
#str-header .area-megadown .nav-megadown-toplink{
margin: 0 0 20px;
padding: 0;
background-color: #fff;
font-size: 14px;
text-align: center;
}
#str-header .area-megadown .nav-megadown-toplink li{
margin-bottom: 5px;
padding: 0;
background-color: #fff;
list-style: none;
}
#str-header .area-megadown .nav-megadown-toplink a{
padding: 6px 6px 0;
display: block;
color: #fff;
background: #532f91 url(/WSR/common/renew_files/images/anc_01.png) no-repeat right 50%;
}
#str-header .area-megadown .nav-megadown-toplink a:visited{
color: #fff;
}
#str-header .area-megadown .nav-megadown-toplink a:hover,
#str-header .area-megadown .nav-megadown-toplink a:active,
#str-header .area-megadown .nav-megadown-toplink a:focus{
opacity: 0.6;
color: #fff;
text-decoration: none;
-ms-filter: "alpha(opacity=60)";
}
#str-header .area-megadown .nav-megadown-toplink .txt{
width: 1000px; /* min-width */
height: 58px; /* min-height */
display: table-cell;
vertical-align: middle;
}
#str-header .area-megadown .lyt-megadown{
}
#str-header .area-megadown .lyt-megadown .left{
width: 200px;
float: left;
}
#str-header .area-megadown .lyt-megadown .right{
width: 765px;
float: right;
text-align: left;
}
.rwd-valid #str-header .area-megadown .lyt-megadown .right{
width: calc(100% - 235px);
max-width: 765px;
}
#str-header .area-megadown .lyt-megadown .right .lyt-nav-megadown-01{
margin-bottom: 20px;
}
#str-header .area-megadown .lyt-megadown .right .lyt-nav-megadown-01 .nav-megadown-01{
margin: -1px 0 0 0;
padding: 0;
border-top: 1px #ccc solid;
border-left: 1px #ccc solid;
display: table;
font-size: 14px;
}
@media screen and (max-width: 1019px){
  .rwd-valid #str-header .area-megadown .lyt-megadown .right .lyt-nav-megadown-01 .nav-megadown-01{
  display: block;
  }
}
#str-header .area-megadown .lyt-megadown .right .lyt-nav-megadown-01 .nav-megadown-01:first-child{
margin-top: 0;
}
#str-header .area-megadown .lyt-megadown .right .lyt-nav-megadown-01 .nav-megadown-01 li{
width: 763px;
border-right: 1px #ccc solid;
border-bottom: 1px #ccc solid;
float: left;
background-color: #fff;
list-style: none;
line-height: 1.429;
vertical-align: middle;
}
@media screen and (max-width: 1019px){
  .rwd-valid #str-header .area-megadown .lyt-megadown .right .lyt-nav-megadown-01 .nav-megadown-01 li{
  width: 100%;
  float: none;
  }
}
#str-header .area-megadown .lyt-megadown .right .lyt-nav-megadown-01 .nav-megadown-01 .txt{
width: 733px;
height: 73px; /* min-height */
display: table-cell;
vertical-align: middle;
}
#str-header .area-megadown .lyt-megadown .right .lyt-nav-megadown-01 .nav-megadown-01 .thumb{
display: table-cell;
vertical-align: middle;
}
#str-header .area-megadown .lyt-megadown .right .lyt-nav-megadown-01 .nav-megadown-01 a{
width: 1000px; /* min-width */
height: 23px; /* min-height */
padding: 13px;
display: table-cell;
color: #333;
background: url(/WSR/common/renew_files/images/anc_05.png) no-repeat right center;
vertical-align: middle;
}
#str-header .area-megadown .lyt-megadown .right .lyt-nav-megadown-01 .nav-megadown-01 a:visited{
color: #333;
}
#str-header .area-megadown .lyt-megadown .right .lyt-nav-megadown-01 .nav-megadown-01 a:hover,
#str-header .area-megadown .lyt-megadown .right .lyt-nav-megadown-01 .nav-megadown-01 a:active,
#str-header .area-megadown .lyt-megadown .right .lyt-nav-megadown-01 .nav-megadown-01 a:focus{
opacity: 0.6;
text-decoration: none;
-ms-filter: "alpha(opacity=60)";
}
#str-header .area-megadown .lyt-megadown .right .lyt-nav-megadown-01 .nav-megadown-01.col-2 li,
#str-header .area-megadown .lyt-megadown .right .lyt-nav-megadown-01 .nav-megadown-01.col-2-adjust-h li{
width: 381px;
}
@media screen and (max-width: 1019px){
  .rwd-valid #str-header .area-megadown .lyt-megadown .right .lyt-nav-megadown-01 .nav-megadown-01.col-2 li,
  .rwd-valid #str-header .area-megadown .lyt-megadown .right .lyt-nav-megadown-01 .nav-megadown-01.col-2-adjust-h li{
  width: 100%;
  }
}
#str-header .area-megadown .lyt-megadown .right .lyt-nav-megadown-01 .nav-megadown-01.col-3 li, /* IE8 */
#str-header .area-megadown .lyt-megadown .right .lyt-nav-megadown-01 .nav-megadown-01.col-3-adjust-h li{ /* IE8 */
width: 253px;
}
:root #str-header .area-megadown .lyt-megadown .right .lyt-nav-megadown-01 .nav-megadown-01.col-3 li,
:root #str-header .area-megadown .lyt-megadown .right .lyt-nav-megadown-01 .nav-megadown-01.col-3-adjust-h li{
width: 254px;
}
@media screen and (max-width: 1019px){
  .rwd-valid #str-header .area-megadown .lyt-megadown .right .lyt-nav-megadown-01 .nav-megadown-01.col-3 li,
  .rwd-valid #str-header .area-megadown .lyt-megadown .right .lyt-nav-megadown-01 .nav-megadown-01.col-3-adjust-h li{
  width: 100%;
  }
}
#str-header .area-megadown .lyt-megadown .right .lyt-nav-megadown-01 .nav-megadown-01.col-3 li:nth-child(3n),
#str-header .area-megadown .lyt-megadown .right .lyt-nav-megadown-01 .nav-megadown-01.col-3-adjust-h li:nth-child(3n){
width: 253px;
}
@media screen and (max-width: 1019px){
  .rwd-valid #str-header .area-megadown .lyt-megadown .right .lyt-nav-megadown-01 .nav-megadown-01.col-3 li:nth-child(3n),
  .rwd-valid #str-header .area-megadown .lyt-megadown .right .lyt-nav-megadown-01 .nav-megadown-01.col-3-adjust-h li:nth-child(3n){
  width: 100%;
  }
}
#str-header .area-megadown .lyt-megadown .right .lyt-nav-megadown-01 .nav-megadown-01.col-4 li,
#str-header .area-megadown .lyt-megadown .right .lyt-nav-megadown-01 .nav-megadown-01.col-4-adjust-h li{
width: 190px;
}
@media screen and (max-width: 1019px){
  .rwd-valid #str-header .area-megadown .lyt-megadown .right .lyt-nav-megadown-01 .nav-megadown-01.col-4 li,
  .rwd-valid #str-header .area-megadown .lyt-megadown .right .lyt-nav-megadown-01 .nav-megadown-01.col-4-adjust-h li{
  width: 100%;
  }
}
#str-header .area-megadown .lyt-megadown .right .lyt-nav-megadown-01 .nav-megadown-01 .notice a{
padding-left: 62px;
position: relative;
background-image: none;
}
#str-header .area-megadown .lyt-megadown .right .lyt-nav-megadown-01 .nav-megadown-01 li.notice a:after{
width: 15px;
height: 24px;
margin-top: -12px;
position: absolute;
top: 50%;
left: 26px;
display: block;
background: url(/WSR/common/renew_files/images/icon_notice.png) no-repeat 0 0;
content: "";
}


#str-header .area-megadown .close{
width: 100%;
padding: 15px 0 16px;
border-width: 0;
border-top: 1px #ccc solid;
display: block;
color: #333;
background-color: #ddd;
font-size: 14px;
}
#str-header .area-megadown .close:hover,
#str-header .area-megadown .close:active,
#str-header .area-megadown .close:focus{
opacity: 0.6;
cursor: pointer;
-ms-filter: "alpha(opacity=60)";
}

#str-header .area-megadown.open{ /* JSで付与するclass */
height: auto;
display: block;
transition: height 0.5s;
}

#overlay{
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
opacity: 0.6;
background-color: #000;
-ms-filter: "alpha(opacity=60)";
}
#overlay.hidden{
display: none;
}

/* .link-spmenu
---------------------------------------------*/
@media screen and (max-width: 768px){
  .rwd-valid .link-spmenu{
  margin: 0 !important;
  padding: 0 0 1px;
  background-color: #ccc;
  font-size: 14px;
  }
  .rwd-valid .link-spmenu > li{
  margin-bottom: 1px !important;
  position: relative;
  background-color: #fff;
  list-style: none;
  }
  .rwd-valid .link-spmenu > li:before{
  width: 15px;
  height: 1px;
  position: absolute;
  bottom: -1px;
  left: 0;
  display: block;
  background-color: #f2f2f2;
  content: "";
  }
  .rwd-valid .link-spmenu > li:last-child{
  margin-bottom: 0px !important;
  }
  .rwd-valid .link-spmenu > li:last-child:before{
  display: none;
  }
  .rwd-valid .link-spmenu > li a{
  padding: 9px 31px 8px 15px;
  position: relative;
  display: block;
  color: #333 !important;
  background-color: #f2f2f2;
  }
  .rwd-valid .link-spmenu > li a:hover,
  .rwd-valid .link-spmenu > li a:active,
  .rwd-valid .link-spmenu > li a:focus{
  opacity: 0.6;
  text-decoration: none !important;
  }
  .rwd-valid .link-spmenu > li a:after{
  width: 7px;
  height: 7px;
  margin-top: -5px;
  border-right: 2px solid #595959;
  border-bottom: 2px solid #595959;
  position: absolute;
  top: 50%;
  right: 17px;
  display: block;
  content: "";
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
  }
}

/* #sp-menu
---------------------------------------------*/
#str-header #sp-menu{
display: none;
}
@media screen and (max-width: 768px){
  .rwd-valid #str-header #sp-menu{
  width: 100%;
  position: relative;
  display: block;
  background-color: #fff;
  }
  .rwd-valid #str-header #sp-menu .nav-global-sp{
  margin: 0;
  padding-left: 0;
  }
  .rwd-valid #str-header #sp-menu .nav-global-sp > li{
  /*padding-left: 15px;*/
  list-style-type: none;
  }
  .rwd-valid #str-header #sp-menu .nav-global-sp .nav-global-sp-tglbtn{
  width: 100%;
  margin: 0;
  padding: 10px;
  border-width: 0;
  color: #fff;
  background-color: #532f91;
  font-size: 15px;
  cursor: pointer;
  text-align: left;
  }
  .rwd-valid #str-header #sp-menu .nav-global-sp .nav-global-sp-tglbtn:hover,
  .rwd-valid #str-header #sp-menu .nav-global-sp .nav-global-sp-tglbtn:active,
  .rwd-valid #str-header #sp-menu .nav-global-sp .nav-global-sp-tglbtn:focus{
  opacity: 0.6;
  }
  .rwd-valid #str-header #sp-menu .nav-global-sp .link-spmenu{
  padding-bottom: 0;
  }
  .rwd-valid #str-header #sp-menu .tgl-close{
  display: none;
  }
  /* JS有効時 */
  .js-active.rwd-valid #str-header #sp-menu{
  display: none;
  }
  .js-active.rwd-valid #str-header #sp-menu[aria-expanded="true"]{ /* JSで付与する属性 */
  position: absolute;
  top: 58px;
  display: block;
  }
  .js-active.rwd-valid #str-header #sp-menu[aria-expanded="true"]:before{
  width: 0;
  height: 0;
  border: 8px transparent solid;
  border-bottom: 8px #532f91 solid;
  position: absolute;
  top: -16px;
  right: 14px;
  display: block;
  background-image: none;
  content: "";
  }
  .js-active.rwd-valid #str-header #sp-menu .nav-global-sp .nav-global-sp-tglbtn{
  border-bottom: 1px #fff solid;
  position: relative;
  }
  .js-active.rwd-valid #str-header #sp-menu .nav-global-sp .nav-global-sp-tglbtn:after{
  width: 18px;
  height: 18px;
  margin-top: -9px;
  position: absolute;
  top: 50%;
  right: 10px;
  background: url(/WSR/common/renew_files/images/sprite.png) no-repeat 0 0;
  background-size: 38px 38px;
  content: "";
  }
  .js-active.rwd-valid #str-header #sp-menu .nav-global-sp .nav-global-sp-tglbtn[aria-expanded="true"]{
  border-width: 0;
  }
  .js-active.rwd-valid #str-header #sp-menu .nav-global-sp .nav-global-sp-tglbtn[aria-expanded="true"]:after{
  background: url(/WSR/common/renew_files/images/sprite.png) no-repeat -20px 0;
  background-size: 38px 38px;
  }
  .js-active.rwd-valid #str-header #sp-menu .nav-global-sp .link-spmenu[aria-expanded="true"]{
  display: block;
  }
  .js-active.rwd-valid #str-header #sp-menu .nav-global-sp .link-spmenu{
  display: none;
  }
  .js-active.rwd-valid #str-header #sp-menu[aria-expanded="true"] .tgl-close{
  display: block;
  }
}

/* .close
---------------------------------------------*/
@media screen and (max-width: 768px){
  .rwd-valid #str-header .tgl-close{
  width: 100%;
  margin: 0;
  padding: 6px 10px;
  border-width: 0;
  display: block;
  color: #424242;
  background-color: #ddd;
  font-size: 13px;
  }
  .rwd-valid #str-header .tgl-close:before{
  display: none;
  }
  .rwd-valid #str-header .tgl-close:hover,
  .rwd-valid #str-header .tgl-close:active,
  .rwd-valid #str-header .tgl-close:focus{
  opacity: 0.6;
  cursor: pointer;
  -ms-filter: "alpha(opacity=60)";
  }
}

/*--------------------------------------------------
    Contents Area
--------------------------------------------------*/

#str-main .topic-path{
margin-bottom: 16px;
font-size: 12px;
}
#str-main .topic-path a,
#str-main .topic-path a:visited{
color: #333;
text-decoration: underline;
}
#str-main .topic-path a:hover,
#str-main .topic-path a:active,
#str-main .topic-path a:focus{
text-decoration: none;
}

@media screen and (max-width: 768px){
  .rwd-valid #str-main .topic-path{
  margin-top:10px;
  }
}
#str-main #main-header-01 .hdg-icon{
width: auto;
position: absolute;
top: 37px;
right: 0;
}

#str-main #main-header-02 .link{
display: table;
background-color: #fff;
font-size: 14px;
font-weight: bold;
}
#str-main #main-header-02 .link a{
padding:9px 41px 8px 21px;
display: block;
color: #fff;
background: #3b66b2 url(/WSR/common/renew_files/images/anc_07.png) no-repeat right 50%;
}
#str-main #main-header-02 .link a:visited{
color: #fff;
}
#str-main #main-header-02 .link a:hover,
#str-main #main-header-02 .link a:active,
#str-main #main-header-02 .link a:focus{
opacity: 0.6;
text-decoration: none;
-ms-filter: "alpha(opacity=60)";
}

.nav-local,
#str-aside .nav-local{
margin-bottom: 16px;
padding: 0;
border-bottom: 1px #ccc solid;
background-color: #fff;
font-size: 14px;
}
.nav-local .nav-local-hdg-01,
#str-aside .nav-local .nav-local-hdg-01{
margin-bottom: 0;
padding: 0;
border-width: 0;
}
.nav-local .nav-local-hdg-01 a,
#str-aside .nav-local .nav-local-hdg-01 a{
color: #fff;
background: #2f2f2f url(/WSR/common/renew_files/images/anc_01.png) no-repeat right 50%;
font-size: 16px;
}
.nav-local .nav-local-hdg-02,
#str-aside .nav-local .nav-local-hdg-02{
margin-bottom: 0;
padding: 5px 13px 7px;
color: #fff;
background-color: #595959;
font-size: 12px;
}
.nav-local a,
#str-aside .nav-local a{
padding: 14px;
display: block;
color: #333;
background-color: #f2f2f2;
}
.nav-local a:visited,
#str-aside .nav-local a:visited{
color: #333;
}
.nav-local a[href]:hover,
.nav-local a[href]:active,
.nav-local a[href]:focus,
#str-aside .nav-local a[href]:hover,
#str-aside .nav-local a[href]:active,
#str-aside .nav-local a[href]:focus{
opacity: 0.6;
color: #333;
text-decoration: none;
-ms-filter: "alpha(opacity=60)";
}
.nav-local .nav-local-hdg-01 a:visited,
.nav-local .nav-local-hdg-01 a:hover,
.nav-local .nav-local-hdg-01 a:active,
.nav-local .nav-local-hdg-01 a:focus,
#str-aside .nav-local .nav-local-hdg-01 a:visited,
#str-aside .nav-local .nav-local-hdg-01 a:hover,
#str-aside .nav-local .nav-local-hdg-01 a:active,
#str-aside .nav-local .nav-local-hdg-01 a:focus{
color: #fff;
}
.nav-local ul,
#str-aside .nav-local ul{
margin: 0;
padding: 0;
font-size: 14px;
}
.nav-local .nav-local-list,
#str-aside .nav-local .nav-local-list{
margin: 0;
border-top: 1px #ccc solid;
list-style: none;
}
.nav-local .nav-local-list:first-child,
#str-aside .nav-local .nav-local-list:first-child{
border-top-width: 0;
}
.nav-local .nav-local-list .nav-local-list,
#str-aside .nav-local-list .nav-local-list{
padding-top: 1px;
border-top-width: 0;
background: #fff url(/WSR/common/renew_files/images/bg_nav-local.png) no-repeat 0 0;
}
.nav-local .nav-local-list .nav-local-list a,
#str-aside .nav-local .nav-local-list .nav-local-list a{
padding-left: 28px;
}
.nav-local .nav-local-list .nav-local-list .nav-local-list a,
#str-aside .nav-local .nav-local-list .nav-local-list .nav-local-list a{
padding-left: 42px;
position: relative;
}
.nav-local .nav-local-list .nav-local-list .nav-local-list a:before,
#str-aside .nav-local .nav-local-list .nav-local-list .nav-local-list a:before{
width: 22px;
height: 10px;
position: absolute;
left: 29px;
color: #808080;
content: "-";
}
.nav-local .nav-local-list .nav-local-list .nav-local-list .nav-local-list a,
#str-aside .nav-local .nav-local-list .nav-local-list .nav-local-list .nav-local-list a{
padding-left: 55px;
position: relative;
}
.nav-local .nav-local-list .nav-local-list .nav-local-list .nav-local-list a:before,
#str-aside .nav-local .nav-local-list .nav-local-list .nav-local-list .nav-local-list a:before{
width: 35px;
height: 10px;
position: absolute;
left: 29px;
color: #808080;
font-family: verdana;
content: "---";
}
.nav-local .current > a,
#str-aside .nav-local .current > a{
background-color: #fff;
}
.nav-local .depth-03.open.current > ul > li:first-child.current,
#str-aside .nav-local .depth-03.open.current > ul > li:first-child.current{
background-image: url(/WSR/common/renew_files/images/bg_nav-local_c.png);
}
/* 旧デザイン用 */
#str-aside .nav-local + .bannerCommon01{
padding-top: 17px;
background: url(/WSR/common/images/banner_line01.gif) repeat-x left top, url(/WSR/common/images/banner_line01.gif) repeat-x left bottom;
}
#bannerNavi .nav-local{
margin: 0 0 16px;
padding: 0 0 17px;
border-bottom-width: 0;
background: url(/WSR/common/images/banner_line01.gif) repeat-x left bottom;
}
#bannerNavi .nav-local a:hover,
#bannerNavi .nav-local a:active,
#bannerNavi .nav-local a:focus{
text-decoration: none;
}
#bannerNavi .nav-local .depth-03:last-child.open > ul{
border-bottom-width: 0;
}

/* js有効時 */
.js-active .nav-local > ul > li ul,
.js-active #str-aside .nav-local > ul > li ul{
display: none;
}
.js-active .nav-local li.open > ul,
.js-active #str-aside .nav-local li.open > ul{
display: block;
}

#str-aside .link-bnr li{
margin-bottom: 16px;
}
#str-aside .link-bnr img{
margin-bottom: 0;
}
/* 旧デザイン用 */
#bannerNavi .link-bnr li{
margin-bottom: 16px;
}
#bannerNavi .link-bnr img{
margin-bottom: 0;
}

.productsNavi ul.link-bnr{
background-image: none;
}

/* #sp-aside
---------------------------------------------*/
#sp-aside{
display: none;
}
@media screen and (max-width: 768px){
  .rwd-valid #sp-aside{
  margin-top:50px;
  display: block;
  }

  .rwd-valid #sp-aside .nav-local-sp{
  background-color: #fff;
  }
  .rwd-valid #sp-aside .nav-local-sp .nav-local-sp-hdg-01{
  margin-bottom: 0;
  background-color: #fff;
  }
  .rwd-valid #sp-aside .nav-local-sp .nav-local-sp-hdg-01 a{
  padding: 8px 10px 8px;
  position: relative;
  display: block;
  color: #fff;
  background-color: #2f2f2f;
  font-size: 16px;
  }
  .rwd-valid #sp-aside .nav-local-sp .nav-local-sp-hdg-01 a:after{
  width: 7px;
  height: 7px;
  margin-top: -5px;
  border-right: 2px solid #fff;
  border-bottom: 2px solid #fff;
  position: absolute;
  top: 50%;
  right: 17px;
  display: block;
  content: "";
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
  }
  .rwd-valid #sp-aside .nav-local-sp .nav-local-sp-hdg-01 a:hover,
  .rwd-valid #sp-aside .nav-local-sp .nav-local-sp-hdg-01 a:active,
  .rwd-valid #sp-aside .nav-local-sp .nav-local-sp-hdg-01 a:focus{
  opacity: 0.6;
  text-decoration: none;
  }
  .rwd-valid #sp-aside .nav-local-sp .nav-local-sp-hdg-02{
  margin-bottom: 0;
  padding: 5px 13px 7px;
  color: #fff;
  background-color: #595959;
  font-size: 12px;
  }
  .rwd-valid #sp-aside .nav-local-sp .nav-local-sp-tgllst{
  margin: 0;
  padding: 0;
  }
  .rwd-valid #sp-aside .nav-local-sp .nav-local-sp-tgllst > li{
  margin-bottom: 0;
  list-style-type: none;
  }
  .rwd-valid #sp-aside .nav-local-sp .nav-local-sp-tglbtn{
  width: 100%;
  margin: 0;
  padding: 10px;
  border-width: 0;
  border-bottom: 1px #ccc solid;
  color: #424242;
  background-color: #fff;
  font-size: 15px;
  font-weight: bold;
  cursor: pointer;
  text-align: left;
  }
  .rwd-valid #sp-aside .nav-local-sp .nav-local-sp-tglbtn:hover,
  .rwd-valid #sp-aside .nav-local-sp .nav-local-sp-tglbtn:active,
  .rwd-valid #sp-aside .nav-local-sp .nav-local-sp-tglbtn:focus{
  opacity: 0.6;
  }

/*160901追記*/
  .rwd-valid .nav-local-sp-tgllst li.link{
	  list-style:none;
	  border-bottom:solid 1px #ccc;
  }
  .rwd-valid .nav-local-sp-tgllst li.link a{
  padding: 9px 31px 8px 15px;
  position: relative;
  display: block;
  color: #333 !important;
  background-color: #f2f2f2;
  }
  .rwd-valid .nav-local-sp-tgllst li.link a:hover,
  .rwd-valid .nav-local-sp-tgllst li.link a:active,
  .rwd-valid .nav-local-sp-tgllst li.link a:focus{
  opacity: 0.6;
  text-decoration: none !important;
  }
  .rwd-valid .nav-local-sp-tgllst li.link a:after{
  width: 7px;
  height: 7px;
  margin-top: -5px;
  border-right: 2px solid #595959;
  border-bottom: 2px solid #595959;
  position: absolute;
  top: 50%;
  right: 17px;
  display: block;
  content: "";
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
  }


  /* JS有効時 */
  .js-active.rwd-valid #sp-aside .nav-local-sp .nav-local-sp-tglbtn{
  position: relative;
  }
  .js-active.rwd-valid #sp-aside .nav-local-sp .nav-local-sp-tglbtn:after{
  width: 18px;
  height: 18px;
  margin-top: -9px;
  position: absolute;
  top: 50%;
  right: 10px;
  background: url(/WSR/common/renew_files/images/sprite.png) no-repeat 0 -20px;
  background-size: 38px 38px;
  content: "";
  }
  .js-active.rwd-valid #sp-aside .nav-local-sp .nav-local-sp-tglbtn[aria-expanded="true"]:after{
  background: url(/WSR/common/renew_files/images/sprite.png) no-repeat -20px -20px;
  background-size: 38px 38px;
  }
  .js-active.rwd-valid #sp-aside .nav-local-sp .nav-local-sp-tgllst > li:last-child .nav-local-sp-tglbtn{
  border-bottom-width: 0;
  }
  .js-active.rwd-valid #sp-aside .nav-local-sp .nav-local-sp-tgllst > li:last-child .nav-local-sp-tglbtn[aria-expanded="true"]{
  border-bottom-width: 1px;
  }
  .js-active.rwd-valid #sp-aside .nav-local-sp .link-spmenu{
  display: none;
  }
  .js-active.rwd-valid #sp-aside .nav-local-sp .link-spmenu[aria-expanded="true"]{
  display: block;
  }
}

/* .link-top
---------------------------------------------*/
#main-footer .link-top{
font-size: 16px;
text-align: center;
}
@media screen and (max-width: 768px){
  .rwd-valid #main-footer .link-top{
  margin: 0 -10px;
  background-color: #fff;
  }
}
#main-footer .link-top a{
padding-top: 29px;
position: relative;
display: inline-block;
color: #fefefe;
background: url(/WSR/common/renew_files/images/anc_11.png) no-repeat center 9px;
}
@media screen and (max-width: 768px){
  .rwd-valid #main-footer .link-top a{
  height: 36px;
  margin: 0;
  padding-top: 0;
  position: relative;
  display: block;
  color: transparent;
  background: #2f2f2f none;
  }
  .rwd-valid #main-footer .link-top a:after{
  width: 9px;
  height: 9px;
  margin: -1px 0 0 -4.5px;
  border-right: 2px solid #fff;
  border-bottom: 2px solid #fff;
  position: absolute;
  top: 50%;
  left: 50%;
  display: block;
  content: "";
  -webkit-transform: rotate(-135deg);
  -ms-transform: rotate(-135deg);
  transform: rotate(-135deg);
  }
}
#main-footer .link-top a:visited{
color: #fefefe;
}
@media screen and (max-width: 768px){
  .rwd-valid #main-footer .link-top a:visited{
  color: transparent;
  }
}
#main-footer .link-top a:hover,
#main-footer .link-top a:active,
#main-footer .link-top a:focus{
color: #fefefe;
}
@media screen and (max-width: 768px){
  .rwd-valid #main-footer .link-top a:hover,
  .rwd-valid #main-footer .link-top a:active,
  .rwd-valid #main-footer .link-top a:focus{
  opacity: 0.6;
  color: transparent;
  }
}

/*--------------------------------------------------
    Footer Area
--------------------------------------------------*/

#footer-01 .link-legal{
width: 695px;
height: 100%;
margin: 0;
padding: 0;
display: table-cell;
font-size: 14px;
vertical-align: middle;
}
@media screen and (max-width: 768px){
  .rwd-valid #footer-01 .link-legal{
  width: calc(100% + 20px);
  height: auto;
  margin: 0 -10px 12px;
  display: block;
  font-size: 12px;
  line-height: 2.17;
  text-align: center;
  }
}
#footer-01 .link-legal li{
margin-right: 41px;
display: inline-block;
list-style: none;
}
@media screen and (max-width: 768px){
  .rwd-valid #footer-01 .link-legal li{
  margin: 0 13px;
  }
}
#footer-01 .link-legal a,
#footer-01 .link-legal a:visited,
#footer-01 .link-legal a:hover,
#footer-01 .link-legal a:active,
#footer-01 .link-legal a:focus{
color: #fefefe;
}
#footer-01 .link-support{
display: none;
}
@media screen and (max-width: 768px){
  .rwd-valid #footer-01 .link-support{
  width: calc(100% + 20px);
  margin: 0 -10px 12px;
  padding: 0;
  display: block;
  font-size: 12px;
  text-align: center;
  }
  .rwd-valid #footer-01 .link-support li{
  margin: 0 13px;
  padding: 0;
  display: inline-block;
  list-style: none;
  }
  .rwd-valid #footer-01 .link-support .search{
  display: none;
  }
  .rwd-valid #footer-01 .link-support li a{
  color: #fff;
  }
  .rwd-valid #footer-01 .link-support a:visited{
  color: #fff;
  }
  .rwd-valid #footer-01 .link-support li a:hover,
  .rwd-valid #footer-01 .link-support li a:active,
  .rwd-valid #footer-01 .link-support li a:focus{
  color: #fff;
  }
  .rwd-valid #footer-01 .link-support li .icon{
  margin: 0;
  position: static;
  }
  .rwd-valid #footer-01 .link-support li .icon:before{
  display: inline-block;
  content: "";
  vertical-align: baseline;
  }
  .rwd-valid #footer-01 .link-support .global .icon:before{
  width: 16px;
  height: 16px;
  margin: 0 5px -2px 0;
  background: url(/WSR/common/renew_files/images/icon_global.png) no-repeat 0 0;
  }
  .rwd-valid #footer-01 .link-support .language .icon:before{
  width: 19px;
  height: 17px;
  margin: 0 7px -4px 0;
  background: url(/WSR/common/renew_files/images/icon_language.png) no-repeat 0 0;
  }
}
#footer-01 .link-youtube{
width: 305px;
height: 100%;
display: table-cell;
background-color: #fff;
font-size: 14px;
text-align: center;
vertical-align: middle;
}
@media screen and (max-width: 768px){
  .rwd-valid #footer-01 .link-youtube{
  width: calc(100% + 20px);
  margin: 0 -10px;
  display: block;
  font-size: 12px;
  font-weight: bold;
  }
}
#footer-01 .link-youtube a{
width: 305px;
height: 100%;
display: block;
color: #fefefe;
background-color: #000;
vertical-align: middle;
}
@media screen and (max-width: 768px){
  .rwd-valid #footer-01 .link-youtube a{
  width: 100%;
  height: auto;
  }
}
#footer-01 .link-youtube a:visited{
color: #fefefe;
}
#footer-01 .link-youtube a .icon{
margin: 18px 0;
position: static;
display: inline-block;
}
@media screen and (max-width: 768px){
  .rwd-valid #footer-01 .link-youtube a .icon{
  margin: 11px 0 10px;
  }
}
#footer-01 .link-youtube a .icon:after{
width: 35px;
height: 35px;
margin: -1px 0 0 14px;
display: inline-block;
background: url(/WSR/common/renew_files/images/icon_youtube.png) no-repeat 0 0;
content: "";
vertical-align: middle;
}
@media screen and (max-width: 768px){
  .rwd-valid #footer-01 .link-youtube a .icon:after{
  width: 26px;
  height: 26px;
  margin-left: 12px;
  background-size: contain;
  }
}
#footer-01 .link-youtube a:hover,
#footer-01 .link-youtube a:active,
#footer-01 .link-youtube a:focus{
opacity: 0.6;
color: #fff;
text-decoration: none;
-ms-filter: "alpha(opacity=60)";
}

#footer-02 .copyright{
font-size: 12px;
text-align: center;
}
@media screen and (max-width: 768px){
  .rwd-valid #footer-02 .copyright{
  font-size: 9px;
  }
}


/*==================================================
    05. Support
==================================================*/

/* z-index for Structure
---------------------------------------------*/
#header-01{
z-index: 113;
}
#search-window{
z-index: 112;
}
#sp-menu{
z-index: 111;
}
#str-header .area-megadown{
z-index: 103;
}
#header-02{
z-index: 102;
}
#header-03{
z-index: 101;
}
#overlay{
z-index: 100;
}

/* ClaerFix
---------------------------------------------*/
#header-01 .inner:after,
#header-02:after,
#header-03:after,
#main-wrapper:after,
#str-main .link-01:after,
#str-main .link-box-02:after,
#str-main .box-img-w180:after,
#str-main .box-img-w200:after,
#str-main .lyt-img:after,
#str-main .lyt-img-w130:after,
#str-main .lyt-img-w160:after,
#str-main .lyt-img-w200:after,
#str-main .lyt-img-rwd:after,
#str-main .lyt-tab .tab:after,
#page-home .lyt-product .inner:after,
#page-home .lyt-about .inner:after,
#str-main .col-2:after,
#str-main .col-2-adjust-h:after,
#str-main .col-3:after,
#str-main .col-3-adjust-h:after,
#str-main .col-4:after,
#str-main .col-4-adjust-h:after,
#str-main .col-5:after,
#str-main .col-5-adjust-h:after,
.rwd-valid #str-main .col-2-rwd:after,
.rwd-valid #str-main .col-2-rwd-adjust-h:after,
.rwd-valid #str-main .col-3-rwd:after,
.rwd-valid #str-main .col-3-rwd-adjust-h:after,
.rwd-valid #str-main .col-4-rwd:after,
.rwd-valid #str-main .col-4-rwd-adjust-h:after,
.rwd-valid #str-main .col-5-rwd:after,
.rwd-valid #str-main .col-5-rwd-adjust-h:after,
#header-01 .link-support:after,
#header-02 .btn-info:after,
#str-header .area-megadown .lyt-megadown:after,
#str-header .area-megadown .nav-megadown-01:after,
#str-header .area-megadown .nav-megadown-01 a:after{
display: block;
clear: both;
content: '';
}

@media screen and (max-width: 768px){
  .rwd-valid #str-main .col-2-rwd:after,
  .rwd-valid #str-main .col-2-rwd-adjust-h:after,
  .rwd-valid #str-main .col-3-rwd:after,
  .rwd-valid #str-main .col-3-rwd-adjust-h:after,
  .rwd-valid #str-main .col-4-rwd:after,
  .rwd-valid #str-main .col-4-rwd-adjust-h:after,
  .rwd-valid #str-main .col-5-rwd:after,
  .rwd-valid #str-main .col-5-rwd-adjust-h:after{
  display: none;
  }
}

/* margin
---------------------------------------------*/
#str-main .mb-00{
margin-bottom: 0 !important;
}
#str-main .mb-05{
margin-bottom: 5px !important;
}
#str-main .mb-10{
margin-bottom: 10px !important;
}
#str-main .mb-20{
margin-bottom: 20px !important;
}
#str-main .mb-30{
margin-bottom: 30px !important;
}
#str-main .mb-40{
margin-bottom: 40px !important;
}

/* text-color
---------------------------------------------*/
#str-main .tc-corp{
color: #532f91;
}

/* font
---------------------------------------------*/
#str-main .fsz-10h{
font-size: 10.5px !important;
}
#str-main .fsz-11{
font-size: 11px !important;
}
#str-main .fsz-12{
font-size: 12px !important;
}
#str-main .fsz-14{
font-size: 14px !important;
}
#str-main .fsz-16{
font-size: 16px !important;
}
#str-main .fsz-17{
font-size: 17px !important;
}
#str-main .fsz-18{
font-size: 18px !important;
}
#str-main .fsz-20{
font-size: 20px !important;
}
#str-main .fwg-bold{
font-weight: bold !important;
}
#str-main .fwg-normal{
font-weight: normal !important;
}
#str-main .fst-normal{
font-style: normal;
}

/*==================================================
    06. for Old Design
==================================================*/

div#wrapper{
margin-top: 9px;
}

#wrapper:after{
display: block;
clear: both;
content: '';
}

div#mainContents,
#ptmaincontainer{
width: 730px;
float: left;
}

div#bannerNavi{
float: right;
}

.design-prdct .pagetop{
margin-bottom:20px!important;
text-align: right;
}
.design-prdct .pagetop a{
position: relative;
color:#8a8a8a !important;
}
.design-prdct .pagetop a:before{
width: 7px;
height: 7px;
border-right: 2px solid #8a8a8a;
border-bottom: 2px solid #8a8a8a;
position: absolute;
top: 50%;
left: -15px;
display: block;
content: "";
-webkit-transform: rotate(-135deg);
-ms-transform: rotate(-135deg);
transform: rotate(-135deg);
}

.design-prdct .pagetop:last-child{
display: none;
}
@media screen and (max-width: 768px){
  .design-prdct .pagetop:last-child{
  display: block;
  }
}

#str-aside .naviHeading01{
margin-bottom: 8px !important;
padding: 2px 0 2px 15px;
color: #424242 !important;
background: url(/WSR/common/images/navi_heading01.gif) repeat-y left top;
font-size: 12px !important;
font-weight: bold !important;
line-height: 1 !important;
}

#str-aside .bannerCommon01{
margin: 0 0 15px 0;
padding: 0 0 10px 0;
background: url(/WSR/common/images/banner_line01.gif) repeat-x left bottom;
}
#str-aside .bannerCommon01 ul{
margin: 0;
padding: 0;
list-style-type: none;
}
#str-aside .bannerCommon01 ul li{
margin-bottom: 0;
padding-bottom: 5px;
}
#str-aside .bannerCommon01 ul li img{
margin-bottom: 0;
vertical-align: bottom;
}
#str-aside .bannerCommon02 ul{
margin: 0;
padding: 0;
list-style-type: none;
}
#str-aside .bannerCommon02 ul li{
margin-bottom: 0;
padding-bottom: 5px;
}

#str-aside .important{
margin-top: 9px;
padding: 15px 0 0 0;
background: url(/WSR/common/images/banner_line01.gif) repeat-x left top;
}

#str-aside .linkStyle01{
}
#str-aside .linkStyle01 a{
padding: 0 0 5px 15px;
display: block;
color: #06319e;
background: url(/WSR/common/images/icon_arrow01.gif) no-repeat 0px 3px;
}

/*banner opacity*/
#str-aside .bannerCommon01 a:hover img,
#str-aside .sideNavBanner a:hover img{
opacity: 0.85;

-ms-filter: "alpha(opacity=85)";
}


/*==================================================
    追記：201608
==================================================*/
/* Heading - hdg-025
---------------------------------------------*/
#str-main .hdg-rel-01,
#str-main h2.hdg-rel-01,
#str-main h3.hdg-rel-01{
margin-bottom: 22px;
font-size: 20px;
font-weight: bold;
}


@media screen and (max-width: 768px){
.map_tag {
position: relative;
padding-bottom: 75%;
height: 0;
overflow: hidden;
}
.map_tag iframe {
position: absolute;
top: 0;
left: 0;
width: 100% !important;
height: 100% !important;
}
}