@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の定義
--------------------------------*/
.watchContentsArea, .watchHeaderArea .watchHeader, .watchHeaderArea .watchHeader .snsBtnsArea, .watchHeaderArea .watchNavi ul, .topMainContentArea, .topMainContentArea .wideBox, .categoryAndDate, .newArticles .newArticleBox, .newArticles .newArticleBox .newArticleTextArea, .newArticles .newArticleBox .cateAndDate, .newArticleList li, .movieArea, .movieListArea, .topBottomContent, .topHorizontalContentArea, .topHorizontalContentArea .topHorizontalMain, .conclusionArea .conclusionList li .conclusionBox, .conclusionArea .conclusionList li .conclusionBox .conclusionRightContent .conclusionTextArea, .interviewArea .interviewList, .pickUpBox .navigation, .pickUpBox .popularRankingList, .pickUpBox .popularCategoryListArea, .watchFooter, .watchFooter .sponcorArea, .pagingArea ul, .articleHeader .cateArea, .articleHeader .cateArea .rightCate, .articleHeader .socialIconArea, .articleHeader .socialIconArea .socialBtns, .mediaArea, .knockArea, .bottomContent .bottomContentBox ul li.lastBottomContentList, .followBtnArea, .shareBtn, .rankingList li .rankingBox, .latestListForArticle li .latestBox, .interviewWrapper, .interviewWrapper ul, .writerList ul, .writerList ul li .writerListBox, .comicList, .comicPaging, .comicPaging .prev_inner, .comicPaging .next_inner, .comicProfile .comicWriter .comicWriter_right, .comicProfile .motionBox .motionBox_detail, .watchBtnArea .watchBtnArea_inner, .watchCommentArea .formArea .attach_btn, .watchCommentArea .formArea .attach_btn .btnList, .watchCommentArea .btnUpList, .formArea .tabContents, .commentListArea .commentList_item_inner .commentList_item_main ul, .writerArea .writing .writing_main, .writerArea .writing .writing_character, .writerArea .writing .writingList_inner, .popularContents ul, .popularContents ul .popularContents_item, .cateSelectBox .cateSelectBoxList ul, .categoriesList .categoriesList_inner, .personalInfo .nameArea, .personalInfo .nameArea .right ul, .personalInfo .numbers, .loginBtns .loninUpper 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, .sideCateList, .recomendInfoArea .recomendInfoList li .recomendInfoListBox, .oshitopiArea .oshitopiList .oshitopiBox, .sideBoxContent li .sideBoxList {
  *zoom: 1; }
  .watchContentsArea:after, .watchHeaderArea .watchHeader:after, .watchHeaderArea .watchHeader .snsBtnsArea:after, .watchHeaderArea .watchNavi ul:after, .topMainContentArea:after, .topMainContentArea .wideBox:after, .categoryAndDate:after, .newArticles .newArticleBox:after, .newArticles .newArticleBox .newArticleTextArea:after, .newArticles .newArticleBox .cateAndDate:after, .newArticleList li:after, .movieArea:after, .movieListArea:after, .topBottomContent:after, .topHorizontalContentArea:after, .topHorizontalContentArea .topHorizontalMain:after, .conclusionArea .conclusionList li .conclusionBox:after, .conclusionArea .conclusionList li .conclusionBox .conclusionRightContent .conclusionTextArea:after, .interviewArea .interviewList:after, .pickUpBox .navigation:after, .pickUpBox .popularRankingList:after, .pickUpBox .popularCategoryListArea:after, .watchFooter:after, .watchFooter .sponcorArea:after, .pagingArea ul:after, .articleHeader .cateArea:after, .articleHeader .cateArea .rightCate:after, .articleHeader .socialIconArea:after, .articleHeader .socialIconArea .socialBtns:after, .mediaArea:after, .knockArea:after, .bottomContent .bottomContentBox ul li.lastBottomContentList:after, .followBtnArea:after, .shareBtn:after, .rankingList li .rankingBox:after, .latestListForArticle li .latestBox:after, .interviewWrapper:after, .interviewWrapper ul:after, .writerList ul:after, .writerList ul li .writerListBox:after, .comicList:after, .comicPaging:after, .comicPaging .prev_inner:after, .comicPaging .next_inner:after, .comicProfile .comicWriter .comicWriter_right:after, .comicProfile .motionBox .motionBox_detail:after, .watchBtnArea .watchBtnArea_inner:after, .watchCommentArea .formArea .attach_btn:after, .watchCommentArea .formArea .attach_btn .btnList:after, .watchCommentArea .btnUpList:after, .formArea .tabContents:after, .commentListArea .commentList_item_inner .commentList_item_main ul:after, .writerArea .writing .writing_main:after, .writerArea .writing .writing_character:after, .writerArea .writing .writingList_inner:after, .popularContents ul:after, .popularContents ul .popularContents_item:after, .cateSelectBox .cateSelectBoxList ul:after, .categoriesList .categoriesList_inner:after, .personalInfo .nameArea:after, .personalInfo .nameArea .right ul:after, .personalInfo .numbers:after, .loginBtns .loninUpper 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, .sideCateList:after, .recomendInfoArea .recomendInfoList li .recomendInfoListBox:after, .oshitopiArea .oshitopiList .oshitopiBox:after, .sideBoxContent li .sideBoxList:after {
    display: block;
    content: "";
    clear: both;
    height: 0;
    overflow: hidden; }

.topMainContentArea h2 a, .topMainContentArea .wideBox .wideBoxImg .wideBoxImgCaption a, .topMainContentArea .watchText, .newArticles .newArticleBox .newArticleRightContents .newArticleTitle a, .newArticles .newArticleBox .newArticleTextArea .newArticleText, .newArticleList li h3 a, .pickUpBox .popularRankingList li a, .latestListTitle a, .articleText, .bottomContent .bottomContentBox .bottomContentTitle, .bottomContent .bottomContentBox ul li, .rankingList li .rankingBox .rankingTextArea h3, .rankingList li .rankingBox .rankingTextArea p, .rankingList li .rankingTextArea2, .watchCommentArea .formBox textarea, .commentListArea .commentList_item_inner .commentList_item_main h3, .writerArea .writing .writing_character_list li .profile_list dt, .popularContents ul .popularContents_item .popularContents_item_text h3, .popularContents ul .popularContents_item .popularContents_item_text p, .specialistAnswerArea .specialistAnswerAreaInner .listBox div .listRightBox .listTitle, .specialistAnswerArea .specialistAnswerAreaInner .listBox div .listRightBox .listText li a, .newAnswers .newAnswersInner ul li .newAnswerBox .newAnswersRight p, .newAnswers .newAnswersInner ul li .newAnswerBox .bottomQ .bottomQtext span.q-text, .oshitopiArea .oshitopiInner ul li .oshitopiImg, .oshitopiArea .oshitopiInner ul li .oshitopiText a, .informationArea .infoAreaInner ul li p, .sideBoxContent li .sideBoxList .sideBoxRightContent dt a, .sideBoxContent li .sideBoxList .sideBoxRightContent .sideBoxListText {
  word-break: break-all;
  word-wrap: break-word; }

.readMore a, .comicGood a, .personalInfo .btn a span.q-text, .sideBoxContent li .sideBoxList .sideBoxRightContent dt .small, .articlePaging li {
  display: inline-block;
  *display: inline;
  *zoom: 1; }

.newArticles .newArticleBox .newArticleTextArea .newArticleText, .comicMore .comicMore_list li, .writerArea .writing .writingList_title {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis; }

.commentListArea .commentList_item_inner {
  display: table;
  width: 100%;
  table-layout: fixed; }

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

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

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

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

/*tableOfContents
--------------------------------
1.定義
	1-1.カテゴリ名の定義
	1-2.共通
	1-3.カテゴリ名の定義(リンク付きの場合)
2.左側コンテンツ
	2-1.ヘッダーエリア
	2-2.トップ用テーブル
	2-3.トップ画面の下半分のエリア
	2-4.フッター(top用)
	2-5.人気アイコン
	2-6.新着一覧
	2-7.ページング
	2-8.記事ヘッダー（末端ページ用）
	2-10.漫画
	2-11.記事のボタン（NICE&BAD）
	2-12.コメント機能エリア
	2-13.コメント一覧
	2-14.この記事についてコメントしよう！
	2-15.作者プロフィールページ
	2-16.人気のコンテンツ
	2-17.カテゴリセレクトボックス
	2-18.一覧画面下のカテゴリ一覧
--------------------------------*/
.cateName2 {
  color: #fff;
  background-color: #E9546B;
  padding: 3px 20px; }

.cateName3 {
  color: #fff;
  background-color: #F6AD3C;
  padding: 3px 20px; }

.cateName4 {
  color: #fff;
  background-color: #00ADA9;
  padding: 3px 20px; }

.cateName5 {
  color: #fff;
  background-color: #187FC4;
  padding: 3px 20px; }

.cateMatome {
  color: #fff;
  background-color: #AACF52;
  padding: 3px 20px; }

.cateName1 {
  color: #fff;
  background-color: #00AFEC;
  padding: 3px 20px; }

.cateName6 {
  color: #fff;
  background-color: #E85298;
  padding: 3px 20px; }

.cateName8 {
  color: #fff;
  background-color: #cc99ff;
  padding: 3px 20px; }

.contentsInner {
  width: 1080px !important;
  margin: 20px auto; }

.watchContentsArea {
  padding: 30px 18px; }

.breadcrumbListArea {
  padding-left: 15px; }

a {
  color: #395998; }
  a:hover {
    text-decoration: underline; }

.emergencyArea a {
  text-decoration: none !important; }

.readMore a, .comicGood a, .personalInfo .btn a span.q-text, .sideBoxContent li .sideBoxList .sideBoxRightContent dt .small, .articlePaging li {
  display: inline-block;
  *display: inline;
  *zoom: 1; }

.topMainContentArea h2 a, .topMainContentArea .wideBox .wideBoxImg .wideBoxImgCaption a, .topMainContentArea .watchText, .newArticles .newArticleBox .newArticleRightContents .newArticleTitle a, .newArticles .newArticleBox .newArticleTextArea .newArticleText, .newArticleList li h3 a, .pickUpBox .popularRankingList li a, .latestListTitle a, .articleText, .bottomContent .bottomContentBox .bottomContentTitle, .bottomContent .bottomContentBox ul li, .rankingList li .rankingBox .rankingTextArea h3, .rankingList li .rankingBox .rankingTextArea p, .rankingList li .rankingTextArea2, .watchCommentArea .formBox textarea, .commentListArea .commentList_item_inner .commentList_item_main h3, .writerArea .writing .writing_character_list li .profile_list dt, .popularContents ul .popularContents_item .popularContents_item_text h3, .popularContents ul .popularContents_item .popularContents_item_text p, .specialistAnswerArea .specialistAnswerAreaInner .listBox div .listRightBox .listTitle, .specialistAnswerArea .specialistAnswerAreaInner .listBox div .listRightBox .listText li a, .newAnswers .newAnswersInner ul li .newAnswerBox .newAnswersRight p, .newAnswers .newAnswersInner ul li .newAnswerBox .bottomQ .bottomQtext span.q-text, .oshitopiArea .oshitopiInner ul li .oshitopiImg, .oshitopiArea .oshitopiInner ul li .oshitopiText a, .informationArea .infoAreaInner ul li p, .sideBoxContent li .sideBoxList .sideBoxRightContent dt a, .sideBoxContent li .sideBoxList .sideBoxRightContent .sideBoxListText {
  word-break: break-all;
  word-wrap: break-word; }

.contentsInner {
  width: 1080px !important;
  margin: 20px auto; }

.watchContentsArea {
  padding: 30px 18px; }

.breadcrumbListArea {
  padding-left: 15px; }

a {
  color: #395998; }
  a:hover {
    text-decoration: underline; }

.emergencyArea a {
  text-decoration: none !important; }

.cateName2Link a {
  color: #fff;
  background-color: #E9546B; }

.cateName3Link a {
  color: #fff;
  background-color: #F6AD3C; }

.cateName4Link a {
  color: #fff;
  background-color: #00ADA9; }

.cateName5Link a {
  color: #fff;
  background-color: #187FC4; }

.cateMatomeLink a {
  color: #fff;
  background-color: #AACF52; }

.cateName1Link a {
  color: #fff;
  background-color: #00AFEC; }

.cateName6Link a {
  color: #fff;
  background-color: #E85298; }

.cateName8Link a {
  color: #fff;
  background-color: #cc99ff; }

.cateNameLink a {
  padding: 3px 20px;
  display: block;
  text-decoration: none; }
  .cateNameLink a:hover {
    text-decoration: none; }

.watchLeftContents {
  width: 700px;
  float: left; }

.watchHeaderArea {
  padding: 20px 20px 0;
  border-bottom: 1px solid #ddd; }
  .watchHeaderArea .watchHeader {
    position: relative; }
    .watchHeaderArea .watchHeader .watchLogo {
      background: url(../../../../../images/v2/pc/watch/logo.png) no-repeat left;
      display: block;
      width: 146px;
      height: 41px;
      float: left;
      margin-right: 25px; }
      .watchHeaderArea .watchHeader .watchLogo a {
        display: block;
        width: 146px;
        height: 41px; }
        .watchHeaderArea .watchHeader .watchLogo a span {
          display: none; }
    .watchHeaderArea .watchHeader .watchSubTitle {
      float: left;
      color: #333;
      font-size: 13px;
      line-height: 41px; }
    .watchHeaderArea .watchHeader .snsBtnsArea {
      position: absolute;
      top: 8px;
      right: 10px; }
      .watchHeaderArea .watchHeader .snsBtnsArea li {
        float: left;
        margin-left: 10px; }
        .watchHeaderArea .watchHeader .snsBtnsArea li:first-child {
          margin-left: 0 !important; }
        .watchHeaderArea .watchHeader .snsBtnsArea li a {
          display: block;
          border-radius: 50%;
          width: 25px;
          height: 25px;
          color: #fff;
          text-align: center;
          line-height: 25px; }
        .watchHeaderArea .watchHeader .snsBtnsArea li.facebook a {
          background-color: #305fb3; }
          .watchHeaderArea .watchHeader .snsBtnsArea li.facebook a i {
            vertical-align: -1px; }
          .watchHeaderArea .watchHeader .snsBtnsArea li.facebook a:hover {
            background-color: #1f3d74; }
        .watchHeaderArea .watchHeader .snsBtnsArea li.twitter a {
          background-color: #43ccf6; }
          .watchHeaderArea .watchHeader .snsBtnsArea li.twitter a:hover {
            background-color: #309aba; }
        .watchHeaderArea .watchHeader .snsBtnsArea li.youtube a {
          font-size: 12px;
          background-color: #cd201f; }
          .watchHeaderArea .watchHeader .snsBtnsArea li.youtube a i {
            vertical-align: -1px; }
          .watchHeaderArea .watchHeader .snsBtnsArea li.youtube a:hover {
            background-color: #841515; }
        .watchHeaderArea .watchHeader .snsBtnsArea li.niconico a {
          background-color: #b6b6b6; }
          .watchHeaderArea .watchHeader .snsBtnsArea li.niconico a img {
            margin: 4px 0 0 2px; }
          .watchHeaderArea .watchHeader .snsBtnsArea li.niconico a:hover {
            background-color: #6a6a6a; }
        .watchHeaderArea .watchHeader .snsBtnsArea li.rss a {
          font-size: 12px;
          background-color: #fca600; }
          .watchHeaderArea .watchHeader .snsBtnsArea li.rss a i {
            vertical-align: -1px; }
          .watchHeaderArea .watchHeader .snsBtnsArea li.rss a:hover {
            background-color: #a26b01; }
  .watchHeaderArea .watchNavi {
    margin-top: 25px; }
    .watchHeaderArea .watchNavi ul li {
      float: left;
      height: 26px;
      margin-left: 10px; }
      .watchHeaderArea .watchNavi ul li:first-child {
        margin-left: 0 !important; }
      .watchHeaderArea .watchNavi ul li a {
        display: block;
        font-size: 15px;
        padding: 0 23px 5px;
        color: #333; }
        .watchHeaderArea .watchNavi ul li a:hover {
          text-decoration: none !important;
          border-bottom: 6px solid #333; }
      .watchHeaderArea .watchNavi ul li.active a {
        font-weight: bold;
        border-bottom: 6px solid #333; }
      .watchHeaderArea .watchNavi ul li.nav01 a:hover {
        border-bottom: 6px solid #E9546B !important;
        color: #E9546B !important; }
      .watchHeaderArea .watchNavi ul li.nav01.active a {
        border-bottom: 6px solid #E9546B !important;
        color: #E9546B !important; }
      .watchHeaderArea .watchNavi ul li.nav02 a:hover {
        border-bottom: 6px solid #F6AD3C;
        color: #F6AD3C; }
      .watchHeaderArea .watchNavi ul li.nav02.active a {
        border-bottom: 6px solid #F6AD3C;
        color: #F6AD3C; }
      .watchHeaderArea .watchNavi ul li.nav03 a:hover {
        border-bottom: 6px solid #00ADA9;
        color: #00ADA9; }
      .watchHeaderArea .watchNavi ul li.nav03.active a {
        border-bottom: 6px solid #00ADA9;
        color: #00ADA9; }
      .watchHeaderArea .watchNavi ul li.nav04 a:hover {
        border-bottom: 6px solid #187FC4;
        color: #187FC4; }
      .watchHeaderArea .watchNavi ul li.nav04.active a {
        border-bottom: 6px solid #187FC4;
        color: #187FC4; }
      .watchHeaderArea .watchNavi ul li.nav05 a:hover {
        border-bottom: 6px solid #AACF52;
        color: #AACF52; }
      .watchHeaderArea .watchNavi ul li.nav05.active a {
        border-bottom: 6px solid #AACF52;
        color: #AACF52; }
      .watchHeaderArea .watchNavi ul li.nav06 a:hover {
        border-bottom: 6px solid #00AFEC;
        color: #00AFEC; }
      .watchHeaderArea .watchNavi ul li.nav06.active a {
        border-bottom: 6px solid #00AFEC;
        color: #00AFEC; }
      .watchHeaderArea .watchNavi ul li.nav07 a:hover {
        border-bottom: 6px solid #E85298;
        color: #E85298; }
      .watchHeaderArea .watchNavi ul li.nav07.active a {
        border-bottom: 6px solid #E85298;
        color: #E85298; }
      .watchHeaderArea .watchNavi ul li.nav08 a:hover {
        border-bottom: 6px solid #cc99ff;
        color: #cc99ff; }
      .watchHeaderArea .watchNavi ul li.nav08.active a {
        border-bottom: 6px solid #cc99ff;
        color: #cc99ff; }
      .watchHeaderArea .watchNavi ul li.nav09 a:hover {
        border-bottom: 6px solid #ff7741;
        color: #ff7741; }
      .watchHeaderArea .watchNavi ul li.nav09.active a {
        border-bottom: 6px solid #ff7741;
        color: #ff7741; }

.topMainContentArea {
  position: relative;
  width: 688px;
  border: 6px solid #333; }
  .topMainContentArea h2 {
    margin-bottom: 20px; }
    .topMainContentArea h2 a {
      border-bottom: 1px dotted #666;
      color: #000;
      line-height: 1.5;
      font-weight: bold;
      text-decoration: none; }
      .topMainContentArea h2 a:hover {
        border-bottom: 1px solid #666; }
    .topMainContentArea h2.wideTitle a {
      font-size: 32px; }
    .topMainContentArea h2.narrowBoxTitle a {
      font-size: 22px; }
  .topMainContentArea .ichioshiIcon {
    position: absolute;
    top: -19px;
    left: -18px;
    background: url(../../../../../images/v2/pc/watch/ichioshi_icon.png) no-repeat left;
    display: block;
    width: 128px;
    height: 39px; }
    .topMainContentArea .ichioshiIcon span {
      display: none; }
  .topMainContentArea .wideBox {
    background-color: #fff;
    padding: 15px;
    border-bottom: 6px solid #000;
    width: 658px; }
    .topMainContentArea .wideBox .wideBoxContents {
      width: 412px;
      float: left; }
    .topMainContentArea .wideBox .wideBoxImg {
      width: 230px;
      float: right; }
      .topMainContentArea .wideBox .wideBoxImg .wideBoxImgCaption {
        text-align: center;
        margin-top: 5px; }
        .topMainContentArea .wideBox .wideBoxImg .wideBoxImgCaption a {
          font-size: 13px; }
  .topMainContentArea .watchText {
    font-size: 15px;
    line-height: 1.5;
    color: #333; }
  .topMainContentArea .narrowBox {
    float: left;
    width: 311px;
    padding: 15px;
    min-height: 209px;
    background-color: #fff; }
  .topMainContentArea .narrowBoxRight {
    float: right !important;
    display: table-cell;
    border-left: 6px solid #333; }

.readMore a {
  font-weight: bold;
  margin-left: 15px; }

.categoryAndDate {
  margin-bottom: 15px; }
  .categoryAndDate .cateName {
    float: left;
    margin-right: 10px; }
  .categoryAndDate .dateTime {
    float: left;
    font-size: 13px;
    color: #868686;
    margin-top: 4px; }

.topBottomBox {
  background-color: #fff;
  border-bottom: 1px solid #F2F2F2;
  padding-bottom: 30px;
  margin-bottom: 25px;
  position: relative; }
  .topBottomBox h2 {
    display: block;
    margin-bottom: 20px; }
    .topBottomBox h2 span {
      display: none; }

.newArticles {
  margin-top: 30px;
  position: relative; }
  .newArticles h2 {
    background: url(../../../../../images/v2/pc/watch/new_title.png) no-repeat left;
    width: 89px;
    height: 23px; }
  .newArticles .newArticleBox .newArticleRightContents {
    width: 585px;
    float: right;
    margin-top: 4px; }
    .newArticles .newArticleBox .newArticleRightContents .newArticleTitle {
      margin-bottom: 17px;
      line-height: 1.5;
      margin-top: -7px; }
      .newArticles .newArticleBox .newArticleRightContents .newArticleTitle a {
        font-size: 22px;
        font-weight: bold;
        color: #000;
        border-bottom: 1px dotted #666;
        text-decoration: none; }
        .newArticles .newArticleBox .newArticleRightContents .newArticleTitle a:hover {
          border-bottom: 1px solid #666; }
  .newArticles .newArticleBox .newArticleRightContentsForTop {
    width: 580px !important;
    margin-top: 6px !important; }
    .newArticles .newArticleBox .newArticleRightContentsForTop .newArticleTitle {
      margin-bottom: 12px !important; }
    .newArticles .newArticleBox .newArticleRightContentsForTop .newArticleText {
      width: 477px !important;
      line-height: 1.0 !important; }
    .newArticles .newArticleBox .newArticleRightContentsForTop .cateName {
      padding: 4px 10px !important; }
  .newArticles .newArticleBox .newArticleRightContentsForL {
    width: 585px !important; }
    .newArticles .newArticleBox .newArticleRightContentsForL .latestListTitle {
      margin-bottom: 5px !important;
      line-height: 1.2 !important; }
      .newArticles .newArticleBox .newArticleRightContentsForL .latestListTitle a {
        font-size: 18px; }
    .newArticles .newArticleBox .newArticleRightContentsForL .newArticleTextForList {
      width: 575px !important; }
    .newArticles .newArticleBox .newArticleRightContentsForL .dateTime {
      font-size: 12px !important;
      color: #999999;
      margin-top: 4px; }
    .newArticles .newArticleBox .newArticleRightContentsForL .newArticleTextArea {
      margin-bottom: 5px !important; }
  .newArticles .newArticleBox .newArticleTextArea {
    margin-bottom: 10px; }
    .newArticles .newArticleBox .newArticleTextArea .newArticleText {
      width: 472px;
      float: left;
      line-height: 1.4; }
  .newArticles .newArticleBox .readMore {
    width: 85px;
    float: right;
    margin-left: 0 !important; }
    .newArticles .newArticleBox .readMore a {
      margin-left: 0 !important; }
  .newArticles .newArticleBox .cateAndDate .cateName {
    float: left;
    margin-right: 10px;
    font-size: 10px; }
  .newArticles .newArticleBox .cateAndDate .dateTime {
    float: left;
    font-size: 12px;
    color: #878787;
    margin-top: 2px; }
  .newArticles .newArticleBox .newArticleLeftContents {
    width: 100px;
    float: left; }
  .newArticles .newArticleBox .newArticleLeftContentsForTop {
    margin-right: 20px; }

.newArticleList {
  margin: 25px 0 0 20px; }
  .newArticleList li {
    padding: 10px 0;
    background: url(../../../../../images/v2/pc/watch/dot.png) no-repeat left 18px;
    line-height: 1.4;
    padding-left: 13px; }
    .newArticleList li h3 {
      margin-right: 5px; }
      .newArticleList li h3 a {
        font-size: 16px;
        margin-right: 15px;
        float: left; }
    .newArticleList li .watchDate {
      font-size: 12px;
      color: #868686;
      float: left;
      margin-top: 2px; }
    .newArticleList li:first-child {
      margin-top: 0 !important; }

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

.newArticleBox2 {
  margin-top: 20px; }

.movieArea {
  position: relative; }
  .movieArea .movieTitle {
    background: url(../../../../../images/v2/pc/watch/movie_title.png) no-repeat left;
    width: 44px;
    height: 20px;
    margin-bottom: 20px; }
  .movieArea .ichiran {
    margin-top: 0 !important; }

.movieSubTitleArea {
  position: absolute;
  top: -2px;
  left: 65px; }
  .movieSubTitleArea .movieSubTitle {
    border-radius: 5px;
    border: 1px solid #000;
    position: relative;
    padding: 6px 10px; }
    .movieSubTitleArea .movieSubTitle:before {
      content: "";
      position: absolute;
      top: 7px;
      left: 2px;
      margin-left: -10px;
      display: block;
      width: 0px;
      height: 0px;
      border-style: solid;
      border-width: 5px 8px 5px 0;
      border-color: transparent #000 transparent transparent; }
    .movieSubTitleArea .movieSubTitle: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; }

.movieListArea .movieList {
  float: left;
  width: 333px;
  margin-bottom: 20px; }

.movieListArea .movieWrapper {
  width: 333px;
  height: 104px;
  background: url(../../../../../images/v2/pc/watch/youtube_bg.png) repeat left; }
  .movieListArea .movieWrapper .thumbNail {
    text-align: center; }

.movieListArea .movieList2 {
  float: right !important; }

.movieListArea .movieCaption {
  margin-top: 10px; }
  .movieListArea .movieCaption a {
    font-size: 13px;
    line-height: 1.4; }

.ichiran {
  margin-top: 0 !important; }

.bestSeasonTitle {
  background: url(../../../../../images/v2/pc/watch/season_title.png) no-repeat left;
  width: 16px;
  height: 19px; }

.topBottomContent .topBottomContentLeft {
  float: left;
  width: 170px; }

.topBottomContent .topBottomContentImg {
  display: block;
  width: 130px;
  height: 130px;
  margin: 0 auto; }

.topBottomContent .topBottomContentImgCaption {
  margin-top: 10px;
  text-align: center; }
  .topBottomContent .topBottomContentImgCaption a {
    font-size: 12px;
    margin-top: 10px; }

.topBottomContentRight {
  width: 520px;
  float: right; }
  .topBottomContentRight li {
    background: url(../../../../../images/v2/pc/watch/dot.png) no-repeat left;
    margin-top: 10px;
    padding-left: 13px; }
    .topBottomContentRight li:frist-child {
      margin-top: 0 !important; }

.bestSeasonArea {
  padding-bottom: 20px !important; }
  .bestSeasonArea .ichiran {
    margin-top: -15px; }

.specialistTitle {
  background: url(../../../../../images/v2/pc/watch/specialist_title.png) no-repeat left;
  width: 152px;
  height: 23px; }

.specialistArea {
  padding-bottom: 20px !important; }
  .specialistArea .ichiran {
    margin-top: -15px; }

.topHorizontalContentArea .topHorizontalContent {
  width: 340px;
  float: left; }

.topHorizontalContentArea .topHorizontalContentRight {
  float: right !important; }

.topHorizontalContentArea .newProdTile {
  background: url(../../../../../images/v2/pc/watch/topic_title.png) no-repeat left;
  width: 80px;
  height: 19px; }

.topHorizontalContentArea .newProdTile2 {
  background: url(../../../../../images/v2/pc/watch/koneta_title.png) no-repeat left;
  width: 59px;
  height: 20px; }

.topHorizontalContentArea .topHorizontalMain .topHorizontalImg {
  width: 60px;
  float: left;
  margin-bottom: 20px; }

.topHorizontalContentArea .topHorizontalMain .topHorizontalTitle {
  width: 270px;
  float: right;
  line-height: 1.4; }
  .topHorizontalContentArea .topHorizontalMain .topHorizontalTitle a {
    font-weight: bold; }

.topHorizontalContentArea .topHorizontalList li {
  margin-top: 10px; }
  .topHorizontalContentArea .topHorizontalList li:first-child {
    margin-top: 0 !important; }

.conclusionArea .conclusionTitle {
  background: url(../../../../../images/v2/pc/watch/conclusion_title.png) no-repeat left;
  width: 62px;
  height: 17px; }

.conclusionArea .conclusionList li {
  margin-top: 10px; }
  .conclusionArea .conclusionList li:first-child {
    margin-top: 0 !important; }
  .conclusionArea .conclusionList li .conclusionBox .conclusionImg {
    width: 60px;
    float: left; }
  .conclusionArea .conclusionList li .conclusionBox .conclusionRightContent {
    width: 630px;
    float: right; }
    .conclusionArea .conclusionList li .conclusionBox .conclusionRightContent h3 {
      margin: 5px 0 10px; }
      .conclusionArea .conclusionList li .conclusionBox .conclusionRightContent h3 a {
        font-weight: bold; }
    .conclusionArea .conclusionList li .conclusionBox .conclusionRightContent .conclusionTextArea .conclusionText {
      width: 415px;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
      float: left;
      font-size: 12px;
      line-height: 1.4; }
    .conclusionArea .conclusionList li .conclusionBox .conclusionRightContent .conclusionTextArea .conclusionReadMore {
      width: 60px;
      float: left; }
      .conclusionArea .conclusionList li .conclusionBox .conclusionRightContent .conclusionTextArea .conclusionReadMore a {
        font-size: 12px; }

.interviewArea {
  margin-bottom: 30px; }
  .interviewArea h2 {
    background: url(../../../../../images/v2/pc/watch/interview_title.png) no-repeat left;
    width: 130px;
    height: 18px;
    margin-bottom: 20px; }
    .interviewArea h2 span {
      display: none; }
  .interviewArea .interviewList li {
    float: left;
    width: 100px;
    margin-left: 35px; }
    .interviewArea .interviewList li:first-child {
      margin-left: 0 !important; }
    .interviewArea .interviewList li .interviewListName {
      margin-top: 10px; }
      .interviewArea .interviewList li .interviewListName a {
        font-size: 12px; }
  .interviewArea .newIcon {
    margin-top: 5px; }

.pickUpBox {
  position: relative; }
  .pickUpBox .pickUpBoxTitle {
    background: url(../../../../../images/v2/pc/watch/watch_icon.png) no-repeat left;
    height: 23px;
    font-size: 18px;
    color: #333;
    margin-bottom: 17px;
    line-height: 23px;
    padding-left: 25px; }
  .pickUpBox .popularRankingSubtitle {
    border-radius: 5px;
    border: 1px solid #000;
    position: absolute;
    top: -2px;
    left: 213px;
    padding: 6px 10px; }
    .pickUpBox .popularRankingSubtitle:before {
      content: "";
      position: absolute;
      top: 7px;
      left: 2px;
      margin-left: -10px;
      display: block;
      width: 0px;
      height: 0px;
      border-style: solid;
      border-width: 5px 8px 5px 0;
      border-color: transparent #000 transparent transparent; }
    .pickUpBox .popularRankingSubtitle: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; }
  .pickUpBox .navigation {
    margin-bottom: 25px;
    padding-left: 5px; }
    .pickUpBox .navigation li {
      float: left;
      margin-left: 20px;
      padding-left: 20px;
      height: 20px;
      line-height: 20px;
      border-left: 1px solid #ddd; }
      .pickUpBox .navigation li:first-child {
        margin-left: 0 !important;
        padding-left: 0 !important;
        border-left: none !important; }
      .pickUpBox .navigation li a {
        font-size: 13px;
        color: #999; }
        .pickUpBox .navigation li a:hover {
          text-decoration: underline; }
      .pickUpBox .navigation li.active a {
        color: #333;
        font-weight: bold; }
        .pickUpBox .navigation li.active a:hover {
          text-decoration: none; }
  .pickUpBox .popularRankingList .rankingNumber {
    font-weight: bold;
    color: #333;
    margin-right: 10px; }
  .pickUpBox .popularRankingList .popularRanking1to10 {
    width: 340px;
    float: left;
    margin-left: 4px; }
    .pickUpBox .popularRankingList .popularRanking1to10 .number10 {
      margin-left: -4px; }
  .pickUpBox .popularRankingList .popularRanking11to20 {
    width: 340px;
    float: right; }
  .pickUpBox .popularRankingList li {
    margin-top: 13px;
    width: 300px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    line-height: 1.4; }
    .pickUpBox .popularRankingList li:first-child {
      margin-top: 0 !important; }

.pickUpBox {
  position: relative;
  margin-top: 50px; }
  .pickUpBox .pickUpBoxTitle {
    background: url(../../../../../images/v2/pc/watch/watch_icon.png) no-repeat left;
    height: 23px;
    font-size: 18px;
    color: #333;
    margin-bottom: 20px;
    line-height: 23px;
    padding-left: 25px; }
  .pickUpBox .popularCategoryListArea {
    margin-left: 29px; }
    .pickUpBox .popularCategoryListArea .popularCategoryList {
      width: 25%;
      float: left; }
      .pickUpBox .popularCategoryListArea .popularCategoryList li {
        margin: 12px 10px 0 0;
        line-height: 1.4; }
        .pickUpBox .popularCategoryListArea .popularCategoryList li:first-child {
          margin-top: 0 !important; }
  .pickUpBox .tooSeeMore {
    margin-top: 10px;
    text-align: right; }
    .pickUpBox .tooSeeMore i {
      margin-left: 5px;
      font-size: 20px;
      color: #999;
      vertical-align: text-bottom; }
  .pickUpBox .hiddenCate {
    position: absolute;
    top: -324px;
    right: -164px;
    width: 153px;
    border: 1px solid #ddd;
    box-shadow: 2px 2px 0 #e5e5e5; }
    .pickUpBox .hiddenCate li {
      border-top: 1px solid #ddd;
      line-height: 33px; }
      .pickUpBox .hiddenCate li a {
        font-size: 13px;
        padding-left: 10px;
        background-color: #fff;
        display: block;
        color: #444;
        text-decoration: none; }
        .pickUpBox .hiddenCate li a:hover {
          background-color: #F2F2F2; }
      .pickUpBox .hiddenCate li:first-child {
        border-top: none !important; }
      .pickUpBox .hiddenCate li.active a {
        color: #FF8000;
        background-color: #F2F2F2; }

.watchFooter {
  border-top: 1px solid #ddd;
  padding: 20px 20px 0; }
  .watchFooter h2 {
    float: left;
    width: 40px;
    font-size: 13px;
    color: #333;
    margin-top: 10px; }
  .watchFooter .sponcorArea {
    float: right;
    width: 998px; }
    .watchFooter .sponcorArea li {
      float: left;
      height: 30px;
      margin: 0 0 20px 27px; }

.popularIcon {
  color: #fff;
  font-size: 12px;
  background-color: #FF7F00;
  padding: 1px 4px;
  margin-left: 10px;
  text-align: center; }

.latesTitle {
  background: url(../../../../../images/v2/pc/watch/latest_list_title.png) no-repeat left !important;
  width: 89px;
  height: 22px;
  margin-bottom: 20px;
  margin-top: -43px; }
  .latesTitle span {
    display: none; }

.latestListTitle {
  margin-bottom: 13px;
  line-height: 1.4; }
  .latestListTitle a {
    font-size: 20px; }

.newArticleTextForList {
  width: 563px !important; }

.newArticlesForList {
  padding-top: 43px !important;
  margin-top: 0 !important; }

.pagingFull {
  margin: 20px 0 50px !important; }

.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: #FF8000 !important;
      color: #fff !important;
      border-color: #FF8000 !important;
      font-weight: bold;
      cursor: default; }
      .pagingArea ul li.active a:hover {
        background-color: #FF8000 !important; }
    .pagingArea ul li.next a {
      color: #FF8000 !important; }
    .pagingArea ul li.prev a {
      color: #FF8000 !important; }
    .pagingArea ul li.last {
      margin-right: 0 !important; }
    .pagingArea ul li.disabled {
      display: none; }
    .pagingArea ul li a {
      font-size: 15px;
      color: #666666;
      display: block;
      text-decoration: none;
      padding: 8px 10px;
      border-radius: 5px;
      border: 1px solid #ddd;
      margin-right: 8px;
      background-color: #f6f6f6; }
      .pagingArea ul li a:hover {
        color: #FF8000;
        background-color: #e0e0e0 !important;
        text-decoration: none; }

.article {
  width: 682px;
  margin: -30px 0 !important;
  padding: 30px 30px 30px 0 !important;
  border-right: 1px solid #f2f2f2; }

.articleHeader {
  padding-bottom: 20px;
  border-bottom: 1px solid #F2F2F2;
  margin-bottom: 20px; }
  .articleHeader .title {
    font-size: 26px;
    font-weight: bold;
    line-height: 1.4;
    padding-bottom: 34px; }
  .articleHeader .cateArea {
    margin-bottom: 10px; }
    .articleHeader .cateArea .cateNameForCateArea {
      float: left; }
    .articleHeader .cateArea .rightCate {
      float: right; }
      .articleHeader .cateArea .rightCate li {
        float: left;
        margin-left: 15px; }
        .articleHeader .cateArea .rightCate li:first-child {
          margin-left: 0 !important; }
        .articleHeader .cateArea .rightCate li a {
          color: #777;
          text-decoration: none;
          display: block;
          border: 1px solid #eee;
          padding: 5px 8px;
          font-size: 12px; }
  .articleHeader .socialIconArea {
    margin-top: -8px; }
    .articleHeader .socialIconArea .socialBtns {
      float: left;
      margin-right: 10px; }
      .articleHeader .socialIconArea .socialBtns li {
        float: left;
        margin-left: 5px; }
        .articleHeader .socialIconArea .socialBtns li:first-child {
          margin-left: 0 !important; }
    .articleHeader .socialIconArea .time {
      float: left;
      font-size: 13px;
      color: #878787;
      line-height: 32px; }

.articleText {
  font-size: 16px;
  color: #333;
  line-height: 1.5; }
  .articleText img {
    margin: 10px; }

.mediaArea {
  margin-bottom: 30px; }
  .mediaArea span:first-child.imageBox {
    margin-left: 0 !important; }

.imageBox {
  width: 220px;
  float: left;
  margin-left: 9px; }
  .imageBox .imageBoxCaption {
    margin-top: 6px; }

.knockArea {
  margin: 50px 0 34px;
  font-size: 16px;
  margin-right: 15px; }
  .knockArea .knockTitle {
    float: left; }
    .knockArea .knockTitle a {
      font-size: 16px; }
  .knockArea .knockLink {
    float: left;
    margin-left: 15px; }

.bottomContent div:first-child.bottomContentBox {
  margin-top: 0 !important; }

.bottomContent .bottomContentBox {
  margin-top: 25px; }
  .bottomContent .bottomContentBox .bottomContentTitle {
    font-weight: bold;
    margin-bottom: 15px; }
  .bottomContent .bottomContentBox ul {
    padding-left: 20px; }
    .bottomContent .bottomContentBox ul li {
      margin-top: 10px;
      line-height: 1.4; }
      .bottomContent .bottomContentBox ul li:first-child {
        margin-top: 0 !important; }
      .bottomContent .bottomContentBox ul li.lastBottomContentList .lastBottomTime {
        margin-left: 5px;
        color: #999; }

.followBtnArea li {
  float: left;
  margin-left: 5px; }
  .followBtnArea li:first-child {
    margin-left: 0 !important; }
  .followBtnArea li.facebook {
    background: url(../../../../../images/v2/pc/watch/facebook_bg.png) no-repeat left;
    width: 271px;
    height: 45px; }
    .followBtnArea li.facebook iframe {
      padding: 13px 0 0 154px; }
  .followBtnArea li.twitter {
    background: url(../../../../../images/v2/pc/watch/twitter_bg.png) no-repeat left;
    width: 271px;
    height: 45px; }
    .followBtnArea li.twitter iframe {
      padding: 13px 0 0 72px; }
  .followBtnArea li.rss a {
    background: url(../../../../../images/v2/pc/watch/rss_btn.png) no-repeat left;
    width: 130px;
    height: 45px;
    display: block; }
    .followBtnArea li.rss a span {
      display: none; }

.shareBtn {
  margin-top: 40px; }
  .shareBtn li {
    float: left; }
    .shareBtn li a {
      display: block;
      width: 333px;
      height: 45px;
      color: #fff;
      text-align: center;
      font-size: 16px;
      line-height: 45px; }
      .shareBtn li a:hover {
        text-decoration: none; }
    .shareBtn li.facebookBtn {
      margin-right: 15px; }
      .shareBtn li.facebookBtn a {
        background-color: #3b5997; }
        .shareBtn li.facebookBtn a:hover {
          background-color: #1f377a; }
        .shareBtn li.facebookBtn a i {
          font-size: 20px;
          margin-right: 10px;
          vertical-align: -1px; }
    .shareBtn li.twitterBtn a {
      background-color: #00aeec; }
      .shareBtn li.twitterBtn a:hover {
        background-color: #0090ee; }
      .shareBtn li.twitterBtn a i {
        font-size: 22px;
        margin-right: 10px;
        vertical-align: -2px; }

.oshieteGoo {
  text-align: center;
  width: 331px;
  margin: 15px auto 0;
  border: 1px solid #888;
  padding: 10px 0; }
  .oshieteGoo img {
    vertical-align: bottom;
    margin-right: 5px; }
  .oshieteGoo a {
    font-size: 16px; }

.rankingList li {
  border-bottom: 2px dotted #ccc; }
  .rankingList li:first-child {
    border-top: 2px dotted #ccc; }
  .rankingList li.rankingListBoxWrap:hover {
    background-color: #FFFADD; }
  .rankingList li .rankingBox {
    padding: 15px 20px 15px 0; }
    .rankingList li .rankingBox .rankingNumberArea {
      float: left;
      width: 41px; }
      .rankingList li .rankingBox .rankingNumberArea p {
        text-align: center;
        font-weight: bold;
        margin-top: 3px;
        font-size: 15px; }
        .rankingList li .rankingBox .rankingNumberArea p .rankingBoxCrown {
          margin-top: 13px; }
    .rankingList li .rankingBox .rankingImg {
      width: 60px;
      float: left;
      margin-left: 10px; }
    .rankingList li .rankingBox .rankingTextArea {
      width: 525px;
      float: left;
      margin-left: 10px; }
      .rankingList li .rankingBox .rankingTextArea h3 {
        font-size: 15px;
        line-height: 1.4; }
      .rankingList li .rankingBox .rankingTextArea p {
        font-size: 12px;
        color: #666;
        margin-top: 10px;
        line-height: 1.4; }
  .rankingList li .rankingBox2 {
    padding: 10px 20px 10px 0 !important; }
    .rankingList li .rankingBox2 .rankingTextArea {
      width: 611px !important;
      float: right !important;
      line-height: 1.4 !important; }
  .rankingList li .rankingTextArea2 {
    line-height: 1.4; }

.latestListForArticle {
  padding-left: 20px;
  margin-bottom: 20px; }
  .latestListForArticle li {
    margin-top: 15px; }
    .latestListForArticle li:frist-child {
      margin-top: 0 !important; }
    .latestListForArticle li .latestBox .latestBoxTitle {
      float: left;
      margin-right: 20px; }
    .latestListForArticle li .latestBox .latestTime {
      float: left;
      margin-left: 10px;
      color: #878787;
      font-size: 12px;
      margin-top: 2px; }
    .latestListForArticle li .latestBox .latestBoxCate {
      float: left;
      font-size: 10px; }

.interviewWrapper {
  padding-left: 18px; }
  .interviewWrapper ul:first-child {
    margin-top: 0 !important; }
  .interviewWrapper ul {
    margin-top: 20px; }
    .interviewWrapper ul li {
      width: 322px;
      float: left; }
      .interviewWrapper ul li:first-child {
        margin-right: 20px; }
  .interviewWrapper .interviewBox {
    border: 6px solid #F2F2F2;
    position: relative; }
    .interviewWrapper .interviewBox h3 {
      font-size: 15px;
      font-weight: bold;
      line-height: 1.4;
      margin-bottom: 15px;
      height: 40px; }
    .interviewWrapper .interviewBox .interviewImg {
      text-align: center;
      margin-bottom: 20px; }
    .interviewWrapper .interviewBox .inteviewText {
      font-size: 12px;
      color: #666;
      line-height: 1.4; }
      .interviewWrapper .interviewBox .inteviewText .readMore {
        margin-left: 15px; }
    .interviewWrapper .interviewBox .iconNew {
      position: absolute;
      top: 15px;
      left: -25px; }
    .interviewWrapper .interviewBox a {
      display: block;
      text-decoration: none;
      padding: 12px 23px 20px; }
      .interviewWrapper .interviewBox a:hover {
        background-color: #F2F2F2; }
    .interviewWrapper .interviewBox .readMore {
      color: #395998; }

.articleMainImg {
  width: 230px;
  float: left;
  margin: 0 30px 0 0; }

.articleMainCaption {
  text-align: center;
  margin-top: 10px; }
  .articleMainCaption a {
    font-size: 13px; }

.writerList {
  border-top: 1px solid #ddd;
  padding: 20px 0 5px 20px; }
  .writerList .writerListTitle {
    margin-bottom: 10px;
    font-size: 13px; }
  .writerList .writerListInner {
    padding: 0 0 0 34px; }
  .writerList ul li {
    float: left;
    margin: 0 0 20px 20px;
    width: 23%; }
    .writerList ul li .writerListBox p {
      float: left; }
      .writerList ul li .writerListBox p.writerImg {
        width: 40px;
        height: 40px;
        margin-right: 10px; }
      .writerList ul li .writerListBox p.writerLink {
        padding-top: 11px; }

.contactUs {
  border-top: 1px solid #ddd;
  padding: 25px; }
  .contactUs p {
    font-size: 12px; }
    .contactUs p a {
      font-weight: bold; }

.comicIchiran {
  margin-bottom: 10px; }

.comicTitle {
  background: url(../../../../../images/v2/pc/watch/comic_title.png) no-repeat left;
  width: 43px;
  height: 21px; }

.comicListTitle {
  background: url(../../../../../images/v2/pc/watch/comic_list_title.png) no-repeat left !important;
  width: 116px !important;
  height: 22px !important;
  margin-bottom: 25px; }
  .comicListTitle span {
    display: none !important; }

.comicListSubTitle {
  width: auto !important;
  height: auto !important;
  margin-bottom: 16px;
  padding: 5px 9px;
  background: none !important;
  font-size: 18px;
  font-weight: bold; }
  .comicListSubTitle.continuation {
    border-left: 11px #ff575f solid; }
  .comicListSubTitle.completion {
    border-left: 11px #ff9900 solid; }

.comicList li {
  float: left;
  position: relative; }
  .comicList li .status {
    position: absolute;
    z-index: 10; }
  .comicList li.serial_first .comicList_link {
    overflow: hidden; }
  .comicList li .comicList_bottom .comicList_title {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis; }

.comicListBlock {
  margin-bottom: 20px; }
  .comicListBlock .comicList {
    margin: 0 -22px 0 -1px; }
    .comicListBlock .comicList li {
      width: 158px;
      margin: 0 22px 35px 0; }
      .comicListBlock .comicList li .status {
        top: 14px;
        left: -8px; }
      .comicListBlock .comicList li .comicList_image {
        margin-bottom: 12px; }
        .comicListBlock .comicList li .comicList_image a {
          display: block; }
          .comicListBlock .comicList li .comicList_image a img {
            vertical-align: top; }
          .comicListBlock .comicList li .comicList_image a .boxwhite {
            position: absolute;
            top: 0;
            left: 0;
            border: 1px solid #fff;
            width: 156px;
            height: 156px; }
          .comicListBlock .comicList li .comicList_image a .cover {
            width: 156px;
            height: 156px;
            background: rgba(255, 255, 255, 0.6);
            background: #fff\9;
            -webkit-transition: all 0.6s;
            transition: all 0.6s;
            filter: alpha(opacity=0);
            -moz-opacity: 0;
            opacity: 0; }
          .comicListBlock .comicList li .comicList_image a:hover .cover {
            filter: alpha(opacity=100);
            -moz-opacity: 1;
            opacity: 1;
            filter: alpha(opacity=60) \9; }
            .comicListBlock .comicList li .comicList_image a:hover .cover .cover_text {
              filter: alpha(opacity=100) \9  !important; }
      .comicListBlock .comicList li.serial_first .comicList_link {
        border: 7px solid #fe9a9a; }
        .comicListBlock .comicList li.serial_first .comicList_link img {
          margin: -7px; }
      .comicListBlock .comicList li .comicList_bottom {
        margin: 0 2px; }
        .comicListBlock .comicList li .comicList_bottom .comicList_title {
          margin-bottom: 6px;
          font-size: 14px;
          font-weight: bold; }
          .comicListBlock .comicList li .comicList_bottom .comicList_title a {
            color: #333; }
        .comicListBlock .comicList li .comicList_bottom .comicList_writer {
          margin-bottom: 10px;
          font-size: 12px;
          color: #333; }
        .comicListBlock .comicList li .comicList_bottom .comicList_time {
          margin-bottom: 15px;
          font-size: 12px;
          color: #666; }
        .comicListBlock .comicList li .comicList_bottom .comicList_more {
          font-size: 14px;
          text-align: center; }
          .comicListBlock .comicList li .comicList_bottom .comicList_more .fa-chevron-right {
            color: #ff575f;
            margin-left: 4px;
            vertical-align: -1px; }
          .comicListBlock .comicList li .comicList_bottom .comicList_more .comicList_moreList {
            margin-right: -25px; }
            .comicListBlock .comicList li .comicList_bottom .comicList_more .comicList_moreList li {
              float: left;
              width: auto;
              margin: 0 25px 0 0; }
            .comicListBlock .comicList li .comicList_bottom .comicList_more .comicList_moreList .fa-chevron-right {
              color: #ff9900; }

.topBottomBox .comicList {
  margin: 0 -12px 0 -1px; }
  .topBottomBox .comicList li {
    width: 130px;
    margin: 0 12px 30px 0; }
    .topBottomBox .comicList li .status {
      top: 10px;
      left: -8px; }
    .topBottomBox .comicList li a {
      display: block;
      color: #333; }
      .topBottomBox .comicList li a img {
        vertical-align: top; }
      .topBottomBox .comicList li a .boxwhite {
        position: absolute;
        top: 0;
        left: 0; }
      .topBottomBox .comicList li a .cover {
        width: 130px;
        height: 130px;
        background: rgba(0, 0, 0, 0.5);
        background: #000\9;
        -webkit-transition: all 0.6s;
        transition: all 0.6s;
        filter: alpha(opacity=0);
        -moz-opacity: 0;
        opacity: 0; }
        .topBottomBox .comicList li a .cover .cover_text {
          display: block;
          padding: 45px 12px 12px;
          font-size: 13px;
          font-weight: bold;
          line-height: 1.8;
          color: #fff; }
          .topBottomBox .comicList li a .cover .cover_text span {
            display: block;
            overflow: hidden;
            white-space: nowrap;
            text-overflow: ellipsis; }
      .topBottomBox .comicList li a:hover .cover {
        filter: alpha(opacity=100);
        -moz-opacity: 1;
        opacity: 1;
        filter: alpha(opacity=60) \9; }
        .topBottomBox .comicList li a:hover .cover .cover_text {
          filter: alpha(opacity=100) \9  !important; }
    .topBottomBox .comicList li .comicList_image {
      margin-bottom: 8px; }
    .topBottomBox .comicList li.serial_first .comicList_link {
      border: 6px solid #fe9a9a; }
      .topBottomBox .comicList li.serial_first .comicList_link img {
        margin: -6px; }
    .topBottomBox .comicList li.serial_first .comicList_number {
      font-weight: bold;
      color: #ff575f !important; }
    .topBottomBox .comicList li .comicList_bottom {
      margin: 0 4px;
      text-align: center; }
      .topBottomBox .comicList li .comicList_bottom .comicList_title {
        margin-bottom: 6px;
        font-size: 13px; }
      .topBottomBox .comicList li .comicList_bottom .comicList_number {
        font-size: 12px; }

.wirterListTitle {
  background: url(../../../../../images/v2/pc/watch/writer_title.png) no-repeat left !important;
  width: 110px !important;
  height: 22px !important; }
  .wirterListTitle span {
    display: none !important; }

.newArticleLeftContentsForC {
  width: 210px !important; }
  .newArticleLeftContentsForC .newArticleImg img:first-child {
    margi-right: 10px; }

.newArticleRightContentsForC {
  width: 450px !important; }
  .newArticleRightContentsForC .newArticleText {
    width: 450px !important; }

.comicSubtitle {
  font-size: 18px;
  margin: -30px 0 30px 1px;
  color: #666; }

.comic_main_img {
  margin-top: -20px; }

.comicGood {
  text-align: center; }
  .comicGood a {
    font-size: 16px;
    color: #333;
    border-radius: 10px;
    border: 2px solid #ffbc00;
    line-height: 50px;
    padding: 0 12px 0 56px;
    width: 52px;
    background: url(../../../../../images/v2/pc/watch/thumb_up_icon.png) no-repeat 12px 8px; }
    .comicGood a:hover {
      text-decoration: none;
      background: #ffbc00 url(../../../../../images/v2/pc/watch/thumb_up_icon_white.png) no-repeat 12px 8px; }
  .comicGood span {
    font-size: 24px;
    font-weight: bold;
    color: #333;
    margin-left: 20px;
    vertical-align: -3px; }

.btnOn {
  background: #ffbc00 url(../../../../../images/v2/pc/watch/thumb_up_icon_white.png) no-repeat 12px 8px !important;
  cursor: default; }

.comicPaging {
  width: 523px;
  text-align: center;
  margin: 35px auto 0; }
  .comicPaging li.prev {
    float: left; }
  .comicPaging li.next {
    float: right; }
  .comicPaging li a {
    font-size: 18px; }
  .comicPaging .prev_inner:hover .prevRt img {
    opacity: 0.7;
    filter: alpha(opacity=70); }
  .comicPaging .prev_inner:hover .prevLtArrow {
    background: url(../../../../../images/v2/pc/watch/prev_arrow_icon_hover.png) no-repeat 9px top !important; }
  .comicPaging .prev_inner:hover .prevLt {
    text-decoration: underline !important; }
  .comicPaging .next:hover .nextLt img {
    opacity: 0.7;
    filter: alpha(opacity=70); }
  .comicPaging .next:hover .nextRtArrow {
    background: url(../../../../../images/v2/pc/watch/next_arrow_icon_hover.png) no-repeat left top !important; }
  .comicPaging .next:hover .nextRt {
    text-decoration: underline !important; }
  .comicPaging .prev_inner {
    margin-right: 55px; }
    .comicPaging .prev_inner .prev_inner_left {
      float: left;
      margin-right: 20px;
      padding-top: 56px; }
      .comicPaging .prev_inner .prev_inner_left .prevLtArrow {
        background: url(../../../../../images/v2/pc/watch/prev_arrow_icon.png) no-repeat 9px top;
        width: 54px;
        height: 46px;
        padding-bottom: 10px; }
        .comicPaging .prev_inner .prev_inner_left .prevLtArrow a {
          display: block;
          width: 44px;
          height: 46px; }
          .comicPaging .prev_inner .prev_inner_left .prevLtArrow a span {
            display: none; }
    .comicPaging .prev_inner .prev_inner_right {
      float: left; }
      .comicPaging .prev_inner .prev_inner_right .prevRt {
        background-color: #666;
        display: block;
        width: 158px;
        height: 158px; }
  .comicPaging .next_inner .next_inner_left {
    float: left;
    margin-right: 20px; }
    .comicPaging .next_inner .next_inner_left .nextLt {
      background-color: #666;
      display: block;
      width: 158px;
      height: 158px; }
  .comicPaging .next_inner .next_inner_right {
    float: left;
    padding-top: 56px; }
    .comicPaging .next_inner .next_inner_right .nextRtArrow {
      width: 44px;
      height: 46px;
      padding-bottom: 10px;
      background: url(../../../../../images/v2/pc/watch/next_arrow_icon.png) no-repeat left top; }
      .comicPaging .next_inner .next_inner_right .nextRtArrow a {
        display: block;
        width: 44px;
        height: 46px; }
        .comicPaging .next_inner .next_inner_right .nextRtArrow a span {
          display: none; }

.comicMore {
  padding: 25px 0 0 117px; }
  .comicMore .comicMore_title {
    font-size: 16px;
    font-weight: bold;
    color: #333;
    padding-bottom: 15px; }
  .comicMore .comicMore_list li {
    width: 534px;
    padding-top: 10px; }
    .comicMore .comicMore_list li:first-child {
      padding: 0; }
    .comicMore .comicMore_list li a {
      font-size: 16px;
      line-height: 1.3; }

.comicMore_link_box {
  width: 227px;
  margin: 24px auto 7px; }
  .comicMore_link_box a {
    display: block;
    border-radius: 5px;
    border: 1px solid #999;
    text-align: center;
    line-height: 40px;
    color: #333;
    font-size: 16px;
    box-shadow: 0 4px 0 #c7c3b2; }
    .comicMore_link_box a:hover {
      background-color: #e7e7e7;
      text-decoration: none; }

.comicMore_link_text {
  text-align: center;
  padding-top: 20px; }
  .comicMore_link_text a {
    font-size: 16px; }

.comicProfile {
  border-radius: 8px;
  border: 2px solid #f1f0e8;
  background-color: #f8f7f1;
  margin-top: 28px; }
  .comicProfile .comicProfile_title {
    padding: 15px 20px;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    background-color: #fff; }
    .comicProfile .comicProfile_title a {
      font-size: 18px;
      font-weight: bold; }
  .comicProfile .comicWriter {
    display: table;
    width: 638px;
    table-layout: fixed;
    padding: 15px 20px 10px; }
    .comicProfile .comicWriter .comicWriter_img {
      width: 60px;
      display: table-cell;
      padding-right: 15px;
      vertical-align: middle; }
      .comicProfile .comicWriter .comicWriter_img img {
        width: 60px;
        height: 60px;
        border-radius: 50%; }
    .comicProfile .comicWriter .comicWriter_right {
      display: table-cell;
      vertical-align: middle; }
      .comicProfile .comicWriter .comicWriter_right .comicWriter_name {
        font-size: 16px;
        padding-bottom: 10px; }
        .comicProfile .comicWriter .comicWriter_right .comicWriter_name a {
          font-size: 16px;
          font-weight: bold; }
        .comicProfile .comicWriter .comicWriter_right .comicWriter_name i {
          color: #ffcc00;
          margin-right: 6px; }
        .comicProfile .comicWriter .comicWriter_right .comicWriter_name span {
          vertical-align: 1px;
          margin-left: 10px; }
          .comicProfile .comicWriter .comicWriter_right .comicWriter_name span a {
            font-weight: normal !important;
            font-size: 14px !important;
            margin-left: 3px; }
      .comicProfile .comicWriter .comicWriter_right .comicWriter_detail {
        line-height: 1.3; }
        .comicProfile .comicWriter .comicWriter_right .comicWriter_detail .comicWriter_detail_text {
          margin-right: 10px; }
  .comicProfile .motionBox_wrapper {
    padding: 0 18px 18px; }
  .comicProfile .motionBox {
    border-radius: 5px;
    background-color: #fff;
    border: 1px solid #ccc; }
    .comicProfile .motionBox .motionBox_click {
      text-align: center; }
      .comicProfile .motionBox .motionBox_click a {
        border-top-left-radius: 5px;
        border-top-right-radius: 5px;
        font-weight: bold;
        display: block;
        padding: 10px 0; }
        .comicProfile .motionBox .motionBox_click a i {
          margin-left: 5px;
          font-size: 20px;
          vertical-align: -2px;
          color: #ff9900; }
        .comicProfile .motionBox .motionBox_click a:hover {
          background-color: #fff9e3; }
    .comicProfile .motionBox .motionBox_detail {
      margin-top: 20px;
      display: none;
      padding: 0 20px 10px; }
    .comicProfile .motionBox .comicPlot {
      float: left;
      width: 266px;
      margin-right: 30px; }
      .comicProfile .motionBox .comicPlot .comicPlot_title {
        font-size: 16px;
        font-weight: bold;
        margin-bottom: 18px; }
      .comicProfile .motionBox .comicPlot .comicPlot_text {
        line-height: 1.4; }
    .comicProfile .motionBox .comicCharacter {
      float: left; }
      .comicProfile .motionBox .comicCharacter .comicCharacter_title {
        font-size: 16px;
        font-weight: bold;
        margin-bottom: 18px; }
      .comicProfile .motionBox .comicCharacter .comicCharacter_list {
        padding-bottom: 5px; }
        .comicProfile .motionBox .comicCharacter .comicCharacter_list li {
          width: 264px;
          position: relative;
          padding: 0 0 25px 40px;
          line-height: 1.3; }
          .comicProfile .motionBox .comicCharacter .comicCharacter_list li img {
            width: 30px;
            height: 30px;
            margin-right: 5px;
            border-radius: 50%;
            vertical-align: middle;
            border: 1px solid #333;
            position: absolute;
            top: 50%;
            margin-top: -30px;
            left: 0; }

.comicAttention {
  padding: 10px 0 50px 25px; }

.mangaList {
  margin: -30px 0 40px 0; }
  .mangaList a {
    font-size: 16px; }

.watchBtnArea {
  margin: 71px 0 0 0; }
  .watchBtnArea .watchBtnArea_header {
    background: url(../../../../../images/v2/pc/watch/dashed_border.png) no-repeat left bottom;
    padding-bottom: 6px; }
  .watchBtnArea .watchBtnArea_header_title {
    background-color: #fffae6;
    height: 42px;
    text-align: center; }
    .watchBtnArea .watchBtnArea_header_title img {
      margin-top: -9px; }
  .watchBtnArea .watchBtnArea_inner {
    padding: 26px 0;
    position: relative;
    width: 370px;
    margin: 0 auto; }
    .watchBtnArea .watchBtnArea_inner .theButton {
      cursor: pointer;
      width: 174px;
      height: 174px;
      display: block; }
    .watchBtnArea .watchBtnArea_inner .watchBtnArea_reaction {
      position: absolute;
      top: 55px;
      width: 146px; }
      .watchBtnArea .watchBtnArea_inner .watchBtnArea_reaction p {
        text-align: center; }
      .watchBtnArea .watchBtnArea_inner .watchBtnArea_reaction .watchBtnArea_number {
        margin-top: 3px;
        width: 146px;
        height: 50px; }
        .watchBtnArea .watchBtnArea_inner .watchBtnArea_reaction .watchBtnArea_number p {
          font-size: 26px;
          font-weight: bold;
          padding-top: 14px; }
  .watchBtnArea .watchGoodBtn {
    float: right; }
  .watchBtnArea .watchBadBtn {
    float: left; }
  .watchBtnArea .watchBtnArea_good {
    right: -140px; }
    .watchBtnArea .watchBtnArea_good .watchBtnArea_number {
      background: url(../../../../../images/v2/pc/watch/bad_fukidashi.png) no-repeat left top; }
    .watchBtnArea .watchBtnArea_good p {
      margin-right: -16px; }
  .watchBtnArea .watchBtnArea_good_number {
    color: #ff8a00; }
  .watchBtnArea .watchBtnArea_bad {
    left: -140px; }
    .watchBtnArea .watchBtnArea_bad .watchBtnArea_number {
      background: url(../../../../../images/v2/pc/watch/good_fukidashi.png) no-repeat left top; }
    .watchBtnArea .watchBtnArea_bad p {
      margin-left: -16px; }
  .watchBtnArea .watchBtnArea_bad_number {
    color: #368ae7; }
  .watchBtnArea .pd7 {
    padding: 7px;
    cursor: default; }

.watchCommentArea {
  border: 2px dotted #fac659;
  position: relative;
  margin: 24px 0 0 0; }
  .watchCommentArea:before {
    content: "";
    display: block;
    background: url(../../../../../images/v2/pc/watch/bottom_triangle.png) no-repeat left top;
    position: absolute;
    bottom: -25px;
    left: 50%;
    margin-left: -17px;
    width: 35px;
    height: 25px; }
  .watchCommentArea h2 {
    text-align: center;
    padding: 10px 0 11px 0; }
  .watchCommentArea .watchCommentAreaInner {
    background-color: #f6f4ec;
    padding: 18px 38px 22px; }
    .watchCommentArea .watchCommentAreaInner .buttons {
      margin: 17px auto 0;
      width: 230px; }
      .watchCommentArea .watchCommentAreaInner .buttons a {
        line-height: 46px;
        box-shadow: none;
        text-decoration: none;
        font-size: 18px;
        font-weight: bold;
        cursor: default;
        background-color: #d6d6d6 !important; }
        .watchCommentArea .watchCommentAreaInner .buttons a:hover {
          background-color: #d6d6d6 !important; }
    .watchCommentArea .watchCommentAreaInner .buttonsOn a {
      background-color: #ff9900 !important;
      cursor: pointer; }
      .watchCommentArea .watchCommentAreaInner .buttonsOn a:hover {
        background-color: #e28802 !important; }
  .watchCommentArea .formBox {
    border-radius: 5px;
    border: 3px solid #ad9964; }
    .watchCommentArea .formBox form {
      padding: 0 !important; }
    .watchCommentArea .formBox textarea {
      overflow: hidden;
      width: 568px;
      border-top-left-radius: 5px;
      border-top-right-radius: 5px;
      border: none;
      overflow: hidden;
      font-family: 'Lucida Grande', 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, sans-serif;
      resize: none;
      outline: none;
      line-height: 1.3;
      font-size: 14px;
      padding: 14px;
      height: 29px; }
  .watchCommentArea .attachArea {
    position: relative;
    margin: -3px 0 0 0; }
  .watchCommentArea .formArea .attach_btn {
    background: #fffae6;
    border: 2px #fff solid;
    border-top: 1px solid #e7dbb5;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    position: relative; }
    .watchCommentArea .formArea .attach_btn .btnList {
      float: left; }
      .watchCommentArea .formArea .attach_btn .btnList li {
        float: left; }
        .watchCommentArea .formArea .attach_btn .btnList li form {
          padding: 0; }
        .watchCommentArea .formArea .attach_btn .btnList li input {
          width: 50px;
          height: 50px;
          position: absolute;
          z-index: 31;
          filter: alpha(opacity=0);
          opacity: 0;
          cursor: pointer; }
        .watchCommentArea .formArea .attach_btn .btnList li span {
          display: block;
          margin-right: 1px;
          width: 50px;
          height: 45px;
          position: relative;
          z-index: 21; }
          .watchCommentArea .formArea .attach_btn .btnList li span:hover {
            background: #fbecb2;
            cursor: pointer; }
          .watchCommentArea .formArea .attach_btn .btnList li span.on {
            background: #fbecb2;
            cursor: pointer; }
        .watchCommentArea .formArea .attach_btn .btnList li i {
          position: relative;
          color: #FF7F00; }
  .watchCommentArea .thanks .btnList li i {
    color: #ff3b99; }
  .watchCommentArea .btnList .b_feeling i,
  .watchCommentArea .btnList .b_feeling_single i {
    top: 11px;
    left: 14px;
    font-size: 24px; }
  .watchCommentArea .btnList .balloon {
    position: absolute;
    top: -32px;
    display: inline-block;
    padding: 0 5px;
    width: auto;
    min-height: 30px;
    background: #444;
    color: #e9e9e9;
    line-height: 30px;
    text-align: left;
    font-size: 13px;
    left: -2px;
    border-radius: 3px;
    z-index: 22; }
    .watchCommentArea .btnList .balloon.off {
      display: none; }
    .watchCommentArea .btnList .balloon:after {
      content: "";
      position: absolute;
      bottom: -5px;
      left: 19px;
      display: block;
      border-style: solid;
      border-width: 5px 5px 0 5px;
      border-color: #444 transparent transparent transparent; }
  .watchCommentArea .btnList .b_feeling_single .balloon {
    left: -2px; }
  .watchCommentArea .btnList .b_feeling .balloon {
    left: 0; }
  .watchCommentArea .btnConfirm {
    float: right;
    margin: 0 13px 0 0; }
  .watchCommentArea .txtmore {
    float: left;
    margin-top: 18px;
    font-size: 13px;
    color: #a0a0a0; }
  .watchCommentArea .txtmoreEror {
    color: #ff0000 !important; }
  .watchCommentArea .a-btn-area {
    float: right;
    padding: 0 !important;
    margin: 8px 7px 6px 10px;
    text-align: left !important; }
    .watchCommentArea .a-btn-area .a_btn {
      width: auto !important;
      min-width: 160px;
      text-align: left !important; }
      .watchCommentArea .a-btn-area .a_btn a {
        border-radius: 4px;
        box-shadow: none;
        line-height: 34px;
        padding-left: 5px; }
        .watchCommentArea .a-btn-area .a_btn a .fa-stack {
          height: 34px; }
        .watchCommentArea .a-btn-area .a_btn a i.w-circle {
          font-size: 22px; }
        .watchCommentArea .a-btn-area .a_btn a i.a {
          font-size: 14px;
          line-height: 32px; }
        .watchCommentArea .a-btn-area .a_btn a span.a-text {
          font-size: 110%;
          line-height: 34px;
          margin-left: -5px;
          margin-right: 5px; }
    .watchCommentArea .a-btn-area .a_btn a:hover,
    .watchCommentArea .a-btn-area .a_btn a:active {
      background-color: #cd6a00;
      text-decoration: none !important; }
    .watchCommentArea .a-btn-area .a_btn a:visited {
      color: #fff; }
    .watchCommentArea .a-btn-area .a_btn.pink a {
      background-color: #ff3b99;
      padding-left: 13px; }
    .watchCommentArea .a-btn-area .a_btn.pink a:hover,
    .watchCommentArea .a-btn-area .a_btn.pink a:active {
      background-color: #ff0079; }
    .watchCommentArea .a-btn-area .a_btn.pink a i.fa-heart {
      color: #fff; }
    .watchCommentArea .a-btn-area .a_btn.pink .fa-stack {
      line-height: 1.8em; }
    .watchCommentArea .a-btn-area .a_btn.pink a span.a-text {
      margin-left: -13px; }
    .watchCommentArea .a-btn-area .a_btn.errorBtn a {
      background-color: #d6d6d6; }
    .watchCommentArea .a-btn-area .a_btn.errorBtn a:hover,
    .watchCommentArea .a-btn-area .a_btn.errorBtn a:active {
      background-color: #d6d6d6; }
    .watchCommentArea .a-btn-area .errorBtn .a_btn a,
    .watchCommentArea .a-btn-area .errorBtn .a_btn a:hover,
    .watchCommentArea .a-btn-area .errorBtn .a_btn a:active {
      background-color: #ccc; }
    .watchCommentArea .a-btn-area .errorBtn .a_btn a i.a {
      color: #ccc; }
    .watchCommentArea .a-btn-area .errorBtn .a_btn a i.fa-heart {
      color: #fff; }
  .watchCommentArea .attach_btnUp {
    padding: 25px;
    border-top: 1px #ddd solid;
    background: #f6f6f6; }
  .watchCommentArea .btnUpList li {
    float: left;
    width: 104px;
    height: 104px;
    border-radius: 3px;
    background: url(../../../../../images/v2/pc/qa/bg_waku.png) left top no-repeat; }

.formArea .btnUpList li .image {
  width: 100px;
  height: 100px; }

.formArea .btnUpList li.on .image {
  position: relative;
  border: 2px #fff solid;
  border-radius: 3px;
  box-shadow: 1px 1px #ddd;
  text-align: center;
  background: #fff; }

.formArea .btnUpList li.s_picture.off div.image {
  background: url(../../../../../images/v2/pc/qa/bg_picture.png) center center no-repeat; }

.formArea .btnUpList li.s_feeling.off div.image {
  background: url(../../../../../images/v2/pc/qa/bg_feeling.png) center center no-repeat; }

.formArea .btnUpList li.s_picture div.loading {
  padding: 33px; }

.formArea .btnUpList li.on span {
  position: absolute;
  top: 0;
  left: 0;
  width: 93px;
  height: 97px;
  padding: 3px 7px 0 0;
  font-size: 20px;
  color: #fff;
  text-align: right;
  background-color: #fff;
  filter: alpha(opacity=0);
  -moz-opacity: 0;
  opacity: 0; }

.formArea .btnUpList li.on span:hover {
  display: block;
  background-color: #444;
  filter: alpha(opacity=50);
  -moz-opacity: 0.5;
  opacity: 0.5; }

.formArea .btnUpList li.on .fa-times:hover {
  cursor: pointer; }

.formArea .btnUpList li img {
  vertical-align: top; }

.formArea .btnUpList .s_feeling img {
  padding-top: 7px; }

.formArea .attach_btnDown {
  width: 100%;
  position: absolute;
  z-index: 20;
  background: #f6f6f6;
  border: 3px solid #ad9964;
  border-top: none !important;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
  *position: relative;
  margin: -2px 0 0 -3px; }

.formArea .attach_btnDown .btnDownInner {
  padding: 25px 10px 10px 25px;
  border-top: 1px #e7dbb5 solid !important; }

.formArea .tabContents {
  overflow: auto;
  width: auto;
  height: 350px; }

.formArea .tabContents .feelingListTitle {
  font-size: 13px;
  color: #333;
  text-align: center;
  margin-bottom: 15px; }

.formArea .tabContents .feelingList li {
  float: left;
  padding: 5px; }

.formArea .tabContents .feelingList li a {
  font-size: 16px;
  color: #333;
  padding: 10px 15px;
  line-height: 30px;
  display: block; }

.formArea .tabContents .feelingList li a:hover {
  background-color: #b2b2b2; }

.formArea .tabContents .feelingList li a img {
  margin-right: 5px;
  vertical-align: text-top; }

.formArea .tabContents .feelingList li.selected a {
  background-color: #b2b2b2 !important; }

.commentListArea {
  padding: 45px 40px 44px; }
  .commentListArea h2 {
    font-size: 16px;
    font-weight: bold;
    margin: 0 0 28px 0; }
  .commentListArea .commentList {
    position: relative; }
    .commentListArea .commentList li.completedText {
      color: #f00;
      text-align: center;
      font-size: 15px;
      position: absolute;
      left: 50%;
      margin-left: -72px;
      top: -25px; }
    .commentListArea .commentList li.commentList_item {
      margin: 0 0 43px 0; }
  .commentListArea .commentList_item_inner .commentList_item_left {
    width: 10px;
    display: table-cell;
    vertical-align: top;
    background: #fee675; }
  .commentListArea .commentList_item_inner .commentList_item_main {
    display: 100%;
    display: table-cell;
    vertical-align: top;
    padding: 0 0 0 18px; }
    .commentListArea .commentList_item_inner .commentList_item_main h3 {
      font-size: 16px;
      line-height: 1.5; }
    .commentListArea .commentList_item_inner .commentList_item_main ul {
      margin: 12px 0 0 0; }
      .commentListArea .commentList_item_inner .commentList_item_main ul li {
        float: left;
        font-size: 13px;
        color: #868686; }
        .commentListArea .commentList_item_inner .commentList_item_main ul li:first-child {
          margin-right: 10px; }
        .commentListArea .commentList_item_inner .commentList_item_main ul li a {
          color: #3b5998;
          font-size: 13px; }
  .commentListArea .commentList_item_inner .commentList_item_right {
    width: 66px;
    display: table-cell;
    vertical-align: top;
    padding: 0 0 0 65px; }
  .commentListArea .commentBtn {
    width: 330px;
    margin: 0 auto; }
    .commentListArea .commentBtn a {
      font-weight: bold; }
  .commentListArea .no_comment_text {
    text-align: center;
    font-size: 16px;
    padding: 31px 0 20px; }

.loadingWhiteForWatch {
  margin: 80px 0 60px 0;
  border: none !important;
  padding: 0 !important; }

.commentTitle {
  padding: 0 0 17px 0px; }
  .commentTitle img {
    margin-right: 4px;
    vertical-align: -5px; }
  .commentTitle a {
    font-size: 16px;
    font-weight: bold;
    color: #ff9900; }

.writerArea img {
  vertical-align: top; }

.writerArea a {
  color: #3B5998; }

.writerArea .profile {
  padding: 23px 20px 30px;
  background: url(../../../../../images/v2/pc/watch/border01.png) repeat-x left top; }
  .writerArea .profile .profile_lt {
    position: relative;
    float: left;
    margin-right: 25px; }
    .writerArea .profile .profile_lt img {
      border-radius: 50%;
      height: 83px;
      width: 83px; }
    .writerArea .profile .profile_lt .boxwhite {
      position: absolute;
      top: 0;
      left: 0;
      width: 81px;
      height: 81px;
      border: 1px #fff solid;
      border-radius: 50%; }
  .writerArea .profile .profile_rt {
    overflow: hidden; }
  .writerArea .profile .profile_title {
    margin-bottom: 18px;
    font-size: 18px;
    font-weight: bold; }
    .writerArea .profile .profile_title .fa-circle {
      margin-right: 4px;
      color: #fc0; }
  .writerArea .profile .profile_close {
    margin: -8px 0 15px 20px;
    color: #f00; }
  .writerArea .profile .profile_list {
    margin: 0 20px 15px; }
    .writerArea .profile .profile_list dt {
      margin-bottom: 6px;
      font-size: 14px;
      font-weight: bold;
      color: #f90; }
    .writerArea .profile .profile_list dd {
      margin-bottom: 4px;
      line-height: 1.4;
      font-size: 14px;
      font-weight: bold; }
  .writerArea .profile .profile_detail {
    margin-bottom: -15px; }
    .writerArea .profile .profile_detail .profile_list dd {
      font-weight: normal; }
  .writerArea .profile .profile_more {
    width: 194px;
    margin: 0 0 0 20px; }

.writerArea .writing {
  margin-bottom: 26px;
  padding: 0 20px 10px;
  background: #f8f7f1;
  border-radius: 10px; }
  .writerArea .writing .writing_head {
    position: relative; }
  .writerArea .writing .writing_status {
    position: absolute;
    left: -35px;
    top: -2px; }
  .writerArea .writing .writing_title {
    padding: 18px 5px 12px 38px;
    font-size: 20px;
    font-weight: bold; }
    .writerArea .writing .writing_title a {
      color: #333; }
  .writerArea .writing .writing_writer {
    margin: -2px 5px 10px 38px; }
    .writerArea .writing .writing_writer a {
      font-size: 14px; }
  .writerArea .writing .writing_detail {
    padding: 22px 22px 20px;
    background: #fff url(../../../../../images/v2/pc/watch/border02.png) repeat-x left top;
    margin-bottom: 5px; }
  .writerArea .writing .writing_lt {
    position: relative;
    float: left;
    margin-right: 22px; }
    .writerArea .writing .writing_lt .boxwhite {
      position: absolute;
      top: -1px;
      left: -1px;
      width: 196px;
      height: 196px;
      border: 2px #fff solid; }
    .writerArea .writing .writing_lt a {
      display: block;
      margin: -1px; }
      .writerArea .writing .writing_lt a:hover img {
        opacity: 0.7;
        filter: alpha(opacity=70); }
  .writerArea .writing .writing_rt {
    overflow: hidden; }
  .writerArea .writing .writing_lead {
    margin: 3px 0 0;
    font-size: 14px;
    line-height: 1.7; }
  .writerArea .writing .writing_btn {
    width: 200px;
    height: 38px;
    margin: 20px auto 4px;
    padding-top: 2px;
    text-align: center;
    box-shadow: 0 4px #d0cfca;
    background: #f90;
    border-radius: 5px; }
    .writerArea .writing .writing_btn a {
      display: block;
      line-height: 40px;
      font-size: 16px;
      font-weight: bold;
      color: #fff; }
    .writerArea .writing .writing_btn:hover {
      background: #e58a00; }
      .writerArea .writing .writing_btn:hover a {
        text-decoration: none; }
  .writerArea .writing .writing_character {
    margin: 18px 0 0; }
  .writerArea .writing .writing_character_title {
    margin: 8px 0 18px;
    font-size: 14px;
    font-weight: bold; }
  .writerArea .writing .writing_character_list {
    overflow: hidden;
    margin-bottom: -12px; }
    .writerArea .writing .writing_character_list li {
      position: relative;
      float: left;
      width: 50%;
      margin-bottom: 12px;
      line-height: 1.3; }
      .writerArea .writing .writing_character_list li .character_thumbNail {
        float: left;
        margin-right: 8px;
        vertical-align: middle;
        border-radius: 50%; }
      .writerArea .writing .writing_character_list li .boxwhite {
        position: absolute;
        top: 0;
        left: 0;
        width: 46px;
        height: 46px;
        border: 1px #333 solid;
        border-radius: 50%; }
      .writerArea .writing .writing_character_list li .profile_list {
        overflow: hidden;
        margin: 0 5px 0 0; }
        .writerArea .writing .writing_character_list li .profile_list dt {
          padding: 4px 0 2px;
          margin: 0;
          color: #f90;
          font-weight: bold; }
        .writerArea .writing .writing_character_list li .profile_list dd {
          font-weight: normal; }
  .writerArea .writing .writing_characterDetail {
    padding-top: 16px; }
  .writerArea .writing .writing_characterMore {
    width: 394px;
    margin: 0 auto; }
  .writerArea .writing .writingList li {
    margin-bottom: 10px;
    background: #fff; }
    .writerArea .writing .writingList li:first-child {
      background: url(../../../../../images/v2/pc/watch/border03.png) repeat left top;
      padding: 2px; }
      .writerArea .writing .writingList li:first-child a {
        padding: 18px; }
  .writerArea .writing .writingList_inner {
    background: #fff; }
    .writerArea .writing .writingList_inner a {
      overflow: hidden;
      display: block;
      padding: 20px; }
      .writerArea .writing .writingList_inner a:hover {
        background: #f6f6f6;
        text-decoration: none; }
        .writerArea .writing .writingList_inner a:hover .writingList_lt img {
          opacity: 0.7;
          filter: alpha(opacity=70); }
        .writerArea .writing .writingList_inner a:hover .writingList_title {
          text-decoration: underline; }
  .writerArea .writing .writingList_lt {
    float: left;
    margin-right: 22px; }
  .writerArea .writing .writingList_rt {
    overflow: hidden; }
  .writerArea .writing .writingList_title {
    margin: 2px 0 12px;
    line-height: 23px;
    vertical-align: top;
    font-size: 18px;
    font-weight: bold; }
    .writerArea .writing .writingList_title img {
      margin: 0 8px 0 0; }
  .writerArea .writing .writingList_date {
    color: #999;
    font-size: 13px; }
  .writerArea .writing .writingListMore {
    margin-bottom: 10px;
    background-color: #eae7d8;
    border-radius: 3px;
    box-shadow: 0 4px 0 #d0cfca;
    text-align: center; }
    .writerArea .writing .writingListMore a {
      border-radius: 5px;
      display: block;
      font-size: 14px;
      font-weight: bold;
      line-height: 38px;
      padding-top: 2px; }
      .writerArea .writing .writingListMore a .fa-stack {
        width: 24px;
        height: 24px;
        line-height: 24px;
        margin-left: 5px;
        vertical-align: -7px; }
      .writerArea .writing .writingListMore a .fa-circle {
        color: #fff;
        font-size: 24px; }
      .writerArea .writing .writingListMore a .fa-chevron-right {
        padding-left: 2px;
        color: #ff9900 !important;
        font-size: 14px; }
    .writerArea .writing .writingListMore:hover {
      background: #e3e0d1; }
  .writerArea .writing.verWriter {
    position: relative;
    padding-top: 25px; }
    .writerArea .writing.verWriter .writingList li {
      padding: 0; }
      .writerArea .writing.verWriter .writingList li:first-child {
        background: none; }
        .writerArea .writing.verWriter .writingList li:first-child .writingList_title {
          margin-bottom: 12px; }
          .writerArea .writing.verWriter .writingList li:first-child .writingList_title img {
            position: absolute;
            top: 26px;
            left: -10px; }
        .writerArea .writing.verWriter .writingList li:first-child .writingList_lead {
          margin-bottom: 12px; }
    .writerArea .writing.verWriter .writingList .writingList_inner a {
      padding: 20px; }
      .writerArea .writing.verWriter .writingList .writingList_inner a:hover .writingList_category span {
        background: #fff; }
    .writerArea .writing.verWriter .writingList .writingList_rt .writing_list_title {
      margin-top: 6px; }
    .writerArea .writing.verWriter .writingList .writingList_title {
      margin-top: 0px;
      margin-bottom: 4px; }
    .writerArea .writing.verWriter .writingList .writingList_lead {
      margin-bottom: 8px;
      font-size: 14px;
      line-height: 1.4;
      color: #333; }
    .writerArea .writing.verWriter .writingList .writingList_category {
      float: left;
      margin-right: 12px; }
      .writerArea .writing.verWriter .writingList .writingList_category span {
        display: block;
        line-height: 18px;
        padding: 0 3px;
        font-size: 12px;
        background: #fff; }
      .writerArea .writing.verWriter .writingList .writingList_category.trend span {
        border: 1px #e9546b solid;
        color: #e9546b; }
      .writerArea .writing.verWriter .writingList .writingList_category.comic span {
        border: 1px #cc99ff solid;
        color: #cc99ff; }
      .writerArea .writing.verWriter .writingList .writingList_category.pro span {
        border: 1px #f6ad3c solid;
        color: #f6ad3c; }
      .writerArea .writing.verWriter .writingList .writingList_category.video span {
        border: 1px #00ada9 solid;
        color: #00ada9; }
      .writerArea .writing.verWriter .writingList .writingList_category.topics span {
        border: 1px #187fc4 solid;
        color: #187fc4; }
      .writerArea .writing.verWriter .writingList .writingList_category.interview span {
        border: 1px #e85298 solid;
        color: #e85298; }
      .writerArea .writing.verWriter .writingList .writingList_category.koneta span {
        border: 1px #00afec solid;
        color: #00afec; }
      .writerArea .writing.verWriter .writingList .writingList_category.matome span {
        border: 1px #aacf52 solid;
        color: #aacf52; }
    .writerArea .writing.verWriter .writingList .writingList_date {
      float: left;
      line-height: 20px; }

.writerArea .motionBox .motionBox_click {
  border-radius: 3px;
  background-color: #fff;
  border: 1px solid #ccc;
  text-align: center; }
  .writerArea .motionBox .motionBox_click a {
    display: block;
    padding-top: 2px;
    line-height: 26px;
    font-size: 12px;
    border-radius: 3px; }
    .writerArea .motionBox .motionBox_click a i {
      margin-left: 5px;
      font-size: 16px;
      vertical-align: -1px;
      color: #ff9900; }
    .writerArea .motionBox .motionBox_click a:hover {
      background-color: #fff9e3; }

.writerArea .motionBox .motionBox_detail {
  display: none; }

.writerArea .pagingArea {
  border-top: none;
  margin-top: -30px; }

.writerArea .anchor {
  position: relative;
  top: -78px;
  display: block; }

.popularContents ul {
  margin: 0 0 20px 0; }
  .popularContents ul li {
    float: left; }
    .popularContents ul li:first-child {
      margin-right: 15px; }
  .popularContents ul .popularContents_item .popularContents_item_img {
    width: 80px;
    float: left; }
    .popularContents ul .popularContents_item .popularContents_item_img a {
      display: block;
      -webkit-transition: .popularContents ul .popularContents_item .popularContents_item_img a;
              transition: .popularContents ul .popularContents_item .popularContents_item_img a; }
      .popularContents ul .popularContents_item .popularContents_item_img a :hover {
        opacity: 0.7; }
  .popularContents ul .popularContents_item .popularContents_item_text {
    width: 242px;
    float: right;
    margin: 4px 0 0 10px; }
    .popularContents ul .popularContents_item .popularContents_item_text h3 {
      margin: 0 0 6px 0; }
      .popularContents ul .popularContents_item .popularContents_item_text h3 a {
        font-size: 16px;
        line-height: 1.3; }
    .popularContents ul .popularContents_item .popularContents_item_text p {
      line-height: 1.3;
      font-size: 14px; }

.cateSelectBox {
  position: absolute;
  top: -5px;
  right: 0;
  width: 300px; }
  .cateSelectBox .cateSelectBoxMain {
    border: 1px solid #ddd;
    padding: 8px 0 7px;
    position: relative;
    background-color: #f2f2f2;
    cursor: pointer; }
    .cateSelectBox .cateSelectBoxMain .text {
      font-size: 14px;
      text-align: center;
      color: #333; }
    .cateSelectBox .cateSelectBoxMain .arrow {
      position: absolute;
      top: 6px;
      right: 10px;
      font-size: 16px;
      color: #666; }
  .cateSelectBox .cateSelectBoxList {
    display: none;
    position: absolute;
    z-index: 11; }
    .cateSelectBox .cateSelectBoxList ul {
      width: 300px; }
      .cateSelectBox .cateSelectBoxList ul li {
        width: 150px;
        float: left;
        box-sizing: border-box;
        display: block;
        background-color: #f2f2f2;
        border-bottom: 1px solid #ddd; }
        .cateSelectBox .cateSelectBoxList ul li a {
          text-decoration: none;
          font-size: 14px;
          color: #333;
          display: block;
          background-color: #f2f2f2;
          text-align: center;
          padding: 12px 0 10px;
          -webkit-transition: all linear 0.2s;
                  transition: all linear 0.2s; }
          .cateSelectBox .cateSelectBoxList ul li a:hover {
            background-color: #666;
            color: #fff; }
        .cateSelectBox .cateSelectBoxList ul li:nth-child(even) {
          border-left: 1px solid #ddd;
          border-right: 1px solid #ddd; }
        .cateSelectBox .cateSelectBoxList ul li:nth-child(odd) {
          border-left: 1px solid #ddd; }
        .cateSelectBox .cateSelectBoxList ul li:last-child {
          height: 37px; }

.categoriesList .categoriesList_title {
  font-size: 16px;
  margin-bottom: 13px; }

.categoriesList .categoriesList_inner {
  padding-left: 11px; }
  .categoriesList .categoriesList_inner li {
    float: left;
    margin: 0 11px 11px 0; }
    .categoriesList .categoriesList_inner li a {
      display: block;
      padding: 5px 5px 3px; }
      .categoriesList .categoriesList_inner li a:hover {
        text-decoration: underline; }
    .categoriesList .categoriesList_inner li.active a {
      background-color: #efefef;
      color: #333;
      text-decoration: none;
      cursor: default; }

/*-----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.回答急上中！
------------------------------*/
.sub {
  width: 300px;
  float: right; }

.personalInfo {
  padding-left: 15px; }
  .personalInfo .nameArea p {
    width: 50px;
    height: 50px;
    background-color: #fff;
    float: left; }
  .personalInfo .nameArea .right {
    width: 214px;
    float: left;
    margin-left: 15px; }
    .personalInfo .nameArea .right h3 {
      margin: 5px 0 10px; }
      .personalInfo .nameArea .right h3 a {
        color: #395998;
        font-weight: bold; }
        .personalInfo .nameArea .right h3 a:hover {
          text-decoration: underline; }
    .personalInfo .nameArea .right ul li {
      float: left;
      margin-right: 20px; }
      .personalInfo .nameArea .right ul li.last {
        margin-right: 0 !important; }
      .personalInfo .nameArea .right ul li a {
        font-size: 12px;
        color: #395998; }
        .personalInfo .nameArea .right ul li a:hover {
          text-decoration: underline; }
  .personalInfo .numbers {
    margin: 15px 0; }
    .personalInfo .numbers .last {
      margin-bottom: 0 !important; }
    .personalInfo .numbers dt {
      color: #444;
      height: 18px;
      margin-bottom: 7px;
      line-height: 21px;
      font-size: 12px; }
    .personalInfo .numbers dd {
      font-size: 15px;
      float: right;
      color: #00A3D9;
      font-weight: bold; }
    .personalInfo .numbers .left {
      width: 122px;
      float: left;
      padding-right: 15px;
      border-right: 1px solid #aaa; }
      .personalInfo .numbers .left .bestAnswer {
        background: url("../../../../../images/v2/pc/top/medal.png") no-repeat left;
        padding-left: 15px; }
      .personalInfo .numbers .left .curious {
        background: url("../../../../../images/v2/pc/top/blue_star_small.png") no-repeat left;
        padding-left: 17px;
        line-height: 25px !important; }
      .personalInfo .numbers .left .good {
        background: url("../../../../../images/v2/pc/top/good.png") no-repeat left;
        padding-left: 42px;
        line-height: 25px !important; }
    .personalInfo .numbers .right {
      width: 128px;
      float: left;
      padding-left: 15px; }
  .personalInfo .btn {
    margin: 25px auto 25px;
    width: 170px !important;
    box-shadow: 2px 2px 0 #d6d6d6;
    border-radius: 5px; }
    .personalInfo .btn a {
      display: block;
      padding: 9px 0 3px 34px !important;
      background-color: #006dd9;
      border-radius: 5px; }
      .personalInfo .btn a:hover {
        background-color: #044a90 !important;
        color: #044a90 !important; }
        .personalInfo .btn a:hover i.q {
          color: #044a90 !important; }
      .personalInfo .btn a span.q-text {
        font-size: 16px !important;
        font-weight: bold;
        margin-left: 5px !important;
        color: #fff !important; }
      .personalInfo .btn a i.w-circle {
        color: #fff;
        font-size: 1.7em;
        line-height: 25px; }
      .personalInfo .btn a i.q {
        color: #006dd9 !important;
        font-style: normal;
        font-weight: bold;
        font-size: 15px;
        line-height: 26px; }
    .personalInfo .btn .theQuestion {
      color: #fff !important; }

.bannerArea {
  margin-bottom: 25px; }

.loginBtns {
  border-radius: 5px;
  border: 1px solid #ddd;
  margin: 0 0 25px; }
  .loginBtns .loninUpper {
    padding: 20px 18px; }
    .loginBtns .loninUpper h2 {
      font-size: 15px;
      color: #333;
      margin-bottom: 25px; }
    .loginBtns .loninUpper ul li {
      float: left; }
      .loginBtns .loninUpper ul li a {
        display: block;
        border-radius: 5px;
        width: 65px;
        height: 60px; }
        .loginBtns .loninUpper ul li a:hover {
          background-color: #ddd; }
        .loginBtns .loninUpper ul li a .gooIcon {
          padding: 25% 12%; }
        .loginBtns .loninUpper ul li a .twitterIcon {
          padding: 25%; }
        .loginBtns .loninUpper ul li a .facebookIcon {
          padding: 23% 28%; }
        .loginBtns .loninUpper ul li a .googleIcon {
          padding: 25%; }
  .loginBtns .loginBottom {
    background-color: #F8F8F8;
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px; }
    .loginBtns .loginBottom:hover {
      background-color: #ddd; }
    .loginBtns .loginBottom p {
      text-align: center; }
      .loginBtns .loginBottom p a {
        display: block;
        font-size: 13px;
        color: #666;
        line-height: 50px; }
        .loginBtns .loginBottom p a i {
          font-size: 22px;
          color: #00A3D8;
          font-weight: bold;
          margin-left: 15px;
          vertical-align: text-bottom; }

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

.specialistAnswerArea .specialistAnswerAreaInner {
  border-radius: 5px;
  border: 1px solid #ddd;
  margin-bottom: 25px; }
  .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; }
        .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 {
          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; }
        .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%; }
        .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; }
      .oshitopiArea .oshitopiInner ul li .oshitopiText {
        float: left;
        width: 180px;
        line-height: 150%; }
        .oshitopiArea .oshitopiInner ul li .oshitopiText a {
          color: #3A5998; }
          .oshitopiArea .oshitopiInner ul li .oshitopiText a:hover {
            text-decoration: underline; }

.informationArea {
  margin-top: 25px;
  clear: both; }
  .informationArea h2 {
    font-size: 15px;
    padding-left: 15px;
    color: #333;
    margin-bottom: 5px; }
  .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 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 h2 {
      float: left;
      padding-left: 15px; }
      .cateIchiran .title h2 i {
        padding-right: 6px;
        color: #00A3D9; }
      .cateIchiran .title h2 a {
        line-height: 45px;
        color: #3b5998;
        font-size: 15px; }
        .cateIchiran .title h2 a:hover {
          text-decoration: underline; }
    .cateIchiran .title .close {
      width: 57px;
      float: right;
      background-color: #fff;
      margin-top: 12px;
      margn-right: 15px !important;
      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-right: 5px; }
      .cateIchiran .cateIchiranContent ul li.cateIchiRight {
        margin-right: 0 !important; }
      .cateIchiran .cateIchiranContent ul li a {
        color: #395998;
        font-size: 13px;
        line-height: 26px; }
        .cateIchiran .cateIchiranContent ul li a:hover {
          text-decoration: underline; }

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

.compareHistory h2 {
  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: #eee; }

.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 p {
    line-height: 140%;
    padding: 12px 0 12px 15px;
    font-size: 13px;
    color: #aaa; }
  .myKeyWord h2 {
    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 h2 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;
      margn-right: 15px !important;
      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: 183px !important; }

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

.answers {
  margin-top: 25px; }
  .answers h2 {
    colot: #333;
    font-size: 15px;
    padding-left: 15px;
    margin-bottom: 5px; }
  .answers ul {
    padding: 10px 15px;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd; }
    .answers ul li {
      heigt: 19px;
      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 :hover {
        background-color: #efefef; }
      .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; }

/*tableOfContents
--------------------------------
1.リンクの定義
2.右側コンテンツ
	2-1.タイトル
	2-2.カテゴリ一覧
	2-3.おすすめ情報
	2-4.おしトピ
	2-5.新着記事とイチオシ
--------------------------------*/
a {
  color: #395998; }
  a:hover {
    text-decoration: underline; }

img {
  vertical-align: top; }

.watchRightContents {
  width: 300px;
  float: right;
  margin-top: -6px; }

.sideBox {
  margin-bottom: 20px; }

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

.sideCateList {
  padding: 0 15px;
  margin-bottom: 30px; }
  .sideCateList li {
    width: 50%;
    float: left;
    line-height: 1.4;
    padding: 4px 0; }
    .sideCateList li a {
      font-size: 13px; }

.sideRankingList {
  margin-bottom: 35px; }
  .sideRankingList li .sideRankInner {
    position: relative;
    padding: 15px;
    background-color: #FFFADD;
    border-top: 2px solid #fff; }
    .sideRankingList li .sideRankInner .sideRank1to3 {
      position: absolute;
      top: 6px;
      left: -7px; }
    .sideRankingList li .sideRankInner .sideRankOther {
      position: absolute;
      top: 7px;
      left: 8px;
      font-size: 16px; }
    .sideRankingList li .sideRankInner .sideRank10 {
      left: 4px !important; }
    .sideRankingList li .sideRankInner .sideRankText {
      padding-left: 25px; }
      .sideRankingList li .sideRankInner .sideRankText a {
        line-height: 1.4; }
  .sideRankingList li .sideRankInnerForOther {
    border-bottom: 2px dotted #ddd;
    padding: 5px 15px !important;
    background-color: #fff !important; }

.recomendInfoArea {
  border: 4px solid #eee;
  padding: 10px 15px;
  margin-bottom: 20px; }
  .recomendInfoArea .recomendInfoTitle {
    font-size: 15px; }
  .recomendInfoArea .recomendInfoList li .recomendInfoListBox {
    border-bottom: 1px dotted #ddd;
    padding: 10px 0; }
    .recomendInfoArea .recomendInfoList li .recomendInfoListBox .recomendInfoImg {
      width: 75px;
      float: left; }
    .recomendInfoArea .recomendInfoList li .recomendInfoListBox .recomendInfoRight {
      width: 180px;
      float: right;
      margin-top: 4px; }
  .recomendInfoArea .recomendInfoList li .recomendInfoListBox2 {
    border-bottom: 1px dotted #ddd;
    padding: 10px 0; }
  .recomendInfoArea .recomendInfoList li .recomendInfoListTitle {
    margin-bottom: 5px; }
  .recomendInfoArea .recomendInfoList li .recomendInfoRightList {
    padding-left: 15px; }
    .recomendInfoArea .recomendInfoList li .recomendInfoRightList li a {
      line-height: 1.4;
      font-size: 13px; }
      .recomendInfoArea .recomendInfoList li .recomendInfoRightList li a i {
        font-size: 10px;
        color: #ddd;
        margin-right: 5px; }
  .recomendInfoArea .recomendInfoLastBox {
    margin-top: 15px; }
    .recomendInfoArea .recomendInfoLastBox .recomendInfoLastTitle {
      font-size: 15px;
      margin-bottom: 6px; }
    .recomendInfoArea .recomendInfoLastBox .recomendInfoLastText {
      padding-left: 15px;
      font-size: 13px;
      line-height: 1.4; }
      .recomendInfoArea .recomendInfoLastBox .recomendInfoLastText span {
        padding-right: 10px; }

.oshitopiArea .oshitopiTitle {
  background: url(../../../../../images/v2/pc/watch/left_links_icon04.png) no-repeat left;
  margin-bottom: 5px;
  height: 20px;
  padding: 10px 0 0 25px;
  font-size: 15px; }

.oshitopiArea .oshitopiSubTitle {
  font-size: 13px;
  margin-bottom: 5px;
  color: #666; }

.oshitopiArea .oshitopiList {
  border-top: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
  padding: 15px 15px 5px; }
  .oshitopiArea .oshitopiList .oshitopiBox {
    margin-bottom: 10px; }
    .oshitopiArea .oshitopiList .oshitopiBox .oshitopiImg {
      width: 80px;
      float: left; }
    .oshitopiArea .oshitopiList .oshitopiBox .oshitopiRight {
      width: 180px;
      float: right; }
      .oshitopiArea .oshitopiList .oshitopiBox .oshitopiRight .oshitopiText a {
        line-height: 1.5; }

.sideBoxContent li {
  margin-bottom: 20px; }
  .sideBoxContent li:first-child {
    margin-top: 0 !important; }
  .sideBoxContent li .sideBoxList .sideBoxListImg {
    width: 80px;
    float: left; }
    .sideBoxContent li .sideBoxList .sideBoxListImg a {
      display: block;
      -webkit-transition: all linear 0.2s;
              transition: all linear 0.2s; }
      .sideBoxContent li .sideBoxList .sideBoxListImg a:hover {
        opacity: 0.7; }
  .sideBoxContent li .sideBoxList .sideBoxRightContent {
    width: 204px;
    float: right; }
    .sideBoxContent li .sideBoxList .sideBoxRightContent dt {
      margin-bottom: 6px;
      font-weight: bold; }
      .sideBoxContent li .sideBoxList .sideBoxRightContent dt a {
        line-height: 1.3;
        padding-right: 10px; }
      .sideBoxContent li .sideBoxList .sideBoxRightContent dt .small {
        font-size: 10px;
        color: #999;
        font-weight: normal !important;
        vertical-align: 1px; }
    .sideBoxContent li .sideBoxList .sideBoxRightContent .sideBoxListText {
      font-size: 12px;
      color: #333;
      line-height: 1.3; }
    .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; }

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

/*tableOfContents
--------------------------------
1.ページング（検索結果など用）
2.ページング(記事詳細用)
--------------------------------*/
.pagingFull {
  margin: 20px 0 50px !important; }

.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: #FF8000 !important;
      color: #fff !important;
      border-color: #FF8000 !important;
      font-weight: bold;
      cursor: default; }
      .pagingArea ul li.active a:hover {
        background-color: #FF8000 !important; }
    .pagingArea ul li.next a {
      color: #FF8000 !important; }
    .pagingArea ul li.prev a {
      color: #FF8000 !important; }
    .pagingArea ul li.last {
      margin-right: 0 !important; }
    .pagingArea ul li.disabled {
      display: none; }
    .pagingArea ul li a {
      font-size: 15px;
      color: #666666;
      display: block;
      text-decoration: none;
      padding: 8px 10px;
      border-radius: 5px;
      border: 1px solid #ddd;
      margin-right: 8px;
      background-color: #f6f6f6; }
      .pagingArea ul li a:hover {
        color: #FF8000;
        background-color: #e0e0e0 !important;
        text-decoration: none; }

.articlePaging {
  text-align: center; }
  .articlePaging li {
    margin-left: 5px; }
    .articlePaging li:first-child {
      margin-left: 0 !important; }
    .articlePaging li.disable a {
      background-color: #dfdfdf;
      color: #999;
      border: 1px solid #a3a3a3;
      cursor: default; }
      .articlePaging li.disable a:hover {
        background-color: #dfdfdf !important;
        color: #999 !important; }
    .articlePaging li.active a {
      background-color: #333;
      color: #fff; }
    .articlePaging li a {
      display: block;
      font-size: 15px;
      border: 1px solid #333;
      padding: 5px 8px;
      text-decoration: none;
      color: #333; }
      .articlePaging li a:hover {
        background-color: #333;
        color: #fff; }