@charset "utf-8";

/* ===================================================================
日経BP共通スタイル
=================================================================== */
/*--- リンク */
#articleBody a {
	outline: none;
}
#articleBody a:link, 
#articleBody a:active{
	color: #93464c;
	text-decoration: none;
}
#articleBody a:visited{
	color: #BF8F93;
	text-decoration: none;
}
#articleBody a:hover, 
#articleBody a:visited:hover{
	text-decoration: underline;
	color: #BF8F93;
}

#articleBody div.plural:after {
    display: block;
    clear: both;
    height: 0.1em;
    line-height: 0.1em;
    visibility: hidden;
    content: ".";
}

#breadcrumb { padding: 10px !important; }

#articleBody { clear: both; width: 670px; padding-right: 10px; line-height: 1.5; }
#articleBody p { margin: 0 15px 25px; font-size: 14px; }

#articleBody h4 { clear: both; margin-bottom: 20px; padding:3px 0 3px 5px; font-size:16px; }
#articleBody h5 { clear: both; margin-bottom: 20px; padding-left: 5px; font-size:14px; }
#articleBody h6 { clear: both; margin-bottom: 20px; padding-left: 10px; font-size:13px; }

#articleBody div.right { float: right; padding-left: 10px; background: #fff; }
#articleBody div.left { float: left; padding-right: 10px; background: #fff; }
#articleBody div.center { text-align: center; margin: 0 auto; }

#articleBody div.plural { margin: 0 auto; }
#articleBody div.plural div { float: left; margin-right: 15px; }

#articleBody div.sidebox_c { margin: 0 auto; text-align: center; }
#articleBody div.sidebox_c div.l { margin: 0 auto; text-align: center; }

#articleBody p.detailBtn { float: right; width: 101px; }
#articleBody p.detailBtn a { height: 21px; display: block; background: url(/images/n/wol/2009/leaf/btn_details.gif) no-repeat left top; text-indent: -9999px; }
#articleBody p.detailBtn a:hover { background: url(/images/n/wol/2009/leaf/btn_details_on.gif) no-repeat left top; }

#articleBody .bplead { margin: 0 5px 30px 15px; }
#articleBody .bplead p { margin: 0; line-height: 2; font-weight: bold; font-size: 12px; padding-top: 3px; letter-spacing: 1px; }

/* 図（回り込み：左）右配置 */
#mainContent #articleBody .bpimage_right{
    float:right;
    margin: 0 0 10px 10px;
    padding: 9px;
    border: solid 1px #d3cac3;
    background: #f8f5f3;
}

/* 図（回り込み：右）左配置 */
#mainContent #articleBody .bpimage_left{
    float:left;
    margin: 0 10px 10px 0;
    padding: 9px;
    border: solid 1px #d3cac3;
    background: #f8f5f3;
}

/* 図（スタンダード）中央配置 */
#mainContent #articleBody .bpbox_center{
    clear:both;
    text-align:center;
    padding: 9px;
    border: none;
    background: #fff;
}
#mainContent #articleBody .bpimage_center{
    width:500px;
    margin: 0 auto 25px ;
    text-align:left;
    padding: 9px;
    border: solid 1px #d3cac3;
    background: #f8f5f3;
}

/* 画像のキャプション */
#mainContent #articleBody .bpimage_title{
    text-align:left;
    line-height: 130%;
    font-weight: bold;
    font-size: 1em;
	padding: 3px;
}
#mainContent #articleBody .bpimage_caption{
    padding: 3px;
    margin: 0px;
    font-size: 12px;
    background: #f8f5f3;
}
#mainContent #articleBody .bpimage_click{
    text-align:left;
    color: #006699;
    line-height: 130%;
    font-size: 8pt;
    background: #f8f5f3;
    padding: 5px 3px 10px;
    position: relative;
}
#mainContent #articleBody .bpimage_click a {
   background: url(/images/n/wol/2009/leaf/btn_zoom.gif) no-repeat left top;
   text-indent: -9999px;
   display: block;
   width: 56px;
   height: 13px;
   position: absolute;
   right: 0px;
   top: 5px;
}
* html #mainContent #articleBody .bpimage_click a {
   right: 5px;
}
#mainContent #articleBody .bpimage_click a:hover {
   background: url(/images/n/wol/2009/leaf/btn_zoom_on.gif) no-repeat left top;
}
#articlebody .bpbox {
	padding: 5px 10px;
	margin-bottom: 1.5em;
	background-color: #BBCCEE;
	color: #444;
	font-size:0.81em;
	line-height: 1.1em;
}
#articlebody .bpbox2{
	padding: 5px 10px;
	margin-bottom: 1.5em;
	background-color: #ececec;
	font-size:0.81em;
	line-height: 1.1em;
}
#articlebody .bpbox3{
	padding: 5px 10px;
	margin-bottom: 1.5em;
	background-color: #f4eed5;
	font-size:0.81em;
	line-height: 1.1em;
}
#articlebody .bpbox .bpbox_text,
#articlebody .bpbox2 .bpbox_text,
#articlebody .bpbox3 .bpbox_text {
	margin:7px 0px;
	font-size:0.95em;
}

/* 訂正文 */
#articlebody .bpteisei_box {
    margin:1em 0;
    text-align:right;
}
#articlebody .bpteisei {
    margin-left:auto;
    width: 480px;
    padding: 5px;
    line-height: 130%;
    color: #000000;
    text-align: left;
    font-size:10pt;
}

/* 図（二つ並び） */
#mainContent #articleBody .bpimage_double{
    width:500px;
    margin:10px auto;
    text-align:center;
    padding: 9px;
    border: none;
    background: #fff;
}
#mainContent #articleBody .bpimage_double .bpimage_left{
    margin:0;
    text-align:left;
    padding: 9px;
    border: solid 1px #d3cac3;
    background: #f8f5f3;
}
#mainContent #articleBody .bpimage_double .bpimage_right{
    margin:0;
    text-align:left;
    padding: 9px;
    border: solid 1px #d3cac3;
    background: #f8f5f3;
}
#mainContent #articleBody .bpimage_double .bpimage_caption{
    text-align:left;
}

/* 図（三つ並び） */
#mainContent #articleBody .bpimage_triple{
    width:500px;
    margin:10px auto;
    text-align:center;
    padding: 0;
    border: none;
    background: #fff;
}
#mainContent #articleBody .bpimage_triple .bpimage_wrap{
    margin:0;
    float:left;
    padding: 0;
    border: none;
    background: #fff;
}
#mainContent #articleBody .bpimage_triple .bpimage_left{
	float:left;
    margin:0;
	margin-right:10px;
    text-align:left;
    padding: 9px;
    border: solid 1px #d3cac3;
    background: #f8f5f3;
}
#mainContent #articleBody .bpimage_triple .bpimage_center{
	float:left;
    margin:0;
    text-align:left;
    padding: 9px;
    border: solid 1px #d3cac3;
    background: #f8f5f3;
}
#mainContent #articleBody .bpimage_triple .bpimage_right{
	float:right;
    margin:0;
	margin-left:10px;
    text-align:left;
    padding: 9px;
    border: solid 1px #d3cac3;
    background: #f8f5f3;
}

/* 図（縦積み） */
#mainContent #articleBody .bpbox_left{
    float:left;
    margin:10px 10px 10px 0;
}
#mainContent #articleBody .bpbox_right{
    float:right;
    margin:10px 0 10px 10px;
}
#mainContent #articleBody .bpimage_set{
    margin:0 0 10px 0;
    padding: 9px;
    border: solid 1px #d3cac3;
    background: #f8f5f3;
}


/*2009/4/6追加*/
/*写真左のリスト表示　bplist*/
#mainContent #articleBody .bplist a:link {
	color: #333333 !important;
	text-decoration: none !important;
}
#mainContent #articleBody .bplist a:visited {
	color: #888888 !important;
	text-decoration: none !important;
}
#mainContent #articleBody .bplist a:hover {
	color: #333333 !important;
	text-decoration: underline !important;
}
#mainContent #articleBody .bplist a:visited:hover {
	color: #333333 !important;
	text-decoration: underline !important;
}
#mainContent #articleBody .bplist {
	margin-top: 50px;
}
#mainContent #articleBody .bplist ul {
	float: left;
	clear: both;
	margin-bottom: 10px;
        margin-top: -10px;
}
* html #mainContent #articleBody .bplist ul{
	margin-bottom: -30px;
}
*:first-child+html #mainContent #articleBody .bplist ul{
	margin-bottom: 30px;
}
#mainContent #articleBody .bplist ul li {
	float: left;
	margin-bottom: 30px;
}
#mainContent #articleBody .bplist ul li img {
	float: left;
	margin-right: 20px;
	vertical-align: top;
}
#mainContent #articleBody .bplist ul li .bplist_wrap {
	float: left;
	width: 390px;
	line-height: 0;
}
#mainContent #articleBody .bplist div {
	line-height: 1.5;
}
#mainContent #articleBody .bplist .bplist_columntitle {
	display: inline;
	color: #727171;
	font-size: 0.7em;
	font-weight: bold;
}
#mainContent #articleBody .bplist .bplist_date {
	display: inline;
	padding-left: 20px;
	color: #727171;
	font-size: 0.7em;
	font-weight: normal;
}
#mainContent #articleBody .bplist .bplist_title {
	font-size: 1em;
	font-weight: bold;
	margin-bottom: 10px;
	line-height: 1.2;
}

#mainContent #articleBody .bplist .bplist_summary {
	font-size: 0.7em;
}

/* 囲みタイトル */
#articleBody .bptitle_box { margin-bottom:5px; background:#223a70; color: #fff; display: block; padding: 5px; font-weight: bold; }

/* 囲み1 */
#mainContent #articleBody .bpframe {
    margin:1em auto 20px;
    width:500px;
    text-align: center;
    padding: 2px;
	clear: both;

}
#mainContent #articleBody .bpframe .bpbox_text{
    margin: 3px;
    padding:5px 3px 3px 3px;
    text-align: left;
    line-height: 150%;
    color: #000000;
    background-color: #FFFFFF;
    clear: both;
    height: 90%;
}
#mainContent #articleBody .bpframe h4{
    font-size:12px;
}

/*１文字目大きく*/
#mainContent #articleBody .bpframe span, #mainContent #articleBody .bpbox span { float:left; font-size: 2.2em; font-weight: bold; padding-right: 3px; line-height: 1.1; }

/* 囲み2 */
#mainContent #articleBody .bpbox {
    margin:1em auto 20px;
    width:500px;
    text-align: center;
    padding: 15px;
}
#mainContent #articleBody .bpbox .bpbox_text {
    text-align: left;
}

#mainContent #articleBody .bpimage_double,
#mainContent #articleBody .bpimage_triple,
.bpprofile:after { overflow: hidden; _zoom: 1; }

/*記事中プロフィール*/
#articleBody .bpprofile { width: 680px; clear: both; padding-bottom: 15px; margin-bottom: 15px; background: url(/images/n/wol/2009/leaf/related_bg_bottom_all.gif) no-repeat left bottom; overflow: hidden; _zoom: 1; }
#articleBody .bpprofile .bpprofile_title { background: url(/images/n/wol/2009/leaf/related_bg_top_all.gif) no-repeat left top; padding: 10px 20px 15px; color:#897c6c; font-size: 15px; font-weight: bold; }
#articleBody .bpprofile .bpprofile_photo { display: inline; margin: 0 -10px 10px 20px; float: left; width: 82px; padding: 6px; border: solid 1px #d9d6d6; }
#articleBody .bpprofile .bpprofile_profile { display: inline; float: left; width: 531px; margin-left: 20px; margin-bottom: 10px; }
#articleBody .bpprofile .bpprofile_profile span { color: #897c6c; font-weight: bold; }
#articleBody .bpprofile .bpprofile_profile .bpprofile_name { font-size: 14px; margin-bottom: 10px; }
#articleBody .bpprofile .bpprofile_profile .bpprofile_position { color: #897c6c; font-size: 12px; }

/* インタビュー等 */
#mainContent #articleBody .bpquestion_career { }
#mainContent #articleBody .bpquestion_skillup { }
#mainContent #articleBody .bpquestion_HandB { color:#009966; font-weight:bold; }
#mainContent #articleBody .bpquestion_life { }

/* テーブル共通設定　*/
#mainContent #articleBody .bptable { }
#mainContent #articleBody .bptable .bptable_title { font-size:110%; font-weight:bold; margin:10px 0; }
#mainContent #articleBody .bptable .bptable_caption { font-size:90%; margin:10px 0; }
#mainContent #articleBody .bptable table { border:1px solid #999; }
#mainContent #articleBody .bptable table.noborder { border: none; }

/* キャリア */
#mainContent #articleBody .bptable table.career th { background-color: #BBD1E8; border:1px solid #999; padding:10px; }
#mainContent #articleBody .bptable table.career td { background-color: #E1EBF4; border:1px solid #999; padding:10px; }

/* スキルアップ */
#mainContent #articleBody .bptable table.skillup th { background-color: #FFBF60; border:1px solid #999; padding:10px; }
#mainContent #articleBody .bptable table.skillup td { background-color: #FFDEAC; border:1px solid #999; padding:10px; }

/* ヘルス&ビューティ */
#mainContent #articleBody .bptable table.HandB th { background-color: #85D6AD; border:1px solid #999; padding:10px; }
#mainContent #articleBody .bptable table.HandB td { background-color: #CFEFDF; border:1px solid #999; padding:10px; }

/* ライフ */
#mainContent #articleBody .bptable table.life th { background-color: #71C6FF; border:1px solid #999; padding:10px; }
#mainContent #articleBody .bptable table.life td { background-color: #D2EDFF; border:1px solid #999; padding:10px; }

/* 汎用・固有　文字設定 */
#mainContent #articleBody p.tanka { font-size:20px; line-height:2.0em; color:#333333; }

/* テーブルレイアウト */
#mainContent table.table_center { margin: 0 auto; }


/*広告バー色用*/
#closeup h3 { background: url(/images/n/wol/2010/ad/title_closeup680.gif) no-repeat left top !important; }
#topics h3 { background: url(/images/n/wol/2010/ad/title_topics680.gif) no-repeat left top !important; }