@charset "utf-8";


/* -- 記事ページのレイアウト用CSS ------------------------------------ */

/* 大枠 */

#article-main-column {
  background-color:#fff;
  border:solid 1px #cec7b7;
}
#article-body{
  padding:20px 20px;
  clear:both;
}
#article-end{
  padding:10px 20px;
  clear:both;
}

/* 記事上パンくず */

#breadcrumb{
  padding:5px;
  font-size:12px;
  position:relative;
}
#breadcrumb a{color:#2d1c15;}
#breadcrumb a:hover{text-decoration:underline;}

/* 次のページへ */
#next-info{
	margin:15px auto 10px auto;
	text-align:center;
	background:url(/common/images/v1/ohmae/article/next-info-bg.jpg) repeat-x top #eee;
	border:solid 1px #ccc;
	padding:1px 5px 0 5px;
	line-height:1.5em;
	font-size:15px;
}
#next-info a{
	text-decoration:none !important;
	color:#260E05 !important;
}
#next-info span.title{
	background:url(/common/images/v1/ohmae/top/feature-arrow.gif) no-repeat right;
	padding-right:20px;
}

/* 著者プロフィル */
.author-box{
  width:350px;
  padding:10px;
  margin:0px;
  text-align:left;
}
.author-box img{
  display:block;
  float:left;
  border-width:1px;
  border-color:#ccc;
  border-style:solid;
  margin-right:10px;
  margin-bottom:10px;
}
.author-box #aName{
  font-size:16px;
  font-weight:bold;
}
.author-box #aName .furigana{
  font-size:0.8em;
  font-weight:normal;
}
.author-box #aKatagaki{
  font-size:12px;
  font-weight:normal;
}
.author-box p{
  margin-top:10px;
  font-size:12px;
}

.author-box ul{
  clear:both;
  margin-top:15px;
  padding-top:10px;
  border-top:solid 1px #ddd;
}

.author-box ul li{
  background: url("/common/images/v1/article/article-end-arrow.gif") no-repeat scroll left 3px transparent;
  font-size: 12px;
  line-height: 120%;
  margin-bottom: 7px;
  padding-left: 14px
}

.author-box p.more{
  float:right;
  background: url("/common/images/v1/article/article-end-arrow.gif") no-repeat scroll left 3px transparent;
  font-size: 12px;
  line-height: 120%;
  margin-bottom: 7px;
  padding-left: 14px
}
.author-box a.link {
  background: url("/common/images/v1/article/article-latest-link.gif") no-repeat scroll right center transparent;
  float: right;
  font-size: 12px;
  font-weight: bold;
  padding-right: 15px;
}

/* ページ繰り */

.mp-ie .multipage{
  float:right;
  margin:10px 10px 0 0;
}

.mp-ie .multipage-end{
  margin:0 auto 10px auto;
  text-align:center;
}

* html .mp-ie{
  margin:0 auto 10px auto;
  text-align:center !important;
}

.mp-ie .multipage .current_p,
.mp-ie .multipage .other_p,
.mp-ie .multipage .last_p,
.mp-ie .multipage-end .current_p,
.mp-ie .multipage-end .other_p,
.mp-ie .multipage-end .last_p{
  float:left;
  padding:3px 7px;
  font-size:12px;
  line-height:1.4em;
}

.mp-ie .multipage .current_p,
.mp-ie .multipage-end .current_p{
  background-color:#e0e0e0;
}

.mp-ie .multipage .other_p,
.mp-ie .multipage-end .other_p{
  border-right:solid 1px #000;
}

.mp-ie .multipage .next_p{
  float:left;
  padding:5px 7px 3px 25px;
}

.mp-ie .multipage .back_p{
  float:left;
  padding:5px 25px 3px 7px;
}

* html .mp-ie .multipage .next_p img,
* html .mp-ie .multipage .back_p img{
  vertical-align:top;
}

.mp-ie .multipage-end .next_p{
  float:left;
  background:url(/common/images/v1/article/next_p.gif) no-repeat right;
  padding:3px 15px 3px 7px;
  font-size:12px;
  line-height:1.4em;
  font-weight:bold;
}

.mp-ie .multipage-end .back_p{
  float:left;
  background:url(/common/images/v1/article/prev_p.gif) no-repeat left;
  padding:3px 7px 3px 15px;
  font-size:12px;
  line-height:1.4em;
  font-weight:bold;
}

.mp-ie .multipage-end .next_p a,
.mp-ie .multipage-end .back_p a{color:#2d1c15;}


/* データボックス専用バックナンバー */

#databox-backnumber{
  margin:30px auto;
  border-right:solid 2px #ccc;
  border-left:solid 2px #ccc;
  border-bottom:solid 2px #ccc;
}

#databox-backnumber h5.title{
  background-color:#e1e1e1;
  border-top:solid 1px #155ac2;
  padding:5px;
  font-size:11px;
  font-weight:normal;
  line-height:1.4em;
  color:#155ac2;
}
#databox-backnumber h5 span.more{float:right;}
#databox-backnumber .backnumber-list{padding:15px;}
#databox-backnumber .backnumber-list span.date{margin-left:15px;}

/* 記事下書籍紹介用ボックス */

#book-info-space{margin:0 0px 30px 0px;}
#book-info-space.yellow{
  /*background-color:#EDF3FF;*/
  padding:10px 15px;
  font-size:14px;
}
#book-info-space.yellow h5.book-info-ttl{
  border-left:solid 5px #a6b2c9;
  border-bottom:solid 1px #a6b2c9;
  padding:0 0 3px 7px;
  font-size:15px;
  margin-bottom:1em;
}

#book-info-space.blue{
  background-color:#e6f2f4;
  padding:10px 15px;
}

#book-info-space.blue h5.book-info-ttl{
  border-left:solid 5px #2797bc;
  border-bottom:solid 1px #2797bc;
  padding:0 0 3px 7px;
  font-size:15px;
  margin-bottom:1em;
}
#book-info-space .book-img{
  float:left;
  width:120px;
}
#book-info-space .book-img img{border:solid 1px #bebdbd;}
#book-info-space .book-info-txt{
  float:left;
  width:450px;
}
#book-info-space .book-info-txt p{
  font-size:12px;
  line-height:1.4em;
  margin-bottom:1em;
  text-indent:0;
}
#book-info-space .book-info-txt p.large{
  font-weight:bold;
  font-size:15px;
}
#book-info-space .book-info-txt ul{margin-top:10px;}
#book-info-space .book-info-txt ul li{
  float:left;
  margin-right:15px;
}
/* 他社書籍 */
#book-info-space.other{
  background-color:#ededed;
  padding:10px 15px;
}
#book-info-space.other h5.book-info-ttl{
  border-left:solid 5px #2797bc;
  border-bottom:solid 1px #2797bc;
  padding:0 0 3px 7px;
  font-size:15px;
  margin-bottom:1em;
}
#book-info-space.other .book-info-txt{
  float:left;
  width:400px;
}
#book-info-space.other .store{
  clear:none;
  float:right;
}

/* 記事下のツール・関連記事・バックナンバー・キーワード */

#article-end h5{
  background-color:#f6f5f1;
  border-top:solid 1px #2d1c15;
  padding:5px;
  font-size:12px;
  font-weight:normal;
  line-height:1.4em;
  color:#2d1c15;
}
#article-end h5 span.more{float:right;}
#article-end #article-end-tools{margin-bottom:30px;}
#article-end #article-end-related,
#article-end #article-end-backnumber,
#article-end #article-end-keywords{margin-bottom:15px;}

/* ツール群 */

#article-end #article-end-tools .tool-box{margin:10px 0px;}
#article-end #article-end-tools .tool-box .twitter,
#article-end #article-end-tools .tool-box .facebook,
#article-end #article-end-tools .tool-box .rakuten,
#article-end #article-end-tools .tool-box .mixi,
#article-end #article-end-tools .tool-box .plusone,
#article-end #article-end-tools .tool-box .hatena{
  float:left;
  margin-right:10px;
  display:block;
}
#article-end #article-end-tools .tool-box .twitter{width:100px;}
#article-end #article-end-tools .tool-box .facebook{width:120px;}
#article-end #article-end-tools .tool-box .rakuten{width:80px;}
#article-end #article-end-tools .tool-box .hatena{width:50px;}
#article-end #article-end-tools .tool-box .plusone{width:70px;}
#article-end #article-end-tools .tool-box .mixi{
  width:100px;
  height:19px;
}


/* 関連記事・バックナンバー */

#article-end #article-end-related ul,
#article-end #article-end-series ul,
#article-end #article-end-backnumber ul{
  margin:10px auto 0 3px;
  padding-left:2px;
}

#article-end #article-end-related ul li,
#article-end #article-end-backnumber ul li{
  background:url(/common/images/v1/ohmae/article/article-end-arrow.gif) no-repeat left;
  padding:5px 0 5px 15px;
  font-size:12px;
  line-height:1.4em;
  border-bottom:dotted 1px #5e5e5e;
}

/* 連載・特集スタイル */
#article-end #article-end-series{margin-bottom:30px;}
#article-end #article-end-series h5{
  background-color:#3A4F92;
  border-top:solid 1px #152558;
  padding:5px;
  font-size:13px;
  font-weight:normal;
  line-height:1.4em;
  color:#fff;
}

#article-end #article-end-series h5 a{color:#fff;}
#article-end #article-end-series ul{
	background-color:#f8f8f8;
	margin:0;
	padding:5px 0 0 0;
}
#article-end #article-end-series ul li{
  padding:5px 0 5px 5px;
  font-size:12px;
  line-height:1.4em;
  border-bottom:dotted 1px #5e5e5e;
}

/* アイコン設定 */

#article-end #article-end-series ul li .icon-img{
	float:left;
	width:40px;
	margin-right:10px;
}

#article-end #article-end-series ul li .icon-img img{border:solid 1px #ccc;}
#article-end #article-end-series ul li .title{
	float:left;
	padding-top:10px;
}
/* 記事広告PR */
.adcx-bottom-article{text-align:center; margin:5px 0 20px;}
.adcx-bottom-article iframe{margin:0 auto;}
/* キーワード */
#article-end #article-end-keywords ul{margin:7px auto 0 3px;}
#article-end #article-end-keywords ul li{
  float:left;
  margin-right:15px;
  font-size:12px;
  line-height:1.4em;
}
#article-end #article-end-keywords ul li a{color:#0f4295;}

/* 記事一番下の導線 */

#article-end-page .for-toppage{
  float:left;
  font-size:12px;
  background:url(/common/images/v1/article/prev_p.gif) no-repeat left;
  padding-left:20px;
}

#article-end-page .for-pagetop{
  float:right;
  font-size:12px;
  background:url(/common/images/v1/article/top_p.gif) no-repeat right;
  padding-right:20px;
}


/*今日のオススメ記事*/
#article-end-related #today-recommend,
#article-end-related #related{
	width:296px;
	height:280px;
	border:solid 1px #666;
}
#article-end-related #today-recommend.article-end-common{float:right;margin-bottom:10px!important;}
#article-end-related #related.article-end-common{float:left; margin-bottom:10px!important;}
* html #article-end-related #today-recommend,
* html #article-end-related #related{
	width:298px;
}
#article-end-related #today-recommend h5,
#article-end-related #related h5{border:none;}
#article-end-related #today-recommend ul,
#article-end-related #related ul{padding:5px 10px; margin:0;}

.article-end-links{margin-bottom:30px;}
.article-end-links ul{float:right;}
.article-end-links ul li{
	float:left;
	font-size:12px;
	margin-left:10px;
	background: url(/common/images/v2/common/icon03.gif) no-repeat 0 center;
	padding-left:14px;
}
.article-end-links ul li.sr-link{background: url(/common/images/v2/common/icon04.gif) no-repeat 0 center;}
.article-end-links ul li:first-child{margin:0;}

/*バックナンバー*/
#article-end-backnumber.article-end-common{margin-bottom:15px;}
/*PRESIDENT Onlineセレクション*/
.article-selection p.selection-title{font-size:14px; margin-bottom:10px; border-bottom:solid 1px #666;}
.article-selection .selection{margin-bottom:20px;}
.article-selection .selection ul li{float:left; width:280px; margin:0 15px 5px 5px; border-bottom:dotted 1px #5E5E5E; padding-bottom:5px;}
.article-selection .selection ul li img{float:left; margin-right:15px; width:47px; height:47px;}
.article-selection .selection ul li p{font-size:12px; line-height:18px;}