@charset "utf-8";

/* -- トップフィーチャー部分 --------------------------------------------- */

#feature {
    float: left;
    margin-bottom: 20px;
    padding-bottom: 0;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 10px;
    width: 640px;
	background:#000;
}
* html #feature {
    width: 660px;
}
#feature-img {
    background-color: #000000;
    float: left;
    height: 400px;
    overflow-x: hidden;
    overflow-y: hidden;
    position: relative;
    width: 350px;
}
div.feature-img-item {
    display: none;
    left: 0;
    position: absolute;
    top: 0;
}
#feature-img img {
    margin-bottom: 0;
    margin-left: 0;
    margin-right: 0;
    margin-top: 0;
}
#feature-img p {
    color: #fff;
    font-size: 11px;
    line-height: 16px;
    margin-bottom: 0;
    margin-left: 0;
    margin-right: 0;
    margin-top: 0;
    padding-bottom: 10px;
    padding-left: 8px;
    padding-right: 8px;
    padding-top: 10px;
}
#feature-img p span {
    font-weight: bold;
}
#feature-img p span a, #feature-img p span a:active, #feature-img p span a:visited {
    color: #7D7137;
}
#feature-img p span a:hover {
    color: #D7CEA8;
}
#feature-img .alt-title {
    background-color: #F3F3F3;
    font-size: 25px;
    height: 200px;
    left: 10px;
    opacity: 0.6;
    position: absolute;
    top: 80px;
    width: 330px;
    z-index: 1;
}
#feature-img .alt-title-text {
    color: #006699;
    font-size: 18px;
    font-weight: bold;
    left: 20px;
    position: absolute;
    top: 90px;
    width: 300px;
    z-index: 10;
}
#feature-list {
    float: right;
    width: 280px;
}
#feature ul {
    margin-bottom: 0;
    margin-left: 0;
    margin-right: 0;
    margin-top: 0;
    padding-bottom: 0;
    padding-left: 0;
    padding-right: 0;
    padding-top: 0;
}
#feature ul li {
    height: 60px;
    margin-bottom: 5px;
    margin-left: 0;
    margin-right: 0;
    margin-top: 0;
    padding-bottom: 8px;
    padding-left: 17px;
    padding-right: 3px;
    padding-top: 5px;
	border-bottom:dotted 1px #fff;
}
* html #feature ul li {
    height: 65px;
}

#feature ul li h3 {
    clear: none;
    color: #fff;
    font-size: 13px;
    font-weight: normal;
    line-height: 14px;
    margin-bottom: 0;
    margin-left: 0;
    margin-right: 0;
    margin-top: 0;
    padding-top: 10px;
}
#feature ul li h3 a {
    color: #fff;
}
#feature ul li h3 span {
    color: #fff;
    display: block;
    font-size: 12px;
    font-weight: normal;
	margin-bottom:10px;
}
#feature ul li.current {
	background:url(/common/images/v1/dhbr/dhbr/feature-tri.gif) no-repeat left;
    font-weight: bold;
}
#feature ul li.current h3 {
    color: #fff;
    font-weight: bold;
}
#feature ul li.current h3 a {
    color: #fff;
    font-weight: bold;
}
#feature ul li.current h3 span {
    font-weight: normal;
	margin-bottom:10px;
}

#control-wrapper{
	float:right;
	margin-top:20px;
}

/* -- //トップフィーチャー部分 --------------------------------------------- */

/* -- インフォメーション --------------------------------------------- */

#dhbr-info{
	margin:0 0 20px 10px;
	background:url(/common/images/v1/dhbr/dhbr/dhbr-info-bg2.jpg) repeat-x bottom center;
	width:640px;
	border:solid 1px #930A26;
	clear:both;
}

#dhbr-info .info-text{
	width:610px;
	padding:15px 10px 15px 20px;
}

* html #dhbr-info .info-text{
	width:630px;
	padding:30px 10px 0 20px;
}

#dhbr-info h3{
	margin:0;
	padding:0;
	font-size:12px;
}

#dhbr-info p{
	margin:10px 0 0 0;
	padding:0;
	font-size:11px;
	line-height:1.4em;
}

/* -- カテゴリピックアップコラム --------------------------------------------- */

#dhbr-top-category{
	margin:0 0 20px 10px;
	width:640px;
}

#dhbr-top-category h3{
	margin:0;
	padding:0;
}

#dhbr-top-category .section{
	width:305px;
	float:left;
	margin:0 7px 0 7px;
}

* html #dhbr-top-category .section{
	width:300px;
	float:left;
	margin:0 3px 0 0;
}

#dhbr-top-category .section ul li{
	border-bottom:solid 1px #f5f5f5;
	padding:0 0 10px 0;
	margin:0 0 15px 0;
}

#dhbr-top-category .section .icon{
	width:40px;
	float:left;
}

#dhbr-top-category .section .title{
	float:right;
	width:250px;
}

#dhbr-top-category .section .title p.columntitle{
	margin:0;
	padding:0;
	font-size:12px;
}

#dhbr-top-category .section .title h5{
	margin:10px 0 0 0;
	padding:0;
	font-size:12px;
}

/* -- 書籍案内 --------------------------------------------- */

#dhbr-book-info{
	border:double 3px #000;
	padding:10px 20px;
	clear:both;
}

#dhbr-book-info a{
	color:#920c25;
}

#dhbr-book-info a:hover{
	text-decoration:underline;
}

#dhbr-book-info .book-image{
	float:left;
	width:250px;
	margin-bottom:20px;
}

#dhbr-book-info .book-image .latest-book{
	margin:10px 0 0 20px;
}

#dhbr-book-info .book-sales{
	float:right;
	width:310px;
	margin-bottom:20px;
}

#dhbr-book-info .book-sales .book-title{
	margin:20px 0;
}

#dhbr-book-info .book-sales .book-title h4{
	margin:0;
	padding:0;
}

#dhbr-book-info .book-sales .book-title p{
	font-size:12px;
	margin:0;
	padding:0;
}

#dhbr-book-info .book-sales .book-title h3{
	margin:10px 0 0 0;
	padding:0;
}

#dhbr-book-info .book-sales .subscription ul li{
	margin:0 0 10px 0;
	padding:0;
}

#dhbr-book-info .book-sales .subscription ul li.free{
	float:right;
	font-size:12px;
	font-weight:bold;
	background:url(/common/images/v1/dhbr/dhbr/free-tri.gif) right no-repeat;
	padding:0 17px 0 0;
	margin:0 10px 10px 0;
}

#dhbr-book-info .book-episode{
	clear:both;
	background-color:#dfdfdf;
	margin:20px 0;
	padding:7px;
}

#dhbr-book-info .book-episode h5{
	margin:0 0 10px 0;
	padding:0 0 2px 0;
	font-size:13px;
	border-bottom:solid 1px #f1f1f1;
}

#dhbr-book-info .book-episode p{
	font-size:12px;
	margin:0 0 5px 0;
	line-height:16px;
}

#dhbr-book-info .book-index{
	position:relative;
}

#dhbr-book-info .book-index h4{
	margin:0 0 15px 0;
}

#dhbr-book-info .book-index .index-menu{
	float:left;
	width:514px;
}

#dhbr-book-info .book-index .index-menu h5{
	margin:0;
	padding:0;
}

#dhbr-book-info .book-index .index-menu ul li{
	font-size:12px;
	margin:0 0 15px 5px;
}

#dhbr-book-info .book-index .index-btn{
	float:right;
	width:100px;
	bottom:0;
	right:0;
	position:absolute;
}

#dhbr-book-info .book-index a strong{
	color:#930A26;
	font-size:13px;
}

/* -- 書籍案内（記事内のCSS） --------------------------------------------- */

#dhbr-book-info .article-book-info{
	float:left;
	width:200px;
}

#dhbr-book-info .article-book-info .information-area{
	margin:15px 0 0 0;
}

#dhbr-book-info .article-book-info .information-area ul li{
	margin:0 0 20px 0;
	font-size:11px;
	clear:right;
}

#dhbr-book-info .article-book-info .information-area ul li span.info-add{
	color:#cf0f0f;
	font-weight:bold;
}

#dhbr-book-info .article-book-info .information-area ul li span.info-more{
	float:right;
	margin-right:20px;
}

#dhbr-book-info .article-book-info .information-area ul li span.info-more a{
	color:#000;
	text-decoration:underline;
}

#dhbr-book-info .article-book-info .information-area ul li span.info-more a:hover{
	color:#920C25;
}

#dhbr-book-info .article-book-image{
	float:right;
	width:414px;
}

#dhbr-book-info .article-book-image .book-image-thumb{
	float:left;
	width:150px;
}

#dhbr-book-info .article-book-image .book-title{
	float:right;
	width:264px;
}

#dhbr-book-info .article-book-image .book-title .book-buy{
	margin:35px 0 0 0;
}

#dhbr-book-info .article-book-image .book-title h4{
	margin:0;
	padding:0;
	font-size:14px;
}

#dhbr-book-info .article-book-image .book-title p{
	font-size:12px;
	margin:0;
	padding:0;
}

#dhbr-book-info .article-book-image .book-title h3{
	font-size:18px;
	margin:10px 0 0 0;
	padding:0;
}

#dhbr-book-info .article-book-image .book-lits{
	clear:both;
	margin:0 0 0 10px;
}

#dhbr-book-info .article-book-image .book-lits ul{
	padding:20px 0 0 0;
}

#dhbr-book-info .article-book-image .book-lits ul li{
	font-size:12px;
	background:url(/common/images/v1/dhbr/dhbr/article-bottom-tri.gif) no-repeat left;
	padding:0 0 0 20px;
	margin-bottom:5px;
}

#dhbr-book-info .article-book-image .book-lits ul li a{
	color:#000;
}

#dhbr-book-info .article-book-image .book-lits ul li a:hover{
	color:#920C25;
	text-decoration:underline;
}

#dhbr-book-info .article-book-image .index-btn{
	float:right;
}


/* -- サブカラム --------------------------------------------- */

#sub-column .ad-space,
#sub-column .dhbr-banner{
	margin-bottom:20px;
}

/* -- 記事ページ --------------------------------------------- */

/* -- カンバン・サービスメニュー --------------------------------------------- */

#dhbr-signage{
	background-color:#000;
}

#dhbr-title h1{
	color:#fff;
	margin:5px;
	padding:0;
	font-size:25px;
}

#dhbr-title h2{
	font-size:17px;
	margin:5px;
	padding:0;
	color:#fff;
}

#dhbr-title h2 span{
	font-weight:normal;
	font-size:13px;
	margin-left:15px;
	color:#fff;
}

#dhbr-service-menu{
	margin:30px 0 5px 0;
}

#dhbr-service-menu #tooltwitterarea{
	margin-left:10px;
}

#dhbr-service-menu #triggers{
	float:right;
	margin:3px 5px 0 0;
	padding:0;
}

#dhbr-service-menu #triggers img{
	margin:0;
	padding:0;
	float:right;
}

#dhbr-service-menu #toolsbmbtn.tools{
	width:77px;
	float:left;
	font-size:10px;
}

* html #dhbr-service-menu #toolsbmbtn.tools{
	width:67px;
	float:left;
	font-size:10px;
}

/* -- 記事下のいろいろ --------------------------------------------- */

.dhbr-article-tools{
	float:right;
	margin:20px 0 0 0;
}

.dhbr-article-tools ul{
	margin:0;
	padding:0;
}

.dhbr-article-tools ul li{
	margin:0;
	padding:0;
	float:left;
	width:155px;
}

.dhbr-latest{
	margin:30px 0 10px 0;
}

.dhbr-latest h3{
	margin:0 0 10px 16px;
	padding:0;
}

.dhbr-latest .fortop{
	float:right;
	margin:0 10px 10px 0;
}


/* -- グローバル・リーダー養成講座用 --------------------------------------------- */
#dhbr-global-body{
	border:solid 2px #333;
	padding:10px;
	background-color:#fff;
	color:#333;
}

#dhbr-global-body h1{
	margin:0 auto 25px auto;
	width:618px;
}

#dhbr-global-body h2{
	margin:0 auto;
	width:618px;
}

#dhbr-global-body p{
	margin-top:0;
}

.dhbr-global-info{
	width:598px;
	margin:0 auto;
	padding:10px;
	background-color:#f2f2f2;
}

* html .dhbr-global-info{
	width:618px;
	margin:0 auto;
	padding:10px;
	background-color:#f2f2f2;
}

.dhbr-global-info p{
	font-size:13px;
	line-height:18px;
}

#dhbr-global-list{
	margin:30px 10px;
}

#dhbr-global-list h3{
	font-weight:normal;
	font-size:13px;
	border-bottom:solid 1px #333;
	padding-bottom:3px;
}

ul#dhbr-document li{
	clear:both;
	border-bottom:solid 1px #666;
	padding-bottom:7px;
	padding-top:10px;
}

ul#dhbr-document li p{
	margin:0;
	padding:0;
	line-height:1.4em;
}

ul#dhbr-document li h4{
	font-size:24px;
	line-height:30px;
	margin:0;
	padding:0 0 0 8px;
	border-left:solid 5px #7d7137;
}

ul#dhbr-document li h4 a:hover,
ul#dhbr-document li h4 a:hover span.subtitle{
	color:#7d7137;
}

ul#dhbr-document li h4 span.subtitle{
	font-weight:normal;
	font-size:15px;
	line-height:21px;
}

ul#dhbr-document li h4 span.period{
	font-weight:normal;
	font-size:13px;
	margin-left:5px;
}

ul#dhbr-document li p.author{
	float:left;
	font-size:12px;
	padding-left:10px;
}

ul#dhbr-document li div.pdf-arrow{
	float:right;
}

ul#dhbr-document li div.future-arrow{
	float:right;
	font-size:12px;
	background:url(/common/images/v1/dhbr/dhbr/pdf-no-arrow.gif) no-repeat left;
	padding:2px 5px 2px 25px;
	border:solid 1px #ccc;
}

#dhbr-global-body .and{
	background-color:#f1f1f1;
	margin:25px 20px;
	padding:10px;
	text-align:center !important;
	font-size:13px;
}

#footer p#dhbr-grobal_ibm{
	clear:both;
	font-size:13px;
	font-weight:normal;
	margin:0px 0px 20px 30px;
}

#footer p#dhbr-grobal{
	clear:both;
	text-align:center !important;
	font-size:13px;
	font-weight:bold;
	margin:10px 0px 30px 120px;
}