@charset "UTF-8";

/* 記事本文内の文字サイズ */

.articlebody p {
	font-size: 16px; font-size:1rem;
	color: #333333;
	line-height: 160%;
	margin-bottom:20px;
	letter-spacing:1px;
 }

/* 記事本文内 Pタグ内のリンク */

.articlebody p a {
/*	font-size: 16px; font-size:1rem; */
	color: #2200C1;
	line-height: 160%;
	text-decoration: none;
}

.articlebody p a:visited {
/*	font-size: 16px; font-size:1rem; */
	color: #551A8B;
	line-height: 160%;
	text-decoration: none;
}

/* ▼テーマ共通ここから */

/* リード（背景赤色） */
.articlebody .bplead{
	background-color:#f5d6d6;
	padding:10px 15px;
	margin-bottom:25px;
	font-size: 14px; font-size: 0.9rem;
	line-height: 120%;
	color: #333333;;
}

/* 20140704 renew 追加 */
.articlebody .bplead a{
	font-size: 14px; font-size: 0.9rem;
	color: #2200C1;
	line-height: 120%;
	text-decoration: none;
}
.articlebody .bplead a:visited{
	font-size: 14px; font-size:0.9rem;
	color: #551A8B;
	line-height: 120%;
	text-decoration: none;
}

/* 20140704 ここまで */

/* 質問 */
.articlebody .bpquestion{
	font-size: 14px; font-size: 0.9rem;
/* 20140704 renew 追加 */
	font-weight:bold;
/* 20140704 ここまで */
	color: #333333;
}


/* 質問への回答 */
.articlebody .bpanswer{
	font-size: 16px; font-size:1rem;
	font-weight:normal;
	color: #333333;
}

.articlebody .bpanswer b { font-size:16px; font-size:1rem; font-size:1rem; color: #E70012;}

/* 小見出し */
.articlebody h4{
	font-size: 14px; font-size: 0.9rem;
	color:#E70012;
	font-weight:bold;
	margin:30px 0 20px;
	clear:both;
}

/* 中見出し */
.articlebody h3 {
-moz-background-clip:border;
-moz-background-origin:padding;
-moz-background-size:auto auto;
background-attachment:scroll;
background-color:transparent;
background-image:none;
background-position:left bottom;
background-repeat:no-repeat;
clear:both;
margin-bottom:20px;
margin-left:0px;
margin-right:5px;
margin-top:20px;
padding-bottom:10px;
padding-left:10px;
padding-right:10px;
padding-top:10px;
font-size: 16px; font-size:1rem;
line-height:140%;
font-weight:bold;
border-left:2px solid #E70012;
color:#E70012;
}


/* 画像の枠 */
/* 修正201410 */
 .articlebody .bpimage_image img{
/*	border:1px solid #fff;*/
	border:0px;
}


/* 修正201410 */
.articlebody .bpimage_image a:hover img { 
	border:0px;
	/*border-color:#E70012;*/ } 

/* 画像のキャプション */
.articlebody .bpimage_title{
    margin-bottom:3px;
    font-weight:bold;
    font-size: 14px; font-size: 0.9rem;
    color:#555;
    text-align:left;
}
.articlebody .bpimage_caption{
    text-align:left;
    line-height: 140%;
    font-size: 14px; font-size: 0.9rem;
    color:#555;
    text-indent:0;
    margin: 0.3em 0;
}
.articlebody .bpimage_click{
    text-align:left;
    color: #E70012;
    line-height: 120%;
    font-size:12px; font-size: 0.75rem;
    margin-top: 0.3em;
}


/* 図（回り込み：左）右配置 */
.articlebody .bpimage_right{
	float: right;
	margin: 1.5em 0 1.5em 2em;
}
.articlebody > .bpimage_right{
	clear: both;
}

/* 図（回り込み：右）左配置 */
.articlebody .bpimage_left{
	float: left;
	margin: 1.5em 2em 1.5em 0;
}

/* 図（スタンダード）中央配置 */
.articlebody .bpbox_center{
	margin: 2em auto;
}
.articlebody .bpbox_center .bpimage_double .bpimage_left .bpimage_caption, .articlebody .bpbox_center .bpimage_double .bpimage_right .bpimage_caption{
    text-align:left;
    line-height: 140%;
    font-size: 14px; font-size: 0.9rem;
    color:#555;
    text-indent:0;
    margin: 0.3em 0.5em 0;
}
.articlebody .bpbox_center .bpimage_double .bpimage_caption{
    clear: both;
    text-align:left;
    line-height: 140%;
    font-size: 14px; font-size: 0.9rem;
    color:#555;
    text-indent:0;
    margin: -0.2em 0.5em 0;
}
.articlebody .bpbox_center .bpimage_double .bpimage_left, .articlebody .bpbox_center .bpimage_double .bpimage_right{
    margin-bottom: 0.2em;
}
.articlebody .bpimage_center{
    width:500px;
    margin:10px auto;
    text-align:left;
}

/* 図（エトキ右配置） */
.articlebody .bpimage_caption_right{
    padding:5px 0 0;
}
.articlebody .bpimage_caption_right .bpimage_left{
    float: left;
    margin: 10px 1em 1.5em 0;
}
.articlebody .bpimage_caption_right .bpimage_title{
    padding:10px 10px 0 0;
}


/* 図（二つ並び） */
.articlebody .bpimage_double{
    width:500px;
    margin:10px auto;
    text-align:center;
}
.articlebody .bpimage_double .bpimage_left{
    margin:0;
}
.articlebody .bpimage_double .bpimage_right{
    margin:0;
}


/* 図（三つ並び） */
.articlebody .bpimage_triple{
    width:500px;
    margin:10px auto;
    text-align:center;
}
.articlebody .bpimage_triple .bpimage_wrap{
    margin:0;
    float:left;
}
.articlebody .bpimage_triple .bpimage_left{
    margin:0;
}
.articlebody .bpimage_triple .bpimage_center{
    float:right;
    margin:0;
}
.articlebody .bpimage_triple .bpimage_right{
    margin:0;
}

/* 図（縦積み） */
.articlebody .bpbox_left{
    float:left;
    margin:10px 10px 10px 0;
}
.articlebody .bpbox_right{
    float:right;
    margin:10px 0 10px 10px;
}
.articlebody .bpimage_set{
    margin:0 0 10px 0;
}



/* 表の配置（左・右・真ん中） */
.articlebody .bptable_left{
    clear:both;
    float:left;
}
.articlebody .bptable_right{
    clear:both;
    float:right;
}
.articlebody .bptable_center{
    width:540px;
    clear:both;
    text-align:center;
}
.articlebody .bptable_center .bptable{
    margin:auto;
}


/* 表 */
.articlebody .bptable{
    margin:10px 0;
}
.articlebody .bptable_title{
    margin:20px 0 15px;
    font-size: 14px; font-size: 0.9rem;
    line-height: 130%;
    font-weight: bold;
    text-align: left;
    color: #555;
}
.articlebody .bptable_caption{
    line-height: 130%;
    font-size: 14px; font-size: 0.9rem;
    text-align: left;
    color: #555;
}
.articlebody .bptable table{
    border-collapse: collapse;
    font-size: 14px; font-size: 0.9rem;
    border:1px solid #666;
    line-height: 120%;
}
.articlebody .bptable table th{
    padding:5px;
    font-size: 14px; font-size: 0.9rem;
    line-height: 120%;
    font-weight:bold;
    background-color:#F5D6D6;
    border:1px solid #666;
}
.articlebody .bptable table td{
    padding:5px;
    font-size: 14px; font-size: 0.9rem;
    background-color:#fff;
    border:1px solid #666;
}


/* プロフィール */
.articlebody .bpprofile, .articlebody .bpprofile_photo{
    margin:1em 0;
    padding-bottom:5px;
    border-bottom:3px double #c33;
}
.articlebody .bpprofile .bpprofile_profile{
    font-weight: bold;
    color: #000000;
    border-top:1px solid #c33;
    border-bottom:1px solid #c33;
    background: url(/images/n/trendy/201407/bpcss/ico_profile_top.jpg) no-repeat #f5d6d6;
    background-position: left center;
    text-align: left;
    padding:2px 0 0 30px;
    vertical-align: bottom;
}
.articlebody .bpprofile_position {
    font-weight: bold;
    font-size: 14px; font-size: 0.9rem;
}
.articlebody .bpprofile_name {
    font-size: 14px; font-size: 0.9rem;
}
.articlebody .bpprofile_text {
    color: #000000;
    text-align: left;
    padding: 5px 8px;
    font-size: 14px; font-size: 0.9rem;
    line-height:130%;
}


/* プロフィール（顔写真付） */
.articlebody .bpprofile_photo .bpprofile_profile{
    font-weight: bold;
    color: #000000;
    border-top:1px solid #c33;
    border-bottom:1px solid #c33;
    background: #f5d6d6;
    text-align: left;
    padding:2px 0 0 5px;
    vertical-align: bottom;
}
.articlebody .bpprofile_photo .bpprofile_text img{
    padding:0 10px 0 0;
    float:left;
}

/*--インタビュープロフィール用--*/
.articlebody .bpinterview{
    margin:1em 0;
    border-bottom:3px double #c33;
}
.articlebody .bpinterview_profile {
    padding: 2px 0 2px 32px;
    border-top:1px solid #c33;
    border-bottom:1px solid #c33;
    background: url(/images/n/trendy/201407/bpcss/ico_interviwe_top.jpg) no-repeat #f5d6d6;
    background-position: left center;
    text-align: left;
    vertical-align:middle;
}
.articlebody .bpinterview_position {
    font-weight: bold;
    font-size:16px; font-size:1rem;
}

.articlebody .bpinterview_name {
    font-size:16px; font-size:1rem;
}

.articlebody .bpinterview_text {
    color: #000000;
    text-align: left;
    padding: 5px 8px;
    font-size:16px; font-size:1rem;
    line-height:130%;
}


/* 囲み1 */
.articlebody .bpbox {
    margin-top:15px;margin-left:auto;margin-right:auto;
    width: 498px;
    text-align: center;
    border: 1px solid #000000;
    background-color: #f5d6d6;
    text-align: left;
}
.articlebody .bpbox .bpbox_title {
    margin:15px;
    text-align: left;
    font-size: 16px; font-size:1rem;
    font-weight: bold;
    border-bottom: 5px solid #c33;
}
.articlebody .bpbox .bpbox_text {
    margin:15px;
    text-align: left;
    line-height: 140%;
    padding: 8px 15px 10px 15px;
    color: #000000;
    font-size: 14px; font-size:0.9rem;
}

/* 囲み2 */
.articlebody .bpbox2 {
    margin-top:15px;margin-left:auto;margin-right:auto;
    width: 498px;
    text-align: center;
    border: 1px solid #000000;
    background-color: #f5d6d6;
    text-align: center;
}
.articlebody .bpbox2 .bpbox_title {
    margin:15px;
    text-align: left;
    font-size: 16px; font-size:1rem;
    font-weight: bold;
}
.articlebody .bpbox2 .bpbox_text {
    margin: 8px 15px 8px 15px;
    text-align: left;
    line-height: 140%;
    color: #000000;
    padding: 8px 15px 10px 15px;
    background-color: #FFFFFF;
    font-size: 16px; font-size:1rem;
}

/* 囲み3 */
.articlebody .bpbox3 {
    margin-top:15px;margin-left:auto;margin-right:auto;
    width: 500px;
    text-align: center;
    background-color: #f5d6d6;
    border-bottom: 5px solid #E70012;
}
.articlebody .bpbox3 .bpbox_title {
    margin:8px 0 0 0;
    text-align: left;
    font-size: 16px; font-size:1rem;
    font-weight: bold;
    padding: 8px 15px;
    border-bottom: 5px solid #E70012;
}
.articlebody .bpbox3 .bpbox_text {
    text-align: left;
    line-height: 140%;
    color: #000000;
    padding: 8px 30px 10px 30px;
    background-color: #f5e4fb;
    border-top: 5px solid #fff;
    border-bottom: 5px solid #fff;
    font-size: 16px; font-size:1rem;
}

/* 囲み4 */
.articlebody .bpbox4{
    clear: both;
    margin:15px auto;
    width: 498px;
    text-align: center;
    border: 1px solid #000000;
    background-color: #f5e4fb;
    text-align: center;
}
.articlebody .bpbox4 .bpbox_title{
    margin:6px 3px 0 6px;
    text-align: left;
    font-size: 16px; font-size:1rem;
    font-weight: bold;
    padding-bottom: 8px;
}
.articlebody .bpbox4 .bpbox_text{
    margin:0 6px 3px 6px;
    padding: 8px 15px 10px 15px;
    text-align: left;
    line-height: 140%;
    color: #000000;
    background-color: #FFFFFF;
    font-size: 16px; font-size:1rem;
}

/* 20140704 renew 追加*/
.articlebody .bpbox4 .bpbox_text a{
    font-size: 16px; font-size:1rem;
}
/* 20140704 ここまで */

/* 囲み5 */
.articlebody .bpframe{
	overflow:hidden;
    margin-top:15px;margin-left:auto;margin-right:auto;
    width: 494px;
    text-align: center;
    border:3px double #E70012;
} 
.articlebody .bpframe .bpbox_text{
    margin:10px 10px;
    text-align: left;
    line-height: 160%;
    color: #333333;
    background-color: #FFFFFF;
    font-size: 16px; font-size:1rem;
}

.articlebody .bpframe a {
    color: #0000ff;
    font-size: 16px; font-size:1rem;
    line-height: 160%;
    text-decoration: none;
}

.articlebody .bpframe a:visited {
    color: #551A8B;
    font-size: 16px; font-size:1rem;
    line-height: 160%;
    text-decoration: none;
}

/* コードリスト（灰色）  javascriptやhtmlなどのコードを記事本文で見せたいときのもの */
.articlebody .bpcode {
    margin:1em 0;
    width: 500px;
    background-color: #E4E4E6;
    border: 1px solid #666666;
    line-height: 130%;
    color: #000000;
    text-align: left;
}
.articlebody .bpcode .bpimage_caption code{
    color: #fff;
}

.articlebody .bpcode pre{
    margin: 10px;
    font-size: 16px; font-size:1rem;
    line-height:130%;
}

.articlebody .bpcode pre code{
    margin: 0px;
    font-size: 16px; font-size:1rem;
}

/* コードリスト（緑色）  javascriptやhtmlなどのコードを記事本文で見せたいときのもの */
.articlebody .bpcode2 {
    margin:1em 0;
    width: 500px;
    background-color: #C5E4D5;
    border: 1px solid #666666;
    line-height: 130%;
    color: #000000;
    text-align: left;
}
.articlebody .bpcode2 pre{
    margin: 10px;
    font-size: 16px; font-size:1rem;
    line-height:130%;
}

.articlebody .bpcode2 pre code{
    margin: 0px;
    font-size: 16px; font-size:1rem;
}

/* 訂正文 */
.articlebody .bpteisei_box {
	margin:1em 0;
	padding: 0 15px;
	border-left: 2px solid #DDD;
}

.articlebody .bpteisei_box .bpteisei b {
	font-size: 14px; font-size: 0.9rem;
	color: #777;
	font-weight: bold;
	line-height: 150%;
}

.articlebody .bpteisei {
    color:#888;
    font-size: 14px; font-size: 0.9rem;
    line-height: 150%;
    margin:0 0 20px 0;
}



.articlebody .bpteisei_box .bpteisei {
    color:#888;
    font-size: 14px; font-size: 0.9rem;
    line-height: 150%;
    margin:0 0 20px 0;
}

/* 	用語解説用 */
.articlebody .bpword{
    border-top:2px dotted #ccc;
    padding:5px;
    font-size: 14px; font-size: 0.9rem;
    line-height: 120%;
    color: #555;
}

/* 	注釈用 */
.articlebody .bpannotation{
    padding-left: 30px;
    font-size: 14px; font-size: 0.9rem;
    line-height: 120%;
    color: #555;
}

/* 	参考文献用 */
.articlebody .bpreference {
    border:1px dotted #ccc;
    padding:0.8em 15px;
    margin: 1.5em 0
    font-size: 14px; font-size: 0.9rem;
    line-height: 1.6em;
    color: #555;
}

.articlebody .bpreference a {
    color: #2200c1;
    font-size: 14px; font-size: 0.9rem;
    border-bottom: 1px solid #666666;
}

/* clearfix */
.clearfix,.articlebody .bpprofile_photo .bpprofile_text , .articlebody .bpimage_caption_right{
    zoom:1;/*for IE 5.5-7*/
}
.clearfix:after, .articlebody .bpimage_caption_right:after, .articlebody .bpimage_double:after ,.articlebody .bpprofile_photo .bpprofile_text:after,.articlebody .bpimage_triple:after {
    display: block;
    clear: both;
    height: 0.1em;
    line-height: 0.1em;
    visibility: hidden;
    content: ".";
}


.articlebody .bprecommend_sitelist {
    border-top: 1px dashed #999999;
    margin: 30px 0 15px;
    padding: 10px 10px 0;
    clear:both;
}

.articlebody .bprecommend_sitelist h6 {
    color: #666666;
    font-size: 14px; font-size: 0.9rem;
    font-weight: bold;
    margin-bottom: 10px;
}

.articlebody .bprecommend_sitelist ul {
    list-style: disc outside none;
    margin-bottom: 15px;
    padding-left: 20px;
}

.articlebody .bprecommend_sitelist ul li {
    color: #999999;
    font-size: 14px; font-size: 0.9rem;
    line-height: 130%;
    margin-bottom: 5px;
}

.articlebody .bprecommend_sitelist ul li a {
    color: #666666;
    font-size: 14px; font-size: 0.9rem;
    line-height: 130%;
    text-decoration: none;
}

.articlebody .bprecommend_sitelist ul li a:visited {
    color: #551A8B;
    font-size: 14px; font-size: 0.9rem;
    line-height: 130%;
    text-decoration: none;
}

/* ▲テーマ共通ここまで */

/* video area pc begin */


.bpvideo {
	position: relative;
	padding-bottom: 35.7%;
	padding-top: 10px;
	height: auto;
	width:66.6%;
	margin:10px auto;
	overflow: hidden;
}
 
.bpvideo iframe,  
.bpvideo object,  
.bpvideo embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

/* video area pc end */

.articlebody .bpvideo_caption {
    text-align: center;
    font-size: 0.8rem;
    color: #333333;

}