@charset "utf-8";

/* ------------------------------ *
	リード
 * ------------------------------ */
p.bplead { color: #444; font-weight: bold; margin-bottom: 1.25em; }
.before20100525 p.bplead { margin-bottom: 1em; }
.before20100525 div.bpbox p.bplead { margin-bottom: 0; }



/* ------------------------------ *
	インタビューなどの質問と回答
 * ------------------------------ */
p.bpquestion { font-weight: bold; margin-bottom: 0.5em; }



/* ------------------------------ *
	画像
 * ------------------------------ */
div.bpimage_title { font-size: 93%; font-weight: bold; line-height: 1.4; padding-top: 0.25em; margin-bottom: 0.3em; }

div.bpimage_caption,
div.bpimage_click { font-size: 86%; line-height: 1.5; padding: 0.4em 0.4em 0; }
div.bpimage_click { color: #888; }

div.bpimage_left { float: left; padding: 0 1em 0.5em 0; }
div.bpimage_right { float: right; padding: 0 0 0.5em 1em; }
div.bpbox_left { float: left; padding: 0 1em 0.5em 0; }
div.bpbox_right { float: right; padding: 0 0 0.5em 1em; }

div.bpimage_center div.bpimage_image img { display: block; margin: 0 auto; }

div.bpimage_caption_right { margin: 0 auto 1.4em; }
div.bpimage_caption_right:after { clear: both; display: block; content: url(/images/n/bpnet/2012/bg/spacer.gif); height: 0; }
/* IE */ div.bpimage_caption_right { display: inline-block; }
div.bpimage_caption_right { display: block; }
div.bpimage_caption_right div.bpimage_left { padding-bottom: 0; }

div.bpbox_center,
div.bpimage_center,
div.bpimage_double,
div.bpimage_triple { padding-bottom: 1.4em; margin: 0 auto; }
div.bpbox_center div.bpimage_center,
div.bpbox_center div.bpimage_double,
div.bpbox_center div.bpimage_triple { padding-bottom: 0; }

div.bpbox_center { clear: both; }
div.bpbox_center:after { clear: both; display: block; content: url(/images/n/bpnet/2012/bg/spacer.gif); height: 0; }
/* IE */ div.bpbox_center { display: inline-block; }
div.bpbox_center { display: block; }

div.bpimage_double div.bpimage_left,
div.bpimage_double div.bpimage_right,
div.bpimage_triple div.bpimage_left,
div.bpimage_triple div.bpimage_right { padding: 0; }
div.bpimage_double div.bpimage_caption,
div.bpimage_double div.bpimage_click,
div.bpimage_triple div.bpimage_caption,
div.bpimage_triple div.bpimage_click { clear: both; }

div.bpimage_triple div.bpimage_wrap { float: left; }
div.bpimage_triple div.bpimage_wrap div.bpimage_center { float: right; margin: 0; }

div.bpimage_set { padding-bottom: 1.4em; }



/* ------------------------------ *
	テーブル
 * ------------------------------ */
div.bptable { margin: 0 auto 1.4em; }
div.bptable div.bptable_title { font-size: 93%; font-weight: bold; line-height: 1.4; padding-top: 0.25em; margin-bottom: 0.3em; }
div.bptable div.bptable_caption { font-size: 86%; line-height: 1.5; padding: 0.4em 0.4em 0.2em; }
div.bptable table { margin: 0 auto; }

div.bptable_left div.bptable { float: left; padding: 0 1em 0.5em 0; margin: 0; }
div.bptable_right div.bptable { float: right; padding: 0 0 0.5em 1em; margin: 0; }



/* ------------------------------ *
	プロフィル
 * ------------------------------ */
div.bpprofile_photo { clear: both; width: 55%; border-top: 1px solid #aaa; padding: 0.6em 14px; margin: 2em 0 1em; }
div.bpprofile_photo:after { clear: both; display: block; content: url(/images/n/bpnet/2012/bg/spacer.gif); height: 0; }
/* IE */ div.bpprofile_photo { display: inline-block; }
div.bpprofile_photo { display: block; }
div.bpprofile_photo div.bpprofile_profile { line-height: 1.4; margin-bottom: 0.5em; }
div.bpprofile_photo div.bpprofile_profile span.bpprofile_name { font-weight: bold; }
div.bpprofile_photo div.bpprofile_profile span.bpprofile_position { display: inline-block; color: #888; font-size: 86%; padding-top: 0.3em; }
div.bpprofile_photo div.bpprofile_text { font-size: 86%; line-height: 1.5; }
div.bpprofile_photo div.bpprofile_text p { font-size: 100%; line-height: 1.5; margin-top: 0; }
div.bpprofile_photo div.bpprofile_text p:last-child { margin-bottom: 0; }
div.bpprofile_photo div.bpprofile_text img { float: right; padding: 0.3em 0.2em 0.3em 0.5em; }

div.bpinterview { clear: both; width: 90%; background: #eee; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; padding: 0.6em 14px 0.5em; margin: 0 auto 1.4em; }
div.bpinterview div.bpinterview_profile { font-size: 86%; line-height: 1.5; }
div.bpinterview div.bpinterview_profile span.bpinterview_position { font-weight: bold; }
div.bpinterview div.bpinterview_profile span.bpinterview_name {  }
div.bpinterview div.bpinterview_text { font-size: 86%; line-height: 1.5; padding-top: 0.5em; }



/* ------------------------------ *
	囲み記事
 * ------------------------------ */
div.bpbox_title { font-weight: bold; line-height: 1.4; }
div.bpbox_text { font-size: 93%; line-height: 1.7; }

div.bpbox { clear: both; background: #f2f6fa; border: 1px solid #aaa; padding: 0.5em 7px; margin-bottom: 1.4em; }
div.bpbox div.bpbox_title { border-bottom: 1px solid #aaa; padding: 0 7px 0.3em; margin-bottom: 0.3em; }
div.bpbox div.bpbox_text { padding: 0.2em 7px 0; }

div.bpbox2 { clear: both; background: #f2f6fa; border: 1px solid #aaa; padding: 7px; margin-bottom: 1.4em; }
div.bpbox2 div.bpbox_title { padding: 0 7px 0.3em; }
div.bpbox2 div.bpbox_text { background: #fff; padding: 0.7em 7px 0.5em; }

div.bpbox3 { clear: both; margin-bottom: 1.4em; }
div.bpbox3 div.bpbox_title { background: #f2f6fa; border-bottom: 1px solid #aaa; padding: 7px 14px 0.3em; margin-bottom: 4px; }
div.bpbox3 div.bpbox_text { background: #f2f6fa; padding: 0.7em 14px 0.5em; }

div.bpbox4 { clear: both; border: 1px solid #aaa; margin-bottom: 1.4em; }
div.bpbox4 div.bpbox_title { background: #f2f6fa; border-bottom: 1px solid #aaa; padding: 7px 14px 0.3em; }
div.bpbox4 div.bpbox_text { padding: 0.7em 14px 0.5em; }

div.bpframe { clear: both; border: 1px solid #aaa; padding: 0.7em 14px 0.5em; margin-bottom: 1.4em; }

div.bpbox_text p, div.bpframe p,
div.bpbox_text ul, div.bpframe ul,
div.bpbox_text ol, div.bpframe ol,
div.bpbox_text dl, div.bpframe dl { margin-bottom: 0; }
div.bpbox_text ol li, div.bpframe ol li { line-height: 1.5; margin-left: 22px; }
div.bpbox_text ul li, div.bpframe ul li,
div.bpbox_text dl dd, div.bpframe dl dd { line-height: 1.5; padding-left: 0; margin-left: 22px; }

div.bpbox_text:after { clear: both; display: block; content: url(/images/n/bpnet/2012/bg/spacer.gif); height: 0; }
/* IE */ div.bpbox_text { display: inline-block; }
div.bpbox_text { clear: both; display: block; }



/* ------------------------------ *
	訂正
 * ------------------------------ */
div.bpteisei_box { clear: both; width: 80%; border: 1px dashed #aaa; padding: 0.7em 14px 0.5em; margin: 0 auto 1.4em; }
div.bpteisei_box div.bpteisei { color: #888; font-size: 86%; line-height: 1.5; }



/* ------------------------------ *
	用語解説
 * ------------------------------ */
div.bpword { font-size: 86%; line-height: 1.5; background: #f2f6fa; padding: 0.7em 14px 0.5em; margin-bottom: 1.4em; }



/* ------------------------------ *
	注釈
 * ------------------------------ */
div.bpannotation { color: #888; font-size: 86%; line-height: 1.5; margin-top: -0.5em; margin-bottom: 1.25em; }



/* ------------------------------ *
	参考文献
 * ------------------------------ */
div.bpreference { font-size: 93%; line-height: 1.7; border: 1px dotted #aaa; background: #f2f6fa; padding: 0.7em 14px 0.5em; margin-bottom: 1.4em; }



/* ------------------------------ *
	Webolution独自コメント（次ページへの誘導）
 * ------------------------------ */
p.next { font-size: 93%; font-weight: bold; text-align: right; padding-top: 1em; }
p.next span { color: #999; }



/* ------------------------------ *
	BPnet内部の独自クラス
 * ------------------------------ */
p.first { color: #888; font-size: 86%; text-align: right; margin-bottom: 1.25em; }
p.signature { text-align: right; }



/* ------------------------------ *
	セミナーまとめ記事専用スタイル
 * ------------------------------ */
p.semminor_matome_note{ color:#ff0000; }
div.semminor_matome table{ width:390px; margin:0 0 1.4em; }
div.semminor_matome table th { width:4.5em; background-color:#fff; vertical-align:top; font-weight:normal; text-align:left; }
div.semminor_matome table th, div.semminor_matome table td { margin:0; padding:0; border:none !important; font-size:114.4%; line-height:1.5em; }
div.semminor_matome .bpimage_image{ margin-bottom:5px; }