@charset "UTF-8";

/*大枠*/
#wrapper{ text-align: left; width: 1000px; background:#fff; border: solid 1px #C0C0C0; margin: 0 auto; overflow: hidden; _zoom: 1; }

#contents { overflow: hidden; _zoom: 1; }

#mainContents { width: 679px; float: left; border-right: solid 1px #c0c0c0; margin-right: -1px; _margin-right: -2px; }

#subContents { width: 319px; float: left; border-left: solid 1px #c0c0c0; }

/*----------------------------------------------------
	汎用class
----------------------------------------------------*/
.imgR {	float: right; margin: 0 0 10px 10px; }

.imgL {	float: left; margin: 0 10px 10px 0; }

.imgC { text-align: center; margin-bottom: 1em; }
.imgC img { margin: 0 auto; }

.btn { text-align: center; }
.btn img { margin: 0 auto; }

.pageTop { clear: both; text-align: right; }

.pageTop a, .pageTop a:hover, .nextPage a, .nextPage a:hover { color:#333333; text-decoration:none; }
.pageTop a, .nextPage a { padding-right: 20px; }
#maincontent .nextPage { font-size: 11pt; } 
.pageTop a:hover, .nextPage a:hover { text-decoration:underline; }

.arrow_gray { background: url(/images/nbo/2011/common/arrow_gray.gif) left 3px no-repeat; padding-left: 10px; }
.arrow_gray:hover { text-decoration: underline; }

hr.border { float: right; width:650px; display: block; margin:0; margin-left: 29px; border:solid #C0C0C0; border-width:1px 0px 0px 0px; height:1px; overflow:hidden; }
hr.borderShort { float: right; width:290px; display: block; margin:0; margin-left: 29px; border:solid #C0C0C0; border-width:1px 0px 0px 0px; height:1px; overflow:hidden; }

.nextPage { text-align: right; }

/*--上下中央揃え*/
.centering p { display: table-cell; vertical-align: middle; margin: 0; }
/*for IE6 */
* html .centering p { display: inline; zoom: 1; }
/*for IE7 */
*:first-child+html .centering p { display: inline; zoom: 1; }
/*上下中央揃え--*/


/*パンくず*/
#contents #breadcrumb { width: 988px; line-height:35px; border-bottom: solid 1px #C0C0C0; background: #ffffff; padding-left: 10px; color: #727171; }
#contents #breadcrumb a { color: #727171; }
#contents #breadcrumb a:hover { color: #727171; }

/*サイドコンテンツ共通*/

/*記事検索 kijiSerch*/
#kijiSearch { padding: 20px 0 10px 0; border-bottom: solid 1px #C0C0C0; overflow: hidden; _zoom: 1; }
#kijiSearch h3 { line-height: 20px; padding-left: 30px; margin-bottom: 15px; background: url(/images/nbo/2011/common/sqic_red_20.gif) no-repeat left top; }
#kijiSearch ul#searchTab { height: 21px; width: 300px; padding-right: 10px; margin-bottom: 15px; margin-left: 10px; }
#kijiSearch ul#searchTab li { float: left; font-weight: bold; background: #E6E6E7; color: #727171; text-align: center; border-left: solid 1px #C0C0C0; line-height: 21px; font-size: 8pt; }
#kijiSearch ul#searchTab li:hover { cursor: pointer; }
#kijiSearch ul#searchTab li#inputKeyword { width: 72px; }
#kijiSearch ul#searchTab li#keyword { width: 72px; }
#kijiSearch ul#searchTab li#day { width: 65px; }
#kijiSearch ul#searchTab li#program { width: 66px; }
#kijiSearch ul#searchTab li#program a { color: #727171; }
#kijiSearch ul#searchTab li#program a:hover { color: #C2141C }
#kijiSearch ul#searchTab li#readerPickup { width: 90px; border-right: solid 1px #C0C0C0; }
#kijiSearch ul#searchTab li#readerPickup a { color: #727171; }
#kijiSearch ul#searchTab li#readerPickup a:hover { color: #C2141C }
#kijiSearch ul#searchTab li.selected { background: #ffffff; color:#C2141C; }

#kijiSearch ul#searchTab li.selected a,
#kijiSearch ul#searchTab li a:hover { color: #c2141c; }
#searchBlock1,#searchBlock2,#searchBlock3 { display: none; clear: both; }
#searchBlock1 .searchBtn { float: left; width: 46px; height: 29px; background: url(/images/nbo/2011/common/search_btn201104.gif) no-repeat left top; border: solid 1px #666; cursor: pointer; margin: 10px 0 10px 0; }
#searchBlock1 .searchTxt { margin: 10px 0 10px 30px; float: left; height: 20px; width: 200px; padding: 2px; padding: 6px 6px 2px; vertical-align: middle; }

#searchBlock2 ul { height: 1%; font-size: 8pt; }
#searchBlock2 ul li.yearsTime { margin:0 0 5px 5px; font-size: 9pt; text-align:center;}
#searchBlock2 ul li.tableWid { text-align:center;}
/*:root #searchBlock2 ul li.tableWid { width: 200px; }*/
#searchBlock2 ul li table#calendar { width: 80%; border: solid 1px #C0C0C0; border-right: none; border-left: none; text-align: center; margin:auto;}
#searchBlock2 ul li table#calendar td, #searchTab2 ul li table#calendar th { padding: 3px 0; text-align: center; }
#searchBlock2 ul li table#calendar .holiday { color: #C7212B; }
#searchBlock2 ul li table#calendar colgroup col { width: 14%; }
#searchBlock2 ul li table#calendar a { border-bottom: solid 1px #333; padding:0 4px; }
#searchBlock2 ul li table#calendar a:hover { text-decoration: none; }

#searchBlock3 { height: 1%; padding-left: 30px !important; font-size: 9pt; font-weight: bold; }
#searchBlock3 p { float: left; margin-right: 30px; }
#searchBlock3 ul { float: left; width: 200px; border-left: solid 1px #C0C0C0; }
#searchBlock3 ul li { float: left; width: 80px; padding: 0 10px; margin-bottom: 10px; }

#searchTab1.active-tab-body, #searchTab2.active-tab-body, #searchTab3.active-tab-body { display: block !important; clear: both; padding: 0 10px 10px 0; }
#searchTab1, #searchTab2, #searchTab3 { display: none !important; }

/*記事ランキング kijiRank*/
#kijiRank { padding: 20px 0 10px 15px; overflow: hidden; _zoom: 1; border-bottom: solid 1px #c0c0c0; }
#kijiRank .tabWrap { height: 20px; margin-bottom: 18px; }
#kijiRank h3 { line-height: 20px; padding-left: 30px; background:url(/images/nbo/2011/common/sqic_red_20.gif) no-repeat left top; width: 129px; float:left; margin-left: -15px; }
#kijiRank h3.yearRank { line-height: 20px; padding-left: 30px; background:url(/images/nbo/2011/common/sqic_red_20.gif) no-repeat left top; width: 270px; float:left; margin-left: -15px; }
#kijiRank ul#rankTab { width: 150px; height: 19px; padding-right: 10px; float: right; }
#kijiRank ul#rankTab li { float: left; font-weight: bold; text-align: center; border-left: solid 1px #C0C0C0; line-height: 19px; background: #E6E6E7; color: #727171; }
#kijiRank ul#rankTab li:hover { cursor: pointer; }
#kijiRank ul#rankTab li#present { width: 49px; }
#kijiRank ul#rankTab li#yesterday { width: 49px; }
#kijiRank ul#rankTab li#week { width: 48px; border-right: solid 1px #C0C0C0; }
#kijiRank ul#rankTab li.selected { background: #ffffff; color:#C2141C; }
#kijiRank ul#rankTab li.selected a { color: #C2141C; }

#rankTab1.active-tab-body,#rankTab2.active-tab-body,#rankTab3.active-tab-body{ display:block !important; margin-bottom: 10px; }
#rankTab1,#rankTab2,#rankTab3{ display:none; }

#rankTab1 iframe { float: right; }
#kijiRank ul.rankList { clear: both; padding-bottom: 10px; padding-right: 10px; overflow: hidden; _zoom: 1; border-bottom: solid 1px #c0c0c0; }
#kijiRank ul.rankList li { margin-bottom: 5px; line-height: 1.4; float: left; clear: both; width: 295px; _zoom: 1; }
#kijiRank ul.rankList li b.num { width: 14px; display: block; float: left; font-size: 20px; background: #717171; color: #fff; font-weight: normal; padding: 2px 3px; margin: 0 5px 5px 0; }
#kijiRank ul.rankList li span { float: left; width: 266px; font-size: 10pt; }
#kijiRank ul.rankList li a b { font-weight: bold; }
#kijiRank ul.rankList li a:hover { text-decoration: none; }
#kijiRank ul.rankList li a:hover b { text-decoration: underline; }
#kijiRank ul.rankList li .toList { text-align: right; background: url(/images/nbo/2011/common/arrow_gray.gif) left 3px no-repeat; padding-left: 10px !important; display: block; float: right; font-size: 12px; }
#kijiRank ul.rankList li b.num2 { width: 20px; display: block; float: left; font-size: 16px; background: #717171; color: #fff; font-weight: normal; padding: 2px 3px; margin: 0 5px 5px 0; }
#kijiRank ul.year li span { float: left; width: 260px; font-size: 10pt; }

#tweetRanking { clear: both; margin-left: 10px; }
#tweetRanking h4 { font-size: 13px; font-weight: normal; margin-bottom: 3px; }
#tweetRanking h4.tweet { background: url(/images/nbo/2011/common/icon_tweet.gif) no-repeat left top; padding-left: 18px; }
#tweetRanking p { text-align: right; padding-right: 15px; }

/*1年前の今日*/
#lastYearRank { border-bottom:1px solid #c0c0c0; margin-bottom:10px; font-weight:normal; padding:0px 10px 10px 15px; }
#lastYearRank h4 { border: 1px solid #CCCCCC; font-weight:bold; font-size:13px; height:20px; padding:5px 0px 0px 10px; margin-bottom:5px; }

/*読みましたか side*/
#haveReadSide { padding: 10px 0 0 0; border-bottom: solid 1px #C0C0C0; clear: both; }
#haveReadSide h3 { line-height: 20px; padding-left: 30px; background:url(/images/nbo/2011/common/sqic_red_20.gif) no-repeat left top; margin-bottom: 15px; }
#haveReadSide h3 span { padding-left: 5px; }
#haveReadSide ul { margin-left: 30px; padding-bottom: 10px; }
#haveReadSide ul li { margin-bottom: 10px; line-height: 1.1; padding-right: 10px; }
#haveReadSide ul li.hidden { display: none; }
#haveReadSide ul li a { display: block; font-weight: bold; font-size: 14px; }
#haveReadSide ul li a span { font-weight: normal; }
#haveReadSide ul li a b { font-size: 11px; color: #727171; display: block; }
#haveReadSide .right { display: none; }

/*編集部よりお知らせ*/
#editorialStaffNews { padding: 10px 0; border-bottom: solid 1px #C0C0C0; clear: both; }
#editorialStaffNews h3 { line-height: 20px; padding-left: 30px; background:url(/images/nbo/2011/common/sqic_red_20.gif) no-repeat left top; margin-bottom: 15px; }
#editorialStaffNews ul { margin-left: 30px; padding-bottom: 10px; }
#editorialStaffNews ul li { margin-bottom: 10px; line-height: 1.1; padding-right: 10px; }
* html #editorialStaffNews ul li { margin: 0; }
#editorialStaffNews ul li span { display: block; }
#editorialStaffNews ul li span.new { background: url(/images/nbo/2011/common/new.gif) no-repeat left 2px; }
#editorialStaffNews .toList { text-align: right; margin: 0 10px 0 0; }
#editorialStaffNews .toList a { font-size: 12px; }

#guidance { padding-top: 5px; }
#guidance h3 { line-height: 20px; padding-left: 30px; background:url(/images/nbo/2011/ad/sqic_blue_20.gif) no-repeat left top; }
#guidance ul { margin-left: 28px; margin-bottom: 15px; overflow: hidden; _zoom: 1; }
#guidance ul li { border-bottom: solid 1px #C0C0C0; clear:both; font-size: 8pt; padding-top: 15px; overflow: hidden; _zoom: 1; }
#guidance ul li h4 { font-size: 13px; }
#guidance ul li ul li { padding: 0 !important; font-size: 1px; margin-bottom: 8px; }
#guidance ul li ul li a { font-size: 12px; }
#guidance ul li div#newMag2 { height: 1%; padding-bottom: 10px; }
#guidance ul li div#newMag2 p { color: #727171; }
#guidance ul li div#newMag2 p.imgL { margin: 0 0 20px; padding: 0 10px 0 0; background: #fff; text-align: center; }
#guidance ul li div#newMag2 p.imgL a { font-size: 1.3em; font-weight: bold; padding: 5px 0; display: block; text-decoration: underline; }
#guidance ul li div#newMag2 div { clear: both; }
#guidance ul li div#newMag2 div.kiji { width: 150px; float:right; margin-bottom: 0; padding-right: 10px; clear: none; }
#guidance ul li div#newMag2 div.kiji ul { margin-left: 0; }
#guidance ul li div#newMag2 div.kiji ul li { border: none; font-size: 1.2em; line-height: 1.2; }
#guidance ul li div#newMag2 h4 { border-bottom: none; margin-bottom: 10px; line-height: 1; }
#guidance ul li div#newMag2 h4 a { display: block; margin-top: 10px; }
#guidance ul li div#newMag2 h4 a span { margin: 3px 0; display: block; font-weight: normal; }
#guidance ul li div#newMag2 dl dt { margin-bottom: 3px; font-size: 1.2em; }
#guidance ul li div#newMag2 dl dt a { color: #333; }
#guidance ul li div#newMag2 dl dd { background: url(/images/nbo/2011/common/arrow_gray.gif) left 4px no-repeat; padding-left: 10px; color:#727171; margin-bottom: 3px; }
#guidance ul li div#newMag2 dl dd.logo { background: none; }
#guidance ul li div#newMag2 dl dd.logo img { width: 140px; height: 23px; }

/*主催セミナー*/
#guidance ul li div#seminar { margin-left:0; }
#guidance ul li div#seminar h4 { margin-bottom: 10px; background: url(/images/nbo/2011/common/big_arrow_gray.gif) no-repeat left 3px; padding-left: 10px; }
#guidance ul li div#seminar ul { margin-left:0; }
#guidance ul li div#seminar ul li { border-bottom: none; color:#727171; font-size: 9pt; }
#guidance ul li div#seminar ul li p { line-height:1.4;}/*20111101追加*/
#guidance ul li div#seminar ul li p.img { padding-right: 10px; width: 53px; text-align: center; }/*20111101追加*/


/*刊行物・サービスご案内*/
#guidance ul li div#publicationService { margin-left:0;}
#guidance ul li div#publicationService h4 { margin-bottom: 10px; background: url(/images/nbo/2011/common/big_arrow_gray.gif) no-repeat left 3px; padding-left: 10px; }
#guidance ul li div#publicationService ul { margin: 0; }
#guidance ul li div#publicationService ul li { border-bottom: none; color:#727171; font-size: 9pt; line-height: 1.4; margin-bottom: 10px; }
#guidance ul li div#publicationService ul li p { width: 200px; }
#guidance ul li div#publicationService ul li p.img { padding-right: 10px; width: 70px; text-align: center; }
/*--for モダンブラウザ*/
:root #guidance ul li div#publicationService ul li.centering { display: table-row; }
:root #guidance ul li div#publicationService ul li.centering p { padding-bottom: 10px; }

/*定期購読者問い合わせ*/
#guidance ul li div#reference { margin:0; }
#guidance ul li div#reference h4 { margin-bottom: 10px; background: url(/images/nbo/2011/common/big_arrow_gray.gif) no-repeat left 3px; padding-left: 10px; }
#guidance ul li div#reference ul { margin-left: 0; }
#guidance ul li div#reference ul li { border-bottom: none; color:#727171; font-size: 9pt; }


/*日経ビジネス　スマートフォン・サービス*/
#guidance ul li #nb-digital { margin-left: 0; margin-bottom: 5px; padding-bottom: 10px; }
#guidance ul li #nb-digital h4 { background: url(/images/nbo/2011/common/big_arrow_gray.gif) no-repeat left 3px; padding-left: 10px; margin-bottom: 10px;}
#guidance ul li #nb-digital p { margin-left: 10px; margin-bottom: 10px; }
#guidance ul li #nb-digital p b { color: #C2131C; }
#guidance ul li #nb-digital p a { display: block; margin-bottom: 10px; }

/*音声サービス*/
#guidance ul li #otoMag { margin-left: 0; padding-bottom: 10px; }
#guidance ul li #otoMag h4 { background: url(/images/nbo/2011/common/big_arrow_gray.gif) no-repeat left 3px; padding-left: 10px; }
#guidance ul li #otoMag p { margin-left: 10px; margin-bottom: 10px; }
#guidance ul li #otoMag p b { color: #C2131C; }
#guidance ul li #otoMag p a { display: block; margin-bottom: 10px; }


/*日経ビジネス　電子書籍*/
#guidance ul li #e-books { margin-left: 0; padding-bottom: 10px; }
#guidance ul li #e-books h4 { background: url(/images/nbo/2011/common/big_arrow_gray.gif) no-repeat left 3px; padding-left: 10px; margin-bottom: 10px;}
#guidance ul li #e-books p { margin-left: 10px; margin-bottom: 10px; }
#guidance ul li #e-books p b { color: #C2131C; }
#guidance ul li #e-books p a { display: block; margin-bottom: 10px; }


/*日経ビジネス　5min*/
#guidance ul li #app5min { margin-left: 0; padding-bottom: 10px; }
#guidance ul li #app5min h4 { background: url(/images/nbo/2011/common/big_arrow_gray.gif) no-repeat left 3px; padding-left: 10px; margin-bottom: 10px;}
#guidance ul li #app5min h5 { font-size: 14px; padding-left: 0px; margin-bottom: 10px;}
#guidance ul li #app5min p.logo { margin-left: 0px; margin-bottom: 0px; float: left;}
#guidance ul li #app5min div#reference { width: 189px; margin: 0px; padding-top:5px; float: right;}
#guidance ul li #app5min div#reference strong{ font-size: 16px;}
#guidance ul li #app5min p b { color: #C2131C; }

#guidance ul li #app5min p a { display: block; margin-bottom: 10px; }


/*EMFバナー*/
#emfBanner { border-bottom: solid 1px #c0c0c0; padding: 10px 10px 0; }
#emfBanner ul {  }
#emfBanner ul li { margin-bottom: 10px; font-size: 1px; }
#emfBanner ul li span { background: #003399; display: block; color: #fff; text-align: center; font-size: 30px; height: 50px; width: 300px; }

/* 右側汎用バナー */
.subConBanner { border-bottom: solid 1px #c0c0c0; text-align:center; }

/*--- ▼フッター▼ */
#footer { clear: both; overflow: hidden; _zoom: 1; margin: 0; padding: 25px 0 0 0; width: 999px; position: relative; border-top: solid 1px #c0c0c0; }
.footer-list { clear: left; float:left; width:990px; margin:5px 0px 0px 5px; font-size:12px; text-align:left; letter-spacing:1px; padding:0px; }
.footer-list a:link, .footer-logo a:link { text-decoration:none; border-bottom-style:none; }
.footer-list strong { display:block; float:left; width:160px; font-weight:bold; color:#666; text-align: right; padding-right: 10px; }
.footer-logo { position: absolute; right: 0; top: 5px; width:160px; float: right; }
.footer-copyright { clear:both; width:500px; margin:5px auto; padding:10px 0px 5px 0px; font-size:12px; }

* html .footer-logo { position: static; margin-top: -20px; }
*:first-child+html .footer-logo { position: static; margin-top: -20px; }

/*20120328追加*/
.itemWrap2 { border: solid 1px #cc0000; padding: 10px; margin: -10px; }
.itemWrap,.itemWrap2 { margin-bottom: 20px; overflow: hidden; _zoom: 1; margin-right: 10px; }
.itemWrap p,.itemWrap2 p { width: 190px; float: left; }
.itemWrap .icon,.itemWrap2 .icon { float: left; width: 80px; margin-right: 10px; }
.itemWrap .icon img,.itemWrap2 .icon img { width: 80px; border: solid 1px #ccc; }
.itemWrap .icon2 { float: left; width: 70px; margin-right: 10px; }
.itemWrap .icon2 img { width: 70px; border: solid 1px #ccc; }
.itemWrap .title,.itemWrap2 .title { font-size: 14px; }
.itemWrap .title2 { font-size: 12px; padding-top: 10px; }
.itemWrap .title span,.itemWrap2 .title span { display: block; padding-top: 5px; font-size: 12px; }
.itemWrap .publish,.itemWrap2 .publish { clear: both; text-align: right; width: 300px; font-size: 11px; }
.itemWrap .publish2,.itemWrap2 .publish2 { clear: both; text-align: right; width: 300px; font-size: 11px; color: #cc0000; }

#guidance { padding-top: 20px }
#guidance h3 { font-size: 16px; }
#guidance h3 img { margin-top: -4px; margin-right: 3px; }

#guidance .toList { text-align: center; border: solid 1px #ccc; margin-bottom: 15px; font-size: 13px; font-weight: bold; width: 270px; }
#guidance .toList a { color: #000; display: block; padding: 3px 0; }
#guidance .toList a:hover { background: #eee; text-decoration: none; }
#guidance .toList span { background: url(/images/nbo/2011/common/icon_to_list.gif) no-repeat left center; padding-left: 20px; }
#guidance .toList.toList_sp a { background: #c3151c; none; color:#fff;}
#guidance .toList.toList_sp a:hover { background: #c64e53; text-decoration: none;}
#guidance .toList.toList_sp a span { background: url(/images/nbo/2011/common/icon_to_list_sp.gif) no-repeat left center; padding-left: 20px; }

#guidance ul li #nb-digital h4,
#guidance ul li div#seminar h4,
#guidance ul li div#publicationService h4,
#guidance ul li #e-books h4 { background: url(/images/nbo/2011/common/sqic_red_10.gif) no-repeat left 2px; padding: 0 0 0 15px; font-size: 13px; }

#e-books .logo img { margin-bottom: 10px; }
#guidance ul li #e-books p { margin-left: 0; }
#guidance ul li #e-books p a { margin-bottom: 0; }
#guidance ul li #e-books p.logo a { font-size: 12px; }

#nb-digital { margin-right: 10px; }
#nb-digital .icon { float: left; margin-right: 5px; margin-bottom: 10px !important; }
#nb-digital .logo { margin-bottom: 15px; overflow: hidden; _zoom: 1; width: 290px; font-size: 12px; }
#nb-digital .logo img { margin-bottom: 10px; }
#guidance ul li #nb-digital p { margin: 0; }
#guidance ul li #nb-digital p a { margin-bottom: 0; }

#guidance .magGuide { background: url(/images/nbo/2011/common/sqic_red_10.gif) no-repeat left 2px; padding: 0 0 0 15px; font-size: 13px; margin: 15px 0 -10px 26px; }

/*20120522 JAGZY枠追加*/
.jagzy { border-bottom: #c0c0c0 1px solid; padding: 15px 10px 10px 0; }
.jagzy h3 { background: url("http://business.nikkeibp.co.jp/images/nbo/2011/common/sqic_red_20.gif") no-repeat scroll left top transparent; line-height: 20px; margin-bottom: 15px; padding-left: 30px; }
.jagzy h3 img { margin: -2px 0 0 10px; }
.jagzy p.img { font-size: 13px; font-weight: bold; margin: 0 0 5px 26px; overflow: hidden; }
.jagzy p.img img { float: left; height: 83px; margin-right: 10px; width: 125px; }
.jagzy p.img span.subTitle { font-size: 12px; font-weight: bold; }
.jagzy ul { margin-left: 26px; }
.jagzy ul li { background: url("http://business.nikkeibp.co.jp/images/nbo/2011/ad/sqic_gray_9.gif") no-repeat 0; padding-left: 12px; }

/*20131016 スマホ誘導枠追加*/
.changeDevice dl{ margin:20px auto; text-align:center; }
.changeDevice dd{ display:inline-block; font-size:250%; padding:20px 0; }
.changeDevice dd.leftElement:after{ content:"　|　"; }