@charset "UTF-8";
/*-----table of contents--------
1.色の指定
2.クラスの指定
------------------------------*/
.radius5 {
  border-radius: 5px; }

.hidden {
  display: none; }

.mt10 {
  margin-top: 10px; }

.mt20 {
  margin-top: 20px; }

.mb10 {
  margin-bottom: 10px; }

.mb20 {
  margin-bottom: 20px; }

.ml10 {
  margin-left: 10px; }

.ml20 {
  margin-left: 20px; }

.mr10 {
  margin-right: 10px; }

.mr20 {
  margin-right: 20px; }

/*-----table of contents--------
1.tableの指定
2.breakの指定
3.text-overflowの指定
4.clearfixの指定
5.display-inline-blockの指定
------------------------------*/
.main_article .main_article_inner .moreDetailArea_inner .infoArea .yellowBtn .yellowBtn_inner, .main_article .main_article_inner .aboutAuthor .aboutAuthor_wrap, .main_article .main_article_inner .aboutAuthor .aboutAuthor_wrap .aboutAuthor_inner, .itLifeHeader, .readingArticleBottom_itemForRank, .writerBox, .readingArticleBottom li .readingArticleBottom_item, .wannaRead .wannaRead_item_inner, .proArea ul .proArea_list_inner {
  width: 100%;
  display: table;
  table-layout: fixed; }

.forYourInfoBeforeLogin ul li a, .main_article .main_article_title, .main_article .tagTime li.tag, .main_article .main_article_inner .main_article_p, .main_article .main_article_inner .main_article_p p, .main_article .main_article_inner .text, .main_article .main_article_inner .moreDetailArea_inner .infoArea .infoArea_title, .main_article .main_article_inner .appArea .appArea_title, .main_article .main_article_inner .aboutAuthor .aboutAuthor_wrap .aboutAuthor_inner .aboutAuthor_inner_right .name, .main_article .main_article_inner .aboutAuthor .aboutAuthor_wrap .aboutAuthor_inner .aboutAuthor_inner_right .text, .listLinkArea a .listLinkArea_item .title, .itLifeHeader .text, .readingArticleBottom_itemForRank .readingArticleBottom_itemForRank_text, .rankingArticleAreaForLeft .readingArticleBottom_itemForRank_text .articleTitle, .pickUpArea .pickUpArea_title, .pickUpArea .pickUpArea_textArea .pickUpArea_textArea_text, .writerBoxWrap .intro, .articleBottomC h2, .readingArticle a .readingArticle_item_text, .readingArticleBottom li .readingArticleBottom_item h3, .wannaRead .wannaRead_item_inner .wannaRead_item_right h3, .digitalLifeList .digitalLifeItem .digitalLifeItem_titleArea .digitalLifeItem_title, .proArea ul .proArea_list_inner .proArea_list_inner_right h3, .proArea ul .proArea_list_inner .proArea_list_inner_right p, .smartphone_qa .title_question, .smartphone_qa .question .qa_header, .smartphone_qa .question .info, .smartphone_qa .question .text, .smartphone_qa .answer .text {
  word-break: break-all;
  word-wrap: break-word; }

.rankingArticleAreaForLeft .readingArticleBottom_itemForRank_text p, .digitalLifeList .digitalLifeItem .digitalLifeItem_text {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis; }

.header .hInner, .header .hInner .bell, .header .hInner .myInfoArea, .header .hInner .bell a .bellInner, .forYourInfo ul li, .forYourInfo ul li a, .forYourInfo ul li a .notificationBox, .forYourInfoBeforeLogin ul li, .forYourInfoBeforeLogin ul li a, .categories ul.left li a, .categories .right ul, .modalContent ul, .baCheck .baWrap .upBaArea, .deleteCheck .bottomDeleteArea ul, .categoryListBox .categoryListBoxHeader, .categoryListBox .categoryListBoxInner, .categoryListBox .categoryListBoxLeft ul li a, .searchOption .searchOptionHeader, .searchOption .searchOptionBox, .searchOption .searchOptionBoxRight, .searchOption .searchOptionBoxRight .radioBtnsForKeyword, .searchOption .searchOptionBoxRight ul, .searchOption .searchOptionBoxRight .searchOptionCateLeft ul li, .searchOption .searchOptionBoxRight .searchOptionCateMiddle ul li, .searchOption .searchOptionBoxRight .searchOptionCateRight ul li, .searchOption .searchOptionBtnArea ul, .searchOptionBoxContentBox, .breadcrumbListArea ul, .broadFooter .broadFooter_inner, .broadFooter .broadFooter_inner div.broadFooter_content:first-child, .broadFooter ul, #headNav .headNav_content, #headNav .headNav_list, .pagingArea ul, .main_article .tagTime, .main_article .socialBtns .w_icon ul, .main_article .main_article_inner .appArea ul, .main_article .main_article_inner .aboutAuthor .aboutAuthor_wrap .aboutAuthor_inner .aboutAuthor_inner_right div, .listLinkArea, .contentsInner .itLifeContentsArea, .itLifeHeader ul, .itLifeNav, .rankingArticleAreaForLeft .rankingArticleArea_header, .rankingArticleAreaForLeft .readingArticleBottom_itemForRank_text ul, .pickUpArea .slideSet, .pickUpArea .pickUpArea_inner, .pickUpArea .pickUpArea_textArea ul, .itLifeShareArea .itLifeShareArea_header, .itLifeShareArea ul, .readingArticle, .readingArticle a ul, .wannaRead .wannaRead_item_inner .wannaRead_item_right ul, .digitalLifeList .digitalLifeItem .digitalLifeItem_titleArea, .digitalLifeList .digitalLifeItem ul, .smartphone_qa .question .qa_header, .smartphone_qa .answer .qa_header {
  *zoom: 1; }
  .header .hInner:after, .header .hInner .bell:after, .header .hInner .myInfoArea:after, .header .hInner .bell a .bellInner:after, .forYourInfo ul li:after, .forYourInfo ul li a:after, .forYourInfo ul li a .notificationBox:after, .forYourInfoBeforeLogin ul li:after, .forYourInfoBeforeLogin ul li a:after, .categories ul.left li a:after, .categories .right ul:after, .modalContent ul:after, .baCheck .baWrap .upBaArea:after, .deleteCheck .bottomDeleteArea ul:after, .categoryListBox .categoryListBoxHeader:after, .categoryListBox .categoryListBoxInner:after, .categoryListBox .categoryListBoxLeft ul li a:after, .searchOption .searchOptionHeader:after, .searchOption .searchOptionBox:after, .searchOption .searchOptionBoxRight:after, .searchOption .searchOptionBoxRight .radioBtnsForKeyword:after, .searchOption .searchOptionBoxRight ul:after, .searchOption .searchOptionBoxRight .searchOptionCateLeft ul li:after, .searchOption .searchOptionBoxRight .searchOptionCateMiddle ul li:after, .searchOption .searchOptionBoxRight .searchOptionCateRight ul li:after, .searchOption .searchOptionBtnArea ul:after, .searchOptionBoxContentBox:after, .breadcrumbListArea ul:after, .broadFooter .broadFooter_inner:after, .broadFooter .broadFooter_inner div.broadFooter_content:first-child:after, .broadFooter ul:after, #headNav .headNav_content:after, #headNav .headNav_list:after, .pagingArea ul:after, .main_article .tagTime:after, .main_article .socialBtns .w_icon ul:after, .main_article .main_article_inner .appArea ul:after, .main_article .main_article_inner .aboutAuthor .aboutAuthor_wrap .aboutAuthor_inner .aboutAuthor_inner_right div:after, .listLinkArea:after, .contentsInner .itLifeContentsArea:after, .itLifeHeader ul:after, .itLifeNav:after, .rankingArticleAreaForLeft .rankingArticleArea_header:after, .rankingArticleAreaForLeft .readingArticleBottom_itemForRank_text ul:after, .pickUpArea .slideSet:after, .pickUpArea .pickUpArea_inner:after, .pickUpArea .pickUpArea_textArea ul:after, .itLifeShareArea .itLifeShareArea_header:after, .itLifeShareArea ul:after, .readingArticle:after, .readingArticle a ul:after, .wannaRead .wannaRead_item_inner .wannaRead_item_right ul:after, .digitalLifeList .digitalLifeItem .digitalLifeItem_titleArea:after, .digitalLifeList .digitalLifeItem ul:after, .smartphone_qa .question .qa_header:after, .smartphone_qa .answer .qa_header:after {
    display: block;
    content: "";
    clear: both;
    height: 0;
    overflow: hidden; }

.header .hInner .mainBtn a span.q-text, .emergencyArea .inner p span.emergency_icon, .modalContent ul li p.btn a span.q-text, .baseQ a span.q-text, .answerUpDateBox .buttons a span.q-text, .paginationArea ul li, .dotArea li, .itLifeShareArea ul li a .inner p, .recArea ul li {
  display: inline-block;
  *display: inline;
  *zoom: 1; }

/*-----table of contents--------
2.common
3.ヘッダー
	3-1.header(ログイン前専用)
	3-2.header(ベース)
4.メニュー
5.あなたへのお知らせ
	5-1.あなたへのお知らせ（ベース）
	5-2.あなたへのお知らせ(何も無い場合)
	5-3.あなたへのお知らせ(ログイン前)
6.カテゴリ
7.緊急枠
8.固定ヘッダー
9.ヘッダー広告用
10.ロングバナー
------------------------------*/
body {
  font-size: 14px;
  position: relative;
  font-family: 'Lucida Grande', 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, sans-serif !important;
  background: #f4f4f4; }

a {
  text-decoration: none; }

.headerForBeforeLogin {
  position: fixed;
  top: 0;
  left: 0; }

.header {
  border-top: 3px #ff9a5a solid;
  width: 100%;
  background-color: #fff !important;
  z-index: 100;
  height: 72px !important; }
  .header .hInner {
    width: 1004px;
    padding: 0 10px;
    margin: -3px auto 0;
    height: 75px !important;
    position: relative; }
    .header .hInner .logo {
      float: left;
      padding: 14px 0; }
      .header .hInner .logo a {
        display: block;
        width: 163px;
        height: 42px;
        background: url(../../images/pc/logo.png) no-repeat left; }
        .header .hInner .logo a span {
          display: none; }
    .header .hInner .searchAreaInner {
      border-radius: 4px;
      border: 1px solid #aaa;
      width: 298px;
      display: block;
      height: 34px;
      background-color: #fff;
      position: relative; }
      .header .hInner .searchAreaInner .searchPlaceholder {
        border: 1px solid #fff;
        border-radius: 4px;
        width: 250px;
        padding: 3px 6px;
        display: block;
        font-size: 15px;
        outline: none;
        font-family: 'Lucida Grande', 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, sans-serif; }
      .header .hInner .searchAreaInner .headerSearchIcon {
        border-top-right-radius: 4px;
        border-bottom-right-radius: 4px;
        position: absolute;
        text-indent: -9999px;
        cursor: pointer;
        background: url(../../images/pc/search_icon.png) no-repeat 7px 7px;
        width: 37px;
        height: 36px;
        top: -1px;
        left: 262px;
        border: 1px solid #777;
        background-color: #777; }
        .header .hInner .searchAreaInner .headerSearchIcon:hover {
          background-color: #9e9e9e;
          border-color: #9e9e9e; }
      .header .hInner .searchAreaInner .headerSearchIcon i {
        color: #fff;
        font-size: 15px;
        padding: 6px 8px; }
    .header .hInner .headerSearchArea {
      margin: 0 0 0 13px;
      width: 300px;
      float: left;
      position: relative;
      padding: 19px 0; }
      .header .hInner .headerSearchArea .sugest {
        position: absolute;
        background-color: #fff;
        z-index: 105;
        width: 262px;
        top: 54px;
        border: 1px solid #aaa !important; }
        .header .hInner .headerSearchArea .sugest li {
          border-top: 1px solid #aaa !important; }
          .header .hInner .headerSearchArea .sugest li:first-child {
            border-top: none !important; }
          .header .hInner .headerSearchArea .sugest li a {
            display: block;
            font-size: 12px;
            padding-left: 8px;
            line-height: 28px;
            color: #333 !important; }
            .header .hInner .headerSearchArea .sugest li a:hover {
              background-color: #f0f0f0; }
          .header .hInner .headerSearchArea .sugest li.selected {
            background-color: #f0f0f0; }
    .header .hInner .headerRightContents {
      float: right; }
    .header .hInner .myInfoArea, .header .hInner .headerBtn, .header .hInner .userName, .header .hInner .headerImg, .header .hInner .bell, .header .hInner .popUpBtn {
      float: left; }
    .header .hInner .myInfoArea {
      margin: 13px 23px 0 0; }
    .header .hInner .userName {
      float: left;
      line-height: 49px;
      margin-right: 10px; }
      .header .hInner .userName a {
        color: #535353;
        font-size: 12px; }
        .header .hInner .userName a:hover {
          text-decoration: underline; }
    .header .hInner .popUpBtn {
      border-radius: 4px;
      border: 1px solid #ccc;
      margin: 14px 0 0 -6px; }
      .header .hInner .popUpBtn a {
        font-size: 15px;
        padding: 2px 3px;
        display: block; }
    .header .hInner .popUpBtnOff a {
      color: #555; }
    .header .hInner .popUpBtnOn a {
      color: #00A3D9; }
    .header .hInner .mainBtn {
      margin-top: 20px;
      width: 176px !important;
      border-radius: 5px;
      box-shadow: 2px 2px 0 #e5e5e5; }
      .header .hInner .mainBtn a {
        display: block;
        text-align: center;
        line-height: 36px;
        background-color: #006dd9;
        border-radius: 5px; }
        .header .hInner .mainBtn a:hover {
          background-color: #044a90 !important;
          color: #044a90 !important; }
          .header .hInner .mainBtn a:hover i.q {
            color: #044a90 !important; }
        .header .hInner .mainBtn a .fa-stack {
          margin-right: 2px; }
        .header .hInner .mainBtn a span.q-text {
          font-size: 16px !important;
          color: #fff !important; }
        .header .hInner .mainBtn a i.w-circle {
          color: #fff;
          font-size: 1.7em;
          line-height: 25px; }
        .header .hInner .mainBtn a i.q {
          color: #006dd9 !important;
          font-style: normal;
          font-size: 17px;
          line-height: 25px; }
      .header .hInner .mainBtn .theQuestion {
        color: #fff !important; }
    .header .hInner .headerImg {
      margin: 10px 7px 0 14px;
      width: 30px;
      height: 30px;
      background-color: #fff; }
    .header .hInner a:hover img.overwhite {
      cursor: pointer;
      filter: alpha(opacity=70);
      -ms-filter: "alpha(opacity=70)";
      -moz-opacity: 0.7;
      -khtml-opacity: 0.7;
      opacity: 0.7;
      zoom: 1; }
    .header .hInner .bell {
      margin: 27px 25px 0 0; }
      .header .hInner .bell a {
        display: block; }
        .header .hInner .bell a .bellInner i {
          font-size: 20px !important;
          color: #bbb;
          float: left; }
        .header .hInner .bell a .bellInner .number {
          color: #fff !important;
          background-color: #ff2626;
          display: block;
          line-height: 22px !important;
          height: 22px;
          padding: 0 4px;
          float: right;
          margin: 0 0 0 5px;
          font-size: 12px !important;
          border-radius: 5px; }
        .header .hInner .bell a:hover .bellInner i {
          color: #555; }

.menues {
  border-radius: 5px;
  z-index: 101;
  position: absolute;
  box-shadow: 3px 3px 3px #c2c2c2;
  right: 181px;
  top: 61px;
  border: 1px solid #999;
  width: 195px;
  background-color: #fff; }
  .menues:before {
    content: "";
    position: absolute;
    top: -10px;
    left: 87%;
    margin-left: -10px;
    display: block;
    width: 0px;
    height: 0px;
    border-style: solid;
    border-width: 0 10px 10px 10px;
    border-color: transparent transparent #999 transparent; }
  .menues:after {
    content: "";
    position: absolute;
    top: -9px;
    left: 87%;
    margin-left: -9px;
    display: block;
    width: 0px;
    height: 0px;
    border-style: solid;
    border-width: 0 9px 9px 9px;
    border-color: transparent transparent #fff transparent; }
  .menues h2 {
    font-size: 13px;
    font-weight: bold;
    color: #333;
    padding: 10px 0 10px 10px;
    border-bottom: 1px solid #ddd; }
  .menues ul {
    padding-bottom: 15px;
    margin-top: 12px;
    border-bottom: 1px solid #ddd; }
    .menues ul.logout {
      border-bottom: none;
      padding: 7px 0 !important;
      margin: 0; }
    .menues ul.otherPage {
      padding: 8px 0 !important;
      margin: 0 !important; }
      .menues ul.otherPage img {
        vertical-align: text-top; }
    .menues ul li a {
      display: block;
      color: #444;
      line-height: 25px;
      font-size: 15px;
      padding-left: 30px; }
      .menues ul li a:hover {
        background-color: #00a3d9;
        color: #fff; }
    .menues ul li.watch a img {
      margin: 0 5px 0 2px; }
    .menues ul li.oshitopi a img {
      margin-right: 2px; }

.forYourInfo {
  border-radius: 5px;
  z-index: 102;
  position: absolute;
  box-shadow: 3px 3px 3px #c2c2c2;
  right: -41px;
  top: 61px;
  border: 1px solid #999;
  width: 410px;
  background-color: #fff; }
  .forYourInfo:before {
    content: "";
    position: absolute;
    top: -10px;
    left: 50%;
    margin-left: -10px;
    display: block;
    width: 0px;
    height: 0px;
    border-style: solid;
    border-width: 0 10px 10px 10px;
    border-color: transparent transparent #999 transparent; }
  .forYourInfo:after {
    content: "";
    position: absolute;
    top: -9px;
    left: 50%;
    margin-left: -9px;
    display: block;
    width: 0px;
    height: 0px;
    border-style: solid;
    border-width: 0 9px 9px 9px;
    border-color: transparent transparent #fff transparent; }
  .forYourInfo h2 {
    font-size: 13px;
    font-weight: bold;
    color: #333;
    padding: 10px 0 10px 10px;
    border-bottom: 1px solid #ddd; }
  .forYourInfo ul {
    overflow: auto;
    height: 500px; }
    .forYourInfo ul li {
      border-top: 1px solid #ddd; }
      .forYourInfo ul li:first-child {
        border-top: none !important; }
      .forYourInfo ul li:last-child {
        border-bottom-right-radius: 5px;
        border-bottom-left-radius: 5px; }
        .forYourInfo ul li:last-child a:hover {
          border-bottom-right-radius: 5px;
          border-bottom-left-radius: 5px; }
      .forYourInfo ul li a {
        display: block;
        color: #444;
        line-height: 1.5;
        font-size: 12px;
        padding: 10px; }
        .forYourInfo ul li a .notificationBox .notificationIcon {
          width: 30px;
          float: left; }
        .forYourInfo ul li a .notificationBox .notificationRight {
          width: 332px;
          float: right;
          margin-top: 4px; }
          .forYourInfo ul li a .notificationBox .notificationRight .forYourInfoTime {
            font-size: 10px;
            color: #B8B8B8;
            padding-top: 2px; }
        .forYourInfo ul li a:hover {
          background-color: #ffffbf; }

.link {
  margin-top: 10px;
  color: #3b5998; }

.forYourInfoBeforeLogin {
  border-radius: 5px;
  z-index: 103;
  position: absolute;
  box-shadow: 3px 3px 3px #c2c2c2;
  right: 32px;
  top: 49px;
  border: 1px solid #999;
  width: 400px;
  background-color: #fff; }
  .forYourInfoBeforeLogin:before {
    content: "";
    position: absolute;
    top: -10px;
    left: 50%;
    margin-left: -10px;
    display: block;
    width: 0px;
    height: 0px;
    border-style: solid;
    border-width: 0 10px 10px 10px;
    border-color: transparent transparent #999 transparent; }
  .forYourInfoBeforeLogin:after {
    content: "";
    position: absolute;
    top: -9px;
    left: 50%;
    margin-left: -9px;
    display: block;
    width: 0px;
    height: 0px;
    border-style: solid;
    border-width: 0 9px 9px 9px;
    border-color: transparent transparent #fff transparent; }
  .forYourInfoBeforeLogin h2 {
    font-size: 13px;
    font-weight: bold;
    color: #333;
    padding: 10px 0 10px 10px;
    border-bottom: 1px solid #ddd; }
  .forYourInfoBeforeLogin ul li {
    border-bottom: 1px solid #ddd; }
    .forYourInfoBeforeLogin ul li.last {
      border-bottom: none; }
      .forYourInfoBeforeLogin ul li.last:hover {
        border-bottom-right-radius: 5px;
        border-bottom-left-radius: 5px; }
    .forYourInfoBeforeLogin ul li:hover {
      background-color: #ffffbf; }
    .forYourInfoBeforeLogin ul li a {
      color: #3A5998;
      font-size: 13px;
      padding: 8px 22px 22px 17px;
      font-weight: bold;
      display: block !important; }
      .forYourInfoBeforeLogin ul li a img {
        float: left;
        padding-left: 5px; }
      .forYourInfoBeforeLogin ul li a div {
        padding-top: 2px;
        font-size: 12px;
        line-height: 140%;
        width: 268px;
        float: right; }
        .forYourInfoBeforeLogin ul li a div .link {
          margin-top: 10px; }

.categories {
  border-radius: 5px;
  z-index: 104;
  position: absolute;
  box-shadow: 3px 3px 3px #c2c2c2;
  right: 10px;
  top: 49px;
  border: 1px solid #999;
  width: 650px;
  background-color: #fff; }
  .categories:before {
    content: "";
    position: absolute;
    top: -10px;
    left: 76.4%;
    margin-left: -10px;
    display: block;
    width: 0px;
    height: 0px;
    border-style: solid;
    border-width: 0 10px 10px 10px;
    border-color: transparent transparent #999 transparent; }
  .categories:after {
    content: "";
    position: absolute;
    top: -9px;
    left: 76.4%;
    margin-left: -9px;
    display: block;
    width: 0px;
    height: 0px;
    border-style: solid;
    border-width: 0 9px 9px 9px;
    border-color: transparent transparent #fff transparent; }
  .categories h2 {
    font-size: 13px;
    font-weight: bold;
    color: #333;
    padding: 10px 0 10px 10px;
    border-bottom: 1px solid #ddd; }
  .categories ul.left {
    width: 204px;
    float: left;
    border-right: 1px solid #ddd; }
    .categories ul.left li {
      border-bottom: 1px solid #ddd; }
      .categories ul.left li.last {
        border-bottom: none; }
      .categories ul.left li a {
        display: block;
        line-height: 38px;
        padding-left: 18px;
        font-size: 15px;
        color: #444; }
        .categories ul.left li a i {
          float: right;
          padding-right: 10px;
          font-size: 14px;
          line-height: 38px;
          color: #fff; }
        .categories ul.left li a:hover {
          color: #fff;
          background-color: #00a3d9; }
  .categories .right {
    width: 389px;
    float: right;
    padding: 24px 26px 0 30px; }
    .categories .right h3 {
      font-size: 15px; }
      .categories .right h3 a {
        color: #444 !important; }
        .categories .right h3 a:hover {
          text-decoration: underline; }
      .categories .right h3.first {
        border-bottom: 1px solid #ddd;
        padding-bottom: 10px;
        margin-bottom: 20px; }
      .categories .right h3.second {
        margin-top: 50px; }
      .categories .right h3 i {
        color: #fff;
        padding: 3px 5px;
        background-color: #00a3d9;
        margin-left: 10px; }
    .categories .right ul {
      margin-bottom: 20px;
      width: 349px;
      margin-top: -10px; }
      .categories .right ul li {
        float: left;
        line-height: 36px; }
        .categories .right ul li a {
          color: #00A3D8 !important;
          padding: 6px 12px;
          font-size: 14px; }
          .categories .right ul li a:hover {
            color: #fff !important;
            background-color: #00a3d9; }

.emergencyArea {
  border-bottom: 1px solid #fff;
  background-color: #f8f8f8;
  width: 100%; }
  .emergencyArea .inner {
    width: 1004px;
    margin: 0 auto;
    padding: 0 10px; }
    .emergencyArea .inner p {
      text-align: center; }
      .emergencyArea .inner p a {
        color: #ff0000;
        line-height: 30px; }
      .emergencyArea .inner p span.emergency_icon {
        padding: 4px 4px 3px;
        background-color: #ff0000;
        color: #fff;
        margin-right: 6px;
        font-size: 13px;
        border-radius: 6px; }

.fixedHeader {
  position: fixed;
  width: 100%;
  height: 50px;
  z-index: 80;
  top: 0;
  left: 0; }

.forHeaderFix {
  padding-top: 76px !important; }

.gheader {
  margin-top: 30px; }

.longBanner {
  text-align: center;
  margin: 30px 0; }

/*-----table of contents--------
1.モーダルウィンドウ（作業途中確認用）
2.モーダルウィンドウ(全体の黒い幕)
3.モーダルウィンドウ(添付画像確認用)
4.モーダルウィンドウ（ベストアンサー確認用）
5.削除確認用（質問）
6.削除確認用（ブロック）
7.クリックして出現する箱（カテゴリ一覧）
8.検索オプション画面
	8-1.タイトル部分
	8-2.キーワード
	8-3.左側のタイトル（共通）
	8-4.右側のコンテンツ（共通）
------------------------------*/
.modalContent {
  border-radius: 5px;
  box-shadow: 3px 3px 3px #5a5a5a;
  width: 400px;
  height: 120px;
  text-align: center;
  background-color: #fff;
  padding: 40px;
  position: fixed;
  display: none;
  z-index: 200; }
  .modalContent h3 {
    font-size: 18px;
    color: #333; }
  .modalContent p.modalCaution {
    font-size: 13px;
    color: #333;
    padding: 23px 0 30px !important; }
  .modalContent ul {
    width: 382px;
    margin: 0 auto;
    height: 42px; }
    .modalContent ul li {
      float: left; }
      .modalContent ul li p.btn {
        width: 180px !important;
        box-shadow: 2px 2px 0 #d6d6d6;
        border-radius: 5px; }
        .modalContent ul li p.btn a {
          display: block;
          padding: 9px 0 3px 0 !important;
          background-color: #FF7F00;
          border-radius: 5px; }
          .modalContent ul li p.btn a:hover {
            background-color: #cd6a00;
            color: #cd6a00; }
            .modalContent ul li p.btn a:hover i.q {
              color: #cd6a00; }
          .modalContent ul li p.btn a span.q-text {
            font-size: 16px !important;
            font-weight: bold;
            margin-left: 5px !important;
            color: #fff !important; }
          .modalContent ul li p.btn a i.w-circle {
            color: #fff;
            font-size: 1.7em;
            line-height: 25px; }
          .modalContent ul li p.btn a i.q {
            color: #FF7F00;
            font-style: normal;
            font-weight: bold;
            font-size: 15px;
            line-height: 26px; }
      .modalContent ul li .btnBlue a {
        background-color: #006dd9 !important; }
        .modalContent ul li .btnBlue a:hover {
          background-color: #044a90 !important; }
        .modalContent ul li .btnBlue a i.q {
          color: #006dd9 !important; }
      .modalContent ul li.reWrite a {
        font-size: 13px;
        color: #FF7F00;
        padding: 13px 44px;
        display: block;
        background-color: #f2f2f2;
        margin-right: 18px; }
        .modalContent ul li.reWrite a:hover {
          background-color: #dcdbdb; }
      .modalContent ul li.reWriteBlue a {
        color: #006dd9; }
      .modalContent ul li.supplyBtnCancel a {
        color: #61C11B; }
      .modalContent ul li .supplyBtn a {
        color: #fff !important;
        background-color: #61C11B !important; }
        .modalContent ul li .supplyBtn a:hover {
          background-color: #468a15 !important; }
      .modalContent ul li.thankBtnCancel a {
        color: #FF4C99 !important; }
      .modalContent ul li .thankBtn a {
        color: #fff;
        background-color: #FF4C99 !important; }
        .modalContent ul li .thankBtn a:hover {
          background-color: #c33974 !important; }
        .modalContent ul li .thankBtn a i {
          color: #fff;
          font-size: 16px; }

.modalContentH {
  height: 174px !important; }

#modalOverLay {
  z-index: 150;
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 120%;
  background-color: rgba(0, 0, 0, 0.4);
  opacity: 0.4;
  filter: alpha(opacity=40);
  background-color: #000; }

#modalOverLay2 {
  z-index: 150;
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 120%;
  background-color: rgba(0, 0, 0, 0.4);
  opacity: 0.4;
  filter: alpha(opacity=40);
  background-color: #000; }

#appendPicBox {
  border-radius: 5px;
  box-shadow: 3px 3px 3px #5a5a5a;
  width: 480px;
  height: 446px;
  text-align: center;
  background-color: #fff;
  position: fixed;
  display: none;
  padding: 34px 0;
  z-index: 200; }
  #appendPicBox p {
    text-align: center;
    margin-bottom: 20px; }
    #appendPicBox p a {
      display: block !important;
      padding: 10px 0 !important;
      background-color: #f2f2f2 !important;
      width: 180px;
      margin: 0 auto;
      font-size: 13px;
      color: #006CD8; }
      #appendPicBox p a:hover {
        background-color: #c8c6c6 !important; }

.baCheck {
  border-radius: 5px;
  box-shadow: 3px 3px 3px #5a5a5a;
  width: 600px;
  text-align: center;
  background-color: #fff;
  position: absolute !important;
  z-index: 200;
  display: none;
  padding-bottom: 40px;
  position: relative; }
  .baCheck h2 {
    font-size: 18px;
    color: #333;
    text-align: center;
    line-height: 55px; }
  .baCheck .closeIcon {
    position: absolute;
    top: 21px;
    right: 20px; }
  .baCheck .baWrap {
    background-color: #f6f6f6;
    padding: 20px 40px;
    border-top: 1px solid #eee;
    border-bottom: 1px solid #eee; }
    .baCheck .baWrap .upBaArea {
      margin-bottom: 20px; }
      .baCheck .baWrap .upBaArea img {
        float: left; }
      .baCheck .baWrap .upBaArea p {
        float: left; }
        .baCheck .baWrap .upBaArea p a {
          color: #395998;
          font-size: 12px;
          line-height: 25px;
          margin: 0 0 0 5px; }
          .baCheck .baWrap .upBaArea p a:hover {
            text-decoration: underline; }
      .baCheck .baWrap .upBaArea ul {
        float: right; }
        .baCheck .baWrap .upBaArea ul li {
          font-size: 12px;
          line-height: 25px;
          color: #B8B8B8; }
    .baCheck .baWrap .middleBaArea h3 {
      font-size: 15px;
      color: #333;
      width: 435px;
      padding-right: 15px;
      line-height: 150%;
      word-break: break-all;
      word-wrap: break-word;
      display: table-cell;
      vertical-align: top;
      text-align: left !important; }
    .baCheck .baWrap .middleBaArea p {
      display: table-cell; }
  .baCheck .caution {
    width: 420px;
    margin: 20px auto 40px;
    color: #FF0000;
    font-size: 12px; }
    .baCheck .caution i {
      font-size: 17px !important;
      padding-right: 5px;
      display: table-cell; }
    .baCheck .caution p {
      display: table-cell;
      text-align: left;
      line-height: 1.4; }
  .baCheck .bottomBaArea ul {
    width: 415px;
    margin: 0 auto; }
    .baCheck .bottomBaArea ul li {
      display: table-cell; }
      .baCheck .bottomBaArea ul li.cancelBtn {
        padding-right: 20px; }
        .baCheck .bottomBaArea ul li.cancelBtn a {
          color: #006CD8;
          line-height: 38px;
          font-size: 13px;
          display: block;
          padding: 0 55px;
          background-color: #f2f2f2; }
          .baCheck .bottomBaArea ul li.cancelBtn a:hover {
            background-color: #d7d6d6; }
      .baCheck .bottomBaArea ul li.baBtn {
        width: 220px !important;
        box-shadow: 2px 2px 0 #d6d6d6;
        border-radius: 5px; }
        .baCheck .bottomBaArea ul li.baBtn a {
          border-radius: 5px;
          color: #fff;
          line-height: 40px;
          font-size: 16px;
          background: url("../../../../../images/v2/pc/top/medal_for_btn.png") no-repeat 18px;
          display: block;
          padding-left: 22px;
          background-color: #006dd9; }
          .baCheck .bottomBaArea ul li.baBtn a:hover {
            background-color: #044a90; }

.deleteCheck {
  border-radius: 5px;
  box-shadow: 3px 3px 3px #5a5a5a;
  width: 490px;
  height: 280px;
  text-align: center;
  background-color: #fff;
  position: absolute !important;
  z-index: 200;
  display: none;
  position: relative; }
  .deleteCheck .closeIcon {
    position: absolute;
    top: 21px;
    right: 20px; }
  .deleteCheck h2 {
    font-size: 18px;
    color: #333;
    padding: 20px 0;
    text-align: center; }
  .deleteCheck .upDeleteArea {
    border-top: 1px solid #eee;
    border-bottom: 1px solid #eee;
    background-color: #F6F6F6;
    padding: 25px 40px; }
    .deleteCheck .upDeleteArea img {
      float: left;
      margin-right: 15px; }
    .deleteCheck .upDeleteArea h3 {
      float: left;
      text-align: left;
      width: 320px;
      line-height: 150%;
      font-size: 16px;
      color: #333;
      margin-top: -4px; }
    .deleteCheck .upDeleteArea .date {
      text-align: right;
      clear: both; }
  .deleteCheck .bottomDeleteArea ul {
    width: 334px;
    margin: 30px auto 0; }
    .deleteCheck .bottomDeleteArea ul li {
      float: left; }
      .deleteCheck .bottomDeleteArea ul li.cancelBtn {
        width: 160px !important;
        box-shadow: 2px 2px 0 #d6d6d6;
        margin-right: 10px;
        border: 1px solid #ccc;
        border-radius: 5px; }
        .deleteCheck .bottomDeleteArea ul li.cancelBtn a {
          border-radius: 5px;
          color: #666666;
          line-height: 38px;
          font-size: 16px;
          display: block;
          background-color: #fff; }
          .deleteCheck .bottomDeleteArea ul li.cancelBtn a:hover {
            background-color: #e4e4e4; }
      .deleteCheck .bottomDeleteArea ul li.deleteBtn {
        width: 160px !important;
        box-shadow: 2px 2px 0 #d6d6d6;
        border: 1px solid #ccc;
        border-radius: 5px; }
        .deleteCheck .bottomDeleteArea ul li.deleteBtn a {
          border-radius: 5px;
          color: #666666;
          line-height: 38px;
          font-size: 16px;
          background: url("../../../../../images/v2/pc/top/trash_icon.png") no-repeat 30px;
          display: block;
          padding-left: 20px;
          background-color: #fff; }
          .deleteCheck .bottomDeleteArea ul li.deleteBtn a:hover {
            background-color: #e4e4e4; }

.deleteCheckContent {
  display: table !important;
  width: 100% !important;
  box-sizing: border-box !important;
  padding: 10px !important; }
  .deleteCheckContent .deleteCheckImg {
    display: table-cell !important;
    width: 30px !important;
    padding-right: 10px !important; }
  .deleteCheckContent .deleteCheckName {
    display: table-cell !important;
    width: 100% !important; }

.categoryListBox {
  border-radius: 5px;
  position: absolute;
  box-shadow: 3px 3px 3px #5a5a5a;
  background-color: #fff;
  color: #333;
  width: 1097px;
  display: table;
  z-index: 250 !important; }
  .categoryListBox .categoryListBoxHeader {
    border-bottom: 1px solid #ddd;
    line-height: 45px;
    padding: 0 20px; }
  .categoryListBox .categoryListBoxTitle {
    float: left; }
  .categoryListBox .categoryListBoxCloseIcon {
    float: right; }
  .categoryListBox .categoryListBoxLeft {
    width: 205px;
    display: table-cell;
    vertical-align: top;
    border-right: 1px solid #ddd; }
    .categoryListBox .categoryListBoxLeft ul li {
      border-top: 1px solid #ddd;
      width: 100%;
      position: relative; }
      .categoryListBox .categoryListBoxLeft ul li:first-child {
        border-top: none; }
      .categoryListBox .categoryListBoxLeft ul li a {
        display: block;
        padding: 8px 30px 8px 18px;
        font-size: 15px;
        color: #444; }
        .categoryListBox .categoryListBoxLeft ul li a i {
          position: absolute;
          top: 50%;
          margin-top: -6px;
          right: 15px;
          font-size: 14px;
          color: #fff; }
        .categoryListBox .categoryListBoxLeft ul li a:hover {
          color: #fff;
          background-color: #00a3d9; }
          .categoryListBox .categoryListBoxLeft ul li a:hover i {
            color: #fff !important; }
      .categoryListBox .categoryListBoxLeft ul li.active a {
        color: #fff;
        background-color: #00a3d9; }
  .categoryListBox .categoryListBoxMiddle, .categoryListBox .categoryListBoxRight {
    width: 395px;
    display: table-cell;
    vertical-align: top;
    padding: 25px;
    border-right: 1px solid #ddd; }
    .categoryListBox .categoryListBoxMiddle .cateTitle, .categoryListBox .categoryListBoxRight .cateTitle {
      border-bottom: 1px solid #ddd;
      padding-bottom: 10px;
      margin-bottom: 20px; }
      .categoryListBox .categoryListBoxMiddle .cateTitle a, .categoryListBox .categoryListBoxRight .cateTitle a {
        color: #444; }
        .categoryListBox .categoryListBoxMiddle .cateTitle a:hover, .categoryListBox .categoryListBoxRight .cateTitle a:hover {
          text-decoration: underline; }
        .categoryListBox .categoryListBoxMiddle .cateTitle a i, .categoryListBox .categoryListBoxRight .cateTitle a i {
          color: #fff;
          padding: 3px 5px;
          background-color: #00A3D9;
          margin-left: 10px; }
    .categoryListBox .categoryListBoxMiddle ul li, .categoryListBox .categoryListBoxRight ul li {
      margin: 5px 5px 5px 0; }
      .categoryListBox .categoryListBoxMiddle ul li a, .categoryListBox .categoryListBoxRight ul li a {
        display: block;
        padding: 6px 12px; }
        .categoryListBox .categoryListBoxMiddle ul li a:hover, .categoryListBox .categoryListBoxRight ul li a:hover {
          background-color: #00a3d9;
          color: #fff; }
      .categoryListBox .categoryListBoxMiddle ul li.active a, .categoryListBox .categoryListBoxRight ul li.active a {
        color: #fff !important;
        background-color: #00a3d9; }
  .categoryListBox .categoryListBoxRight {
    border-right: none !important; }

.searchOption {
  border-radius: 5px;
  position: absolute;
  box-shadow: 3px 3px 3px #5a5a5a;
  background-color: #fff;
  color: #333;
  width: 880px;
  z-index: 250 !important; }
  .searchOption .searchOptionHeader {
    padding: 12px 15px;
    border-bottom: 1px solid #ddd; }
    .searchOption .searchOptionHeader h2 {
      float: left;
      font-size: 15px;
      color: #333; }
    .searchOption .searchOptionHeader .searchOptionCloseIcon {
      float: right; }
  .searchOption .searchOptionInner {
    padding: 28px 28px 50px 28px; }
  .searchOption .searchOptionBox {
    border: 1px solid #ddd;
    background-color: #F2F2F2; }
  .searchOption .searchOptionBoxLeft {
    width: 75px;
    float: left;
    padding: 25px; }
    .searchOption .searchOptionBoxLeft .searchOptionTitle {
      font-size: 15px;
      color: #666; }
  .searchOption .searchOptionBoxRight {
    background-color: #fff;
    padding: 20px 25px;
    float: left;
    width: 647px;
    font-size: 13px; }
    .searchOption .searchOptionBoxRight input[type="text"] {
      border-radius: 5px;
      padding: 10px;
      width: 430px;
      height: 15px;
      font-size: 15px;
      border: 1px solid #aaa;
      color: #333;
      word-break: break-all;
      word-wrap: break-word;
      font-family: 'Lucida Grande', 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, sans-serif; }
    .searchOption .searchOptionBoxRight .radioBtnsForKeyword {
      margin-top: 10px; }
    .searchOption .searchOptionBoxRight .radioBtnsForSearch {
      margin-bottom: 20px; }
    .searchOption .searchOptionBoxRight .listForQuestion {
      width: 180px !important; }
      .searchOption .searchOptionBoxRight .listForQuestion .ratidoButtonForSearch {
        width: 65px !important;
        float: left;
        padding: 5px 0 5px 10px !important; }
    .searchOption .searchOptionBoxRight .notText {
      padding: 30px 0 5px; }
    .searchOption .searchOptionBoxRight select {
      padding: 4px 5px;
      border: 1px solid #ebebeb; }
    .searchOption .searchOptionBoxRight ul li {
      border-left: 1px dotted #ccc;
      float: left; }
      .searchOption .searchOptionBoxRight ul li:first-child {
        border-left: none !important; }
    .searchOption .searchOptionBoxRight label.checked {
      background-color: #FFFCE5; }
    .searchOption .searchOptionBoxRight input[type="radio"] {
      vertical-align: -2px; }
    .searchOption .searchOptionBoxRight label {
      display: block;
      padding: 5px 40px 5px 15px; }
    .searchOption .searchOptionBoxRight .checkButtonForBa {
      padding: 5px 0 5px 12px;
      width: 130px; }
    .searchOption .searchOptionBoxRight .searchOptionCateLeft {
      float: left;
      border-right: 1px solid #ddd;
      width: 227px; }
      .searchOption .searchOptionBoxRight .searchOptionCateLeft ul li {
        border-top: 1px solid #ddd;
        width: 100%;
        border-left: none !important;
        foat: none; }
        .searchOption .searchOptionBoxRight .searchOptionCateLeft ul li a {
          padding: 10px 10px 10px 25px;
          display: block;
          color: #444; }
          .searchOption .searchOptionBoxRight .searchOptionCateLeft ul li a i {
            color: #fff;
            float: right; }
          .searchOption .searchOptionBoxRight .searchOptionCateLeft ul li a:hover {
            color: #00A3D9;
            background-color: #FFFCE5; }
            .searchOption .searchOptionBoxRight .searchOptionCateLeft ul li a:hover i {
              color: #00A3D9; }
        .searchOption .searchOptionBoxRight .searchOptionCateLeft ul li:first-child {
          border-top: none !important; }
        .searchOption .searchOptionBoxRight .searchOptionCateLeft ul li.active a {
          color: #00A3D9 !important;
          background-color: #FFFCE5 !important;
          font-weight: bold; }
          .searchOption .searchOptionBoxRight .searchOptionCateLeft ul li.active a i {
            color: #00A3D9 !important; }
    .searchOption .searchOptionBoxRight .searchOptionCateMiddle, .searchOption .searchOptionBoxRight .searchOptionCateRight {
      width: 234px;
      display: table-cell;
      width: 50%;
      vertical-align: top;
      padding-top: 5px; }
      .searchOption .searchOptionBoxRight .searchOptionCateMiddle ul li, .searchOption .searchOptionBoxRight .searchOptionCateRight ul li {
        border-left: none !important;
        float: none; }
        .searchOption .searchOptionBoxRight .searchOptionCateMiddle ul li a, .searchOption .searchOptionBoxRight .searchOptionCateRight ul li a {
          display: block;
          padding: 8px 10px 8px 30px;
          color: #444; }
          .searchOption .searchOptionBoxRight .searchOptionCateMiddle ul li a i, .searchOption .searchOptionBoxRight .searchOptionCateRight ul li a i {
            color: #fff;
            float: right; }
          .searchOption .searchOptionBoxRight .searchOptionCateMiddle ul li a:hover, .searchOption .searchOptionBoxRight .searchOptionCateRight ul li a:hover {
            background-color: #F2F2F2;
            color: #00A3D9; }
            .searchOption .searchOptionBoxRight .searchOptionCateMiddle ul li a:hover i, .searchOption .searchOptionBoxRight .searchOptionCateRight ul li a:hover i {
              color: #999; }
        .searchOption .searchOptionBoxRight .searchOptionCateMiddle ul li.active a, .searchOption .searchOptionBoxRight .searchOptionCateRight ul li.active a {
          background-color: #F2F2F2;
          color: #00A3D9;
          font-weight: bold; }
          .searchOption .searchOptionBoxRight .searchOptionCateMiddle ul li.active a i, .searchOption .searchOptionBoxRight .searchOptionCateRight ul li.active a i {
            color: #999; }
    .searchOption .searchOptionBoxRight .searchOptionCateMiddle {
      border-right: 1px solid #ddd; }
    .searchOption .searchOptionBoxRight .ratidoButtonForPeriod {
      padding: 5px 15px 5px 10px; }
    .searchOption .searchOptionBoxRight .assignArea {
      margin-top: 15px; }
      .searchOption .searchOptionBoxRight .assignArea label {
        width: 77px;
        float: left;
        padding-right: 25px !important; }
      .searchOption .searchOptionBoxRight .assignArea select {
        float: left;
        padding: 4px 5px !important;
        margin-right: 8px; }
    .searchOption .searchOptionBoxRight .selectText {
      float: left;
      margin-right: 8px;
      line-height: 28px; }
    .searchOption .searchOptionBoxRight .selectForNumbers {
      float: left;
      margin-right: 5px; }
  .searchOption .btnForSearch {
    width: 200px;
    margin: 15px auto; }
    .searchOption .btnForSearch a {
      line-height: 40px; }
  .searchOption .searchOptionBoxLeftForCate {
    padding: 0 !important;
    width: 697px !important;
    display: table;
    width: 100%; }
  .searchOption .expressionOtherPage {
    text-align: center;
    margin-top: 25px; }
  .searchOption .searchOptionBtnArea {
    width: 432px;
    margin: 40px auto 0; }
    .searchOption .searchOptionBtnArea ul li {
      float: left; }
      .searchOption .searchOptionBtnArea ul li:first-child {
        margin-right: 25px; }
        .searchOption .searchOptionBtnArea ul li:first-child a {
          border: 1px solid #ddd;
          line-height: 48px !important; }
      .searchOption .searchOptionBtnArea ul li a {
        line-height: 50px;
        width: 198px;
        font-size: 18px; }

.searchOptionBoxContentBox {
  border-top: 1px dotted #BBB; }

.searchOptionBox div:first-child {
  border-top: none !important; }

.outLine {
  border-radius: 5px;
  border: 1px solid #ddd;
  background-color: #fff; }

.loadingWhite {
  text-align: center;
  padding: 20px 0;
  border-top: 1px solid #ddd; }

.loadingGray {
  text-align: center;
  padding-top: 37px; }

.breadcrumbListArea {
  padding: 20px 0 18px 10px;
  background: #f4f4f4; }
  .breadcrumbListArea ul {
    width: 1062px;
    margin: 0 auto; }
    .breadcrumbListArea ul li {
      float: left;
      font-size: 12px;
      margin-right: 5px; }
      .breadcrumbListArea ul li a {
        color: #3b5998;
        font-size: 13px; }
        .breadcrumbListArea ul li a:hover {
          text-decoration: underline; }

.footer {
  clear: both;
  min-width: 1024px;
  background: #eee;
  border-top: 1px solid #ccc; }
  .footer a {
    color: #333;
    font-size: 12px; }
    .footer a:hover {
      color: #36c;
      text-decoration: underline; }

.footer-in {
  margin: 0 auto;
  padding: 25px 10px;
  text-align: left;
  width: 1004px; }

.footer-sv {
  margin-bottom: 20px;
  border-bottom: 1px solid #ccc; }
  .footer-sv dl {
    line-height: 1.5;
    margin-bottom: 15px; }
  .footer-sv dt, .footer-sv dd {
    margin-bottom: 15px; }
  .footer-sv dt {
    clear: left;
    float: left;
    margin-right: 2em;
    width: 8em;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 13px;
    font-weight: bold; }
    .footer-sv dt a {
      font-size: 13px;
      font-weight: bold; }
  .footer-sv ul {
    display: inline; }
    .footer-sv ul li {
      display: inline;
      margin-right: 10px; }

.footer-link {
  margin-bottom: 20px;
  text-align: center; }
  .footer-link li {
    display: inline;
    margin-right: 10px; }

.copyright {
  text-align: center; }

#mod-sp-notice {
  background-color: #666;
  padding: 60px 0px;
  text-align: center; }
  #mod-sp-notice a {
    padding: 20px;
    font-size: 50px;
    color: #fff;
    font-weight: bold;
    text-decoration: none;
    text-align: center;
    -webkit-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.6), inset 0 1px rgba(255, 255, 255, 0.2), inset 0 10px rgba(255, 255, 255, 0.2), inset 0 10px 20px rgba(255, 255, 255, 0.2), inset 0 -15px 30px rgba(0, 0, 0, 0.6);
    -webkit-border-radius: 20px;
    background: rgba(0, 0, 0, 0.4);
    text-shadow: 0 -1px 1px #aaa, -1px 0 1px #aaa, 1px 0 1px #000;
    margin: 0 auto; }
    #mod-sp-notice a:hover {
      -webkit-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3), inset 0 1px rgba(255, 255, 255, 0.3), inset 0 10px rgba(255, 255, 255, 0.3), inset 0 10px 20px rgba(255, 255, 255, 0.3), inset 0 -15px 30px rgba(0, 0, 0, 0.3); }
    #mod-sp-notice a:active {
      -webkit-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3), inset 0 1px rgba(0, 0, 0, 0.3), inset 0 1px rgba(0, 0, 0, 0.8), inset 0 10px 20px rgba(0, 0, 0, 0.8), inset 0 -15px 30px rgba(0, 0, 0, 0.3);
      background: rgba(0, 0, 0, 0.5); }

.buttons a {
  color: #fff !important;
  border-radius: 5px;
  display: block;
  text-align: center;
  box-shadow: 2px 2px 0 #eee; }
  .buttons a i.q {
    font-style: normal !important; }

.buttonsBlue a {
  background-color: #006dd9; }
  .buttonsBlue a:hover {
    background-color: #044a90; }
  .buttonsBlue a span.q-text {
    color: #fff !important; }
  .buttonsBlue a i.w-circle {
    color: #fff !important; }
  .buttonsBlue a i.q {
    color: #006dd9 !important; }
  .buttonsBlue a:hover i.q {
    color: #044a90 !important; }

.buttonsGray a {
  color: #7d7d7d !important;
  background-color: #fff; }
  .buttonsGray a:hover {
    background-color: #eee; }

.orangeBtn a {
  background-color: #ff7f00 !important; }
  .orangeBtn a:hover {
    background-color: #cd6a00 !important; }
  .orangeBtn a span.q-text {
    color: #fff !important; }
  .orangeBtn a i.w-circle {
    color: #fff !important; }
  .orangeBtn a i.q {
    color: #ff7f00 !important; }
  .orangeBtn a:hover i.q {
    color: #cd6a00 !important; }

.lightBlueBtn a {
  background-color: #00a3d9; }
  .lightBlueBtn a:hover {
    background-color: #017ba4; }

.pinkBtn a {
  background-color: #ff4c99 !important; }
  .pinkBtn a:hover {
    background-color: #c33974 !important; }

.greenBtn a {
  background-color: #61c11b !important; }
  .greenBtn a:hover {
    background-color: #468a15 !important; }
  .greenBtn a span.q-text {
    color: #fff !important; }
  .greenBtn a i.w-circle {
    color: #fff !important; }
  .greenBtn a i.q {
    color: #61c11b !important; }
  .greenBtn a:hover i.q {
    color: #468a15 !important; }

.btnG a {
  box-shadow: 2px 2px #d6d6d6 !important;
  background-color: #ccc !important;
  cursor: default !important; }
  .btnG a span.q-text {
    color: #fff !important; }
  .btnG a i.w-circle {
    color: #fff !important; }
  .btnG a i.q {
    color: #ccc !important; }

.baseQ a {
  width: 170px;
  margin: 0 auto;
  line-height: 40px; }
  .baseQ a span.q-text {
    font-size: 16px !important;
    margin-left: 5px !important;
    color: #fff !important; }
  .baseQ a i.w-circle {
    color: #fff;
    font-size: 1.7em;
    line-height: 25px; }
  .baseQ a i.q {
    color: #006dd9;
    font-style: normal;
    font-size: 17px;
    line-height: 26px; }
  .baseQ a:hover i.q {
    color: #044a90; }

.redBtn a {
  color: #fff;
  background-color: #ff575f; }
  .redBtn a span.q-text {
    color: #fff !important; }
  .redBtn a i.w-circle {
    color: #fff !important; }
  .redBtn a i.q {
    color: #ccc !important; }
  .redBtn a:hover {
    background-color: #dd4b52; }

.answerUpDateBox {
  background-color: rgba(0, 0, 0, 0.5) !important;
  padding: 40px;
  width: 240px;
  position: relative;
  position: absolute;
  z-index: 100;
  top: -10px;
  right: -340px; }
  .answerUpDateBox .buttons a {
    display: block;
    border-radius: 5px;
    line-height: 50px;
    background-color: #fff;
    text-align: center;
    box-shadow: 1px 1px 0 #5f5f5f; }
    .answerUpDateBox .buttons a span.q-text {
      font-size: 15px !important;
      margin-left: 5px !important;
      color: #666 !important; }
    .answerUpDateBox .buttons a i.w-circle {
      color: #006DD9;
      font-size: 2.1em;
      line-height: 26px; }
    .answerUpDateBox .buttons a i.q {
      color: #fff !important;
      font-style: normal;
      font-size: 18px;
      line-height: 25px;
      font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; }
    .answerUpDateBox .buttons a:hover {
      background-color: #eee; }
  .answerUpDateBox .closeBtn {
    position: absolute;
    top: 10px;
    right: 10px; }

.officialIcon {
  font-size: 15px;
  color: #00A3D9 !important;
  margin-left: 4px;
  vertical-align: -2px; }

.officialIconForLogOut {
  vertical-align: middle !important;
  margin-top: -2px !important; }

.officialIconForProfile {
  vertical-align: baseline !important;
  font-size: 22px !important; }

.officialIconForCateList {
  vertical-align: text-bottom !important; }

.officialIconForQaDetail {
  vertical-align: baseline !important; }

#gooad-long,
#gooad-ocn_long,
#rog {
  text-align: center;
  margin: 0 0 1em; }

#gooad-long div,
#rog div {
  margin-left: auto;
  margin-right: auto; }

.broadFooter {
  clear: both;
  border-top: 1px solid #ccc;
  padding: 25px 0 15px;
  background-color: #eee; }
  .broadFooter .broadFooter_inner {
    width: 1080px;
    margin: 0 auto; }
    .broadFooter .broadFooter_inner div:first-child.broadFooter_content {
      width: 810px; }
      .broadFooter .broadFooter_inner div:first-child.broadFooter_content .broadFooter_list {
        float: left;
        margin-right: 32px; }
  .broadFooter .broadFooter_content {
    float: left; }
  .broadFooter .broadFooter_content_middle {
    width: 150px; }
  .broadFooter .broadFooter_item {
    padding-bottom: 10px; }
  .broadFooter .broadFooter_item_bold {
    padding-bottom: 12px; }
    .broadFooter .broadFooter_item_bold a {
      font-size: 13px;
      font-weight: bold; }
  .broadFooter .broadFooter_item_inner {
    padding: 10px 0 0; }
    .broadFooter .broadFooter_item_inner li {
      padding-left: 5px; }
      .broadFooter .broadFooter_item_inner li a {
        font-size: 11px; }
  .broadFooter a {
    color: #333; }
    .broadFooter a:hover {
      text-decoration: underline; }
    .broadFooter a i {
      margin-right: 4px;
      font-size: 14px; }
  .broadFooter p {
    padding-bottom: 12px; }
    .broadFooter p a {
      font-size: 13px;
      font-weight: bold; }
  .broadFooter ul li {
    font-size: 12px; }
    .broadFooter ul li a {
      font-size: 12px; }
  .broadFooter .broadeFooter_other_content {
    padding-top: 20px; }
    .broadFooter .broadeFooter_other_content p {
      padding-bottom: 10px !important; }

/*tableOfContents
--------------------------------
2.ヘッドコンテンツエリア
	2-2.headNav・ナビげーションエリア
		2-2-1.ナビげーションエリア
		2-2-2.SNSボタンエリア
--------------------------------*/
#headNav {
  width: 100%;
  height: 45px;
  padding: 62px 0 10px 0;
  background: #fff;
  border-bottom: 1px #dcdcdc solid; }
  #headNav .headNav_content {
    width: 1004px;
    margin: 12px auto 0;
    padding: 0 10px 14px; }
  #headNav .headNav_list {
    margin-left: -5px; }
    #headNav .headNav_list li {
      float: left;
      padding: 0 22px 5px 22px;
      border-right: 1px #eee solid;
      height: 22px;
      line-height: 32px; }
      #headNav .headNav_list li a {
        padding: 0 3px;
        color: #333;
        padding-bottom: 2px; }
        #headNav .headNav_list li a:hover {
          color: #FF995F;
          border-bottom: 3px #FF995F solid;
          text-decoration: none; }
      #headNav .headNav_list li.on a {
        color: #FF995F;
        border-bottom: 3px #FF995F solid; }
        #headNav .headNav_list li.on a:hover {
          border-bottom: none; }
      #headNav .headNav_list li.last {
        border-right: none !important; }
  #headNav .headNav_Social li {
    float: left; }
  #headNav .headNav_Social .facebook .fa-circle {
    color: #305fb3; }
  #headNav .headNav_Social .facebook .fa-facebook {
    color: #fff; }
  #headNav .headNav_Social .twitter .fa-circle {
    color: #43ccf6; }
  #headNav .headNav_Social .twitter .fa-twitter {
    color: #fff; }

.headNavHeaderNotFixed {
  padding: 0 !important; }
  .headNavHeaderNotFixed .headNav_content {
    margin: 0 auto !important; }

/*tableOfContents
--------------------------------
2.ページング
	2-1.共通部分
	2-2.ページング（ブロックリスト用）
	2-3.ページング（上線無しバージョン）
--------------------------------*/
.pagingFull {
  margin: 20px 0 50px !important; }

.pagingArea {
  border-top: 1px solid #ededed;
  padding: 30px 0 40px; }
  .pagingArea ul {
    text-align: center; }
    .pagingArea ul li {
      text-align: center;
      display: inline-block;
      *display: inline;
      *zoom: 1; }
      .pagingArea ul li.active a {
        background-color: #00a3d9 !important;
        color: #fff !important;
        border-color: #00a3d9 !important;
        font-weight: bold; }
        .pagingArea ul li.active a:hover {
          background-color: #00a3d9 !important; }
      .pagingArea ul li.next a {
        color: #00A3D9 !important; }
      .pagingArea ul li.prev a {
        color: #00A3D9 !important; }
      .pagingArea ul li.last {
        margin-right: 0 !important; }
      .pagingArea ul li a {
        font-size: 15px;
        color: #666666;
        display: block;
        padding: 8px 10px;
        border-radius: 5px;
        border: 1px solid #ddd;
        margin-right: 8px;
        background-color: #f6f6f6; }
        .pagingArea ul li a:hover {
          color: #00A3D9;
          background-color: #e0e0e0 !important; }

.pageForBlock {
  border-top: none !important;
  padding-top: 0 !important; }

.pageForNoBorder {
  border-top: none !important; }

.btn_pageTop {
  display: none;
  position: fixed;
  right: 40px;
  bottom: 40px;
  width: 60px;
  height: 60px;
  background: #000;
  filter: alpha(opacity=50);
  -ms-filter: "alpha(opacity=50)";
  -moz-opacity: 0.5;
  -khtml-opacity: 0.5;
  opacity: 0.5;
  border-radius: 7px;
  text-align: center;
  vertical-align: middle;
  cursor: pointer; }
  .btn_pageTop span {
    display: block;
    width: 32px;
    height: 8px;
    margin: 13px 14px 0;
    background: #fff;
    border-radius: 2px; }
  .btn_pageTop .fa-arrow-up {
    margin-top: -3px;
    font-size: 32px;
    color: #fff; }

html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent; }

body {
  line-height: 1;
  font-size: 14px;
  color: #333;
  font-family: 'Lucida Grande', 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, sans-serif !important; }

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
  display: block; }

h1, h2, h3, h4, h5, h6 {
  font-weight: normal; }

ul {
  list-style: none; }

blockquote, q {
  quotes: none; }

blockquote:before, blockquote:after, q:before, q:after {
  content: none; }

a {
  margin: 0;
  padding: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent; }

ins {
  background-color: #ff9;
  color: #000;
  text-decoration: none; }

mark {
  background-color: #ff9;
  color: #000;
  font-style: italic;
  font-weight: bold; }

del {
  text-decoration: line-through; }

abbr[title], dfn[title] {
  border-bottom: 1px dotted;
  cursor: help; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #ccc;
  margin: 1em 0;
  padding: 0; }

input, select {
  vertical-align: middle; }

textarea {
  resize: vertical; }

img {
  vertical-align: top; }

/*-----table of contents--------
1.記事コンテンツ
2.前の記事・記事一覧・次の記事
------------------------------*/
.main_article {
  border: 1px solid #eee;
  padding: 20px 30px;
  width: 688px;
  position: relative; }
  .main_article .main_article_title {
    font-size: 26px;
    font-weight: bold;
    line-height: 1.3;
    position: relative;
    margin: 25px 0 0 0; }
  .main_article .tagTime {
    margin: 8px 0 0 0; }
    .main_article .tagTime li {
      font-size: 13px;
      float: left; }
      .main_article .tagTime li.tag {
        border-right: 1px solid #999;
        padding: 0 10px 0 0;
        margin: 0 10px 0 0; }
        .main_article .tagTime li.tag a {
          font-size: 13px;
          color: #3b5998; }
          .main_article .tagTime li.tag a:hover {
            text-decoration: underline; }
      .main_article .tagTime li.time {
        color: #999; }
  .main_article .socialBtns {
    position: absolute;
    top: 24px;
    right: 20px; }
    .main_article .socialBtns .w_icon ul li {
      float: left;
      margin-right: 10px; }
  .main_article .main_article_inner {
    border-top: 1px solid #eee;
    margin: 26px 0 0 0; }
    .main_article .main_article_inner .table_of_contents {
      padding: 0 0 60px 0; }
    .main_article .main_article_inner .mainImg {
      margin: 50px 0 !important;
      text-align: center; }
    .main_article .main_article_inner .main_article_p {
      line-height: 1.5;
      font-size: 16px; }
      .main_article .main_article_inner .main_article_p p {
        line-height: 1.5;
        font-size: 16px;
        margin: 0 0 30px 0; }
        .main_article .main_article_inner .main_article_p p.capture {
          text-align: center;
          font-size: 14px; }
      .main_article .main_article_inner .main_article_p a {
        color: #3b5998;
        font-size: 16px; }
        .main_article .main_article_inner .main_article_p a:hover {
          text-decoration: underline; }
      .main_article .main_article_inner .main_article_p img {
        display: block;
        margin: 90px auto 10px; }
      .main_article .main_article_inner .main_article_p h2 {
        font-size: 20px;
        font-weight: bold;
        padding: 0 !important; }
      .main_article .main_article_inner .main_article_p h3 {
        font-size: 18px;
        font-weight: bold;
        padding: 0 !important; }
    .main_article .main_article_inner .text {
      line-height: 1.5;
      font-size: 16px;
      margin: 0 0 30px 0; }
    .main_article .main_article_inner .linkArea {
      margin: 50px 0 0 0; }
      .main_article .main_article_inner .linkArea .linkArea_item {
        margin: 0 0 40px 0; }
      .main_article .main_article_inner .linkArea h4 {
        font-weight: bold;
        font-size: 16px;
        margin: 0 0 8px 0; }
    .main_article .main_article_inner .moreDetailArea_inner {
      margin: 46px 0 0 0; }
      .main_article .main_article_inner .moreDetailArea_inner h2 {
        font-size: 20px;
        font-weight: bold;
        padding: 0 !important; }
      .main_article .main_article_inner .moreDetailArea_inner .bottomBorder {
        width: 100%;
        height: 6px;
        background: linear-gradient(to right, #01dfd2 0%, #00ccff 50%, #0158a2 100%);
        margin: 0 0 36px 0; }
      .main_article .main_article_inner .moreDetailArea_inner .redText {
        font-size: 16px;
        font-weight: bold;
        text-align: center;
        color: #fd0101;
        margin: 0 0 35px 0; }
      .main_article .main_article_inner .moreDetailArea_inner .moreDetailArea_img {
        text-align: center; }
      .main_article .main_article_inner .moreDetailArea_inner .infoArea {
        margin: 45px 0 0 0;
        border-radius: 5px;
        background: #f6f6f6;
        padding: 30px; }
        .main_article .main_article_inner .moreDetailArea_inner .infoArea .infoArea_title {
          font-size: 16px;
          font-weight: bold;
          line-height: 1.6; }
        .main_article .main_article_inner .moreDetailArea_inner .infoArea .yellowBtn {
          margin: 26px auto 0;
          width: 420px; }
          .main_article .main_article_inner .moreDetailArea_inner .infoArea .yellowBtn a {
            border-radius: 8px !important;
            border: 2px solid #f5ca00 !important;
            box-sizing: border-box !important;
            padding: 14px !important;
            display: block !important;
            text-decoration: none !important;
            color: #333 !important;
            box-shadow: 0 2px 0 #8d7d3e !important;
            text-align: center !important;
            background: linear-gradient(to right, #ffec96 0%, #fed203 50%, #fed203 100%) !important; }
            .main_article .main_article_inner .moreDetailArea_inner .infoArea .yellowBtn a:hover {
              background: #cfab00 !important;
              border: 2px solid #cfab00 !important; }
          .main_article .main_article_inner .moreDetailArea_inner .infoArea .yellowBtn .yellowBtn_inner .yellowBtn_inner_left {
            width: 44px;
            display: table-cell;
            vertical-align: middle; }
            .main_article .main_article_inner .moreDetailArea_inner .infoArea .yellowBtn .yellowBtn_inner .yellowBtn_inner_left p {
              line-height: 1 !important;
              margin: 0 !important; }
              .main_article .main_article_inner .moreDetailArea_inner .infoArea .yellowBtn .yellowBtn_inner .yellowBtn_inner_left p img {
                margin: 0 !important; }
          .main_article .main_article_inner .moreDetailArea_inner .infoArea .yellowBtn .yellowBtn_inner .yellowBtn_inner_middle {
            width: 100%;
            display: table-cell;
            vertical-align: middle; }
            .main_article .main_article_inner .moreDetailArea_inner .infoArea .yellowBtn .yellowBtn_inner .yellowBtn_inner_middle p.text1 {
              font-size: 24px;
              font-weight: bold;
              margin-bottom: 4px; }
            .main_article .main_article_inner .moreDetailArea_inner .infoArea .yellowBtn .yellowBtn_inner .yellowBtn_inner_middle p.text2 {
              font-size: 18px;
              margin: 0 !important; }
          .main_article .main_article_inner .moreDetailArea_inner .infoArea .yellowBtn .yellowBtn_inner .yellowBtn_inner_right {
            width: 30px;
            display: table-cell;
            vertical-align: middle; }
            .main_article .main_article_inner .moreDetailArea_inner .infoArea .yellowBtn .yellowBtn_inner .yellowBtn_inner_right p {
              font-size: 48px !important;
              margin: 0 !important; }
    .main_article .main_article_inner .pagination {
      margin: 50px 0 0 0; }
      .main_article .main_article_inner .pagination ul {
        text-align: center; }
        .main_article .main_article_inner .pagination ul li {
          display: inline-block; }
          .main_article .main_article_inner .pagination ul li a {
            color: #999;
            border-radius: 5px;
            width: 40px;
            font-size: 20px;
            line-height: 40px;
            display: block;
            text-decoration: none; }
          .main_article .main_article_inner .pagination ul li.active a {
            background: #4c4c4c;
            color: #fff; }
          .main_article .main_article_inner .pagination ul li:hover {
            background: #eee;
            border-radius: 5px; }
    .main_article .main_article_inner .appArea {
      margin: 55px 0 0 0; }
      .main_article .main_article_inner .appArea .appArea_title {
        line-height: 1.3;
        font-size: 18px;
        font-weight: bold;
        margin: 0 0 15px 0; }
      .main_article .main_article_inner .appArea ul a {
        display: block; }
        .main_article .main_article_inner .appArea ul a:hover {
          opacity: 0.6; }
        .main_article .main_article_inner .appArea ul a img {
          margin: 0 !important; }
      .main_article .main_article_inner .appArea ul li {
        float: left; }
      .main_article .main_article_inner .appArea ul li:first-child {
        margin: 0 30px 0 0; }
    .main_article .main_article_inner .aboutAuthor {
      margin: 56px 0 0 0;
      border-top: 1px solid #eee; }
      .main_article .main_article_inner .aboutAuthor span {
        display: block;
        padding: 20px 20px 3px 25px;
        text-decoration: none;
        color: #333; }
      .main_article .main_article_inner .aboutAuthor a {
        display: block;
        padding: 20px 20px 3px 25px;
        text-decoration: none;
        color: #333; }
        .main_article .main_article_inner .aboutAuthor a:hover {
          background: #f2f2f2; }
      .main_article .main_article_inner .aboutAuthor .aboutAuthor_wrap .aboutAuthor_left {
        width: 100%;
        display: table-cell;
        vertical-align: middle; }
      .main_article .main_article_inner .aboutAuthor .aboutAuthor_wrap .aboutAuthor_right {
        width: 62px;
        display: table-cell;
        vertical-align: middle; }
        .main_article .main_article_inner .aboutAuthor .aboutAuthor_wrap .aboutAuthor_right p {
          font-size: 60px;
          text-align: center; }
      .main_article .main_article_inner .aboutAuthor .aboutAuthor_wrap h4 {
        font-size: 18px;
        font-weight: bold;
        margin-bottom: 15px; }
      .main_article .main_article_inner .aboutAuthor .aboutAuthor_wrap .aboutAuthor_inner .aboutAuthor_inner_left {
        width: 78px;
        display: table-cell;
        vertical-align: top; }
        .main_article .main_article_inner .aboutAuthor .aboutAuthor_wrap .aboutAuthor_inner .aboutAuthor_inner_left p {
          text-align: left; }
          .main_article .main_article_inner .aboutAuthor .aboutAuthor_wrap .aboutAuthor_inner .aboutAuthor_inner_left p img {
            border-radius: 50%; }
      .main_article .main_article_inner .aboutAuthor .aboutAuthor_wrap .aboutAuthor_inner .aboutAuthor_inner_right {
        width: 100%;
        display: table-cell;
        vertical-align: top; }
        .main_article .main_article_inner .aboutAuthor .aboutAuthor_wrap .aboutAuthor_inner .aboutAuthor_inner_right .name {
          float: left;
          padding-right: 35px;
          max-width: 288px;
          line-height: 1.3;
          font-size: 16px;
          font-weight: bold;
          color: #3b5998; }
        .main_article .main_article_inner .aboutAuthor .aboutAuthor_wrap .aboutAuthor_inner .aboutAuthor_inner_right .link {
          width: 170px;
          float: left;
          margin: 0;
          margin: 3px 0 0 0;
          font-size: 13px;
          color: #3b5998; }
        .main_article .main_article_inner .aboutAuthor .aboutAuthor_wrap .aboutAuthor_inner .aboutAuthor_inner_right .text {
          font-size: 13px;
          line-height: 1.4;
          padding: 10px 0 0 0; }

.listLinkAreaWrap {
  margin: 30px 0 0; }

.listLinkArea_item_middle {
  border-left: 1px solid #eee;
  border-right: 1px solid #eee;
  width: 220px;
  margin: 0 auto;
  z-index: 10; }
  .listLinkArea_item_middle a {
    color: #333;
    text-decoration: none;
    display: block;
    padding: 12px 0 0;
    background-color: #fff;
    transition: all 0.3s linear;
    box-sizing: border-box;
    height: 119px;
    transition: all linear 0.3s;
    z-index: 10; }
    .listLinkArea_item_middle a:hover {
      background-color: #f2f2f2; }
    .listLinkArea_item_middle a .middleList {
      text-align: center;
      font-weight: bold;
      font-size: 18px;
      margin: 0 0 20px; }
  .listLinkArea_item_middle .middleTitle {
    color: #00b9f4;
    text-align: center; }
  .listLinkArea_item_middle i {
    font-size: 30px;
    position: relative;
    top: 4px;
    margin: 0 6px 0 0;
    color: #00b9f4; }
  .listLinkArea_item_middle .title {
    font-size: 16px; }

.listLinkArea {
  z-index: 4;
  margin: 0 0 -119px 0; }
  .listLinkArea a {
    width: 249px;
    color: #333;
    text-decoration: none;
    background-color: #fff;
    transition: all 0.3s linear;
    box-sizing: border-box;
    height: 119px; }
    .listLinkArea a:hover {
      background-color: #f2f2f2; }
    .listLinkArea a i {
      color: #00b9f4; }
    .listLinkArea a .listLinkArea_item .arrow {
      font-size: 18px;
      font-weight: bold;
      margin: -24px 0 15px; }
      .listLinkArea a .listLinkArea_item .arrow i {
        font-size: 60px;
        vertical-align: -12px; }
    .listLinkArea a .listLinkArea_item .title {
      font-size: 16px;
      line-height: 1.5;
      margin: -12px 0 0 0; }
    .listLinkArea a.listLinkArea_item_left {
      padding: 22px 32px 10px 10px;
      text-align: left;
      float: left; }
      .listLinkArea a.listLinkArea_item_left .leftArrow i {
        margin-right: 10px; }
    .listLinkArea a.listLinkArea_item_right {
      padding: 22px 10px 10px 32px;
      float: right; }
      .listLinkArea a.listLinkArea_item_right .rightArrow {
        text-align: right; }
        .listLinkArea a.listLinkArea_item_right .rightArrow i {
          margin-left: 10px; }

/*-----table of contents--------
1.大枠
2.左コンテンツ
3.右コンテンツ
------------------------------*/
.contentsInner {
  background: #fff; }
  .contentsInner .itLifeContentsArea {
    width: 1080px;
    margin: 30px auto 50px; }

.itLifeContentsArea_left {
  width: 720px;
  float: left; }

.itLifeContentsArea_right {
  width: 300px;
  float: right; }

/*-----table of contents--------
1.ボタンエリア
------------------------------*/
.buttonArea {
  width: 100%;
  padding: 30px 0;
  margin: 45px 0 0 0;
  background: #f4f4f4; }

.boldText {
  font-size: 14px;
  text-align: center;
  line-height: 1.4;
  margin-bottom: 14px; }

.theMainBtn {
  width: 260px;
  margin: 0 auto; }
  .theMainBtn a {
    line-height: 50px;
    font-size: 20px;
    box-shadow: 2px 2px 0 #ccc; }
    .theMainBtn a .fa-stack {
      margin-right: -4px; }
    .theMainBtn a .q {
      font-size: 23px;
      line-height: 37px;
      font-weight: normal !important; }
    .theMainBtn a .q-text {
      font-size: 20px; }
    .theMainBtn a .w-circle {
      font-size: 30px;
      line-height: 38px;
      font-weight: normal !important; }

/*-----table of contents--------
1.もっと見るボタン
------------------------------*/
.seeMore a {
  background: linear-gradient(to right, #00bbf1 0%, #0175b9 100%);
  background: #0175b9\9;
  line-height: 44px;
  font-size: 16px;
  box-shadow: 0 3px 0 #1b65a4;
  position: relative; }
  .seeMore a i {
    position: absolute;
    right: 10px;
    font-size: 28px;
    top: 8px; }
  .seeMore a:hover {
    background: linear-gradient(to right, #0175b9 0%, #0066a2 100%);
    background: #0066a2\9; }

/*-----table of contents--------
1.facebook
------------------------------*/
.facebookArea {
  padding: 25px 10px; }
  .facebookArea h4 {
    text-align: center;
    font-size: 14px;
    font-weight: bold; }
    .facebookArea h4 span {
      color: #395995; }
  .facebookArea .facebookGood {
    margin: 18px 0 0 0;
    width: 120px;
    margin: 18px auto 0; }
  .facebookArea .every {
    font-size: 13px;
    text-align: center;
    padding: 14px 0 36px; }
  .facebookArea .facebookBtn {
    margin: 14px auto 0;
    width: 110px; }
    .facebookArea .facebookBtn a {
      line-height: 42px;
      font-size: 16px;
      font-weight: bold;
      color: #fff;
      background: linear-gradient(to bottom, #4a69b5 0%, #3d5ba2 100%);
      box-shadow: 2px 2px 0 #ccc; }
      .facebookArea .facebookBtn a i {
        margin-right: 3px;
        font-size: 24px;
        vertical-align: -2px; }

/*-----table of contents--------
1.ヘッダー
------------------------------*/
.itLifeHeader {
  width: 1080px;
  margin: 0 auto;
  padding: 28px 0 19px;
  position: relative; }
  .itLifeHeader .logo {
    display: table-cell;
    vertical-align: middle;
    width: 220px; }
  .itLifeHeader .text {
    line-height: 1.4;
    font-size: 12px;
    width: 100%;
    vertical-align: middle;
    display: table-cell; }
  .itLifeHeader .btn {
    width: 180px;
    display: table-cell;
    vertical-align: middle; }
    .itLifeHeader .btn p a {
      line-height: 40px;
      font-size: 16px;
      box-shadow: 2px 2px 0 #ccc; }
      .itLifeHeader .btn p a .fa-stack .w-circle {
        font-size: 28px;
        line-height: 30px; }
      .itLifeHeader .btn p a .fa-stack .q {
        font-weight: normal !important;
        font-size: 20px;
        line-height: 30px; }
  .itLifeHeader ul {
    position: absolute;
    top: 40px;
    right: 210px; }
    .itLifeHeader ul li {
      float: left;
      margin-right: 10px; }
      .itLifeHeader ul li a {
        display: block;
        border-radius: 50%;
        width: 25px;
        height: 25px;
        box-sizing: border-box;
        color: #fff;
        text-align: center;
        line-height: 25px; }
      .itLifeHeader ul li:last-child {
        margin: 0; }
      .itLifeHeader ul li.facebook a {
        background-color: #305fb3;
        padding-top: 1px; }
        .itLifeHeader ul li.facebook a:hover {
          background-color: #1f3d74; }
      .itLifeHeader ul li.twitter a {
        background-color: #43ccf6; }
        .itLifeHeader ul li.twitter a:hover {
          background-color: #309aba; }
      .itLifeHeader ul li.rss a {
        background-color: #fca600;
        font-size: 12px;
        padding: 1px 0 0 2px; }
        .itLifeHeader ul li.rss a:hover {
          background-color: #a26b01; }

/*-----table of contents--------
1.ナビ
------------------------------*/
.itLifeNav {
  width: 1080px;
  margin: 0 auto;
  border-bottom: 6px solid #0058a2; }
  .itLifeNav li {
    float: left;
    position: relative; }
    .itLifeNav li:before {
      content: "";
      display: block;
      width: 0;
      height: 30px;
      border-left: 1px dotted #ddd;
      position: absolute;
      top: 50%;
      margin-top: -15px; }
    .itLifeNav li.active a {
      color: #fff;
      background: linear-gradient(to right, #008fc3 0%, #015da5 100%);
      background-size: 100% 200%;
      background: #015da5\9; }
    .itLifeNav li:first-child:before {
      display: none; }
    .itLifeNav li a {
      display: block;
      padding: 0 40px;
      line-height: 50px;
      color: #333;
      background-color: #fff; }
      .itLifeNav li a:hover {
        color: #fff;
        background: linear-gradient(to right, #008fc3 0%, #015da5 100%);
        background-size: 100% 200%;
        background: #015da5\9; }

/*-----table of contents--------
1.ランキング用
------------------------------*/
.paginationArea {
  margin: 58px 0 0 0; }
  .paginationArea ul {
    text-align: center;
    white-space: nowrap; }
    .paginationArea ul li {
      margin-left: 6px; }
      .paginationArea ul li:first-child {
        margin: 0; }
      .paginationArea ul li a {
        display: block;
        border-radius: 8px;
        text-align: center;
        font-size: 16px;
        color: #666;
        border: 1px solid #ddd;
        line-height: 38px;
        background: #f6f6f6;
        padding: 0 14px; }
        .paginationArea ul li a:hover {
          color: #fff;
          background: linear-gradient(to right, #008fc3 0%, #015da5 100%);
          background-size: 100% 200%;
          background: #015da5\9;
          border: none;
          line-height: 40px;
          padding: 0 15px; }
        .paginationArea ul li a i.prev {
          padding: 0 2px 0 0; }
        .paginationArea ul li a i.next {
          padding: 0 0 0 2px; }
      .paginationArea ul li.active a {
        color: #fff;
        background: linear-gradient(to right, #008fc3 0%, #015da5 100%);
        background-size: 100% 200%;
        background: #015da5\9;
        border: none;
        line-height: 40px;
        padding: 0 15px; }

/*-----table of contents--------
1.ランキング用と新着記事用（右コンテンツ）
2.ランキング用と新着記事用（左コンテンツ）
------------------------------*/
.blueZone .theTitle {
  background: linear-gradient(to right, #0158a2 0%, #00ccff 80%, #01dfd2 100%);
  background: #0158a2\9;
  line-height: 30px;
  color: #fff;
  font-weight: bold;
  padding: 0 0 0 10px;
  margin: 0 0 12px 0; }

.readingArticleBottom_itemForRank_wrap li {
  margin-top: 20px; }
  .readingArticleBottom_itemForRank_wrap li:first-child {
    margin: 0; }

.readingArticleBottom_itemForRank .readingArticleBottom_itemForRank_order {
  display: table-cell;
  vertical-align: top;
  width: 40px; }
  .readingArticleBottom_itemForRank .readingArticleBottom_itemForRank_order img {
    margin-left: -2px; }
  .readingArticleBottom_itemForRank .readingArticleBottom_itemForRank_order p {
    font-size: 15px;
    font-weight: bold;
    text-align: center;
    margin: 2px 0 0 -10px;
    color: #333; }

.readingArticleBottom_itemForRank .readingArticleBottom_itemForRank_img {
  width: 90px;
  display: table-cell;
  vertical-align: top; }

.readingArticleBottom_itemForRank .readingArticleBottom_itemForRank_text {
  display: table-cell;
  width: 100%;
  vertical-align: top; }
  .readingArticleBottom_itemForRank .readingArticleBottom_itemForRank_text a {
    line-height: 1.3;
    color: #3b5998; }
    .readingArticleBottom_itemForRank .readingArticleBottom_itemForRank_text a:hover {
      text-decoration: underline; }

.seeMoreLink {
  text-align: right;
  margin: 25px 0 0 0; }
  .seeMoreLink a {
    color: #3b5998;
    font-size: 12px; }
    .seeMoreLink a i {
      font-size: 26px;
      margin-left: 4px;
      vertical-align: -4px; }
    .seeMoreLink a:hover {
      text-decoration: underline; }

.rankingArticleAreaForLeft .rankingArticleArea_header {
  padding-bottom: 20px;
  border-bottom: 1px solid #eee; }
  .rankingArticleAreaForLeft .rankingArticleArea_header .theTitle {
    font-size: 26px;
    font-weight: bold;
    padding-left: 3px;
    float: left;
    line-height: 42px; }
    .rankingArticleAreaForLeft .rankingArticleArea_header .theTitle img {
      margin-right: 6px;
      position: relative;
      top: 6px; }

.rankingArticleAreaForLeft .readingArticleBottom_itemForRank_wrap {
  margin: 30px 0 0 0; }
  .rankingArticleAreaForLeft .readingArticleBottom_itemForRank_wrap li {
    margin-top: 27px; }
    .rankingArticleAreaForLeft .readingArticleBottom_itemForRank_wrap li a {
      display: block;
      color: #333; }
      .rankingArticleAreaForLeft .readingArticleBottom_itemForRank_wrap li a:hover .readingArticleBottom_itemForRank_img img {
        opacity: 0.7;
        -webkit-filter: opacity(70%);
                filter: opacity(70%); }
      .rankingArticleAreaForLeft .readingArticleBottom_itemForRank_wrap li a:hover .readingArticleBottom_itemForRank_text {
        background: #f2f2f2; }

.rankingArticleAreaForLeft .readingArticleBottom_itemForRank_order {
  width: 52px; }
  .rankingArticleAreaForLeft .readingArticleBottom_itemForRank_order p {
    font-size: 22px; }

.rankingArticleAreaForLeft .readingArticleBottom_itemForRank_img {
  width: 170px; }
  .rankingArticleAreaForLeft .readingArticleBottom_itemForRank_img img {
    vertical-align: top; }

.rankingArticleAreaForLeft .readingArticleBottom_itemForRank_text {
  padding-left: 20px; }
  .rankingArticleAreaForLeft .readingArticleBottom_itemForRank_text .articleTitle {
    line-height: 1.4;
    font-size: 20px; }
  .rankingArticleAreaForLeft .readingArticleBottom_itemForRank_text p {
    font-size: 13px;
    line-height: 34px; }
  .rankingArticleAreaForLeft .readingArticleBottom_itemForRank_text ul {
    margin: 9px 0 0 0; }
    .rankingArticleAreaForLeft .readingArticleBottom_itemForRank_text ul li {
      float: left; }
      .rankingArticleAreaForLeft .readingArticleBottom_itemForRank_text ul li.cate {
        color: #00a3de;
        margin: 0 25px 0 0; }
      .rankingArticleAreaForLeft .readingArticleBottom_itemForRank_text ul li.time {
        color: #bbb;
        font-size: 13px;
        margin: 1px 0 0 0; }

.sim h1.theTitle {
  font-size: 36px;
  font-weight: bold;
  padding-left: 3px;
  margin-bottom: 5px;
  line-height: 42px; }

.sim p.theTitle {
  font-size: 13px;
  padding-left: 3px;
  margin-bottom: 15px;
  line-height: 21px; }

.sim .articleBottomC {
  margin: 0;
  border-bottom: none !important; }

.sim .seeMore.buttons {
  margin-top: 20px !important; }

.sim .readingArticleBottom_itemForRank_wrap {
  margin: 0 !important; }

.sim h3.thetitle {
  font-size: 18px !important;
  font-weight: bold !important;
  padding: 26px 0 10px 0 !important;
  line-height: 18px; }

.sim .rankingArticleAreaForLeft .rankingArticleArea_header {
  padding-bottom: 5px !important;
  border-bottom: none !important; }

.sim .readingArticleBottom_itemForRank {
  margin-bottom: 28px; }

.sim .topBorder {
  width: 100%;
  height: 4px;
  background: linear-gradient(to right, #0158a2 0%, #00ccff 70%, #01dfd2 100%); }

.sim .articleBottomC h2 {
  font-size: 18px;
  font-weight: bold;
  padding: 26px 0 15px 0; }

.sim .contentsInner .itLifeContentsArea {
  margin-top: 25px; }

.sim .rankingArticleAreaForLeft .readingArticleBottom_itemForRank_wrap li:nth-child(1) {
  margin-top: 0 !important; }

/*-----table of contents--------
1.タグ
2.タグアイコン
3.記事詳細用
4.タグ一覧画面用
------------------------------*/
.tagArea h2 {
  font-weight: bold;
  margin-bottom: 8px; }

.tagArea ul li {
  display: inline-block;
  margin: 7px 8px 7px 0;
  border: none; }
  .tagArea ul li:last-child {
    margin: 3px 0 3px 0; }
  .tagArea ul li a {
    border-radius: 5px;
    border: 1px solid #ccc;
    display: block;
    color: #666;
    font-size: 13px;
    text-decoration: none;
    line-height: 28px;
    padding: 0 12px;
    background: #f2f2f2; }
    .tagArea ul li a span {
      margin: 0 0 0 4px; }
    .tagArea ul li a:hover {
      background: #ddd; }

.tagIcon {
  font-size: 22px;
  margin-right: 4px;
  vertical-align: -3px;
  color: #ff7f00; }

.tagAreaForArticle {
  margin: 58px 0 96px; }
  .tagAreaForArticle h2 {
    font-size: 18px; }

.tagIconBig {
  font-size: 28px;
  margin-right: 4px;
  vertical-align: -2px;
  color: #ff7f00; }

.rankingArticleArea .tagArea {
  margin-top: 23px; }

/*-----table of contents--------
1.ピックアップ
2.商標
3.新着記事（トップ用）
------------------------------*/
.pickUpArea {
  position: relative;
  width: 1080px;
  margin: 28px auto 35px; }
  .pickUpArea h2 {
    position: absolute;
    top: -4px;
    z-index: 10;
    left: -4px; }
  .pickUpArea .pickUpBox {
    width: 538px;
    overflow: hidden; }
    .pickUpArea .pickUpBox img {
      transition: transform 0.5s linear; }
  .pickUpArea .pickUpArea_slider_container {
    width: 1080px;
    position: relative; }
  .pickUpArea .pickUpArea_slider {
    width: 1080px;
    height: 359px;
    overflow: hidden;
    position: relative; }
  .pickUpArea .slideSet {
    position: absolute; }
  .pickUpArea .pickUpArea_inner {
    width: 1080px;
    height: 359px;
    float: left; }
    .pickUpArea .pickUpArea_inner a {
      display: block;
      float: left;
      color: #fff;
      border: 1px solid #006095;
      position: relative; }
      .pickUpArea .pickUpArea_inner a:first-child {
        border-right: none !important; }
      .pickUpArea .pickUpArea_inner a:hover .pickUpArea_textArea {
        background: url(../../images/pc/pickup_bg_hover.png) no-repeat left bottom; }
      .pickUpArea .pickUpArea_inner a:hover img {
        transform: scale(1.1); }
  .pickUpArea .pickUpArea_title {
    position: absolute;
    top: 0;
    left: 0; }
  .pickUpArea .pickUpArea_textArea {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 538px;
    box-sizing: border-box;
    padding: 40px 20px 20px;
    background: url(../../images/pc/pickup_bg.png) no-repeat left bottom;
    height: 135px; }
    .pickUpArea .pickUpArea_textArea ul {
      font-size: 15px;
      margin: 0 0 15px 0;
      text-shadow: 1px 1px 0 #000; }
      .pickUpArea .pickUpArea_textArea ul li.pickUpArea_textArea_time {
        float: left;
        margin-right: 15px; }
      .pickUpArea .pickUpArea_textArea ul li.pickUpArea_textArea_cate {
        float: left; }
    .pickUpArea .pickUpArea_textArea .pickUpArea_textArea_text {
      font-size: 20px;
      font-weight: bold;
      line-height: 1.4;
      text-shadow: 1px 1px 0 #000; }
  .pickUpArea .arrow {
    position: absolute;
    top: 50%;
    margin-top: -45px; }
    .pickUpArea .arrow a {
      color: #eee;
      font-size: 90px; }
      .pickUpArea .arrow a:hover {
        color: #555; }
  .pickUpArea .pickUpArea_leftArrow {
    left: -60px; }
  .pickUpArea .pickUpArea_rightArrow {
    right: -60px; }

@media (min-width: 500px) and (max-width: 1200px) {
  .pickUpArea_leftArrow {
    left: 10px !important; }
    .pickUpArea_leftArrow a {
      color: #555 !important; }
  .pickUpArea_rightArrow {
    right: 10px !important; }
    .pickUpArea_rightArrow a {
      color: #555 !important; } }

.tran {
  transition: 0.5s ease-in-out; }

.dotArea {
  text-align: center;
  margin-top: 10px; }
  .dotArea li {
    width: 5px;
    height: 5px;
    opacity: 1;
    -webkit-filter: opacity(100%);
            filter: opacity(100%);
    background: 0 0;
    border: 2px solid #00a3de;
    margin: 0 8px;
    border-radius: 50%; }
    .dotArea li.selected {
      background: #0158a2;
      border: 2px solid #0158a2; }

.tradeMarks {
  margin: 10px 0 0 0; }
  .tradeMarks ul li {
    font-size: 12px;
    line-height: 1.3; }

.readingArticleAreaForTop {
  margin: 0 !important; }

/*-----table of contents--------
1.ライター一覧画面のタイトルアイコン用
2.ライター一覧画面情報エリア用
------------------------------*/
.writerIcon {
  font-size: 28px;
  color: #23d3c9;
  margin-right: 4px;
  vertical-align: -2px; }

.writerBoxWrap {
  padding: 0 20px;
  margin-top: 30px; }
  .writerBoxWrap .intro {
    line-height: 1.4;
    padding: 14px 0 0 0;
    font-size: 13px; }

.writerBox .writerBox_left {
  width: 120px;
  display: table-cell;
  vertical-align: middle; }
  .writerBox .writerBox_left img {
    border-radius: 50%; }

.writerBox .writerBox_right {
  width: 100%;
  display: table-cell;
  vertical-align: middle; }
  .writerBox .writerBox_right .name {
    @exntend %break;
    font-size: 17px;
    font-weight: bold; }

.writerBoxWrap_border {
  padding-bottom: 30px;
  border-bottom: 1px solid #eee; }

/*-----table of contents--------
1.サイドコンテンツ（右コンテンツ）
2.twitterウィジェット
------------------------------*/
.itLifeContentsArea_right_box {
  margin: 0 0 25px 0; }

.twitter_widget {
  border: 1px solid #e3e4e5; }

/*-----table of contents--------
1.ITライフchシェアエリア
2.記事がよかったら、いいねPC
------------------------------*/
.itLifeShareArea {
  margin: 60px 0 0 0; }
  .itLifeShareArea .itLifeShareArea_header {
    margin: 0 0 14px 0; }
    .itLifeShareArea .itLifeShareArea_header h2 {
      width: 143px;
      float: left;
      margin: 0 22px 0 0; }
    .itLifeShareArea .itLifeShareArea_header p {
      float: left;
      margin: 6px 0 0 0; }
  .itLifeShareArea ul li {
    width: 350px; }
    .itLifeShareArea ul li a {
      display: block;
      line-height: 68px;
      font-size: 16px;
      color: #fff; }
      .itLifeShareArea ul li a .inner {
        text-align: center; }
    .itLifeShareArea ul li.theFacebook {
      float: left; }
      .itLifeShareArea ul li.theFacebook a {
        background: #2c4f99; }
        .itLifeShareArea ul li.theFacebook a i {
          font-size: 24px;
          vertical-align: -3px;
          margin-right: 5px; }
        .itLifeShareArea ul li.theFacebook a:hover {
          background: #1f377a; }
        .itLifeShareArea ul li.theFacebook a .number {
          padding-left: 10px; }
          .itLifeShareArea ul li.theFacebook a .number span {
            border-radius: 10px;
            background: #fff;
            color: #2c4f99;
            padding: 4px 8px;
            position: relative;
            height: 20px;
            line-height: 20px; }
            .itLifeShareArea ul li.theFacebook a .number span:before {
              position: absolute;
              content: "";
              display: block;
              top: 50%;
              left: -12px;
              border: solid transparent;
              border-right-color: #fff;
              border-width: 3px 6px;
              margin-top: -3px; }
    .itLifeShareArea ul li.theTwitter {
      float: right; }
      .itLifeShareArea ul li.theTwitter a {
        background: #00aaf2; }
        .itLifeShareArea ul li.theTwitter a i {
          font-size: 30px;
          vertical-align: -4px;
          margin-right: 3px; }
        .itLifeShareArea ul li.theTwitter a:hover {
          background: #0090ee; }

.p-entry__push {
  width: 716px;
  display: table;
  table-layout: fixed;
  border: 2px solid #2b2b2b;
  margin-bottom: 44px;
  background-color: #2b2b2b;
  color: #fff; }

.p-entry__pushThumb {
  display: table-cell;
  width: 301px;
  background-position: center;
  background-size: cover;
  vertical-align: top; }

.p-entry__pushLike {
  display: table-cell;
  width: 100%;
  text-align: center;
  vertical-align: middle;
  line-height: 1.4;
  font-size: 20px;
  box-sizing: border-box; }

.p-entry__pushButton {
  margin-top: 5px;
  display: inline-block;
  width: 200px;
  height: 40px;
  line-height: 40px;
  transform: scale(1.2); }

.p-entry__pushButtonLike {
  line-height: 1; }

.p-entry__note {
  margin-top: 25px;
  font-size: 13px;
  color: #fff; }

.p-entry__tw-follow {
  margin-bottom: 10px;
  background: #f4f4f4;
  width: 100%;
  padding: 15px 0; }

.p-entry__tw-follow__cont {
  text-align: center;
  font-size: 15px;
  color: #252525; }

.p-entry__tw-follow__item {
  display: inline-block;
  vertical-align: middle;
  margin: 0 15px; }

.p-entry__pushLike iframe {
  z-index: 9999 !important;
  max-width: none !important;
  overflow: visible !important; }

/*-----table of contents--------
1.ランキング、新着記事、あわせて読みたい記事
2.あわせて読みたい記事&新着一覧（トップ用）
3.合わせて読みたい(記事詳細用)
4.「デジタルライフ」Q&A
5.専門家が回答した質問
------------------------------*/
.articleBottomC {
  margin: 50px 0 0 0; }
  .articleBottomC .topBorder {
    width: 100%;
    height: 4px;
    background: linear-gradient(to right, #0158a2 0%, #00ccff 70%, #01dfd2 100%);
    background: #0158a2\9; }
  .articleBottomC h2 {
    font-size: 18px;
    font-weight: bold;
    padding: 26px 0 15px 0; }
  .articleBottomC .articleBottomC_inner {
    width: 690px;
    margin-left: 30px; }
  .articleBottomC .seeMore {
    width: 230px;
    margin: 0 auto 50px; }

.latestForQa {
  margin-top: 50px !important; }

.readingArticle {
  display: flex;
  margin: 0 0 50px 0; }
  .readingArticle a {
    float: left\9;
    width: 216px;
    text-decoration: none;
    color: #333;
    margin-left: 35px;
    position: relative; }
    .readingArticle a .readingArticle_item_img {
      text-align: center; }
    .readingArticle a .readingArticle_item_text {
      font-size: 14px;
      line-height: 1.4;
      padding: 10px 0 34px; }
    .readingArticle a ul {
      position: absolute;
      bottom: 0;
      left: 0; }
      .readingArticle a ul li {
        float: left; }
        .readingArticle a ul li.cate {
          color: #00a3de;
          margin: 0 25px 0 0; }
        .readingArticle a ul li.time {
          color: #bbb;
          font-size: 13px;
          margin: 1px 0 0 0; }
    .readingArticle a:first-child {
      margin: 0 !important; }
    .readingArticle a:hover {
      background: #f2f2f2; }
      .readingArticle a:hover .readingArticle_item_img img {
        opacity: 0.7;
        -webkit-filter: opacity(70%);
                filter: opacity(70%); }

.readingArticleBottom {
  margin: 12px 0 0 0; }
  .readingArticleBottom li {
    border-top: 1px solid #ccc; }
    .readingArticleBottom li a {
      display: block;
      text-decoration: none;
      color: #333;
      padding: 10px; }
    .readingArticleBottom li .readingArticleBottom_item p {
      display: table-cell;
      width: 92px;
      text-align: left;
      vertical-align: top; }
    .readingArticleBottom li .readingArticleBottom_item h3 {
      display: table-cell;
      width: 100%;
      font-size: 14px;
      font-weight: bold;
      line-height: 1.4;
      vertical-align: top;
      padding-top: 2px; }

.wannaRead {
  padding: 0 0 10px 0; }
  .wannaRead ul li {
    margin-top: 28px; }
    .wannaRead ul li:first-child {
      margin: 0; }
  .wannaRead .wannaRead_item a {
    display: block;
    color: #333;
    text-decoration: none; }
    .wannaRead .wannaRead_item a:hover {
      background: #f2f2f2; }
      .wannaRead .wannaRead_item a:hover .wannaRead_item_left img {
        opacity: 0.7;
        -webkit-filter: opacity(70%);
                filter: opacity(70%); }
  .wannaRead .wannaRead_item_inner .wannaRead_item_left {
    width: 170px;
    display: table-cell;
    vertical-align: top; }
  .wannaRead .wannaRead_item_inner .wannaRead_item_right {
    width: 100%;
    display: table-cell;
    vertical-align: top;
    padding: 2px 0 0 20px; }
    .wannaRead .wannaRead_item_inner .wannaRead_item_right h3 {
      font-size: 18px;
      line-height: 1.4; }
    .wannaRead .wannaRead_item_inner .wannaRead_item_right ul {
      margin: 14px 0 0 0; }
      .wannaRead .wannaRead_item_inner .wannaRead_item_right ul li {
        float: left; }
        .wannaRead .wannaRead_item_inner .wannaRead_item_right ul li.cate {
          color: #00a3de;
          margin: 0 25px 0 0; }
        .wannaRead .wannaRead_item_inner .wannaRead_item_right ul li.time {
          color: #bbb;
          font-size: 13px;
          margin: 1px 0 0 0; }

.digitalLifeList {
  margin-top: -11px;
  margin-bottom: 30px; }
  .digitalLifeList li {
    border-bottom: 1px solid #eee;
    padding: 19px 0; }
  .digitalLifeList .digitalLifeItem .digitalLifeItem_titleArea {
    padding: 0 0 9px 0; }
    .digitalLifeList .digitalLifeItem .digitalLifeItem_titleArea .digitalLifeItem_q {
      width: 24px;
      float: left;
      margin-right: 6px; }
    .digitalLifeList .digitalLifeItem .digitalLifeItem_titleArea .digitalLifeItem_title {
      width: 660px;
      float: left;
      margin-top: 2px; }
      .digitalLifeList .digitalLifeItem .digitalLifeItem_titleArea .digitalLifeItem_title a {
        font-size: 18px;
        color: #3b5998;
        line-height: 1.3;
        font-weight: bold; }
        .digitalLifeList .digitalLifeItem .digitalLifeItem_titleArea .digitalLifeItem_title a:hover {
          text-decoration: underline; }
  .digitalLifeList .digitalLifeItem .digitalLifeItem_text {
    padding-left: 30px; }
  .digitalLifeList .digitalLifeItem ul {
    padding: 9px 0 0 30px; }
    .digitalLifeList .digitalLifeItem ul li {
      float: left;
      padding: 0 !important;
      border: none !important; }
      .digitalLifeList .digitalLifeItem ul li.cate {
        margin-right: 15px; }
        .digitalLifeList .digitalLifeItem ul li.cate a {
          color: #3b5998;
          font-size: 13px; }
          .digitalLifeList .digitalLifeItem ul li.cate a:hover {
            text-decoration: underline; }
      .digitalLifeList .digitalLifeItem ul li.time {
        font-size: 13px;
        color: #999; }

.proArea {
  margin-top: 50px; }
  .proArea ul li {
    border-bottom: 1px solid #eee; }
    .proArea ul li a {
      padding: 14px;
      display: block; }
      .proArea ul li a:hover {
        background: #f2f2f2; }
  .proArea ul .proArea_list_inner .proArea_list_inner_left {
    width: 85px;
    display: table-cell;
    vertical-align: top; }
    .proArea ul .proArea_list_inner .proArea_list_inner_left img {
      border-radius: 50%; }
  .proArea ul .proArea_list_inner .proArea_list_inner_right {
    width: 100%;
    display: table-cell;
    vertical-align: top; }
    .proArea ul .proArea_list_inner .proArea_list_inner_right h3 {
      font-size: 15px;
      font-weight: bold;
      color: #0058a2;
      line-height: 1.3;
      padding: 0 !important;
      color: #3b5998; }
    .proArea ul .proArea_list_inner .proArea_list_inner_right p {
      font-size: 12px;
      line-height: 1.4;
      color: #333; }
      .proArea ul .proArea_list_inner .proArea_list_inner_right p.job {
        margin-top: 2px; }
      .proArea ul .proArea_list_inner .proArea_list_inner_right p.name {
        font-weight: bold;
        padding-top: 8px; }
  .proArea ul .proArea_list_inner .proArea_list_inner_arrow {
    width: 70px;
    display: table-cell;
    vertical-align: middle; }
    .proArea ul .proArea_list_inner .proArea_list_inner_arrow p {
      font-size: 50px;
      text-align: center;
      color: #666; }

/*-----table of contents--------
1.メニュー
------------------------------*/
.menu {
  width: 214px;
  float: right;
  position: relative; }
  .menu button {
    background: #f0f0f0;
    border: none;
    width: 214px;
    outline: none;
    font-size: 16px;
    position: relative;
    cursor: pointer;
    line-height: 40px;
    padding: 0; }
    .menu button:hover {
      background: #e5e5e5; }
    .menu button span {
      position: relative;
      display: block; }
    .menu button i {
      font-size: 16px;
      position: absolute;
      right: 10px;
      bottom: 13px; }
    .menu button.on {
      background: #28c5f1; }
      .menu button.on span {
        color: #fff; }
      .menu button.on i {
        color: #fff; }
  .menu .hiddenMenu {
    display: none;
    position: absolute;
    top: 40px;
    left: 0;
    width: 100%; }
    .menu .hiddenMenu .hiddenMenu_list {
      background: rgba(0, 0, 0, 0.8);
      background: #333\9; }
      .menu .hiddenMenu .hiddenMenu_list li {
        border-top: 1px solid #666;
        border-bottom: none; }
        .menu .hiddenMenu .hiddenMenu_list li:first-child {
          border-top: none; }
        .menu .hiddenMenu .hiddenMenu_list li a {
          display: block;
          line-height: 42px;
          color: #fff;
          font-size: 16px;
          text-align: center;
          padding: 0 !important; }
          .menu .hiddenMenu .hiddenMenu_list li a:hover {
            background: #000; }
          .menu .hiddenMenu .hiddenMenu_list li a:first-child {
            border-top-left-radius: 5px;
            border-top-right-radius: 5px; }
          .menu .hiddenMenu .hiddenMenu_list li a:last-child {
            border-bottom-left-radius: 5px;
            border-bottom-right-radius: 5px; }

/*-----table of contents--------
1.レクタングル用
------------------------------*/
.recArea {
  margin: 50px 0 0 0; }
  .recArea ul {
    text-align: center; }
    .recArea ul li:first-child {
      margin-right: 20px; }

.recAreaForQa {
  padding: 50px 0; }

/*-----table of contents--------
1.質問
2.回答
------------------------------*/
.smartphone_qa .title_question {
  font-size: 16px;
  line-height: 1.3;
  padding: 0 0 10px 0; }
  .smartphone_qa .title_question img {
    vertical-align: -5px;
    margin-right: 4px; }

.smartphone_qa .question {
  border: 1px solid #eee;
  padding: 20px; }
  .smartphone_qa .question .qa_header {
    padding: 20px;
    margin: -20px -20px 0;
    font-size: 26px;
    line-height: 1.3;
    font-weight: bold;
    background: #eaf4f9; }
    .smartphone_qa .question .qa_header img {
      margin-right: 4px;
      float: left;
      width: 34px; }
    .smartphone_qa .question .qa_header span {
      float: left;
      width: 638px;
      padding: 3px 0 0 0; }
  .smartphone_qa .question .info {
    padding: 10px 0;
    border-bottom: 1px solid #eee;
    font-size: 12px;
    line-height: 1.6; }
    .smartphone_qa .question .info a {
      color: #3b5998; }
      .smartphone_qa .question .info a:hover {
        text-decoration: underline; }
  .smartphone_qa .question .text {
    padding: 10px 0 20px;
    font-size: 16px;
    line-height: 1.5; }
    .smartphone_qa .question .text img {
      padding: 4px 0 0 0; }
  .smartphone_qa .question .date {
    text-align: right;
    font-size: 13px;
    color: #999; }

.smartphone_qa .title_answer_first:before {
  content: "";
  display: block;
  width: 0;
  height: 0;
  border-bottom: 18px solid #fff8f2;
  border-right: 18px solid transparent;
  border-left: 18px solid transparent;
  position: absolute;
  top: -18px;
  left: 50%;
  margin-left: -8px;
  z-index: 10; }

.smartphone_qa .title_answer_first:after {
  content: "";
  display: block;
  width: 0;
  height: 0;
  border-bottom: 20px solid #aaa;
  border-right: 20px solid transparent;
  border-left: 20px solid transparent;
  position: absolute;
  top: -20px;
  left: 50%;
  margin-left: -10px;
  z-index: 4; }

.smartphone_qa .title_answer {
  border: 1px solid #aaa;
  border-bottom: none;
  font-size: 16px;
  font-weight: bold;
  padding: 20px;
  position: relative;
  background: #fff8f2;
  margin: 34px 0 0 0; }
  .smartphone_qa .title_answer img {
    vertical-align: -5px;
    margin-right: 4px; }

.smartphone_qa .answer {
  border: 1px solid #aaa;
  border-top: none;
  padding: 20px; }
  .smartphone_qa .answer .qa_header {
    padding: 15px 0 0;
    border-top: 1px solid #ddd; }
    .smartphone_qa .answer .qa_header .icon {
      width: 76px;
      float: left; }
      .smartphone_qa .answer .qa_header .icon img {
        border-radius: 50%;
        width: 56px; }
    .smartphone_qa .answer .qa_header .info {
      width: 410px;
      float: left; }
      .smartphone_qa .answer .qa_header .info .balloon {
        border-radius: 6px;
        background: #f2f2f2;
        padding: 10px;
        font-weight: bold;
        position: relative; }
        .smartphone_qa .answer .qa_header .info .balloon:before {
          content: "";
          display: block;
          width: 0;
          height: 0;
          border-right: 10px solid #f6f6f6;
          border-top: 6px solid transparent;
          border-bottom: 6px solid transparent;
          position: absolute;
          top: 10px;
          left: -10px; }
        .smartphone_qa .answer .qa_header .info .balloon a {
          color: #3b5998;
          font-weight: bold; }
          .smartphone_qa .answer .qa_header .info .balloon a:hover {
            text-decoration: underline; }
      .smartphone_qa .answer .qa_header .info .date {
        font-size: 13px;
        color: #999; }
  .smartphone_qa .answer .text {
    padding: 0 0 15px;
    line-height: 1.5;
    font-size: 16px; }
    .smartphone_qa .answer .text a {
      color: #3b5998;
      font-size: 16px; }
      .smartphone_qa .answer .text a:hover {
        text-decoration: underline; }
    .smartphone_qa .answer .text img {
      padding: 4px 0 0 0; }

/*-----table of contents--------
1.エラー画面用
------------------------------*/
#NR-header-in,
#NR-footer-in,
.NR-tpath,
#NR-wrapper-in,
.NR-search-in {
  margin: 0 auto;
  padding: 0 10px;
  text-align: left;
  width: 1004px; }

#NR-header-in {
  padding: 15px 10px;
  position: relative;
  min-width: 0;
  width: auto; }
  #NR-header-in #NR-header-logo {
    line-height: 36px;
    width: 400px; }
    #NR-header-in #NR-header-logo a {
      color: #000;
      font-size: 16px;
      font-weight: normal;
      text-decoration: none; }
    #NR-header-in #NR-header-logo img {
      vertical-align: middle; }
  #NR-header-in #NR-header-logo-goo img {
    height: 36px;
    margin-right: 10px;
    width: 70px; }
  #NR-header-in #NR-header-logo-sv img {
    height: 28px;
    margin-left: 5px;
    width: 28px; }

#NR-wrapper h1,
#NR-wrapper h2,
#NR-wrapper h3,
#NR-wrapper h4,
#NR-wrapper h5,
#NR-wrapper h6 {
  line-height: 1.35;
  margin: 1em 0 1.5em 0; }

#NR-wrapper #NR-wrapper-in {
  font-size: 15px; }
  #NR-wrapper #NR-wrapper-in h1 {
    font-size: 26px; }
  #NR-wrapper #NR-wrapper-in h2 {
    font-size: 24px; }
  #NR-wrapper #NR-wrapper-in h3 {
    font-size: 20px; }
  #NR-wrapper #NR-wrapper-in h4 {
    font-size: 16px; }
  #NR-wrapper #NR-wrapper-in .unit {
    margin-bottom: 30px; }
  #NR-wrapper #NR-wrapper-in p {
    margin: 0.5em 0;
    line-height: 1.5; }
  #NR-wrapper #NR-wrapper-in li {
    line-height: 1.5;
    margin-left: 2em; }
  #NR-wrapper #NR-wrapper-in ul li {
    list-style: disc outside; }
  #NR-wrapper #NR-wrapper-in ol li {
    list-style: decimal outside; }

#NR-wrapper #NR-sub h2 {
  font-size: 20px; }

#NR-wrapper #NR-sub h3 {
  font-size: 16px; }

#NR-wrapper #NR-sub h4 {
  font-size: 14px; }

#NR-wrapper .NR-button {
  margin-top: 30px; }

#NR-footer-in {
  padding: 25px 10px; }

#NR-header-in,
#NR-footer-in,
.NR-tpath,
#NR-wrapper-in,
.NR-search-in {
  margin: 0 auto;
  padding: 0 10px;
  text-align: left;
  width: 1004px; }

#NR-nav,
#NR-nav-main,
#NR-nav-sub,
#NR-wrapper,
#NR-footer,
#NR-gosp {
  min-width: 1024px; }

#NR-wrapper {
  padding-top: 10px; }

#NR-wrapper-in {
  margin: 0 auto 20px; }

/* col2a(default) */
#NR-main {
  float: left;
  width: 684px; }

#NR-sub {
  float: right;
  width: 300px; }

/* col1 */
.NR-col1 #NR-main {
  float: none;
  margin-right: 0;
  width: 100%; }

.NR-col1 #NR-main-in {
  margin-right: 0; }

/* col2b */
.NR-col2b #NR-main {
  float: right; }

.NR-col2b #NR-sub {
  float: left; }

#NR-header-in {
  padding: 15px 10px; }

#NR-footer-in {
  padding: 25px 10px; }

/* UI */
.NR-tpath {
  padding-bottom: 10px; }

.NR-tpath ol {
  overflow: hidden;
  padding: 10px 0;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 100%; }

.NR-tpath li {
  display: inline; }

*:first-child + html .NR-tpath li.NR-first {
  background: none;
  padding-left: 0; }

*:first-child + html .NR-tpath li {
  background: url(img/lt.png) 3px no-repeat;
  padding-left: 12px; }

.NR-tpath li:before {
  color: #999;
  content: '>';
  font-family: monospace;
  margin: 0 5px; }

.NR-tpath li.NR-first:before {
  content: '';
  margin: 0; }

*:first-child + html #tpath li {
  margin-right: 10px; }

#NR-nav {
  background: #eee;
  border-bottom: 1px solid #ccc; }

#NR-nav a {
  text-decoration: none; }

#NR-nav li {
  float: left; }

#NR-nav-main {
  background: #930;
  margin-bottom: 3px;
  padding-top: 4px; }

#NR-nav-sub {
  background: #eee; }

#NR-nav-main-in,
#NR-nav-sub-in {
  margin: 0 auto;
  padding: 0 10px;
  width: 984px; }

#NR-nav-main li {
  margin-right: 5px; }

#NR-nav-main li a {
  color: #fff;
  display: block;
  font-size: 15px;
  padding: 10px 20px;
  transition: background-color 0.25s linear; }

#NR-nav-main li.NR-now a {
  border-bottom: 1px solid  #eee; }

#NR-nav-main li a:hover,
#NR-nav-main li.NR-now a {
  border-radius: 2px 2px 0 0; }

#NR-nav-main li a:hover {
  background: rgba(255, 255, 255, 0.2); }

#NR-nav-main li.NR-now a {
  background: #eee;
  color: #000; }

#NR-nav-sub li {
  margin-right: 10px; }

#NR-nav-sub li a {
  border: 0 solid #930;
  display: block;
  padding: 10px; }

#NR-nav-sub li.NR-now a,
#NR-nav-sub li a:hover {
  border-bottom-width: 2px;
  padding-bottom: 8px; }

#NR-nav-sub #NR-nav-sub-more-label {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAEAQMAAACJA+yzAAAAA3NCSVQICAjb4U/gAAAABlBMVEVmZmb///9zS1moAAAAAnRSTlP/AOW3MEoAAAAJcEhZcwAACusAAArrAYKLDVoAAAAcdEVYdFNvZnR3YXJlAEFkb2JlIEZpcmV3b3JrcyBDUzbovLKMAAAAEElEQVQImWNgYGhkOMzwHAAFvQIss49Z/gAAAABJRU5ErkJggg==) 100% no-repeat;
  padding-right: 15px; }

*:first-child + html #NR-nav-sub #NR-nav-sub-more-label {
  background-image: url(img/dw.png); }

#NR-nav-sub #NR-nav-sub-more-label:hover {
  border-bottom: 0;
  padding-bottom: 10px; }

#NR-nav-sub #NR-nav-sub-more-label.NR-open {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAEAQMAAACJA+yzAAAAA3NCSVQICAjb4U/gAAAABlBMVEVmZmb///9zS1moAAAAAnRSTlP/AOW3MEoAAAAJcEhZcwAACusAAArrAYKLDVoAAAAcdEVYdFNvZnR3YXJlAEFkb2JlIEZpcmV3b3JrcyBDUzbovLKMAAAAEElEQVQImWN4znCYoZGBAQALqwIsdz9yjwAAAABJRU5ErkJggg==); }

*:first-child + html #NR-nav-sub #NR-nav-sub-more-label.NR-open {
  background-image: url(img/up.png); }

#NR-nav-sub-more-list {
  background: #fff;
  border: 1px solid #666;
  display: none;
  padding: 10px;
  position: absolute;
  z-index: 1; }

#NR-nav-sub-more-list li {
  float: none;
  margin-right: 0; }

#NR-footer {
  background: #eee;
  border-top: 1px solid #ccc; }

#bta {
  display: none; }

/* FORM */
input,
select,
textarea {
  font-family: Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", Arial, Sans-serif;
  font-size: 12px; }

.NR-search {
  vertical-align: middle; }

.NR-search-in {
  padding-bottom: 10px;
  text-align: center;
  vertical-align: baseline; }

.NR-text,
.NR-select,
.NR-button {
  font-size: 12px;
  vertical-align: middle; }

.NR-text {
  border: 1px solid #ccc;
  height: 28px;
  line-height: 28px;
  margin: 0;
  padding: 0 5px;
  width: 24em; }

.NR-text:focus {
  border-color: #333; }

.NR-button {
  white-space: nowrap;
  -webkit-appearance: none; }

.NR-button,
.NR-button:visited,
.NR-button:hover {
  color: #000;
  text-decoration: none; }

.NR-button {
  background: #ffd700;
  border: none;
  border-radius: 2px;
  cursor: pointer;
  font-weight: bold;
  margin: 0;
  padding: 6px 1em;
  text-align: center; }

*:first-child + html .NR-button {
  min-width: 0; }

.NR-button:hover {
  background: #ffe711; }

.NR-button-normal {
  background: #ddd; }

.NR-button-normal:hover {
  background: #eee; }

.NR-button-disabled,
.NR-button-disabled:hover {
  background: #f0f0f0;
  color: #aaa;
  cursor: default; }

.NR-select {
  border: 1px solid #ccc;
  height: 28px;
  line-height: 28px;
  margin: 0;
  padding: 0; }

.NR-search-text {
  width: 24em; }

/* COMMON */
#NR-nav-sp {
  display: none;
  background: #36c; }

#NR-nav-sp a {
  color: #fff;
  display: block;
  font-size: 20px;
  padding: 20px;
  text-align: center; }

.NR-copyright-ip {
  font-size: 12px;
  line-height: 1.4;
  margin: 15px auto;
  text-align: right;
  width: 1004px; }

.NR-copyright {
  text-align: center; }

#NR-header-logo {
  line-height: 36px;
  width: 400px; }

#NR-header-logo img {
  vertical-align: middle; }

#NR-header-logo-goo img {
  height: 36px;
  margin-right: 10px;
  width: 70px; }

#NR-header-logo-sv img {
  height: 28px;
  margin-left: 5px;
  width: 28px; }

#NR-header-logo a {
  color: #000;
  font-size: 16px;
  font-weight: normal;
  text-decoration: none; }

#NR-header-in {
  position: relative; }

#NR-header-util {
  position: absolute;
  right: 10px;
  top: 10px; }

#NR-header-util li {
  float: right;
  margin-left: 8px; }

#NR-header-util a {
  color: #333;
  font-size: 12px; }

#NR-header-util a:hover {
  color: #36c; }

#NR-header-tool {
  margin-bottom: 5px;
  text-align: right; }

#NR-header-ocn {
  text-align: right; }

#NR-header-ocn-logo {
  margin-right: 5px;
  vertical-align: middle; }

#NR-sp-menu {
  display: none; }

#NR-footer-sv {
  margin-bottom: 20px; }

#NR-footer a {
  color: #333;
  font-size: 12px; }

#NR-footer a:hover {
  color: #36c; }

#NR-footer-sv {
  border-bottom: 1px solid #ccc; }

#NR-footer-sv dl {
  line-height: 1.5;
  margin-bottom: 15px; }

#NR-footer-sv dt,
#NR-footer-sv dd {
  margin-bottom: 15px; }

#NR-footer-sv dt {
  clear: left;
  float: left;
  margin-right: 2em;
  width: 8em;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis; }

#NR-footer-sv dt,
#NR-footer-sv dt a {
  font-size: 13px;
  font-weight: bold; }

#NR-footer-sv ul,
#NR-footer-sv li {
  display: inline; }

#NR-footer-sv li {
  margin-right: 10px; }

#NR-footer-link {
  margin-bottom: 20px;
  text-align: center; }

#NR-footer-link li {
  display: inline;
  margin-right: 10px; }

.NR-pr {
  margin: 0 auto 10px;
  text-align: center; }

.NR-pr a {
  color: #36c; }

.NR-pr-imgTxt {
  border: 1px solid #ccc;
  padding: 10px;
  width: 950px; }

.NR-pr-imgTxt img {
  margin-right: 10px;
  vertical-align: middle; }

.NR-pr-txt {
  padding: 20px 0; }

.NR-go {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAIAQMAAADk/cxGAAAABlBMVEX///9mZmaO7mygAAAAAXRSTlMAQObYZgAAABVJREFUeF5jaGA4wPCA4QMQPgCyGgAxEAYhoO6KiwAAAABJRU5ErkJggg==) 0 no-repeat;
  padding-left: 12px; }

*:first-child + html .NR-go {
  background-image: url(img/go.png); }

#NR-gosp-in {
  background: #36c;
  color: #fff;
  display: block;
  font-size: 48px;
  padding: 2em;
  text-align: center;
  text-decoration: none; }

.txtimgl {
  margin-bottom: 20px; }

.txtimgl dt {
  margin-bottom: 1em;
  font-size: 16px; }

.txtimgl dd {
  font-size: 12px;
  line-height: 1.2;
  margin-bottom: 10px;
  min-height: 80px;
  position: relative;
  zoom: 1; }

.txtimgl .NR-txtimgl-img {
  position: absolute;
  top: 0;
  left: 0; }

.txtimgl .NR-txtimgl-txt {
  display: block;
  margin-left: 90px;
  position: static; }

.txtimgl .black {
  font-weight: bold;
  margin-bottom: 5px; }

/* SOCIAL */
#NR-wrapper-in .social-button,
#NR-wrapper-in .social-button li {
  margin: 1em 0; }

#NR-wrapper-in .social-button li {
  display: inline-block;
  list-style: none;
  margin-right: 8px; }

#NR-wrapper-in .social-button li.line {
  display: none; }

*:first-child + html #NR-wrapper-in .social-button li {
  display: inline; }

#NR-wrapper-in .social-button li a:hover {
  -moz-opacity: .8;
  opacity: .8; }

#NR-wrapper-in .social-button li a,
#NR-wrapper-in .social-button li img {
  display: block;
  height: 32px;
  width: 32px; }

/*# sourceMappingURL=it_life.css.map */