@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の定義
--------------------------------*/
.header .hInner, .header .hInner .bell, .header .hInner .myInfoArea, .header .hInner .bell a .bellInner, .forYourInfo ul li, .forYourInfo ul li a, .forYourInfo ul li a .notificationBox, .forYourInfoBeforeLogin ul li, .forYourInfoBeforeLogin ul li a, .categories ul.left li a, .categories .right ul, .modalContent ul, .baCheck .baWrap .upBaArea, .deleteCheck .bottomDeleteArea ul, .categoryListBox .categoryListBoxHeader, .categoryListBox .categoryListBoxInner, .categoryListBox .categoryListBoxLeft ul li a, .searchOption .searchOptionHeader, .searchOption .searchOptionBox, .searchOption .searchOptionBoxRight, .searchOption .searchOptionBoxRight .radioBtnsForKeyword, .searchOption .searchOptionBoxRight ul, .searchOption .searchOptionBoxRight .searchOptionCateLeft ul li, .searchOption .searchOptionBoxRight .searchOptionCateMiddle ul li, .searchOption .searchOptionBoxRight .searchOptionCateRight ul li, .searchOption .searchOptionBtnArea ul, .searchOptionBoxContentBox, .modalContentForCommentConfirm ul, .errorDialogBox .mainText, .breadcrumbListArea ul, .personalInfo .nameArea, .personalInfo .personalInfoLinks, .personalInfo .personalInfoNumbers ul, .specialistAnswerArea .specialistAnswerAreaInner .listBox div, .newAnswers .newAnswersInner ul li .newAnswerBox .newAnswersRight, .newAnswers .newAnswersInner ul li .newAnswerBox .bottomQ, .oshitopiArea .oshitopiInner ul li, .cateIchiran .title, .cateIchiran .cateIchiranContent, .cateIchiran .cateIchiranContent ul, .compareHistory .inner ul li div, .compareHistory .btns, .myKeyWord .inner ul li div, .myCate .title, .myCate ul li, .answers ul li, .wideImageArea .wideBoxList, .sideBoxContent li .sideBoxList, .broadFooter .broadFooter_inner, .broadFooter .broadFooter_inner div.broadFooter_content:first-child, .broadFooter ul, #headNav .headNav_content, #headNav .headNav_list, .pagingArea ul {
  *zoom: 1; }
  .header .hInner:after, .header .hInner .bell:after, .header .hInner .myInfoArea:after, .header .hInner .bell a .bellInner:after, .forYourInfo ul li:after, .forYourInfo ul li a:after, .forYourInfo ul li a .notificationBox:after, .forYourInfoBeforeLogin ul li:after, .forYourInfoBeforeLogin ul li a:after, .categories ul.left li a:after, .categories .right ul:after, .modalContent ul:after, .baCheck .baWrap .upBaArea:after, .deleteCheck .bottomDeleteArea ul:after, .categoryListBox .categoryListBoxHeader:after, .categoryListBox .categoryListBoxInner:after, .categoryListBox .categoryListBoxLeft ul li a:after, .searchOption .searchOptionHeader:after, .searchOption .searchOptionBox:after, .searchOption .searchOptionBoxRight:after, .searchOption .searchOptionBoxRight .radioBtnsForKeyword:after, .searchOption .searchOptionBoxRight ul:after, .searchOption .searchOptionBoxRight .searchOptionCateLeft ul li:after, .searchOption .searchOptionBoxRight .searchOptionCateMiddle ul li:after, .searchOption .searchOptionBoxRight .searchOptionCateRight ul li:after, .searchOption .searchOptionBtnArea ul:after, .searchOptionBoxContentBox:after, .modalContentForCommentConfirm ul:after, .errorDialogBox .mainText:after, .breadcrumbListArea ul:after, .personalInfo .nameArea:after, .personalInfo .personalInfoLinks:after, .personalInfo .personalInfoNumbers ul:after, .specialistAnswerArea .specialistAnswerAreaInner .listBox div:after, .newAnswers .newAnswersInner ul li .newAnswerBox .newAnswersRight:after, .newAnswers .newAnswersInner ul li .newAnswerBox .bottomQ:after, .oshitopiArea .oshitopiInner ul li:after, .cateIchiran .title:after, .cateIchiran .cateIchiranContent:after, .cateIchiran .cateIchiranContent ul:after, .compareHistory .inner ul li div:after, .compareHistory .btns:after, .myKeyWord .inner ul li div:after, .myCate .title:after, .myCate ul li:after, .answers ul li:after, .wideImageArea .wideBoxList:after, .sideBoxContent li .sideBoxList:after, .broadFooter .broadFooter_inner:after, .broadFooter .broadFooter_inner div.broadFooter_content:first-child:after, .broadFooter ul:after, #headNav .headNav_content:after, #headNav .headNav_list:after, .pagingArea ul:after {
    display: block;
    content: "";
    clear: both;
    height: 0;
    overflow: hidden; }

.forYourInfoBeforeLogin ul li a, .personalInfo .nameArea .right h3, .sideBoxContent li .sideBoxList .sideBoxRightContent h3 a, .sideBoxContent li .sideBoxList .sideBoxRightContent .sideBoxListText {
  word-break: break-all;
  word-wrap: break-word; }

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

.header .hInner .theUserInformationArea .theUserName a, .answersWithNumber div {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis; }

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

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

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

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

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

body {
  line-height: 1; }

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

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

ul {
  list-style: none; }

blockquote, q {
  quotes: none; }

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

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

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

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

del {
  text-decoration: line-through; }

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

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

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

input, select {
  vertical-align: middle; }

textarea {
  resize: vertical; }

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

a {
  text-decoration: none; }

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

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

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

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

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

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

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

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

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

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

.gheader {
  margin-top: 30px; }

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

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

.modalContentH {
  height: 174px !important; }

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

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

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

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

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

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

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

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

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

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

.modalContentForCommentConfirm {
  width: 372px !important;
  border-radius: 5px !important;
  box-shadow: 2px 4px 0 rgba(0, 0, 0, 0.2) !important;
  padding: 38px 44px !important;
  height: auto !important; }
  .modalContentForCommentConfirm .mainText {
    text-align: left !important;
    font-size: 16px !important;
    padding: 0 0 36px 0 !important; }
  .modalContentForCommentConfirm ul {
    width: 370px !important;
    margin: 0 auto !important; }
    .modalContentForCommentConfirm ul li {
      float: none !important; }
      .modalContentForCommentConfirm ul li a {
        text-decoration: none !important;
        border-radius: 5px !important;
        line-height: 40px !important;
        padding: 0 !important;
        width: 170px !important;
        display: block !important; }
      .modalContentForCommentConfirm ul li.reWrite {
        float: left !important; }
        .modalContentForCommentConfirm ul li.reWrite a {
          font-size: 14px;
          color: #333 !important;
          background-color: #eee !important; }
          .modalContentForCommentConfirm ul li.reWrite a:hover {
            background-color: #e2e2e2 !important; }
      .modalContentForCommentConfirm ul li.toukou {
        float: right !important; }
        .modalContentForCommentConfirm ul li.toukou a {
          font-size: 18px;
          font-weight: bold;
          color: #fff !important;
          background-color: #ff9900 !important;
          padding: 0 !important;
          margin: 0 !important;
          width: 170px !important;
          line-height: 40px !important; }
          .modalContentForCommentConfirm ul li.toukou a:hover {
            background-color: #e28802 !important; }

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

#modalContent_Login {
  display: none;
  z-index: 200;
  position: fixed;
  top: 50%;
  left: 50%;
  width: 380px;
  margin-top: -272px;
  margin-left: -210px;
  padding: 20px;
  background: #00a3d9;
  border-radius: 5px;
  box-shadow: 3px 3px 3px #5a5a5a; }
  #modalContent_Login .variousLogin {
    position: relative;
    padding: 50px;
    background: #fff;
    border-radius: 5px; }
    #modalContent_Login .variousLogin .modal_close {
      position: absolute;
      top: 10px;
      right: 10px; }
      #modalContent_Login .variousLogin .modal_close a {
        display: block;
        width: 16px;
        height: 16px; }
        #modalContent_Login .variousLogin .modal_close a:hover {
          filter: alpha(opacity=70);
          -moz-opacity: 0.7;
          opacity: 0.7; }
    #modalContent_Login .variousLogin .login_head {
      margin: 0 0 8px;
      font-size: 16px;
      text-align: center; }
    #modalContent_Login .variousLogin .listBtn li {
      margin-bottom: 8px; }
    #modalContent_Login .variousLogin .listBtn a {
      display: block;
      font-weight: bold;
      color: #333;
      white-space: nowrap; }
      #modalContent_Login .variousLogin .listBtn a:hover {
        filter: alpha(opacity=70);
        -moz-opacity: 0.7;
        opacity: 0.7; }
    #modalContent_Login .variousLogin .login_social .listBtn {
      padding: 10px 10px 2px;
      background: #e3e3e3;
      border-radius: 5px; }
      #modalContent_Login .variousLogin .login_social .listBtn a {
        width: 206px;
        height: 40px;
        line-height: 42px;
        padding-left: 54px;
        font-size: 13px;
        border-radius: 5px;
        background: #fff url("../../../../../images/v2/pc/common/login_social.png") no-repeat; }
      #modalContent_Login .variousLogin .login_social .listBtn .yahoo a {
        background-position: left 0; }
      #modalContent_Login .variousLogin .login_social .listBtn .google a {
        background-position: left -50px; }
      #modalContent_Login .variousLogin .login_social .listBtn .twitter a {
        background-position: left -100px; }
      #modalContent_Login .variousLogin .login_social .listBtn .facebook a {
        background-position: left -150px; }
    #modalContent_Login .variousLogin .login_goo {
      margin: 40px 0 -8px; }
      #modalContent_Login .variousLogin .login_goo .listBtn li {
        text-align: center; }
      #modalContent_Login .variousLogin .login_goo .listBtn a {
        width: 276px;
        height: 42px;
        line-height: 44px;
        font-size: 16px;
        border-radius: 5px; }
      #modalContent_Login .variousLogin .login_goo .listBtn .signup a {
        background: #fcd114;
        border: 2px #fcd114 solid; }
      #modalContent_Login .variousLogin .login_goo .listBtn .user a {
        background: #fff;
        border: 2px #cc3033 solid; }

.errorDialogBox {
  left: 50% !important;
  margin-left: -230px; }
  .errorDialogBox .mainText {
    text-align: left;
    padding: 0 0 20px 0 !important; }
    .errorDialogBox .mainText img {
      width: 25px;
      float: left;
      margin-right: 4px;
      position: relative;
      top: -2px; }
    .errorDialogBox .mainText span {
      width: 342px;
      float: left;
      line-height: 1.3; }
  .errorDialogBox ul {
    text-align: center; }
    .errorDialogBox ul li {
      display: inline-block;
      float: none !important; }
      .errorDialogBox ul li a {
        border-radius: 5px;
        background-color: #efefef;
        color: #333;
        text-decoration: none;
        margin: none !important; }

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

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

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

.breadcrumbListArea {
  margin-bottom: 20px; }
  .breadcrumbListArea ul li {
    float: left;
    font-size: 12px;
    margin-right: 5px; }
    .breadcrumbListArea ul li a {
      color: #3b5998;
      font-size: 12px; }
      .breadcrumbListArea ul li a:hover {
        text-decoration: underline; }

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

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

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

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

.copyright {
  text-align: center; }

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

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

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

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

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

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

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

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

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

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

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

.commentBtn a {
  background-color: #f3f1e6;
  line-height: 40px;
  height: 40px;
  font-size: 14px;
  text-align: center;
  color: #ad9952;
  position: relative;
  display: block;
  width: 100%;
  text-decoration: none !important;
  -webkit-transition-property: all;
          transition-property: all;
  -webkit-transition: 0.2s linear;
          transition: 0.2s linear; }
  .commentBtn a i {
    font-size: 28px;
    position: absolute;
    top: 6px;
    right: 15px; }
  .commentBtn a:hover {
    background-color: #dfded6; }

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

/*-----table of contents--------
2.右側コンテンツエリア
	2-1.マイインフォメーションエリア
	2-2.数字エリア
	2-3.質問ボタン
	2-4.レクタングル
	2-5.新規とログイン
	2-6.専門家が回答エリア
	2-7.みんなの新着回答
	2-8.おしトピエリア
	2-9.お知らせエリア
	2-10.カテゴリ一覧
	2-11.参照履歴
	2-12.マイキーワード
	2-13.マイカテゴリ
	2-14.回答急上中！
	2-15.質問ボタン
	2-16.ウォッチ
	2-17.人気記事ランキング
	2-18.ログインエリア（gooログイン・ソーシャルログイン）
------------------------------*/
.sub {
  width: 300px;
  float: right; }

.side_box {
  margin-bottom: 25px !important; }

.personalInfo {
  margin-bottom: 25px; }
  .personalInfo .nameArea {
    padding-left: 10px; }
    .personalInfo .nameArea a {
      color: #3B5998;
      font-size: 13px; }
      .personalInfo .nameArea a:hover {
        text-decoration: underline; }
    .personalInfo .nameArea .personalInfoImg {
      width: 60px;
      float: left;
      margin-right: 10px; }
    .personalInfo .nameArea .right {
      width: 220px;
      float: left; }
      .personalInfo .nameArea .right h3 {
        margin: 2px 0 8px; }
        .personalInfo .nameArea .right h3 a {
          font-size: 14px !important;
          font-weight: bold; }
      .personalInfo .nameArea .right .rankingLink {
        background: none !important;
        width: 235px;
        height: 20px;
        margin-left: -2px; }
        .personalInfo .nameArea .right .rankingLink img {
          margin-right: 4px;
          vertical-align: -1px; }
      .personalInfo .nameArea .right .publishLink {
        margin: 1px 0 0 0; }
      .personalInfo .nameArea .right .gradeLink {
        margin: 1px 0 0 0; }
        .personalInfo .nameArea .right .gradeLink img {
          margin-right: 2px;
          vertical-align: -7px; }
        .personalInfo .nameArea .right .gradeLink span {
          font-size: 16px; }
  .personalInfo .personalInfoLinks {
    border-bottom: 1px solid #ddd;
    padding: 10px 26px; }
    .personalInfo .personalInfoLinks li {
      float: left;
      padding-left: 20px; }
      .personalInfo .personalInfoLinks li:first-child {
        border-right: 1px solid #ddd;
        padding: 0 20px 0 0 !important; }
      .personalInfo .personalInfoLinks li a {
        font-size: 12px;
        color: #3B5998; }
        .personalInfo .personalInfoLinks li a:hover {
          text-decoration: underline; }
  .personalInfo .personalInfoNumbers ul {
    padding: 15px 0 0 0; }
    .personalInfo .personalInfoNumbers ul li {
      width: 33%;
      text-align: center;
      float: left; }
      .personalInfo .personalInfoNumbers ul li .cateNumber {
        font-size: 16px;
        font-weight: bold;
        color: #666; }
      .personalInfo .personalInfoNumbers ul li .cateNames {
        font-size: 10px;
        color: #444;
        margin-top: 10px; }
    .personalInfo .personalInfoNumbers ul:first-child {
      border-bottom: 1px solid #fff;
      padding: 20px 0; }

.bannerArea {
  margin-bottom: 25px; }
  .bannerArea span:first-child {
    margin-bottom: 10px;
    display: block; }

.loginBtns {
  border-radius: 5px !important;
  border: 1px solid #ddd !important;
  margin: 0 0 20px;
  padding: 20px !important;
  text-align: center !important; }
  .loginBtns p {
    font-size: 15px !important;
    color: #333 !important;
    margin: 0 0 10px 0 !important; }
  .loginBtns ul li {
    display: inline-block;
    *display: inline;
    *zoom: 1; }
    .loginBtns ul li a {
      text-decoration: none !important; }
  .loginBtns ul.snsBtns {
    margin: 0 0 20px 0 !important; }
    .loginBtns ul.snsBtns li {
      margin-left: 20px !important; }
      .loginBtns ul.snsBtns li:first-child {
        margin: 0 !important; }
    .loginBtns ul.snsBtns img {
      width: 45px !important; }
    .loginBtns ul.snsBtns a {
      text-decoration: none !important; }
      .loginBtns ul.snsBtns a:hover {
        opacity: 0.8; }
  .loginBtns ul.bottomBtns a {
    line-height: 35px;
    height: 35px;
    font-size: 14px;
    width: 115px; }
  .loginBtns ul.bottomBtns .login {
    margin-right: 10px; }
    .loginBtns ul.bottomBtns .login a {
      background-color: #fcd114;
      color: #333 !important;
      box-shadow: 0 2px 0 #af8f04; }
      .loginBtns ul.bottomBtns .login a:hover {
        background-color: #f5c800; }
  .loginBtns ul.bottomBtns .register a {
    background-color: #0070c0;
    color: #fff;
    box-shadow: 0 2px 0 #00487b; }
    .loginBtns ul.bottomBtns .register a:hover {
      background-color: #0164aa; }

.specialistAnswerArea > p {
  font-size: 15px !important;
  padding-left: 15px !important;
  color: #333 !important;
  margin-bottom: 5px !important; }

.specialistAnswerArea .specialistAnswerAreaInner {
  border-radius: 5px;
  border: 1px solid #ddd;
  margin-bottom: 38px !important; }
  .specialistAnswerArea .specialistAnswerAreaInner .listBox {
    padding: 15px; }
    .specialistAnswerArea .specialistAnswerAreaInner .listBox:hover {
      background-color: #eee; }
    .specialistAnswerArea .specialistAnswerAreaInner .listBox div .listImg {
      float: left; }
    .specialistAnswerArea .specialistAnswerAreaInner .listBox div .listRightBox {
      float: right;
      width: 176px; }
      .specialistAnswerArea .specialistAnswerAreaInner .listBox div .listRightBox .listTitle {
        margin-bottom: 10px;
        padding-left: 0 !important;
        word-break: break-all;
        word-wrap: break-word; }
        .specialistAnswerArea .specialistAnswerAreaInner .listBox div .listRightBox .listTitle a {
          color: #395998;
          font-size: 13px;
          font-weight: bold;
          line-height: 1.2; }
          .specialistAnswerArea .specialistAnswerAreaInner .listBox div .listRightBox .listTitle a:hover {
            text-decoration: underline; }
      .specialistAnswerArea .specialistAnswerAreaInner .listBox div .listRightBox .listText li {
        margin-bottom: 10px;
        background: url("../../../../../images/v2/pc/top/gray_circle.png") no-repeat left;
        padding-left: 10px; }
        .specialistAnswerArea .specialistAnswerAreaInner .listBox div .listRightBox .listText li.last {
          margin-bottom: 0 !important; }
        .specialistAnswerArea .specialistAnswerAreaInner .listBox div .listRightBox .listText li a {
          word-break: break-all;
          word-wrap: break-word;
          color: #395998;
          font-size: 13px; }
          .specialistAnswerArea .specialistAnswerAreaInner .listBox div .listRightBox .listText li a:hover {
            text-decoration: underline; }
          .specialistAnswerArea .specialistAnswerAreaInner .listBox div .listRightBox .listText li a i {
            color: #ccc;
            font-size: 6px !important; }

.newAnswers h2 {
  font-size: 15px;
  padding-left: 15px;
  color: #333;
  margin-bottom: 5px; }

.newAnswers .newAnswersInner {
  border-top: 1px solid #ddd;
  border-bottom: 1px solid #ddd; }
  .newAnswers .newAnswersInner ul li {
    border-bottom: 1px solid #ddd; }
    .newAnswers .newAnswersInner ul li:hover {
      background-color: #eee;
      cursor: pointer; }
    .newAnswers .newAnswersInner ul li.last {
      border-bottom: none !important; }
    .newAnswers .newAnswersInner ul li .newAnswerBox {
      padding: 15px; }
      .newAnswers .newAnswersInner ul li .newAnswerBox .boxImg {
        display: table-cell;
        width: 30px;
        height: 30px;
        padding-right: 10px; }
      .newAnswers .newAnswersInner ul li .newAnswerBox .newAnswersRight {
        display: table-cell;
        border-radius: 5px;
        padding: 10px;
        vertical-align: top;
        position: relative;
        width: 215px !important;
        background-color: #fff; }
        .newAnswers .newAnswersInner ul li .newAnswerBox .newAnswersRight: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; }
        .newAnswers .newAnswersInner ul li .newAnswerBox .newAnswersRight p {
          font-size: 12px;
          color: #333;
          line-height: 150%;
          padding-bottom: 10px;
          word-break: break-all;
          word-wrap: break-word; }
        .newAnswers .newAnswersInner ul li .newAnswerBox .newAnswersRight .newAnswersTime {
          float: left;
          font-size: 10px;
          color: #999; }
        .newAnswers .newAnswersInner ul li .newAnswerBox .newAnswersRight .newAnswersNumber {
          float: right; }
          .newAnswers .newAnswersInner ul li .newAnswerBox .newAnswersRight .newAnswersNumber a {
            font-size: 12px;
            color: #ff7f00; }
            .newAnswers .newAnswersInner ul li .newAnswerBox .newAnswersRight .newAnswersNumber a:hover {
              text-decoration: underline; }
      .newAnswers .newAnswersInner ul li .newAnswerBox .bottomQ {
        margin-top: 10px; }
        .newAnswers .newAnswersInner ul li .newAnswerBox .bottomQ .bottomQtext span.q-text {
          float: right;
          width: 240px;
          font-size: 11px !important;
          margin-left: 5px !important;
          color: #333;
          line-height: 150%;
          word-break: break-all;
          word-wrap: break-word; }
        .newAnswers .newAnswersInner ul li .newAnswerBox .bottomQ .bottomQicon {
          float: left;
          width: 22px;
          margin-top: -5px; }
          .newAnswers .newAnswersInner ul li .newAnswerBox .bottomQ .bottomQicon i.w-circle {
            color: #fff;
            font-size: 1.6em;
            line-height: 28px; }
          .newAnswers .newAnswersInner ul li .newAnswerBox .bottomQ .bottomQicon i.q {
            color: #006DD9 !important;
            font-style: normal;
            font-size: 14px;
            font-weight: bold;
            line-height: 26px; }

.oshitopiArea {
  margin-top: 25px; }
  .oshitopiArea h2 {
    background: url("../../../../../images/v2/pc/top/left_links_icon04.png") no-repeat left;
    margin-left: 15px;
    padding-left: 26px;
    margin-bottom: 5px;
    font-size: 15px;
    color: #333;
    height: 20px;
    line-height: 20px; }
  .oshitopiArea .oshitopiSubTitle {
    font-size: 10px;
    color: #777;
    padding-bottom: 5px;
    margin-left: 18px; }
  .oshitopiArea .oshitopiInner {
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    padding: 15px; }
    .oshitopiArea .oshitopiInner ul li {
      margin-bottom: 10px; }
      .oshitopiArea .oshitopiInner ul li.last {
        margin-bottom: 0 !important; }
      .oshitopiArea .oshitopiInner ul li .oshitopiImg {
        float: left;
        margin-right: 10px;
        word-break: break-all;
        word-wrap: break-word; }
      .oshitopiArea .oshitopiInner ul li .oshitopiText {
        float: left;
        width: 180px;
        line-height: 150%; }
        .oshitopiArea .oshitopiInner ul li .oshitopiText a {
          color: #3A5998;
          word-break: break-all;
          word-wrap: break-word; }
          .oshitopiArea .oshitopiInner ul li .oshitopiText a:hover {
            text-decoration: underline; }

.informationArea {
  margin-bottom: 25px;
  clear: both; }
  .informationArea h2 {
    font-size: 15px;
    padding-left: 15px;
    color: #333;
    margin-bottom: 5px; }
  .informationArea p {
    font-size: 15px !important;
    padding-left: 15px !important;
    color: #333 !important;
    margin-bottom: 5px !important; }
  .informationArea .infoAreaInner {
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    padding: 15px;
    margin-bottom: 5px; }
    .informationArea .infoAreaInner ul li {
      margin-bottom: 15px; }
      .informationArea .infoAreaInner ul li.last {
        margin-bottom: 0; }
      .informationArea .infoAreaInner ul li .infoDate {
        margin-bottom: 2px;
        font-size: 13px;
        color: #333; }
      .informationArea .infoAreaInner ul li p {
        word-break: break-all;
        word-wrap: break-word; }
        .informationArea .infoAreaInner ul li p a {
          font-size: 12px;
          color: #3A5998;
          line-height: 150%; }
          .informationArea .infoAreaInner ul li p a:hover {
            text-decoration: underline; }
  .informationArea .moreSee {
    text-align: right; }
    .informationArea .moreSee a {
      color: #3b5998;
      font-size: 13px; }
      .informationArea .moreSee a:hover {
        text-decoration: underline; }
    .informationArea .moreSee i {
      font-size: 22px;
      font-weight: bold;
      margin-left: 5px;
      color: #aaa;
      vertical-align: text-bottom; }

.cateIchiran {
  width: 300px;
  margin-bottom: 25px;
  overflow: hidden; }
  .cateIchiran .title {
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    border: 1px solid #ddd;
    padding-right: 15px; }
    .cateIchiran .title p {
      float: left;
      padding-left: 15px; }
      .cateIchiran .title p i {
        padding-right: 6px;
        color: #00A3D9; }
      .cateIchiran .title p a {
        line-height: 45px;
        color: #3b5998;
        font-size: 15px; }
        .cateIchiran .title p a:hover {
          text-decoration: underline; }
    .cateIchiran .title .close {
      width: 57px;
      float: right;
      background-color: #fff;
      margin-top: 12px;
      border: 1px solid #ddd; }
      .cateIchiran .title .close a {
        font-size: 13px;
        color: #003366;
        text-align: center;
        line-height: 21px;
        display: block; }
        .cateIchiran .title .close a:hover {
          background-color: #eee; }
  .cateIchiran .cateIchiranContent {
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    border: 1px solid #ddd;
    border-top: none !important;
    padding: 8px 15px; }
    .cateIchiran .cateIchiranContent ul li {
      float: left;
      width: 49%;
      margin: 5px 5px 5px 0; }
      .cateIchiran .cateIchiranContent ul li.cateIchiRight {
        margin-right: 0 !important; }
      .cateIchiran .cateIchiranContent ul li a {
        color: #395998;
        font-size: 13px;
        line-height: 1.3; }
        .cateIchiran .cateIchiranContent ul li a:hover {
          text-decoration: underline; }

.compareWithScroll .inner {
  height: 276px;
  overflow: auto;
  position: relative; }

.compareHistory > p {
  padding-left: 15px;
  font-size: 15px;
  color: #333;
  margin-bottom: 10px; }

.compareHistory .inner {
  border-top: 1px solid #ddd;
  border-bottom: 1px solid #ddd; }
  .compareHistory .inner p {
    line-height: 140%;
    padding: 8px 0 8px 15px;
    font-size: 13px;
    color: #aaa; }
  .compareHistory .inner ul li {
    padding-left: 15px;
    line-height: 140%; }
    .compareHistory .inner ul li:hover {
      background-color: #eee; }
      .compareHistory .inner ul li:hover p.text a {
        text-decoration: underline; }
      .compareHistory .inner ul li:hover p.cross a {
        color: #777; }
    .compareHistory .inner ul li p.text {
      width: 248px;
      display: table-cell;
      padding: 8px 0 8px 0 !important; }
      .compareHistory .inner ul li p.text a {
        color: #395998;
        font-size: 13px; }
    .compareHistory .inner ul li p.cross {
      display: table-cell;
      vertical-align: middle;
      padding: 0 10px; }
      .compareHistory .inner ul li p.cross a {
        color: #f6f6f6; }

.compareHistory .btnOnly {
  margin: 10px 0 23px 230px !important; }
  .compareHistory .btnOnly li {
    margin-right: 0 !important; }

.compareHistory .btns {
  margin: 10px 0 23px 140px; }
  .compareHistory .btns li {
    float: left;
    border: 1px solid #ddd;
    background-color: #fff;
    margin-right: 8px; }
    .compareHistory .btns li.last {
      margin-right: 0 !important; }
    .compareHistory .btns li a {
      display: block;
      text-align: center;
      color: #003366;
      line-height: 21px;
      padding: 0 10px;
      font-size: 12px; }
      .compareHistory .btns li a:hover {
        background-color: #eee; }

.myKeyWithScroll .inner {
  height: 370px;
  overflow: auto; }

.myKeyWord {
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  border: 1px solid #ddd;
  background-color: #fefefe;
  margin-bottom: 53px; }
  .myKeyWord .title {
    font-size: 15px;
    line-height: 45px;
    padding-left: 15px;
    color: #3b5998;
    background-color: #f8f8f8;
    border-bottom: 1px solid #ddd;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px; }
    .myKeyWord .title i {
      padding-right: 6px;
      color: #00A3D9; }
  .myKeyWord .inner ul li {
    padding-left: 15px; }
    .myKeyWord .inner ul li:hover {
      background-color: #efefef; }
      .myKeyWord .inner ul li:hover p.cross a {
        color: #777 !important; }
      .myKeyWord .inner ul li:hover p.text a {
        text-decoration: underline; }
    .myKeyWord .inner ul li.top {
      padding-top: 5px; }
    .myKeyWord .inner ul li.first {
      padding-top: 7px; }
      .myKeyWord .inner ul li.first div p.cross {
        padding: 2% 0; }
      .myKeyWord .inner ul li.first div p.text {
        padding: 2% 0 4% 0; }
    .myKeyWord .inner ul li.last {
      padding-bottom: 4px; }
      .myKeyWord .inner ul li.last div p.text {
        padding: 5% 0 3% 0; }
      .myKeyWord .inner ul li.last div p.cross {
        padding: 5% 0 0 0; }
    .myKeyWord .inner ul li a {
      font-size: 13px;
      color: #3A5998;
      font-weight: bold; }
      .myKeyWord .inner ul li a:hover {
        text-decoration: underline; }
      .myKeyWord .inner ul li a span {
        font-size: 10px !important; }
    .myKeyWord .inner ul li div p.text {
      display: table-cell;
      padding: 3% 0;
      width: 250px;
      color: #395998;
      font-size: 13px;
      font-weight: bold; }
      .myKeyWord .inner ul li div p.text a {
        color: #395998; }
    .myKeyWord .inner ul li div p.cross {
      display: table-cell;
      padding: 3% 0;
      margin-right: 10px; }
      .myKeyWord .inner ul li div p.cross a {
        color: #fff !important; }
  .myKeyWord .btnOnly {
    float: right; }
    .myKeyWord .btnOnly li {
      margin-right: 0 !important; }
  .myKeyWord .btns {
    margin: 10px 0 0 0;
    float: right;
    clear: both; }
    .myKeyWord .btns li {
      float: left;
      border: 1px solid #ddd;
      background-color: #fff;
      margin-right: 8px; }
      .myKeyWord .btns li.last {
        margin-right: 0 !important; }
      .myKeyWord .btns li a {
        display: block;
        text-align: center;
        color: #003366;
        line-height: 21px;
        padding: 0 10px;
        font-size: 12px; }
        .myKeyWord .btns li a:hover {
          background-color: #eee; }

.myCateWithScroll .inner {
  height: 370px;
  overflow: auto; }

.myCate {
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  border: 1px solid #ddd;
  background-color: #fefefe;
  margin-bottom: 15px; }
  .myCate p.zero {
    line-height: 140%;
    padding: 10px 0 10px 15px;
    font-size: 13px;
    color: #aaa; }
  .myCate .title {
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    background-color: #f8f8f8;
    border-bottom: 1px solid #ddd;
    padding-right: 15px; }
    .myCate .title h2 {
      float: left;
      padding-left: 15px; }
      .myCate .title h2 i {
        padding-right: 6px;
        color: #00A3D9; }
      .myCate .title h2 a {
        font-size: 15px;
        color: #3b5998;
        line-height: 45px; }
        .myCate .title h2 a:hover {
          text-decoration: underline; }
    .myCate .title .setting {
      width: 38px;
      float: right;
      background-color: #fff;
      margin-top: 12px;
      border: 1px solid #ddd; }
      .myCate .title .setting a {
        font-size: 13px;
        color: #003366;
        text-align: center;
        line-height: 21px;
        display: block; }
        .myCate .title .setting a:hover {
          background-color: #efefef; }
  .myCate ul li {
    padding-left: 15px; }
    .myCate ul li:hover {
      background-color: #efefef; }
      .myCate ul li:hover p.text a {
        text-decoration: underline; }
      .myCate ul li:hover p.cross a {
        color: #777 !important; }
    .myCate ul li p.text {
      display: table-cell;
      padding: 3% 0;
      width: 250px; }
      .myCate ul li p.text a {
        color: #395998;
        font-size: 13px;
        font-weight: bold; }
    .myCate ul li p.cross {
      display: table-cell;
      padding: 3% 0;
      margin-right: 10px; }
      .myCate ul li p.cross a {
        color: #fff !important; }
    .myCate ul li.first {
      padding-top: 7px; }
      .myCate ul li.first div p.text {
        padding: 2% 0 4% 0; }
      .myCate ul li.first div p.cross {
        padding: 2% 0; }
    .myCate ul li.last {
      padding-bottom: 4px; }
      .myCate ul li.last div p.text {
        padding: 5% 0 3% 0; }
      .myCate ul li.last div p.cross {
        padding: 5% 0 0 0; }
    .myCate ul li a {
      font-size: 13px;
      color: #3A5998;
      font-weight: bold; }
      .myCate ul li a:hover {
        text-decoration: underline; }

.answersWithNumber div {
  width: 231px; }

.answersWithNumber i {
  font-style: normal;
  font-weight: bold;
  color: #00A3D8;
  float: right;
  line-height: 1.5; }

#frequently_answered_list li div {
  width: 200px !important; }

.answers > p {
  color: #333;
  font-size: 15px;
  padding-left: 15px;
  margin-bottom: 5px; }

.answers {
  margin-bottom: 25px; }
  .answers ul {
    padding: 10px 15px;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd; }
    .answers ul li {
      margin-bottom: 11px; }
      .answers ul li p {
        float: left;
        height: 19px;
        width: 19px;
        padding: 1px 0 0 5px;
        line-height: 1.5;
        font-weight: bold;
        font-size: 12px; }
      .answers ul li div {
        float: left;
        width: 223px;
        margin: 3px 0 0 10px; }
      .answers ul li.answers04, .answers ul li.answers05, .answers ul li.answers05, .answers ul li.answers06, .answers ul li.answers07, .answers ul li.answers08, .answers ul li.answers09, .answers ul li.answers10 {
        margin-left: 5px; }
        .answers ul li.answers04 p, .answers ul li.answers05 p, .answers ul li.answers05 p, .answers ul li.answers06 p, .answers ul li.answers07 p, .answers ul li.answers08 p, .answers ul li.answers09 p, .answers ul li.answers10 p {
          line-height: 2;
          background: url("../../../../../images/v2/pc/top/circle.png") no-repeat left 3px;
          height: 21px; }
      .answers ul li.answers10 {
        margin-bottom: 0 !important; }
        .answers ul li.answers10 a {
          padding-left: 0 !important; }
        .answers ul li.answers10 p {
          padding: 1px 0 0 1px !important;
          margin-right: 4px !important; }
      .answers ul li.answers01 p {
        background: url("../../../../../images/v2/pc/top/one.png") no-repeat left !important;
        padding-left: 9px;
        height: 23px;
        margin-top: -3px; }
      .answers ul li.answers02 p {
        background: url("../../../../../images/v2/pc/top/two.png") no-repeat left !important;
        padding-left: 9px;
        height: 23px;
        margin-top: -3px; }
      .answers ul li.answers03 p {
        background: url("../../../../../images/v2/pc/top/three.png") no-repeat left !important;
        padding-left: 9px;
        height: 23px;
        margin-top: -3px; }
      .answers ul li a {
        color: #3b5998;
        font-size: 13px;
        line-height: 1.5; }
        .answers ul li a:hover {
          text-decoration: underline; }
  .answers .moreSee {
    text-align: right; }
    .answers .moreSee a {
      color: #3b5998;
      font-size: 13px; }
      .answers .moreSee a:hover {
        text-decoration: underline; }
    .answers .moreSee i {
      font-size: 22px;
      font-weight: bold;
      margin-left: 5px;
      color: #aaa;
      vertical-align: text-bottom; }

.sideBtn {
  margin-bottom: 15px; }

.sideBox {
  margin-bottom: 38px !important; }
  .sideBox a {
    color: #3b5998 !important; }
    .sideBox a:hover {
      text-decoration: underline; }

.wideImageArea .wideBoxList .wideBoxListImg {
  width: 300px; }

.wideImageArea .wideBoxList .wideBoxContent {
  margin-top: 2px; }

.wideImageArea .sideBoxRightContent dt {
  margin-bottom: 9px !important; }
  .wideImageArea .sideBoxRightContent dt a {
    line-height: 1.3 !important; }

.wideImageArea .sideBoxRightContent .sideBoxListText {
  line-height: 1.3 !important; }

.wideImageArea .sideSubTitle {
  margin: 10px 0 10px !important;
  height: 23px !important;
  padding: 15px 0 0 !important;
  border-top: 1px solid #ddd !important;
  font-size: 15px !important; }

.wideImageArea .ichiran i {
  font-size: 22px;
  font-weight: bold;
  margin-left: 5px;
  color: #aaa;
  vertical-align: text-bottom; }

.latestArticle {
  margin-bottom: 20px !important; }

.sideTitle {
  background: url("../../../../../images/v2/pc/watch/watch_icon.png") no-repeat left 5px;
  padding-left: 25px !important;
  margin-bottom: 10px !important;
  height: 23px !important;
  padding-top: 10px !important;
  font-size: 15px !important; }

.sideBoxContent li {
  margin-bottom: 20px; }
  .sideBoxContent li:first-child {
    margin-top: 0 !important; }
  .sideBoxContent li .sideBoxList .sideBoxListImg {
    width: 80px;
    float: left; }
  .sideBoxContent li .sideBoxList .sideBoxRightContent {
    width: 204px;
    float: right; }
    .sideBoxContent li .sideBoxList .sideBoxRightContent h3 {
      margin-bottom: 5px; }
      .sideBoxContent li .sideBoxList .sideBoxRightContent h3 a {
        line-height: 1.4; }
    .sideBoxContent li .sideBoxList .sideBoxRightContent .sideBoxListText {
      font-size: 12px;
      color: #666;
      line-height: 1.5; }
    .sideBoxContent li .sideBoxList .sideBoxRightContent p a {
      line-height: 1.4; }

.sideBoxContent .noPicList {
  background: url("../../../../../images/v2/pc/watch/dot.png") no-repeat left 4px;
  padding-left: 13px;
  margin-bottom: 13px !important; }

.ichiran {
  text-align: right !important;
  margin-top: 15px !important; }

.sideRankingList_inner {
  margin-bottom: 10px; }

.sideBoxRightContentForRanking {
  width: 160px !important;
  padding-left: 50px; }
  .sideBoxRightContentForRanking dd {
    margin-left: -44px; }

.sideBoxRightContentForRanking1 {
  background: url(../../../../../images/v2/pc/watch/number1.png) no-repeat left top; }

.sideBoxRightContentForRanking2 {
  background: url(../../../../../images/v2/pc/watch/number2.png) no-repeat left top; }

.sideBoxRightContentForRanking3 {
  background: url(../../../../../images/v2/pc/watch/number3.png) no-repeat left top; }

.noPicListForRanking {
  background: none !important;
  padding-left: 0 !important; }
  .noPicListForRanking span {
    font-size: 18px;
    font-weight: bold;
    color: #333;
    margin-right: 5px;
    vertical-align: middle; }

.rightQbtn a {
  padding: 0 !important; }

#os_rside .rightBtnYellow a {
  height: 42px;
  line-height: 44px;
  background-color: #fcd114;
  padding: 0 !important; }
  #os_rside .rightBtnYellow a:hover {
    background-color: #f5c800; }
  #os_rside .rightBtnYellow a span.q-text {
    color: #333 !important; }

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

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

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

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

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

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

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

.specialistIcon {
  position: absolute;
  top: 66px;
  left: -10px;
  font-size: 15px;
  color: #fff;
  line-height: 36px;
  width: 70px;
  text-align: center;
  background-color: #ff575f; }
  .specialistIcon:before {
    content: "";
    position: absolute;
    top: -7px;
    left: -33px;
    width: 34px;
    height: 1px;
    border-right: 10px solid #b22d00;
    border-top: 6px solid transparent; }
  .specialistIcon:after {
    content: "";
    position: absolute;
    top: 0;
    left: 65px;
    border-right: 5px solid #fff;
    border-top: 18px solid transparent;
    border-bottom: 18px solid transparent; }

.beforeLoginAreaBox .specialistIcon:after {
  left: 73px !important; }

.beforeLoginAreaBox:hover .specialistIcon:after {
  border-right: 5px solid #fefaee; }

.beforeLoginAreaBoxActive:hover .specialistIcon:after {
  border-right: 5px solid #fefaee; }

.hiddenLoginBox .specialistIcon {
  top: 75px !important;
  left: 9px !important; }

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

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

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

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

.pagingAreaForSearch {
  margin: 30px 0 40px !important;
  padding: 0 !important; }

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

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

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

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

.multimedia_delete {
  margin: 40px 0;
  text-align: center;
  color: #999; }

.rankingMoreSeeLink {
  text-align: right;
  margin: 10px 0 0 0; }
  .rankingMoreSeeLink a i {
    vertical-align: -1px;
    margin: 0 0 0 5px;
    color: #aaa; }

.rankingMoreSeeLinkForQa {
  margin: 15px 10px 0 0 !important; }

.rankingMoreSeeLinkForTop {
  margin: 5px 0 0 0 !important; }
  .rankingMoreSeeLinkForTop a {
    font-size: 13px !important; }
    .rankingMoreSeeLinkForTop a i {
      font-size: 22px;
      font-weight: bold;
      vertical-align: text-bottom;
      float: none;
      line-height: 1; }