@charset "UTF-8";
/* ======================================================
※※※※※※※※※※※※※※※※※※※※※※※※※※※※※
 * このファイルはSassで生成されています。
 * 直接編集しないようご注意ください。
※※※※※※※※※※※※※※※※※※※※※※※※※※※※※
======================================================= */
.is-logout-sprite, .loginbox-hd, .loginbox-cont-submit, .loginbox-cont-submit:hover {
  background-image: url('../img/is-logout-sf1ab29f7b5.png');
  background-repeat: no-repeat;
}

.is-login-sprite, .h-util .logout a, .h-util .logout a:hover, .blk-newslist-hd h2 {
  background-image: url('../img/is-login-s1a0c32adf3.png');
  background-repeat: no-repeat;
}

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font: inherit;
  font-size: 100%;
  vertical-align: baseline;
}

html {
  line-height: 1;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

q, blockquote {
  quotes: none;
}

q:before, q:after, blockquote:before, blockquote:after {
  content: "";
  content: none;
}

a img {
  border: none;
}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary {
  display: block;
}

strong,
em {
  font-weight: bold;
  font-style: normal;
}

small {
  font-size: 83%;
}

img,
iframe {
  border: none;
  vertical-align: bottom;
}

br {
  letter-spacing: 0;
}

a:link, a:visited {
  color: #7399c6;
  text-decoration: none;
}
a:hover, a:active {
  color: #7399c6;
  text-decoration: underline;
}
.l-header a:hover, .l-header a:active {
  color: #7399c6;
}

html,
body {
  height: 100%;
}

html {
  overflow-y: scroll;
}

body {
  margin: 0;
  background-color: #000;
  padding: 0;
  font: 14px "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  line-height: 1.5;
  color: #000;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 0;
  font-weight: bold;
}

address {
  font-style: normal;
}

ul {
  padding-left: 1.5em;
  list-style: disc;
}

ul ul {
  margin: 0;
  list-style: circle;
  padding-left: 1em;
}

ol {
  list-style: decimal;
  padding-left: 2.5em;
}

dt {
  margin-top: 1em;
  margin-bottom: .2em;
  font-weight: bold;
}

dd {
  padding-left: 1em;
}

table {
  margin: 1em 0;
  border: none;
  border-top: 1px solid #ccc;
  border-right: 1px solid #ccc;
  border-collapse: collapse;
  border-spacing: 0;
  empty-cells: show;
  line-height: 1.25;
  width: 100%;
}

th,
td {
  border-top: none;
  border-bottom: 1px solid #ccc;
  border-left: 1px solid #ccc;
  padding: 10px;
  text-align: left;
  vertical-align: baseline;
}

thead th {
  background-color: #4dae83;
  font-weight: bold;
  color: #fff;
}

caption {
  text-align: left;
}

table ul,
table ol,
table dl {
  margin: 0;
}

form {
  margin: 0 0 1em 0;
}

fieldset {
  padding: 0.25em 0.5em;
}

form dl {
  margin: 0 0 0.5em 0;
}

form dl dt {
  font-weight: normal;
}

form dl dd {
  margin-left: 0;
}

.l-inner {
  margin: 0 auto;
  width: 950px;
}

.l-col-2 .l-col {
  float: left;
  width: 50%;
}

.l-coordinates {
  position: relative;
}
.l-coordinates > p {
  position: absolute;
}

.l-f-r {
  float: right;
}

.l-f-l {
  float: left;
}

.l-horizontal {
  padding: 0;
}
.l-horizontal > * {
  float: left;
  _display: inline;
  list-style-type: none;
}
.l-horizontal dt {
  margin-right: 1em;
}
.l-horizontal dd {
  float: none;
  overflow: hidden;
}

.l-inline > *, .l-inline-nav > *, .nav-flat > * {
  display: inline-block;
}

.l-inline-nav {
  padding-left: 0;
  line-height: 1.1;
}
.l-inline-nav li {
  margin-left: 1em;
  border-left: 1px solid #7399c6;
  padding-left: 1em;
}
.l-inline-nav li:first-child {
  margin-left: 0;
  border-left: none;
  padding-left: 0;
}

.l-table dt,
.l-table .th {
  float: left;
  margin: 0;
  width: 20%;
}
.l-table dd,
.l-table .td {
  overflow: hidden;
}

.l-header {
  background: black url("../img/bg-header.png") 0 0 repeat-x;
  height: 121px;
}

.l-main {
  background: white url("../img/bg-main.png") 0 0 repeat-x;
  padding-bottom: 20px;
  min-height: 400px;
}
.root .l-main {
  background: #eaeaea url("../img/bg-main-home.png") 0 0 repeat-x;
}
.l-home-logout .l-main {
  padding: 140px 0;
}
.l-home .l-main {
  padding-top: 24px;
  padding-bottom: 285px;
}

.l-content {
  float: left;
  width: 720px;
}
.l-home .l-content {
  float: none;
  width: 100%;
}

.l-aside {
  float: right;
  width: 204px;
}

.l-footer {
  clear: both;
  border-top: 2px solid #7399c6;
  padding-top: 26px;
  padding-bottom: 20px;
}
.is-logout .l-footer {
  padding-top: 40px;
}

.FIR {
  overflow: hidden;
  text-indent: 100% !important;
  background-repeat: no-repeat;
  white-space: nowrap;
}
.FIR a {
  display: block;
  overflow: hidden;
  width: 100%;
  height: 100%;
  text-decoration: none;
}

.CFX {
  zoom: 1;
}
.CFX:before, .CFX:after {
  content: "";
  display: table;
}
.CFX:after {
  clear: both;
}

.section {
  margin-bottom: 1em;
  margin-top: 1em;
}
.section p {
  margin-bottom: 1em;
  line-height: 1.8;
}

.box-01 {
  margin-bottom: 2px;
  background-color: #242527;
  padding-bottom: 20px;
}
.box-01 .ttl {
  margin-bottom: 20px;
  border-left: 5px solid #4b4e53;
  padding-top: 18px;
  padding-left: 10px;
  color: #fff;
}
.box-01 .cont {
  margin: 0;
  text-align: center;
}
.box-01-inner {
  padding: 0 20px;
}

.flex-img {
  float: left;
  _display: inline;
  margin-right: 10px;
}
.flex-img-r {
  float: right;
  _display: inline;
  margin-left: 10px;
}
#profile-idx-sec-01 .flex-img-r {
  margin-left: 30px;
}
.flex-cont {
  overflow: hidden;
}

.image {
  text-indent: 0;
  text-align: center;
}
.image img {
  vertical-align: bottom;
}

.banners a:hover img {
  filter: alpha(opacity=75);
  -moz-opacity: 0.75;
  opacity: 0.75;
}

.bordered {
  border: 1px solid #cdcdcd;
}

.suplist li {
  padding-left: 1em;
  text-indent: -1em;
}

.unstyled {
  padding-left: 0;
  list-style: none;
}

.flatlist li {
  display: inline-block;
  margin-left: 6px;
  font-size: 1rem;
}
:root .flatlist {
  font-size: 0;
}

.piclist {
  padding-left: 0;
  margin-left: 40px;
}
.piclist li {
  float: left;
  _display: inline;
  margin-bottom: 20px;
  margin-left: 20px;
  list-style-type: none;
}

.weaklist {
  line-height: 1.3;
  font-size: 100%;
}

.colonedlist dt::after {
  content: ":";
  margin-right: .5em;
}

.ol01 {
  counter-reset: number;
  list-style: none;
}
.ol01 li {
  position: relative;
  padding-left: 2em;
}
.ol01 li::before {
  counter-increment: number;
  content: counter(number);
  position: absolute;
  top: 0;
  left: 0;
  background-color: #282c32;
  width: 18px;
  height: 18px;
  border-radius: 50%;
  color: #fff;
  text-align: center;
  line-height: 1.5;
  font-size: 12px;
}

.c-digit {
  text-align: right !important;
}

.c-num {
  text-align: center;
}

.tbl-outline {
  border: none;
  border-top: 1px dotted #666;
}
.tbl-outline th,
.tbl-outline td {
  border-width: 0 0 1px 0;
  border-style: dotted;
  border-color: #666;
  padding: 1em 0;
}
.tbl-outline th {
  width: 130px;
  font-size: 86%;
  font-weight: bold;
}

.portfolio-list {
  margin-top: 0;
  border: none;
  color: #fff;
  font-size: 86%;
}
.portfolio-list th,
.portfolio-list td {
  border: none;
  vertical-align: middle;
}
.portfolio-list thead th,
.portfolio-list thead td {
  background-color: #000;
}
.portfolio-list tbody .odd th,
.portfolio-list tbody .odd td {
  background-color: #242527;
}
.portfolio-list tbody .even th,
.portfolio-list tbody .even td {
  background-color: #2d2e32;
}
.portfolio-list p {
  margin: .5em 0;
}
.portfolio-list .c-num {
  width: 30px;
  color: #c9c9c9;
}
.portfolio-list .c-img {
  width: 270px;
}
.portfolio-list .c-location {
  width: 180px;
}
.portfolio-list .clickable:hover {
  cursor: pointer;
}
.portfolio-list .odd.clickable:hover th,
.portfolio-list .odd.clickable:hover td {
  background-color: #3c3e42;
}
.portfolio-list .even.clickable:hover th,
.portfolio-list .even.clickable:hover td {
  background-color: #45474d;
}

.tbl-data {
  margin-bottom: 0;
  border: none;
  font-size: 86%;
}
.tbl-data th,
.tbl-data td {
  vertical-align: middle;
}
.tbl-data th:first-child,
.tbl-data td:first-child {
  border-left: none;
}
.tbl-data thead th,
.tbl-data thead td {
  border-color: #696f7a;
  background-color: #696f7a;
  text-align: center;
  font-size: 10px;
}
.tbl-data tbody th,
.tbl-data tbody td {
  border-color: #242527;
  font-size: 10px;
}
.tbl-data tbody th {
  background-color: #ededed;
  font-size: 10px;
}
.tbl-data tbody td {
  background-color: #fff;
  text-align: left;
  font-size: 10px;
}
.tbl-data td.digit {
    text-align: right;
}
.tbl-data .c-num {
  width: 10px;
}
.tbl-data .c-corp,
.tbl-data .c-name,
.tbl-data .c-digit {
  padding-right: 20px;
  padding-left: 20px;
}
.tbl-data .c-corp {
  width: 150px;
}
.tbl-data .c-name {
  width: 240px;
}
#portfolio-rate-sec-03 .tbl-data .c-name {
  width: 150px;
}
.tbl-data .c-area {
  width: 90px;
}
#portfolio-rate-sec-03 .tbl-data .c-digit {
  padding-right: 5px;
  padding-left: 5px;
}

.nav-flat {
  margin-bottom: 1em;
  padding: 0;
  line-height: 1;
  letter-spacing: -.4em;
}
.nav-flat li {
  margin-left: .5em;
  border-left: 1px solid #666;
  padding-left: .5em;
  letter-spacing: normal;
}
.nav-flat li:first-child {
  margin-left: 0;
  border-left: none;
  padding-left: 0;
}
.nav-flat .current {
  font-weight: bold;
}

.pcat-office, .pcat-residence {
  padding: 0 5px;
  font-weight: bold;
  color: #fff;
  font-size: 86%;
}

.pcat-office {
  background-color: #147f95;
}

.pcat-residence {
  background-color: #c29312;
}

.ttl-lv02 {
  margin-bottom: .7em;
  font-size: 115%;
  font-weight: bold;
}

.point-lv1 {
  font-size: 115%;
}

.point-lv2 {
  font-size: 129%;
}

.point-lv3 {
  font-size: 143%;
}

.point-lv4 {
  font-size: 158%;
}

.point-lv5 {
  font-size: 172%;
}

.text-lead {
  font-size: 129%;
  font-weight: bold;
  line-height: 1.45;
}
.text-attention {
  color: #e60000;
}
.text-weak {
  font-size: 86%;
}
.text-posted {
  text-align: right;
}
.text-topic {
  text-align: center;
}

.h-logo {
  float: left;
  margin-bottom: 30px;
  padding-top: 30px;
}

.h-util {
  float: right;
  padding-top: 24px;
}
.h-util li {
  float: left;
  list-style: none;
}
.h-util a {
  height: 32px;
  line-height: 32px;
}
.h-util .logout {
  margin-left: 34px;
}
.h-util .logout a {
  background-position: 0 -32px;
  height: 32px;
  width: 102px;
}
.h-util .logout a:hover {
  background-position: 0 0;
  height: 32px;
  width: 102px;
}

.h-nav {
  clear: both;
  overflow: hidden;
  border-right: 1px solid #000;
  border-left: 1px solid #000;
  padding: 0;
  text-align: center;
}
.h-nav li {
  float: left;
  border-left: 1px solid #000;
  width: 157px;
  height: 40px;
  line-height: 40px;
  list-style: none;
}
.h-nav li:first-child {
  border: none;
}
.h-nav a {
  display: block;
  background-color: #242527;
  width: 100%;
  height: 100%;
}
.h-nav a:hover, .h-nav a:active, .h-nav a.is-current {
  background: url("../img/bg-h-nav-active.png") 0 0 repeat-x;
  text-decoration: none;
  color: #444;
}

.a-nav ul {
  padding: 0;
}
.a-nav li {
  margin-bottom: 1px;
  list-style: none;
}
.a-nav a {
  -moz-box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.2);
  box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.2);
  position: relative;
  display: block;
  background-color: #fff;
  padding: 14px 0 10px 32px;
  line-height: 1.2;
  text-decoration: none;
}
.a-nav a::before {
  content: url("../img/icon-carw-r.png");
  position: absolute;
  top: 14px;
  left: 11px;
}
.a-nav a:hover,
.a-nav .is-current {
  -moz-box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.2) inset;
  -webkit-box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.2) inset;
  box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.2) inset;
  background-color: #ededed;
  color: #333;
}
.a-nav a:hover::before,
.a-nav .is-current::before {
  content: url("../img/icon-dot.png");
}

.f-nav {
  float: left;
  margin-bottom: 1em;
  font-size: 93%;
}

.f-contact {
  float: right;
  width: 450px;
  color: #fff;
  font-size: 93%;
}
.f-contact dt {
  font-weight: normal;
}
.f-contact dd {
  padding-left: 0;
}
.f-contact-hd {
  position: relative;
  margin: 0 0 1em 0;
}
.f-contact-hd::after {
  position: absolute;
  top: 8px;
  right: 0;
  display: block;
  content: "";
  border-top: 2px solid #7399c6;
  width: 340px;
}
.f-contact-list {
  margin-top: .5em;
}
.f-contact-list dt {
  margin: 0;
}

.f-copyright {
  clear: left;
  overflow: hidden;
  font-size: 93%;
  color: #fff;
}

.loginbox {
  margin: 0 auto;
  background-color: #242527;
  padding: 19px 0 0 0;
  width: 475px;
  color: #fff;
}
.loginbox-hd {
  background-position: 0 0;
  height: 16px;
  width: 150px;
  margin: 0 auto;
}
.loginbox-wrap {
  display: block;
  padding: 8px 37px 20px 37px;
}
.loginbox-bd {
  margin-bottom: 8px;
}
.loginbox-cont-txt {
  -moz-box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.1) inset;
  -webkit-box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.1) inset;
  box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.1) inset;
  margin: 3px 0 10px 0;
  border: 1px solid #656565;
  background-color: #adb5b9;
  padding: 5px;
  width: 388px;
  height: 16px;
}
.loginbox-helper {
  float: left;
  font-size: 93%;
}
.loginbox-helper a {
  color: #7399c6;
}
.loginbox-cont-chk {
  margin-left: 0;
  vertical-align: middle;
}
.loginbox-label-chk {
  display: block;
}
.loginbox-label-chk:hover {
  cursor: pointer;
}
.loginbox-remind {
  margin-top: 3px;
  padding-left: 20px;
}
.loginbox-action {
  float: right;
}
.loginbox-cont-submit {
  border: none;
  background-color: transparent;
  padding: 0;
  background-position: 0 -53px;
  height: 37px;
  width: 171px;
}
.loginbox-cont-submit:hover {
  background-position: 0 -16px;
  height: 37px;
  width: 171px;
  cursor: pointer;
}

.topicpath {
  margin-bottom: 20px;
  padding-left: 0;
  font-size: 86%;
  line-height: 1.1;
}
.topicpath li::after {
  content: ">";
  margin-left: .5em;
  font-family: sans-serif;
}
.topicpath li.is-current::after {
  content: "";
}

.main-hd {
  margin-bottom: 14px;
  height: 74px;
  line-height: 94px;
  font-size: 115%;
  font-weight: bold;
}

.blk-newslist {
  font-size: 93%;
}
.blk-newslist dl {
  margin-bottom: 0;
}
.blk-newslist dt {
  float: left;
  clear: left;
  margin: 0;
  width: 130px;
  font-weight: normal;
}
.blk-newslist dd {
  overflow: hidden;
  margin-bottom: .7em;
}
.blk-newslist dd:last-of-type {
  margin-bottom: 0;
}
.blk-newslist-hd {
  position: relative;
  margin-bottom: 14px;
}
.blk-newslist-hd h2 {
  background-position: 0 -64px;
  height: 15px;
  width: 48px;
}
.blk-newslist-util {
  position: absolute;
  top: 0;
  right: 0;
  background: url("../img/icon-lines.png") 0 0 no-repeat;
  padding-left: 15px;
  font-size: 79%;
  line-height: 1;
}

.blk-hometopic {
  background-color: #fff;
  padding: 20px;
}

.fundBox {background-color: #fff;width:460px;margin-bottom: 30px;height:240px; float:left;  margin-right: 30px;    margin-top: 15px;}
.fundBox h2 { background-color:#000000; color:#fff; line-height:50px;font-size: 22px; padding-left:20px;}
.fundBox dl { margin:0 15px 0; font-size:14px; border-bottom:1px dotted #000; padding:4px 0}
.fundBox dl:after { content:""; clear:both; display:block;}
.fundBox dt { float:left; font-weight:normal; width:170px; margin:0}
.fundBox dd { margin-left:12.5em; display:block}

.dividendBox {background-color: #fff;width: 460px;height:240px; float:left;    margin-top: 15px;}
.dividendBox h2 { background-color:#000000; color:#fff; line-height:50px;font-size: 22px; padding-left:20px;}
.dividendBox dl { margin:0 15px 0; font-size:14px; border-bottom:1px dotted #000; padding:4px 0}
.dividendBox dl:after { content:""; clear:both; display:block;}
.dividendBox dt { float:left; font-weight:normal; width:155px; margin:0}
.dividendBox dd { margin-left:6.5em; display:block}
