@charset "utf-8";

/*----------------------------------------------------*/ 
/* heading
------------------------------------------------------*/

#contents .atcl_h01 {
	font-size:28px;
	padding-left:10px;
	border-left:solid 6px #2DBA29;
	margin-bottom:20px;
}

#contents .atcl_h02 {
	font-size:179%;
	margin-bottom:30px;
}

#contents .atcl_h03 {
	font-size:129%;
	color:#2DBA29;
	margin-bottom:10px;
}

#contents .subtitle {
	font-size:143%;
	font-weight:normal;
}




/*----------------------------------------------------*/ 
/* text
------------------------------------------------------*/

#contents.large_text {
	font-size:120%;
}

#contents article p {
	font-size:115%;
	line-height:1.8;
	margin-bottom:25px;
}

#contents article * p:last-child {
	margin-bottom:0;
}

/* ul */

#contents article ul li {
	font-size:108%;
	padding-left:1em;
	text-indent:-1em;
	line-height:1.5;
	margin-bottom:5px;
}

#contents article ul li:before {
	content:"・";
}

/* ol */

#contents article ol {
	counter-reset:li;
}

#contents article ol li {
	font-size:108%;
	line-height:1.5;
	padding-left:1.3em;
	text-indent:-1.3em;
	margin-bottom:5px;
}

#contents article ol li:before {
	content:counter(li)".";
	counter-increment:li;
	margin-right:5px;
}

/* dl */

#contents article dl dt,
#contents article dl dd {
	font-size:108%;
	line-height:1.8;
}

#contents article dl dt {
	font-weight:bold;
}

#contents article dl dd {
	margin-left:1em;
}

/* dl */

#contents article blockquote {
	margin-left:2em;
}

/* a */

#contents article a:link {
	color:#458CDD;
}

#contents article a:visited{
	color:#0153b1;
}


/*----------------------------------------------------*/ 
/* atcl_title
------------------------------------------------------*/

#contents .atcl_title .tp {
	margin-bottom:10px;
	font-size:84%;
	font-weight:bold;
}

#contents .atcl_title .tp a,
#contents .atcl_title .tp span {
	display:inline-block;
	padding:5px 5px 0 10px;
	color:#FFF;
	background:#00C7E3;
	text-decoration:none;
	position:relative;
	height:24px;
	box-sizing:border-box;
}

#contents .atcl_title .tp span {
	padding:5px 10px 4px 15px;
}

#contents .atcl_title .tp a:after,
#contents .atcl_title .tp span:after {
	content:"";
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 24px 10px 0 0;
	border-color: #00C7E3 transparent transparent transparent;
	position:absolute;
	right:-10px;
	top:0;
	z-index:1;
}

#contents .atcl_title .tp span img {
	vertical-align:middle;
	margin-right:5px;
	position:relative;
	top:-1px;
}

#contents .atcl_title .tp span.info {	background:#999;}
#contents .atcl_title .tp span.about {	background:#999;}
#contents .atcl_title .tp span.business {	background:#2DBA29;}
#contents .atcl_title .tp span.pc {	background:#1788CC;}
#contents .atcl_title .tp span.it {	background:#14B8C5;}
#contents .atcl_title .tp span.life {	background:#D9A300;}
#contents .atcl_title .tp span.manufacture {	background:#7C58C7;}
#contents .atcl_title .tp span.ecology {	background:#93D110;}
#contents .atcl_title .tp span.architecture {	background:#CE31CA;}
#contents .atcl_title .tp span.medical {	background:#D9D900;}

#contents .atcl_title .tp span.info:after {	border-color:#999 transparent transparent transparent;}
#contents .atcl_title .tp span.about:after {	border-color:#999 transparent transparent transparent;}
#contents .atcl_title .tp span.business:after {	border-color:#2DBA29 transparent transparent transparent;}
#contents .atcl_title .tp span.pc:after {	border-color:#1788CC transparent transparent transparent;}
#contents .atcl_title .tp span.it:after {	border-color:#14B8C5 transparent transparent transparent;}
#contents .atcl_title .tp span.life:after {	border-color:#D9A300 transparent transparent transparent;}
#contents .atcl_title .tp span.manufacture:after {	border-color:#7C58C7 transparent transparent transparent;}
#contents .atcl_title .tp span.ecology:after {	border-color:#93D110 transparent transparent transparent;}
#contents .atcl_title .tp span.architecture:after {	border-color:#CE31CA transparent transparent transparent;}
#contents .atcl_title .tp span.medical:after {	border-color:#D9D900 transparent transparent transparent;}


#contents .atcl_title h1 {
/*	font-size:40px; */
	font-size:30px;
}

#contents .atcl_title h1 .page {
	font-size:40%;
	font-weight:normal;
	margin-left:10px;
}

#contents .atcl_title p.date {
	font-size:86%;
	margin-bottom:10px;
}


/*----------------------------------------------------*/ 
/* atcl_util
------------------------------------------------------*/

#contents .atcl_util {
	overflow:hidden;
	padding:0 0 5px;
	border-bottom:solid 1px #CCCCCC;
	margin-bottom:10px;
}

#contents .atcl_util.btm {
	border-top:solid 1px #CCCCCC;
	padding:10px 0 5px;
	margin-top:20px;
}

#contents .atcl_util .sns {
	float:left;
}

#contents .atcl_util .sns li {
	display:inline-block;
	vertical-align:top;
	margin-right:5px;
}

#contents .atcl_util .util {
	float:right;
	overflow:hidden;
	white-space:nowrap;
}

#contents .atcl_util .util > li {
	float:left;
	border-left:dotted 1px #999999;
	font-size:93%;
	padding-left:15px;
}

#contents .atcl_util .util .mail,
#contents .atcl_util .util .print {
	display:inline-block;
	vertical-align:middle;
	margin-right:15px;
}

#contents .atcl_util .util .mail:before,
#contents .atcl_util .util .print:before {
	content:"";
	display:inline-block;
	vertical-align:middle;
	margin-right:5px;
}

#contents .atcl_util .util .mail:before {
	width:22px;
	height:16px;
	background:url(/images/n/bpnet/2016/pc/icon/icon_mail_01.png) no-repeat;
}

#contents .atcl_util .util .print:before {
	width:22px;
	height:19px;
	background:url(/images/n/bpnet/2016/pc/icon/icon_print_01.png) no-repeat;
}



/*----------------------------------------------------*/ 
/* atcl_image
------------------------------------------------------*/

#contents .atcl_image {
	float:right;
	margin:0 0 10px 20px;
	overflow:hidden;
	width:300px;
}

#contents .atcl_image a:hover img {
	filter: alpha(opacity=80);
	-moz-opacity:0.8;
	opacity:0.8;
}

#contents .atcl_image .bpimage_caption,
#contents .atcl_image .bpimage_click {
	font-size:86%;
	margin-bottom:0;
	padding:0;
	line-height:2.4;
}

/*----------------------------------------------------*/ 
/* btn
------------------------------------------------------*/

/* atcl_btn_next */

#contents .atcl_btn_next {
	text-align:center;
}

#contents .atcl_btn_next a {
	display:inline-block;
	border:solid 1px #CCCCCC;
	padding:8px 20px 8px 85px;
	text-align:left;
	overflow:hidden;
	position:relative;
}

#contents .atcl_btn_next a span {
	position:absolute;
	top:8px;
	left:15px;
}

#contents .atcl_btn_next a span.name {
	position:static;
}
/* atcl_btn_comment */

#contents .atcl_btn_comment {
	border:solid 1px #CCCCCC;
	border-radius:3px;
	background: -moz-linear-gradient(top,  #ffffff 0%, #dddddd 100%);
	background: -webkit-linear-gradient(top,  #ffffff 0%,#dddddd 100%);
	background: linear-gradient(to bottom,  #ffffff 0%,#dddddd 100%);
	padding:4px 8px 4px 10px;
	text-decoration:none;
}

#contents .atcl_btn_comment:before {
	content:"";
	width:17px;
	height:17px;
	background:url(/images/n/bpnet/2016/pc/icon/icon_comment.png) no-repeat;
	display:inline-block;
	vertical-align:top;
	margin-right:5px;
	position:relative;
	top:2px;
}


/*----------------------------------------------------*/ 
/* #atcl_comment
------------------------------------------------------*/

#atcl_comment {
	margin-top:50px;
}

#atcl_comment .head {
	padding:0 20px 0 20px;
	background:#EEEEEE;
	border-bottom:1px solid #DDD;
}

#atcl_comment .head h2 {
	font-size:115%;
	padding:10px 0;
}

/* .tab */

#atcl_comment .head .tab {
	position:relative;
	letter-spacing:-.4em;
}

#atcl_comment .head .tab:after {
	content:"　";
	display:inline-block;
	border:1px solid #EEE;
	border-bottom:none;
	padding:8px 10px 4px;
	position:relative;
	bottom:-2px;
	left:0;
	box-sizing:border-box;
	letter-spacing:0;
}

#atcl_comment .head .tab li {
	background:#126A9E;
	display:inline-block;
	padding:5px 10px 4px;
	min-width:181px;
	text-align:center;
	border:1px solid #EEE;
	box-sizing:border-box;
	letter-spacing:0;
}

#atcl_comment .head .tab li a {
	display:block;
	color:#FFF;
	text-decoration:none;
}

#atcl_comment .head .tab li.current,
#atcl_comment .head .tab li:hover {
	background:#FFF;
	border:1px solid #DDD;
	border-bottom:none;
	padding:8px 10px 4px;
	position:relative;
	bottom:-2px;
	left:0;
}

#atcl_comment .head .tab li.current a,
#atcl_comment .head .tab li:hover a {
	color:#333;
	font-weight:bold;
}

#atcl_comment .detail li {
	border-bottom:solid 1px #EEEEEE;
	padding:10px 0;
}

#atcl_comment .detail li .comments:first-child {
	margin:0;
}

#atcl_comment .comments {
	margin:20px 0 0 65px;
}

#atcl_comment .comments p {
	font-size:86%;
	margin-bottom:5px;
	line-height:1.6;
}

#atcl_comment .comments .name {
	font-weight:bold;
	margin-right:10px;
}

#atcl_comment .comments .date {
	color:#AAAAAA;
}

#atcl_comment .comments .btn > * {
	display:inline-block;
	vertical-align:middle;
	font-size:86%;
}

#atcl_comment .comments .btn .reply {
	border:solid 1px #CCCCCC;
	border-radius:3px;
	background: -moz-linear-gradient(top,  #ffffff 0%, #dddddd 100%);
	background: -webkit-linear-gradient(top,  #ffffff 0%,#dddddd 100%);
	background: linear-gradient(to bottom,  #ffffff 0%,#dddddd 100%);
	text-align:center;
	width:50px;
	height:30px;
	box-sizing:border-box;
	padding-top:7px;
	text-decoration:none;
	margin-right:15px;
}

#atcl_comment .comments .btn .good {
	margin-right:20px;
}

#atcl_comment .comments .btn .good:before,
#atcl_comment .comments .btn .bad:before {
	content:"";
	width:17px;
	height:18px;
	vertical-align:middle;
	display:inline-block;
	margin-right:5px;
	position:relative;
}

#atcl_comment .comments .btn .good:before {
	background:url(/images/n/bpnet/2016/pc/icon/icon_thumb_gd.png) no-repeat;
	top:-4px;
}

#atcl_comment .comments .btn .bad:before {
	background:url(/images/n/bpnet/2016/pc/icon/icon_thumb_bd.png) no-repeat;
}

#atcl_comment .moreLink {
	margin-top:20px;
}

#atcl_comment .toukou {
	display:none;
	padding:20px;
}

#atcl_comment .toukou .toukou_form li {
	margin-bottom:20px;
}

#atcl_comment .toukou .name {
	border:solid 1px #CCC;
	padding:10px;
	width:300px;
	box-sizing:border-box;
}

#atcl_comment .toukou .public {
	display:inline-block;
	vertical-align:middle;
	margin-left:20px;
}

#atcl_comment .toukou .public input {
	margin-right:5px;
	vertical-align:middle;
}

#atcl_comment .toukou textarea {
	border:solid 1px #CCC;
	padding:10px;
	width:100%;
	height:200px;
	box-sizing:border-box;
}

#atcl_comment .toukou .submit {
	text-align:center;
	margin:20px 0;
}

#atcl_comment .toukou .submit input {
	display:inline-block;
	border:solid 1px #CCCCCC;
	border-radius:3px;
	background: -moz-linear-gradient(top,  #ffffff 0%, #dddddd 100%);
	background: -webkit-linear-gradient(top,  #ffffff 0%,#dddddd 100%);
	background: linear-gradient(to bottom,  #ffffff 0%,#dddddd 100%);
	text-align:center;
	box-sizing:border-box;
	padding:7px 10px;
	margin-bottom:10px;
	cursor:pointer;
}

#atcl_comment .let {
	font-size:86%;
	text-align:center;
	margin:20px 0 40px;
}

#atcl_comment .toukou_notice dt {
	font-weight:bold;
	margin-bottom:10px;
}

#atcl_comment .toukou_notice dd {
	text-indent:-1em;
	padding-left:1em;
	font-size:86%;
	margin-bottom:10px;
	line-height:1.5;
}

#atcl_comment .toukou_notice dd:before {
	content:"・";
}

/*----------------------------------------------------*/ 
/* #atcl_btmnavi
------------------------------------------------------*/

#atcl_btmnavi {
	position:relative;
	margin-top:20px;
	overflow:hidden;
}

#atcl_btmnavi:after {
	content:"";
	width:1px;
	height:100%;
	background:#CCC;
	position:absolute;
	left:50%;
	top:0;
}

#atcl_btmnavi li {
	width:50%;
	float:left;
	box-sizing:border-box;
}

#atcl_btmnavi li.next {
	float:right;
}

#atcl_btmnavi li a {
	display:block;
	color:#333333;
	min-height:100px;
	box-sizing:border-box;
	border:solid 1px #CCCCCC;
}

#atcl_btmnavi li a:before {
	content:"";
	width:32px;
	height:100px;
	position:absolute;
	z-index:1;
	top:0;
}

#atcl_btmnavi li.prev a {
	border-right:none;
	padding:15px 25px 0 40px;
}

#atcl_btmnavi li.next a {
	border-left:none;
	padding:15px 40px 0 25px;
}

#atcl_btmnavi li.prev a:before {
	background:url(/images/n/bpnet/2016/pc/parts/bg_atcl_btmnavi_01.png) no-repeat;
	left:0;
}

#atcl_btmnavi li.next a:before {
	background:url(/images/n/bpnet/2016/pc/parts/bg_atcl_btmnavi_02.png) no-repeat;
	right:0;
}

#atcl_btmnavi li dl {
	overflow:hidden;
}

#atcl_btmnavi li dt {
	font-size:86%;
	font-weight:bold;
	float:left;
}

#atcl_btmnavi li .date {
	color:#AAAAAA;
	float:right;
	font-size:86%;
}


#atcl_btmnavi li .title {
	clear:both;
	font-size:100%;
	padding-top:5px;
	line-height:1.8;
}

/*----------------------------------------------------*/ 
/* #backNumber 
------------------------------------------------------*/ 

#backNumber {
	border:6px solid #DDD;
	padding:20px 20px 15px 20px ;
	margin:40px 0 20px;
}

#backNumber ul {
	margin-top:20px;
}

#backNumber li {
	margin-bottom:10px;
	line-height:1.8;
}

#backNumber li a {
	display:inline-block;
	background:url(/images/n/bpnet/2016/pc/icon/icon_arrow_01_.png) no-repeat 0 .6em;
	padding-left:15px;
}


/*----------------------------------------------------*/ 
/* #reratedTopics 
------------------------------------------------------*/ 

#reratedTopics {
	border:6px solid #DDD;
	padding:20px 20px 15px 20px ;
	margin:40px 0 20px;
}


#reratedTopics ul {
	overflow:hidden;
	margin:15px -20px -20px 0;
	letter-spacing:-.4em;
}

#reratedTopics ul li {
	display:block;
	margin:0 20px 20px 0;
	letter-spacing:0;
	width:190px;
	float:left;
}

#reratedTopics ul li .photo {
	position:relative;
}

#reratedTopics ul li .myfollowlink {
	position:absolute;
	bottom:-5px;
	left:50%;
	margin-left:-20px;
}

#reratedTopics ul li .title {
	margin:10px 0 0 0;
	font-size:115%;
	font-weight:normal;
}

#reratedTopics ul li .title span {
	display:block;
	font-size:76%;
	width:160px;
	overflow:hidden;
	white-space:nowrap;
	text-overflow:ellipsis;
	margin-bottom:5px;
}

#reratedTopics ul li a {	text-decoration:none;}
#reratedTopics ul li a:hover {	text-decoration:underline;}

/*----------------------------------------------------*/ 
/* #withTopics 
------------------------------------------------------*/ 

#withTopics {
	border:6px solid #DDD;
	padding:20px 20px 15px 20px ;
	margin-bottom:40px;
}


#withTopics .entryList {
	overflow:hidden;
	margin:15px -20px -20px 0;
}

#withTopics .clmEntry {
	width:190px;
	border:1px solid #DDD;
	box-sizing:border-box;
	float:left;
	margin:0 20px 20px 0;
}

#withTopics .clmEntry .photoBox {
	position:relative;
	margin:0 -1px 10px -1px;
}

#withTopics .clmEntry .category {
	position:absolute;
	top:-2px;
	left:0;
	color:#FFF;
	font-weight:bold;
	font-size:86%;
	background:#CCC;
	width:80px;
	box-sizing:border-box;
	padding: 5px 2px 2px 20px;
	text-align:center;
}

#withTopics .clmEntry .category:after {
	content:"";
	position:absolute;
	top:6px;
	left:5px;
	display:block;
	width:15px;
	height:15px;
}

#withTopics .clm-bis { border-top:2px solid #2DBA29;}
#withTopics .clm-bis .category { background:#2DBA29;}
#withTopics .clm-bis .category:after { background:url(/images/n/bpnet/2016/pc/icon/icon_clmn_bis.png) no-repeat 0 0;}
#withTopics .clm-digi { border-top:2px solid #1788CC;}
#withTopics .clm-digi .category { background:#1788CC;}
#withTopics .clm-digi .category:after { background:url(/images/n/bpnet/2016/pc/icon/icon_clmn_digi.png) no-repeat 0 0;}
#withTopics .clm-it { border-top:2px solid #14B8C5;}
#withTopics .clm-it .category { background:#14B8C5;}
#withTopics .clm-it .category:after { background:url(/images/n/bpnet/2016/pc/icon/icon_clmn_it.png) no-repeat 0 0;}
#withTopics .clm-life { border-top:2px solid #D9A300;}
#withTopics .clm-life .category { background:#D9A300;}
#withTopics .clm-life .category:after { background:url(/images/n/bpnet/2016/pc/icon/icon_clmn_life.png) no-repeat 0 0;}
#withTopics .clm-tech { border-top:2px solid #7C58C7;}
#withTopics .clm-tech .category { background:#7C58C7; width:120px;}
#withTopics .clm-tech .category:after { background:url(/images/n/bpnet/2016/pc/icon/icon_clmn_tech.png) no-repeat 0 0;}
#withTopics .clm-env { border-top:2px solid #93D110;}
#withTopics .clm-env .category { background:#93D110;}
#withTopics .clm-env .category:after { background:url(/images/n/bpnet/2016/pc/icon/icon_clmn_env.png) no-repeat 0 0;}
#withTopics .clm-arch { border-top:2px solid #CE31CA;}
#withTopics .clm-arch .category { background:#CE31CA;}
#withTopics .clm-arch .category:after { background:url(/images/n/bpnet/2016/pc/icon/icon_clmn_arch.png) no-repeat 0 0;}
#withTopics .clm-medi { border-top:2px solid #D9D900;}
#withTopics .clm-medi .category { background:#D9D900;}
#withTopics .clm-medi .category:after { background:url(/images/n/bpnet/2016/pc/icon/icon_clmn_medi.png) no-repeat 0 0;}
#withTopics .clm-pr { border-top:2px solid #999;}
#withTopics .clm-pr .category { background:#999; padding:5px 2px 2px 2px;}

#withTopics .clmEntry .titleBox {
	position:relative;
	margin: 0;
	padding:0 15px;
	box-sizing:border-box;
}

#withTopics .clmEntry .titleBox .title {
	font-size:115%;
	margin-bottom:5px;
}

#withTopics .clmEntry .titleBox .lead {
	font-size:86%;
	line-height:1.6;
}

#withTopics .clmEntry a {	text-decoration:none;}
#withTopics .clmEntry a:hover {	text-decoration:underline;}


/* mediaInfo */

#withTopics .clmEntry .mediaInfo {
	margin:0;
	padding:10px 0;
	overflow:hidden;
}

#withTopics .clm-pr .mediaInfo .category {
	position:static;
	margin:0 0 0 auto;
}

#withTopics .clmEntry .date {
	float:left;
	color:#AAA;
	font-size:86%;
	padding-top:5px
}

#withTopics .clmEntry .media {
	float:right;
}

/* .clmEntry.nophoto */

#withTopics .clmEntry.nophoto .photoBox {
	position:relative;
	margin:0 -1px 15px -1px;
	min-height:15px;
}

/*----------------------------------------------------*/ 
/* #trendwatch 
------------------------------------------------------*/ 

#trendWatch {
	margin-bottom:20px;
}

#trendWatch ul.category {
	overflow:hidden;
	margin:20px -25px 20px 0;
}



#trendWatch ul.category > li {
	width:320px;
	float:left;
	margin:0 25px 20px 0;
}

#trendWatch ul.category dt {
	font-weight:bold;
	font-size:115%;
	margin-bottom:10px;
}

#trendWatch ul.category dd li {	margin-bottom:6px;}
#trendWatch ul.category dd li a {
	text-decoration:underline;
}


/*----------------------------------------------------*/ 
/* #columnRanking
------------------------------------------------------*/ 

#columnRanking {
	margin-bottom:20px;
	width:670px;
}

#columnRanking a {
	text-decoration:none;
}

#columnRanking a:hover {
	text-decoration:underline;
}

#columnRanking > ol {
	letter-spacing:-.4em;
	margin-left:-20px;
}

#columnRanking > ol > li {
	letter-spacing:normal;
	display:inline-block;
	vertical-align:top;
	border:solid 1px #CDCDCD;
	position:relative;
	padding:19px;
	box-sizing:border-box;
	margin:0 0 20px 20px;
	width:325px;
	line-height:1.6;
}

#columnRanking > ol > li .num {
	position:absolute;
	left:-1px;
	top:-1px;
	width:20px;
	height:20px;
	color:#FFF;
	background:rgba(0,0,0,0.5);
	text-align:center;
	box-sizing:border-box;
}

#columnRanking > ol > li .title {
	overflow:hidden;
	margin-bottom:10px;
}

#columnRanking > ol > li .title .image {
	float:left;
	margin-right:15px;
}

#columnRanking > ol > li a:hover img {
	filter: alpha(opacity=80);
	-moz-opacity:0.8;
	opacity:0.8;
}

#columnRanking > ol > li .title h3 {
	font-size:108%;
	font-weight:bold;
}

#columnRanking > ol > li .kiji {
	border-top:dotted 1px #CCCCCC;
	overflow:hidden;
}

#columnRanking > ol > li .kiji li {
	padding:8px 3px;
	font-size:86%;
	border-bottom:dotted 1px #CCCCCC;
	line-height:1.6;
}


#columnRanking > ol > li p.bn {
	margin-top:10px;
}

#columnRanking > ol > li p.bn a {
	display:inline-block;
	border-radius:4px;
	border:1px solid #CCCCCC;
	padding:6px 10px 4px;
	text-align:center;
	background:#F3F3F3;
	background: -moz-linear-gradient(top, #FFF, #DDDDDD); 
	background: -webkit-gradient(linear, left top, left bottom, from(#FFF), to(#DDDDDD));
	background: linear-gradient(to bottom,  #ffffff 0%,#dddddd 100%);
	text-decoration:none;
	font-size:93%;
}

#columnRanking > ol > li p.bn a:before {
	content:"";
	display:inline-block;
	background:url(/images/n/bpnet/2016/pc/icon/icon_arrow_04.png) no-repeat 0 0;
	width:6px;
	height:6px;
	margin-right:5px;
	vertical-align:middle;
}

#columnRanking > ol > li p.bn a:hover {
	text-decoration:none;
	background:#FFF;
}

#columnRanking > ol > li.upper {
	width:670px;
	border-width:4px;
	padding:31px 27px 18px 31px;
	overflow:hidden;
}

#columnRanking > ol > li.upper .num {
	font-size:143%;
	left:0;
	top:0;
	width:31px;
	height:31px;
}

#columnRanking > ol > li.upper header {
	float:left;
	width:280px;
	margin-right:20px;
}

#columnRanking > ol > li.upper header p.lead {
	font-size:86%;
	line-height:1.6;
}

#columnRanking > ol > li.rank1 {	border-color:#D5B61E;}
#columnRanking > ol > li.rank1 .num {	background:#D5B61E;}
#columnRanking > ol > li.rank2 {	border-color:#678496;}
#columnRanking > ol > li.rank2 .num {	background:#678496;}
#columnRanking > ol > li.rank3 {	border-color:#CF6B1D;}
#columnRanking > ol > li.rank3 .num {	background:#CF6B1D;}


#columnRanking > ol > li.lower {
	width:210px;
}


/*----------------------------------------------------*/ 
/* #columnPickup
------------------------------------------------------*/ 

#columnPickup {
	margin-bottom:40px;
}

#columnPickup a {
	text-decoration:none;
}

#columnPickup a:hover {
	text-decoration:underline;
}

#columnPickup ul {
	letter-spacing:-.4em;
	margin-left:-20px;
}

#columnPickup li {
	letter-spacing:normal;
	display:inline-block;
	vertical-align:top;
	border-top:solid 1px #CDCDCD;
	box-sizing:border-box;
	margin-left:20px;
	width:325px;
	line-height:1.6;
	padding:10px 0;
	overflow:hidden;
}

#columnPickup li .image {
	float:left;
	margin-right:15px;
}

#columnPickup li a:hover img {
	filter: alpha(opacity=80);
	-moz-opacity:0.8;
	opacity:0.8;
}

#columnPickup li h3 {
	overflow:hidden;
	font-size:108%;
	font-weight:bold;
	margin-bottom:5px;
}

#columnPickup li p {
	overflow:hidden;
	font-size:86%;
	line-height:1.6;
	margin:10px 0 0 75px;
}

/*----------------------------------------------------*/ 
/* article
------------------------------------------------------*/

#contents article h2 {
	font-size:28px;
	padding-left:10px;
	border-left:solid 6px #2DBA29;
	margin:30px 0 20px;
	clear:both;
}

#contents article h3 {
	font-size:136%;
	margin-bottom:20px;
}

#contents article h4 {
	font-size:136%;
	padding:3px 0 0 5px;
	border-left:solid 4px #2DBA29;
	margin-bottom:20px;
}

#contents article.info h3 {	color:#999;}
#contents article.about h3 {	color:#999;}
#contents article.business h3 {	color:#2DBA29;}
#contents article.pc h3 {	color:#1788CC;}
#contents article.it h3 {	color:#14B8C5;}
#contents article.life h3 {	color:#D9A300;}
#contents article.manufacture h3 {	color:#7C58C7;}
#contents article.ecology h3 {	color:#93D110;}
#contents article.architecture h3 {	color:#CE31CA;}
#contents article.medical h3 {	color:#D9D900;}

#contents article.info h4 {	border-color:#999;}
#contents article.about h4 {	border-color:#999;}
#contents article.business h4 {	border-color:#2DBA29;}
#contents article.pc h4 {	border-color:#1788CC;}
#contents article.it h4 {	border-color:#14B8C5;}
#contents article.life h4 {	border-color:#D9A300;}
#contents article.manufacture h4 {	border-color:#7C58C7;}
#contents article.ecology h4 {	border-color:#93D110;}
#contents article.architecture h4 {	border-color:#CE31CA;}
#contents article.medical h4 {	border-color:#D9D900;}


/*----------------------------------------------------*/ 
/* #columnCategoryTitle 
------------------------------------------------------*/ 

#columnCategoryTitle {
	margin-bottom:20px;
	position:relative;
	background:#9D9E9F;
	min-height:340px;
}

#columnCategoryTitle .image {
	text-align:center;
	position:absolute;
	width:100%;
	left:0;
	top:0;
}

#columnCategoryTitle .detail {
	padding:30px 20px 20px 30px;
	color:#FFF;
	position:relative;
}

#columnCategoryTitle .title {
	font-size:40px;
	font-weight:normal;
	line-height:1.3;
}

#columnCategoryTitle .lead {
	font-size:86%;
	line-height:1.8;
	margin-top:5px;
}

#columnCategoryTitle .profile {
	overflow:hidden;
	margin-top:30px;
}

#columnCategoryTitle .profile .photo {
	float:left;
	margin-right:15px;
	border:solid 1px #FFF;
}

#columnCategoryTitle .profile dl {
	overflow:hidden;
}

#columnCategoryTitle .profile dt {
	font-weight:bold;
}

#columnCategoryTitle .profile dd {
	margin-top:5px;
	font-size:86%;
	line-height:1.6;
}

#columnCategoryTitle a {
	color:#FFF;
}

#columnCategoryTitle a {
	color:#FFF;
}

#profileBox {
	background:#FFF;
	box-shadow: 0px 0px 15px #999;
	box-sizing:border-box;
	padding:45px 50px 30px 50px;
	width:800px;
	text-align:left;
}

#profileBox .btn_close {
	position:absolute;
	right:-22px;
	top:-22px;
	width:55px;
	height:55px;
	background:url(/images/n/bpnet/2016/pc/cmn/btn_modal_close.png) no-repeat;
	cursor:pointer;
}

#profileBox dt,
#profileBox dd {
	line-height:1.8;
	font-size:115%;
	margin-bottom:10px;
}

#profileBox dt {
	font-weight:bold;
}

#profileBox dd p {
	margin-bottom:10px;
	line-height:1.8;
}

#profileBox dd a {
	text-decoration:underline;
}

#profileBox dd a:hover {
	color:#458CDD;
}

#profileBox dd ul {
	margin-left:15px;
}

#profileBox dd li {
	padding-left:1em;
	text-indent:-1em;
	line-height:1.5;
	margin-bottom:5px;
}

#profileBox dd li:before {
	content:"・";
}


/*----------------------------------------------------*/ 
/* #columnCategory 
------------------------------------------------------*/ 

#columnCategory {
	margin-bottom:40px;
}

#columnCategory .sns {
	margin-bottom:20px;
}

#columnCategory .sns li {
	display:inline-block;
	vertical-align:top;
	margin-right:4px;
}

#columnCategory .entryList {
	overflow:hidden;
	margin:15px -20px -20px 0;
}

#columnCategory .clmEntry {
	width:320px;
	border:1px solid #DDD;
	box-sizing:border-box;
	float:left;
	margin:0 20px 20px 0;
	position:relative;
}

#columnCategory .clmEntry .category {
	position:absolute;
	top:-2px;
	left:0;
	color:#FFF;
	font-weight:bold;
	font-size:86%;
	background:#CCC;
	width:80px;
	box-sizing:border-box;
	padding: 5px 2px 2px 20px;
	text-align:center;
}

#columnCategory .clmEntry .category:after {
	content:"";
	position:absolute;
	top:6px;
	left:5px;
	display:block;
	width:20px;
	height:15px;
}

#columnCategory .clm-bis { border-top:2px solid #2DBA29;}
#columnCategory .clm-bis .category { background:#2DBA29;}
#columnCategory .clm-bis .category:after { background:url(/images/n/bpnet/2016/pc/icon/icon_clmn_bis.png) no-repeat 0 0;}
#columnCategory .clm-digi { border-top:2px solid #1788CC;}
#columnCategory .clm-digi .category { background:#1788CC;}
#columnCategory .clm-digi .category:after { background:url(/images/n/bpnet/2016/pc/icon/icon_clmn_digi.png) no-repeat 0 0;}
#columnCategory .clm-it { border-top:2px solid #14B8C5;}
#columnCategory .clm-it .category { background:#14B8C5;}
#columnCategory .clm-it .category:after { background:url(/images/n/bpnet/2016/pc/icon/icon_clmn_it.png) no-repeat 0 0;}
#columnCategory .clm-life { border-top:2px solid #D9A300;}
#columnCategory .clm-life .category { background:#D9A300;}
#columnCategory .clm-life .category:after { background:url(/images/n/bpnet/2016/pc/icon/icon_clmn_life.png) no-repeat 0 0;}
#columnCategory .clm-tech { border-top:2px solid #7C58C7;}
#columnCategory .clm-tech .category { background:#7C58C7; width:120px;}
#columnCategory .clm-tech .category:after { background:url(/images/n/bpnet/2016/pc/icon/icon_clmn_tech.png) no-repeat 0 0;}
#columnCategory .clm-env { border-top:2px solid #93D110;}
#columnCategory .clm-env .category { background:#93D110;}
#columnCategory .clm-env .category:after { background:url(/images/n/bpnet/2016/pc/icon/icon_clmn_env.png) no-repeat 0 0;}
#columnCategory .clm-arch { border-top:2px solid #CE31CA;}
#columnCategory .clm-arch .category { background:#CE31CA;}
#columnCategory .clm-arch .category:after { background:url(/images/n/bpnet/2016/pc/icon/icon_clmn_arch.png) no-repeat 0 0;}
#columnCategory .clm-medi { border-top:2px solid #D9D900;}
#columnCategory .clm-medi .category { background:#D9D900;}
#columnCategory .clm-medi .category:after { background:url(/images/n/bpnet/2016/pc/icon/icon_clmn_medi.png) no-repeat 0 0;}
#columnCategory .clm-pr { border-top:2px solid #999;}
#columnCategory .clm-pr .category { background:#999; padding:5px 2px 2px 2px;}

#columnCategory .clmEntry .new {
	position:absolute;
	top:3px;
	right:3px;
	z-index:1;
}

#columnCategory .clmEntry a {
	display:block;
	padding:35px 15px 10px 20px;
	text-decoration:none;
}

#columnCategory .clmEntry a:hover {
	text-decoration:underline;
	background:#EEE;
}

#columnCategory .clmEntry .title {
	font-size:115%;
	margin-bottom:10px;
	font-weight:bold;
}

#columnCategory .clmEntry .lead {
	font-size:86%;
	line-height:1.6;
	margin-bottom:10px;
}

#columnCategory .clmEntry .date {
	font-size:86%;
	color:#AAAAAA;
}

#columnCategory .moreLink,
#columnCategory .moreChildList{
	margin-top:30px;
}

#columnCategory .moreLink a,
#columnCategory .moreChildList a {
	width:420px;
}


/*----------------------------------------------------*/ 
/* featherlight
------------------------------------------------------*/

.featherlight .featherlight-close-icon {
	position:absolute;
	right:-22px;
	top:-22px;
	width:55px;
	height:55px;
	background:url(/images/n/bpnet/2016/pc/cmn/btn_modal_close.png) no-repeat;
	cursor:pointer;
	text-indent:-9999px;
	overflow:hidden;
}


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



/* ------------------------------ *
	インタビューなどの質問と回答
 * ------------------------------ */
p.bpquestion { font-weight: bold; margin-bottom: 0.5em; }
p.bpanswer:before { content:"Ａ："; color:#126A9E;}



/* ------------------------------ *
	画像
 * ------------------------------ */
div.bpimage_title { font-size: 108%; 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 { content:"."; display:block;	clear:both;	height:0;	visibility:hidden; }
/* 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 { content:"."; display:block;	clear:both;	height:0;	visibility:hidden; }
/* 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: 108%; font-weight: bold; line-height: 1.4; padding-top: 0.25em; margin-bottom: 0.3em; }
div.bptable div.bptable_caption { font-size: 108%; line-height: 1.5; padding: 0.4em 0.4em 0.2em; }
div.bptable table { margin: 0 auto; }
div.bptable th,
div.bptable td {font-size: 108%; padding:5px; text-align:center; border:solid 1px #AAA;}
div.bptable_left,
div.bptable_right { overflow:hidden;}

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.bptable.bpn_td_left td { text-align:left; }
div.bptable.bpn_td_center td { text-align:center; }
div.bptable.bpn_td_right td { text-align:right; }


/* ------------------------------ *
	プロフィル
 * ------------------------------ */
div.bpprofile_photo { clear: both; border-top: 1px solid #aaa; padding: 0.6em 14px; margin: 2em 0 1em; }
div.bpprofile_photo:after { content:"."; display:block;	clear:both;	height:0;	visibility:hidden; }
/* 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: 108%; padding-top: 0.3em; }

div.bpprofile_photo div.bpprofile_text { font-size: 108%; line-height: 1.5; }
div.bpprofile_photo div.bpprofile_text img { float: right; padding: 0.3em 0.2em 0.3em 0.5em; }

div.bpprofile_photo div.bpprofile_text a:link { color: #458CDD; }
div.bpprofile_photo div.bpprofile_text a:visited{ color:#0153b1; }

div.bpinterview { clear: both; width: 90%; background: #f7f7f7; 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: 108%; 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: 108%; line-height: 1.5; padding-top: 0.5em; }



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

div.bpbox { clear: both; background: #f7f7f7; 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: #f7f7f7; 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: #f7f7f7; border-bottom: 1px solid #aaa; padding: 7px 14px 0.3em; margin-bottom: 4px; }
div.bpbox3 div.bpbox_text { background: #f7f7f7; padding: 0.7em 14px 0.5em; }

div.bpbox4 { clear: both; border: 1px solid #aaa; margin-bottom: 1.4em; }
div.bpbox4 div.bpbox_title { background: #f7f7f7; 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 { content:"."; display:block;	clear:both;	height:0;	visibility:hidden; }
/* IE */ div.bpbox_text { display: inline-block; }
div.bpbox_text { clear: both; display: block; }

div.bpcode { padding:20px; border:solid 1px #aaa; background:#F7F7F7;}
div.bpcode2 { padding:20px; border:solid 1px #aaa; background:#DBEEE4;}


/* ------------------------------ *
	訂正
 * ------------------------------ */
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: 108%; line-height: 1.5; }



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



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



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



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



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

.bpn_fontL { font-size:132% !important; }
.bpn_fontS { font-size:80% !important; }

.bpn_marker { background: linear-gradient(transparent 0%, #FF0 0%); }

div.bpn_radius { border-radius:10px; }