@charset "utf-8";

/*********************************************************************
*	大枠レイアウト
*********************************************************************/
#wrapper{ text-align: left;
	width: 1000px;
	background: #e7e7e7;
	overflow: hidden;
	_zoom: 1;
	margin:0 auto;
}

#header{
	position: relative;
	width: 1000px;
	height: 115px;
	background: #000;
	color:#fff;
}

#contents{
	/* overflow: hidden; */
	_zoom: 1;
	padding: 0 0 0 16px;
	margin: 16px 0 0 0;
	width: 984px;
	background: url(/images/n/NBD/2011/body_bg.gif) left top repeat-y;
}

#mainContents{
	width: 650px;
	margin: 0 0 20px 0;
	float: left;
	background: #fff;
	/* overflow: hidden; */
}

#subContents{
	width: 319px;
	float: right;
	margin: 0 0 20px 0;
}

#footer{
	clear: both;
	overflow: hidden;
	_zoom: 1;
	padding: 20px 0 15px 0;
	width: 1000px;
	border-top:1px solid #000;
}



/*********************************************************************
*	ヘッダー　各定義
*********************************************************************/
#header #nbdLogo{
	width: 253px;
	height: 52px;
	position: absolute;
	left: 14px;
	top: 14px;
}

#header #login{
	position: absolute;
	left: 350px;
	top: 0;
	width:165px;
	padding:19px 0 0 0;
	font-size: 12px;
	text-align:center;
}

#header #login .login_text{
	margin:0 0 3px 0;
}

#header #notice{
	display:block;
	position: absolute;
	left: 507px;
	top: 9px;
	width: 339px;
	height: 49px;
	padding:4px 7px 0 4px;
	background:#fff;
	border:4px solid #ddd;
	color:#333;
	line-height:110%;
}

#header #notice dl{
	font-size: 12px;
}

#header #notice dl dt{
	color: #c3151d;
	font-weight: bold;
	padding:0 0 0 5px;
}

#header #notice dl dd {
	background: url(/images/n/NBD/2011/icon_dot.gif) no-repeat scroll 5px center transparent;
	padding:0 0 0 10px;
}

#header #notice dl dd a{
}

#header #order_btn{
	position: absolute;
	right:10px;
	top: 2px;
	width:140px;
	text-align:right;
}

#header #order_btn p{
	margin:7px 0 0 0;
}


#header #navi {
	width:1000px;
	height:35px;
	background:url(/images/n/NBD/2011/navi_bg.gif) left top repeat-x;
	position: absolute;
	left: 0px;
	top:80px;
}

#header #navi ul{
	margin:0;
	padding:0;
}

#header #navi ul li{
	list-style:none;
	float:left;
}

#header #navi ul li a{
	display:block;
	width:115px;
	height:35px;
	overflow:hidden;
	text-indent:-9999px;
}

#header #navi ul li.navi1 a{
	background:url(/images/n/NBD/2011/navi_btn_plus.gif) left top no-repeat;
}

#header #navi ul li.navi2 a{
	background:url(/images/n/NBD/2011/navi_btn_magazine.gif) left top no-repeat;
}

#header #navi ul li.navi3 a{
	background:url(/images/n/NBD/2011/navi_btn_person.gif) left top no-repeat;
}

#header #navi ul li.navi4 a{
	background:url(/images/n/NBD/2011/navi_btn_help.gif) left top no-repeat;
}

#header #navi ul li a:hover{
	background-position:left -35px;
}

#header #navi ul.plus li.navi1 a{
	background-position:left -35px;
}

#header #navi ul.magazine li.navi2 a{
	background-position:left -35px;
}

#header #navi ul.person li.navi3 a{
	background-position:left -35px;
}

#header #navi ul.help li.navi4 a{
	background-position:left -35px;
}

/* start of 20130612ad ヘッダー差し替え */
#header #navi ul li.navi01 a{
	background:url("/images/n/NBD/2011/navi_btn_plus02.gif") left top no-repeat;
}

#header #navi ul li.navi02 a{
	background:url("/images/n/NBD/2011/navi_btn_magazine02.gif") left top no-repeat;
}

#header #navi ul li.navi03 a{
	background:url("/images/n/NBD/2011/navi_btn_backnumber02.gif") left top no-repeat;
}
#header #navi ul li.navi04 a{
	background:url("/images/n/NBD/2011/navi_btn_basic.gif") left top no-repeat;
}
#header #navi ul li.navi05 a{
	background:url("/images/n/NBD/2011/navi_btn_special02.gif") left top no-repeat;
}
#header #navi ul li.navi06 a{
	background:url("/images/n/NBD/2011/navi_btn_column02.gif") left top no-repeat;
}


#header #navi ul li.navi01 a:hover,
#header #navi ul li.navi02 a:hover,
#header #navi ul li.navi03 a:hover,
#header #navi ul li.navi04 a:hover,
#header #navi ul li.navi05 a:hover,
#header #navi ul li.navi06 a:hover{
	background-position:left -35px;
}

#header #navi ul.plus02 li.navi01 a,
#header #navi ul.magazine02 li.navi02 a,
#header #navi ul.backnumber02 li.navi03 a,
#header #navi ul.basic02 li.navi04 a,
#header #navi ul.special02 li.navi05 a,
#header #navi ul.column02 li.navi06 a {
	background-position:left -35px;
}
/* end of 20130612ad ヘッダー差し替え */


#header #navi #toNbo {
	width:190px;
	height:32px;
	position:absolute;
	right:4px;
	top:2px;
}

#header #navi #toNbo a {
	display:block;
	text-indent:-9999px;
	background:url(/images/n/NBD/2011/btn_to_nbo.gif) left top no-repeat;
	height:32px;
}

#header #navi #toNbo a:hover {
	background-position:-199px top;
}


/*********************************************************************
*	sidebar　各定義
*********************************************************************/

/* 検索フォーム */
#subContents #sidebar_search{
	display:block;
	margin:0 0 10px 0;
}

#subContents #sidebar_search .input_keyword{
	display:block;
	float:left;
	vertical-align: middle;
	height:24px;
	width:215px;
	overflow:hidden;
	padding:0 0 0 35px;
	background:url(/images/n/NBD/2011/search_image.gif) 5px top no-repeat;
}

#subContents #sidebar_search .input_keyword .input_text{
	margin:0 5px 0 0;
	padding:1px 0 0 1px;
	width:210px;
	height:19px;
	line-height:19px;
	vertical-align: middle;
}

#subContents #sidebar_search .submit_btn{
	display:block;
	float:right;
	vertical-align: middle;
}

#subContents #sidebar_search .submit_btn a img{
	vertical-align: middle;
}

#subContents ul{
	margin:0;
	padding:0;
}

#subContents li{
	margin:0;
	padding:0;
	list-style:none;
}


/* 日経ビジネスDigitalとは */
#subContents #sidebar_about_nbd{
	display:block;
	background:#fff;
	margin:0 auto 10px auto;
	padding:0 0 5px 0;
	border: solid 1px #c3151d;
	position:relative;
}

#subContents #sidebar_about_nbd h3{
	background: #c3151d;
	color: #fff;
	line-height: 25px;
	text-align: center;
	margin: 0 0 10px 0;
}

#subContents #sidebar_about_nbd p{
	padding:0 15px 5px 15px;
}

#subContents #sidebar_about_nbd p a{
	color:#c3151d;
}

#subContents #sidebar_about_nbd p img{
	margin:0 auto;
}


/* PLUS バックナンバー（カレンダー） */
#subContents #sidebar_calender{
	display:block;
	background:#fff;
	margin:0 auto 10px auto;
	padding:0 0 15px 0;
	border: solid 1px #c1c1c1;
	position:relative;
}

#subContents #sidebar_calender h3{
	background: #000;
	color: #fff;
	line-height: 25px;
	text-align: center;
	margin: -1px -1px 15px 0;
}

#subContents #sidebar_calender .prev a{
	position:absolute;
	left:10px;
	top:135px;
	width:25px;
	height:40px;
	background:url(/images/n/NBD/2011/btn_arrow_prev.gif) center center no-repeat;
	text-indent:-9999px;
	vertical-align:middle;
	overflow:hidden;
}

#subContents #sidebar_calender .next a{
	position:absolute;
	right:10px;
	top:135px;
	width:25px;
	height:40px;
	background:url(/images/n/NBD/2011/btn_arrow_next.gif) center center no-repeat;
	text-indent:-9999px;
	vertical-align:middle;
	overflow:hidden;
}

#subContents #sidebar_calender .next a:hover,
#subContents #sidebar_calender .prev a:hover{
	opacity:0.5;
	filter:alpha(opacity=50);
	 -ms-filter: "alpha( opacity=50 )";
}

#subContents #sidebar_calender #view_calendar_box{
	display:block;
	margin:0 auto;
	width:230px;
	height:245px;
	position:relative;
	overflow:hidden;
}

#subContents #sidebar_calender #view_calendar_box #view_calendar{
	width:690px;
	position:absolute;
	right:0;
	top:0;
}

#subContents #sidebar_calender .calender{
	width:230px;
	float:right;
	margin:0 auto;
	padding:0 0 5px 0;
	text-align:center;
	background:url(/images/n/NBD/2011/sidebar_calender_bg_bottom.gif) left bottom no-repeat;
}

#subContents #sidebar_calender .calender .calender_head{
	display:block;
	width:230px;
	background:url(/images/n/NBD/2011/sidebar_calender_bg_top.gif) left top no-repeat;
	text-align:center;
}

#subContents #sidebar_calender .calender .calender_head .title{
	display:block;
	margin:0 15px;
	padding:7px 0 5px 0;
	vertical-align:middle;
	font-weight:bold;
	border-bottom:1px solid #ddd;
}

#subContents #sidebar_calender .calender ul{
	margin:0 0 0 6px;
	padding:0;
}
* html body #subContents #sidebar_calender .calender ul{margin:0;}

#subContents #sidebar_calender .calender li{
	list-style:none;
	text-align:center;
	display:block;
	float:left;
	width:25px;
	height:25px;
	line-height:25px;
	overflow:hidden;
	margin:3px;
	padding:0;
	font-weight:bold;
	color:#888;
	vertical-align:middle;
	background:url(/images/n/NBD/2011/sidebar_calender_item_bg.gif) center center no-repeat;
}

#subContents #sidebar_calender .calender .calender_item .calender_item_head li{
	height:20px;
	line-height:20px;
	font-weight:normal;
	background:none;
	margin:3px 3px 0 3px;
}

#subContents #sidebar_calender .calender .calender_item .calender_item_body li a{
	display:block;
	width:25px;
	height:25px;
	background:url(/images/n/NBD/2011/sidebar_calender_item_bg_link.gif) center center no-repeat;
	color:#fff;
}

#subContents #sidebar_calender .calender .calender_item .calender_item_body li a:hover{
	opacity:0.6;
	filter:alpha(opacity=60);
	 -ms-filter: "alpha( opacity=60 )";
	 text-decoration:none;
}

#subContents #sidebar_calender .calender .calender_item .calender_item_body .no_month{
	background:none;
	color:#bbb;
}


/* 雑誌 バックナンバー */
#subContents #sidebar_magazine{
	display:block;
	background:#fff;
	margin:0 auto 10px auto;
	padding:0 0 15px 0;
	border: solid 1px #c1c1c1;
	position:relative;
}

#subContents #sidebar_magazine h3{
	background: #000;
	color: #fff;
	line-height: 25px;
	text-align: center;
	margin: -1px -1px 15px 0;
}

#subContents #sidebar_magazine .prev a{
	position:absolute;
	left:10px;
	top:123px;
	width:25px;
	height:35px;
	background:url(/images/n/NBD/2011/btn_arrow_prev.gif) center center no-repeat;
	text-indent:-9999px;
	vertical-align:middle;
	overflow:hidden;
}

#subContents #sidebar_magazine .next a{
	position:absolute;
	right:10px;
	top:123px;
	width:25px;
	height:35px;
	background:url(/images/n/NBD/2011/btn_arrow_next.gif) center center no-repeat;
	text-indent:-9999px;
	vertical-align:middle;
	overflow:hidden;
}

#subContents #sidebar_magazine .next a:hover,
#subContents #sidebar_magazine .prev a:hover{
	opacity:0.5;
	filter:alpha(opacity=50);
	 -ms-filter: "alpha( opacity=50 )";
}

#subContents #sidebar_magazine .booklist_box{
	display:block;
	margin:0 auto;
	width:220px;
	height:220px;
	overflow:hidden;
	position:relative;
}

#subContents #sidebar_magazine .booklist_box ul{
	position:absolute;
	right:0;
	top:0;
}

#subContents #sidebar_magazine .booklist_box li{
	display:block;
	float:right;
	margin:0 auto;
	text-align: center;
	width:220px;
}

#subContents #sidebar_magazine .booklist_box a img{
	margin:0 0 3px 0;
}


/*バナー bannder*/
#subContents .banner{
	background: #fff;
	margin-bottom: 10px;
}

/*subContents用 汎用class*/
#subContents .imgR { float: right; margin: 0 0 10px 10px; }
#subContents .imgL { float: left; margin: 0 10px 10px 0; }
#subContents .imgC { text-align: center; margin-bottom: 1em; }
#subContents .imgC img { margin: 0 auto; }
#subContents .centering p { display: table-cell; vertical-align: middle; margin: 0; }
/*for IE6 */
* html body #subContents .centering p { display: inline; zoom: 1; }
/*for IE7 */
*:first-child+html #subContents .centering p { display: inline; zoom: 1; }


/*日経ビジネスからのご案内*/
#subContents #nbGuide{
	background: #fff;
	border: solid 1px #c1c1c1;
	margin-bottom: 10px;
}

#subContents #nbGuide ul{
}
#subContents #nbGuide ul li{
	padding: 18px 17px 18px 24px;
}

#subContents #nbGuide ul li.bottom{
	display: none;
}

#subContents #nbGuide ul li ul li{
	padding: 0;
	margin-bottom: 10px;
	font-size: 12px;
}

#nbGuide div{
	display: none;
}

#nbGuide div#newMag2,
#nbGuide div.kiji{
	display: block;
}

#nbGuide h3{
	background: #282b4d;
	color: #fff;
	line-height: 25px;
	text-align: center;
	margin: -1px -1px 0;
}

#nbGuide h4{
	margin-bottom: 10px;
}

#nbGuide ul li div#newMag2 p{
	color: #727171;
}

#nbGuide ul li div#newMag2 p.imgL{
	margin: 0 0 20px;
	padding: 0 10px 0 0;
	background: #fff;
	text-align: center;
}

#nbGuide ul li div#newMag2 p.imgL a{
	font-size: 1.1em;
	font-weight: bold;
	padding: 5px 0;
	display: block;
	text-decoration: underline;
}

#subContents .sec{
	border: solid 1px #c1c1c1;
	overflow: hidden;
	_zoom: 1;
}

/*主催セミナー*/
div#seminar{
	margin-left:0;
	background: #fff;
	padding: 16px 25px;
	border-bottom: dotted 1px #9c9b9b;
}

div#seminar h4{
	margin-bottom: 10px;
	background: url(/images/n/NBD/2011/big_arrow_gray.gif) no-repeat left 3px;
	padding-left: 10px;
}

div#seminar ul{
	margin-left:0;
}

div#seminar ul li{
	border-bottom: none;
	color:#727171;
	font-size: 9pt;
	margin-bottom:10px;
}

div#seminar ul li p {
	line-height:1.4;
}

div#seminar ul li p.img{
	padding-right: 10px;
	width: 53px;
}

/*刊行物・サービスご案内*/
div#publicationService{
	margin-left:0;
	background: #fff;
	padding: 16px 25px;
	border-bottom: dotted 1px #9c9b9b;
}

div#publicationService h4{
	margin-bottom: 10px;
	background: url(/images/n/NBD/2011/big_arrow_gray.gif) no-repeat left 3px;
	padding-left: 10px;
}

div#publicationService ul{
	margin: 0;
}

div#publicationService ul li{
	border-bottom: none;
	color:#727171;
	font-size: 9pt;
	line-height: 1.4;
	margin-bottom: 10px;
	overflow: hidden;
	_zoom: 1;
}

div#publicationService ul li p.img{
	padding-right: 10px;
	width: 70px;
	text-align: center;
}

/*音声サービス*/
#otoMag{
	margin-left: 0;
	padding-bottom: 10px;
	background: #fff;
	padding: 0px 25px 5px;
}

#otoMag h4{
	background: url(/images/n/NBD/2011/big_arrow_gray.gif) no-repeat left 3px;
	padding-left: 10px;
}

#otoMag p{
	margin-left: 10px;
	margin-bottom: 10px;
}

#otoMag p b{
	color: #C2131C;
}

#otoMag p a{
	display: block;
	margin-bottom: 10px;
	font-size: 11px;
}

/*販売枠*/
.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 li { background: #fff; padding: 10px 0 10px 20px; border-bottom: solid 1px #ccc; }
#guidance #nb-digital { width: 299px; border-bottom: none; padding: 0; }
#guidance #seminar { width: 299px; border-bottom: none; padding: 0; }
#guidance #publicationService { width: 299px; border-bottom: none; padding: 0; }
#guidance .bottom .toList { margin-bottom: 15px; }

#guidance { padding-top: 20px; width: 319px; }
#guidance h3 { font-size: 16px; }
#guidance h3 img { margin-top: -4px; margin-right: 3px; }
#guidance .toList { text-align: center; border: solid 1px #ccc; 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 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; }


/*********************************************************************
*	footer　各定義
*********************************************************************/
#footer #nbd_menu{
	display:block;
	text-align:center;
	font-weight:bold;
	font-size:16px;
	margin:0 0 15px 0;
	overflow:hidden;
	height:20px;
}

#footer #nbd_menu p{
	display:inline;
}

#footer #nbd_menu ul{
	display:inline;
	margin:0;
	padding:0;
}

#footer #nbd_menu li{
	display:inline;
	list-style:none;
	margin:0;
	padding:0 10px 0 5px;
	border-right:1px solid #000;
}

#footer #nbd_menu li.last{
	border:none;
}

#footer .link_box{
	text-align:center;
	font-size:14px;
	margin:0 0 7px 0;
	overflow:hidden;
	height:18px;
}

#footer .link_box p{
	display:inline;
	list-style:none;
	margin:0;
	padding:0 10px 0 10px;
	border-left:1px solid #000;
}

#footer .link_box p.last{
	border-right:1px solid #000;
}

#footer #copy_box{
	margin:15px 0 0 65px;
	font-size:12px;
}

#footer #copy_box .logo{
	display:block;
	float:left;
	margin:0 20px 0 0;
	padding:1em 0;
}

#footer #copy_box .copyright{
	display:block;
	text-align:left;
}




/*********************************************************************
*	iPhone用アラート
*********************************************************************/
#iphone_alert{
	display:none;
	background:#000;
	background:rgba(0, 0, 0, 0.5);
	position:absolute;
	left:0;
	top:0;
	z-index:10000;
	text-align:center;
}

#iphone_alert #iphone_alert_msg{
	display:block;
	margin:0 auto;
	width:90%;
	background:-webkit-gradient(linear, left top, left bottom, from(#fdd), to(#fff));
	padding:80px 0 80px 0;
	-webkit-border-radius: 50px;
	position:relative;
	text-align:center;
}

#iphone_alert #iphone_alert_msg .close_btn_top a{
	display:block;
	text-align:left;
	text-indent:-9999px;
	background: url(/images/n/NBD/2011/btn_close_ipmsg.png) left top no-repeat;
	width:100px;
	height:100px;
	-webkit-background-size: 100px 100px;
	position:absolute;
	right:-30px;
	top:-30px;
}

#iphone_alert #iphone_alert_msg .msg{
	display:block;
	font-size:55px;
	margin:0 0 20px 0;
}

#iphone_alert #iphone_alert_msg .link_btn a{
	display:inline-block;
	border:1px solid #ff666d;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#ff7d82), color-stop(49%,#ff444c), color-stop(50%,#ff666d), color-stop(100%,#fdbabc));
	-webkit-border-radius:5px;
	-webkit-box-shadow: 1px 1px 2px #999;
	padding:10px 20px;
	font-size:60px;
	font-weight:bold;
	color:#fff;
	text-decoration:none;
}

#iphone_alert #iphone_alert_msg form label{
	display:block;
	height:50px;
	line-height:50px;
	position:absolute;
	left:30px;
	bottom:50px;
	font-size:50px;
}

#iphone_alert #iphone_alert_msg form label input{
	vertical-align:middle;
	margin:0 3px 2px 0;
	width:50px;
	height:50px;
}



/*********************************************************************
*	.over
*********************************************************************/
.ovr:hover{
	opacity:0.75;
	filter:alpha(opacity=75);
	 -ms-filter: "alpha( opacity=75 )";
}

#header .ovr:hover{
	opacity:0.9;
	filter:alpha(opacity=90);
	 -ms-filter: "alpha( opacity=90 )";
}

/*********************************************************************
*	.clearfix
*********************************************************************/

/* clearfix */
.clearfix:after{
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */


/*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:"　|　"; }

#guidance{ clear:both; }
#subContents .banner{ overflow:hidden; height:275px; }