@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: ".";
}
/*--- ズーム */
.bpimage_click { text-align: left; color: #006699; line-height: 130%; font-size: 8pt; background: #f8f5f3; padding: 5px 3px 10px; position: relative;}
.bpimage_click a { background: url("../../../../atcl/trend/15/105299/120700134/btn_zoom.gif") no-repeat left top; text-indent: -9999px; display: block; width: 56px; height: 13px; position: absolute; right: 0; top: 5px;}


#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 h3 { clear: both; margin-bottom: 20px; padding:3px 0 3px 15px; font-size:20px; }
#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; font-weight: bold;}
#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_caption_right {
     border: solid 1px #d3cac3;
     background: #f8f5f3;
}
#mainContent #articleBody .bpimage_caption_right:after {
    height: 0;
    content: "";
    display: block;
    clear: both;
}

#mainContent #articleBody .bpimage_caption_right > .bpimage_left {
    margin: 0 10px 0 0;
    border: none;
}
#mainContent #articleBody .bpimage_left{
    float:left;
    margin: 0 10px 10px 0;
    padding: 9px;
    border: solid 1px #d3cac3;
    background: #f8f5f3;
}
#mainContent #articleBody .bpimage_caption_right .bpimage_title{
    clear: none;
    margin: 10px 10px 0 0;
}
#mainContent #articleBody .bpimage_caption_right .bpimage_caption{
    clear: none;
    padding: 0 10px 0 0;
}


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

/* 画像のタイトル・キャプション */
#mainContent #articleBody .bpimage_title{
    text-align:left;
    line-height: 130%;
    font-weight: bold;
    font-size: 1em;
    clear: both;
}
#mainContent #articleBody .bpimage_caption{
    font-size: 12px;
    background: #f8f5f3;
    clear: both;
}

/* 画像のタイトル・キャプション パターン */

#mainContent #articleBody .bpimage_title{}
#mainContent #articleBody .bpimage_caption{}

#mainContent #articleBody .bpimage_title + .bpimage_caption{margin: 5px 0 0;}
#mainContent #articleBody .bpimage_title + .bpimage_image{margin: 5px 0 0;}
#mainContent #articleBody .bpimage_caption + .bpimage_image{margin: 5px 0 0;}

#mainContent #articleBody .bpimage_double > .bpimage_title{margin: 0 15px 5px;}
#mainContent #articleBody .bpimage_double > .bpimage_caption{margin: 0 15px 5px;}
#mainContent #articleBody .bpimage_double .bpimage_right + .bpimage_title{padding: 5px 0 0;}

#mainContent #articleBody .bpimage_triple > .bpimage_title{margin: 0 20px 5px;}
#mainContent #articleBody .bpimage_triple > .bpimage_caption{margin: 0 20px 5px;}
#mainContent #articleBody .bpimage_triple .bpimage_right + .bpimage_title{padding: 5px 0 0;}

#mainContent #articleBody .bpimage_click{
    text-align:left;
    color: #006699;
    line-height: 130%;
    font-size: 8pt;
    background: #f8f5f3;
    padding: 5px 3px 20px;
    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;

}
#articleBody .bpbox2{
	padding: 15px;
	margin-bottom: 1.5em;
    border: 3px solid #e8e3dd;
}
#articleBody .bpbox2 .bpbox_title{
    color: #8a765e;
    font-weight: bold;
}
#articleBody .bpbox2 .bpbox_text{
    font-size: 12px;
}
#articleBody .bpbox3{
    padding: 15px;
    margin-bottom: 1.5em;
    border: 1px solid #d4dfe3;
    background: url(/images/n/wol/2010/leaf/bg_01.png) repeat top left;
    text-align: center;
}
#articleBody .bpbox3 .bpbox_title{
    font-weight: normal;
    font-size: 14px;
}
#articleBody .bpbox3 .bpbox_title:before,
#articleBody .bpbox3 .bpbox_title:after{
    content: "";
    display: inline-block;
    width: 20px;
    height: 1px;
    background: #333;
    vertical-align: middle;
    margin: -4px 10px 0;
}

#articleBody .bpbox3 .bpbox_word{
    font-size: 21px;
    font-weight: bold;
    padding: 5px 0 10px;
}
#articleBody .bpbox3 .bpbox_name{
    font-size: 12px;
}
#articleBody .bpbox3 .bpbox_name span{
    color: #643c2e;
}

#articleBody .bpbox4{
    margin-bottom: 1.5em;
    border: 3px solid #e8e3dd;
    position: relative;
    min-height: 110px;
    width: 235px;
    margin: 0 auto;
    padding: 15px 15px 15px 100px;
}
#articleBody .bpbox4 .bpbox_img{
    position: absolute;
    top: 15px;
    left: 15px;
}
#articleBody .bpbox4 .bpbox_title{}
#articleBody .bpbox4 .bpbox_txt{
    font-size: 12px;
    line-height: 1.7;
}
#articleBody .bpbox4 .bpbox_link{
    background: url(/images/n/wol/2010/leaf/icn_cart.png) no-repeat center left;
    padding: 0 0 0 20px;
}

/* 訂正文 */
#articleBody .bpteisei_box {
    margin:1em 0;
}
#articleBody .bpteisei {
    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: 15px 5px 10px;
    border: solid 1px #d3cac3;
    background: #fff;
    background: #f8f5f3;
}
#mainContent #articleBody .bpimage_double .bpimage_left{
    margin:0 0 0 15px;
    text-align:left;
    padding: 0;
    border: none;
    background: #f8f5f3;
}
#mainContent #articleBody .bpimage_double .bpimage_right{
    margin:0 15px 0 0;
    text-align:left;
    padding: 0;
    border: none;
    background: #f8f5f3;
}


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

}



/* 図（縦積み） */
#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:10px;
    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;
    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 { border: 1px solid #b5a08e; margin: 0 0 20px; position: relative; overflow: hidden;}
#articleBody .bpprofile .bpprofile_profile {padding: 10px 10px 0;}
#articleBody .bpprofile .bpprofile_profile .bpprofile_name { font-weight: bold;}
#articleBody .bpprofile .bpprofile_profile .bpprofile_name span{ font-weight: normal;color: #333; font-weight: bold;}
#articleBody .bpprofile .bpprofile_profile .bpprofile_position { margin: 0 0 5px;}
#articleBody .bpprofile .bpprofile_text { margin: 0 0 5px; padding: 0 10px;}
#articleBody .bpprofile_title {  background: #f2efea; color: #8a765e;font-size: 16px;padding: 5px 10px;font-weight: bold;}

/*記事中プロフィール 写真あり パターン1*/
#articleBody .bpprofile_photo{border: 1px solid #b5a08e; margin: 0 0 20px;position: relative;padding: 10px 10px 10px 105px;min-height: 80px;}
#articleBody .bpprofile_photo img{ position: absolute;top: 10px;left: 10px;width: 80px;height: auto; }
#articleBody .bpprofile_photo .bpprofile_img {  }
#articleBody .bpprofile_photo .bpprofile_profile {}
#articleBody .bpprofile_photo .bpprofile_profile .bpprofile_name { font-weight: bold; }
#articleBody .bpprofile_photo .bpprofile_profile .bpprofile_name span{ font-weight: normal;color: #333; font-weight: bold;}
#articleBody .bpprofile_photo .bpprofile_profile .bpprofile_position { margin: 0 0 5px; }

/*記事中プロフィール 写真あり パターン2*/
#articleBody .bpprofile .bpprofile_photo img{ position: relative; top: 0!important; left: 0!important; }
#articleBody .bpprofile .bpprofile_photo{border: none;margin: 0 0 10px;position: relative;padding: 10px 3px 0 10px;display: inline-block;vertical-align: top;}

#articleBody .bpprofile_photo + .bpprofile_profile{
display: inline-block;
width: 550px;
margin: 0 0 10px;
}


#articleBody .bpprofile .bpprofile{border: none;position: relative;}
#articleBody .bpprofile .bpprofile .bpprofile_photo img{top: 0;}
#articleBody .bpprofile .bpprofile .bpprofile_profile{padding: 0 10px;}
#articleBody .bpprofile .bpprofile:before{
    content: "";
    display: block;
    margin: 0 10px;
    height: 1px;
    border-top: 1px dotted #ccc;
    position: relative;
    top: -13px;
}


/* インタビュー等 */
/*記事中プロフィール*/
#articleBody .bpinterview { border: 1px solid #b5a08e; margin: 0 0 20px; position: relative; }
#articleBody .bpinterview .bpinterview_profile {padding: 10px 10px 0;}
#articleBody .bpinterview .bpinterview_profile .bpinterview_name { font-weight: bold;color: }
#articleBody .bpinterview .bpinterview_profile .bpinterview_name span{ font-weight: normal;color: #333; font-weight: bold;}
#articleBody .bpinterview .bpinterview_profile .bpinterview_position { margin: 0 0 5px;}
#articleBody .bpinterview .bpinterview_text { margin: 0 0 5px; padding: 0 10px;}



#mainContent #articleBody .bpquestion_career { }
#mainContent #articleBody .bpquestion_skillup { }
#mainContent #articleBody .bpquestion_HandB { color:#009966; font-weight:bold; }
#mainContent #articleBody .bpquestion_life { }

/* テーブル共通設定　*/
#mainContent #articleBody .bptable_right { width: 400px; margin: 0 0 0 auto;}
#mainContent #articleBody .bptable_center { width: 400px; margin: 0 auto;}
#mainContent #articleBody .bptable { }
#mainContent #articleBody .bptable .bptable_title { font-size:110%; font-weight:bold; margin:5px 0; }
#mainContent #articleBody .bptable .bptable_caption { font-size:90%; margin:5px 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; }


/*関連リンク*/
#mainContent #articleBody .bprecommend_sitelist h6{
    border: none;
    clear: both;
    margin-bottom: 5px;
    padding-left:0;
    font-size: 13px;
}
#mainContent #articleBody .bpcredit{
    font-size: 12px;
    text-align: right;
}