/* contents */


/* 記事 */
.mainArticleWrap {}
.mainArticleWrap .inner{ width:90%; margin:0 auto;}

.mainArticleWrap .inner h1{ font-weight:bold; font-size:large; color:#0C4C50;}
.mainArticleWrap .inner h3{ font-weight:bold; font-size:medium; color:#0C4C50;}
.mainArticleWrap .inner h4{ font-weight:bold; font-size:medium; color:#666;}

.mainArticleWrap .inner .imgWrap {width:100%; position:relative; margin-bottom:0.5em;}
.mainArticleWrap .inner .imgWrap h2 { line-height:0;}
.mainArticleWrap .inner .imgWrap h2 img{ width:100%;}





.mainArticleWrap .inner .imgWrap .cap {width:100%; background-color:rgba(0,0,0,0.4);  z-index:1; color:#fff; font-size:small; line-height:1em;}
.mainArticleWrap .inner .imgWrap .cap p {width:84%; padding:0.8em 0 0.8em 0.8em ;}
.mainArticleWrap .inner .imgWrap .cap .kil a{
  display:block;
  float:right;
  margin:5px;
  font-size: 18px; font-weight:bold; border:1px solid #fff; padding:5px; text-align:center;
  line-height:9px;
  color:#fff;
  background-color:rgba(0,0,0,0.5);
}


.mainArticleWrap .inner .btnWrap { margin:1em 0;}
.mainArticleWrap .inner .btnWrap .leftSide { /* float:left; */ }
.mainArticleWrap .inner .btnWrap .rightSide { /*float:right;margin-top:3px;*/margin-left:auto;margin-right:auto;clear:both;background-color:#cfe3ee;padding:3px;padding-left:5px;margin-top: 10px;}


.mainArticleWrap .inner .imgWrap .arrowWrap { position: absolute; top:4em; background-color:rgba(0,0,0,0); width:100%; z-index:2; opacity:0.5;}

.mainArticleWrap .inner .imgWrap .arrowWrap .arrowL { float:left;}
.mainArticleWrap .inner .imgWrap .arrowWrap .arrowL img { height:5em;}
.mainArticleWrap .inner .imgWrap .arrowWrap .arrowR { float:right;}
.mainArticleWrap .inner .imgWrap .arrowWrap .arrowR img { height:5em;}



.mainArticleWrap .inner .pdf { margin-bottom:0.5em; text-align:center; width:100%; background-image:url(../img/contents/pdfArrow.gif); background-position:right center; background-repeat:no-repeat;}
.mainArticleWrap .inner .pdf a { border:1px solid #B81D12; display:block; color:#B81D12; font-weight:bold; padding:0.3em 0;}
.mainArticleWrap .inner .pdf a img { width:1em; height:1em; margin-right:0.2em;}

/* 会員限定  */
.mainArticleWrap .membersOnly {text-align:center; margin:20px auto;}
.mainArticleWrap .membersOnly .title { font-size:16px; font-weight:bold; color:#FF0000; margin:20px;}
.mainArticleWrap .membersOnly .txt { font-size:14px; margin-bottom:5px;}
.mainArticleWrap .membersOnly .btn { padding-bottom:20px;}
.mainArticleWrap .membersOnly .btn a img:hover {filter: alpha(opacity=70); opacity: 0.7;}
.mainArticleWrap .membersOnly .inner { border:1px solid #D6D6D6; background-color:#F5F5F5; width:99%; margin:0px auto;}
.mainArticleWrap .membersOnly .inner .cap { text-align:left; display:block; width:99%; margin:0px auto; line-height:1.5em;}
.mainArticleWrap .membersOnly .inner .cap img { float:left; margin-right:5px;}
.mainArticleWrap .membersOnly .inner .cap .pickUp { color:#FF0000;}
.mainArticleWrap .membersOnly .inner .read { text-align:left; font-size:16px; font-weight:bold; color:#006A6A; width:99%; margin:15px auto 0px auto; line-height:1.5em;}




/* 文字サイズ */
.leftSide .txtsizeBtn { float: right; margin-top:4px; margin-left:15px; width:57px; height:19px; background-image:url(../../img/contents/txtsizeBtnBg.gif); background-repeat:no-repeat;}
.leftSide .txtsizeBtn li { float:left; width:17px; text-align:center; margin:2px 0px 0px 1px;}
.leftSide .txtsizeBtn li:first-child {margin:2px 0px 0px 2px;}
.leftSide .txtsizeBtn li a { text-decoration:none; display:block; font-size:10px; font-weight:normal; color:#000; padding:2px 0px;}
.leftSide .txtsizeBtn li a:hover { text-decoration:none;}
.leftSide .txtsizeBtn .ac { background-color:#009595;}
.leftSide .txtsizeBtn .ac a { color:#fff;}
.leftSide .txtsizeBtn li:hover { background-color:#009595;}
.leftSide .txtsizeBtn li:hover a { color:#fff;}


.mainArticleWrap .txtSizeSmall h1 { font-size:14px}/* 見出し 小 */
.mainArticleWrap .txtSizeMiddle h1 { font-size:18px;}/* 見出し 中 */
.mainArticleWrap .txtSizeLarge h1 { font-size:28px;}/* 見出し 大 */

.mainArticleWrap .contentsArticleInner .time { margin-top:10px; color:#666; float:left;}/* 更新日時 */
.mainArticleWrap .txtSizeSmall .time { font-size:9px;}/* 更新日時 小 */
.mainArticleWrap .txtSizeMiddle .time { font-size:10px;}/* 更新日時 中 */
.mainArticleWrap .txtSizeLarge .time { font-size:12px;}/* 更新日時 大 */

.mainArticleWrap .txtSizeSmall .reporter { font-size:10px;}/* 記者 小 */
.mainArticleWrap .txtSizeMiddle .reporter { font-size:12px;}/* 記者 中 */
.mainArticleWrap .txtSizeLarge .reporter { font-size:14px;}/* 記者 大 */
.mainArticleWrap .txtSizeSmall .reporter a { font-size:10px;}/* 記者 小 */
.mainArticleWrap .txtSizeMiddle .reporter a { font-size:12px;}/* 記者 中 */
.mainArticleWrap .txtSizeLarge .reporter a { font-size:14px;}/* 記者 大 */

.mainArticleWrap .contentsArticleInner .mainWrap .mainTxt p { line-height: 1.6em;margin: 10px 0px;}/* 本文 */
.mainArticleWrap .txtSizeSmall p { font-size:14px;}/* 本文 小 */
.mainArticleWrap .txtSizeMiddle p { font-size:16px;}/* 本文 中 */
.mainArticleWrap .txtSizeLarge p { font-size:18px;}/* 本文 大 */
.mainArticleWrap .txtSizeSmall p span,.mainArticleWrap .txtSizeSmall p a,.mainArticleWrap .txtSizeSmall p strong{ font-size:14px;}/* 本文 小 */
.mainArticleWrap .txtSizeMiddle p span,.mainArticleWrap .txtSizeMiddle p a,.mainArticleWrap .txtSizeMiddle p strong{ font-size:16px;}/* 本文 中 */
.mainArticleWrap .txtSizeLarge p span,.mainArticleWrap .txtSizeLarge p a,.mainArticleWrap .txtSizeLarge p strong{ font-size:18px;}/* 本文 大 */

/* 記事　こ見出しタグ用  */
.mainArticleWrap .txtSizeSmall p .sub_title{ font-weight: bold;font-size: 16px;line-height: 2em;}/* 本文 小 */
.mainArticleWrap .txtSizeMiddle p .sub_title{ font-weight: bold;font-size: 18px;line-height: 2em;}/* 本文 中 */
.mainArticleWrap .txtSizeLarge p .sub_title{ font-weight: bold;font-size: 20px;line-height: 2em;}/* 本文 大 */
/*qbiz eye エリア*/
.mainWrap .mainArticleWrap .qbiz_eye_content {padding:10px 5px; background:#E5F0F0; margin-bottom:20px;line-height:1.6em;}

.mainWrap .mainArticleWrap .qbiz_eye_content.txtSizeSmall { font-size:14px;}/* 本文 小 */
.mainWrap .mainArticleWrap .qbiz_eye_content.txtSizeMiddle{ font-size:16px;}/* 本文 中 */
.mainWrap .mainArticleWrap .qbiz_eye_content.txtSizeLarge { font-size:18px;}/* 本文 大 */




/* ログイン・登録してないユーザーに表示
---------------------------------------------------- */

.no_login .c_red {
  color: #B20000
}

.no_login .ta_c {
  text-align: center;
}

.no_login .bb_n {
  border-bottom: none!important;
}

/* ログインして続きを読む
------------------------------ */
.no_login .login {
  text-align: center;
}



/* 会員登録用
------------------------------ */
.no_login .sign_up {
  background: #F5F5F5;
  padding: 10px;
  margin: 5px;
}

.no_login .sign_up .catch_copy {
  margin-bottom: 10px;
  color: #B20000;
  font-size: 26px;
  font-weight: bold;
  text-align: center;
}

.no_login .sign_up .sign_up_btn {
  text-align: center;
}



/* qbizとは
------------------------------ */
.no_login .qbiz_toha .ttl {
  background: #0E4C4D;
  padding:5px 0;
  text-align: center;
}

.no_login .qbiz_toha dl {
  border-bottom: solid 1px #ccc;
  padding-bottom: 10px;
        padding-top: 10px;
}

.no_login .qbiz_toha dl dt {
  display: block;
  float: left;
  width: 30%;
  margin-right: 10px;
}

.no_login .qbiz_toha dl dd {
  display: block;
  float: right;
  width: 65%;
  padding: 10px 0 0 0;
}


.no_login .qbiz_toha .catch_copy {
  padding: 15px 15px 0 15px;
  color: #B20000;
  font-size: 26px;
  font-weight: bold;
  text-align: center;
}

.kinngaku {
  padding: 5px 15px 15px 15px;
}

.no_login .qbiz_toha .sign_up_btn {
  text-align: center;
}





/*===============================================
●qbiz用mainArticleWrapSub追加css
===============================================*/



#mainArticleWrapSub {
  /*margin-bottom: 20px;*/
  padding-bottom: 10px;

}

.mainArticleWrapSubContentUnit {
  padding-top: 15px;

}

.mainArticleWrapSubContentUnitTlitle {
  background: #ccc;
  padding: 10px 10px 10px 50px;
}

.mainArticleWrapSubContentUnitTlitle .tilteText {
  /*float: left;*/
  font-size: 15px;
  font-weight: bold;
  color: #fff;
}

.mainArticleWrapSubContentUnitTlitle .tilteText a {
  /*float: right;*/
  display:block;
  background: url(http://nnp-test.jp/sp/img/common/arrow.png) right center no-repeat;
  /*padding: 2px 10px;
  font-weight: normal;
  font-size: 13px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  color: #fff;*/
  color: #fff;
}

.mainArticleWrapSubContentUnitTlitle .titleRightBtn a:hover {
  color: #fff;
}

.mainArticleWrapSubContentUnit ul li.mainArticleWrapSubContentUnitImg {
  float: left;
  display: block;
  width: 22%;
  /*height: 50px;*/
  /*margin-left: 10px;*/
  /*background: #ccc;*/
}

.mainArticleWrapSubContentUnit ul li.mainArticleWrapSubContentUnitImg img {
  max-width: 100%!important;
  max-height: 100%!important;
  width: 100%!important;
  height: auto!important;
}

.mainArticleWrapSubContentUnit ul li.mainArticleWrapSubContentUnitText {
  float: right;
  display: block;
  width: 75%;
  /*height: 80px;*/
  padding-top: 0!important;
  /*background: #ccc;*/
}

.mainArticleWrapSubContentUnit ul li.mainArticleWrapSubContentUnitText .textArea {
  color: #0C4C50;
  font-size: 16px;
  font-weight: bold;
}

.mainArticleWrapSubContentUnit ul li.mainArticleWrapSubContentUnitText .dateArea {
  color: #999;
  font-size: x-small;
  font-weight: normal;
}

.mainArticleWrapSubContentUnit ul li {
  border-bottom: none!important;
}

#mainArticleWrapSub .moreLink {
  padding: 5px 5px 0 0;
  text-align: right;
}



/* 色・アイコン
--------------------------------------------- */
/* 修治の大人の悩み相談室 R20 */
#mainArticleWrapSub.syujiUnit {
  background: #E0F2FF;
}

.syujiUnit .mainArticleWrapSubContentUnitTlitle {
  background: #2D8CEB url(http://qbiz.jp/img/contents/nologin/img/syuji_icon.png) 8px center no-repeat;
}

.syujiUnit .mainArticleWrapSubContentUnit {
  background: #E0F2FF;
}

/* 中村修治の深夜の経済学 */
#mainArticleWrapSub.midnightUnit {
  background: #E0F2FF;
}

.midnightUnit .mainArticleWrapSubContentUnitTlitle {
  background: #000000 url(http://qbiz.jp/img/contents/nologin/img/syuji_icon.png) 8px center no-repeat;
}

.midnight .mainArticleWrapSubContentUnit {
  background: #E0F2FF;
}

/* 数字で見る九州経済 */
#mainArticleWrapSub.keizaiUnit {
  background: #E4F8FA;
}

.keizaiUnit .mainArticleWrapSubContentUnitTlitle {
  background: #1F3A3C url(http://qbiz.jp/img/contents/nologin/img/keizai_icon.png) 8px center no-repeat;
}

.keizaiUnit .mainArticleWrapSubContentUnit {
  background: #E4F8FA;
}


/* 今週の「取材中に刺さった」一言 */
#mainArticleWrapSub.hitokotoUnit {
  background: #F7E6E8;
}

.hitokotoUnit .mainArticleWrapSubContentUnitTlitle {
  background: #E86886 url(http://qbiz.jp/img/contents/nologin/img/hitokoto_icon.png) 8px center no-repeat;
}

.hitokotoUnit .mainArticleWrapSubContentUnit {
  background: #F7E6E8;
}


/* 奇稿コラム「九州経済に想う」 */
#mainArticleWrapSub.kikouUnit {
  background: #DFF5E6;
}

.kikouUnit .mainArticleWrapSubContentUnitTlitle {
  background: #1F9942 url(http://qbiz.jp/img/contents/nologin/img/kikou_icon.png) 8px center no-repeat;
}

.kikouUnit .mainArticleWrapSubContentUnit {
  background: #DFF5E6;
}

/* サラリーマン道場 */
#mainArticleWrapSub.globisUnit {
  background: #e0ecff;
}

.globisUnit .mainArticleWrapSubContentUnitTlitle {
  background: #34397B url(http://qbiz.jp/img/contents/nologin/img/globis_icon.png?a) 8px center no-repeat;
}

.globisUnit .mainArticleWrapSubContentUnit {
  background: #e0ecff;
}





/* clearfix_qbiz
-------------------------- */
.clearfix_qbiz:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

.clearfix_qbiz {  /* IE7 Bug Fix */
  min-height: 1px;
}

* html .clearfix_qbiz { /* IE6 and MacIE Bug Fix */
  height: 1px;
  /*\*//*/
  height: auto;
  overflow: hidden;
  /**/
}