@charset "utf-8";
/* CSS Document */

@font-face {
  font-family: CONDENSEicon;
  src: url(/assets/font/CONDENSEicon); /* IE9 Compat Modes */
  src: url(/assets/font/CONDENSEicon.eot#iefix) format('embedded-opentype'), /* IE6-IE8 */ url(/assets/font/CONDENSEicon.woff) format('woff'), url(/assets/font/CONDENSEicon.ttf) format('truetype'), url(/assets/font/CONDENSEicon.otf);
}

@media (min-width: 769px) {
  * {
    margin: 0;
    padding: 0;
  }

  body {
    margin: 0;
    padding: 0;
    font-size: 13px;
    font-family: Meiryo, 'メイリオ', Verdana, 'ヒラギノ角ゴ Pro W3', 'ＭＳ Ｐゴシック', 'Osaka', sans-serif;
    line-height: 1.8em;
    /*text-align:justify;
	text-justify:inter-ideograph;*/
  }

  a:link,
  a:visited {
    color: #000;
  }

  a:hover {
    color: #0096b2;
  }

  /* 共通（仮）移動するかも。----------------------------------- */

  /* 例の色の＞がつくli */

  /* .arrow_mainc li {
  position: relative;
}
.arrow_mainc li:before {
  content: '';
  position: absolute;
  left: -8px;
  top: 13px;
  border: solid #0096b2;
  border-width: 0 2px 2px 0;
  padding: 2px;
  transform: translateY(-50%) rotate(-45deg);
} */

  .arrow_mainc li:before {
    content: 'ú';
    color: #0096b2;
    font-family: CONDENSEicon;
  }
  .arrow_mainc li a {
    color: #000;
  }
  .arrow_mainc li a:hover {
    color: #0096b2;
  }

  /* グレーに下アンダーラインの見出し */
  .headline3_sub {
    background: #e0e0e0;
    padding: 8px 0 7px 15px;
    font-size: 16px;
  }

  #wrap_contents .h2_wrap,
  #contents .h2_wrap {
    margin: 0 0 20px 0;
    height: 50px;
    position: relative;
  }

  #contents .h2_wrap h2 {
    float: left;
    padding: 13px 17px 11px 17px;
    font-size: 26px;
    line-height: 1em;
    color: #fff;
    font-weight: bold;
  }

  #contents .h2_wrap .seo {
    font-size: 10px;
    font-weight: bold;
    line-height: 1.5em;
    width: 490px;
    position: absolute;
    top: 10px;
    left: 460px;
  }

  .h3_normal {
    padding: 10px 0 6px 15px;
    margin-bottom: 10px;
    color: #fff;
    font-weight: bold;
    font-size: 18px;
    line-height: 1em;
  }
  /* ☆ 売る買う投資TOP改善 [追加]2016/12/15 start */
  /** ブロググループタイトル **/
  .h3_normal_pt2 {
    padding: 10px 0 6px 15px;
    color: #fff;
    font-size: 16px;
    line-height: 1em;
  }
  /* ☆ 売る買う投資TOP改善 [追加]2016/12/15 end */

  /* グレーのボタン */

  .btn_gray {
    position: absolute;
    top: 7px;
    right: 15px;
    font-size: 14px;
    line-height: 1.6em;
  }

  .btn_gray_middle {
  }

  .btn_gray a {
    display: block;
    background: url(../images/format/bg_btn_gray150.png) no-repeat;
    width: 150px;
    height: 27px;
    color: #fff;
    text-align: center;
  }

  .btn_gray_middle a,
  .btn_blue_middle a {
    display: block;
    width: 210px;
    font-size: 16px;
    height: 38px;
    color: #fff !important;
    text-decoration: none !important;
    text-align: center;
  }

  .btn_gray_middle a {
    background: url(../images/mypage/btn_gray_middle.png) no-repeat;
  }

  .btn_blue_middle a {
    background: url(../images/mypage/btn_blue_middle.png) no-repeat;
  }

  .btn_gray a span {
    display: block;
    padding: 3px 0;
  }

  .btn_gray_middle a span,
  .btn_blue_middle a span {
    display: block;
    padding: 7px 0;
  }

  .btn_gray a:hover {
    background: url(../images/format/bg_btn_gray150_r.png) no-repeat;
  }

  .btn_gray_middle a:hover {
    background: url(../images/mypage/btn_gray_middle_r.png) no-repeat;
  }
  .btn_blue_middle a:hover {
    background: url(../images/mypage/btn_blue_middle_r.png) no-repeat;
  }

  .btn_gray a:hover span {
    position: relative;
    top: 2px;
  }

  .btn_gray_middle a:hover span,
  .btn_blue_middle a:hover span {
    position: relative;
    top: 3px;
  }

  /* HEADER +++++++++++++++++++++++++++++  */

  #header {
    padding: 0 0 12px 0;
  }

  /* L------------------ */

  #header .L {
    padding: 5px 0 0 0;
    width: 460px;
  }
  #header h1 {
    font-size: 12px;
    margin: 0 0 10px 0;
  }
  #header #logo {
    padding: 2px 0 0 0;
  }

  /* R------------------ */

  #header .R {
    padding: 5px 0 0 0;
    width: 500px;
  }

  #header .R .head_elements {
    padding: 0 0 10px 0;
    margin-left: 30px;
    width: 450px;
    text-align: right;
  }

  /* 文字の大きさ選択 */

  #header .R .head_elements .L {
    margin-right: 10px;
    width: 195px;
  }
  #header .R .head_elements .R {
    width: 231px;
    padding: 7px 0 0 0;
  }

  #header .R .head_elements li {
    float: left;
    font-size: 14px;
    margin-right: 10px;
    padding: 3px 0 0 0;
  }
  #header .R .head_elements li.btn {
    padding: 2px 5px;
    margin-right: 5px;
    border: solid 2px #0096b2;
    cursor: pointer;
  }
  #header .R .head_elements li.btn:hover {
  }
  #header .R .head_elements li.current {
    background: #bce2e7;
  }

  /* ヘッダーナビ */

  #header .R .navi {
    padding: 10px 0 0 0;
  }
  #header .R .navi li {
    float: right;
    margin-right: 7px;
  }
  #header .R .navi li.last {
    margin: 0;
  }

  #header .R .navi li.wrapLi {
    margin-right: 25px;
  }
  #header .R .navi #navi_m {
    font-size: 14px;
  }

  /* NAVI +++++++++++++++++++++++++++++  */

  #navi {
    background: url(../images/format/bg_header.jpg) repeat-x;
    height: 45px;
    margin-bottom: 2px;
    position: relative;
    top: 0;
  }

  #navi ul {
    padding: 4px 0 0 0;
    position: relative;
  }

  #navi li {
    float: left;
    position: relative;
    height: 37px;
  }

  #navi .navi .rollover_wrap {
    position: relative;
    display: block;
    overflow: hidden;
  }

  #navi .navi .rollover_wrap .on,
  #navi .navi .rollover_wrap .off {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 0;
    cursor: pointer;
  }

  .rollover_wrap .on {
    display: none;
  }
  .rollover_wrap .off {
    display: block;
  }

  #right {
    width: 210px;
    float: right;
  }

  /* CONTENTS +++++++++++++++++++++++++++++  */

  #contents {
    /*margin-bottom:35px;  TOPだけ*/
    margin-bottom: 15px;
  }

  #wrap_contents #main {
    float: left;
    width: 720px;
  }
  #wrap_contents #right {
    float: right;
    width: 210px;
  }

  /* pan */
  #pan {
    text-align: left;
    font-size: 12px;
    line-height: 1.3em;
    color: #000;
    z-index: 10;
    margin: 17px 0 5px 0;
  }

  #pan a {
    color: #0096b2;
  }

  #pan a:hover {
    text-decoration: underline;
  }

  #pan a {
    color: #0096b2;
  }

  /* RIGHT +++++++++++++++++++++++++++++  */

  .right_column {
    margin-bottom: 20px;
  }
  .right_column.right_banners {
    margin-bottom: 5px;
  }
  .right_column.o {
    margin-bottom: 20px;
  }

  /* マイページ */

  #right_mypage {
    /*margin:0 0 25px 0;*/
  }

  #right_mypage hr {
    border-bottom: dashed 1px #1bafca;
    border-left: 0;
    border-right: 0;
    border-top: 0;
    width: 175px;
    margin: 15px auto;
  }

  #right_mypage h3 {
    color: #fff;
    background: #0096b2;
    padding: 7px 0 5px 50px;
    border-bottom: solid 3px #00697d;
    color: #fff;
    font-weight: bold;
    font-size: 18px;
    text-shadow: 0 1px 0 #069;
    position: relative;
  }

  #right_mypage h3 span {
    position: absolute;
    top: 6px;
    left: 13px;
  }

  #right_mypage .wrap {
    border-bottom: solid 3px #0096b2;
    border-left: solid 3px #0096b2;
    border-right: solid 3px #0096b2;

    padding: 10px 0 15px 0;
  }

  #right_mypage select {
    line-height: 27px;
    height: 27px;
    position: relative;
    top: 2px;
    font-size: 13px;
    width: 110px;
  }

  #right_mypage .text,
  #right_mypage .attention,
  #right_mypage .box_member,
  #right_mypage .wrap ul,
  #right_mypage .wrap .search_area,
  #right_mypage .wrap .btn_logout {
    width: 175px;
    margin: 0 auto;
  }

  /* マイページ用の右カラム除外 */
  #right_mypage ul.arrow_mainc:not(.change_fontsize) {
    font-size: 14px;
  }
  #right_mypage .box_member:not(.change_fontsize) {
    font-size: 14px;
  }
  #right_mypage .text {
    font-size: 14px;
  }

  #right_mypage .box_member p {
    line-height: 1.5em;
    margin-bottom: 5px;
  }

  #right_mypage .box_member p span {
    position: relative;
    top: 3px;
    margin-right: 2px;
  }

  #right_mypage .box_member p a {
    text-decoration: underline;
    color: #0096b2;
  }
  #right_mypage .box_member p a:hover {
    color: #000;
  }

  #right_mypage .attention {
    font-size: 14px;
    line-height: 1.2em;
    margin-bottom: 5px;
  }

  #right_mypage .attention a {
    text-decoration: underline;
    color: #0096b2;
  }
  #right_mypage .attention a:hover {
    color: #000;
  }

  #right_mypage .text {
    margin-bottom: 5px;
    line-height: 1.5em;
  }

  #right_mypage .wrap .btn_logout {
    margin-bottom: 12px;
    cursor: pointer;
  }
  #right_mypage .wrap .search_area {
    background: none;
    height: auto;
    margin-bottom: 10px;
  }

  #right_mypage .wrap .search_area .btn {
    cursor: pointer;
  }

  #right_mypage .wrap ul {
    margin-bottom: 10px;
  }

  #right_mypage .wrap ul li {
    line-height: 1.3em;
    margin: 0 0 5px 0;
  }

  #right_mypage .wrap ul li ul li {
    color: #b30000;
    margin-left: 20px;
    background: url(../images/format/icon_bell.png) no-repeat;
    padding: 0 0 0 20px;
  }
  #right_mypage .wrap ul li ul li:before {
    content: '';
  }

  #right_mypage .wrap ul li.on:before {
  }
  #right_mypage .wrap ul li.on span {
    color: #b40c0c;
  }

  #right_mypage .wrap .h4_menu {
    background: #f2f2f2;
    color: #1bafca;
    font-weight: bold;
    font-size: 14px;
    text-align: center;
    padding: 3px 0;
    width: 175px;
    margin: 5px auto;
  }

  #right_mypage .wrap .h4_area {
    font-size: 12px;
    background: #a1e3f1;
    margin: 5px auto;
    padding: 3px 0 3px 10px;
    width: 175px;
  }

  #right_mypage .wrap .btns {
    margin-bottom: 5px;
  }

  #right_mypage .wrap .btns li {
    margin-bottom: 3px;
  }

  #right_mypage .wrap .logout {
    padding: 0 0 0 15px;
    font-size: 14px;
    margin-top: -5px;
  }

  #right_mypage .wrap .logout:before {
    content: 'o';
    font-family: CONDENSEicon;
    color: #0096b2;
  }

  #right_mypage .wrap .logout a {
    color: #0096b2;
    text-decoration: underline;
  }

  #right_mypage .wrap .logout a:hover {
    color: #000;
  }

  #right_mypage .wrap .kakakuhenkou a,
  #right_mypage .wrap .new_bukken a {
    color: #b30000;
    text-decoration: underline;
  }

  #right_mypage .wrap .kakakuhenkou a:hover,
  #right_mypage .wrap .new_bukken a:hover {
    color: #000;
  }

  /* mypage 20240301更新分 */
  #right_mypage .wrap.wrap_mypage {
    padding: 10px;
  }
  #right_mypage .wrap.wrap_mypage .div_image {
    text-align: center;
  }
  #right_mypage .wrap.wrap_mypage a.bannerlink:hover {
    opacity: 0.8;
    filter: alpha(opacity=80);
    -ms-filter: 'alpha(opacity=80)';
    -khtml-opacity: 0.8;
    -moz-opacity: 0.8;
  }
  #right_mypage .wrap.wrap_mypage img {
    max-width: 100%;
  }
  #right_mypage .wrap.wrap_mypage .mb15 {
    margin-bottom: 15px;
  }
  #right_mypage .wrap.wrap_mypage .line_top {
    margin: 15px 0;
    border-top: 1px dotted #000;
    padding: 15px 0 0;
  }
  #right_mypage .wrap.wrap_mypage ul {
    margin: 0 auto;
    width: auto;
  }
  #right_mypage .wrap.wrap_mypage ul li .guest {
    position: relative;
    left: 18px;
  }
  #right_mypage .wrap.wrap_mypage ul li .color_blue {
    color: #0096b2;
  }

  /* お役立ち情報 +地域情報 */
  #right_useful {
  }

  #right_useful .wrap,
  #right_area .wrap {
    border-left: solid 3px #0096b2;
    border-right: solid 3px #0096b2;
    border-bottom: solid 3px #0096b2;
  }

  #right_useful .text {
    line-height: 1.5em;
    padding: 15px 0;
  }

  #right_useful .text,
  #right_useful ul,
  #right_useful .link {
    width: 185px;
    margin: 0 auto;
    font-size: 14px;
  }

  #right_useful ul {
    margin-bottom: 20px;
  }
  #right_useful ul.last {
    margin-bottom: 5px;
  }

  #right_useful ul li {
    border-bottom: dotted 1px #999999;
    line-height: 1.3em;
    margin-bottom: 6px;
    padding-bottom: 6px;
  }

  #right_useful ul li.text {
    font-size: 10px;
    line-height: 1.2em;
    background: #eee;
    padding: 5px 0;
    text-align: center;
    margin-bottom: 5px;
    border-bottom: 0;
  }
  #right_useful ul li.text:before {
    content: '';
  }

  /* E.Makabe追加 START*/
  #right_useful h4 {
    background: #5cbcce;
    color: #fff;
    padding: 3px 10px;
    margin: 1px 1px 5px 1px;
    font-size: 14px;
    margin-bottom: 10px;
  }

  #right_useful.right_column .h3_sub {
    background: #0096b2;
    color: #fff;
    font-size: 14px;
    /*padding:5px 0 3px 45px;*/
    padding: 5px 5px 3px 5px;
  }

  #right_useful.right_column .h3_sub span {
    position: absolute;
    top: 4px;
    left: 10px;
  }

  #right_useful.right_column .h3_sub span.senmonka {
    position: absolute;
    top: 2px;
    left: 15px;
  }
  /* E.Makabe追加 END */

  #right_useful h3,
  #right_area h3 {
    position: relative;
    padding-left: 50px;
    margin-bottom: 0;
  }
  #right_useful h3 span,
  #right_area h3 span {
    position: absolute;
    top: 6px;
    left: 13px;
  }

  #right_useful .link {
    text-align: right;
    padding: 0 0 20px 0;
  }

  #right_useful .link a {
    color: #0096b2;
    text-decoration: underline;
  }

  #right_useful .link a:hover {
    color: #000;
  }
  #right_useful.right_column .wrap .btn_top_back {
    width: 170px;
    margin: 0 auto;
    margin-bottom: 13px;
  }

  /* 地域情報 */
  #right_area .text,
  #right_area .btn_top_back {
    width: 175px;
    margin: 0 auto;
    padding-top: 15px;
    line-height: 1.5em;
  }

  #right_area .btn_top_back {
    padding-bottom: 15px;
  }

  /* 店舗ブログ */

  #right_blog {
    margin: 0 0 35px 0;
  }

  #right_blog .text {
    margin: 0 0 10px 0;
    font-size: 14px;
  }

  #right_blog h2 {
    margin: 0 0 10px 0;
    border-bottom: solid 3px #55a9e0;
  }
  #right_blog dt {
    margin: 0;
    padding: 5px 0 0 0;
    line-height: 1em;
    word-wrap: break-word;
    font-size: 14px;
  }
  #right_blog dt a {
    color: #1974b0;
  }
  #right_blog dt a:hover {
    color: #243d77;
  }

  #right_blog dd {
    color: #949494;
    font-size: 13px;
    border-bottom: dotted 1px #d4d4d4;
    margin: 0 0 5px 0;
    padding: 0 0 5px 0;
    line-height: 1em;
  }
  #right_blog .btn {
    margin-top: 10px;
  }

  /* お知らせ */
  #right_news {
  }
  #right_news h2 {
    margin: 0 0 10px 0;
    border-bottom: solid 3px #0096b2;
  }
  #right_news .dl_banners dt {
    padding: 0 0 2px 0;
  }
  #right_news .dl_banners dd {
    margin: 0 0 10px 0;
    color: #999;
    line-height: 1.4em;
    /*TOPのお知らせ*/
    word-wrap: break-word;
  }
  #right_news .dl_news {
    border-top: dotted 1px #999999;
    padding: 10px 0 0 0;
  }

  #right_news .dl_news dt {
    font-weight: bold;
    background: url(../images/format/icon_news.jpg) no-repeat 0 7px;
    padding: 0 0 0 9px;
  }
  #right_news .dl_news dd {
    border-bottom: dotted 1px #999999;
    padding: 0 0 12px 0;
    margin: 0 0 7px 0;
    line-height: 1.4em;
    word-wrap: break-word;
  }
  #right_news .dl_news dd a {
    color: #333;
    text-decoration: underline;
  }
  #right_news .dl_news dd a:hover {
    color: #3c53c4;
  }

  /* バナー */
  .right_banners {
  }

  .right_banners02 li {
    margin: 0 0 20px 0;
  }

  .right_column.right_banners04 {
    margin-bottom: 5px;
  }

  .right_column.right_banners04 .last {
    margin-bottom: 20px;
  }

  /* ご挨拶 */
  #right_greeting {
    border: solid 4px #ededed;
    padding: 15px;
    font-size: 95%;
  }
  #right_greeting h2 {
    font-weight: bold;
    font-size: 14px;
    margin: 0 0 5px 0;
  }
  #right_greeting .text {
    font-size: 12px;
    text-align: justify;
    text-justify: inter-ideograph;
  }

  /* サポート */
  #right_support {
  }
  #right_support .wrap {
    border-left: solid 3px #0096b2;
    border-right: solid 3px #0096b2;
    border-bottom: solid 3px #0096b2;
    padding: 20px 0 10px 0;
  }

  #right_support h3 {
    color: #fff;
    background: #0096b2;
    padding: 7px 0 5px 23px;
    border-bottom: solid 3px #00697d;
    color: #fff;
    font-weight: bold;
    font-size: 14px;
    text-shadow: 0 1px 0 #069;
    position: relative;
  }
  #right_support h3 span {
    position: absolute;
    top: 12px;
    left: 5px;
  }

  #right_support h3 span img {
    width: 17px;
  }

  #right_support .text {
    line-height: 1.5em;
    padding: 15px 0;
  }
  #right_support .unit {
    width: 165px;
    margin: 0 auto;
    margin-bottom: 10px;
  }
  #right_support .unit img {
    border: solid 1px #cccccc;
  }

  #right_support .unit .link {
    border-bottom: dotted 1px #b7b7b7;
    padding: 0 0 2px 0;
    font-size: 14px;
  }

  #right_support .unit .link:before {
    content: 'ú';
    color: #0096b2;
    font-family: CONDENSEicon;
  }

  /* 店舗 */
  .block_store_information .text {
    margin-bottom: 7px;
    font-size: 14px;
  }

  /* FOOTER +++++++++++++++++++++++++++++  */

  #footer {
    margin: 40px 0 0 0;
  }

  /* サイトマップ */

  #footer .sitemaps {
    background: #f4f4f4;
    padding: 20px 0;
  }

  /* サイトマップ固定 */

  #footer .sitemaps h3 {
    color: #0096b2;
    font-size: 14px;
    font-weight: bold;
    margin: 0 0 5px 0;
  }

  #footer .sitemaps .sitemap_fixed .box01,
  #footer .sitemaps .sitemap_fixed .box02,
  #footer .sitemaps .sitemap_fixed .box03,
  #footer .sitemaps .sitemap_fixed .box04 {
    float: left;
  }
  #footer .sitemaps .sitemap_fixed .box01,
  #footer .sitemaps .sitemap_fixed .box02,
  #footer .sitemaps .sitemap_fixed .box03 {
    border-right: dotted 1px #0096b2;
  }

  #footer .sitemaps .sitemap_fixed .box02 ul,
  #footer .sitemaps .sitemap_fixed .box03 ul,
  #footer .sitemaps .sitemap_fixed .box04 ul {
    margin-left: 20px;
  }
  #footer .sitemaps .sitemap_fixed .box02 h3,
  #footer .sitemaps .sitemap_fixed .box03 h3,
  #footer .sitemaps .sitemap_fixed .box04 h3 {
    margin-left: 20px;
  }

  #footer .sitemaps .sitemap_fixed ul {
    margin: 0 0 15px 0;
    font-size: 13px;
  }

  #footer .sitemaps .sitemap_fixed ul li a {
    font-size: 13px;
  }

  #footer .sitemaps .sitemap_fixed li {
    line-height: 1.3em;
    margin: 0 0 8px 1em;
    text-indent: -1em;
  }

  #footer .sitemaps .sitemap_fixed .box01 {
    width: 190px;
  }
  #footer .sitemaps .sitemap_fixed .box02 {
    width: 324px;
  }
  #footer .sitemaps .sitemap_fixed .box03 {
    width: 253px;
  }
  #footer .sitemaps .sitemap_fixed .box04 {
    width: 190px;
  }

  /* サイトマップトップ */

  #footer .sitemaps .sitemap_variation {
    border-bottom: solid 1px #0096b2;
    border-top: solid 3px #0096b2;
    padding: 20px 0 20px 0;
    /*★フッダー対応で修正 kanada*/
    /*ホームナビ対応のため戻す 20150710*/
    margin-bottom: 30px;
    margin-top: 10px;
  }
  /*★フッダー対応で追加 kanada*/
  #footer .sitemaps .sitemap_middle {
    border-bottom: solid 1px #0096b2;
    /*ホームナビ対応のため paddind-topを30px→0pxとする 20150710*/
    padding: 0 0 20px 0;
    margin-bottom: 30px;
    /*margin-top:10px;*/
  }

  #footer .sitemaps #sitemap_top .box01,
  #footer .sitemaps #sitemap_top .box02,
  #footer .sitemaps #sitemap_top .box03 {
    float: left;
    /* ホームナビ対応 高さ160px→95px 20150710*/
    height: 170px;
  }
  #footer .sitemaps #sitemap_top .box01 {
    /* ☆運用 課題1978 TRUSTeマーク更新対応 [変更]2016/03/04  start */
    width: 190px;
    /* ☆運用 課題1978 TRUSTeマーク更新対応 [変更]2016/03/04  end  */
    border-right: dotted 1px #0096b2;
  }
  #footer .sitemaps #sitemap_top .box02 {
    /* ☆運用 課題1992 女性活躍推進法対応 [変更]2016/04/01  start */
    width: 578px;
    /* ☆運用 課題1992 女性活躍推進法対応 [変更]2016/04/01  end  */
    border-right: dotted 1px #0096b2;
  }
  #footer .sitemaps #sitemap_top .box02 ul,
  #footer .sitemaps #sitemap_top .box03 ul {
    margin-left: 20px;
  }
  #footer .sitemaps #sitemap_top .box02 ul li a,
  #footer .sitemaps #sitemap_top .box03 ul li a {
    font-size: 14px;
  }

  #footer .sitemaps #sitemap_top .box03 {
    /* ☆運用 課題1992 女性活躍推進法対応 [変更]2016/04/01  start */
    width: 190px;
    /* ☆運用 課題1992 女性活躍推進法対応 [変更]2016/04/01  end  */
  }
  #footer .sitemaps #sitemap_top .box01 dl {
    /* ☆運用 課題1978 TRUSTeマーク更新対応 [変更]2016/03/04  start */
    margin-right: 10px;
    /* ☆運用 課題1978 TRUSTeマーク更新対応 [変更]2016/03/04  end  */
  }

  #footer .sitemaps #sitemap_top .box01 dt {
    margin: 0 0 5px 0;
  }
  #footer .sitemaps #sitemap_top .box01 dd {
    font-size: 14px;
    line-height: 1.8em;
    margin: 0 0 10px 0;
  }

  /* サイトマップ買いたい */
  #footer .sitemaps #sitemap_kaitai {
    padding: 30px 0;
    margin-bottom: 20px;
  }

  #footer .sitemaps #sitemap_kaitai .box01,
  #footer .sitemaps #sitemap_kaitai .box02,
  #footer .sitemaps #sitemap_kaitai .box03,
  #footer .sitemaps #sitemap_kaitai .box04,
  #footer .sitemaps #sitemap_kaitai .box05 {
    float: left;
    width: 180px;
  }

  #footer .sitemaps #sitemap_kaitai ul li a {
    font-size: 14px;
  }

  #footer .foot_navi {
    padding: 15px 0;
  }

  #footer .foot_navi li {
    float: left;
    margin-right: 15px;
  }

  #footer .foot_navi li a {
    font-size: 14px;
  }

  #footer .address {
    background: #0096b2;
    color: #fff;
    padding: 4px 0;
    font-size: 10px;
  }

  /* サイトマップ売りたい */
  #footer .sitemaps #sitemap_uritai {
    padding: 30px 0;
    margin-bottom: 20px;
  }

  #footer .sitemaps #sitemap_uritai .box01,
  #footer .sitemaps #sitemap_uritai .box02,
  #footer .sitemaps #sitemap_uritai .box03 {
    float: left;
    width: 320px;
  }

  #footer .sitemaps #sitemap_uritai h4 {
    font-weight: bold;
    font-size: 14px;
  }

  #footer .sitemaps #sitemap_uritai ul {
    float: left;
    width: 75px;
  }

  #footer .sitemaps #sitemap_uritai ul li a {
    font-size: 14px;
  }

  /* ページ上部へ -------------- */

  .page_top {
    text-align: right;
    font-size: 12px;
    margin: 0 auto 10px auto;
  }

  .page_top_inner {
    text-align: right;
    font-size: 12px;
    margin: 10px auto 20px auto;
  }

  .page_top span,
  .page_top_inner span {
    background: #0096b2;
    padding: 1px 3px;
    margin-right: 5px;
    color: #fff;
    font-family: 'CONDENSEicon';
  }

  .page_top a,
  .page_top_inner a {
    color: #000;
  }

  .page_top a:hover,
  .page_top_inner a:hover {
    color: #0096b2;
  }

  /*------------------------------------------------------------------------------

 subページ（シンプルヘッダ）のスタイル 

-------------------------------------------------------------------------------*/

  /*header ------------------------------------------------*/

  #header_sub {
    /*	height:90px;*/
    height: 70px;
    /*    background:url(../images/format/bg_sub_header.jpg) repeat-x top;*/
    margin-bottom: 20px;
    border-bottom: solid 1px #ddd;
  }

  #header_sub h1 {
    padding: 20px 0 0 0;
  }

  /*------------------------------------------------------------------------------

 複数のcategoryにまたがって使うスタイル  これもCSS分けるかも

-------------------------------------------------------------------------------*/

  /*h2のカラー ------------------------------------------------*/

  .h2_kaitai {
    background: url(../images/format/bg_h2_kaitai.jpg) repeat-x #5cbdc0;
  }
  .h2_kaitai h2 {
    text-shadow: 2px 2px 0px #00989d;
  }

  .h2_toushi {
    background: url(../images/format/bg_h2_toushi.jpg) repeat-x #f5b05c;
  }
  .h2_toushi h2 {
    text-shadow: 2px 2px 0px #d26900;
  }

  .h2_store {
    background: url(../images/format/bg_h2_tenpo.jpg) repeat-x #6ca4c8;
  }
  .h2_store h2 {
    text-shadow: 2px 2px 0px #265574;
  }

  .h2_store .btn_store_mainoffice {
    position: absolute;
    right: 20px;
    top: 8px;
  }

  .h2_useful {
    background: url(../images/format/bg_h2_useful.jpg) repeat-x #5cbcce;
  }
  .h2_useful h2 {
    text-shadow: 2px 2px 0px #00829a;
  }

  .h2_uritai {
    background: url(../images/format/bg_h2_uritai.jpg) repeat-x #aed45c;
  }
  .h2_uritai h2 {
    text-shadow: 2px 2px 0px #80bb00;
  }

  /*h3のカラー ------------------------------------------------*/

  .h3_uritai {
    background: #aed45c;
    border-bottom: solid 3px #99c141;
    text-shadow: 1px 1px #658421;
  }
  .h3_kaitai {
    background: #5bbdc0;
    border-bottom: solid 3px #00999b;
    text-shadow: 1px 1px #3c7e7c;
  }

  .h3_toushi {
    background: #f5b05c;
    border-bottom: solid 3px #f08600;
    text-shadow: 1px 1px #d57700;
  }

  .h3_toushi_oyakudachi {
    background: #b9992d;
    border-bottom: solid 3px #b9992d;
    text-shadow: 1px 1px #b9992d;
    font-size: 20px;
  }

  .h3_store_pt2 {
    background: #6ca4c8;
    border-bottom: solid 3px #1970a9;
    text-shadow: 1px 1px #0e5888;
  }

  .h3_common {
    background: #5caec0;
    border-bottom: solid 3px #0096b2;
    text-shadow: 1px 1px #3c7e7c;
  }

  .h4_normal {
    color: #735b00;
    font-size: 20px;
    font-weight: bold;
    line-height: 1em;
    margin-bottom: 10px;
    padding: 5px 0 6px 5px;
  }

  .h4_toushi_senmonkaqa {
    margin: 0 0 10px;
    background: #d5c27d;
    text-shadow: 1px 1px #b9992d;
    margin-left: 20px;
    margin-right: 20px;
  }

  .h4_toushi_column {
    margin: 0 0 10px;
    background: #d5c27d;
    text-shadow: 1px 1px #b9992d;
    margin-left: 20px;
    margin-right: 20px;
  }

  /*------------------------------------------------------------------------------

 あとでcssを分けるかも

-------------------------------------------------------------------------------*/

  /* エラー ------------------------------------------------*/

  .id_error {
    border: solid 3px #e6e6e6;
    margin-top: 30px;
  }

  .id_error .block_error_inner {
    width: 710px;
    margin: 80px auto;
  }

  .id_error .block_error_inner .img_trust {
    width: 190px;
  }

  .id_error .block_error_inner .error_text {
    padding: 10px 0 0 0;
    width: 510px;
  }
  .id_error .block_error_inner .error_text .wrap_border {
    border: solid 1px #0096b2;
    padding: 10px 20px;
    margin: 10px 0;
    color: #0096b2;
    font-weight: bold;
    line-height: 1.4em;
  }

  .id_error .block_error_inner .error_text .text {
    font-size: 14px;
  }

  .id_error .block_error_inner .error_text p {
    margin: 20px 0 0 0;
  }
  .id_error .block_error_inner .error_text p a {
    color: #0096b2;
    text-decoration: underline;
  }
  .id_error .block_error_inner .error_text p a:hover {
    color: #000;
  }

  .id_error .block_error_inner .error_text .btn {
    padding: 30px 0 0 0;
  }

  .id_error .block_error_inner h2 {
    color: #0096b2;
    font-size: 24px;
    margin: 0 0 30px 0;
  }

  /*エラー_ふきだし--------------------------------------------------------*/

  .arrow_wrap {
    position: relative;
  }

  .arrow_box {
    color: #fff;
    background-color: #0096b2;
    border-radius: 5px;
    position: absolute;
    padding: 2%;
    z-index: 10;
    /*    -moz-box-shadow:
		0px 1px 1px rgba(110,110,110,1);
	-webkit-box-shadow:
		0px 1px 1px rgba(110,110,110,1);
	box-shadow:
		0px 1px 1px rgba(110,110,110,1); */
  }

  .arrow_box:after {
    border: 10px solid transparent;
    border-top-color: #0096b2;
    border-bottom-width: 0;
    bottom: -9px;
    content: '';
    display: block;
    left: 10%;
    position: absolute;
    width: 0;
    z-index: 15;
  }

  /* フォントサイズ切り替えボタンのスタイル。自由にカスタマイズしてください。 */
  #font-size div.small,
  #font-size div.medium,
  #font-size div.large {
    font-size: 12px;
    display: inline-block;
    /display: inline;
    /zoom: 1;
    padding: 6px;
    border: 1px solid #ccc;
    cursor: pointer;
    margin-left: 3px;
  }
  #font-size div.active {
    color: #fff;
    background-color: #c00;
  }
  #font-size div.small span,
  #font-size div.medium span,
  #font-size div.large span {
    /* display:none; テキストを削除して画像ボタン化することも可能　*/
  }

  /* ---------------------------------------------------------------------------------------------------------------- */

  /* ここから下は右カラム以外のincludes要素のスタイル */

  /* ---------------------------------------------------------------------------------------------------------------- */

  /* お役立ち情報 ---------------------　*/

  .block_useful .link,
  .block_store_blog .link {
    text-align: right;
  }
  .block_useful .link:before,
  .block_store_blog .link:before {
    content: 'ú';
    color: #0096b2;
    font-family: CONDENSEicon;
  }

  /* コラム */

  .block_useful .box_column {
    position: relative;
    margin: 0 0 25px 0;
  }

  .block_useful h4 {
    margin: 0 0 10px 0;
  }

  .block_useful .box_column .slides {
    width: 660px;
    overflow: hidden;
  }

  /* 専門家のアドバイス */

  .block_useful .box_advice {
    margin: 0 0 25px 0;
    position: relative;
  }

  .block_useful .box_advice .slides {
    width: 660px;
    overflow: hidden;
  }

  .block_useful .box_advice .bx-controls-direction a {
    position: relative;
    width: 14px;
    height: 22px;
  }
  .block_useful .box_advice .bx-controls-direction .bx-prev {
    float: left;
    top: -80px;
    left: -20px;
    background: url(../images/top/btn_prev_s.png) no-repeat;
  }
  .block_useful .box_advice .bx-controls-direction .bx-next {
    float: right;
    top: -80px;
    left: 20px;
    background: url(../images/top/btn_next_s.png) no-repeat;
  }

  .block_useful .box_advice .slide {
    width: 115px;
    float: left;
    padding-right: 11px;
    /*	margin-right:10px; */
    margin-right: 12px;
    border-right: dotted 2px #e4e4e4;
  }

  .block_useful .box_advice .slide .title {
    font-size: 12px;
    line-height: 16px;
    margin-bottom: 5px;
  }

  .block_useful .box_advice .slide .wrap_koushi {
    margin: 0 0 5px 0;
  }

  .block_useful .box_advice .slide .img {
    /* ☆v34【運用】  [変更]2015/07/06  start */
    float: none;
    width: auto;
    text-align: center;
    /* ☆v34【運用】  [変更]2015/07/06  end */
  }

  .block_useful .box_advice .slide .img img {
    border: solid 1px #e4e4e4;
    /* ☆v34【運用】  [追加]2015/07/06  start */
    width: 70px;
    /* ☆v34【運用】  [追加]2015/07/06  end */
  }

  .block_useful .box_advice .slide .name {
    /* ☆v34【運用】  [変更]2015/07/06  start */
    float: none;
    width: auto;
    text-align: center;
    margin-top: 5px;
    /* ☆v34【運用】  [変更]2015/07/06  end */
  }

  .block_useful .box_advice .slide .name span {
    color: #0096b2;
    /* ☆v34【運用】  [変更]2015/07/06  start */
    font-size: 11px;
    /* ☆v34【運用】  [変更]2015/07/06  end */
    padding-bottom: 3px;
    line-height: 1.2em;
  }

  .block_useful .box_advice .slide .btn a {
    display: block;
    background: #cff0f1;
    color: #333;
    font-size: 10px;
    text-align: center;
    width: 100%;
  }

  .block_useful .box_advice .slide .btn a:hover {
    background: #aaece9;
  }
  .block_useful .box_advice .slide .btn a:before {
    content: 'ú';
    color: #0096b2;
    font-family: CONDENSEicon;
    color: #333;
  }

  /* お役立ちガイド ---------------------------------------- */
  .block_useful {
    border-left: solid 3px #97cbd7;
    border-right: solid 3px #97cbd7;
    border-bottom: solid 3px #97cbd7;
    margin: 0 0 30px 0;
    padding: 20px 27px 10px 27px; /* E.Makabe変更　各ページお役立ちブロックの下の空きを詰める */
  }
  .block_useful .box_guides {
    margin-bottom: 5px;
  }

  .block_useful .box_guides .text {
    padding: 0 0 10px 0;
  }

  /* ☆運用 お役立ちQAリンク対応 [追加]2016/01/06  start */
  .block_useful .box_guides a:hover font.qahover {
    color: #0096b2;
  }
  /* ☆運用 お役立ちQAリンク対応 [追加]2016/01/06  end */

  .block_useful .box_guides .guide_01,
  .block_useful .box_guides .guide_03 {
    float: left;
    padding-right: 19px;
    border-right: dotted 2px #bcbcbc;
  }
  .block_useful .box_guides .guide_02,
  .block_useful .box_guides .guide_04 {
    float: right;
    padding-left: 15px;
  }
  .block_useful .box_guides .guide_01,
  .block_useful .box_guides .guide_02 {
    border-bottom: dotted 2px #bcbcbc;
    padding-bottom: 10px; /* E.Makabe変更　各ページお役立ちブロックの下の空きを詰める */
  }
  .block_useful .box_guides .guide_03,
  .block_useful .box_guides .guide_04 {
    padding-top: 15px;
  }

  .block_useful .box_guides .clearfix {
    width: 310px;
  }

  .block_useful .box_guides .img {
    float: left;
    width: 80px;
  }

  .block_useful .box_guides .img img {
    border: solid 1px #e4e4e4;
  }

  .block_useful .box_guides .discript {
    float: right;
    width: 217px;
  }

  .block_useful .box_guides .discript h5 {
    background: #dbdbdb;
    font-size: 12px;
    font-weight: bold;
    font-weight: normal;
    margin: 0 0 5px 0;
    padding: 2px 5px 1px;
  }

  /* 0203修正：長尾 */
  .block_useful .box_guides .discript ul {
    margin: 0 0 5px 1em;
  }

  .block_useful .box_guides li {
    text-indent: -1em;
  }
  /* 0203修正：長尾 */

  .block_useful .box_guides .discript ul li.text {
    font-size: 10px;
    border-top: solid 1px #cfcfcf;
    line-height: 1.2em;
    border-bottom: solid 1px #cfcfcf;
    margin: 5px 0;
    padding: 5px 0;
  }
  .block_useful .box_guides .discript ul li.text:before {
    content: '';
  }

  .block_useful .box_guides .discript .link {
    text-align: right;
  }

  .block_useful .box_guides .discript .link a {
    color: #0096b2;
    text-align: right;
    text-decoration: underline;
  }
  .block_useful .box_guides .discript .link a:hover {
    color: #000;
  }

  /* 店舗ブログ----------------------------------- */

  .block_store_blog .cont_wrap {
    width: 660px;
    margin: 0 auto;
    /* 20150805 */
    overflow: hidden;
  }

  .block_store_blog .text {
    margin-bottom: 10px;
  }

  h3.h3_store {
    background: #e0e0e0;
    border-bottom: solid 3px #55a9e0;
    text-shadow: 1px 1px #fff;
    color: #000;
    font-weight: normal;
  }

  .block_store_blog {
    border-left: solid 3px #e0e0e0;
    border-right: solid 3px #e0e0e0;
    border-bottom: solid 3px #e0e0e0;
    padding: 15px 0 15px 0;
    margin: 0 0 15px 0;
  }

  /* ボタン共通　*/

  .storelist_btn {
    padding: 5px 5px 5px 10px;
    /* 20150805 */
    /*	margin-bottom:7px;*/
    border-bottom: 7px solid #fff;
    cursor: pointer;
  }
  /* ☆ 売る買う投資TOP改善 [追加]2016/12/15 start */
  .storelist_btn.pt2 {
    margin-bottom: 7px;
    color: #fff;
  }
  /* ☆ 売る買う投資TOP改善 [追加]2016/12/15 end */

  .storelist_btn .cate {
    font-size: 14px;
  }

  /*ボタン　青*/
  .storelist_btn.blue.open {
    background: #d6eeef url(../images/kaitai/id/img_plus_01.png) no-repeat;
    background-position: 97% center;
  }
  .storelist_btn.blue.close {
    background: #d6eeef url(../images/kaitai/id/img_minus_01.png) no-repeat;
    background-position: 97% center;
  }

  /*ボタン　緑*/
  .storelist_btn.green.open {
    background: #e2efc4 url(../images/kaitai/id/img_plus_02.png) no-repeat;
    background-position: 97% center;
  }
  .storelist_btn.green.close {
    background: #e2efc4 url(../images/kaitai/id/img_minus_02.png) no-repeat;
    background-position: 97% center;
  }

  /*ボタン　グレー*/
  .storelist_btn.gray.open {
    background: #ebebeb url(../images/kaitai/id/img_plus_03.png) no-repeat;
    background-position: 97% center;
  }
  .storelist_btn.gray.close {
    background: #ebebeb url(../images/kaitai/id/img_minus_03.png) no-repeat;
    background-position: 97% center;
  }
  /* ☆ 売る買う投資TOP改善 [追加]2016/12/15 start */
  /*ボタン　濃青*/
  .storelist_btn.darkblue {
    border-bottom: 3px solid #1970a9;
  }
  .storelist_btn.darkblue.open {
    background: #6ca4c8 url(../images/kaitai/id/img_plus_03.png) no-repeat;
    background-position: 97% center;
  }
  .storelist_btn.darkblue.close {
    background: #6ca4c8 url(../images/kaitai/id/img_minus_03.png) no-repeat;
    background-position: 97% center;
  }
  /*ボタン　濃緑*/
  .storelist_btn.darkgreen {
    border-bottom: 3px solid #0096b2;
  }
  .storelist_btn.darkgreen.open {
    background: #5caec0 url(../images/kaitai/id/img_plus_03.png) no-repeat;
    background-position: 97% center;
  }
  .storelist_btn.darkgreen.close {
    background: #5caec0 url(../images/kaitai/id/img_minus_03.png) no-repeat;
    background-position: 97% center;
  }
  /* ☆ 売る買う投資TOP改善 [追加]2016/12/15 end */

  /* 201901 ブログカテゴリ統廃合 */
  /*ボタン　物件紹介*/
  .storelist_btn.bukken {
    border-bottom: 3px solid #00999b;
  }
  .storelist_btn.bukken.open {
    background: #5bbdc0 url(../images/kaitai/id/img_plus_03.png) no-repeat;
    background-position: 97% center;
  }
  .storelist_btn.bukken.close {
    background: #5bbdc0 url(../images/kaitai/id/img_minus_03.png) no-repeat;
    background-position: 97% center;
  }

  /* アイコン共通　*/
  .storelist_btn .icon {
    font-size: 12px;
    color: #fff;
    padding: 2px 5px;
    margin: 0 5px;
  }

  /* アイコン　青　*/
  .storelist_btn.blue .icon {
    background: #00989d;
  }
  /* アイコン　緑　*/
  .storelist_btn.green .icon {
    background: #7da820;
  }

  /* 物件種別　共通*/ /* 修正Makabe　10から12へ*/
  .storelist_btn .bukken {
    font-size: 12px;
    font-weight: bold;
  }

  /* 物件種別　青　*/
  .storelist_btn.blue .bukken {
    color: #00989d;
  }

  /* 物件種別　緑　*/
  .storelist_btn.green .bukken {
    color: #6c9610;
  }

  /* アコーディオン　中身　*/
  .store_body .box_wrap {
    margin: 0 0 8px 0;
  }

  /* アコーディオン　中身　共通　*/
  .store_body .box_wrap .unit {
    width: 320px;
    border-bottom: 1px #949494 dotted;
    padding-bottom: 8px;
  }

  .store_body .box_wrap .unit .img {
    width: 45px;
    float: left;
  }

  .store_body .box_wrap .unit .text_box {
    word-break: break-all;
    line-height: 1.3;
  }

  /* ブログのリンク色変更　2/17長尾 */
  .store_body .box_wrap .unit .text_box a {
    color: #00979c;
  }

  .store_body .box_wrap .unit .text_box a:hover {
    color: #000;
  }

  /* アコーディオン　中身　タイトル色変更　*/
  .store_body .box_wrap .unit .text_box .title {
    color: #00979c;
  }

  /* 修正Makabe　#949494から#7d7d7dへ*/
  .store_body .box_wrap .unit .text_box .text {
    font-size: 10px;
    line-height: 1;
    color: #7d7d7d;
  }

  /* ☆運用 カテゴリーTOP作成対応 [追加]2016/03/24  start */
  /* コンテンツTOPリンク  ---------------------　*/
  .link_t a {
    color: #ffffff;
  }
  .link_t a:hover {
    text-decoration: underline;
  }
  .link_t:before {
    content: 'ú';
    color: #025e6f;
    font-family: CONDENSEicon;
  }
  .link_t_expert:before {
    content: 'ú';
    color: #ffffff;
    font-family: CONDENSEicon;
  }

  .title_block {
    position: relative;
  }
  .title_block h4 {
    background: #8dc7d3;
    border-bottom: solid 2px #0f8faa;
    text-shadow: 1px 1px #3c7e7c;
    padding: 8px 0 5px 15px;
    color: #fff;
    font-weight: bold;
    font-size: 15px;
    line-height: 1em;
  }
  .title_block .link_t {
    position: absolute;
    text-align: right;
    top: 7px;
    right: 15px;
  }
  .block_useful .link_t_expert {
    position: absolute;
    text-align: right;
    top: 5px;
    right: 10px;
    font-size: 12px;
  }
  .block_useful .expert_text {
    padding-top: 10px;
    padding-bottom: 10px;
  }
  .block_useful .expert_text a {
    text-decoration: underline;
  }

  /* Ｑ＆Ａ、アドバイス・コラム、レクチャー */
  .block_useful_expert {
    margin-bottom: 30px;
  }
  .block_useful .box_qa,
  .block_useful .box_column {
    margin: 0 0 20px 0;
  }
  .block_useful .box_advice {
    margin: 0 0 10px 0;
  }
  .block_useful .box_qa .icon img,
  .block_useful .box_column .icon img,
  .block_useful .box_advice .icon img {
    width: 100px;
  }
  .block_useful .box_qa .list_qa,
  .block_useful .box_column .area-advice,
  .block_useful .box_advice .area-lecture {
    width: 530px;
  }
  .block_useful .box_qa .list_qa li {
    padding: 5px 0px 2px 0px;
    border-bottom: dotted 2px #959595;
    float: left;
  }
  .block_useful .box_qa .list_qa li.L1 {
    width: 255px;
    margin-right: 10px;
  }
  .block_useful .box_qa .list_qa li.L2 {
    width: 255px;
    margin-right: 10px;
  }
  .block_useful .box_qa .list_qa li.L3 {
    width: 255px;
    margin-right: 10px;
  }
  .block_useful .box_qa .list_qa a:hover font.qahover {
    color: #0096b2;
  }
  .block_useful .box_column h5 {
    font-size: 15px;
    font-weight: bold;
    border-bottom: solid 2px #0096b2;
  }
  .block_useful .box_column h5.column {
    clear: both;
    padding-top: 20px;
  }
  .block_useful .box_column .area-advice li {
    padding: 5px 0px 2px 0px;
    border-bottom: dotted 2px #959595;
    float: left;
    margin-right: 10px;
  }
  .block_useful .box_column .area-advice ul.advice li {
    width: 255px;
  }
  .block_useful .box_column .area-advice ul.column li {
    width: 255px;
  }
  .block_useful .box_advice .area-lecture .hot {
    border: solid 2px #0096b2;
    padding: 5px 10px;
  }
  .block_useful .box_advice .area-lecture .hot h5 {
    margin-bottom: 5px;
    font-weight: bold;
    font-size: 15px;
  }
  .block_useful .box_advice .area-lecture .hot .text {
    padding-left: 5px;
    width: 430px;
  }
  .block_useful .box_advice .area-lecture .hot .title {
    text-decoration: underline;
  }
  .block_useful .box_advice .area-lecture .hot .author {
    margin-top: 10px;
  }
  .block_useful .box_advice .area-lecture .hot .date {
    text-align: right;
  }
  .block_useful .box_advice .area-lecture span.job {
    margin-right: 10px;
    display: inline-block;
    float: left;
    width: 101px;
    background: #0096b2;
    color: #ffffff;
    text-align: center;
  }
  /* ☆運用 カテゴリーTOP作成対応 [追加]2016/03/24  end */
  /* ☆ 共通部品改善 [追加]2016/11/25 start */
  .block_format {
    margin: 10px 0;
    padding: 0;
  }
  /*** title_d ***/
  .block_format .title_d {
    position: relative;
    padding: 5px;
  }
  .block_format .title_d h3 {
    position: relative;
    font-weight: bold;
    font-size: 21px;
    line-height: 1em;
    padding: 10px 0 6px 15px;
    margin-bottom: 0;
  }
  .block_format .title_d a.toplink {
    position: absolute;
    top: 0px;
    right: 10px;
    font-size: 15px;
    padding: 11px 0;
  }
  .title_block a.toplink {
    position: absolute;
    top: 0px;
    right: 10px;
    font-size: 15px;
    padding: 6px 0;
    color: #fff;
  }
  .block_format .title_d a.toplink:before,
  .title_block a.toplink:before {
    font-family: CONDENSEicon;
    content: 'ú';
  }
  .block_format .title_d a.toplink:hover,
  .title_block a.toplink:hover {
    text-decoration: underline;
  }

  /*** discript_d ***/
  .block_format .discript_d {
    position: relative;
    margin: 5px 20px 5px 20px;
    padding: 10px 0;
  }
  .block_format .discript_d p {
    font-size: 14px;
  }
  /*** catetitle_d ***/
  .block_format .catetitle_d {
    position: relative;
    margin: 0 20px 10px 20px;
    padding: 5px 10px;
  }
  .block_format .catetitle_d h4 {
    font-size: 17px;
    font-weight: bold;
  }
  .block_format .catetitle_d a {
    position: absolute;
    top: 0px;
    right: 10px;
    font-size: 14px;
    padding: 4px 0;
  }
  .block_format .catetitle_d a:before {
    font-family: CONDENSEicon;
    content: 'ú';
  }
  .block_format .catetitle_d a:hover {
    text-decoration: underline;
  }
  /*** catgory_d ***/
  .block_format .catgory_d {
    position: relative;
    overflow: hidden;
  }
  .block_format .catgory_d .img_d {
    position: relative;
    float: left;
  }
  .block_format .catgory_d .img_d img {
  }
  .block_format .catgory_d .cont_d {
    position: relative;
    float: left;
  }
  .block_format .catgory_d .cont_d h5 {
    font-size: 14px;
    padding: 2px 5px;
  }
  .block_format .catgory_d .cont_d ul.cont_ul {
    position: relative;
    float: left;
  }
  .block_format .catgory_d .cont_d ul.cont_ul.left {
  }
  .block_format .catgory_d .cont_d ul.cont_ul.right {
  }
  .block_format .catgory_d .cont_d ul.cont_ul li {
  }
  .block_format .catgory_d .cont_d ul.cont_ul li:before {
    font-family: CONDENSEicon;
    content: 'ú';
  }
  .block_format .catgory_d .cont_d ul.cont_ul li a {
  }
  .block_format .catgory_d .cont_d ul.cont_ul li a:hover {
  }
  .block_format .catgory_d .toplink_d {
    position: relative;
    float: right;
  }
  .block_format .catgory_d .toplink_d:before {
    font-family: CONDENSEicon;
    content: 'ú';
  }
  .block_format .catgory_d .toplink_d a {
    text-align: right;
    text-decoration: underline;
  }
  .block_format .catgory_d .toplink_d a:hover {
  }
  .block_format .catgory_d .pickup_d {
    position: relative;
    padding: 5px 10px;
    margin-right: 10px;
    float: left;
  }
  .block_format .catgory_d .pickup_d .midasi {
    font-size: 15px;
    font-weight: bold;
    margin-bottom: 5px;
  }
  .block_format .catgory_d .pickup_d .writer {
    position: relative;
    margin-bottom: 10px;
  }
  .block_format .catgory_d .pickup_d .writer .image {
    position: relative;
    float: left;
    margin-right: 5px;
  }
  .block_format .catgory_d .pickup_d .writer .image img {
  }
  .block_format .catgory_d .pickup_d .writer .job {
    position: relative;
    float: left;
    margin-right: 10px;
    padding: 0 10px;
    line-height: 1.8em;
    text-align: center;
  }
  .block_format .catgory_d .pickup_d .writer .name {
    position: relative;
    font-size: 15px;
  }
  .block_format .catgory_d .pickup_d .pictitle_d {
    position: relative;
  }
  .block_format .catgory_d .pickup_d .pictitle_d a {
    text-decoration: underline;
  }
  .block_format .catgory_d .pickup_d .pictitle_d a:hover {
  }
  .block_format .catgory_d .pickup_d .update {
    text-align: right;
  }
  .block_format .catgory_d .list_d {
    position: relative;
    float: left;
  }
  .block_format .catgory_d .list_d dl {
    position: relative;
  }
  .block_format .catgory_d .list_d dl dt {
    position: absolute;
    text-align: center;
  }
  .block_format .catgory_d .list_d dl dd {
  }
  .block_format .catgory_d .list_d dl dd a {
    text-decoration: underline;
  }
  .block_format .catgory_d .list_d dl dd a:hover {
  }
  /*** line_d ***/
  .block_format .line_d {
    position: relative;
    height: 3px;
  }
  /**************************************/
  /** お役立ちブロック **/
  .block_format.useful {
    border-left: solid 3px #0096b2;
    border-right: solid 3px #5caec0;
  }
  .block_format.useful .title_d {
    background: -webkit-gradient(linear, left top, right top, from(#0096b2), to(#5caec0));
    background: -moz-linear-gradient(left, #0096b2, #5caec0);
    background: linear-gradient(90deg, #0096b2, #5caec0);
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#0096b2', endColorstr='#5caec0', GradientType=1)";
  }
  .block_format.useful .title_d h3 {
    color: #fff;
  }
  .block_format.useful .title_d a.toplink {
    color: #fff;
  }
  .block_format.useful .catgory_d {
    margin: 5px 20px 10px 20px;
  }
  .block_format.useful .catgory_d .img_d img {
    border: solid 1px #e4e4e4;
  }
  .block_format.useful .catgory_d .cont_d h5 {
    background: #dbdbdb;
  }
  .block_format.useful .catgory_d .cont_d ul.cont_ul li:before {
    color: #0096b2;
  }
  .block_format.useful .catgory_d .toplink_d:before {
    color: #0096b2;
  }
  .block_format.useful .catgory_d .toplink_d a {
    color: #0096b2;
  }
  .block_format.useful a:hover font.qahover {
    color: #0096b2;
  }
  .block_format.useful .line_d {
    background: -webkit-gradient(linear, left top, right top, from(#0096b2), to(#5caec0));
    background: -moz-linear-gradient(left, #0096b2, #5caec0);
    background: linear-gradient(90deg, #0096b2, #5caec0);
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#0096b2', endColorstr='#5caec0', GradientType=1)";
  }
  .block_format.useful .line_d {
    margin: 20px 0 10px 0;
  }
  /** お役立ちブロック メインエリア **/
  #main_useful .catgory_d .img_d {
    margin-right: 10px;
  }
  #main_useful .catgory_d .img_d img {
    width: 100px;
    height: 100px;
  }
  #main_useful .catgory_d .cont_d {
    width: 560px;
    font-size: 14px;
  }
  #main_useful .catgory_d .cont_d ul.cont_ul {
    margin: 0 0 5px 1.5em;
  }
  #main_useful .catgory_d .cont_d ul.cont_ul.left {
    width: 290px;
  }
  #main_useful .catgory_d .cont_d ul.cont_ul li {
    text-indent: -1em;
  }
  #main_useful .catgory_d .toplink_d {
    margin-right: 4px;
    font-size: 14px;
  }
  /** お役立ちブロック 右カラムなし **/
  #all_useful .catgory_d .img_d {
    margin-right: 20px;
  }
  #all_useful .catgory_d .img_d img {
    width: 120px;
    height: 120px;
  }
  #all_useful .catgory_d .cont_d {
    width: 770px;
  }
  #all_useful .catgory_d .cont_d ul.cont_ul {
    margin: 0 0 5px 1.7em;
  }
  #all_useful .catgory_d .cont_d ul.cont_ul.left {
    width: 320px;
  }
  #all_useful .catgory_d .cont_d ul.cont_ul li {
    text-indent: -1em;
    line-height: 1.7em;
  }
  #all_useful .catgory_d .toplink_d {
    margin-right: 4px;
  }
  /* ☆ 共通部品改善 [追加]2016/11/25 end */
  /* ☆ 売る買う投資TOP改善 [追加]2016/12/15 start */
  /** カードデザイン **/
  .cardblock {
    position: relative;
  }
  .cardblock .cardline {
    position: relative;
    overflow: hidden;
  }
  .cardblock .cardline .card {
    position: relative;
    overflow: hidden;
  }
  .cardblock .cardline .card.L {
  }
  .cardblock .cardline .card.R {
  }
  .cardblock .cardline .card .cardimg {
    position: relative;
    float: left;
  }
  .cardblock .cardline .card .cardimg img {
    position: relative;
  }
  .cardblock .cardline .card .cardcontent {
    position: relative;
    float: left;
  }
  .cardblock .cardline .card .cardcontent p {
    position: relative;
  }
  .cardblock .cardline .card p.description {
    position: absolute;
    color: #fff;
    opacity: 0;
    filter: alpha(opacity=0);
    -ms-filter: 'alpha(opacity=0)';
    -khtml-opacity: 0;
    -moz-opacity: 0;
    background: #000;
    border-radius: 3px;
    z-index: 100;
    padding: 5px;
  }
  /* ☆ 売る買う投資TOP改善 [追加]2016/12/15 end */
}