/* 共通*/
h1 {
    /*background: none repeat scroll 0 0 #c5c5c5;*/
    font-family: 'bebas_neueregular',Arial,sans-serif;
    font-size: 30px;
    font-weight: normal;
    line-height: 1;
    padding: 2px 0;
    text-align: center;
	overflow:hidden;
}
h2{
	color:#000;
	line-height:1.4em;
	font-weight:600;
	font-size:22px;
	padding:4px 0;
	margin-bottom:8px;
}

.single_title{
    color: #000;
    line-height: 1.4em;
    font-weight: 600;
    font-size: 22px;
    padding: 4px 0;
    margin-bottom: 8px;
    text-align:left;
    background: none;
    font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Osaka, "ＭＳ Ｐゴシック", sans-serif;
    overflow: hidden;
}


.contents_name {
    background: none repeat scroll 0 0 #c5c5c5;
        font-family: 'bebas_neueregular',Arial,sans-serif;
        font-size: 30px;
        font-weight: normal;
        line-height: 1;
        padding: 2px 0;
        text-align: center;
        overflow: hidden;
        margin-bottom: 0;
    }
.focus_top h2,.focus_top p{
	font-family: 'bebas_neueregular', Arial, sans-serif;
	line-height: 1;
	font-weight:normal;
	font-size:28px;
	padding:2px 0;
	border-bottom:1px solid #CCC;
}
ul#category_link li{margin:0 15px;}
div.article{margin-bottom:30px;}
.color_special,
.color_interview,
.color_column,
.color_highlight,
.color_ranking{
	color:#FFF;
}

.color_special{background-color:#4c0cb7;}
.color_interview{background-color:#d6af3c;}
.color_column{background-color:#27ab38;}
.color_highlight{background-color:#137ed6;}
.color_ranking{background-color:#cc0070;}

/*ARCHIVES*/
.archives dt{
    font-family: 'bebas_neueregular',Arial,sans-serif;
    font-size: 28px;
    letter-spacing: 0.03em;
	border-bottom:#000 2px solid;
	margin-bottom:16px;
	padding-bottom:4px;
}
ul.archive_list{	width:100%;}
ul.archive_list li{
	width:300px;
	float:left;
	margin-bottom:10px;
}
ul.archive_list li:nth-child(odd){margin-right:20px;}
ul.archive_list li p img{margin-bottom:10px;}
ul.archive_list li div.pub_date{
	float:left;
	font-weight:600;
	margin-bottom:6px
}
ul.archive_list li div.title{
	height:60px;
	margin-bottom:10px;
}

/*==================================
FOCUSのhighlight、column、interview、ranking用スタイル
==================================*/
ul.archive_list{
	width:100%;
}
ul.archive_list li{
	width:300px;
	float:left;
	margin-bottom:10px;
}
ul.archive_list li:nth-child(odd){
	margin-right:20px;
}
ul.archive_list li p img{
	margin-bottom:10px;
}
ul.archive_list li div.category_icon {
	font-family: "bebas_neueregular",Arial,sans-serif;
	font-size: 18px;
	letter-spacing: 0.03em;
	line-height: 22px;
	width: 100px;
	height: 22px;
	text-align: center;
	color: #FFF;
	float: left;
	margin-right: 12px;
}
ul.archive_list li div.pub_date{
	float:left;
	font-weight:600;
	margin-bottom:6px
}
.pub_date{
	float:left;
	font-weight:600;
	margin-bottom:6px
}
ul.archive_list li div.title{
	height:60px;
	margin-bottom:10px;
}

/*==================================
FOCUSのspecial用スタイル
==================================*/
ul.archive_list_special {
	width:100%;
}
ul.archive_list_special li {
	width: 620px;
	margin-bottom:10px;
}
ul.archive_list_special li p img{
	margin-bottom:12px;
}
ul.archive_list_special li div.category_icon {
	font-family: "bebas_neueregular",Arial,sans-serif;
	font-size: 18px;
	letter-spacing: 0.03em;
	line-height: 22px;
	width: 100px;
	height: 22px;
	text-align: center;
	color: #FFF;
	float: left;
	margin-right: 12px;
}
ul.archive_list_special li div.pub_date{
	float:left;
	font-weight:600;
	margin-bottom:6px
}
.pub_date{
	float:left;
	font-weight:600;
	margin-bottom:6px
}
ul.archive_list_special li div.title{
	height:60px;
	margin-bottom:10px;
}

/* FOCUS TOP */
.main_pic{
	margin-bottom:30px;
}

.main_pic img,
.other_products li a img {
	width: inherit;
	max-width: 100%;
	height: auto;
}

/* INTERVIEW, COLUMN */
.column h3 .lead,
.interview h3 .lead,
.highlight h3 .lead,
.ranking h3 .lead {
    display: block;
    padding: 16px;
    border-left: 5px solid;
    margin-top: 16px;
    margin-bottom: 16px;
    clear: both;
}
.column  h3 span.main,
.interview h3 span.main{
	font-size:21px;
	font-weight:600;
	line-height:1.4em;
}
.column h3 .lead,
.interview h3 .lead,
.highlight h3 .lead,
.ranking h3 .lead{
    font-size: 16pt;
    line-height: 1.3em;
    font-weight: lighter;
}
.column div.alignright,
.interview div.alignright{
	margin-left:10px;
}
.column div.alignleft,
.interview div.alignleft{
	margin-right:10px;
}
div.cat_date div.category_icon{
    font-family: 'bebas_neueregular',Arial,sans-serif;
    font-size: 18px;
    letter-spacing: 0.03em;
	line-height:22px;
	width:100px;
	height:22px;
	text-align:center;
	color:#FFF;
	float:left;
	margin-right:12px;
}
div.cat_date div.pub_date{
	float:left;
	font-weight:600;
	margin-bottom:6px;
}
div.link_to_magazine{
	font-size:110%;
	font-weight:600;
	text-align:center;
	background:#000;
	width:100%;
	height:40px;
	line-height:40px;
	margin-top:1em;
	clear:both;
}
div.link_to_magazine:hover{background:#C00;}
div.link_to_magazine a{
	display:block;
	width:100%;
	height:100%;
	color:#FFF;
}

ul.profile{
 width:950px;
 margin:0 -15px;
 padding:25px 15px;
 background-color:#f4f4f4;
}
ul.profile li{
 float:left;
 width:306px;
 margin-right:15px;
}
ul.profile li:last-child{
	margin-right:0px;
}
ul.profile li img{
 float:left;
 width:145px;
 margin-right:15px;
 	margin-bottom:10px;
 display:block;
}
ul.profile li p.profile_name{
	font-weight:600;
	font-size:12px;
	line-height:1.6em;
	width:146px;
	float:left;
}
ul.profile li p.profile_doc{
	color:#666;
	font-size:12px;
	clear:both;
}


/* HIGHLIGHT*/
.highlight div.item_description{
	margin-bottom:20px;
	clear:both;
}
.highlight div.item_description p{font-weight:400;	}
.highlight ul.other_products {margin:0 -15px 30px -15px;}
.highlight ul.other_products li{background-size:contain;}

/* RANKING*/
.ranking div.article ol {
	counter-reset:li; /*カウントリセット*/
	border-top:#ccc 1px dashed;
}
.ranking div.article ol li {
	list-style:none; /*デフォルトナンバリングを消す*/
	position:relative;
	padding:10px 0;
	margin-right:16px;
	border-bottom:#ccc 1px dotted;
	*list-style-type: decimal; /*IE7用ハック*/
}
.ranking div.article ol li:before {
	content:counter(li); /*カウンターのインデックスを挿入*/
	counter-increment:li; /*ナンバリングを生成*/
	/* ここから番号のスタイル */
	position:absolute;
	left:8px;
	width:20px;
    font-family: 'bebas_neueregular',Arial,sans-serif;
	font-size:180%;
	line-height:100px;
	text-align:center;
}
.ranking div.article ol li a{
	cursor:pointer;
	width:100%;
	height:100%;
}
.ranking div.article ol li a img{
	padding-left:40px;
	float:left;
	margin-right:20px;
}
.ranking div.article ol li a div p.category{
    font-family: 'bebas_neueregular',Arial,sans-serif;
    font-size: 22px;
	padding-top:3px;
	margin-bottom:10px;
}
.ranking div.article ol li a div p.title{font-weight:600;}