@charset "utf-8";
/*@import "/css/n/gnavi/gnavi.css";*/

/*********************************************************************
*	reset
*********************************************************************/
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4 {
	margin: 0;
	padding: 0;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

caption,th {
	text-align: left;
}

h1,h2,h3,h4 {
	font-size: 100%;
}

img {
	border: 0;
	vertical-align:middle;
}

input {
	vertical-align:middle;
}

li {
	list-style-type:none;
}


/*********************************************************************
*	基本設定
*********************************************************************/
body{
	font-family: "メイリオ", "Meiryo", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", 'ＭＳ Ｐゴシック', 'Osaka', sans-serif;
	font-size:12pt;
	line-height:125%;
	/*font-size:16px;
	line-height:20px;*/
	color:#333;
	background:#f0f3fa;
	-webkit-text-size-adjust:none;
}
body.gate{ margin-top:80px; }

a{
	overflow:hidden;
}

a:link{
	text-decoration:none;
	/*color:#223685;*/
	color:#342f74;
}

a:visited{
	text-decoration:none;
	color:#006a85;
}

a:hover,
a:visited:hover{
	text-decoration:underline;
	color:#c3151f;
}

/*********************************************************************
*	大枠レイアウト
*********************************************************************/
#wrapper{
	width:1000px;
	margin:0 auto;
	padding:0;
	border-left:1px solid #afafaf;
	border-right:1px solid #afafaf;
	background:#fff;
	overflow:hidden;
}

#header{
	clear:both;
	width:1000px;
}

#contentsWrapper{
	clear:both;
	margin:10px 6px 20px 6px;
}

#contents{
	width:851px;
	overflow:hidden;
	float:right;
	overflow:hidden;
}

#mainContent{
	width:700px;
	float:left;
	z-index:-1;
}

#subContent{
	width:300px;
	float:right;
	z-index:10000;
}

#sideNavi{
	width:125px;
	float:left;
}

#siteInformation{
	clear:both;
	width:1000px;
	height:27px;
	display:none;
}

#footer{
	clear:both;
	width:1000px;
	border-bottom:10px solid #acb4d7;
	line-height:100%;
	padding:0 0 5px 0;
	overflow:hidden;
}



/*********************************************************************
*	header
*********************************************************************/

/***** localHeader ******/
#localHeader{
	clear:both;
	width:1000px;
	height:96px;
	position:relative;
}

#localHeader .logo a{
	position:absolute;
	left:16px;
	top:8px;
	width:136px;
	height:61px;
	text-indent:-9999px;
}

#localHeader .nc{
float:left;
width:168px;
height:23px;
display:block;
margin-left:120px;
background:#ffffff;
padding:2px;
//margin-top:42px;
margin-top:48px;
}

#localHeader .headLoginBox{
	position:absolute;
	left:16px;
	bottom:5px;
	text-align:right;
	font-size:80%;
	line-height:1.3;
	font-weight:bold;
}

#localHeader .logoBox{
	position:absolute;
	right:15px;
	top:10px;
}
#localHeader .logoBox a{
	margin:0 0 0 20px;
}

#localHeader .snsBtnBox{
	position:absolute;
	right:215px;
	top:66px;
	overflow:hidden;
	width:450px;
}
#localHeader .snsBtnBox li{
	float:right;
	margin:0 10px 0 0;
	vertical-align:top;
	//width:120px;
	overflow:hidden;
}

#localHeader .snsBtnBox iframe.twitter-share-button{
width: 105px!important;
}

#localHeader .snsBtnBox li div#___plusone_0 {
	width: 65px!important;
}

#localHeader #infoNews{
	position:absolute;
	right:15px;
	top:66px;
	width:198px;
	height:18px;
	border:1px solid #ccc;
	overflow:hidden;
	word-break:break-all;
}
#localHeader #infoNews ul{
	width:9999px;
	margin:3px 0 0 0;
	position:relative;
	left:198px;
}
#localHeader #infoNews li{
	display:block;
	overflow:hidden;
	float:left;
	width:auto;
	font-size:12px;
	line-height:15px;
}
#localHeader #infoNews li span{
	padding:0 25px 0 0;
}
#localHeader #infoNews li a{
	color:#0986ff;
}

#localHeader .recommendation{
	float:left;
	width:400px;
	background:#F1F1F1;
	border:2px solid #5F8BCA;
	margin-left:168px;
	margin-top:3px;
	font-size:10pt;
	font-weight:bold;
	line-height:130%;
	padding:2px;
}

/***** localNaviWrapper ******/
#localNaviWrapper{
	clear:both;
	width:1000px;
	height:36px;
	position:relative;
	*z-index:10;
}

/* ローカルナビ */
#localNaviWrapper #localNavi{
	margin:0;
}
#localNaviWrapper #localNavi li{
	position:absolute;
	top:0px;
	z-index:100000;
}
#localNaviWrapper #localNavi li a{
	display:block;
	height:36px;
	z-index:10001;
	text-indent:-9999px;
}
#localNaviWrapper #localNavi li#menu0{
	left:0px;
}
#localNaviWrapper #localNavi li#menu0 a{
	width:62px;
}
#localNaviWrapper #localNavi li#menu0 a:hover,
#localNaviWrapper #localNavi li#menu1{
	left:62px;
} 
#localNaviWrapper #localNavi li#menu1 a{
	width:59px;
}
#localNaviWrapper #localNavi li#menu1 a:hover,
#localNaviWrapper #localNavi li#menu2{
	left:121px;
}
#localNaviWrapper #localNavi li#menu2 a{
	width:111px; 
}
#localNaviWrapper #localNavi li#menu2 a:hover,
#localNaviWrapper #localNavi li#menu3{
	left:232px;
}
#localNaviWrapper #localNavi li#menu3 a{
	width:112px;
}
#localNaviWrapper #localNavi li#menu3 a:hover,
#localNaviWrapper #localNavi li#menu4{
	left:344px;
}
#localNaviWrapper #localNavi li#menu4 a{
	width:109px;
}
#localNaviWrapper #localNavi li#menu4 a:hover,
#localNaviWrapper #localNavi li#menu5{
	left:453px;
}
#localNaviWrapper #localNavi li#menu5 a{
	width:85px; 
}
#localNaviWrapper #localNavi li#menu5 a:hover,
#localNaviWrapper #localNavi li#menu6{
	left:538px;
}
#localNaviWrapper #localNavi li#menu6 a{
	width:37px;
}
#localNaviWrapper #localNavi li#menu6 a:hover,
#localNaviWrapper #localNavi li#menu7{
	left:575px;
}
#localNaviWrapper #localNavi li#menu7 a{
	width:62px;
}
#localNaviWrapper #localNavi li#menu7 a:hover,
#localNaviWrapper #localNavi li#menu8{
	left:637px;
}
#localNaviWrapper #localNavi li#menu8 a{
	width:110px;
}
#localNaviWrapper #localNavi li#menu8 a:hover,
#localNaviWrapper #localNavi li#menu8.now a{
}
#localNaviWrapper #localNavi li#menu9{
	left:747px;
}
#localNaviWrapper #localNavi li#menu9 a{
	width:123px;
}
#localNaviWrapper #localNavi li#menu9 a:hover,
#localNaviWrapper #localNavi li#menu10{
	left:870px;
}
#localNaviWrapper #localNavi li#menu10 a{
	width:46px;
}
#localNaviWrapper #localNavi li#menu10 a:hover,
#localNaviWrapper #localNavi li#menu11{
	left:916px;
}
#localNaviWrapper #localNavi li#menu11 a{
	width:84px;
}
#localNaviWrapper #localNavi li#menu11 a:hover,

#localNaviWrapper #localNavi li ul{
	display:none;
}
#localNaviWrapper #localNavi li:hover ul{
	display:block;
}
#localNaviWrapper #localNavi li li{
	position:relative;
	display:block;
	width:170px;
	*float:left;
}
#localNaviWrapper #localNavi li#menu1 li a,
#localNaviWrapper #localNavi li#menu2 li a,
#localNaviWrapper #localNavi li#menu3 li a,
#localNaviWrapper #localNavi li#menu4 li a,
#localNaviWrapper #localNavi li#menu5 li a,
#localNaviWrapper #localNavi li#menu6 li a,
#localNaviWrapper #localNavi li#menu7 li a,
#localNaviWrapper #localNavi li#menu8 li a,
#localNaviWrapper #localNavi li#menu9 li a,
#localNaviWrapper #localNavi li#menu1.now li a,
#localNaviWrapper #localNavi li#menu2.now li a,
#localNaviWrapper #localNavi li#menu3.now li a,
#localNaviWrapper #localNavi li#menu4.now li a,
#localNaviWrapper #localNavi li#menu5.now li a,
#localNaviWrapper #localNavi li#menu6.now li a,
#localNaviWrapper #localNavi li#menu7.now li a,
#localNaviWrapper #localNavi li#menu8.now li a,
#localNaviWrapper #localNavi li#menu9.now li a{
	display:block;
	width:100%;
	height:auto;
	padding:7px 5px;
	background:#002162;
	text-indent:0;
	color:#fff;
	font-size:80%;
	line-height:120%;
	text-decoration:none;
	border-bottom:1px solid #3a5c8b;
}
#localNaviWrapper #localNavi li#menu1 li a:hover,
#localNaviWrapper #localNavi li#menu2 li a:hover,
#localNaviWrapper #localNavi li#menu3 li a:hover,
#localNaviWrapper #localNavi li#menu4 li a:hover,
#localNaviWrapper #localNavi li#menu5 li a:hover,
#localNaviWrapper #localNavi li#menu6 li a:hover,
#localNaviWrapper #localNavi li#menu7 li a:hover,
#localNaviWrapper #localNavi li#menu8 li a:hover,
#localNaviWrapper #localNavi li#menu9 li a:hover{
	background:#3a5c8b;
}

/* IE6 */
* html #localNaviWrapper #localNavi li:hover ul, * html #localNaviWrapper #localNavi li.hover ul { display: block; background: none; width: 170px; height: auto; background: #002162; z-index:100000;}
* html #localNaviWrapper #localNavi li, * html #localNaviWrapper #localNavi li ul {behavior: expression((function(obj){if(typeof(onenter) == 'undefined'){onenter = function(){this.className += ' hover'};onleave = function(){this.className = this.className.replace(/ hover/, '')}};obj.runtimeStyle.behavior = 'none';obj.onmouseenter = onenter;obj.onmouseleave = onleave})(this))}




/*********************************************************************
*	#siteInformation
*********************************************************************/
#siteInformation{
	display:none;
	width:1000px;
	height:25px;
	overflow:hidden;
}
#siteInformation ul{
	display:block;
	width:1000px;
	height:25px;
	padding:0 0 0 165px;
}
#siteInformation li{
	display:inline;
}
#siteInformation li a{
	display:block;
	height:25px;
	font-size:75%;
	line-height:25px;
	color:#fff;
	text-align:center;
	text-decoration:none;
	float:left;
	padding:0 15px;
}
#siteInformation li a:hover{
	background-position:left -25px;
}



/*********************************************************************
*	#footer
*********************************************************************/
#footer .logo_box{
	display:block;
	text-align:center;
	height:85px;
	margin:25px 0 10px 0;
}
#footer .logo_box li{
	display:inline-block;
	margin:0 15px;
	*display:inline;
	*zoom:1;
}
#footer .logo_box li.itpro a{
	display:block;
	width:105px;
	height:85px;
	text-indent:-9999px;
}
#footer .logo_box li.active a{
	display:block;
	width:135px;
	height:85px;
	text-indent:-9999px;
}
#footer .logo_box li.premium a{
	display:block;
	width:152px;
	height:85px;
	text-indent:-9999px;
}
#footer .logo_box li.smart a{
	display:block;
	width:160px;
	height:85px;
	text-indent:-9999px;
}
#footer .logo_box li.special a{
	display:block;
	width:164px;
	height:85px;
	text-indent:-9999px;
}

#footer .bottom_link{
	display:block;
	text-align:center;
	font-size:70%;
	line-height:180%;
}

#footer #copy_box{
	margin:10px 15px 0 15px;
	padding:0 0 0 50px;
	border-top:1px solid #afafaf;
	font-size:12px;
	overflow:hidden;
}

#footer #copy_box .logo{
	display:inline-block;
	*display:block;
	*float:left;
	margin:0 20px 0 0;
	vertical-align:middle;
	width:120px;
	*height:30px;
	*padding:1.5em 0 1em 0;
}

#footer #copy_box .copyright{
	display:inline-block;
	*display:block;
	*float:left;
	text-align:left;
	vertical-align:middle;
	width:750px;
	*padding:0.5em 0 1em 0;
}




/*********************************************************************
*	左エリアパーツ
*********************************************************************/

/* rectangleBox125 */
#sideNavi .rectangleBox125{
	margin:0 0 10px 0;
}

/* btnBox */
#sideNavi .btnBox p{
	margin:0 0 10px 0;
}
#sideNavi .btnBox ul{
	margin:0 0 10px 0;
}
#sideNavi .btnBox li{
	font-size:78%;
	line-height:1.5;
	padding-left:20px;
}

/*** Focus ***/
.focus{
	overflow:hidden;
	margin:0 0 10px 0;
}
.focus h3{
	display:block;
	width:125px;
	//border-top:solid 3px #ff3366;
	background:#940708;
	color:#ffffff;
	text-align:center;
	line-height:150%;
	border-bottom:solid 2px #940708;
}
.focus li{
	*float:left;
}
.focus li a{
	width:123px;
	//height:28px;
	display:block;
	overflow:hidden;
	margin:3px 0 0 0;
	border-top:solid 1px #cfcfcf;
	border-right:solid 1px #cfcfcf;
	border-left:solid 1px #cfcfcf;
	border-bottom:solid 1px #cfcfcf;
	color:#000000;
	text-align:center;
	line-height:28px;
	font-size:80%;
	font-weight:bold;
}

/*** 記事カテゴリ ***/
#sideNavi .category{
	overflow:hidden;
	margin:0 0 15px 0;
	font-size:78%;
	line-height:1.25;
	font-weight:bold;
}
#sideNavi .category h3{
	display:block;
	width:125px;
	line-height:22px;
	margin:0 auto;
	border-bottom:solid 2px #4366ac;
}
#sideNavi .category ul{
	overflow:hidden;
	*zoom1;
}
#sideNavi .category li{
	display:block;
	*width:123px;
	*zoom:1;
	*vertical-align:top;
}
#sideNavi .category li a{
	display:block;
	padding:3px 0;
}

/*** RSS・メルマガ ***/
.rssMagBox{
	width:125px;
	overflow:hidden;
	margin:0 0 15px 0;
}
.rssMagBox li{
	width:125px;
	margin:4px 0 0 0;
	*float:left;
}
.rssMagBox li a{
	width:125px;
	height:20px;
	display:block;
	text-indent:-9999px;
	overflow:hidden;
}
.rssMagBox li a:hover{
	background-position:-125px top;
}

/*** 注目のトピックス・イベントINFO ***/
#sideNavi .hotTopicsBox{
	width:125px;
	margin:15px 0;
	color:#000;
	position:relative;
}
#sideNavi .hotTopicsBox h3{
	display:block;
	left:0px;
	padding:0 0 10px 0;
	font-size:80%;
	line-height:1.3;
	width:125px;
	margin-left:2px;
	overflow:hidden;
}
#sideNavi .hotTopicsBox h3 span{
	font-weight:normal;
	font-size:90%;
	float:right;
}
#sideNavi .hotTopicsBox li{
	width:120px;
	display:block;
	overflow:hidden;
	margin:3px auto 10px auto;
	font-size:75%;
	line-height:1.25;
}
#sideNavi .hotTopicsBox li span{
	display:block;
}
#sideNavi .hotTopicsBox li .image{
	margin:0 0 3px 0;
}

/*** 特番/イベント ***/
.event,
.matome{
	overflow:hidden;
	margin:0 0 15px 0;
	font-size:78%;
	line-height:1.25;
	font-weight:bold;
}
.event h3,
.matome h3{
	display:block;
	width:125px;
	line-height:22px;
	margin:0 auto;
	border-bottom:solid 2px #4366ac;
}

.event ul,
.matome ul{
	overflow:hidden;
	*zoom:1;
}
.event li,
.matome li{
	display:block;
	*width:123px;
	*zoom:1;
	*vertical-align:top;
}
.event li a,
.matome li a{
	display:block;
	padding:3px 2px;
}

/*** 協力メディア ***/
#leftMedia{
	overflow:hidden;
	margin:0 0 15px 0;
	font-size:78%;
	line-height:1.25;
}
#leftMedia h3{
	display:block;
	width:125px;
	line-height:22px;
	margin:0 auto;
	border-bottom:solid 2px #4366ac;
}
#leftMedia ul{
	overflow:hidden;
	padding:1px 0;
}
#leftMedia li{
	padding:2px;
}

/*** Premiumバナー ***/
.bn_premium p{
	overflow:hidden;
	margin:15px 0;
}


/*********************************************************************
*	右エリアパーツ
*********************************************************************/

/* 検索BOX */
.sideSarch{
	display:block;
	width:300px;
	overflow:hidden;
	margin:0 0 10px 0;
	*zoom:1;
}
.sideSarch .inputKey{
	width:184px;
	height:20px;
	border:1px solid #b4b4b4;
	float:left;
	overflow:hidden;
	*zoom:1;
}
.sideSarch .inputKey input{
	width:162px;
	height:20px;
	padding:0 2px 0 20px;
	margin:0;
	border:none;
	font-size:80%;
	line-height:20px;
	*float:left;
}
.sideSarch .inputBtn{
	width:51px;
	height:20px;
	overflow:hidden;
	border-top:1px solid #b4b4b4;
	border-right:1px solid #b4b4b4;
	border-bottom:1px solid #b4b4b4;
	float:left;
	overflow:hidden;
	*zoom:1;
	*font-size:10px;
	*line-height:12px;
}
.sideSarch .inputBtn input:hover{
	opacity:0.2;
	filter:alpha(opacity=20);
	-ms-filter: "alpha( opacity=20 )";
}
.sideSarch .detailLink{
	font-size:80%;
	line-height:20px;
	margin:0 0 0 5px;
	float:left;
}


/* 記者の眼 */
.sideOpinionBox{
	margin:0 0 20px 0;
}
.sideOpinionBox h3{
	margin:0 0 10px 0;
}
.sideOpinionBox h3 a{
	display:block;
	width:300px;
	height:30px;
	text-indent:-9999px;
}

/* ITpro NOW */
.sideColumnBox{
	margin:0 0 20px 0;
}
.sideColumnBox h3{
	padding:2px;
	display:block;
	width:300px;
	line-height:26px;
	border-bottom:solid 2px #4366ac;
}

.editorArea{
	margin:20px 0;
	font-size:78%;
	line-height:120%;
}
.editorArea h3{
	display:block;
	padding:0 50px 3px 0;
	overflow:hidden;
	position:relative;
	font-size:110%;
	line-height:120%;
	*height:1%;
	margin-bottom:10px;
}
.editorArea h3 a{
	color:#333;
}
.editorArea h3 span{
	position:absolute;
	right:0;
	top:2px;
	font-size:12px;
	line-height:14px;
}
.editorArea li{
	display:block;
	padding:0 5px 5px 5px;
	overflow:hidden;
	margin:2px 0 0 0;
}

/*** ランキング ***/
.rankingBox{
	margin:0 0 10px 0;
}
.rankingBox h3{

}
.rankingBox ul{
	padding:0 6px 0 6px;
}
.rankingBox li{
	border-top:1px dashed #d5d5d5;
	padding:7px 0 7px 24px;
	min-height:17px;
	font-size:78%;
	line-height:120%;
}
.rankingBox li.more{
	text-align:right;
}
.rankingBox li a .top_title{
	color:#595959;
}
.rankingBox .itproRanking{
	position:relative;
}
.rankingBox .rankingTab{
	position:absolute;
	right:2px;
	top:5px;
}
.rankingBox .rankingTab ul{
	overflow:hidden;
	width:129px;
	height:21px;
	text-align:center;
	padding:0;
}
.rankingBox .rankingTab li{
	display:block;
	padding:0;
	margin:0;
	min-height:none;
	border:none;
	text-align:center;
	width:40px;
	height:21px;
	overflow:hidden;
	font-size:78%;
	line-height:21px;
	font-weight:bold;
	float:left;
	padding:0 1px 0 2px;
}
.rankingBox .rankingTab li.first{
	background:none;
}
.rankingBox .rankingTab li a{
	display:block;
	color:#333;
	width:40px;
	height:21px;
	text-decoration:none;
}
.rankingBox .rankingTab li a.on,
.rankingBox .itproRankingBody ul{
	display:none;
}
.rankingBox .itproRankingBody ul.on{
	display:block;
}
.rankingBox .itproRankingBody .more{
	border-top:1px dashed #d5d5d5;
	font-size:78%;
	line-height:120%;
	text-align:right;
	padding:7px 0;
	margin:0 6px 0 6px;
}



/*** ランキングPC Online ,Active***/
.rankingBoxPco{
	border:2px solid #f06e00;
	margin:0 0 10px 0;
}
.rankingBoxPco h3{
	background:#f06e00;
	color:#ffffff;
	text-align:center;
}
.rankingBoxActive{
	border:2px solid #ff0000;
	margin:0 0 10px 0;
}
.rankingBoxActive h3{
	background:#ff0000;
	color:#ffffff;
	text-align:center;
}

.rankingBoxPco h3 a,
.rankingBoxActive h3 a{
	color:#ffffff;
}
.rankingBoxPco ul,
.rankingBoxActive ul{
	padding:0 6px 0 6px;
}
.rankingBoxPco li,
.rankingBoxActive li{
	border-top:1px dashed #d5d5d5;
	padding:7px 0 7px 24px;
	min-height:17px;
	font-size:78%;
	line-height:120%;
}
.rankingBoxPco li.rank1,
.rankingBoxPco li.more,
.rankingBoxActive li.more{
	text-align:right;
}
.rankingBoxPco li a .top_title,
.rankingBoxActive li a .top_title{
	color:#595959;
}

/*** スペシャルピックアップコンテンツ ***/
#specialPickup,
.subPickupContents{
	margin:20px 0;
	font-size:78%;
	line-height:120%;
	color:#000;
}
#specialPickup h3,
.subPickupContents h3{
	display:block;
	padding:0 33px 10px 0;
	font-size:110%;
	line-height:120%;
	margin:0 auto;
	position:relative;
	*height:1%;
}
#specialPickup h3 span,
.subPickupContents h3 span{
	position:absolute;
	right:0;
	top:0;
	font-size:12px;
	margin:0 2px 0 0;
}
#specialPickup .box,
.subPickupContents .box{
	overflow:hidden;
	margin:7px 10px 10px 0;
}

#specialPickup .item,
.subPickupContents .item{
	clear:both;
	margin:0 0 5px 0;
}

#specialPickup .box img,
.subPickupContents .box img{

	float:left;
	margin:0 5px 5px 0;
}
#specialPickup .box .midashi,
.subPickupContents .box .midashi{
	font-weight:bold;
	font-size:120%;
	line-height:120%;
}
#specialPickup .linkTo,
.subPickupContents .linkTo{
	text-align:right;
	margin:0 10px 0 0;
}


/*** snsBox ***/
#snsBox{
	border:1px solid #e4e4e4;
	margin:0 0 10px 0;
}
#snsBox #snsBoxFacebook{
	border-bottom:1px solid #e4e4e4;
	width:298px;
	height:222px;
	overflow:hidden;
}
#snsBox #snsBoxFacebook .fb-like-box{
	position:relative;
	left:-1px;
	top:-1px;
}
#snsBox #snsBoxTwitter{
	overflow:hidden;
	width:298px;
}
#snsBox #snsBoxTwitter h3{
	color:#fff;
	font-size:13px;
	font-weight:normal;
	line-height:31px;
	height:31px;
	padding:0 0 0 8px;
}
#snsBox #snsBoxTwitter .logo{
	float:left;
	margin:6px 0 0 12px;
}
#snsBox #snsBoxTwitter ul{
	float:right;
	margin:6px 10px 0 10px;
	font-size:70%;
	line-height:120%;
}
#snsBox #snsBoxTwitter li{
	border-top:1px solid #e4e4e4;
	padding:3px 16px;
}
#snsBox #snsBoxTwitter li.first{
	border:none;
}
#snsBox #snsBoxTwitter li span{
	font-weight:bold;
	color:#000;
	display:inline-block;
	margin:0 1ex 0 0;
	font-size:120%;
	line-height:120%;
}
#snsBox #snsBoxTwitter .btn{
	clear:both;
	display:block;
	margin:0;
	padding:5px 0 10px 50px;
}

/*** 日経BP社からのお知らせ ***/
.sideRecInfoBox{
	display:block;
	margin:0 0 10px 0;
	padding:20px 0 0 0;
	position:relative;
}
.sideRecInfoBox h3{
	position:absolute;
	left:0;
	top:0;
	width:298px;
	height:22px;
	border-bottom:solid 2px #4366ac;
}
.sideRecInfoBox .box{
	border-bottom:1px solid #e4e4e4;
	margin:0 10px;
	padding:7px 0;
	font-size:78%;
	line-height:140%;
}
.sideRecInfoBox .box p{
	margin:0;
	padding:0;
}
.sideRecInfoBox .box img{
	float:left;
	margin:0 10px 5px 0;
}
.sideRecInfoBox .box .title{
	display:block;
	font-weight:bold;
	margin:0 0 3px 0;
}
.sideRecInfoBox .box .type{
	text-align:right;
}

/*** 日経電子版アクセスランキング ***/
.nbRanking{
	border:1px solid #e4e4e4;
	margin:0 0 10px 0;
}
.nbRanking h3{
	height:22px;
	border:none;
}
.nbRanking h3 img{
	*float:left;
}
.nbRanking .date{
	text-align:right;
	font-size:80%;
	line-height:1.4;
	border-bottom:solid 1px #e4e4e4;
	padding:0 5px 0 0;
	margin:0;
	color:#7f7f7f;
}

/*** rectangle ***/
#subContent .rectangle{
	margin:0 0 10px 0;
}



/*********************************************************************
*	ピックアップコンテンツ
*********************************************************************/
#mainContent #bottomPickup09{
	display:block;
	width:540px;
	margin:30px 0 0 0;
}
#mainContent #bottomPickup09 h3{
	padding:0 0 10px 0;
	position:relative;
	*height:1%;
}
#mainContent #bottomPickup09 h3 span{
	font-size:12px;
	float:right;
	position:absolute;
	right:0;
	top:0;
}
#mainContent #bottomPickup09 h4{
	display:block;
	overflow:hidden;
	width:265px;
	border-bottom: 1px solid #D80C18;
	color: #342F74;
	margin:0 0 7px 0;
}
#mainContent #bottomPickup09 p{
	margin:0;
}
#mainContent #bottomPickup09 li a{
	display:block;
	padding:0 0 2px 15px;
}
#mainContent #bottomPickup09 .whatsNew{
	display:block;
	overflow:hidden;
	margin:2px 0 15px 0;
	width:540px;
	font-size:78%;
	line-height:140%;
}
#mainContent #bottomPickup09 .whatsNew ul{
	width:265px;
	display:block;
	float:left;
	overflow:hidden;
}
#mainContent #bottomPickup09 .whatsNew ul.right{
	float:right;
}
#mainContent #bottomPickup09 .whatsNew li{
	padding:0;
}
#mainContent #bottomPickup09 .whatsNew h4{
	color: #f00;
	width:540px;
}
#mainContent #bottomPickup09 .listArea2{
	clear:both;
	display:block;
	overflow:hidden;
	width:540px;
	font-size:78%;
	line-height:140%;
}
#mainContent #bottomPickup09 .listArea2 ul{
	display:block;
	overflow:hidden;
}
#mainContent #bottomPickup09 .listArea2 li{
	width:265px;
	display:block;
	float:left;
	padding:0;
}
#mainContent #bottomPickup09 .listArea2 li.right{
	float:right;
}
#mainContent #bottomPickup09 .listArea2 li li{
	float:none;
	margin:0 0 2px 0;
}
#mainContent #bottomPickup09 .listArea2 li ul{
	display:block;
	overflow:hidden;
	margin:0 0 5px 0;
}
#mainContent #bottomPickup09 .linkTo{
	clear:both;
	display:block;
	overflow:hidden;
	text-align:right;
}



/*********************************************************************
*	今週のトピックス
*********************************************************************/
#mainContent #weeklyTopics,
#mainContent #weeklyTopics0,
#mainContent #weeklyTopics1{
	display:block;
	position:relative;
	margin:0 0 20px 0;
}
#mainContent #weeklyTopics h3,
#mainContent #weeklyTopics0 h3,
#mainContent #weeklyTopics1 h3{
	padding:0 0 10px 0;
	margin:0 0 3px 0;
}
#mainContent #weeklyTopics h3 span,
#mainContent #weeklyTopics0 h3 span,
#mainContent #weeklyTopics1 h3 span{
	position:absolute;
	right:0;
	top:2px;
	font-size:12px;
	line-height:14px;
}
#mainContent #weeklyTopics li,
#mainContent #weeklyTopics0 li,
#mainContent #weeklyTopics1 li{
	font-size:80%;
	line-height:130%;
	display:block;
	padding:0 0 2px 18px;
}

/*********************************************************************
*	ページトップ
*********************************************************************/
.pageTop{
	clear:both;
	display:block;
	overflow:hidden;
	text-align:right;
	font-size:78%;
	line-height:140%;
	width:540px;
}



/*********************************************************************
*	共通定義
*********************************************************************/

.articleBox{
	overflow:hidden;
	position:relative;
	*height:1%;
}
.articleBox{
	overflow:hidden;
	position:relative;
	*height:1%;
}

#mainContent .inner{
	display:block;
	clear:both;
	width:540px;
	margin:0 auto;
	padding:0;
}

#mainContent .articleBox h3{
	display:block;
	padding:0 0 6px 3px;
	overflow:hidden;
	position:relative;
	*height:1%;
}
#mainContent .articleBox h3 a{
	color:#333;
}
#mainContent .articleBox h3 span{
	position:absolute;
	right:3px;
	top:4px;
	font-size:12px;
	line-height:14px;
}
#mainContent .articleBox p { font-size: 10pt; line-height:120%; }

.pr_text{
	position:absolute;
	right:0;
	top:0;
	font-size:12px;
	margin:0;
	padding:0 2px 0 0;
	font-weight:bold;
}

#mainContent .articleBox h4{
	display:block;
	padding:0 0 3px 3px;
	margin:0 0 5px 0;
	overflow:hidden;
	position:relative;
	*height:1%;
	border-bottom:1px solid #cecece;
}
#mainContent .articleBox h4 a{
	color:#333;
}
#mainContent .articleBox h4 span{
	position:absolute;
	right:3px;
	top:2px;
	font-size:12px;
	line-height:14px;
	font-weight:bold;
}


#mainContent .articleBox{
	display:block;
	overflow:hidden;
	margin:0 0 20px 0;
	*height:1%;
}
#mainContent .articleBox .box{
	clear:both;
	margin:10px 0 0 0;
	font-size:80%;
	line-height:130%;
}
#mainContent .articleBox .title-small{
	clear:both;
	margin-top:5px;
	padding-top:5px;
}
#mainContent .articleBox .dotLine{
	/*border-bottom:1px dashed #d5d5d5;*/
	border-bottom:1px dashed #808080;
	margin:0px 0 10px;
	padding-bottom:5px;
	overflow:hidden;
}
#mainContent .articleBox p{
	margin:0;
	padding:0;
}
#mainContent .articleBox .large{
	clear:both;
	margin-top:5px;
}
#mainContent .articleBox .img img{
	float:right;
	margin:0 0 5px 5px;
}
#mainContent .articleBox .category{
	font-weight:bold;
}
#mainContent .articleBox .title{
	font-weight:bold;
	font-size:110%;
	line-height:150%;
}
#mainContent .articleBox .subtitle{
	font-weight:bold;
}
#mainContent .articleBox .date{
	font-size:85%;
	color:#7f7f7f;
	margin:0 0 0 5px;
}
#mainContent .articleBox span.newmark{color:red; font-weight:bold;}

#mainContent .inner li{
	display:block;
	padding:0 0 5px 22px;
	overflow:hidden;
}
#mainContent .inner .left{
	width:260px;
	float:left;
	clear:both;
}
#mainContent .inner .right{
	clear:right;
	width:260px;
	float:right;
}
#mainContent .inner .endNoBr{
	clear:both;
}
#mainContent .inner li.left{
	width:240px;
	float:left;
	clear:both;
}
#mainContent .inner li.right{
	width:240px;
	float:none;
}



/*** タイトル ***/
#mainContent .categoryTopBox{
	width:538px;
	margin:0 0 20px 0;
	overflow:hidden;
}
#mainContent .categoryTopBox .titleBox{
	/* position:relative; */
}
#mainContent .categoryTopBox .titleBox h1{
	display:block;
	width:538px;
	margin:0;
	padding:2px 5px;
	font-size:32px;
	color:#ffffff;
	line-height:50px;
}
#mainContent .categoryTopBox .articleList{
	position:relative;
	background:#fff;
	margin:5px;
	padding:10px 5px 5px 5px;
}
#mainContent .categoryTopBox .articleList h3{
	display:block;
	padding:0 0 6px 0;
	overflow:hidden;
	position:relative;
	*height:1%;
}
#mainContent .categoryTopBox .articleList h3 a{
	color:#333;
}
#mainContent .categoryTopBox .articleList h3 span{
	position:absolute;
	right:0;
	top:2px;
	font-size:12px;
	line-height:14px;
}
#mainContent .categoryTopBox .articleList ul{
	width:518px;
	overflow:hidden;
}
#mainContent .categoryTopBox .articleList li{
	width:518px;
	overflow:hidden;
	padding:10px 0;
	*float:left;
	*clear:both;
}
#mainContent .categoryTopBox .articleList li.dotLine{
	border-bottom:1px dashed #d5d5d5;
	padding:5px 0 10px 0;
}
#mainContent .categoryTopBox .articleList li p{
	margin:0;
	padding:0;
}
#mainContent .categoryTopBox .articleList li .image{
	float:right;
	width:115px;
	margin:0 0 0 10px;
}
#mainContent .categoryTopBox .articleList li .text{
	display:block;
	overflow:hidden;
	color:#333;
	font-size:78%;
	line-height:140%;
}
#mainContent .categoryTopBox .articleList li .text a{
	font-weight:bold;
	font-size:110%;
	line-height:120%;
}
#mainContent .categoryTopBox .articleList li.smallList{
	display:block;
	padding:0 0 5px 22px;
	overflow:hidden;
}

#mainContent .categoryTopBox .matomeTitleBox{
	position:relative;
	display:block;
	width:540px;
	height:100px;
}
#mainContent .categoryTopBox .matomeTitleBox h1{
	margin:0;
	padding:40px 10px;
	font-size:36px;
	color:#ffffff;

}

/*** 記事画像つきリスト ***/
#mainContent .articleBoxTypeImage{
	display:block;
	overflow:hidden;
	margin:0 0 20px 0;
	padding:6px 0 0 0;
	*height:1%;
}
#mainContent .articleBoxTypeImage ul{
	padding:0 0 6px 0;
	display:block;
	overflow:hidden;
	*height:1%;
}
#mainContent .articleBoxTypeImage li{
	display:block;
	*width:470px;
	clear:both;
	overflow:hidden;
	border-top:1px solid #cecece;
	padding:7px 0 7px 70px;
	*float:left;
	position:relative;
	min-height:45px;
	font-size:90%;
	line-height:120%;
}
#mainContent .articleBoxTypeImage li .image{
	position:absolute;
	left:0;
	top:50%;
	margin:-23px 0 0 0;
}
#mainContent .articleBoxTypeImage li .image img{
	width:60px;
	height:45px;
}
#mainContent .articleBoxTypeImage li .top_title{
	display:block;
	color:#595959;
	font-size:78%;
}
#mainContent .articleBoxTypeImage li .title{
	display:block;
}
#mainContent .articleBoxTypeImage li .date{
	display:block;
	text-align:right;
	font-size:85%;
	color:#7f7f7f;
}
#mainContent .articleBoxTypeImage li.pr_box{
	padding:10px 0;
	*width:538px;
}
#mainContent .articleBoxTypeImage li.pr_box .pr_text{
	position:absolute;
	display:block;
	right:5px;
	top:2px;
	font-size:12px;
	color:#7f7f7f;
}
#mainContent .articleBoxTypeImage li.pr_box .item{
	display:block;
	float:left;
	width:50%;
	*width:265px;
	overflow:hidden;
	min-height:70px;
}
#mainContent .articleBoxTypeImage li.pr_box .item .image{
	display:block;
	vertical-align:middle;
	width:70px;
	margin:0 10px 0 0;
	float:left;
	position:relative;
	top:0;
	overflow:hidden;
}
#mainContent .articleBoxTypeImage li.pr_box .item .image img{
	width:70px;
	height:70px;
}
#mainContent .articleBoxTypeImage li.pr_box .item .title{
	display:block;
	width:160px;
	margin:1.1em 10px 0 10px;
	overflow:hidden;
}

p.linkTo { clear: both; text-align: right; margin-top:-10px; margin-bottom: 20px; font-size:10pt;}


.squareListBox li{
	padding:0 0 0 5px;
	margin:5px 0 0 0;
	font-size:85%;
	line-height:1.3;
}

/*** インデックス系ページ用SNSボタンBOX ***/
.mainAreaBottomSnsBox{
	margin:30px 0 20px 0;
}

/*** テーマ ***/
#mainContent .subThemaTitleBox{
	width:540px;
	margin:0 0 10px 0;
	overflow:hidden;
	position:relative;
}
#mainContent .subThemaTitleBox h1{
	display:block;
	width:540px;
	height:56px;
	text-indent:-9999px;
	margin:0;
	padding:0;
}
#mainContent .subThemaTitleBox .top_breadcrumb{
	position:absolute;
	right:10px;
	top:43px;
	font-size:70%;
	line-height:16px;
	color:#fff;
	text-align:right;
}
#mainContent .subThemaTitleBox .archive_breadcrumb{
	position:absolute;
	right:10px;
	top:33px;
	font-size:70%;
	line-height:16px;
	color:#fff;
	text-align:right;
}
#mainContent .subThemaTitleBox .top_breadcrumb a,
#mainContent .subThemaTitleBox .archive_breadcrumb a{
	color:#fff;
}

#mainContent .categoryTopBox .articleList li.smallList { width:95% }



/* インデックス用SNSボタン */
#mainContent .socialBtnBox{
	display:block;
	margin:30px 0 20px 0;
	overflow:hidden;
	text-align:center;
	*zoom:1;
}
#mainContent .socialBtnBox li{
	display:inline-block;
	*display:inline;
	*zoom:1;
	vertical-align:top;
	margin:0 5px 0 0;
	padding:0;
}
#mainContent .socialBtnBox li.facebook{
	*width:130px;
	overflow:hidden;
}

#mainContent .socialBtnBox li.twitter iframe.twitter-share-button{
	width: 105px!important;
}

#mainContent .socialBtnBox li.google{
	margin:0;
	width:70px;
	overflow:hidden;
}



/* bnsearch */
#bnsearchBodyArea{width:540px; margin:10px 0px}
#bnsearchBodyArea .date{text-align:right}
#bnsearchBodyArea td{text-align:left}
#bnsearchBodyArea .weeklyTopics{margin:10px 0px}
#bnsearchBodyArea .titleBar{border-left:solid 8px #30429C; border-bottom:solid 2px #30429C}
#bnsearchBodyArea .titleBar .title{margin-left:2px}
#bnsearchBodyArea .article{width:540px; padding:0px 0px 5px 0px; text-align:left; margin-bottom:10px; border-bottom:solid 1px #cccccc}
#bnsearchBodyArea .titleOnly .article{width:515px; padding:0px 0px 5px 25px; text-align:left; margin-bottom:0px;  background-position:3px 2px; background-repeat:no-repeat; border-bottom:none}
#bnsearchBodyArea .article .title-small{font-weight:bold}
#bnsearchBodyArea .article .subtitle-small{font-weight:bold}
#bnsearchBodyArea .article .list{text-align:right; font-size:10pt}
#bnsearchBodyArea .page{text-align:center; margin-bottom:10px}
#bnsearchBodyArea .page a{margin:10px 10px 20px}
.commonBar{width:540px; height:32px; #4366ac; color:white; line-height:32px; margin:5px 0px}
.commonBar h2{float:left; font-size:12pt; margin-left:4px}
.commonBar .list{font-size:9pt; font-weight:bold; float:right; padding: 0px 6px 0px 0px}
.commonBar .list a{color:white;}

#spcheckButton p{
text-align:center;
font-size:32pt;
line-height:160%;
}

/*パンくずリスト*/
.breadcrumb{
width:540px;
font-size:11px;
line-height:100%;
margin-bottom:5px;
color:#999999;
}

.breadcrumb a{
color:#004276;
}
.breadcrumb span{
color:#939393;
}
.breadcrumb div{
font-size:13px;
font-weight:bold;
margin-top:5px;
margin-bottom:0px;
}

/*********************************************************************
*	EXPO枠
*********************************************************************/

#expoArea { width:300px; text-align:left; margin:0; padding:0; }
#expoArea .articleBox { margin-bottom:10px; width:296px; background:#ffffff; border:solid 2px #3e58ba; }
#expoArea .articleBox ul{padding:5px;}

#expoArea .articleBox .sokuhoimg{width:80px; float:right; margin:0 2px 4px 4px}

/* Forum */
.expoForum {
	width:123px;
	margin:0 0 20px 0px;
	font-size:72%;
	line-height:140%;
}

.expoForum h3 a{
	display:block;
	background:none;
	width:123px;
	/*height:21px;*/
	/*text-indent:-9999px;*/
	text-align:center;
}

.expoForum p.titleForum{
	font-size:100%;
	line-height:140%;
	text-align:center;
	font-weight:bold;
	margin:5px;
}
.expoForum li{
	padding:2px 0 0 2px;
	margin:4px 0;
	border-top:dotted 1px #808080;
}

/* ?ST=print */
body.print{
	margin:10px;
	background:#fff;
}

/* アンケート回答ページ用 */
#enqBox{
  padding:10px 0;
}
#enqBox h1{
  padding:20px 0;
  font-size:140%;
}
#enqBox h3{
  background-color: #c1e0f5;
  border-color: #0995e2;
  border-style: solid;
  border-width: 1px 1px 3px;
  clear: both;
  margin: 15px 0;
  padding: 4px 0 4px 7px;
}
#enqBox h4{
  clear:both;
  margin:20px 0;
  padding:0 0 2px 0;
  font-weight: bold;
  color: #000000;
  border-bottom: 2px solid #88c9f1;
}
#enqResult{
  padding:10px 0;
}
#enqResult table{
  margin:10px 0;
}
#enqResult td{
  padding:5px;
}
#enqResult td.ratio{
  text-align:right;
  border-bottom:1px dotted #ccc;
  font-size:90%;
}
#enqResult td.count{
  text-align:right;
}
#enqResult dl{
  margin:10px 0;
}
#enqResult dl dt{
  font-weight:bold;
  border-bottom:1px dotted #ccc;
}
#enqResult dl dd{
  padding:10px;
}
#enqBox .errorBox,#olaBox .errorBox{
  border:2px dotted #940708;
  margin:20px 0 50px 0;
  padding:10px 10px 30px 10px;
}

/* active枠 */
.categoryTopBox .titleBox h1.whitepaper {
    background: #b01f24 none repeat scroll 0 0;
}
.categoryTopBox .titleBox h1.pressrelease {
    background: #b01f24 none repeat scroll 0 0;
}