/* top */



.topMainWrap{padding: 0px 20px 0px 20px;}
.topMainWrap .innerM{width:1020px; margin:0px auto;}


.topMainWrap p { line-height:1.5em;}/* 記事の文字 */
.topMainWrap a{ font-weight:bold; color:#356e70; }/* 記事のリンク色 */
.topMainWrap a:hover{ text-decoration: underline; color:#008484; }/* 記事のリンクマウスオーバー */


.topMainWrap a:visited {color:#2E0D84; }/* 記事のリンク色（訪問済み） */
.topMainWrap a:visited:hover{color:#008484; }/* 記事のリンク色（訪問済み） */


.topMainWrap .topMainInner {width:680px;float:left;}


/* メイン記事 */
.topMainWrap .topMainInner .mainArticleWrap .time { color:#666; font-size:12px; padding-left:5px;}
.topMainWrap .topMainInner .mainArticleWrap {width:450px; float:left;}
.topMainWrap .topMainInner .mainArticleWrap ul{ list-style:none;width:450px;}
.topMainWrap .topMainInner .mainArticleWrap ul li { padding:12px 0px; border-bottom:1px dotted #999; }
.topMainWrap .topMainInner .mainArticleWrap ul li:first-child { padding:0px 0px 12px 0px; }

/* メイン記事 テーマ */
.topMainWrap .topMainInner .mainArticleWrap .themeWrapSmall { border:1px solid #999; background-image:url(../img/contents/themeBg3.gif); width:98%; margin-bottom:2px;}
.topMainWrap .topMainInner .mainArticleWrap .themeWrapSmall .inner { border:1px solid #fff; padding:0px 1px;}
.topMainWrap .topMainInner .mainArticleWrap .themeWrapSmall .inner .txt { font-size:12px; border-left:2px solid #006A6A; text-indent:0.3em;}

/* 記事　大 */
.topMainWrap .topMainInner .mainArticleWrap ul .large {}
.topMainWrap .topMainInner .mainArticleWrap ul .large a { color:#000;}
.topMainWrap .topMainInner .mainArticleWrap ul .large a:hover { color:#008484;}
.topMainWrap .topMainInner .mainArticleWrap ul .large .cap { font-size:24px;vertical-align: middle;}
.topMainWrap .topMainInner .mainArticleWrap ul .large p { padding:5px 10px 2px 0px;}
.topMainWrap .topMainInner .mainArticleWrap ul .large img { margin-bottom:4px;}

/* 記事　中 */
.topMainWrap .topMainInner .mainArticleWrap ul .middle { line-height:1.5em;}
.topMainWrap .topMainInner .mainArticleWrap ul .middle a {}
.topMainWrap .topMainInner .mainArticleWrap ul .middle .cap { font-size:16px;vertical-align: middle;}
.topMainWrap .topMainInner .mainArticleWrap ul .middle p { padding:5px 10px 2px 0px;}
.topMainWrap .topMainInner .mainArticleWrap ul .middle .PictureArea { float:left; margin-right:10px;}
.topMainWrap .topMainInner .mainArticleWrap ul .middle .clear {clear:both;}/* 写真がある記事の回りこみ解除 */

.topMainWrap .topMainInner .mainArticleWrap .listLink { text-align:right; margin-top:10px;}
.topMainWrap .topMainInner .mainArticleWrap .listLink a { padding-left:10px;}
.topMainWrap .topMainInner .mainArticleWrap .listLink p { line-height:1.4em;}

/* 記事　小 */
.topMainWrap .topMainInner .mainArticleWrap ul .small { line-height:1.5em; background-image:url(../img/common/arrow1.gif); background-position:0px 15px; background-repeat:no-repeat; padding-left:26px;}
.topMainWrap .topMainInner .mainArticleWrap ul .odd {background-color:#F5F5F5;}
.topMainWrap .topMainInner .mainArticleWrap ul .small:first-child { margin-top:12px;}
.topMainWrap .topMainInner .mainArticleWrap ul .even {background-color:#fff;}
.topMainWrap .topMainInner .mainArticleWrap ul .small a {}
.topMainWrap .topMainInner .mainArticleWrap ul .small .cap {vertical-align: middle;}
.topMainWrap .topMainInner .mainArticleWrap ul .small p { padding:5px 10px 2px 0px;}
.topMainWrap .topMainInner .mainArticleWrap ul .small .cameraIcon { vertical-align:middle; padding-left:5px;}
.topMainWrap .topMainInner .mainArticleWrap ul .small .qbizeyeIcon { vertical-align:middle; padding-left:5px;}

/* PRリンク（メイン記事直下） */
.topMainWrap .topMainInner .mainArticleWrap .prWrap { margin:12px 0px 14px 10px;}
.topMainWrap .topMainInner .mainArticleWrap .prWrap p {color:#009595;}
.topMainWrap .topMainInner .mainArticleWrap .prWrap a {margin-left:8px;}


/* サブ記事 */
.topMainWrap .topMainInner .subArticleWrap { float:right;}
.topMainWrap .topMainInner .subArticleWrap .time { color:#666; font-size:12px; padding-left:5px;}
.topMainWrap .topMainInner .subArticleWrap ul{ list-style:none;width:180px; background-color:#F5F5F5; border:1px solid #D6D6D6; padding:0px 14px;margin-bottom: 10px;}
.topMainWrap .topMainInner .subArticleWrap ul li { padding:10px 0px 7px 0px; border-top:1px dotted #999; line-height:1.5em;}
.topMainWrap .topMainInner .subArticleWrap ul li:first-child { border-top:none; line-height:1.5em;}
.topMainWrap .topMainInner .subArticleWrap img { padding-bottom:3px;} 
.topMainWrap .topMainInner .subArticleWrap ul li .cameraIcon { vertical-align:middle; padding-left:5px;}
.topMainWrap .topMainInner .subArticleWrap ul li .qbizeyeIcon { vertical-align:middle; padding-left:5px;}

/* サブ記事直下リンク */
.topMainWrap .topMainInner .subArticleWrap .listLink { text-align:right; margin:10px 0px 14px 0px;}
.topMainWrap .topMainInner .subArticleWrap .listLink a { padding-left:10px;}
.topMainWrap .topMainInner .subArticleWrap .listLink p { line-height:1.4em;}


/* サブ記事　テーマ */
.topMainWrap .topMainInner .subArticleWrap .themeWrapSmall { border:1px solid #999; background-image:url(../img/contents/themeBg3.gif); width:178px; margin-bottom:2px;}
.topMainWrap .topMainInner .subArticleWrap .themeWrapSmall .inner { border:1px solid #fff; padding:0px 1px;}
.topMainWrap .topMainInner .subArticleWrap .themeWrapSmall .inner .txt { font-size:12px; border-left:2px solid #006A6A; text-indent:0.3em;}

.topMainWrap .topMainInner .subArticleWrap .subParts1{margin-top: 20px;}
.topMainWrap .topMainInner .subArticleWrap .subParts1 ul{ list-style:none; border: 0px;background-color: #ffffff;padding:0px;}
.topMainWrap .topMainInner .subArticleWrap .subParts1 ul li { padding:0px 0px; border: 0px; margin-bottom: 10px; background-position: 0 4px;}
.topMainWrap .topMainInner .subArticleWrap .subParts1 ul li:first-child { padding:0px 0px 0px 0px; border: 0px;}

/* TOPお知らせ枠 */
.topMainInner .info { 
border: 2px solid silver;
margin-bottom:10px;
padding: 5px;
}
.topMainInner .info ul {
list-style: none;
padding: 12px; font-weight:normal;
}
.topMainInner .info li{
font-size:16px;
}



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



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

}

.mainArticleWrapSubContentUnit {
  padding-top: 15px;

}

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

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

.mainArticleWrapSubContentUnitTlitle .titleRightBtn a {
  float: right;
  background: #008080;
  padding: 2px 10px;
  font-weight: normal;
  font-size: 13px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  color: #fff;
}

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

.mainArticleWrapSubContentUnit ul li.mainArticleWrapSubContentUnitImg {
  float: left;
  display: block;
  width: 80px;
  /*height: 50px;*/
  margin-left: 10px;
}

.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: 350px;
  /*height: 80px;*/
  padding-top: 0!important;
  /*background: #ccc;*/
}

.mainArticleWrapSubContentUnit ul li.mainArticleWrapSubContentUnitText .textArea {
  color: #356E70;
  font-size: 15px;
}

.mainArticleWrapSubContentUnit ul li.mainArticleWrapSubContentUnitText .dateArea {
  color: #666;
  font-size: 12px;
  padding-left: 5px;
  font-weight: normal;
}

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

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



/* 色・アイコン
--------------------------------------------- */
/* 修治の大人の悩み相談室 */
#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;
}

.midnightUnit .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;
}

/* わが社の人財戦略 */
#mainArticleWrapSub.wagasyaUnit {
  background: rgb(236, 251, 247);
}

.wagasyaUnit .mainArticleWrapSubContentUnitTlitle {
  background: #41A26D url(/image/free/78e9afe3dc5ec1aca951d7d7c321d4b4.png) 8px center no-repeat;
}

.wagasyaUnit .mainArticleWrapSubContentUnit {
  background: rgb(236, 251, 247);
}