@charset "UTF-8";
/*tableOfContents
--------------------------------
1.color
  1-1.ベースカラーの定義（リンクの色）
  1-2.ベースカラーの定義（リンク・ボタンの色（回答数などのオレンジ））
  1-3.ベースカラーの定義（ボタンやアイコンの色（ブルー））
  1-4.ベースカラーの定義（テキストカラー）
  1-5.ベースカラーの定義（お礼）
  1-6.ベースカラーの定義（警告文など）
  1-7.ベースカラーの定義（白）
  1-8.ベースカラーの定義（ランキングの茶色）
  1-9.カテゴリの色の定義（ウォッチ用）
  1-10.ピンク（ベネッセ用）
  1-11.赤（専門家ランキング用)
  1-12.専門家ランキング用カテゴリ
--------------------------------*/
/*tableOfContents
--------------------------------
2.temporary settings
  2-2.画像パスの定義
--------------------------------*/
/*tableOfContents
--------------------------------
1.clearfixの定義
2.word-breakの定義
3.display-inline-blockの定義
4.text-overflowの定義
--------------------------------*/
.answerListBox .rightArea ul, .answerListBox .bottomContent .textArea, .answerListBox .bottomContent .textArea .textAreaForClick, .answerListBox .bottomContent .textArea .textAreaForClick ul, .answerListBox .bottomContent .textArea .textAreaForClick .goodIconArea, .publishProfileArea .navigationArea, .publishProfileArea .navigationArea ul, .publishProfileArea .navigationAreaNarrow, .publishProfileArea .navigationAreaNarrow ul, .publishProfileArea .questionListBoxes .boxTextArea ul, .publishProfileArea .answerListBox .rightArea ul, .publishProfileArea .answerListBox .bottomContent .textArea, .publishProfileArea .answerListBox .bottomContent .textArea .textAreaForClickForProfile, .profileNavArea, .answerListArea .subNav, .answerListArea .subNav ul, .answerListArea .subNav ol, .answerListArea .subNav ol.forSeveralList, .answerListArea .questionListBoxes .leftBefore ol, .answerListArea .questionListBoxes .answersZone .section .upper, .answerListArea .questionListBoxes .answersZone .section .fukidashi, .answerListArea .questionListBoxes .answersZone .section .fukidashi .fukidashiRight .textAreaForClick, .answerListArea .questionListBoxes .answersZone .section .fukidashi .fukidashiRight .textAreaForClick .bottom, .answerListArea .questionListBoxes .answersZone .section .fukidashi .fukidashiRight .textAreaForClick .bottom .baArea .goodIconArea, .answerListArea .questionListBoxes .answersZone .section .fukidashi .fukidashiRight .thankAfter, .answerListArea .questionListBoxes .answersZone .section .fukidashi .fukidashiRight .hiddenThank, .answerListArea .questionListBoxes .answersZone .section .fukidashi .fukidashiRight .hiddenThank .btnArea, .answerListArea .questionListBoxes .answersZone .section .fukidashi .fukidashiRight .hiddenThank .btnAreaFirst, .settingContentWide .blockListArea ul li, .settingContentWide .blockListArea ul li .blockListBox, .settingNavi ul, .settingContent .settingCateBox .settingCateBoxHeader, .settingContent .settingCateBox .settingCateBoxContent ul li, .settingContent .settingBtnArea, .wholeCateHeader, .inbox, .inbox .mycatecheck dd dl, .inbox .mycatecheck dd dl .smallCate, .answersZoneForQA .section .upper, .answersZoneForQA .section .fukidashi, .answersZoneForQA .section .fukidashi .fukidashiRight .textAreaForClick, .subNav, .subNav ul, .subNav ol, .subNav ol.forSeveralList, .contents .contentsInner, .leftContents .nav ul, .leftContents .answerArea .checkArea ul, .leftContents .answerArea .answerBox, .leftContents .answerArea .answerBox .left, .leftContents .answerArea .answerBox .left .upper, .leftContents .answerArea .answerBox .left .timeZone, .leftContents .answerArea .answerBox .left .timeZone ul, .leftContents .answerArea .answerBox .left .bottom, .leftContents .answerArea .answerBox .left .btnArea .upper, .leftContents .answerArea .answerBox .left .btnArea .upper ul, .formShrink, .letsAsk .letsAskInnerBack .letsAskInner .hiddenLetsAskBox, .pickUpArea .pickUpContents .pickUpInner .pickUpUpper, .pickUpArea .pickUpContents .pickUpInner .pickUpUpper .timeNumber, .pickUpArea .pickUpContents .pickUpInner .pickUpBottom, .pickUpArea .pickUpContents .pickUpInner .pickUpBottom .infoArea, .pickUpArea .pickUpContents .pickUpInner .pickUpBottom .pickUpBotomRight, .pickUpArea .pickUpContents .letsAnswer, .beforeLoginArea .beforeLoginAreaBox, .beforeLoginArea .beforeLoginAreaBox .BeforeLoginAreaBoxRight, .beforeLoginArea .beforeLoginAreaBox .BeforeLoginAreaBoxRight .BeforeLoginAreaBoxRightInner, .beforeLoginArea .beforeLoginAreaBox .BeforeLoginAreaBoxRight .BeforeLoginAreaBoxRightInner .BeforeLoginAreaBoxRightBottom, .beforeLoginArea .beforeLoginAreaBox .BeforeLoginAreaBoxRight .BeforeLoginAreaBoxRightInner .BeforeLoginAreaBoxRightBottom .timeNumber, .beforeLoginArea .beforeLoginAreaBox .hiddenLoginBox .pickUpBottom, .beforeLoginArea .beforeLoginAreaBox .hiddenLoginBox .pickUpBottom .infoArea, .beforeLoginArea .beforeLoginAreaBox .hiddenLoginBox .pickUpBottom .pickUpBotomRight, .beforeLoginArea .beforeLoginAreaBox .hiddenLoginBox .letsAnswer, .settingEmailArea .settingEmailBox, .settingEmailArea .settingEmailBox .settingEmailContent, .settingEmailArea .settingEmailBox .settingEmailContent dl, .settingEmailArea .settingEmailBox .settingEmailContentListArea .settingEmailContentList, .settingEmailArea .settingEmailBox .settingEmailother, .settingProfileArea .settingProfileBox, .settingProfileArea .settingProfileBox .settingProfileContent, .settingProfileArea .settingProfileBox .settingProfileContent .settingBtns, .settingProfileArea .settingProfileBox .settingProfileContent dl, .profileInner .profileBottomArea, .profileInner .profileBottomArea dl dd ul, .profileAreaForOther .profileAreaForOtherInner, .profileArea .profileAreaInner, .profileArea .profileAreaInner .profileLeftArea .profileBtnArea, .profileArea .profileAreaInner .profileRightArea, .profileArea .profileAreaInner .profileRightArea .profileTitleWrap, .profileArea .profileAreaInner .profileRightArea .profileGrade, .profileArea .profileAreaInner .profileBtnArea, .profileGradePast .profileGradePastInner, .naviAreaForSearch .naviAreaForSearchInner, .naviAreaForSearch .naviAreaForSearchInner .naviForSearch, .searchKeyWordArea, .searchKeyWordArea .searchKeyWordTextArea, .pickUpAdBoxInner, .pickUpAdBoxInner .adBoxRight .pickUpAdList, .mainNavi1 ul, .mainNavi2 ul, .searchResultBoxes .searchResultOther, .searchWordBox .relativeSearchWords, .searchWordBox .searchWords, .tagWordBox .relativeTagWords {
  *zoom: 1; }
  .answerListBox .rightArea ul:after, .answerListBox .bottomContent .textArea:after, .answerListBox .bottomContent .textArea .textAreaForClick:after, .answerListBox .bottomContent .textArea .textAreaForClick ul:after, .answerListBox .bottomContent .textArea .textAreaForClick .goodIconArea:after, .publishProfileArea .navigationArea:after, .publishProfileArea .navigationArea ul:after, .publishProfileArea .navigationAreaNarrow:after, .publishProfileArea .navigationAreaNarrow ul:after, .publishProfileArea .questionListBoxes .boxTextArea ul:after, .publishProfileArea .answerListBox .rightArea ul:after, .publishProfileArea .answerListBox .bottomContent .textArea:after, .publishProfileArea .answerListBox .bottomContent .textArea .textAreaForClickForProfile:after, .profileNavArea:after, .answerListArea .subNav:after, .answerListArea .subNav ul:after, .answerListArea .subNav ol:after, .answerListArea .subNav ol.forSeveralList:after, .answerListArea .questionListBoxes .leftBefore ol:after, .answerListArea .questionListBoxes .answersZone .section .upper:after, .answerListArea .questionListBoxes .answersZone .section .fukidashi:after, .answerListArea .questionListBoxes .answersZone .section .fukidashi .fukidashiRight .textAreaForClick:after, .answerListArea .questionListBoxes .answersZone .section .fukidashi .fukidashiRight .textAreaForClick .bottom:after, .answerListArea .questionListBoxes .answersZone .section .fukidashi .fukidashiRight .textAreaForClick .bottom .baArea .goodIconArea:after, .answerListArea .questionListBoxes .answersZone .section .fukidashi .fukidashiRight .thankAfter:after, .answerListArea .questionListBoxes .answersZone .section .fukidashi .fukidashiRight .hiddenThank:after, .answerListArea .questionListBoxes .answersZone .section .fukidashi .fukidashiRight .hiddenThank .btnArea:after, .answerListArea .questionListBoxes .answersZone .section .fukidashi .fukidashiRight .hiddenThank .btnAreaFirst:after, .settingContentWide .blockListArea ul li:after, .settingContentWide .blockListArea ul li .blockListBox:after, .settingNavi ul:after, .settingContent .settingCateBox .settingCateBoxHeader:after, .settingContent .settingCateBox .settingCateBoxContent ul li:after, .settingContent .settingBtnArea:after, .wholeCateHeader:after, .inbox:after, .inbox .mycatecheck dd dl:after, .inbox .mycatecheck dd dl .smallCate:after, .answersZoneForQA .section .upper:after, .answersZoneForQA .section .fukidashi:after, .answersZoneForQA .section .fukidashi .fukidashiRight .textAreaForClick:after, .subNav:after, .subNav ul:after, .subNav ol:after, .subNav ol.forSeveralList:after, .contents .contentsInner:after, .leftContents .nav ul:after, .leftContents .answerArea .checkArea ul:after, .leftContents .answerArea .answerBox:after, .leftContents .answerArea .answerBox .left:after, .leftContents .answerArea .answerBox .left .upper:after, .leftContents .answerArea .answerBox .left .timeZone:after, .leftContents .answerArea .answerBox .left .timeZone ul:after, .leftContents .answerArea .answerBox .left .bottom:after, .leftContents .answerArea .answerBox .left .btnArea .upper:after, .leftContents .answerArea .answerBox .left .btnArea .upper ul:after, .formShrink:after, .letsAsk .letsAskInnerBack .letsAskInner .hiddenLetsAskBox:after, .pickUpArea .pickUpContents .pickUpInner .pickUpUpper:after, .pickUpArea .pickUpContents .pickUpInner .pickUpUpper .timeNumber:after, .pickUpArea .pickUpContents .pickUpInner .pickUpBottom:after, .pickUpArea .pickUpContents .pickUpInner .pickUpBottom .infoArea:after, .pickUpArea .pickUpContents .pickUpInner .pickUpBottom .pickUpBotomRight:after, .pickUpArea .pickUpContents .letsAnswer:after, .beforeLoginArea .beforeLoginAreaBox:after, .beforeLoginArea .beforeLoginAreaBox .BeforeLoginAreaBoxRight:after, .beforeLoginArea .beforeLoginAreaBox .BeforeLoginAreaBoxRight .BeforeLoginAreaBoxRightInner:after, .beforeLoginArea .beforeLoginAreaBox .BeforeLoginAreaBoxRight .BeforeLoginAreaBoxRightInner .BeforeLoginAreaBoxRightBottom:after, .beforeLoginArea .beforeLoginAreaBox .BeforeLoginAreaBoxRight .BeforeLoginAreaBoxRightInner .BeforeLoginAreaBoxRightBottom .timeNumber:after, .beforeLoginArea .beforeLoginAreaBox .hiddenLoginBox .pickUpBottom:after, .beforeLoginArea .beforeLoginAreaBox .hiddenLoginBox .pickUpBottom .infoArea:after, .beforeLoginArea .beforeLoginAreaBox .hiddenLoginBox .pickUpBottom .pickUpBotomRight:after, .beforeLoginArea .beforeLoginAreaBox .hiddenLoginBox .letsAnswer:after, .settingEmailArea .settingEmailBox:after, .settingEmailArea .settingEmailBox .settingEmailContent:after, .settingEmailArea .settingEmailBox .settingEmailContent dl:after, .settingEmailArea .settingEmailBox .settingEmailContentListArea .settingEmailContentList:after, .settingEmailArea .settingEmailBox .settingEmailother:after, .settingProfileArea .settingProfileBox:after, .settingProfileArea .settingProfileBox .settingProfileContent:after, .settingProfileArea .settingProfileBox .settingProfileContent .settingBtns:after, .settingProfileArea .settingProfileBox .settingProfileContent dl:after, .profileInner .profileBottomArea:after, .profileInner .profileBottomArea dl dd ul:after, .profileAreaForOther .profileAreaForOtherInner:after, .profileArea .profileAreaInner:after, .profileArea .profileAreaInner .profileLeftArea .profileBtnArea:after, .profileArea .profileAreaInner .profileRightArea:after, .profileArea .profileAreaInner .profileRightArea .profileTitleWrap:after, .profileArea .profileAreaInner .profileRightArea .profileGrade:after, .profileArea .profileAreaInner .profileBtnArea:after, .profileGradePast .profileGradePastInner:after, .naviAreaForSearch .naviAreaForSearchInner:after, .naviAreaForSearch .naviAreaForSearchInner .naviForSearch:after, .searchKeyWordArea:after, .searchKeyWordArea .searchKeyWordTextArea:after, .pickUpAdBoxInner:after, .pickUpAdBoxInner .adBoxRight .pickUpAdList:after, .mainNavi1 ul:after, .mainNavi2 ul:after, .searchResultBoxes .searchResultOther:after, .searchWordBox .relativeSearchWords:after, .searchWordBox .searchWords:after, .tagWordBox .relativeTagWords:after {
    display: block;
    content: "";
    clear: both;
    height: 0;
    overflow: hidden; }

.answerListBox .rightArea h2, .answerListBox .bottomContent .textArea .textAreaForClick h3, .answerListBox .bottomContent .textArea .thankArea .text p, .publishProfileArea .questionListBoxes .boxTextArea h3, .publishProfileArea .answerListBox .rightArea h3, .publishProfileArea .answerListBox .bottomContent .textArea .textAreaForClickForProfile h3, .publishProfileArea .answerListBox .bottomContent .textArea .thankArea .text p, .answerListArea .questionListBoxes .leftBefore h2 a, .answerListArea .questionListBoxes .leftBefore h2, .answerListArea .questionListBoxes .leftBefore .historyText, .answerListArea .questionListBoxes .answersZone .section .fukidashi .fukidashiRight .textAreaForClick h3, .answerListArea .questionListBoxes .answersZone .section .fukidashi .fukidashiRight .thankAfter .thankAfterRight .text, .answerListArea .questionListBoxes .answersZone .section .fukidashi .fukidashiRight .hiddenThank .thankAfterRight .text, .answerListArea .questionListBoxes .answersZone .section .fukidashi .fukidashiRight .hiddenThank .hiddenThankRight textarea, .answersZoneForQA .section .fukidashi .fukidashiRight .textAreaForClick h3, .leftContents .answerArea .accomplishBox .upper .right h3, .leftContents .answerArea .activeBox textarea, .leftContents .answerArea .checkArea p, .leftContents .answerArea .answerBox .left .upper .right h3, .leftContents .answerArea .answerBox .left .upper .right p, .leftContents .answerArea .answerBox .left .supplement .content p, .leftContents .answerArea .answerBox .left .bottom form textarea, .letsAsk .letsAskInnerBack .letsAskInner .letsAskactiveInner form textarea, .pickUpArea .pickUpContents .pickUpInner .pickUpUpper .pickUpUpperRight h3, .pickUpArea .pickUpContents .pickUpInner .pickUpUpper .pickUpUpperRight p, .pickUpArea .pickUpContents .pickUpInner .pickUpBottom .pickUpBotomRight p, .pickUpArea .pickUpContents .letsAnswer .answerForm textarea, .beforeLoginArea .beforeLoginAreaBox .BeforeLoginAreaBoxRight h3, .beforeLoginArea .beforeLoginAreaBox .BeforeLoginAreaBoxRight .BeforeLoginAreaBoxRightInner p, .beforeLoginArea .beforeLoginAreaBox .hiddenLoginBox .pickUpBottom .pickUpBotomRight p, .beforeLoginArea .beforeLoginAreaBox .hiddenLoginBox .letsAnswer .answerForm textarea, .settingProfileArea .settingProfileBox .settingProfileContent .myText, .profileTextArea .profileText, .searchResultBoxes .searchResultText, .wikiArea .wikiArea_text {
  word-break: break-all;
  word-wrap: break-word; }

/*tableOfContents
--------------------------------
1.placeholderのcss
--------------------------------*/
::-webkit-placeholder {
  color: #ccc; }

:-moz-placeholder {
  color: #ccc; }

::-moz-placeholder {
  color: #ccc; }

:-ms-placeholder {
  color: #ccc; }

/*tableOfContents
--------------------------------
2.回答履歴と質問履歴
	2-1.回答履歴のボックス
	2-2.公開プロフィール用
	2-3.プロフィール
	2-4.自己紹介
	2-5.公開プロフィール（質問・回答履歴用）
	2-6.質問履歴（受付中の質問が無い場合）
	2-7.回答一覧
--------------------------------*/
.withAnswer:hover .open a {
  color: #ff7f00; }
  .withAnswer:hover .open a:hover {
    text-decoration: underline; }

.widthThank .thank a {
  color: #FF4C99 !important; }
  .widthThank .thank a:hover {
    text-decoration: underline !important; }

.widthThank .newThank a {
  font-weight: bold; }

.widthRightIcons .rightArea {
  position: relative !important; }
  .widthRightIcons .rightArea .theIcon {
    position: absolute;
    top: -1px;
    right: -120px; }

.widthRightIcons .newBestAnswer {
  margin: 5px -5px 0 -7px; }

.withSupplementation .rightArea {
  width: 95% !important; }

.withSupplementation h2 {
  float: left !important; }

.withSupplementation .suppleText {
  background: url("../../../../../images/v2/pc/top/pencil_small.png") no-repeat left;
  height: 14px;
  float: right;
  margin-right: -5px !important; }
  .withSupplementation .suppleText a {
    font-size: 12px;
    color: #37A526;
    font-weight: bold;
    padding: 0 0 0 18px;
    line-height: 17px; }
    .withSupplementation .suppleText a:hover {
      text-decoration: underline; }

.withSupplementation .forClear {
  clear: both;
  height: 0;
  width: 0;
  line-height: 0; }

.activeAnswerBox {
  background-color: #f6f6f6 !important; }
  .activeAnswerBox .open a {
    color: #ff7f00 !important; }
  .activeAnswerBox .left .timeZone .see {
    color: #ff7f00 !important; }

.boxesArea section:first-child .answerListBox {
  border-top: none !important; }

.answerListBox {
  border-top: 1px solid #ededed;
  padding: 20px; }
  .answerListBox:hover {
    background-color: #f6f6f6; }
  .answerListBox .theImage {
    float: left;
    padding-right: 10px;
    width: 20px;
    height: 20px; }
  .answerListBox .rightArea {
    float: left; }
    .answerListBox .rightArea h2 {
      font-size: 14px;
      color: #333;
      padding: 1px 0 5px 0;
      width: 495px;
      line-height: 1.3; }
    .answerListBox .rightArea p.name {
      display: table-cell; }
      .answerListBox .rightArea p.name a {
        padding-right: 15px;
        color: #395998;
        font-size: 10px; }
        .answerListBox .rightArea p.name a:hover {
          text-decoration: underline; }
    .answerListBox .rightArea ul {
      display: table-cell;
      vertical-align: middle; }
      .answerListBox .rightArea ul li {
        float: left;
        color: #B8B8B8;
        font-size: 10px;
        padding-right: 10px; }
        .answerListBox .rightArea ul li.answerListForTime {
          padding-right: 15px !important; }
        .answerListBox .rightArea ul li.number {
          color: #ff7f00; }
        .answerListBox .rightArea ul li a {
          font-size: 10px;
          color: #ff7f00; }
          .answerListBox .rightArea ul li a:hover {
            text-decoration: underline; }
  .answerListBox .bottomContent {
    border-left: 4px solid #eee;
    clear: both;
    margin-left: 10px;
    padding: 13px 0 0 30px; }
    .answerListBox .bottomContent ul {
      padding-bottom: 13px; }
      .answerListBox .bottomContent ul li {
        display: table-cell; }
        .answerListBox .bottomContent ul li.open a i {
          font-size: 20px;
          font-weight: bold;
          vertical-align: text-bottom;
          padding-right: 5px; }
        .answerListBox .bottomContent ul li.thank a i {
          font-size: 13px;
          padding-right: 5px; }
        .answerListBox .bottomContent ul li a {
          font-size: 12px;
          color: #ccc;
          margin-right: 15px; }
    .answerListBox .bottomContent .personalIcon {
      display: table-cell;
      width: 30px;
      height: 30px;
      padding-right: 17px !important; }
    .answerListBox .bottomContent .textArea {
      display: table-cell;
      border: 1px solid #bbb;
      border-radius: 5px;
      background-color: #fff;
      position: relative;
      vertical-align: middle;
      width: 550px; }
      .answerListBox .bottomContent .textArea:before {
        content: "";
        position: absolute;
        top: 9px;
        left: 2px;
        margin-left: -10px;
        display: block;
        width: 0px;
        height: 0px;
        border-style: solid;
        border-width: 5px 8px 5px 0;
        border-color: transparent #999 transparent transparent; }
      .answerListBox .bottomContent .textArea:after {
        content: "";
        position: absolute;
        top: 10px;
        left: 2px;
        margin-left: -9px;
        display: block;
        width: 0px;
        height: 0px;
        border-style: solid;
        border-width: 4px 7px 4px 0;
        border-color: transparent #fff transparent transparent; }
      .answerListBox .bottomContent .textArea .textAreaForClick {
        cursor: pointer; }
        .answerListBox .bottomContent .textArea .textAreaForClick a {
          color: #3b5998; }
          .answerListBox .bottomContent .textArea .textAreaForClick a:hover {
            text-decoration: underline; }
        .answerListBox .bottomContent .textArea .textAreaForClick h3 {
          font-size: 15px;
          color: #333;
          padding-bottom: 10px;
          line-height: 150%;
          padding: 20px 20px 10px 20px; }
        .answerListBox .bottomContent .textArea .textAreaForClick ul {
          float: left;
          padding: 10px 0 20px 20px; }
          .answerListBox .bottomContent .textArea .textAreaForClick ul li {
            float: left;
            font-size: 12px;
            color: #B8B8B8; }
            .answerListBox .bottomContent .textArea .textAreaForClick ul li i {
              margin: -1px 0 0 10px;
              color: #ff7f00;
              font-size: 14px; }
        .answerListBox .bottomContent .textArea .textAreaForClick .goodIconArea {
          float: right;
          padding: 11px 20px 0 0;
          list-style: none;
          margin-top: -8px !important; }
          .answerListBox .bottomContent .textArea .textAreaForClick .goodIconArea li {
            color: #ccc;
            font-weight: bold;
            float: left;
            font-size: 13px; }
            .answerListBox .bottomContent .textArea .textAreaForClick .goodIconArea li.goodIcon a {
              margin-right: 0 !important; }
              .answerListBox .bottomContent .textArea .textAreaForClick .goodIconArea li.goodIcon a img {
                vertical-align: bottom; }
            .answerListBox .bottomContent .textArea .textAreaForClick .goodIconArea li:first-child {
              margin-right: 5px; }
            .answerListBox .bottomContent .textArea .textAreaForClick .goodIconArea li.numbers {
              padding-top: 7px; }
            .answerListBox .bottomContent .textArea .textAreaForClick .goodIconArea li.unit {
              padding: 7px 0 0 5px; }
        .answerListBox .bottomContent .textArea .textAreaForClick .goodActive li.numbers {
          color: #fe7201; }
      .answerListBox .bottomContent .textArea .thankArea {
        clear: both;
        display: table;
        border-top: 1px solid #ddd;
        padding: 20px; }
        .answerListBox .bottomContent .textArea .thankArea img {
          display: table-cell;
          padding-right: 10px; }
        .answerListBox .bottomContent .textArea .thankArea .text {
          display: table-cell;
          vertical-align: top;
          width: 524px; }
          .answerListBox .bottomContent .textArea .thankArea .text h4 {
            color: #FF4C99;
            font-size: 13px;
            padding-bottom: 5px; }
            .answerListBox .bottomContent .textArea .thankArea .text h4 i {
              padding-right: 5px; }
          .answerListBox .bottomContent .textArea .thankArea .text p {
            padding: 0 !important;
            margin: 0 !important;
            font-size: 13px;
            color: #333;
            line-height: 150%; }
          .answerListBox .bottomContent .textArea .thankArea .text ul {
            padding: 10px 0 0 0 !important; }
            .answerListBox .bottomContent .textArea .thankArea .text ul li {
              color: #aaa;
              font-size: 10px; }

.publishProfileArea .navigationArea {
  padding: 20px 20px 0 20px;
  border-bottom: 1px solid #ddd; }
  .publishProfileArea .navigationArea ul {
    float: left; }
    .publishProfileArea .navigationArea ul li {
      float: left; }
      .publishProfileArea .navigationArea ul li h1 {
        color: #00A3D8;
        border-bottom: 5px solid #00A3D8;
        font-weight: bold;
        font-size: 16px;
        line-height: 120%;
        padding: 0 0 15px;
        width: 200px;
        text-align: center;
        float: left; }
      .publishProfileArea .navigationArea ul li.on a {
        color: #333 !important; }
        .publishProfileArea .navigationArea ul li.on a:hover {
          border-bottom: none !important;
          cursor: default; }
      .publishProfileArea .navigationArea ul li a {
        font-size: 16px;
        color: #333;
        line-height: 120%;
        display: block;
        width: 200px;
        padding: 0 0 15px;
        text-align: center; }
        .publishProfileArea .navigationArea ul li a:hover {
          color: #00A3D8;
          border-bottom: 5px solid #00A3D8; }

.publishProfileArea .navigationAreaNarrow {
  padding: 20px 20px 0 20px;
  border-bottom: 1px solid #ddd; }
  .publishProfileArea .navigationAreaNarrow ul {
    float: left; }
    .publishProfileArea .navigationAreaNarrow ul li {
      float: left; }
      .publishProfileArea .navigationAreaNarrow ul li h1 {
        color: #00A3D8;
        border-bottom: 5px solid #00A3D8;
        font-weight: bold;
        font-size: 16px;
        line-height: 120%;
        padding: 0 35px 15px;
        text-align: center;
        float: left; }
      .publishProfileArea .navigationAreaNarrow ul li.on a {
        color: #ccc; }
        .publishProfileArea .navigationAreaNarrow ul li.on a:hover {
          border-bottom: none !important;
          cursor: default; }
        .publishProfileArea .navigationAreaNarrow ul li.on a.nonPublishNav {
          color: #999 !important; }
      .publishProfileArea .navigationAreaNarrow ul li a {
        font-size: 16px;
        color: #333;
        line-height: 120%;
        display: block;
        padding: 0 35px 15px;
        text-align: center; }
        .publishProfileArea .navigationAreaNarrow ul li a:hover {
          color: #00A3D8;
          border-bottom: 5px solid #00A3D8; }

.publishProfileArea .blockBtn a {
  border: 1px solid #cdcdcd !important;
  color: #7d7d7d !important;
  padding: 0 12px !important; }
  .publishProfileArea .blockBtn a:hover {
    color: #7d7d7d !important;
    background-color: #ebebeb !important; }

.publishProfileArea .questionListBoxesActive {
  background-color: #f6f6f6 !important; }

.publishProfileArea .boxesArea section:first-child .questionListBoxes {
  border-top: none !important; }

.publishProfileArea .boxesArea section:last-child .questionListBoxes:hover {
  border-bottom-right-radius: 5px;
  border-bottom-left-radius: 5px; }

.publishProfileArea .solved {
  background: url("../../../../../images/v2/pc/top/solved_icon.png") no-repeat 0 0; }
  .publishProfileArea .solved .left h2 {
    color: #999; }
  .publishProfileArea .solved .right p.theBestAnswer {
    width: 32px;
    height: 48px;
    margin-left: -4px; }

.publishProfileArea .deadline .right p {
  font-size: 10px !important;
  color: #666 !important;
  background: none !important; }
  .publishProfileArea .deadline .right p i {
    font-size: 20px !important;
    width: 20px !important;
    margin: 5px 0 0 1px !important; }

.publishProfileArea .withIcons .withoutThank p {
  font-size: 10px;
  color: #666;
  background: url("../../../../../images/v2/pc/top/without_thank_icon.png") no-repeat left !important; }

.publishProfileArea .questionListBoxes {
  border-top: 1px solid #ededed; }
  .publishProfileArea .questionListBoxes:hover {
    background-color: #f6f6f6; }
  .publishProfileArea .questionListBoxes .questionListBoxesTitle a {
    color: #3b5998 !important; }
  .publishProfileArea .questionListBoxes .boxTextArea {
    display: table-cell;
    padding: 20px;
    width: 589px !important; }
    .publishProfileArea .questionListBoxes .boxTextArea h3 {
      font-size: 16px;
      color: #333;
      padding-bottom: 10px;
      line-height: 1.3; }
    .publishProfileArea .questionListBoxes .boxTextArea ul {
      float: right;
      padding: 5px 0 0 0;
      list-style: none; }
      .publishProfileArea .questionListBoxes .boxTextArea ul li {
        float: left;
        color: #ccc;
        font-size: 12px;
        margin-right: 5px; }
        .publishProfileArea .questionListBoxes .boxTextArea ul li.timeForPublishProfile {
          margin-top: -1px;
          margin-right: 15px; }
        .publishProfileArea .questionListBoxes .boxTextArea ul li.answer {
          color: #999; }
  .publishProfileArea .questionListBoxes .right {
    display: table-cell;
    vertical-align: middle;
    width: 55px !important;
    padding: 0 0 0 15px; }
    .publishProfileArea .questionListBoxes .right span {
      display: none; }
    .publishProfileArea .questionListBoxes .right p a {
      display: block;
      width: 21px !important;
      height: 34px !important; }

.publishProfileArea .boxesArea section:first-child .answerListBox {
  border-top: none !important; }

.publishProfileArea .boxesArea section:last-child .answerListBox:hover {
  border-bottom-right-radius: 5px;
  border-bottom-left-radius: 5px; }

.publishProfileArea .activeAnswerBox {
  background-color: #f6f6f6 !important; }
  .publishProfileArea .activeAnswerBox .open a {
    color: #ff7f00 !important; }

.publishProfileArea .answerListBox {
  border-top: 1px solid	#ededed;
  padding: 20px; }
  .publishProfileArea .answerListBox:hover {
    background-color: #f6f6f6;
    cursor: pointer; }
  .publishProfileArea .answerListBox .theImage {
    float: left;
    padding-right: 10px;
    width: 20px;
    height: 20px; }
  .publishProfileArea .answerListBox .rightArea {
    float: left; }
    .publishProfileArea .answerListBox .rightArea h3 {
      font-size: 14px;
      color: #333;
      padding: 1px 0 5px 0;
      width: 495px;
      line-height: 1.3; }
    .publishProfileArea .answerListBox .rightArea p.name {
      display: table-cell; }
      .publishProfileArea .answerListBox .rightArea p.name a {
        padding-right: 15px;
        color: #395998;
        font-size: 10px; }
        .publishProfileArea .answerListBox .rightArea p.name a:hover {
          text-decoration: underline; }
    .publishProfileArea .answerListBox .rightArea ul {
      display: table-cell;
      vertical-align: middle; }
      .publishProfileArea .answerListBox .rightArea ul li {
        float: left;
        color: #B8B8B8;
        font-size: 10px;
        padding-right: 10px; }
        .publishProfileArea .answerListBox .rightArea ul li span {
          padding-left: 5px; }
          .publishProfileArea .answerListBox .rightArea ul li span a {
            font-size: 10px;
            color: #B8B8B8; }
            .publishProfileArea .answerListBox .rightArea ul li span a:hover {
              text-decoration: underline; }
  .publishProfileArea .answerListBox .bottomContent {
    border-left: 4px solid #eee;
    clear: both;
    margin-left: 10px;
    padding: 13px 0 0 30px; }
    .publishProfileArea .answerListBox .bottomContent ul {
      padding-bottom: 13px; }
      .publishProfileArea .answerListBox .bottomContent ul li {
        display: table-cell; }
        .publishProfileArea .answerListBox .bottomContent ul li.open a i {
          font-size: 20px;
          font-weight: bold;
          vertical-align: text-bottom;
          padding-right: 5px; }
        .publishProfileArea .answerListBox .bottomContent ul li.thank a i {
          font-size: 13px;
          padding-right: 5px; }
        .publishProfileArea .answerListBox .bottomContent ul li a {
          font-size: 12px;
          color: #ccc;
          margin-right: 15px; }
    .publishProfileArea .answerListBox .bottomContent .personalIcon {
      display: table-cell;
      width: 30px;
      height: 30px;
      padding-right: 17px !important; }
    .publishProfileArea .answerListBox .bottomContent .textArea {
      display: table-cell;
      border: 1px solid #bbb;
      border-radius: 5px;
      background-color: #fff;
      position: relative;
      vertical-align: middle;
      width: 550px; }
      .publishProfileArea .answerListBox .bottomContent .textArea:before {
        content: "";
        position: absolute;
        top: 9px;
        left: 2px;
        margin-left: -10px;
        display: block;
        width: 0px;
        height: 0px;
        border-style: solid;
        border-width: 5px 8px 5px 0;
        border-color: transparent #999 transparent transparent; }
      .publishProfileArea .answerListBox .bottomContent .textArea:after {
        content: "";
        position: absolute;
        top: 10px;
        left: 2px;
        margin-left: -9px;
        display: block;
        width: 0px;
        height: 0px;
        border-style: solid;
        border-width: 4px 7px 4px 0;
        border-color: transparent #fff transparent transparent; }
      .publishProfileArea .answerListBox .bottomContent .textArea .textAreaForClickForProfile {
        cursor: pointer;
        padding: 15px; }
        .publishProfileArea .answerListBox .bottomContent .textArea .textAreaForClickForProfile h3 {
          font-size: 15px;
          color: #333;
          line-height: 150%; }
        .publishProfileArea .answerListBox .bottomContent .textArea .textAreaForClickForProfile .timeArea {
          float: left;
          padding: 10px 0 0 0 !important;
          font-size: 12px;
          color: #B8B8B8; }
          .publishProfileArea .answerListBox .bottomContent .textArea .textAreaForClickForProfile .timeArea i {
            margin: -1px 0 0 10px;
            color: #ff7f00;
            font-size: 14px; }
        .publishProfileArea .answerListBox .bottomContent .textArea .textAreaForClickForProfile ol {
          float: right;
          padding: 11px 0 0 0;
          list-style: none;
          margin-top: -8px !important; }
          .publishProfileArea .answerListBox .bottomContent .textArea .textAreaForClickForProfile ol li {
            background: url("../../../../../images/v2/pc/top/good.png") no-repeat left;
            padding-left: 53px;
            font-size: 14px;
            color: #00A3D9;
            font-weight: bold;
            padding-top: 7px;
            height: 17px; }
      .publishProfileArea .answerListBox .bottomContent .textArea .thankArea {
        clear: both;
        display: table;
        border-top: 1px solid #ddd;
        padding: 20px; }
        .publishProfileArea .answerListBox .bottomContent .textArea .thankArea img {
          display: table-cell;
          padding-right: 10px; }
        .publishProfileArea .answerListBox .bottomContent .textArea .thankArea .text {
          display: table-cell;
          vertical-align: top;
          width: 524px; }
          .publishProfileArea .answerListBox .bottomContent .textArea .thankArea .text h4 {
            color: #FF4C99;
            font-size: 13px;
            padding-bottom: 5px; }
            .publishProfileArea .answerListBox .bottomContent .textArea .thankArea .text h4 i {
              padding-right: 5px; }
          .publishProfileArea .answerListBox .bottomContent .textArea .thankArea .text p {
            padding: 0 !important;
            margin: 0 !important;
            font-size: 13px;
            color: #333;
            line-height: 150%; }
          .publishProfileArea .answerListBox .bottomContent .textArea .thankArea .text ul {
            padding: 10px 0 0 0 !important; }
            .publishProfileArea .answerListBox .bottomContent .textArea .thankArea .text ul li {
              color: #aaa;
              font-size: 10px; }

.profileNavArea {
  height: 55px;
  padding: 0 20px;
  border-bottom: 1px solid #EDEDED; }
  .profileNavArea h1 {
    float: left;
    font-size: 16px;
    font-weight: bold;
    color: #333;
    line-height: 55px; }
  .profileNavArea p {
    float: right; }
    .profileNavArea p a {
      font-size: 13px;
      color: #395998;
      line-height: 55px; }
      .profileNavArea p a:hover {
        text-decoration: underline; }

.noneQuestionText {
  text-align: center;
  font-size: 18px;
  margin: 150px 0 30px; }

.btnForNoneQ {
  margin-bottom: 150px; }

.answerListArea .subNav {
  padding: 20px 20px 0 20px;
  border-bottom: 1px solid #ddd; }
  .answerListArea .subNav ul {
    float: left; }
    .answerListArea .subNav ul.activeA li a {
      font-weight: bold !important;
      border-bottom: 5px solid #ff7f00 !important;
      color: #ff7f00 !important; }
    .answerListArea .subNav ul.activeOrange li.activeOrangeList a {
      color: #ff7f00 !important;
      border-bottom: 5px solid #ff7f00 !important; }
    .answerListArea .subNav ul.activeOrange li a:hover {
      color: #ff7f00 !important;
      border-bottom: 5px solid #ff7f00 !important; }
    .answerListArea .subNav ul li {
      display: table-cell; }
      .answerListArea .subNav ul li.active a {
        color: #006CD8;
        border-bottom: 5px solid #006DD9;
        font-weight: bold; }
      .answerListArea .subNav ul li a {
        font-size: 16px;
        color: #333;
        line-height: 120%;
        display: block;
        padding: 0 55px 15px;
        text-align: center; }
        .answerListArea .subNav ul li a span {
          font-size: 14px;
          padding-left: 5px;
          font-weight: normal !important; }
        .answerListArea .subNav ul li a:hover {
          color: #006CD8;
          border-bottom: 5px solid #006DD9; }
        .answerListArea .subNav ul li a p {
          font-size: 14px !important; }
  .answerListArea .subNav ol {
    float: right;
    list-style: none;
    margin-top: 3px; }
    .answerListArea .subNav ol.forSeveralList li {
      float: left;
      margin-left: 10px;
      padding-left: 10px;
      border-left: 1px solid #ccc; }
      .answerListArea .subNav ol.forSeveralList li:first-child {
        margin-left: 0 !important;
        padding-left: 0 !important;
        border-left: none !important; }
      .answerListArea .subNav ol.forSeveralList li a {
        color: #395998; }
        .answerListArea .subNav ol.forSeveralList li a:hover {
          text-decoration: underline; }
    .answerListArea .subNav ol li {
      font-weight: bold;
      color: #333;
      font-size: 13px;
      float: left; }

.answerListArea .noLists {
  font-size: 15px;
  text-align: center;
  padding: 30px 0; }

.answerListArea .questionListBoxesActive {
  background-color: #f6f6f6 !important;
  cursor: default !important;
  padding-bottom: 20px; }
  .answerListArea .questionListBoxesActive .open a {
    color: #006CD8 !important; }
  .answerListArea .questionListBoxesActive .thank a {
    color: #FF4C99 !important; }

.answerListArea .boxesArea section:first-child .questionListBoxes {
  border-top: none !important; }

.answerListArea .solved {
  background: url("../../../../../images/v2/pc/top/solved_icon.png") no-repeat 0 0; }
  .answerListArea .solved .left h2 {
    color: #999; }
  .answerListArea .solved .right p.theBestAnswer {
    width: 32px;
    height: 48px;
    margin-left: -4px; }

.answerListArea .deadline:hover h2 {
  color: #999 !important; }

.answerListArea .deadline .right p {
  font-size: 10px !important;
  color: #666 !important;
  background: none !important; }
  .answerListArea .deadline .right p.shimekiri {
    text-align: center; }
  .answerListArea .deadline .right p i {
    font-size: 20px !important;
    width: 20px !important;
    margin: 5px 0 0 1px !important; }

.answerListArea .withIcons .withoutThank p {
  font-size: 10px;
  color: #666;
  background: url("../../../../../images/v2/pc/top/without_thank_icon.png") no-repeat left !important; }

.answerListArea .zero:hover .thank a {
  color: #ccc !important;
  text-decoration: none !important; }

.answerListArea .zero:hover .right p {
  background: url("../../../../../images/v2/pc/top/trash_can.png") no-repeat 15px;
  width: 47px;
  height: 34px; }

.answerListArea .zero .thank a {
  text-decoration: none !important; }

.answerListArea .questionListBoxes {
  cursor: pointer;
  border-bottom: 1px solid #ededed; }
  .answerListArea .questionListBoxes:hover {
    background-color: #f6f6f6; }
    .answerListArea .questionListBoxes:hover .open a {
      color: #006CD8; }
    .answerListArea .questionListBoxes:hover .thank a {
      color: #FF4C99; }
  .answerListArea .questionListBoxes .leftBefore {
    display: table-cell;
    padding: 20px 0 20px 20px;
    width: 589px !important; }
    .answerListArea .questionListBoxes .leftBefore h2 {
      padding-bottom: 10px;
      font-size: 16px;
      color: #333;
      font-size: 16px;
      color: #333;
      padding-bottom: 10px; }
      .answerListArea .questionListBoxes .leftBefore h2 a {
        font-size: 16px;
        color: #3b5998; }
        .answerListArea .questionListBoxes .leftBefore h2 a:hover {
          text-decoration: underline; }
    .answerListArea .questionListBoxes .leftBefore .historyText {
      line-height: 1.5;
      color: #333;
      margin: 5px 0 10px;
      padding-left: 10px; }
    .answerListArea .questionListBoxes .leftBefore .attach {
      text-align: center;
      margin: 10px 0;
      padding: 15px 0 0 10px; }
    .answerListArea .questionListBoxes .leftBefore ul {
      float: left;
      display: table; }
      .answerListArea .questionListBoxes .leftBefore ul li {
        display: table-cell; }
        .answerListArea .questionListBoxes .leftBefore ul li.open a i {
          font-size: 20px;
          font-weight: bold;
          vertical-align: text-bottom;
          padding-right: 5px; }
        .answerListArea .questionListBoxes .leftBefore ul li.thank a i {
          font-size: 13px;
          padding-right: 5px; }
        .answerListArea .questionListBoxes .leftBefore ul li a {
          color: #ccc;
          font-size: 12px;
          padding-right: 18px; }
          .answerListArea .questionListBoxes .leftBefore ul li a:hover {
            text-decoration: underline; }
    .answerListArea .questionListBoxes .leftBefore ol {
      float: right;
      padding: 5px 0 0 0;
      list-style: none; }
      .answerListArea .questionListBoxes .leftBefore ol li {
        float: left;
        color: #ccc;
        font-size: 12px;
        margin-right: 5px; }
        .answerListArea .questionListBoxes .leftBefore ol li.time {
          margin-top: -1px; }
        .answerListArea .questionListBoxes .leftBefore ol li.answer a {
          color: #ff7f00; }
          .answerListArea .questionListBoxes .leftBefore ol li.answer a:hover {
            text-decoration: underline; }
        .answerListArea .questionListBoxes .leftBefore ol li.answer .new {
          color: #fff;
          line-height: 12px;
          padding: 0 2px;
          font-size: 10px;
          background-color: #ff7f00;
          margin: -1px 4px 0 0; }
        .answerListArea .questionListBoxes .leftBefore ol li.new {
          color: #fff;
          line-height: 12px;
          padding: 0 2px;
          font-size: 10px;
          background-color: #ff7f00;
          margin-top: -1px; }
  .answerListArea .questionListBoxes .right {
    display: table-cell;
    vertical-align: middle;
    width: 47px !important;
    padding: 0 20px 0 15px; }
    .answerListArea .questionListBoxes .right span {
      display: none; }
    .answerListArea .questionListBoxes .right p a {
      display: block;
      width: 42px !important;
      height: 34px !important; }
  .answerListArea .questionListBoxes .answersZone {
    background-color: #eee;
    width: 600px;
    margin: -10px auto 0;
    padding: 20px;
    clear: both; }
    .answerListArea .questionListBoxes .answersZone .sectionLast {
      margin-bottom: 0 !important; }
    .answerListArea .questionListBoxes .answersZone .seePreviousContent {
      margin-top: 20px;
      text-align: center; }
      .answerListArea .questionListBoxes .answersZone .seePreviousContent a {
        font-size: 14px;
        color: #395998; }
        .answerListArea .questionListBoxes .answersZone .seePreviousContent a:hover {
          text-decoration: underline; }
    .answerListArea .questionListBoxes .answersZone .noAnswer {
      text-align: center; }
    .answerListArea .questionListBoxes .answersZone .section {
      margin-bottom: 20px; }
      .answerListArea .questionListBoxes .answersZone .section .upper {
        margin-bottom: 6px; }
        .answerListArea .questionListBoxes .answersZone .section .upper p {
          float: left; }
          .answerListArea .questionListBoxes .answersZone .section .upper p a {
            font-size: 12px;
            margin-left: 40px;
            color: #395998; }
            .answerListArea .questionListBoxes .answersZone .section .upper p a:hover {
              text-decoration: underline; }
          .answerListArea .questionListBoxes .answersZone .section .upper p.answerTime {
            float: right !important;
            color: #B9B9B9;
            font-size: 12px; }
        .answerListArea .questionListBoxes .answersZone .section .upper ul {
          float: right;
          margin-right: -40px !important; }
          .answerListArea .questionListBoxes .answersZone .section .upper ul li {
            font-size: 12px;
            color: #B8B8B8; }
      .answerListArea .questionListBoxes .answersZone .section .fukidashi .fukidashiLeft {
        float: left; }
        .answerListArea .questionListBoxes .answersZone .section .fukidashi .fukidashiLeft p {
          width: 30px;
          height: 30px;
          background-color: #fff; }
        .answerListArea .questionListBoxes .answersZone .section .fukidashi .fukidashiLeft .baIcon {
          margin: 5px 0 0 -2px !important; }
      .answerListArea .questionListBoxes .answersZone .section .fukidashi .fukidashiRight {
        float: right;
        width: 560px;
        border: 1px solid #bbb;
        border-radius: 5px;
        background-color: #fff;
        position: relative; }
        .answerListArea .questionListBoxes .answersZone .section .fukidashi .fukidashiRight:before {
          content: "";
          position: absolute;
          top: 7px;
          left: 2px;
          margin-left: -10px;
          display: block;
          width: 0px;
          height: 0px;
          border-style: solid;
          border-width: 5px 8px 5px 0;
          border-color: transparent #999 transparent transparent; }
        .answerListArea .questionListBoxes .answersZone .section .fukidashi .fukidashiRight:after {
          content: "";
          position: absolute;
          top: 8px;
          left: 2px;
          margin-left: -9px;
          display: block;
          width: 0px;
          height: 0px;
          border-style: solid;
          border-width: 4px 7px 4px 0;
          border-color: transparent #fff transparent transparent; }
        .answerListArea .questionListBoxes .answersZone .section .fukidashi .fukidashiRight .textAreaForClick {
          cursor: pointer; }
          .answerListArea .questionListBoxes .answersZone .section .fukidashi .fukidashiRight .textAreaForClick a {
            color: #3b5998; }
            .answerListArea .questionListBoxes .answersZone .section .fukidashi .fukidashiRight .textAreaForClick a:hover {
              text-decoration: underline; }
          .answerListArea .questionListBoxes .answersZone .section .fukidashi .fukidashiRight .textAreaForClick h3 {
            font-size: 15px;
            color: #333;
            line-height: 150%;
            margin-bottom: 10px;
            padding: 20px 20px 0; }
          .answerListArea .questionListBoxes .answersZone .section .fukidashi .fukidashiRight .textAreaForClick .attach {
            text-align: center;
            margin: 20px 0; }
          .answerListArea .questionListBoxes .answersZone .section .fukidashi .fukidashiRight .textAreaForClick .youTube {
            width: 500px;
            height: 281px;
            margin: 20px auto; }
          .answerListArea .questionListBoxes .answersZone .section .fukidashi .fukidashiRight .textAreaForClick .seeAnwer a {
            color: #aaa;
            display: inline-block;
            *display: inline;
            *zoom: 1;
            font-size: 12px; }
            .answerListArea .questionListBoxes .answersZone .section .fukidashi .fukidashiRight .textAreaForClick .seeAnwer a:hover {
              color: #006dd9;
              text-decoration: underline; }
            .answerListArea .questionListBoxes .answersZone .section .fukidashi .fukidashiRight .textAreaForClick .seeAnwer a i {
              font-size: 20px;
              font-weight: bold;
              vertical-align: text-bottom;
              margin-right: 5px; }
          .answerListArea .questionListBoxes .answersZone .section .fukidashi .fukidashiRight .textAreaForClick .seeAnwer .theCamera {
            font-size: 14px !important;
            color: #006DD9 !important;
            margin: 0 0 0 5px !important;
            vertical-align: baseline !important; }
          .answerListArea .questionListBoxes .answersZone .section .fukidashi .fukidashiRight .textAreaForClick .withPicture {
            display: table-cell !important;
            vertical-align: top !important;
            width: 420px !important;
            padding-bottom: 10px !important; }
          .answerListArea .questionListBoxes .answersZone .section .fukidashi .fukidashiRight .textAreaForClick .thePicture {
            display: table-cell !important;
            padding-top: 20px; }
          .answerListArea .questionListBoxes .answersZone .section .fukidashi .fukidashiRight .textAreaForClick .bottom {
            padding: 0 20px 20px; }
            .answerListArea .questionListBoxes .answersZone .section .fukidashi .fukidashiRight .textAreaForClick .bottom .baArea {
              float: left; }
              .answerListArea .questionListBoxes .answersZone .section .fukidashi .fukidashiRight .textAreaForClick .bottom .baArea p {
                display: table-cell;
                font-size: 12px;
                vertical-align: middle; }
                .answerListArea .questionListBoxes .answersZone .section .fukidashi .fukidashiRight .textAreaForClick .bottom .baArea p.bestAnswer {
                  background: url("../../../../../images/v2/pc/top/medal.png") no-repeat left 2px;
                  height: 16px !important; }
                  .answerListArea .questionListBoxes .answersZone .section .fukidashi .fukidashiRight .textAreaForClick .bottom .baArea p.bestAnswer a {
                    color: #8C4600;
                    padding-left: 18px;
                    width: 140px !important;
                    line-height: 16px;
                    margin-right: 15px; }
                    .answerListArea .questionListBoxes .answersZone .section .fukidashi .fukidashiRight .textAreaForClick .bottom .baArea p.bestAnswer a:hover {
                      text-decoration: underline; }
                .answerListArea .questionListBoxes .answersZone .section .fukidashi .fukidashiRight .textAreaForClick .bottom .baArea p.thankOff {
                  color: #aaa; }
                  .answerListArea .questionListBoxes .answersZone .section .fukidashi .fukidashiRight .textAreaForClick .bottom .baArea p.thankOff i {
                    margin-right: 5px;
                    font-size: 13px; }
                .answerListArea .questionListBoxes .answersZone .section .fukidashi .fukidashiRight .textAreaForClick .bottom .baArea p.thank a {
                  color: #FF4C99; }
                  .answerListArea .questionListBoxes .answersZone .section .fukidashi .fukidashiRight .textAreaForClick .bottom .baArea p.thank a:hover {
                    text-decoration: underline; }
                  .answerListArea .questionListBoxes .answersZone .section .fukidashi .fukidashiRight .textAreaForClick .bottom .baArea p.thank a i {
                    margin-right: 5px;
                    font-size: 13px; }
                .answerListArea .questionListBoxes .answersZone .section .fukidashi .fukidashiRight .textAreaForClick .bottom .baArea p.goodicon {
                  padding-right: 20px; }
                  .answerListArea .questionListBoxes .answersZone .section .fukidashi .fukidashiRight .textAreaForClick .bottom .baArea p.goodicon span {
                    font-size: 14px;
                    font-weight: bold;
                    margin-left: 7px; }
                  .answerListArea .questionListBoxes .answersZone .section .fukidashi .fukidashiRight .textAreaForClick .bottom .baArea p.goodicon img {
                    vertical-align: -4px; }
                .answerListArea .questionListBoxes .answersZone .section .fukidashi .fukidashiRight .textAreaForClick .bottom .baArea p.goodiconOff {
                  color: #ccc; }
                .answerListArea .questionListBoxes .answersZone .section .fukidashi .fukidashiRight .textAreaForClick .bottom .baArea p.goodiconOn {
                  color: #ff7f00; }
              .answerListArea .questionListBoxes .answersZone .section .fukidashi .fukidashiRight .textAreaForClick .bottom .baArea .goodIconArea {
                display: table-cell;
                vertical-align: middle;
                padding-right: 15px; }
                .answerListArea .questionListBoxes .answersZone .section .fukidashi .fukidashiRight .textAreaForClick .bottom .baArea .goodIconArea li {
                  color: #ccc;
                  font-weight: bold;
                  float: left;
                  font-size: 13px; }
                  .answerListArea .questionListBoxes .answersZone .section .fukidashi .fukidashiRight .textAreaForClick .bottom .baArea .goodIconArea li.goodIcon a {
                    margin-right: 0 !important; }
                    .answerListArea .questionListBoxes .answersZone .section .fukidashi .fukidashiRight .textAreaForClick .bottom .baArea .goodIconArea li.goodIcon a img {
                      vertical-align: bottom; }
                  .answerListArea .questionListBoxes .answersZone .section .fukidashi .fukidashiRight .textAreaForClick .bottom .baArea .goodIconArea li:first-child {
                    margin-right: 5px; }
                  .answerListArea .questionListBoxes .answersZone .section .fukidashi .fukidashiRight .textAreaForClick .bottom .baArea .goodIconArea li.numbers {
                    padding-top: 5px; }
                  .answerListArea .questionListBoxes .answersZone .section .fukidashi .fukidashiRight .textAreaForClick .bottom .baArea .goodIconArea li.unit {
                    padding: 5px 0 0 5px; }
              .answerListArea .questionListBoxes .answersZone .section .fukidashi .fukidashiRight .textAreaForClick .bottom .baArea .goodActive li.numbers {
                color: #fe7201; }
            .answerListArea .questionListBoxes .answersZone .section .fukidashi .fukidashiRight .textAreaForClick .bottom .seeAnwer {
              float: right; }
              .answerListArea .questionListBoxes .answersZone .section .fukidashi .fukidashiRight .textAreaForClick .bottom .seeAnwer a {
                color: #aaa;
                font-size: 12px; }
                .answerListArea .questionListBoxes .answersZone .section .fukidashi .fukidashiRight .textAreaForClick .bottom .seeAnwer a:hover {
                  color: #006dd9;
                  text-decoration: underline; }
                .answerListArea .questionListBoxes .answersZone .section .fukidashi .fukidashiRight .textAreaForClick .bottom .seeAnwer a i {
                  font-size: 20px;
                  font-weight: bold;
                  vertical-align: text-bottom;
                  margin-right: 5px; }
              .answerListArea .questionListBoxes .answersZone .section .fukidashi .fukidashiRight .textAreaForClick .bottom .seeAnwer .theCamera {
                font-size: 14px !important;
                color: #006DD9 !important;
                margin: 0 0 0 5px !important;
                vertical-align: baseline !important; }
        .answerListArea .questionListBoxes .answersZone .section .fukidashi .fukidashiRight .thankAfter {
          border-top: 1px solid #ddd;
          background-color: #f9f9f9;
          padding: 20px;
          border-bottom-right-radius: 5px;
          border-bottom-left-radius: 5px; }
          .answerListArea .questionListBoxes .answersZone .section .fukidashi .fukidashiRight .thankAfter .thankAfterLeft {
            width: 30px;
            float: left;
            height: 30px;
            background-color: #fff; }
          .answerListArea .questionListBoxes .answersZone .section .fukidashi .fukidashiRight .thankAfter .thankAfterRight {
            float: right;
            width: 474px;
            position: relative;
            font-size: 13px !important; }
            .answerListArea .questionListBoxes .answersZone .section .fukidashi .fukidashiRight .thankAfter .thankAfterRight .thank {
              padding-bottom: 6px !important;
              color: #FF4C99; }
              .answerListArea .questionListBoxes .answersZone .section .fukidashi .fukidashiRight .thankAfter .thankAfterRight .thank i {
                margin-right: 5px; }
            .answerListArea .questionListBoxes .answersZone .section .fukidashi .fukidashiRight .thankAfter .thankAfterRight .thankAfterRightTime {
              position: absolute;
              top: 0;
              right: 10px;
              font-size: 12px;
              color: #BABABA; }
            .answerListArea .questionListBoxes .answersZone .section .fukidashi .fukidashiRight .thankAfter .thankAfterRight .text {
              color: #333 !important;
              line-height: 150% !important; }
        .answerListArea .questionListBoxes .answersZone .section .fukidashi .fukidashiRight .hiddenThank {
          border-top: 1px solid #ddd;
          background-color: #f9f9f9;
          padding: 20px;
          border-bottom-right-radius: 5px;
          border-bottom-left-radius: 5px;
          position: relative; }
          .answerListArea .questionListBoxes .answersZone .section .fukidashi .fukidashiRight .hiddenThank:before {
            content: "";
            position: absolute;
            top: -10px;
            left: 210px;
            margin-left: -10px;
            display: block;
            width: 0px;
            height: 0px;
            border-style: solid;
            border-width: 0 10px 10px 10px;
            border-color: transparent transparent #ddd  transparent; }
          .answerListArea .questionListBoxes .answersZone .section .fukidashi .fukidashiRight .hiddenThank:after {
            content: "";
            position: absolute;
            top: -9px;
            left: 210px;
            margin-left: -9px;
            display: block;
            width: 0px;
            height: 0px;
            border-style: solid;
            border-width: 0 9px 9px 9px;
            border-color: transparent transparent #f9f9f9 transparent; }
          .answerListArea .questionListBoxes .answersZone .section .fukidashi .fukidashiRight .hiddenThank .hiddenThankLeft {
            float: left;
            margin-right: 5px;
            height: 30px;
            width: 30px;
            background-color: #fff; }
          .answerListArea .questionListBoxes .answersZone .section .fukidashi .fukidashiRight .hiddenThank .thankAfterRight {
            float: right;
            width: 474px;
            font-size: 13px !important; }
            .answerListArea .questionListBoxes .answersZone .section .fukidashi .fukidashiRight .hiddenThank .thankAfterRight .thank {
              padding-bottom: 5px !important;
              color: #FF4C99; }
              .answerListArea .questionListBoxes .answersZone .section .fukidashi .fukidashiRight .hiddenThank .thankAfterRight .thank i {
                margin-right: 6px; }
            .answerListArea .questionListBoxes .answersZone .section .fukidashi .fukidashiRight .hiddenThank .thankAfterRight .text {
              color: #333 !important;
              line-height: 150% !important; }
          .answerListArea .questionListBoxes .answersZone .section .fukidashi .fukidashiRight .hiddenThank .btnArea {
            clear: both;
            margin: 30px auto 15px !important;
            width: 381px; }
            .answerListArea .questionListBoxes .answersZone .section .fukidashi .fukidashiRight .hiddenThank .btnArea p {
              float: left; }
              .answerListArea .questionListBoxes .answersZone .section .fukidashi .fukidashiRight .hiddenThank .btnArea p.reWrite a {
                margin-right: 20px;
                border-radius: 5px;
                color: #ff4c99;
                font-size: 13px;
                display: block;
                font-size: 16px;
                background-color: #fff;
                box-shadow: 2px 2px 0 #d6d6d6;
                padding: 12px 45px; }
                .answerListArea .questionListBoxes .answersZone .section .fukidashi .fukidashiRight .hiddenThank .btnArea p.reWrite a:hover {
                  background-color: #e4e4e4 !important; }
              .answerListArea .questionListBoxes .answersZone .section .fukidashi .fukidashiRight .hiddenThank .btnArea p.btnOk a {
                color: #fff;
                background-color: #ff4c99;
                display: block;
                font-size: 16px;
                border-radius: 5px;
                box-shadow: 2px 2px 0 #d6d6d6;
                padding: 12px 22px; }
                .answerListArea .questionListBoxes .answersZone .section .fukidashi .fukidashiRight .hiddenThank .btnArea p.btnOk a:hover {
                  background-color: #c33974; }
                .answerListArea .questionListBoxes .answersZone .section .fukidashi .fukidashiRight .hiddenThank .btnArea p.btnOk a i {
                  font-size: 14px;
                  margin-right: 5px; }
              .answerListArea .questionListBoxes .answersZone .section .fukidashi .fukidashiRight .hiddenThank .btnArea p.btnG a {
                background-color: #ccc !important;
                cursor: default !important; }
                .answerListArea .questionListBoxes .answersZone .section .fukidashi .fukidashiRight .hiddenThank .btnArea p.btnG a:hover {
                  background-color: #ccc !important;
                  cursor: default !important; }
              .answerListArea .questionListBoxes .answersZone .section .fukidashi .fukidashiRight .hiddenThank .btnArea p.btnG i.q {
                color: #ccc !important; }
          .answerListArea .questionListBoxes .answersZone .section .fukidashi .fukidashiRight .hiddenThank .hiddenThankRight {
            float: right; }
            .answerListArea .questionListBoxes .answersZone .section .fukidashi .fukidashiRight .hiddenThank .hiddenThankRight textarea {
              padding: 10px;
              border-radius: 5px;
              border: 1px solid #ccc;
              background-color: #fff;
              width: 460px;
              height: 57px;
              overflow: hidden;
              margin-top: -1px;
              font-family: 'Lucida Grande', 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, sans-serif; }
            .answerListArea .questionListBoxes .answersZone .section .fukidashi .fukidashiRight .hiddenThank .hiddenThankRight p {
              font-size: 12px;
              text-align: right;
              color: #999;
              margin-top: 4px; }
          .answerListArea .questionListBoxes .answersZone .section .fukidashi .fukidashiRight .hiddenThank .btnAreaFirst {
            padding: 24px 0 5px !important;
            clear: both;
            margin-left: auto !important;
            width: 360px; }
            .answerListArea .questionListBoxes .answersZone .section .fukidashi .fukidashiRight .hiddenThank .btnAreaFirst li {
              float: left; }
              .answerListArea .questionListBoxes .answersZone .section .fukidashi .fukidashiRight .hiddenThank .btnAreaFirst li.cancel {
                margin-right: 20px; }
                .answerListArea .questionListBoxes .answersZone .section .fukidashi .fukidashiRight .hiddenThank .btnAreaFirst li.cancel a {
                  border-radius: 5px;
                  color: #ff4c99;
                  font-size: 13px;
                  display: block;
                  font-size: 16px;
                  background-color: #fff;
                  box-shadow: 2px 2px 0 #d6d6d6;
                  padding: 12px 45px; }
                  .answerListArea .questionListBoxes .answersZone .section .fukidashi .fukidashiRight .hiddenThank .btnAreaFirst li.cancel a:hover {
                    background-color: #e4e4e4 !important; }
              .answerListArea .questionListBoxes .answersZone .section .fukidashi .fukidashiRight .hiddenThank .btnAreaFirst li.btn {
                float: right; }
                .answerListArea .questionListBoxes .answersZone .section .fukidashi .fukidashiRight .hiddenThank .btnAreaFirst li.btn a {
                  color: #fff;
                  background-color: #ff4c99;
                  display: block;
                  font-size: 16px;
                  border-radius: 5px;
                  box-shadow: 2px 2px 0 #d6d6d6;
                  padding: 12px 27px; }
                  .answerListArea .questionListBoxes .answersZone .section .fukidashi .fukidashiRight .hiddenThank .btnAreaFirst li.btn a:hover {
                    background-color: #c33974; }
                  .answerListArea .questionListBoxes .answersZone .section .fukidashi .fukidashiRight .hiddenThank .btnAreaFirst li.btn a i {
                    font-size: 14px;
                    margin-right: 5px; }
              .answerListArea .questionListBoxes .answersZone .section .fukidashi .fukidashiRight .hiddenThank .btnAreaFirst li.btnG a {
                background-color: #ccc !important;
                cursor: default !important; }
                .answerListArea .questionListBoxes .answersZone .section .fukidashi .fukidashiRight .hiddenThank .btnAreaFirst li.btnG a:hover {
                  background-color: #ccc !important;
                  cursor: default !important; }
              .answerListArea .questionListBoxes .answersZone .section .fukidashi .fukidashiRight .hiddenThank .btnAreaFirst li.btnG i.q {
                color: #ccc !important; }

/*tableOfContents
--------------------------------
2.ブロック（設定）
	2-1.共通部分
	2-2.ブロックリストエリア
--------------------------------*/
.settingContentWide {
  padding: 25px 30px 35px; }
  .settingContentWide .descriptionOfBlock {
    margin-bottom: 30px;
    color: #444; }
    .settingContentWide .descriptionOfBlock .descriptionText {
      font-size: 13px;
      line-height: 150%;
      padding-bottom: 10px; }
    .settingContentWide .descriptionOfBlock .descriptionWarning {
      font-size: 12px; }
  .settingContentWide .withoutBlockList {
    text-align: center;
    font-size: 20px;
    padding: 40px 0; }
  .settingContentWide .blockListArea ul li {
    border-bottom: 1px dotted #aaa;
    padding-bottom: 15px;
    margin-top: 15px; }
    .settingContentWide .blockListArea ul li div:first-child {
      padding-left: 0 !important; }
    .settingContentWide .blockListArea ul li:first-child {
      margin-top: 0 !important; }
    .settingContentWide .blockListArea ul li .blockListBox {
      width: 290px;
      float: left;
      padding-left: 30px; }
      .settingContentWide .blockListArea ul li .blockListBox .blockListImg {
        width: 70px;
        float: left;
        margin-right: 15px; }
      .settingContentWide .blockListArea ul li .blockListBox .blockBtnArea {
        width: 205px;
        float: left;
        margin-top: 5px; }
        .settingContentWide .blockListArea ul li .blockListBox .blockBtnArea .blockName {
          margin-bottom: 20px; }
          .settingContentWide .blockListArea ul li .blockListBox .blockBtnArea .blockName a {
            font-size: 13px;
            color: #395998;
            word-break: break-all;
            word-wrap: break-word; }
            .settingContentWide .blockListArea ul li .blockListBox .blockBtnArea .blockName a:hover {
              text-decoration: underline; }
        .settingContentWide .blockListArea ul li .blockListBox .blockBtnArea .blockingBtn a {
          border-radius: 5px;
          box-shadow: 2px 2px 0 #f2f2f2;
          border: 1px solid #aaa;
          background-color: #fff;
          color: #666;
          font-size: 13px;
          text-align: center;
          line-height: 28px;
          padding: 3px 8px 3px 24px;
          background: url("../../../../../images/v2/pc/top/trash_can_small.png") no-repeat 7px; }
          .settingContentWide .blockListArea ul li .blockListBox .blockBtnArea .blockingBtn a:hover {
            background-color: #e4e4e4 !important; }

/*tableOfContents
--------------------------------
2.カテゴリ設定
	2-1.カテゴリ設定用ナビ
	2-2.カテゴリ設定のコンテンツエリア
	2-3.カテゴリ一覧（checkbox)
--------------------------------*/
.settingNavi {
  border-bottom: 1px solid #ededed;
  height: 36px;
  padding: 20px 20px 0; }
  .settingNavi ul li {
    float: left; }
    .settingNavi ul li a {
      font-size: 16px;
      color: #333;
      padding: 0 30px 10px; }
      .settingNavi ul li a:hover {
        color: #00A3D8;
        border-bottom: 6px solid #00A3D8; }
    .settingNavi ul li h1 a {
      font-weight: bold;
      color: #00A3D8;
      border-bottom: 6px solid #00A3D8; }

.settingContent {
  padding: 20px 20px 40px; }
  .settingContent div:first-child {
    margin-top: 0 !important; }
  .settingContent .settingCateBox {
    margin-top: 50px; }
    .settingContent .settingCateBox .settingCateBoxHeader {
      padding: 12px 10px;
      background-color: #F8F8F8; }
      .settingContent .settingCateBox .settingCateBoxHeader h2 {
        float: left;
        font-size: 15px;
        color: #00A3D8; }
        .settingContent .settingCateBox .settingCateBoxHeader h2 i {
          font-size: 15px;
          margin-right: 5px; }
        .settingContent .settingCateBox .settingCateBoxHeader h2 span {
          font-weight: bold;
          margin-left: 5px;
          vertical-align: top; }
      .settingContent .settingCateBox .settingCateBoxHeader .theLatestNumber {
        float: right;
        font-size: 13px;
        color: #666;
        margin-top: 3px; }
    .settingContent .settingCateBox .settingCateBoxContent {
      padding: 5px 40px 0; }
      .settingContent .settingCateBox .settingCateBoxContent ul li {
        border-bottom: 1px dotted #ccc; }
        .settingContent .settingCateBox .settingCateBoxContent ul li .settingCateList {
          padding: 15px 10px 15px 0;
          width: 48%;
          float: left; }
        .settingContent .settingCateBox .settingCateBoxContent ul li label {
          color: #395998;
          padding-left: 5px; }
    .settingContent .settingCateBox .chooseCateArea h3 {
      text-align: center;
      font-size: 20px;
      padding: 80px 0 60px; }
    .settingContent .settingCateBox .chooseCateArea .chooseCateAreaBottom {
      border-radius: 10px;
      border: 6px solid #eee;
      width: 353px;
      padding: 30px 35px 30px 200px;
      position: relative;
      margin: 20px auto 0 !important; }
      .settingContent .settingCateBox .chooseCateArea .chooseCateAreaBottom h4 {
        margin-bottom: 15px;
        font-size: 16px;
        color: #00A3D8;
        font-weight: bold; }
      .settingContent .settingCateBox .chooseCateArea .chooseCateAreaBottom p {
        line-height: 150%;
        font-size: 13px; }
      .settingContent .settingCateBox .chooseCateArea .chooseCateAreaBottom .folderImage {
        position: absolute;
        top: 0;
        left: 10px; }
    .settingContent .settingCateBox .settingCateBtn {
      width: 190px;
      margin: 20px auto 0; }
      .settingContent .settingCateBox .settingCateBtn a {
        border-radius: 5px;
        border: 1px solid #ababab;
        box-shadow: 2px 2px 0 #f2f2f2;
        background-color: #fff;
        color: #7d7d7d;
        font-size: 15px;
        text-align: center;
        line-height: 38px;
        display: block; }
    .settingContent .settingCateBox .registerBtn {
      margin: 25px 0 0 0 !important; }
      .settingContent .settingCateBox .registerBtn a {
        font-size: 18px !important;
        line-height: 48px !important; }
        .settingContent .settingCateBox .registerBtn a i {
          margin-right: 5px !important; }
    .settingContent .settingCateBox .withTrash a {
      background: url("../../../../../images/v2/pc/top/trash_icon.png") no-repeat 12px !important;
      padding-left: 20px !important; }
      .settingContent .settingCateBox .withTrash a:hover {
        background-color: #eee !important; }
    .settingContent .settingCateBox .fromAllCate a {
      color: #fff !important;
      background-color: #00A3D9 !important;
      border: 1px solid #00A3D9 !important; }
      .settingContent .settingCateBox .fromAllCate a:hover {
        background-color: #017ba4 !important; }
    .settingContent .settingCateBox .reset a {
      color: #7d7d7d;
      border: 1px solid #cdcdcd; }
      .settingContent .settingCateBox .reset a:hover {
        background-color: #eee; }
    .settingContent .settingCateBox .settingCateBtnOff {
      width: 168px;
      margin: 20px auto 0;
      border-radius: 5px;
      border: 1px solid #ccc;
      color: #ccc;
      background: url("../../../../../images/v2/pc/top/trash_can_small_for_delete.png") no-repeat 12px !important;
      line-height: 38px;
      padding-left: 20px !important;
      font-size: 15px;
      text-align: center;
      box-shadow: 2px 2px 0 #f2f2f2; }
  .settingContent .settingBtnArea {
    width: 390px;
    margin: -20px auto 0; }
    .settingContent .settingBtnArea li {
      float: left; }
      .settingContent .settingBtnArea li:first-child {
        margin-right: 10px; }

.wholeCateArea {
  display: none;
  margin: 20px auto;
  height: auto !important;
  min-height: 30% !important;
  width: 1000px;
  background-color: #fff;
  border-radius: 5px;
  box-shadow: 3px 3px 3px #5a5a5a; }

.wholeCateHeader {
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  position: relative;
  padding: 25px 30px;
  background-color: #F8F8F8;
  border-bottom: 1px solid #eee;
  width: 940px; }
  .wholeCateHeader h2 {
    float: left;
    font-size: 18px; }
    .wholeCateHeader h2 i {
      font-size: 24px;
      color: #00A3D9;
      margin-right: 8px;
      vertical-align: text-bottom; }
  .wholeCateHeader .chooseBtn {
    position: absolute;
    top: 16px;
    right: 60px;
    width: 200px; }
    .wholeCateHeader .chooseBtn a {
      border-radius: 5px;
      box-shadow: 2px 2px 0 #ebebeb;
      border: 1px solid #00A3D9;
      background-color: #fff;
      color: #fff;
      font-size: 15px;
      text-align: center;
      line-height: 38px;
      display: block;
      background-color: #00A3D9; }
      .wholeCateHeader .chooseBtn a:hover {
        background-color: #017ba4 !important; }
      .wholeCateHeader .chooseBtn a i {
        font-size: 18px;
        margin-right: 5px;
        vertical-align: middle; }
  .wholeCateHeader .closeBtn {
    position: absolute;
    top: 28px;
    right: 25px;
    cursor: pointer; }

.inbox {
  padding: 30px 30px 30px 30px;
  width: 938px;
  height: 790px;
  overflow: auto; }
  .inbox .inboxlt, .inbox .inboxct, .inbox .inboxrt {
    float: left;
    width: 283px; }
  .inbox .inboxlt {
    padding-right: 15px; }
  .inbox .inboxct {
    padding: 0 15px;
    border-left: 1px solid #eee;
    border-right: 1px solid #eee; }
  .inbox .inboxrt {
    padding-left: 15px; }
  .inbox .inboxlt dl:first-child, .inbox .inboxct dl:first-child, .inbox .inboxrt dl:first-child {
    border-top: none !important;
    padding-top: 5px !important; }
  .inbox .mycatecheck {
    border-top: 1px solid #eee;
    padding: 20px 0; }
    .inbox .mycatecheck dt label {
      font-size: 16px;
      color: #333; }
    .inbox .mycatecheck dd {
      padding-top: 20px; }
      .inbox .mycatecheck dd.onlyMidCate {
        padding-bottom: 0 !important; }
        .inbox .mycatecheck dd.onlyMidCate dl dt {
          padding-bottom: 0 !important; }
      .inbox .mycatecheck dd:first-child {
        padding-top: 0 !important; }
      .inbox .mycatecheck dd dl dt {
        padding: 0 0 10px 18px; }
        .inbox .mycatecheck dd dl dt label {
          font-size: 14px;
          color: #00A3D9; }
      .inbox .mycatecheck dd dl .smallCate {
        padding-left: 14px; }
        .inbox .mycatecheck dd dl .smallCate dd {
          padding: 0 0 3px 20px;
          float: left; }
          .inbox .mycatecheck dd dl .smallCate dd label {
            font-size: 12px;
            color: #395998; }
  .inbox .checked {
    font-weight: bold !important; }

/*tableOfContents
--------------------------------
2.気になるＱＡ
	2-1.締切アイコン
	2-2.ベストアンサーアイコン
	2-3.開いている状態
	2-4.ボックスエリア(ゴミ箱表示)
--------------------------------*/
.deadLineIcon {
  font-size: 10px !important;
  color: #666 !important;
  background: none !important;
  text-align: center; }
  .deadLineIcon i {
    font-size: 20px !important;
    width: 20px !important;
    margin: 5px 0 0 1px !important; }

.theBaIcon {
  text-align: center; }

.answersZoneForQA {
  background-color: #eee;
  width: 600px;
  margin: 10px auto 0 !important;
  padding: 20px;
  clear: both; }
  .answersZoneForQA section:first-child .section {
    margin-top: 0 !important; }
  .answersZoneForQA .seePreviousContent {
    margin-top: 10px;
    text-align: right; }
    .answersZoneForQA .seePreviousContent a {
      color: #395998; }
      .answersZoneForQA .seePreviousContent a:hover {
        text-decoration: underline; }
  .answersZoneForQA .noAnswer {
    text-align: center; }
  .answersZoneForQA .section {
    margin-top: 20px; }
    .answersZoneForQA .section .upper {
      margin-bottom: 6px; }
      .answersZoneForQA .section .upper p {
        float: left; }
        .answersZoneForQA .section .upper p a {
          font-size: 12px;
          margin-left: 40px;
          color: #395998; }
          .answersZoneForQA .section .upper p a:hover {
            text-decoration: underline; }
        .answersZoneForQA .section .upper p.answerTime {
          float: right !important;
          color: #B9B9B9;
          font-size: 12px; }
      .answersZoneForQA .section .upper ul {
        float: right;
        margin-right: -40px !important; }
        .answersZoneForQA .section .upper ul li {
          font-size: 12px;
          color: #B8B8B8; }
    .answersZoneForQA .section .fukidashi .fukidashiLeft {
      float: left; }
      .answersZoneForQA .section .fukidashi .fukidashiLeft p {
        width: 25px;
        height: 25px;
        background-color: #fff; }
      .answersZoneForQA .section .fukidashi .fukidashiLeft .baIcon {
        margin: 5px 0 0 -2px !important; }
    .answersZoneForQA .section .fukidashi .fukidashiRight {
      float: right;
      width: 560px;
      border: 1px solid #bbb;
      border-radius: 5px;
      background-color: #fff;
      position: relative; }
      .answersZoneForQA .section .fukidashi .fukidashiRight:before {
        content: "";
        position: absolute;
        top: 7px;
        left: 2px;
        margin-left: -10px;
        display: block;
        width: 0px;
        height: 0px;
        border-style: solid;
        border-width: 5px 8px 5px 0;
        border-color: transparent #999 transparent transparent; }
      .answersZoneForQA .section .fukidashi .fukidashiRight:after {
        content: "";
        position: absolute;
        top: 8px;
        left: 2px;
        margin-left: -9px;
        display: block;
        width: 0px;
        height: 0px;
        border-style: solid;
        border-width: 4px 7px 4px 0;
        border-color: transparent #fff transparent transparent; }
      .answersZoneForQA .section .fukidashi .fukidashiRight .textAreaForClick {
        cursor: pointer;
        padding: 20px;
        position: relative; }
        .answersZoneForQA .section .fukidashi .fukidashiRight .textAreaForClick a {
          color: #3b5998; }
          .answersZoneForQA .section .fukidashi .fukidashiRight .textAreaForClick a:hover {
            text-decoration: underline; }
        .answersZoneForQA .section .fukidashi .fukidashiRight .textAreaForClick h3 {
          font-size: 15px;
          color: #333;
          line-height: 150%;
          padding-bottom: 20px; }
        .answersZoneForQA .section .fukidashi .fukidashiRight .textAreaForClick .attach {
          text-align: center;
          margin: 20px 0; }
        .answersZoneForQA .section .fukidashi .fukidashiRight .textAreaForClick .youTube {
          width: 500px;
          height: 281px;
          margin: 20px auto; }
        .answersZoneForQA .section .fukidashi .fukidashiRight .textAreaForClick .seeAnwer {
          position: absolute;
          bottom: 15px;
          right: 20px; }
          .answersZoneForQA .section .fukidashi .fukidashiRight .textAreaForClick .seeAnwer a {
            color: #ff7f00;
            font-size: 12px;
            margin-left: 10px; }
            .answersZoneForQA .section .fukidashi .fukidashiRight .textAreaForClick .seeAnwer a:hover {
              text-decoration: underline; }
            .answersZoneForQA .section .fukidashi .fukidashiRight .textAreaForClick .seeAnwer a i {
              font-size: 20px;
              font-weight: bold;
              vertical-align: text-bottom;
              margin-right: 5px; }
          .answersZoneForQA .section .fukidashi .fukidashiRight .textAreaForClick .seeAnwer .theCamera {
            font-size: 14px !important;
            color: #006DD9 !important;
            margin: 0 0 0 5px !important;
            vertical-align: baseline !important; }

.zeroForQA:hover .right #theDeletBtn {
  background: url("../../../../../images/v2/pc/top/trash_can.png") no-repeat 10px !important; }
  .zeroForQA:hover .right #theDeletBtn a {
    width: 42px !important;
    height: 34px !important;
    display: block; }

#theDeletBtn {
  text-align: center; }
  #theDeletBtn span {
    display: none; }

.subNav {
  padding: 20px 20px 0 20px;
  border-bottom: 1px solid #ddd; }
  .subNav ul {
    float: left; }
    .subNav ul.activeA li a {
      font-weight: bold !important;
      border-bottom: 5px solid #ff7f00 !important;
      color: #ff7f00 !important; }
    .subNav ul.activeOrange li .activeOrangeList a {
      color: #ff7f00 !important;
      border-bottom: 5px solid #ff7f00 !important; }
    .subNav ul.activeOrange li a:hover {
      color: #ff7f00 !important;
      border-bottom: 5px solid #ff7f00 !important; }
    .subNav ul li {
      display: table-cell; }
      .subNav ul li .active a {
        color: #006CD8;
        border-bottom: 5px solid #006DD9;
        font-weight: bold; }
      .subNav ul li a {
        font-size: 16px;
        color: #333;
        line-height: 120%;
        display: block;
        padding: 0 55px 15px;
        text-align: center; }
        .subNav ul li a span {
          font-size: 14px;
          padding-left: 5px;
          font-weight: normal !important; }
        .subNav ul li a:hover {
          color: #006CD8;
          border-bottom: 5px solid #006DD9; }
        .subNav ul li a p {
          font-size: 14px !important; }
  .subNav ol {
    float: right;
    list-style: none;
    margin-top: 3px; }
    .subNav ol.forSeveralList li {
      float: left;
      margin-left: 10px;
      padding-left: 10px;
      border-left: 1px solid #ccc; }
      .subNav ol.forSeveralList li:first-child {
        margin-left: 0 !important;
        padding-left: 0 !important;
        border-left: none !important; }
      .subNav ol.forSeveralList li a {
        color: #395998; }
        .subNav ol.forSeveralList li a:hover {
          text-decoration: underline; }
    .subNav ol li {
      font-weight: bold;
      color: #333;
      font-size: 13px;
      float: left; }

/*-----table of contents--------
2.コンテンツエリア
3.画像アップロード用ボタン
4.初めてのクリック
5.左側コンテンツエリア
	5-1.ログイン後トップ
	5-2.回答エリア
	5-3.回答するエリア
	5-4.補足エリア
	5-5.ボタンエリア
6.新トップデザイン用
	6-1.フォーム独立
	6-2.さあ！回答してみよう
------------------------------*/
.contents {
  width: 100%;
  background-color: #f6f6f6;
  padding-bottom: 50px; }
  .contents .contentsInner {
    width: 1004px;
    margin: 0 auto;
    padding-top: 20px; }

.contentsInnerForBeforeLogin {
  margin-top: 70px !important; }

.cool_upload {
  position: relative;
  overflow: hidden;
  height: 15px;
  width: 113px;
  margin-top: -3px; }
  .cool_upload .cool_upload_image {
    position: absolute;
    top: 0;
    left: 0; }
  .cool_upload .cool_upload_form {
    position: absolute;
    top: 0;
    right: 0;
    height: 15px;
    filter: alpha(opacity=0);
    opacity: 0;
    z-index: 1;
    cursor: pointer; }

.firstTime {
  background-color: #fffef1 !important;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px; }

.leftContents {
  width: 684px;
  position: relative;
  float: left; }
  .leftContents .nav {
    margin: 0  0 15px 0; }
    .leftContents .nav ul li {
      position: relative;
      float: left;
      border-right: 1px solid #ddd; }
      .leftContents .nav ul li.active {
        background-color: #00a3d9;
        color: #fff !important;
        line-height: 50px;
        text-align: center;
        padding: 0 27px;
        font-size: 16px; }
        .leftContents .nav ul li.active span:before {
          content: "";
          position: absolute;
          top: 50px;
          left: 50%;
          margin-left: -10px;
          display: block;
          border-style: solid;
          border-width: 10px;
          border-color: #00a3d9 transparent transparent transparent; }
      .leftContents .nav ul li.last {
        border-right: none !important; }
      .leftContents .nav ul li img {
        vertical-align: text-top;
        margin-right: 4px; }
      .leftContents .nav ul li a {
        color: #333;
        font-size: 16px;
        display: block;
        text-align: center;
        line-height: 50px;
        padding: 0 27px; }
        .leftContents .nav ul li a:hover {
          color: #00a3d9; }
        .leftContents .nav ul li a.maintenance {
          color: #ccc; }
          .leftContents .nav ul li a.maintenance:hover {
            color: #ccc; }
  .leftContents .answerArea .titleArea {
    border-radius: 5px;
    background-color: #f6f6f6; }
    .leftContents .answerArea .titleArea h2 {
      text-align: center;
      color: #444;
      line-height: 34px;
      background: url(../../../../../images/v2/pc/top/title_a.png) no-repeat 245px; }
  .leftContents .answerArea .accomplishBox {
    background-color: #f6f6f6 !important;
    padding: 30px 20px !important; }
    .leftContents .answerArea .accomplishBox:hover {
      cursor: default !important;
      background-color: #f6f6f6 !important; }
    .leftContents .answerArea .accomplishBox .left :hover {
      cursor: default !important; }
    .leftContents .answerArea .accomplishBox .upper {
      position: relative; }
      .leftContents .answerArea .accomplishBox .upper .goodJob {
        position: absolute;
        top: -8px;
        right: 20px; }
      .leftContents .answerArea .accomplishBox .upper .right h3 {
        font-size: 16px;
        color: #999 !important; }
      .leftContents .answerArea .accomplishBox .upper .right .accomplish {
        font-size: 18px !important;
        font-weight: bold !important; }
        .leftContents .answerArea .accomplishBox .upper .right .accomplish a {
          cursor: pointer !important; }
  .leftContents .answerArea .activeBox {
    background-color: #f6f6f6 !important;
    cursor: auto !important; }
    .leftContents .answerArea .activeBox .timeZone .see {
      color: #ff7f00 !important;
      cursor: pointer !important; }
    .leftContents .answerArea .activeBox textarea {
      height: 128px;
      overflow: hidden; }
    .leftContents .answerArea .activeBox .upper .afterPaste a {
      color: #666 !important; }
      .leftContents .answerArea .activeBox .upper .afterPaste a i {
        color: #ff7f00 !important; }
    .leftContents .answerArea .activeBox .delete {
      margin: 5px 0 0 80px; }
      .leftContents .answerArea .activeBox .delete a {
        color: #ff7f00;
        font-size: 13px; }
        .leftContents .answerArea .activeBox .delete a:hover {
          text-decoration: underline; }
    .leftContents .answerArea .activeBox .right p img {
      cursor: pointer !important; }
  .leftContents .answerArea .lastCheckArea {
    border-bottom: none !important; }
  .leftContents .answerArea .checkArea {
    background-color: #f6f6f6;
    border-bottom: 1px solid #ededed;
    padding: 20px 80px; }
    .leftContents .answerArea .checkArea .answerTitle .answerP {
      margin: 0 0 5px -2px !important; }
    .leftContents .answerArea .checkArea .answerTitle span.q-text {
      font-size: 15px !important;
      margin-left: 5px !important;
      display: inline-block;
      *display: inline;
      *zoom: 1;
      color: #ff7f00 !important; }
    .leftContents .answerArea .checkArea .answerTitle i.w-circle {
      color: #ff7f00;
      font-size: 2.0em;
      line-height: 25px; }
    .leftContents .answerArea .checkArea .answerTitle i.q {
      color: #fff !important;
      font-style: normal;
      font-size: 16px;
      line-height: 26px; }
    .leftContents .answerArea .checkArea p {
      margin-bottom: 25px;
      font-size: 15px;
      color: #444;
      line-height: 150%; }
    .leftContents .answerArea .checkArea .mainImage2 {
      text-align: center; }
    .leftContents .answerArea .checkArea .mainImage {
      margin-left: auto;
      margin-right: auto;
      width: 500px;
      height: 281px; }
    .leftContents .answerArea .checkArea ul {
      width: 446px;
      margin: 0 auto 10px;
      height: 42px; }
      .leftContents .answerArea .checkArea ul li {
        float: left; }
        .leftContents .answerArea .checkArea ul li p.btn {
          width: 210px !important;
          box-shadow: 2px 2px 0 #d6d6d6;
          border-radius: 5px; }
          .leftContents .answerArea .checkArea ul li p.btn a {
            display: block;
            padding: 9px 0 3px 17px !important;
            background-color: #ff7f00;
            border-radius: 5px; }
            .leftContents .answerArea .checkArea ul li p.btn a:hover {
              background-color: #cd6a00 !important;
              color: #cd6a00 !important; }
              .leftContents .answerArea .checkArea ul li p.btn a:hover i.q {
                color: #cd6a00; }
            .leftContents .answerArea .checkArea ul li p.btn a span.q-text {
              font-size: 16px !important;
              font-weight: bold;
              margin-left: 5px !important;
              display: inline-block;
              *display: inline;
              *zoom: 1;
              color: #fff !important; }
            .leftContents .answerArea .checkArea ul li p.btn a i.w-circle {
              color: #fff;
              font-size: 1.7em;
              line-height: 25px; }
            .leftContents .answerArea .checkArea ul li p.btn a i.q {
              color: #ff7f00;
              font-style: normal;
              font-weight: bold;
              font-size: 15px;
              line-height: 26px; }
        .leftContents .answerArea .checkArea ul li.reWrite {
          width: 210px !important; }
          .leftContents .answerArea .checkArea ul li.reWrite a {
            text-align: center;
            color: #ff7f00;
            padding: 14px 67px;
            box-shadow: 2px 2px 0 #d6d6d6;
            display: block;
            background-color: #fff;
            margin-right: 20px;
            border-radius: 5px; }
            .leftContents .answerArea .checkArea ul li.reWrite a:hover {
              background-color: #eee; }
  .leftContents .answerArea .boxesArea div:first-child {
    border-top: none !important; }
  .leftContents .answerArea .answerBox {
    padding: 20px;
    border-top: 1px solid #ededed; }
    .leftContents .answerArea .answerBox:hover {
      background-color: #f6f6f6;
      cursor: pointer; }
      .leftContents .answerArea .answerBox:hover .left .timeZone .see {
        color: #ff7f00; }
    .leftContents .answerArea .answerBox .left {
      width: 600px;
      float: left; }
      .leftContents .answerArea .answerBox .left .upper .left {
        width: 40px;
        height: 40px;
        background-color: #fff;
        margin-right: 10px;
        float: left; }
      .leftContents .answerArea .answerBox .left .upper .right {
        width: 537px;
        float: left; }
        .leftContents .answerArea .answerBox .left .upper .right h3 {
          font-size: 16px;
          color: #2E2E2E;
          margin-top: -2px;
          line-height: 150%;
          padding-left: 10px; }
        .leftContents .answerArea .answerBox .left .upper .right .username {
          padding-bottom: 8px; }
          .leftContents .answerArea .answerBox .left .upper .right .username a {
            font-size: 10px !important;
            color: #395998 !important; }
            .leftContents .answerArea .answerBox .left .upper .right .username a:hover {
              text-decoration: underline; }
        .leftContents .answerArea .answerBox .left .upper .right p {
          font-size: 13px !important;
          line-height: 150%;
          color: #444;
          padding: 15px 0 0 10px; }
          .leftContents .answerArea .answerBox .left .upper .right p.toukou {
            margin-bottom: 8px !important; }
          .leftContents .answerArea .answerBox .left .upper .right p.attach {
            text-align: center;
            margin: 10px 0; }
          .leftContents .answerArea .answerBox .left .upper .right p.toukouLast {
            margin-bottom: 0 !important; }
          .leftContents .answerArea .answerBox .left .upper .right p.accomplish {
            font-size: 16px !important;
            color: #666; }
            .leftContents .answerArea .answerBox .left .upper .right p.accomplish span {
              margin-left: 15px; }
              .leftContents .answerArea .answerBox .left .upper .right p.accomplish span a {
                font-size: 12px;
                color: #395998; }
                .leftContents .answerArea .answerBox .left .upper .right p.accomplish span a:hover {
                  text-decoration: underline; }
      .leftContents .answerArea .answerBox .left .supplement {
        width: 520px;
        margin: 15px 0 15px 60px; }
        .leftContents .answerArea .answerBox .left .supplement h3 {
          color: #37A526; }
          .leftContents .answerArea .answerBox .left .supplement h3 img {
            vertical-align: bottom;
            margin-right: 5px; }
        .leftContents .answerArea .answerBox .left .supplement .content {
          margin: 8px 0;
          border-radius: 5px;
          border: 1px solid #fff;
          background-color: #fff;
          padding: 15px; }
          .leftContents .answerArea .answerBox .left .supplement .content p {
            line-height: 150%;
            color: #666;
            font-size: 12px; }
          .leftContents .answerArea .answerBox .left .supplement .content .movie {
            width: 480px;
            height: 269px;
            margin: 0 auto;
            padding-top: 10px; }
          .leftContents .answerArea .answerBox .left .supplement .content .thePic {
            text-align: center;
            padding-top: 10px; }
          .leftContents .answerArea .answerBox .left .supplement .content .supplementTime {
            text-align: right;
            padding: 10px 0 0 0 !important;
            font-size: 12px;
            color: #BABABA; }
      .leftContents .answerArea .answerBox .left .timeZone {
        font-size: 12px;
        margin: 10px 0 0; }
        .leftContents .answerArea .answerBox .left .timeZone p {
          color: #aaa;
          float: left;
          padding-left: 20px;
          margin-left: 40px;
          margin-top: -4px; }
          .leftContents .answerArea .answerBox .left .timeZone p i {
            font-size: 20px;
            font-weight: bold;
            vertical-align: text-bottom;
            margin-right: 5px; }
        .leftContents .answerArea .answerBox .left .timeZone ul {
          float: right;
          margin-right: 20px; }
          .leftContents .answerArea .answerBox .left .timeZone ul li {
            display: table-cell;
            color: #aaa;
            padding-left: 23px; }
            .leftContents .answerArea .answerBox .left .timeZone ul li:first-child {
              padding-left: 0 !important; }
            .leftContents .answerArea .answerBox .left .timeZone ul li a:hover {
              text-decoration: underline; }
            .leftContents .answerArea .answerBox .left .timeZone ul li.answer a {
              color: #ff7f00; }
            .leftContents .answerArea .answerBox .left .timeZone ul li.curiousStar {
              color: #00A3D9 !important; }
              .leftContents .answerArea .answerBox .left .timeZone ul li.curiousStar i {
                font-size: 14px;
                margin-right: 2px; }
      .leftContents .answerArea .answerBox .left .bottom p {
        width: 30px;
        float: left;
        height: 30px;
        background-color: #fff;
        margin: 16px 10px 0 20px; }
      .leftContents .answerArea .answerBox .left .bottom form {
        width: 520px;
        float: left; }
        .leftContents .answerArea .answerBox .left .bottom form textarea {
          border-radius: 5px;
          border: 1px solid #ccc;
          overflow: hidden;
          width: 508px;
          height: 25px;
          padding: 5px 10px 5px 10px;
          margin-top: 15px;
          font-family: 'Lucida Grande', 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, sans-serif; }
      .leftContents .answerArea .answerBox .left .btnArea .upper {
        width: 520px;
        margin: 5px 0 0 60px; }
        .leftContents .answerArea .answerBox .left .btnArea .upper ul {
          float: left; }
          .leftContents .answerArea .answerBox .left .btnArea .upper ul li {
            margin-bottom: 7px; }
            .leftContents .answerArea .answerBox .left .btnArea .upper ul li.gray {
              color: #999;
              font-size: 12px;
              margin: 0 0 0 -7px !important; }
            .leftContents .answerArea .answerBox .left .btnArea .upper ul li a {
              color: #ff7f00;
              font-size: 13px; }
              .leftContents .answerArea .answerBox .left .btnArea .upper ul li a i {
                margin-right: 5px; }
        .leftContents .answerArea .answerBox .left .btnArea .upper p {
          color: #999;
          font-size: 13px;
          float: right; }
      .leftContents .answerArea .answerBox .left .btnArea .delete a {
        font-size: 13px;
        padding-left: 60px;
        color: #ff7700; }
        .leftContents .answerArea .answerBox .left .btnArea .delete a span {
          font-size: 20px;
          vertical-align: text-bottom;
          margin-right: 4px; }
      .leftContents .answerArea .answerBox .left .btnArea .caution {
        color: #FF0000;
        font-size: 13px;
        margin: 10px 0 0 60px; }
        .leftContents .answerArea .answerBox .left .btnArea .caution i {
          margin-right: 5px; }
      .leftContents .answerArea .answerBox .left .btnArea .bottom .btnG a {
        background-color: #ccc !important;
        cursor: default !important; }
        .leftContents .answerArea .answerBox .left .btnArea .bottom .btnG a:hover {
          background-color: #ccc !important;
          cursor: default !important; }
      .leftContents .answerArea .answerBox .left .btnArea .bottom .btnG i.q {
        color: #ccc !important; }
      .leftContents .answerArea .answerBox .left .btnArea .bottom .btn {
        margin: 20px auto 0;
        width: 180px !important;
        box-shadow: 2px 2px 0 #d6d6d6;
        border-radius: 5px; }
        .leftContents .answerArea .answerBox .left .btnArea .bottom .btn a {
          display: block;
          padding: 9px 0 3px 17px !important;
          background-color: #ff7f00;
          border-radius: 5px; }
          .leftContents .answerArea .answerBox .left .btnArea .bottom .btn a:hover {
            background-color: #cd6a00;
            color: #cd6a00; }
            .leftContents .answerArea .answerBox .left .btnArea .bottom .btn a:hover i.q {
              color: #cd6a00; }
          .leftContents .answerArea .answerBox .left .btnArea .bottom .btn a span.q-text {
            font-size: 16px !important;
            font-weight: bold;
            margin-left: 5px !important;
            display: inline-block;
            *display: inline;
            *zoom: 1;
            color: #fff !important; }
          .leftContents .answerArea .answerBox .left .btnArea .bottom .btn a i.w-circle {
            color: #fff;
            font-size: 1.7em;
            line-height: 25px; }
          .leftContents .answerArea .answerBox .left .btnArea .bottom .btn a i.q {
            color: #ff7f00;
            font-style: normal;
            font-weight: bold;
            font-size: 15px;
            line-height: 26px; }
      .leftContents .answerArea .answerBox .left .btnArea .bottom .btn2 {
        margin: 20px auto 0;
        width: 260px !important; }
        .leftContents .answerArea .answerBox .left .btnArea .bottom .btn2 a {
          display: block;
          padding: 7px 0 5px 40px !important;
          background-color: #fff; }
          .leftContents .answerArea .answerBox .left .btnArea .bottom .btn2 a:hover {
            background-color: #efefef !important;
            color: #efefef !important; }
            .leftContents .answerArea .answerBox .left .btnArea .bottom .btn2 a:hover i.q {
              color: #ff7f00 !important; }
          .leftContents .answerArea .answerBox .left .btnArea .bottom .btn2 a span.q-text {
            font-size: 13px !important;
            font-weight: bold;
            display: inline-block;
            *display: inline;
            *zoom: 1;
            color: #ff7f00 !important; }
          .leftContents .answerArea .answerBox .left .btnArea .bottom .btn2 a i.q {
            color: #ff7f00 !important;
            font-style: normal;
            font-weight: bold;
            font-size: 15px;
            line-height: 26px; }
    .leftContents .answerArea .answerBox .right {
      width: 42px;
      float: right; }

.box {
  margin-top: 10px !important;
  box-shadow: 1px 1px 0 0 #dcdcdc !important;
  background-color: #fff !important;
  border: 1px solid #ddd !important; }
  .box .answerBox {
    border: none !important; }
    .box .answerBox h3 a {
      color: #3b5998 !important;
      font-size: 16px !important; }
      .box .answerBox h3 a:hover {
        text-decoration: underline !important; }
  .box:hover {
    background-color: #FEFAEE !important; }
    .box:hover .answerBox {
      background-color: #FEFAEE !important; }
  .box .activateBox {
    background-color: #FEFAEE !important; }
  .box .checkArea {
    background-color: #FEFAEE !important; }

.titleArea {
  border-radius: 5px;
  border: 1px solid #ddd !important;
  background-color: #fbfbfb !important; }

/*tableOfContents
--------------------------------
2.ログイン前トップ
	2-1.さあ、質問してみよう！(縮んでいる時)
	2-2.さあ、質問してみよう！(下にスクロールしている時)
	2-3.さあ、質問してみよう！(共通部分)
	2-4.さあ、質問してみよう！(開いた時)
	2-5.ピックアップQA
	2-6.ログイン前のメインコンテンツエリア
--------------------------------*/
.formShrink {
  background-color: rgba(0, 0, 0, 0.5) !important;
  filter: progid:DXImageTransform.Microsoft.gradient(startcolorstr=#B4000000, endcolorstr=#B4000000, gradienttype=0);
  top: 300px !important;
  width: 664px;
  padding: 0 10px;
  height: 37px;
  z-index: 150;
  position: absolute;
  top: -20px !important; }
  .formShrink ul {
    float: right; }
    .formShrink ul li {
      float: left;
      line-height: 37px; }
      .formShrink ul li p.btn a {
        display: block; }
        .formShrink ul li p.btn a i.w-circle {
          color: #fff;
          font-size: 2.1em;
          line-height: 28px; }
        .formShrink ul li p.btn a i.q {
          color: #006dd9 !important;
          font-style: normal;
          font-weight: bold;
          font-size: 18px;
          line-height: 26px; }
      .formShrink ul li.downArrow {
        margin-left: 10px;
        padding-top: 2px; }
        .formShrink ul li.downArrow a {
          color: #fff;
          font-size: 20px; }

.letsAskMove {
  background-color: rgba(0, 0, 0, 0.5) !important;
  background-color: #000000\9;
  top: 300px !important;
  position: absolute !important; }
  .letsAskMove .whiteCorss {
    position: absolute;
    top: 5px;
    right: 5px; }

.letsAsk {
  width: 626px;
  margin-top: -20px;
  background-color: rgba(211, 211, 211, 0.3) !important;
  background-color: #e5e5e5\9;
  box-shadow: 1px 1px 0 #d6d6d6;
  padding: 22px 28px; }
  .letsAsk .letsAskInnerBack {
    padding: 1px;
    background-color: #ccc;
    border-radius: 5px; }
    .letsAsk .letsAskInnerBack .letsAskInner {
      border-radius: 5px;
      border: 2px solid #eee;
      background-color: #fff;
      padding: 20px 20px 30px; }
      .letsAsk .letsAskInnerBack .letsAskInner .letsAskactiveInner {
        padding: 0px; }
        .letsAsk .letsAskInnerBack .letsAskInner .letsAskactiveInner h2 {
          margin-bottom: 15px; }
          .letsAsk .letsAskInnerBack .letsAskInner .letsAskactiveInner h2 span.q-text {
            font-size: 16px !important;
            margin-left: 5px !important;
            display: inline-block;
            *display: inline;
            *zoom: 1;
            color: #333; }
          .letsAsk .letsAskInnerBack .letsAskInner .letsAskactiveInner h2 i.w-circle {
            color: #006DD9;
            font-size: 2.1em;
            line-height: 26px; }
          .letsAsk .letsAskInnerBack .letsAskInner .letsAskactiveInner h2 i.q {
            color: #fff !important;
            font-style: normal;
            font-size: 18px;
            line-height: 26px; }
        .letsAsk .letsAskInnerBack .letsAskInner .letsAskactiveInner form {
          padding-left: 15px; }
          .letsAsk .letsAskInnerBack .letsAskInner .letsAskactiveInner form textarea {
            border-radius: 5px;
            border: 1px solid #aaa;
            margin: 0 auto !important;
            padding: 8px 10px;
            overflow: hidden;
            width: 535px;
            height: 20px;
            font-family: 'Lucida Grande', 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, sans-serif; }
      .letsAsk .letsAskInnerBack .letsAskInner .hiddenLetsAskBox {
        background-color: #f6f6f6;
        height: 70px;
        padding: 0 30px; }
        .letsAsk .letsAskInnerBack .letsAskInner .hiddenLetsAskBox .example {
          float: left;
          font-size: 14px;
          color: #666;
          line-height: 70px; }
        .letsAsk .letsAskInnerBack .letsAskInner .hiddenLetsAskBox .buttons {
          width: 180px;
          float: right;
          margin-top: 15px; }
          .letsAsk .letsAskInnerBack .letsAskInner .hiddenLetsAskBox .buttons a {
            padding: 2px 0 9px 0;
            text-align: center;
            font-size: 16px; }
            .letsAsk .letsAskInnerBack .letsAskInner .hiddenLetsAskBox .buttons a img {
              margin-right: 5px;
              width: 24px;
              position: relative;
              top: 5px; }

.letsAskactive .letsAskInner {
  padding: 0 !important; }
  .letsAskactive .letsAskInner .letsAskactiveInner {
    padding: 20px !important; }
    .letsAskactive .letsAskInner .letsAskactiveInner textarea {
      height: 80px; }
    .letsAskactive .letsAskInner .letsAskactiveInner .caution {
      color: #FF0000;
      font-size: 13px;
      margin: 10px 0 0 15px; }
      .letsAskactive .letsAskInner .letsAskactiveInner .caution i {
        margin-right: 5px; }

.whenFormOpen {
  margin-top: 310px !important; }

.pickUpArea {
  margin-top: 20px; }
  .pickUpArea h2 {
    font-size: 20px;
    color: #333;
    margin-bottom: 15px; }
  .pickUpArea .pickUpContents {
    border-radius: 5px;
    background-color: #fff; }
    .pickUpArea .pickUpContents a {
      color: #3b5998; }
      .pickUpArea .pickUpContents a:hover {
        text-decoration: underline; }
    .pickUpArea .pickUpContents .pickUpInner {
      padding: 30px 30px 40px; }
      .pickUpArea .pickUpContents .pickUpInner .pickUpUpper {
        padding-bottom: 20px; }
        .pickUpArea .pickUpContents .pickUpInner .pickUpUpper p {
          float: left;
          padding-right: 15px; }
          .pickUpArea .pickUpContents .pickUpInner .pickUpUpper p img {
            width: 40px;
            height: 40px; }
        .pickUpArea .pickUpContents .pickUpInner .pickUpUpper .pickUpUpperRight {
          float: right;
          width: 569px;
          position: relative;
          padding-bottom: 20px !important; }
          .pickUpArea .pickUpContents .pickUpInner .pickUpUpper .pickUpUpperRight .pickUpUserName {
            margin-bottom: 5px; }
            .pickUpArea .pickUpContents .pickUpInner .pickUpUpper .pickUpUpperRight .pickUpUserName a {
              font-size: 13px; }
          .pickUpArea .pickUpContents .pickUpInner .pickUpUpper .pickUpUpperRight .qText {
            font-size: 20px !important;
            color: #006DD9 !important;
            padding-left: 0 !important;
            position: absolute;
            top: 16px;
            font-weight: bold; }
          .pickUpArea .pickUpContents .pickUpInner .pickUpUpper .pickUpUpperRight h3 {
            font-size: 20px;
            color: #333;
            line-height: 1.3;
            padding-left: 20px;
            margin-bottom: 20px; }
          .pickUpArea .pickUpContents .pickUpInner .pickUpUpper .pickUpUpperRight p {
            font-size: 14px;
            color: #666;
            padding-left: 12px;
            line-height: 150%; }
        .pickUpArea .pickUpContents .pickUpInner .pickUpUpper .timeNumber {
          float: right;
          padding: 0 30px; }
          .pickUpArea .pickUpContents .pickUpInner .pickUpUpper .timeNumber li {
            float: left; }
            .pickUpArea .pickUpContents .pickUpInner .pickUpUpper .timeNumber li .pickTime {
              margin-right: 15px;
              color: #aaa;
              font-size: 12px;
              padding-top: 1px; }
            .pickUpArea .pickUpContents .pickUpInner .pickUpUpper .timeNumber li .pickNumber a {
              color: #ff7f00;
              font-size: 12px; }
              .pickUpArea .pickUpContents .pickUpInner .pickUpUpper .timeNumber li .pickNumber a:hover {
                text-decoration: underline; }
      .pickUpArea .pickUpContents .pickUpInner .pickUpBottom {
        border-radius: 5px;
        background-color: #F6F6F6;
        padding: 25px 25px 20px;
        position: relative; }
        .pickUpArea .pickUpContents .pickUpInner .pickUpBottom .specialistIcon {
          top: 75px !important;
          width: 81px !important; }
          .pickUpArea .pickUpContents .pickUpInner .pickUpBottom .specialistIcon:after {
            left: 76px !important;
            border-right: 5px solid #F6F6F6 !important; }
        .pickUpArea .pickUpContents .pickUpInner .pickUpBottom .specialist_job {
          margin: -4px 0 0 20px; }
        .pickUpArea .pickUpContents .pickUpInner .pickUpBottom .infoArea {
          font-size: 12px;
          margin-bottom: 6px; }
          .pickUpArea .pickUpContents .pickUpInner .pickUpBottom .infoArea strong {
            float: left; }
            .pickUpArea .pickUpContents .pickUpInner .pickUpBottom .infoArea strong a {
              color: #395998;
              font-weight: normal; }
              .pickUpArea .pickUpContents .pickUpInner .pickUpBottom .infoArea strong a:hover {
                text-decoration: underline; }
          .pickUpArea .pickUpContents .pickUpInner .pickUpBottom .infoArea .theTime {
            color: #aaa;
            float: right; }
        .pickUpArea .pickUpContents .pickUpInner .pickUpBottom .pickUpBottomImg {
          width: 40px;
          float: left;
          margin-right: 10px; }
        .pickUpArea .pickUpContents .pickUpInner .pickUpBottom .pickUpBotomRightWrapper {
          float: left;
          width: 524px; }
        .pickUpArea .pickUpContents .pickUpInner .pickUpBottom .pickUpBotomRight {
          border-radius: 5px;
          border: 1px solid #BBBBBB;
          padding: 15px;
          position: relative;
          width: 493px !important;
          background-color: #fff; }
          .pickUpArea .pickUpContents .pickUpInner .pickUpBottom .pickUpBotomRight:before {
            content: "";
            position: absolute;
            top: 7px;
            left: 2px;
            margin-left: -10px;
            display: block;
            width: 0px;
            height: 0px;
            border-style: solid;
            border-width: 5px 8px 5px 0;
            border-color: transparent #BBBBBB transparent transparent; }
          .pickUpArea .pickUpContents .pickUpInner .pickUpBottom .pickUpBotomRight:after {
            content: "";
            position: absolute;
            top: 8px;
            left: 2px;
            margin-left: -9px;
            display: block;
            width: 0px;
            height: 0px;
            border-style: solid;
            border-width: 4px 7px 4px 0;
            border-color: transparent #fff transparent transparent; }
          .pickUpArea .pickUpContents .pickUpInner .pickUpBottom .pickUpBotomRight .theA {
            color: #ff7f00;
            font-size: 22px;
            position: absolute;
            font-size: 22px;
            font-weight: bold; }
          .pickUpArea .pickUpContents .pickUpInner .pickUpBottom .pickUpBotomRight p {
            font-size: 15px;
            color: #333;
            line-height: 150%;
            padding-left: 30px; }
        .pickUpArea .pickUpContents .pickUpInner .pickUpBottom .seeOther {
          text-align: right;
          display: block;
          margin-top: 8px;
          padding-right: 0 !important; }
          .pickUpArea .pickUpContents .pickUpInner .pickUpBottom .seeOther a {
            color: #395998;
            font-size: 13px; }
            .pickUpArea .pickUpContents .pickUpInner .pickUpBottom .seeOther a:hover {
              text-decoration: underline; }
    .pickUpArea .pickUpContents .letsAnswer {
      border-top: 1px solid #ddd;
      padding: 20px 20px 20px 45px;
      position: relative; }
      .pickUpArea .pickUpContents .letsAnswer p {
        display: table-cell;
        float: none !important;
        padding-right: 15px; }
      .pickUpArea .pickUpContents .letsAnswer:before {
        content: "";
        position: absolute;
        top: -10px;
        left: 60px;
        margin-left: -10px;
        display: block;
        width: 0px;
        height: 0px;
        border-style: solid;
        border-width: 0 10px 10px 10px;
        border-color: transparent transparent #ddd transparent; }
      .pickUpArea .pickUpContents .letsAnswer:after {
        content: "";
        position: absolute;
        top: -9px;
        left: 60px;
        margin-left: -9px;
        display: block;
        width: 0px;
        height: 0px;
        border-style: solid;
        border-width: 0 9px 9px 9px;
        border-color: transparent transparent #fff transparent; }
      .pickUpArea .pickUpContents .letsAnswer .theAicon {
        padding: 0 !important;
        margin: 0 !important;
        position: absolute;
        top: 28px;
        left: 102px; }
      .pickUpArea .pickUpContents .letsAnswer p {
        display: table-cell !important;
        vertical-align: top;
        padding-top: 2px; }
      .pickUpArea .pickUpContents .letsAnswer .answerForm {
        display: table-cell !important;
        vertical-align: top; }
        .pickUpArea .pickUpContents .letsAnswer .answerForm textarea {
          border-radius: 5px;
          border: 1px solid #aaa;
          height: 21px;
          width: 514px;
          padding: 7px 7px 7px 40px;
          overflow: hidden;
          font-family: 'Lucida Grande', 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, sans-serif; }
    .pickUpArea .pickUpContents .letsAnswerActive {
      border-bottom-left-radius: 5px;
      border-bottom-right-radius: 5px;
      background-color: #FEFAEE !important; }
      .pickUpArea .pickUpContents .letsAnswerActive:after {
        border-color: transparent transparent #FEFAEE transparent; }
      .pickUpArea .pickUpContents .letsAnswerActive textarea {
        height: 100px; }
      .pickUpArea .pickUpContents .letsAnswerActive .caution {
        color: #FF0000;
        font-size: 13px;
        display: block !important;
        float: none;
        padding: 10px 0 0 45px; }
        .pickUpArea .pickUpContents .letsAnswerActive .caution i {
          margin-right: 5px; }
      .pickUpArea .pickUpContents .letsAnswerActive .hiddenLoginBoxbottom .btnG a {
        background-color: #ccc !important;
        cursor: default !important; }
        .pickUpArea .pickUpContents .letsAnswerActive .hiddenLoginBoxbottom .btnG a:hover {
          background-color: #ccc !important;
          cursor: default !important; }
      .pickUpArea .pickUpContents .letsAnswerActive .hiddenLoginBoxbottom .btnG i.q {
        color: #ccc !important; }
      .pickUpArea .pickUpContents .letsAnswerActive .hiddenLoginBoxbottom .btn {
        margin: 20px auto 0;
        width: 180px !important;
        box-shadow: 2px 2px 0 #d6d6d6;
        border-radius: 5px; }
        .pickUpArea .pickUpContents .letsAnswerActive .hiddenLoginBoxbottom .btn a {
          display: block;
          padding: 9px 0 3px 17px !important;
          background-color: #ff7f00;
          border-radius: 5px; }
          .pickUpArea .pickUpContents .letsAnswerActive .hiddenLoginBoxbottom .btn a:hover {
            background-color: #cd6a00;
            color: #cd6a00; }
            .pickUpArea .pickUpContents .letsAnswerActive .hiddenLoginBoxbottom .btn a:hover i.q {
              color: #cd6a00; }
          .pickUpArea .pickUpContents .letsAnswerActive .hiddenLoginBoxbottom .btn a span.q-text {
            font-size: 16px !important;
            font-weight: bold;
            margin-left: 5px !important;
            display: inline-block;
            *display: inline;
            *zoom: 1;
            color: #fff !important; }
          .pickUpArea .pickUpContents .letsAnswerActive .hiddenLoginBoxbottom .btn a i.w-circle {
            color: #fff;
            font-size: 1.7em;
            line-height: 25px; }
          .pickUpArea .pickUpContents .letsAnswerActive .hiddenLoginBoxbottom .btn a i.q {
            color: #ff7f00;
            font-style: normal;
            font-weight: bold;
            font-size: 15px;
            line-height: 26px; }
      .pickUpArea .pickUpContents .letsAnswerActive .hiddenLoginBoxbottom .btn2 {
        margin: 20px auto 0;
        width: 260px !important; }
        .pickUpArea .pickUpContents .letsAnswerActive .hiddenLoginBoxbottom .btn2 a {
          display: block;
          padding: 7px 0 5px 40px !important;
          background-color: #fff; }
          .pickUpArea .pickUpContents .letsAnswerActive .hiddenLoginBoxbottom .btn2 a:hover {
            background-color: #efefef !important;
            color: #efefef !important; }
            .pickUpArea .pickUpContents .letsAnswerActive .hiddenLoginBoxbottom .btn2 a:hover i.q {
              color: #ff7f00 !important; }
          .pickUpArea .pickUpContents .letsAnswerActive .hiddenLoginBoxbottom .btn2 a span.q-text {
            font-size: 13px !important;
            font-weight: bold;
            display: inline-block;
            *display: inline;
            *zoom: 1;
            color: #ff7f00 !important; }
          .pickUpArea .pickUpContents .letsAnswerActive .hiddenLoginBoxbottom .btn2 a i.q {
            color: #ff7f00 !important;
            font-style: normal;
            font-weight: bold;
            font-size: 15px;
            line-height: 26px; }

.beforeLoginArea {
  margin-top: 20px; }
  .beforeLoginArea .beforeLoginAreaBox:hover {
    background-color: #FEFAEE;
    cursor: pointer; }
    .beforeLoginArea .beforeLoginAreaBox:hover .BeforeLoginAreaBoxRightBottom p {
      color: #006DD9 !important; }
      .beforeLoginArea .beforeLoginAreaBox:hover .BeforeLoginAreaBoxRightBottom p i {
        color: #006DD9 !important; }
  .beforeLoginArea .beforeLoginAreaBoxActive {
    background-color: #FEFAEE !important;
    cursor: default !important; }
    .beforeLoginArea .beforeLoginAreaBoxActive .BeforeLoginAreaBoxRightBottom p {
      color: #006DD9 !important; }
      .beforeLoginArea .beforeLoginAreaBoxActive .BeforeLoginAreaBoxRightBottom p i {
        color: #006DD9 !important; }
  .beforeLoginArea .beforeLoginAreaBox {
    margin-top: 10px;
    box-shadow: 1px 1px 0 0 #dcdcdc;
    position: relative;
    background-color: #fff;
    padding: 20px;
    border-top: 1px solid #ededed; }
    .beforeLoginArea .beforeLoginAreaBox p {
      float: left;
      padding-right: 8px; }
    .beforeLoginArea .beforeLoginAreaBox .BeforeLoginAreaBoxRight {
      float: right;
      width: 592px; }
      .beforeLoginArea .beforeLoginAreaBox .BeforeLoginAreaBoxRight .username {
        padding-bottom: 8px; }
        .beforeLoginArea .beforeLoginAreaBox .BeforeLoginAreaBoxRight .username a {
          font-size: 10px;
          color: #3b5998; }
          .beforeLoginArea .beforeLoginAreaBox .BeforeLoginAreaBoxRight .username a:hover {
            text-decoration: underline; }
      .beforeLoginArea .beforeLoginAreaBox .BeforeLoginAreaBoxRight h3 {
        line-height: 150%;
        padding-bottom: 10px; }
        .beforeLoginArea .beforeLoginAreaBox .BeforeLoginAreaBoxRight h3 a {
          font-size: 16px;
          color: #3b5998; }
          .beforeLoginArea .beforeLoginAreaBox .BeforeLoginAreaBoxRight h3 a:hover {
            text-decoration: underline; }
      .beforeLoginArea .beforeLoginAreaBox .BeforeLoginAreaBoxRight .BeforeLoginAreaBoxRightInner {
        padding-left: 10px; }
        .beforeLoginArea .beforeLoginAreaBox .BeforeLoginAreaBoxRight .BeforeLoginAreaBoxRightInner p {
          font-size: 13px;
          color: #444;
          float: none !important;
          line-height: 150%; }
        .beforeLoginArea .beforeLoginAreaBox .BeforeLoginAreaBoxRight .BeforeLoginAreaBoxRightInner .BeforeLoginAreaBoxRightBottom {
          padding-top: 7px; }
          .beforeLoginArea .beforeLoginAreaBox .BeforeLoginAreaBoxRight .BeforeLoginAreaBoxRightInner .BeforeLoginAreaBoxRightBottom p {
            font-size: 12px !important;
            line-height: normal !important;
            padding: 0 !important;
            color: #aaa;
            float: left !important; }
            .beforeLoginArea .beforeLoginAreaBox .BeforeLoginAreaBoxRight .BeforeLoginAreaBoxRightInner .BeforeLoginAreaBoxRightBottom p:hover {
              cursor: pointer; }
            .beforeLoginArea .beforeLoginAreaBox .BeforeLoginAreaBoxRight .BeforeLoginAreaBoxRightInner .BeforeLoginAreaBoxRightBottom p i {
              font-size: 20px;
              vertical-align: text-bottom;
              font-weight: bold;
              padding-right: 5px;
              color: #aaa; }
          .beforeLoginArea .beforeLoginAreaBox .BeforeLoginAreaBoxRight .BeforeLoginAreaBoxRightInner .BeforeLoginAreaBoxRightBottom .timeNumber {
            padding-top: 6px;
            font-size: 12px !important;
            float: right; }
            .beforeLoginArea .beforeLoginAreaBox .BeforeLoginAreaBoxRight .BeforeLoginAreaBoxRightInner .BeforeLoginAreaBoxRightBottom .timeNumber li {
              float: left; }
              .beforeLoginArea .beforeLoginAreaBox .BeforeLoginAreaBoxRight .BeforeLoginAreaBoxRightInner .BeforeLoginAreaBoxRightBottom .timeNumber li .theTime {
                color: #aaa;
                text-align: right;
                margin-right: 20px; }
              .beforeLoginArea .beforeLoginAreaBox .BeforeLoginAreaBoxRight .BeforeLoginAreaBoxRightInner .BeforeLoginAreaBoxRightBottom .timeNumber li .answerNumber {
                float: right; }
                .beforeLoginArea .beforeLoginAreaBox .BeforeLoginAreaBoxRight .BeforeLoginAreaBoxRightInner .BeforeLoginAreaBoxRightBottom .timeNumber li .answerNumber a {
                  color: #ff7f00; }
                  .beforeLoginArea .beforeLoginAreaBox .BeforeLoginAreaBoxRight .BeforeLoginAreaBoxRightInner .BeforeLoginAreaBoxRightBottom .timeNumber li .answerNumber a:hover {
                    text-decoration: underline; }
    .beforeLoginArea .beforeLoginAreaBox .hiddenLoginBox {
      padding-left: 40px;
      clear: both;
      padding-top: 25px;
      position: relative; }
      .beforeLoginArea .beforeLoginAreaBox .hiddenLoginBox .pickUpBottom {
        border-radius: 5px;
        padding-bottom: 20px; }
        .beforeLoginArea .beforeLoginAreaBox .hiddenLoginBox .pickUpBottom .hiddenLoginBoxLeft {
          width: 40px;
          float: left;
          margin-right: 10px;
          display: block;
          padding-right: 0 !important; }
        .beforeLoginArea .beforeLoginAreaBox .hiddenLoginBox .pickUpBottom .hiddenLoginBoxRight {
          width: 554px;
          float: left; }
        .beforeLoginArea .beforeLoginAreaBox .hiddenLoginBox .pickUpBottom .specialist_jobForHidden {
          font-size: 11px;
          margin-top: 1px; }
        .beforeLoginArea .beforeLoginAreaBox .hiddenLoginBox .pickUpBottom .infoArea {
          font-size: 12px;
          margin-bottom: 6px; }
          .beforeLoginArea .beforeLoginAreaBox .hiddenLoginBox .pickUpBottom .infoArea strong {
            float: left; }
            .beforeLoginArea .beforeLoginAreaBox .hiddenLoginBox .pickUpBottom .infoArea strong a {
              color: #395998;
              font-weight: normal; }
              .beforeLoginArea .beforeLoginAreaBox .hiddenLoginBox .pickUpBottom .infoArea strong a:hover {
                text-decoration: underline; }
          .beforeLoginArea .beforeLoginAreaBox .hiddenLoginBox .pickUpBottom .infoArea .theTime {
            color: #aaa;
            float: right; }
          .beforeLoginArea .beforeLoginAreaBox .hiddenLoginBox .pickUpBottom .infoArea .username {
            float: left; }
            .beforeLoginArea .beforeLoginAreaBox .hiddenLoginBox .pickUpBottom .infoArea .username a {
              font-size: 10px;
              color: #3b5998; }
              .beforeLoginArea .beforeLoginAreaBox .hiddenLoginBox .pickUpBottom .infoArea .username a:hover {
                text-decoration: underline; }
        .beforeLoginArea .beforeLoginAreaBox .hiddenLoginBox .pickUpBottom p {
          display: table-cell;
          vertical-align: top;
          padding-right: 15px; }
        .beforeLoginArea .beforeLoginAreaBox .hiddenLoginBox .pickUpBottom .pickUpBotomRight {
          display: table-cell;
          border-radius: 5px;
          border: 1px solid #BBBBBB;
          padding: 20px;
          position: relative;
          width: 566px !important;
          background-color: #fff; }
          .beforeLoginArea .beforeLoginAreaBox .hiddenLoginBox .pickUpBottom .pickUpBotomRight:before {
            content: "";
            position: absolute;
            top: 7px;
            left: 2px;
            margin-left: -10px;
            display: block;
            width: 0px;
            height: 0px;
            border-style: solid;
            border-width: 5px 8px 5px 0;
            border-color: transparent #BBBBBB transparent transparent; }
          .beforeLoginArea .beforeLoginAreaBox .hiddenLoginBox .pickUpBottom .pickUpBotomRight:after {
            content: "";
            position: absolute;
            top: 8px;
            left: 2px;
            margin-left: -9px;
            display: block;
            width: 0px;
            height: 0px;
            border-style: solid;
            border-width: 4px 7px 4px 0;
            border-color: transparent #fff transparent transparent; }
          .beforeLoginArea .beforeLoginAreaBox .hiddenLoginBox .pickUpBottom .pickUpBotomRight .theA {
            color: #ff7f00;
            font-size: 22px;
            position: absolute;
            font-size: 22px; }
          .beforeLoginArea .beforeLoginAreaBox .hiddenLoginBox .pickUpBottom .pickUpBotomRight p {
            float: left;
            font-size: 15px;
            color: #333;
            line-height: 150%; }
        .beforeLoginArea .beforeLoginAreaBox .hiddenLoginBox .pickUpBottom .seeOther {
          text-align: right;
          display: block;
          margin-top: 8px;
          float: none !important;
          padding-right: 0 !important; }
          .beforeLoginArea .beforeLoginAreaBox .hiddenLoginBox .pickUpBottom .seeOther a {
            color: #395998;
            font-size: 13px; }
            .beforeLoginArea .beforeLoginAreaBox .hiddenLoginBox .pickUpBottom .seeOther a:hover {
              text-decoration: underline; }
      .beforeLoginArea .beforeLoginAreaBox .hiddenLoginBox .letsAnswer {
        position: relative; }
        .beforeLoginArea .beforeLoginAreaBox .hiddenLoginBox .letsAnswer p {
          display: table-cell;
          float: none !important;
          padding-right: 10px; }
        .beforeLoginArea .beforeLoginAreaBox .hiddenLoginBox .letsAnswer .theAicon {
          padding: 0 !important;
          margin: 0 !important;
          position: absolute;
          top: 8px;
          left: 52px; }
        .beforeLoginArea .beforeLoginAreaBox .hiddenLoginBox .letsAnswer p {
          display: table-cell !important;
          vertical-align: top;
          padding-top: 2px; }
        .beforeLoginArea .beforeLoginAreaBox .hiddenLoginBox .letsAnswer .answerForm {
          display: table-cell !important;
          vertical-align: top; }
          .beforeLoginArea .beforeLoginAreaBox .hiddenLoginBox .letsAnswer .answerForm textarea {
            border-radius: 5px;
            border: 1px solid #aaa;
            height: 100px;
            width: 514px;
            overflow: hidden;
            padding: 7px 7px 7px 40px;
            font-family: 'Lucida Grande', 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, sans-serif; }
        .beforeLoginArea .beforeLoginAreaBox .hiddenLoginBox .letsAnswer .caution {
          color: #FF0000;
          font-size: 13px;
          display: block;
          float: none;
          padding: 10px 0 0 40px; }
          .beforeLoginArea .beforeLoginAreaBox .hiddenLoginBox .letsAnswer .caution i {
            margin-right: 5px; }
      .beforeLoginArea .beforeLoginAreaBox .hiddenLoginBox .hiddenLoginBoxbottom .btnG a {
        background-color: #ccc !important;
        cursor: default !important; }
        .beforeLoginArea .beforeLoginAreaBox .hiddenLoginBox .hiddenLoginBoxbottom .btnG a:hover {
          background-color: #ccc !important;
          cursor: default !important; }
      .beforeLoginArea .beforeLoginAreaBox .hiddenLoginBox .hiddenLoginBoxbottom .btnG i.q {
        color: #ccc !important; }
      .beforeLoginArea .beforeLoginAreaBox .hiddenLoginBox .hiddenLoginBoxbottom .btn {
        margin: 20px auto 0;
        width: 180px !important;
        box-shadow: 2px 2px 0 #d6d6d6;
        border-radius: 5px; }
        .beforeLoginArea .beforeLoginAreaBox .hiddenLoginBox .hiddenLoginBoxbottom .btn a {
          display: block;
          padding: 9px 0 3px 17px !important;
          background-color: #ff7f00;
          border-radius: 5px; }
          .beforeLoginArea .beforeLoginAreaBox .hiddenLoginBox .hiddenLoginBoxbottom .btn a:hover {
            background-color: #cd6a00;
            color: #cd6a00; }
            .beforeLoginArea .beforeLoginAreaBox .hiddenLoginBox .hiddenLoginBoxbottom .btn a:hover i.q {
              color: #cd6a00; }
          .beforeLoginArea .beforeLoginAreaBox .hiddenLoginBox .hiddenLoginBoxbottom .btn a span.q-text {
            font-size: 16px !important;
            font-weight: bold;
            margin-left: 5px !important;
            display: inline-block;
            *display: inline;
            *zoom: 1;
            color: #fff !important; }
          .beforeLoginArea .beforeLoginAreaBox .hiddenLoginBox .hiddenLoginBoxbottom .btn a i.w-circle {
            color: #fff;
            font-size: 1.7em;
            line-height: 25px; }
          .beforeLoginArea .beforeLoginAreaBox .hiddenLoginBox .hiddenLoginBoxbottom .btn a i.q {
            color: #ff7f00;
            font-style: normal;
            font-weight: bold;
            font-size: 15px;
            line-height: 26px; }
      .beforeLoginArea .beforeLoginAreaBox .hiddenLoginBox .hiddenLoginBoxbottom .btn2 {
        margin: 20px auto 0;
        width: 260px !important; }
        .beforeLoginArea .beforeLoginAreaBox .hiddenLoginBox .hiddenLoginBoxbottom .btn2 a {
          display: block;
          padding: 7px 0 5px 40px !important;
          background-color: #fff; }
          .beforeLoginArea .beforeLoginAreaBox .hiddenLoginBox .hiddenLoginBoxbottom .btn2 a:hover {
            background-color: #efefef !important;
            color: #efefef !important; }
            .beforeLoginArea .beforeLoginAreaBox .hiddenLoginBox .hiddenLoginBoxbottom .btn2 a:hover i.q {
              color: #ff7f00 !important; }
          .beforeLoginArea .beforeLoginAreaBox .hiddenLoginBox .hiddenLoginBoxbottom .btn2 a span.q-text {
            font-size: 13px !important;
            font-weight: bold;
            display: inline-block;
            *display: inline;
            *zoom: 1;
            color: #ff7f00 !important; }
          .beforeLoginArea .beforeLoginAreaBox .hiddenLoginBox .hiddenLoginBoxbottom .btn2 a i.q {
            color: #ff7f00 !important;
            font-style: normal;
            font-weight: bold;
            font-size: 15px;
            line-height: 26px; }

/*tableOfContents
--------------------------------
2.通知設定（E-mail）
	2-1.通知設定完了
	2-2.通知設定
--------------------------------*/
.finishedSettingEmail {
  font-size: 20px;
  color: #333;
  line-height: 1.5;
  text-align: center;
  padding-bottom: 65px; }

.aboutConfirmEmail {
  width: 283px;
  margin: 0 auto;
  line-height: 1.4;
  color: #666; }

.settingContentForAfterSetting {
  padding: 100px 160px 280px; }

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

.settingEmailArea .settingEmailBox {
  border-top: 2px solid #fff;
  background-color: #F2F2F2; }
  .settingEmailArea .settingEmailBox .settingEmailTitleArea {
    float: left;
    width: 100px;
    padding: 25px 0 0 20px; }
    .settingEmailArea .settingEmailBox .settingEmailTitleArea .settingEmailTitle {
      font-size: 15px;
      color: #666;
      line-height: 1.4; }
  .settingEmailArea .settingEmailBox .settingEmailContent {
    float: left;
    width: 482px;
    position: relative;
    background-color: #fff;
    padding: 20px; }
    .settingEmailArea .settingEmailBox .settingEmailContent dl {
      padding-bottom: 20px;
      margin-bottom: 0 !important;
      float: left; }
      .settingEmailArea .settingEmailBox .settingEmailContent dl dt {
        font-size: 13px !important;
        float: left !important;
        margin-right: 20px !important;
        line-height: 18px !important; }
      .settingEmailArea .settingEmailBox .settingEmailContent dl dd {
        font-size: 16px !important;
        color: #00A3D8 !important;
        float: left; }
    .settingEmailArea .settingEmailBox .settingEmailContent .changeAdd {
      clear: both; }
    .settingEmailArea .settingEmailBox .settingEmailContent .settingEmailAdd {
      width: 80px;
      float: right; }
      .settingEmailArea .settingEmailBox .settingEmailContent .settingEmailAdd a {
        display: block;
        border-radius: 5px;
        color: #7d7d7d;
        font-size: 13px;
        border: 1px solid #cdcdcd;
        line-height: 28px;
        box-shadow: 2px 2px 0 #e5e5e5;
        text-align: center; }
        .settingEmailArea .settingEmailBox .settingEmailContent .settingEmailAdd a:hover {
          background-color: #eee; }
    .settingEmailArea .settingEmailBox .settingEmailContent .timingText {
      font-size: 13px;
      color: #444;
      margin-bottom: 15px; }
    .settingEmailArea .settingEmailBox .settingEmailContent .selectTime {
      font-size: 13px;
      padding: 4px 10px 4px 0;
      border: 1px solid #ebebeb; }
  .settingEmailArea .settingEmailBox .settingEmailContentListArea li:first-child {
    margin-top: 0 !important; }
  .settingEmailArea .settingEmailBox .settingEmailContentListArea .settingEmailContentList {
    margin-top: 12px; }
  .settingEmailArea .settingEmailBox .settingEmailContentListArea .settingEmailContentListForMail {
    padding-bottom: 25px !important; }
  .settingEmailArea .settingEmailBox .settingEmailContentListArea .onOffBtn {
    float: right; }
    .settingEmailArea .settingEmailBox .settingEmailContentListArea .onOffBtn a {
      border-radius: 5px;
      border: 1px solid #00A3D9;
      display: block;
      width: 58px;
      line-height: 26px;
      text-align: center;
      color: #00A3D9;
      background-color: #fff;
      font-size: 13px; }
      .settingEmailArea .settingEmailBox .settingEmailContentListArea .onOffBtn a:hover {
        color: #fff !important;
        background-color: #00A3D9 !important; }
  .settingEmailArea .settingEmailBox .settingEmailContentListArea .onBtn a {
    color: #fff !important;
    background-color: #00A3D9; }
  .settingEmailArea .settingEmailBox .settingEmailContentListArea .textForOnOff {
    float: left;
    font-size: 15px;
    color: #333;
    margin-top: 7px; }
  .settingEmailArea .settingEmailBox .settingEmailother {
    float: left;
    position: relative;
    background-color: #fff;
    padding: 0 0 0 2px;
    width: 520px; }
    .settingEmailArea .settingEmailBox .settingEmailother .allOff {
      text-align: right;
      background-color: #F8F8F8;
      width: 518px;
      padding-top: 4px; }
      .settingEmailArea .settingEmailBox .settingEmailother .allOff a {
        color: #3b5998;
        padding: 10px 14px 14px;
        display: block; }
        .settingEmailArea .settingEmailBox .settingEmailother .allOff a:hover {
          text-decoration: underline; }
    .settingEmailArea .settingEmailBox .settingEmailother .settingEmailContentListArea {
      padding: 20px;
      width: 480px;
      background-color: #fff; }
    .settingEmailArea .settingEmailBox .settingEmailother .settingCateBox {
      margin-top: 0 !important;
      padding: 0 20px 20px;
      width: 482px;
      background-color: #fff; }

.settingEmailBoxForBtn {
  width: 200px !important; }
  .settingEmailBoxForBtn a {
    width: 200px !important;
    height: 50px !important;
    font-size: 18px !important;
    line-height: 50px !important; }

.attention {
  color: #666;
  line-height: 1.3;
  margin: 0 auto 20px;
  width: 520px; }

/*tableOfContents
--------------------------------
2.プロフィール設定
	2-1.共通部分
	2-2.左側（タイトル）
	2-3.右側（コンテンツ）
	2-4.画像を選択ボタン（type file）
	2-5.エラーテキスト
	2-6.ボタン（共通)
	2-7.画像の説明テキスト
	2-8.自己紹介文章
	2-9.文字数
	2-10.設定するの補足テキスト
--------------------------------*/
.settingProfileArea div:first-child {
  border-top: none !important; }

.settingProfileArea .settingProfileBox {
  border-top: 1px solid #fff;
  background-color: #F2F2F2; }
  .settingProfileArea .settingProfileBox .settingProfileTitleArea {
    float: left;
    width: 100px;
    padding: 25px 0 0 20px; }
    .settingProfileArea .settingProfileBox .settingProfileTitleArea .settingProfileTitle {
      font-size: 15px;
      color: #666; }
  .settingProfileArea .settingProfileBox .settingProfileContent {
    float: left;
    width: 477px;
    position: relative;
    background-color: #fff;
    padding: 25px 20px 25px 25px; }
    .settingProfileArea .settingProfileBox .settingProfileContent .settingProfileImg {
      float: left;
      height: 190px;
      width: 190px;
      margin-right: 30px;
      background-color: #fff;
      border-radius: 5px;
      box-shadow: 2px 2px 1px #ebebeb; }
      .settingProfileArea .settingProfileBox .settingProfileContent .settingProfileImg img {
        width: 180px;
        height: 180px;
        padding: 5px; }
    .settingProfileArea .settingProfileBox .settingProfileContent .settingProfileBtnArea {
      float: left;
      width: 252px; }
    .settingProfileArea .settingProfileBox .settingProfileContent .settingProfileBtnAreaForPic {
      margin-top: 114px; }
      .settingProfileArea .settingProfileBox .settingProfileContent .settingProfileBtnAreaForPic li:first-child {
        margin-top: -1px; }
    .settingProfileArea .settingProfileBox .settingProfileContent .cool_uploading {
      position: relative;
      overflow: hidden;
      height: 35px;
      width: 110px;
      margin-top: -3px; }
      .settingProfileArea .settingProfileBox .settingProfileContent .cool_uploading .cool_uploading_image {
        position: absolute;
        top: 0;
        left: 0; }
      .settingProfileArea .settingProfileBox .settingProfileContent .cool_uploading .cool_uploading_form {
        position: absolute;
        top: 0;
        right: 0;
        height: 35px;
        filter: alpha(opacity=0);
        opacity: 0;
        z-index: 1;
        cursor: pointer; }
    .settingProfileArea .settingProfileBox .settingProfileContent .errorText {
      font-size: 12px;
      color: #ff0000;
      padding-top: 10px;
      clear: both; }
      .settingProfileArea .settingProfileBox .settingProfileContent .errorText i {
        margin-right: 2px; }
    .settingProfileArea .settingProfileBox .settingProfileContent .errorTextForTextarea {
      position: absolute;
      bottom: 25px;
      left: 25px; }
    .settingProfileArea .settingProfileBox .settingProfileContent .settingBtns li {
      float: left; }
      .settingProfileArea .settingProfileBox .settingProfileContent .settingBtns li:first-child {
        margin-right: 10px; }
      .settingProfileArea .settingProfileBox .settingProfileContent .settingBtns li a {
        border-radius: 5px;
        text-align: center; }
      .settingProfileArea .settingProfileBox .settingProfileContent .settingBtns li.imgBtn a {
        color: #00A3D8;
        border: 1px solid #00A3D8;
        padding: 5px 18px;
        line-height: 32px;
        font-weight: bold;
        box-shadow: 2px 2px 0 #e5e5e5; }
        .settingProfileArea .settingProfileBox .settingProfileContent .settingBtns li.imgBtn a:hover {
          color: #fff;
          background-color: #00A3D8; }
      .settingProfileArea .settingProfileBox .settingProfileContent .settingBtns li.deletBtn a {
        color: #7d7d7d;
        border: 1px solid #cdcdcd;
        padding: 5px 8px 5px 23px;
        line-height: 32px;
        box-shadow: 2px 2px 0 #e5e5e5;
        background: url("../../../../../images/v2/pc/top/trash_can_very_small.png") no-repeat 7px; }
        .settingProfileArea .settingProfileBox .settingProfileContent .settingBtns li.deletBtn a:hover {
          background-color: #eee; }
      .settingProfileArea .settingProfileBox .settingProfileContent .settingBtns li.publishBtn a {
        padding: 1px 27px;
        line-height: 24px;
        box-shadow: 2px 2px 0 #e5e5e5; }
      .settingProfileArea .settingProfileBox .settingProfileContent .settingBtns li.nonePublishBtn a {
        padding: 1px 18px;
        line-height: 24px;
        box-shadow: 2px 2px 0 #e5e5e5; }
      .settingProfileArea .settingProfileBox .settingProfileContent .settingBtns li.publishBtnOn a {
        color: #00A3D8;
        border: 1px solid #00A3D8;
        font-weight: bold; }
        .settingProfileArea .settingProfileBox .settingProfileContent .settingBtns li.publishBtnOn a:hover {
          color: #fff;
          background-color: #00A3D8; }
      .settingProfileArea .settingProfileBox .settingProfileContent .settingBtns li.publishBtnOff a {
        color: #d4d4d4;
        border: 1px solid #ccc; }
        .settingProfileArea .settingProfileBox .settingProfileContent .settingBtns li.publishBtnOff a:hover {
          background-color: #eee; }
    .settingProfileArea .settingProfileBox .settingProfileContent .imgDescription {
      font-size: 13px;
      color: #666;
      padding-top: 10px;
      line-height: 1.4; }
    .settingProfileArea .settingProfileBox .settingProfileContent .myText {
      color: #333;
      line-height: 150%;
      width: 444px;
      height: 126px;
      overflow: hidden;
      font-family: 'Lucida Grande', 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, sans-serif;
      padding: 15px;
      border: 1px solid #ccc;
      border-radius: 5px; }
    .settingProfileArea .settingProfileBox .settingProfileContent .textNumber {
      font-size: 12px;
      color: #999;
      padding-top: 5px;
      text-align: right; }
    .settingProfileArea .settingProfileBox .settingProfileContent dl:first-child {
      margin-bottom: 35px; }
    .settingProfileArea .settingProfileBox .settingProfileContent dl dt {
      float: left;
      font-size: 13px;
      color: #47421A;
      margin-right: 35px;
      line-height: 24px; }
    .settingProfileArea .settingProfileBox .settingProfileContent dl dd {
      float: left; }

.settingCateInfo {
  font-size: 12px;
  color: #777;
  text-align: center;
  padding-top: 15px; }

.profileInner {
  padding: 10px 30px 40px; }
  .profileInner .profileBottomArea .profileQueation {
    float: left;
    width: 290px;
    padding-right: 20px; }
  .profileInner .profileBottomArea .profileAnswer {
    float: right;
    padding-left: 20px;
    width: 290px;
    border-left: 1px solid #eee; }
  .profileInner .profileBottomArea h3 {
    font-size: 16px;
    padding-bottom: 20px; }
    .profileInner .profileBottomArea h3.questionTitle {
      color: #006DD9; }
    .profileInner .profileBottomArea h3.answerTitle {
      color: #ff7f00; }
    .profileInner .profileBottomArea h3 span {
      font-size: 26px;
      vertical-align: text-bottom;
      padding-right: 10px; }
  .profileInner .profileBottomArea dl {
    clear: both;
    border-bottom: dotted 1px #ccc;
    padding-bottom: 8px;
    margin-bottom: 15px; }
    .profileInner .profileBottomArea dl.last {
      border-bottom: none !important;
      padding-bottom: 0 !important;
      margin-bottom: 0 !important; }
    .profileInner .profileBottomArea dl dt {
      font-size: 13px;
      display: block;
      color: #545454;
      padding-bottom: 10px;
      line-height: 1.3; }
      .profileInner .profileBottomArea dl dt.bestAnswer {
        background: url("../../../../../images/v2/pc/top/medal.png") no-repeat left top;
        padding-left: 17px;
        line-height: 18px; }
      .profileInner .profileBottomArea dl dt.good {
        background: url("../../../../../images/v2/pc/top/good.png") no-repeat left top;
        padding-left: 53px;
        line-height: 20px; }
      .profileInner .profileBottomArea dl dt.solvedRate {
        padding: 3px 0 12px; }
      .profileInner .profileBottomArea dl dt a {
        color: #395998 !important; }
        .profileInner .profileBottomArea dl dt a:hover {
          text-decoration: underline; }
      .profileInner .profileBottomArea dl dt i {
        color: #FF4C99;
        padding-right: 5px; }
    .profileInner .profileBottomArea dl .progress-ex {
      width: 290px;
      border: 1px solid #ddd;
      background-color: #fff;
      margin-bottom: 15px; }
      .profileInner .profileBottomArea dl .progress-ex .meter-value-ex {
        width: 290px;
        height: 20px; }
      .profileInner .profileBottomArea dl .progress-ex .meter-value-exQ {
        background-color: #006DD9;
        width: 52%; }
      .profileInner .profileBottomArea dl .progress-ex .meter-value-exA {
        background-color: #ff7f00;
        width: 85%; }
    .profileInner .profileBottomArea dl dd {
      text-align: right;
      font-size: 18px;
      color: #333;
      font-weight: bold; }
      .profileInner .profileBottomArea dl dd ul li {
        float: left;
        margin-right: 10px; }
        .profileInner .profileBottomArea dl dd ul li.last {
          margin-right: 0 !important; }
        .profileInner .profileBottomArea dl dd ul li a {
          font-size: 13px;
          color: #395998;
          font-weight: normal !important; }
          .profileInner .profileBottomArea dl dd ul li a:hover {
            text-decoration: underline; }

.profileAreaForOther {
  padding: 2px;
  border-bottom: 1px solid #ddd; }
  .profileAreaForOther .profileAreaForOtherInnerForS {
    padding: 20px 20px 20px 66px !important; }
    .profileAreaForOther .profileAreaForOtherInnerForS .specialistIcon:after {
      border-right: 5px solid #f8f8f8; }
  .profileAreaForOther .profileAreaForOtherInner {
    background-color: #F8F8F8;
    padding: 20px; }
    .profileAreaForOther .profileAreaForOtherInner .profileAreaForOtherImage {
      width: 60px;
      height: 60px;
      box-shadow: 2px 2px 1px #ebebeb;
      background-color: #fff;
      border-radius: 5px;
      padding: 4px;
      float: left;
      margin-right: 10px; }
    .profileAreaForOther .profileAreaForOtherInner .profileAreaForOtherMiddle {
      width: 430px;
      float: left;
      margin-right: 10px; }
      .profileAreaForOther .profileAreaForOtherInner .profileAreaForOtherMiddle .profileAreaForOtherName {
        font-size: 18px;
        color: #333;
        margin: 15px 0 10px; }
      .profileAreaForOther .profileAreaForOtherInner .profileAreaForOtherMiddle .profileAreaForOtherDate {
        font-size: 12px;
        color: #999; }
    .profileAreaForOther .profileAreaForOtherInner .profileAreaForOtherMiddleForS {
      width: 394px !important; }
      .profileAreaForOther .profileAreaForOtherInner .profileAreaForOtherMiddleForS .profileAreaForOtherNameForS {
        margin: 5px 0 5px !important; }
      .profileAreaForOther .profileAreaForOtherInner .profileAreaForOtherMiddleForS .job {
        font-size: 13px;
        color: #666;
        margin-top: 12px; }
    .profileAreaForOther .profileAreaForOtherInner .blockButton {
      width: 110px;
      float: right;
      margin-top: 30px; }
      .profileAreaForOther .profileAreaForOtherInner .blockButton a {
        display: block;
        background-color: #fff;
        line-height: 34px;
        text-align: center;
        color: #666;
        border: 1px solid #ccc;
        box-shadow: 2px 2px 0 #d6d6d6;
        border-radius: 5px; }
        .profileAreaForOther .profileAreaForOtherInner .blockButton a:hover {
          color: #666 !important;
          background-color: #ebebeb !important; }

.profileArea {
  padding: 2px;
  border-bottom: 1px solid #ddd;
  position: relative; }
  .profileArea .specialistIcon {
    top: -18px; }
    .profileArea .specialistIcon:after {
      border-right: 5px solid #f6f6f6; }
    .profileArea .specialistIcon:before {
      border-bottom: 6px solid transparent;
      border-top: none;
      top: 35px; }
  .profileArea .profileAreaInnerForS {
    padding-top: 40px !important; }
    .profileArea .profileAreaInnerForS .specialistIcon {
      top: 3px !important; }
    .profileArea .profileAreaInnerForS .job {
      padding-top: 10px !important;
      clear: both; }
  .profileArea .profileAreaInner {
    background-color: #F8F8F8;
    padding: 20px 30px; }
    .profileArea .profileAreaInner .profileImage {
      width: 110px;
      height: 110px;
      background-color: #fff;
      float: left;
      box-shadow: 2px 2px 1px #ebebeb;
      background-color: #fff;
      border-radius: 5px;
      padding: 4px; }
    .profileArea .profileAreaInner .profileLeftArea {
      float: left;
      width: 118px; }
      .profileArea .profileAreaInner .profileLeftArea .profileBtnArea {
        float: none;
        display: inline-block;
        padding-top: 10px; }
        .profileArea .profileAreaInner .profileLeftArea .profileBtnArea .settingBtn {
          margin-left: 8px; }
          .profileArea .profileAreaInner .profileLeftArea .profileBtnArea .settingBtn a {
            line-height: 28px;
            padding: 0 21px; }
        .profileArea .profileAreaInner .profileLeftArea .profileBtnArea .toSeePublishPage {
          width: 118px;
          text-align: center; }
    .profileArea .profileAreaInner .profileRightArea {
      width: 475px;
      float: right;
      padding-top: 15px; }
      .profileArea .profileAreaInner .profileRightArea .profileName {
        font-size: 22px;
        color: #333;
        margin: 0 15px 0 0;
        float: left; }
      .profileArea .profileAreaInner .profileRightArea .job {
        font-size: 13px;
        color: #666;
        margin-top: 10px;
        padding-bottom: 10px; }
      .profileArea .profileAreaInner .profileRightArea .rankingLink {
        margin-top: 14px; }
        .profileArea .profileAreaInner .profileRightArea .rankingLink img {
          margin-right: 5px;
          vertical-align: -1px; }
        .profileArea .profileAreaInner .profileRightArea .rankingLink a {
          color: #3b5998; }
          .profileArea .profileAreaInner .profileRightArea .rankingLink a:hover {
            text-decoration: underline; }
      .profileArea .profileAreaInner .profileRightArea .grade {
        margin-top: 5px;
        line-height: 25px; }
        .profileArea .profileAreaInner .profileRightArea .grade img {
          margin: 0 3px 0 2px;
          vertical-align: -6px; }
        .profileArea .profileAreaInner .profileRightArea .grade a {
          font-size: 16px;
          font-weight: bold; }
        .profileArea .profileAreaInner .profileRightArea .grade span {
          margin-left: 10px;
          font-size: 12px; }
      .profileArea .profileAreaInner .profileRightArea .profileTime {
        margin-top: 5px;
        font-size: 12px;
        color: #999;
        float: left; }
      .profileArea .profileAreaInner .profileRightArea .profileRightAreaInner {
        margin-left: 10px; }
      .profileArea .profileAreaInner .profileRightArea .profileGrade {
        margin-top: 3px;
        background: #fff;
        border: 1px #ccc solid;
        border-radius: 5px; }
        .profileArea .profileAreaInner .profileRightArea .profileGrade .fcRed {
          font-weight: bold;
          color: #f00; }
        .profileArea .profileAreaInner .profileRightArea .profileGrade dt {
          float: left;
          padding: 4px 8px 5px 0;
          background: #fef8de;
          border-top-left-radius: 5px;
          border-bottom-left-radius: 5px; }
          .profileArea .profileAreaInner .profileRightArea .profileGrade dt img {
            float: left; }
          .profileArea .profileAreaInner .profileRightArea .profileGrade dt .gradeitem {
            margin: 0 -6px 0 -2px; }
          .profileArea .profileAreaInner .profileRightArea .profileGrade dt .gradetxt {
            margin-top: 26px; }
          .profileArea .profileAreaInner .profileRightArea .profileGrade dt.dt_none {
            display: none; }
        .profileArea .profileAreaInner .profileRightArea .profileGrade dd {
          float: left;
          padding: 13px 0 16px 24px; }
          .profileArea .profileAreaInner .profileRightArea .profileGrade dd .get {
            padding: 0 0 15px 24px;
            background: url("../../../../../images/v2/pc/top/medal_for_btn.png") no-repeat left top;
            font-size: 16px;
            color: #630; }
          .profileArea .profileAreaInner .profileRightArea .profileGrade dd .fcRed {
            font-size: 20px;
            margin: 0 0 0 10px; }
          .profileArea .profileAreaInner .profileRightArea .profileGrade dd .comment {
            font-size: 13px;
            color: #666; }
            .profileArea .profileAreaInner .profileRightArea .profileGrade dd .comment .fcRed {
              font-size: 15px;
              margin: 0 3px; }
    .profileArea .profileAreaInner .publicPage {
      position: relative; }
      .profileArea .profileAreaInner .publicPage .profileBtnArea {
        position: absolute;
        bottom: 0;
        right: 0; }
      .profileArea .profileAreaInner .publicPage .grade {
        margin-bottom: -5px; }
    .profileArea .profileAreaInner .profileBtnArea {
      padding-top: 15px;
      float: right; }
      .profileArea .profileAreaInner .profileBtnArea li {
        float: left; }
        .profileArea .profileAreaInner .profileBtnArea li.toSeePublishPage {
          margin-right: 25px;
          padding-top: 10px; }
          .profileArea .profileAreaInner .profileBtnArea li.toSeePublishPage a {
            font-size: 13px;
            color: #395998; }
            .profileArea .profileAreaInner .profileBtnArea li.toSeePublishPage a:hover {
              text-decoration: underline; }
        .profileArea .profileAreaInner .profileBtnArea li.settingBtn a {
          display: block;
          background-color: #fff;
          line-height: 34px;
          padding: 0 25px;
          color: #00a3d8;
          font-weight: bold;
          border: 1px solid #00a3d8;
          box-shadow: 2px 2px 0 #d6d6d6;
          border-radius: 5px; }
          .profileArea .profileAreaInner .profileBtnArea li.settingBtn a:hover {
            color: #fff;
            background-color: #00a3d8; }
        .profileArea .profileAreaInner .profileBtnArea li.blockButton a {
          display: block;
          background-color: #fff;
          line-height: 34px;
          padding: 0 15px;
          color: #666;
          border: 1px solid #ccc;
          box-shadow: 2px 2px 0 #d6d6d6;
          border-radius: 5px; }
          .profileArea .profileAreaInner .profileBtnArea li.blockButton a:hover {
            color: #666 !important;
            background-color: #ebebeb !important; }

.profileTextArea {
  border-bottom: 1px solid #EDEDED;
  padding: 20px 30px; }
  .profileTextArea .profileTextTitle {
    color: #333;
    padding-bottom: 10px;
    font-weight: bold; }
  .profileTextArea .profileText {
    color: #666;
    line-height: 1.5; }

.profileTextAreaForS {
  clear: both;
  border-bottom: none !important;
  padding: 20px 0 0 0 !important; }

.profileGradePast {
  padding: 12px 25px;
  border-top: 1px solid #ededed; }
  .profileGradePast .profileGradePastTitle {
    padding-left: 26px;
    background: url("../../../../../images/v2/pc/common/icon_grade.png") no-repeat left top;
    line-height: 25px;
    font-weight: bold; }
  .profileGradePast .profileGradePastInner {
    padding: 10px 7px 2px 20px; }
  .profileGradePast .profileGradePastBest {
    float: left;
    width: 102px;
    padding-right: 22px; }
    .profileGradePast .profileGradePastBest .profileGradePastBest_txt {
      margin: 8px 14px 0;
      padding: 5px 2px;
      border-radius: 5px;
      background: #f00;
      font-weight: bold;
      color: #fff;
      text-align: center; }
    .profileGradePast .profileGradePastBest .profileGradePastBest_none {
      height: 268px;
      display: table-cell;
      text-align: center;
      vertical-align: middle; }
      .profileGradePast .profileGradePastBest .profileGradePastBest_none p {
        margin: 0 -22px 0 -10px;
        line-height: 1.6; }
  .profileGradePast .profileGradePastItems {
    float: right;
    width: 450px;
    padding: 3px 0 0 29px;
    background: url("../../../../../images/v2/pc/top/bg_profileGradePastItems.png") no-repeat left top; }
    .profileGradePast .profileGradePastItems .profileGradePastItems_list li {
      float: left;
      width: 150px;
      margin-bottom: 10px; }
      .profileGradePast .profileGradePastItems .profileGradePastItems_list li .number {
        vertical-align: 20px;
        color: #666; }
        .profileGradePast .profileGradePastItems .profileGradePastItems_list li .number span {
          margin-left: 10px;
          font-size: 16px;
          color: #333; }

/*tableOfContents
--------------------------------
2.検索結果
	2-1.検索結果のナビ
	2-2.検索キーワード（検索結果)
	2-3.広告エリア
	2-4.全て、回答受付中、締切済、適合度順、すべてのカテゴリ、すべての期間エリア
	2-5.検索結果一覧
	2-6.ベストアンサーアイコン（背景画像）
	2-7.締切アイコン（背景画像）
	2-8.関連する検索キーワードとみんなが検索中の検索ワード
	2-9.ベストアンサー（気になるＱＡ）
	2-10.ウィンドウ右下検索ボックス
3.Wikiエリア
--------------------------------*/
.naviAreaForSearch {
  border-bottom: 1px solid #fff;
  background-color: #f8f8f8;
  width: 100%; }
  .naviAreaForSearch .naviAreaForSearchInner {
    width: 1004px;
    margin: 0 auto;
    padding: 0 10px; }
    .naviAreaForSearch .naviAreaForSearchInner .naviForSearch {
      float: left; }
      .naviAreaForSearch .naviAreaForSearchInner .naviForSearch li {
        float: left;
        padding: 20px 0; }
        .naviAreaForSearch .naviAreaForSearchInner .naviForSearch li a {
          font-size: 15px;
          color: #333;
          padding: 0 30px 10px; }
          .naviAreaForSearch .naviAreaForSearchInner .naviForSearch li a:hover {
            color: #00A3D8;
            border-bottom: 6px solid #00A3D8; }
        .naviAreaForSearch .naviAreaForSearchInner .naviForSearch li.active a {
          font-weight: bold;
          color: #00A3D8;
          border-bottom: 6px solid #00A3D8; }
    .naviAreaForSearch .naviAreaForSearchInner .allSearch {
      float: right; }
      .naviAreaForSearch .naviAreaForSearchInner .allSearch a {
        font-size: 13px;
        color: #395998;
        line-height: 56px;
        margin-right: 20px; }
        .naviAreaForSearch .naviAreaForSearchInner .allSearch a:hover {
          text-decoration: underline; }
        .naviAreaForSearch .naviAreaForSearchInner .allSearch a i {
          color: #00A3D8;
          margin-right: 5px;
          font-size: 18px;
          vertical-align: -1px; }

.searchKeyWordArea {
  width: 974px;
  padding: 0 25px;
  margin: 15px auto;
  color: #333;
  position: relative; }
  .searchKeyWordArea .title {
    font-size: 24px;
    float: left;
    margin-right: 20px;
    font-weight: bold; }
  .searchKeyWordArea .subTitle {
    float: left;
    margin-top: 5px; }
  .searchKeyWordArea .rss i {
    margin-left: 5px;
    color: #ff7f00;
    font-size: 18px;
    vertical-align: -8px; }
  .searchKeyWordArea .searchKeyWordTextArea {
    clear: both;
    padding: 14px 0 0 0;
    width: 660px; }
    .searchKeyWordArea .searchKeyWordTextArea p {
      float: left; }
      .searchKeyWordArea .searchKeyWordTextArea p a {
        color: #3b5998;
        position: relative;
        top: 1px; }
        .searchKeyWordArea .searchKeyWordTextArea p a:hover {
          text-decoration: underline; }
    .searchKeyWordArea .searchKeyWordTextArea .text {
      padding: 0 10px 0 0;
      color: #3b5998; }
  .searchKeyWordArea .buttons {
    width: 200px;
    float: right; }
    .searchKeyWordArea .buttons a {
      line-height: 40px; }
      .searchKeyWordArea .buttons a .q-text {
        font-size: 18px;
        margin-left: 4px; }
      .searchKeyWordArea .buttons a .q {
        font-size: 20px;
        line-height: 23px;
        font-weight: normal; }
      .searchKeyWordArea .buttons a .w-circle {
        line-height: 24px; }

.searchKeyWordBack {
  padding: 0 25px; }
  .searchKeyWordBack a {
    color: #3B5998; }
    .searchKeyWordBack a:hover {
      text-decoration: underline; }

.textForQBtn {
  text-align: center;
  margin: 15px 0 -16px 0; }

.theBtnBottom {
  width: 200px;
  margin: 30px auto; }
  .theBtnBottom a {
    line-height: 40px; }
    .theBtnBottom a .q-text {
      font-size: 18px;
      margin-left: 4px; }
    .theBtnBottom a .q {
      font-size: 20px;
      line-height: 23px;
      font-weight: normal; }
    .theBtnBottom a .w-circle {
      line-height: 24px; }

.theKeyword {
  font-weight: bold; }

.adAreaSmaller {
  margin-bottom: 0 !important; }

#google_ads1, #google_ads2 {
  padding: 20px; }

.sponcer {
  overflow: hidden;
  position: relative; }

.d_ {
  font-weight: bold !important; }

.e_ {
  color: #999 !important; }

.pickUpAdBox {
  border-bottom: 1px solid #EDEDED;
  padding-bottom: 20px;
  margin: 20px 0 30px; }

.pickUpAdBoxInner {
  background-color: #F8F8F8;
  width: 622px;
  padding: 10px;
  margin: 10px auto 0; }
  .pickUpAdBoxInner a {
    color: #395998;
    word-break: break-all;
    word-wrap: break-word; }
    .pickUpAdBoxInner a:hover {
      text-decoration: underline; }
  .pickUpAdBoxInner .adBoxesPic {
    width: 180px;
    float: left;
    margin-right: 15px; }
  .pickUpAdBoxInner .adBoxRight {
    width: 425px;
    float: left; }
    .pickUpAdBoxInner .adBoxRight .adBoxRightTitle {
      padding-bottom: 10px;
      margin-top: 4px; }
      .pickUpAdBoxInner .adBoxRight .adBoxRightTitle a {
        font-size: 16px;
        word-break: break-all;
        word-wrap: break-word; }
    .pickUpAdBoxInner .adBoxRight .adBoxRightText {
      font-size: 13px;
      color: #525252;
      line-height: 1.4;
      padding-bottom: 8px;
      word-break: break-all;
      word-wrap: break-word; }
    .pickUpAdBoxInner .adBoxRight .pickUpAdList li {
      float: left;
      padding-left: 8px;
      margin-left: 8px;
      border-left: 1px solid #999;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
      width: 130px; }
      .pickUpAdBoxInner .adBoxRight .pickUpAdList li:first-child {
        border-left: none !important;
        padding-left: 0 !important;
        margin-left: 0 !important; }
      .pickUpAdBoxInner .adBoxRight .pickUpAdList li a {
        word-break: break-all;
        word-wrap: break-word;
        font-size: 12px; }

.adAreaBottom {
  border-bottom: 1px solid #EDEDED; }

.mainNaviArea {
  border-bottom: 1px solid #EDEDED;
  padding: 20px; }

.mainNavi1 {
  margin: 0  0 20px 0; }
  .mainNavi1 ul li {
    position: relative;
    float: left;
    border-left: 1px solid #ddd; }
    .mainNavi1 ul li h2 a {
      background-color: #00a3d9;
      color: #fff !important;
      font-weight: bold; }
      .mainNavi1 ul li h2 a span:before {
        content: "";
        position: absolute;
        top: 28px;
        left: 50%;
        margin-left: -6px;
        display: block;
        border-style: solid;
        border-width: 6px;
        border-color: transparent transparent #fff transparent; }
    .mainNavi1 ul li:first-child {
      border-left: none !important; }
    .mainNavi1 ul li a {
      color: #333;
      font-size: 16px;
      padding: 0 55px;
      display: block;
      text-align: center;
      line-height: 40px; }
      .mainNavi1 ul li a:hover {
        color: #00a3d9; }

.mainNavi2 ul li {
  float: left;
  margin-right: 35px;
  line-height: 1.5; }
  .mainNavi2 ul li a {
    color: #444444; }
    .mainNavi2 ul li a:hover {
      color: #00A3D9; }
      .mainNavi2 ul li a:hover i {
        color: #00A3D9 !important; }
  .mainNavi2 ul li.active a {
    color: #00A3D9; }
    .mainNavi2 ul li.active a i {
      color: #fff; }

.mainNavi2 .searchSortList li {
  position: relative;
  margin-right: 14px; }
  .mainNavi2 .searchSortList li.mainNaviResetBtn {
    margin: 0 0 -1px -7px;
    font-size: 12px;
    line-height: 26px; }
  .mainNavi2 .searchSortList li .mainNaviList a {
    display: inline-block;
    padding: 3px 25px 1px 9px;
    border: 1px #ddd solid;
    border-radius: 4px; }
    .mainNavi2 .searchSortList li .mainNaviList a .fa {
      position: absolute;
      right: 9px;
      font-size: 18px;
      margin-left: 6px;
      vertical-align: 2px;
      color: #999; }
    .mainNavi2 .searchSortList li .mainNaviList a .fa-sort-desc {
      top: 2px; }
    .mainNavi2 .searchSortList li .mainNaviList a .fa-sort-asc {
      bottom: -1px; }
  .mainNavi2 .searchSortList li .mainNaviList.active i {
    color: #999; }
  .mainNavi2 .searchSortList li .mainNaviList .label {
    padding-right: 4px;
    font-size: 12px;
    color: #444444; }

.mainNavi2 .hiddenBoxForMainNavi {
  position: absolute;
  left: 0;
  width: 190px;
  margin-top: -1px;
  padding: 10px 0;
  border: 1px solid #ddd;
  box-shadow: 2px 2px 2px #f0f0f0;
  background-color: #fff;
  z-index: 5; }
  .mainNavi2 .hiddenBoxForMainNavi ul li {
    float: none !important;
    margin-right: 0 !important; }
    .mainNavi2 .hiddenBoxForMainNavi ul li.active a .checkedList {
      color: #00A3D8 !important; }
    .mainNavi2 .hiddenBoxForMainNavi ul li a {
      font-size: 15px;
      color: #444;
      display: block;
      line-height: 30px;
      padding: 0 0 0 35px; }
      .mainNavi2 .hiddenBoxForMainNavi ul li a:hover {
        color: #00A3D8;
        background-color: #F2F2F2; }
      .mainNavi2 .hiddenBoxForMainNavi ul li a .checkedList {
        margin: 0 8px 0 -23px; }

.searchResultBoxes {
  border-bottom: 1px solid #EDEDED;
  padding: 20px;
  position: relative; }
  .searchResultBoxes a {
    color: #395998;
    word-break: break-all;
    word-wrap: break-word; }
    .searchResultBoxes a:hover {
      text-decoration: underline; }
  .searchResultBoxes .searchResultTitle {
    padding-bottom: 15px;
    width: 575px; }
    .searchResultBoxes .searchResultTitle a {
      font-size: 18px;
      font-weight: bold;
      line-height: 1.3; }
  .searchResultBoxes .searchResultText {
    font-size: 13px;
    color: #525252;
    line-height: 1.5;
    padding-bottom: 10px;
    width: 544px; }
  .searchResultBoxes .searchResultOther {
    font-size: 12px; }
    .searchResultBoxes .searchResultOther li {
      float: left;
      margin-left: 15px; }
      .searchResultBoxes .searchResultOther li:first-child {
        margin-left: 0 !important; }
      .searchResultBoxes .searchResultOther li.searchResultTime {
        color: #999; }
      .searchResultBoxes .searchResultOther li.searchResultNumber a {
        color: #999; }
      .searchResultBoxes .searchResultOther li.searchResultStar {
        color: #00A3D8; }
        .searchResultBoxes .searchResultOther li.searchResultStar i {
          margin-right: 4px;
          font-size: 13px; }
      .searchResultBoxes .searchResultOther li.searchResultPro {
        position: relative;
        top: -3px; }
        .searchResultBoxes .searchResultOther li.searchResultPro .searchResultPro_inner {
          background-color: #eee;
          padding: 0 3px; }
          .searchResultBoxes .searchResultOther li.searchResultPro .searchResultPro_inner p {
            color: #999;
            line-height: 20px; }

.icons {
  position: absolute;
  top: 10px;
  right: 20px; }

.searchWordBox {
  border-bottom: 1px solid #EDEDED;
  padding: 20px; }
  .searchWordBox a {
    color: #395998;
    word-break: break-all;
    word-wrap: break-word; }
    .searchWordBox a:hover {
      text-decoration: underline; }
  .searchWordBox .searchWordBoxTitle {
    font-size: 18px;
    color: #7F7F7F;
    padding-bottom: 10px; }
  .searchWordBox .relativeSearchWords {
    margin-left: 35px;
    width: 500px; }
    .searchWordBox .relativeSearchWords li {
      float: left;
      width: 50%;
      line-height: 1.7; }
  .searchWordBox .searchWords {
    margin-left: 35px;
    width: 500px; }
    .searchWordBox .searchWords li {
      float: left;
      width: 50%;
      line-height: 1.7; }

.theBestAnswer {
  text-align: center !important; }

.wikiArea {
  padding: 20px;
  margin: 20px 0 0 0; }
  .wikiArea .wikiArea_title {
    font-size: 18px;
    margin: 0 0 10px 0; }
  .wikiArea .wikiArea_text {
    line-height: 1.4; }
  .wikiArea .wikiArea_link {
    margin: 10px 0 0 0;
    text-align: right; }
    .wikiArea .wikiArea_link a {
      color: #3b5998; }
      .wikiArea .wikiArea_link a:hover {
        text-decoration: underline; }

.rightBoxForSearch {
  position: fixed;
  bottom: -113px;
  right: 0;
  z-index: 100; }
  .rightBoxForSearch .windowSearchBoxInner {
    display: block;
    width: 100% !important;
    margin: 0 auto; }
  .rightBoxForSearch .windowSearchBoxContent {
    position: relative;
    float: right;
    width: 226px;
    padding: 13px 22px 24px 20px; }
  .rightBoxForSearch .windowSearchBoxContent2 {
    padding: 24px 12px 24px !important; }
    .rightBoxForSearch .windowSearchBoxContent2 .buttonsBlue a {
      padding: 4px 0 12px 0;
      text-align: center;
      font-size: 18px;
      box-shadow: 0 5px 0 #003366; }
      .rightBoxForSearch .windowSearchBoxContent2 .buttonsBlue a img {
        width: 27px;
        position: relative;
        top: 7px;
        margin-right: 4px; }
    .rightBoxForSearch .windowSearchBoxContent2 .closeBtn {
      display: none; }
    .rightBoxForSearch .windowSearchBoxContent2 .text {
      font-size: 11px;
      text-align: center;
      color: #333;
      line-height: 1.3;
      margin-bottom: 4px; }
    .rightBoxForSearch .windowSearchBoxContent2:hover .closeBtn {
      display: block !important; }
    .rightBoxForSearch .windowSearchBoxContent2 .qjiro {
      position: absolute;
      bottom: -4px;
      right: -8px; }
      .rightBoxForSearch .windowSearchBoxContent2 .qjiro img {
        width: 66px; }
    .rightBoxForSearch .windowSearchBoxContent2 .fa-stack-2x {
      font-size: 2em; }
    .rightBoxForSearch .windowSearchBoxContent2 .q-text {
      font-size: 16px;
      margin-left: 5px;
      display: inline-block; }
    .rightBoxForSearch .windowSearchBoxContent2 .q {
      font-size: 20px; }

.type03 .windowSearchBox_title {
  color: #fff; }

.type03 .windowSearchBoxContent {
  background: url(../../../../../images/v2/pc/qa/bg_window_search_box04.png) left top repeat; }

.type03 .windowSearchBox_input {
  border: 3px solid #066BDA; }

.type03 .windowSearchBox_submitBox {
  background: #003366; }

.type03 .windowSearchBox_submit {
  background: #0A6DDA;
  /* Old browsers */
  /* IE10+ */
  background: -webkit-linear-gradient(top, #3888E1 0%, #0A6DDA 100%);
  background: linear-gradient(to bottom, #3888E1 0%, #0A6DDA 100%);
  /* W3C */ }

.type03 .windowSearchBox_submit:hover {
  background: #095cc9;
  /* IE10+ */
  background: -webkit-linear-gradient(top, #2777d0 0%, #095cc9 100%);
  background: linear-gradient(to bottom, #2777d0 0%, #095cc9 100%);
  /* W3C */ }

.type03 .keywords li a {
  color: #fff; }

.type03 .keywords li a:hover {
  color: #00DDDD; }

.type03 .closeBtn {
  position: absolute;
  top: 0;
  right: 0;
  background: url(../../../../../images/v2/pc/qa/btn_close_white.png) left top no-repeat;
  border-top-right-radius: 5px;
  width: 24px;
  height: 24px;
  cursor: pointer; }

.wikiArea {
  padding: 20px;
  margin: 20px 0 0 0; }
  .wikiArea .wikiArea_title {
    font-size: 18px;
    margin: 0 0 10px 0; }
  .wikiArea .wikiArea_text {
    line-height: 1.4; }
  .wikiArea .wikiArea_link {
    margin: 10px 0 0 0;
    text-align: right; }
    .wikiArea .wikiArea_link a {
      color: #3b5998; }
      .wikiArea .wikiArea_link a:hover {
        text-decoration: underline; }

/*tableOfContents
--------------------------------
3.タグ新着一覧
--------------------------------*/
.tagKeyWordArea {
  margin-top: 0; }
  .tagKeyWordArea .searchKeyWordSubTitle {
    margin-top: 0;
    line-height: 24px; }

.tagArea .mainNaviArea {
  display: none;
  /*step1では非表示*/ }

.tagArea .sponcer {
  border-top: none !important; }

.tagWordBox {
  display: none;
  /*step1では非表示*/ }
  .tagWordBox .fa-tag {
    margin: 0 3px 0 1px; }
  .tagWordBox .relativeTagWords {
    margin: 5px 0 0 20px; }
    .tagWordBox .relativeTagWords li {
      float: left;
      margin: 0 25px 8px 0;
      line-height: 1.0; }