@charset "utf-8";

/* ------- base.css ------- */

/* CSS Reset */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font,
img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: bottom;
	background: transparent;
}
ol, ul {
	/*list-style: none;*/
}
ul li{
	list-style-type:none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after, q:before, q:after {
	content: '';
	content: none;
}
:focus {
	outline: 0;
}
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}


/**/
body {
	color:#333;
	text-align:center;
	font-size:14px;
	font-family: "メイリオ","Meiryo","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック", "MS P Gothic","Osaka",Verdana,Arial, Helvetica, sans-serif;
	line-height:1.6;
	text-align: center;
	/* background: #fff url(/common/webcg/images/v2/common/bg_header.png) 0 0 repeat-x; */
	min-width: 1000px;
	width: auto !important;
	width: 1000px;
}
/* for IE7 */
*+ html body {
	font-size:87.5%;
	font-family: 'メイリオ', sans-serif;
}
/* for IE6 */
* html body {
	font-size:87.5%;
	font-family: 'ＭＳ Ｐゴシック', sans-serif;
	width: 100%;
}

a {
	color:#00508E;
}
a:hover {
	text-decoration:none;
	color:#2288dd;
}
a:visited {
	color:#883399;
}
.left {
	float: left;
}
.right {
	float: right;
}

.separator {
	background-repeat: no-repeat;
	background-position: 0 0;
}
.separator hr {
	display: none;
}

.border_radius,
.border_radius_3,
.border_radius_top,
.border_radius_bottom {
	behavior: url(/common/webcg/css/v2/PIE.htc);
}
.border_radius {
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}
.border_radius_top {
	-webkit-border-radius: 4px 4px 0 0;
	-moz-border-radius: 4px 4px 0 0;
	border-radius: 4px 4px 0 0;
}
.border_radius_bottom {
	-webkit-border-radius: 0 0 4px 4px;
	-moz-border-radius: 0 0 4px 4px;
	border-radius: 0 0 4px 4px;
}
.border_radius_3 {
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}

/*
********************************************
by JB
▼floatをクリアするためのCSS▼
********************************************
 */
 
.clearfix:after {
  content: " ";
  display: block;
  height: 0;
  visibility: hidden;
  clear: both;
}

.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */


/* ------- common-layout.css ------- */

#wrapper {
	position:relative;
	text-align: left;
	margin: 0 auto;
	width: 990px;
}
#header {
	text-align: center;
	width: 100%;
}
#header .inner {
	text-align: center;
	margin: 0 auto;
	width: 990px;
}
#main_section {
	margin-top: 10px;
	width: 990px;
	overflow: hidden;
	*zoom: 1;
}
#main_body {
	margin-top: 10px;
	float: left;
	width: 670px;
}
#main_aside {
	margin-top: 10px;
	float: right;
	width: 300px;
	/* min-height:1650px;*/
}
#main_body .section,
#main_body .ad {
	margin-top: 20px;
	clear: both;
}
#main_body .section .title{
	font-weight:bold;
}
#footer {
	clear:both;
	text-align: center;
	margin-top: 20px;
	width: 100%;
}
#footer .inner {
	text-align: left;
	margin: 0 auto;
	width: 980px;
	position:relative;
}
#footer .inner .nav-block{overflow:hidden;width:100%;}
#footer .inner .nav{float:left;vertical-align:top;width:245px;}


/* ------- common-parts.css ------- */

/* 
 * パンくず
 */
#breadcrumb,
#breadcrumb a{
	color:#00508E;
	/*text-decoration:none;*/
	font-weight:normal;
}
#breadcrumb {
	margin-bottom:10px;
	text-align:left;
	font-size: 12px;
	font-weight: bold;
	color:#000;
}

#breadcrumb a:hover {
	text-decoration:underline;
}
#breadcrumb span.delimiter{
	font-weight:normal;
}

/* 記事リスト */
.list_article {
	border: 1px solid #D8D8D8;
}
.list_article h5 {
	font-size: 100%;
	margin: 6px 0 4px;
}
.list_article ul {
	list-style-type: none;
}
.list_article li {
	line-height: 1.2;
	border-top: 1px solid #CCC;
}
.top-feature .list_article li h3{
	display:inline;
	font-size:100%;
	font-weight:normal;
}
.list_article li a {
	text-decoration: none;
	border-top: 1px solid #FFF;
	display: block;
}
.list_article li a:hover img{opacity:0.8;}
span.new {
	background: url(/common/webcg/images/v2/main_column/icon_new_v2.png) 0 0 no-repeat;
	width: 28px;
	height: 10px;
	display: inline-block;
	*display: inline;
	*zoom: 1;
	vertical-align: middle;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
}
.list_article li a .new {
	margin-left: 0.5em;
	margin-bottom: 4px;
}
.list_article .footer {
	margin-top: 0;
	padding: 0 10px;
	/* by JB 2013.04.05 */
	text-align:right;
}
.list_article .footer .link_index {
	text-align: right;
	cursor:pointer;
	font-size: 92.86%;
	background: url(/common/webcg/images/v2/sub_column/arrow.png) 100% 50% no-repeat;
	padding-right: 20px;
	/*display: inline-block;*/
	*display: inline;
	*zoom: 1;
	color:#00508E;
}
.list_article .footer .during {
	font-size: 78.6%;
	text-align: right;
	margin-top: 10px;
	display: block;
}
#tabs_articlelist .list_article li a {
	text-decoration: none;
	background-repeat: no-repeat;
	background-position: 5px 50%;
	padding: 9px 5px 8px 26px;
}
#tabs_articlelist .list_article li a:hover {
	text-decoration: underline;
}
.list_article .header {
	overflow: hidden;
	_zoom: 1;
}
.list_article .header .new {
	*float: left;
}
.list_article .header .category_name {
	text-indent: -9999px;
	background-image: url(/common/webcg/images/v2/main_column/icon_category_v2.png); 
	/* background-image: url(/common/webcg/images/v2/main_column/icon_news.png);background-position:0px 0px; */
	_background-image: url(/common/webcg/images/v2/main_column/ie/icon_category_v2.png);
	/* _background-image: url(/common/webcg/images/v2/main_column/icon_news.png);background-position:0px 0px; */
	background-repeat: no-repeat;
	height: 15px;
	display: inline-block;
	*display: block;
	*float: left;
}
.list_article .header .category_name.selection {
	text-indent:0px;
	font-weight:bold;
	background-image:none;
	line-height:1.4em;
}
/* IE7 対策 */
*:first-child+html .list_article .header .category_name.selection{
}


.list_article .header .news {width:100px; height:15px; background-position:0 0; }
.list_article .header .impression { width:60px; height:15px; background-position:0 -15px; }
.list_article .header .car_scope{ width:73px; height:15px; background-position:0 -30px; }
.list_article .header .essay{ width:59px; height:15px; background-position:0 -45px; }
.list_article .header .qa{ width:110px; height:15px; background-position:0 -60px; }
.list_article .header .special{ width:59px; height:15px; background-position:0 -75px; }
.list_article .header .mobilecg{ width:81px; height:15px; background-position:0 -90px; }
.list_article .header .from_our_staff{ width:110px; height:15px; background-position:0 -105px; }
.list_article .header .autoshow-tokyo{ width:110px; height:15px; background-position:0 -120px; }

/* by トップのJB Editor's Pick Upのところはテキストなしのアイコン */
#list_editor_pickup.list_article .header .category_name{width:auto;text-indent:20px;}
#list_editor_pickup.list_article .header .category_name.small{font-size:10px;line-height:15px;letter-spacing:-0.1em;}
#list_editor_pickup.list_article .header .news {background-image: url(/common/webcg/images/v2/main_column/icon_news.png);background-position:0px 0px;}
#list_editor_pickup.list_article .header .impression {background-image: url(/common/webcg/images/v2/main_column/icon_impression.png);background-position:0px 0px;}
#list_editor_pickup.list_article .header .car_scope{background-image: url(/common/webcg/images/v2/main_column/icon_scorp.png);background-position:0px 0px;}
#list_editor_pickup.list_article .header .essay{background-image: url(/common/webcg/images/v2/main_column/icon_essay.png);background-position:0px 0px;}
#list_editor_pickup.list_article .header .qa{background-image: url(/common/webcg/images/v2/main_column/icon_qa.png);background-position:0px 0px;}
#list_editor_pickup.list_article .header .special{background-image: url(/common/webcg/images/v2/main_column/icon_special.png);background-position:0px 0px;}
#list_editor_pickup.list_article .header .pr{background-image: url(/common/webcg/images/v2/main_column/icon_pr_2.png);background-position:0px 0px;}
#list_editor_pickup.list_article .header .mobilecg{background-image: url(/common/webcg/images/v2/main_column/icon_mobilecg.png);background-position:0px 0px;}
#list_editor_pickup.list_article .header .from_our_staff{background-image: url(/common/webcg/images/v2/main_column/icon_essay.png);background-position:0px 0px;}

/* /by トップのJB Editor's Pick Upのところはテキストなしのアイコン */

/* by トップのニュースのタブのところも上と同じスタイルを適用 */
#tabs_articlelist .sub-panel .left .category_name{width:auto;text-indent:20px;background-repeat:no-repeat;font-weight:normal;font-size:12px;margin-bottom:5px;}
#tabs_articlelist .sub-panel .left .news {background-image: url(/common/webcg/images/v2/main_column/icon_news.png);background-position:0px 0px;}
#tabs_articlelist .sub-panel .left .impression {background-image: url(/common/webcg/images/v2/main_column/icon_impression.png);background-position:0px 0px;}
#tabs_articlelist .sub-panel .left .car_scope{background-image: url(/common/webcg/images/v2/main_column/icon_scorp.png);background-position:0px 0px;}
#tabs_articlelist .sub-panel .left .essay{background-image: url(/common/webcg/images/v2/main_column/icon_essay.png);background-position:0px 0px;}
#tabs_articlelist .sub-panel .left .qa{background-image: url(/common/webcg/images/v2/main_column/icon_qa.png);background-position:0px 0px;}
#tabs_articlelist .sub-panel .left .special{background-image: url(/common/webcg/images/v2/main_column/icon_special.png);background-position:0px 0px;}
/* /トップのニュースのタブのところも上と同じスタイルを適用 */


/* アイコン */
li.news a {
	background-image: url(/common/webcg/images/v2/main_column/icon_news.png);
}
/* by JB テキスト広告用 */
li.pr-newstab a {
	background-image: url(/common/webcg/images/v2/main_column/icon_pr.png);
}
/*js動作でテキスト広告がないときだけ8本目のニュースを表示させる */
li#news8{
	display:none;
}
/* ただし、2番目、3番目のタブ(.sub-panel)は8本目にニュースはなし */
.sub-panel li#news8{
	display:block;
}

/* /by JB テキスト広告用 */
li.impression a {
	background-image: url(/common/webcg/images/v2/main_column/icon_impression.png);
}
li.car_scope a {
	background-image: url(/common/webcg/images/v2/main_column/icon_scorp.png);
}
li.essay a {
	background-image: url(/common/webcg/images/v2/main_column/icon_essay.png);
}
li.qa a {
	background-image: url(/common/webcg/images/v2/main_column/icon_qa.png);
}
li.special a {
	background-image: url(/common/webcg/images/v2/main_column/icon_special.png);
}


/* ページネーション */
.pagenation {
	clear:both;
	margin: 30px 0 0;
	position: relative;
	overflow: hidden;
	_zoom: 1;
}
.pagenation div.num {
	/* by JB 大量ページでの改行を避けるため */
	/* font-size: 114.3%; */
	font-size:13.5px;
	font-weight: bold;
	text-align:center;
	vertical-align: middle;
}
.pagenation div.num span.current {
	/* by JB 大量ページでの改行を避けるため */
	/* font-size: 81.25%; */
	display: inline-block;
	*display: inline;
	*zoom: 1;
	vertical-align: middle;
}
.pagenation div.num a,
.pagenation div.num span {
	display: inline-block;
	*display: inline;
	*zoom: 1;
	vertical-align: middle;
}
.pagenation div.num .txt {
	line-height: 32px;
	text-decoration: none;
	border: 1px solid #CCC;
	padding-left: 10px;
	padding-right: 10px;
	height: 32px;
	font-weight:normal;
	background-color:#3074A9;
	color:#fff;
}
.pagenation div.num a.txt:hover {
	/*background-color: #f0f0f0;*/
	background-color:#4992cb;
}
.pagenation div.num .prev {
	/* by JB 大量ページでの改行を避けるため */
	/* margin-right: 15px; */
	margin-right:6px;
	color:#fff;
	background-color:#3074a9;
}
.pagenation div.num .next {
	/* by JB 大量ページでの改行を避けるため */
	/* margin-left: 15px; */
	margin-left:8px;
	color:#fff;
	background-color:#3074a9;
}
.pagenation div.num .disabled {
	color: #bbb
}
.pagenation .index {
	list-style-type: none;
	border-top: 1px solid #999;
	border-bottom: 1px solid #999;
	margin-top: 25px;
	overflow: hidden;
}
.pagenation .index li {
	color: #00508E;
	font-weight: bold;
	line-height: 1.4;
	border-top: 1px solid #DDD;
	margin-top: -1px;
	padding: 10px 10px 9px;
	display: table;
	*zoom:1;
}
.pagenation .index li.current,
.pagenation .index li.current a {
	color: #999;
	cursor: default;
	text-decoration: none;
}
.pagenation .index li span,
.pagenation .index li a {
	width: 340px;
	display: table-cell;
	*display: inline;
	*zoom: 1;
	vertical-align: top;
}
.pagenation .index li .num {
	width: 80px;
}
/* ギャラリーページの戻るボタン */
.pagenation .back {
	float: none;
	position: absolute;
	right: 0;
	top:0;
}

/* タブコンテンツ */
.tabs {
	font-size: 0;
	padding-left: 10px;
	overflow: hidden;
	_zoom:1;
}
.tabs li {
	font-size: 12px;
	margin-right: 7px; 
	display: inline-block;
	*display: inline;
	*zoom: 1;
}
.tabs li a {
	background-position: 0 0;
	background-repeat: no-repeat;
	width: 130px;
	height: 31px;
	display: block;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
}
.tabs li.ui-state-active a {
	cursor: default !important;
}
#tabs_articlelist .panel {
	font-size: 92.86%;
	margin-top: -1px;
}
#tabs_articlelist #panel_2,
#tabs_articlelist #panel_3 {
	display: none;
}
#tabs_articlelist .panel .inner {
	border: 1px solid #FAFAFA;
	padding: 7px 12px 12px;
	background: #FAFAFA;
	background: -webkit-gradient(linear, 0 0, 0 bottom, from(#FAFAFA), to(#E5E5E5));
	background: -webkit-linear-gradient(#FAFAFA, #E5E5E5);
	background: -moz-linear-gradient(#FAFAFA, #E5E5E5);
	background: -ms-linear-gradient(#FAFAFA, #E5E5E5);
	background: -o-linear-gradient(#FAFAFA, #E5E5E5);
	background: linear-gradient(#FAFAFA, #E5E5E5);
	-pie-background: linear-gradient(#FAFAFA, #E5E5E5);
	overflow: hidden;
	_zoom:1;
}
#tabs_articlelist .panel li.first,
#tabs_articlelist .panel li.first a {
	border-width: 0;
}

/* 広告 */
.ad {
	font-size: 12px;
	line-height: 1.4;
	text-align: center;
}
.ad.article_end {
	/* 記事下google */
	text-align:left;
	}
.ad .header {
	text-align: left;
	margin-bottom: 5px;
}
.ad .header a {
	text-decoration: none;
}
#main_body .ad_rectangle {
	margin: 20px auto 0;
	width: 336px;
}
#main_body #article.ad_right .ad_rectangle {
	float:right;
	margin:20px 95px 20px 0px;
}
.ad_listing {
	text-align: left;
	border: 1px solid #D6D6D6;
	/* padding: 20px 15px; */
	/* by JB */
	padding:10px 15px;
}
#article.ad_right .ad_listing {
	width:405px;
	float:right;
	margin-bottom:20px;
}
.ad_listing div {
	/* margin-top: 20px; */
}
.ad_listing .header {
	margin-top: 0;
}
/* 2015.05からの新広告 */
/* 記事下の左右レクタングル */
.webcg-ad1{
	float:right;
	margin:25px 0px;
}
.webcg-ad1.wide{
	float:none;
	width:670px;
	margin:25px auto;
}
.webcg-ad1.wide .left{
	float:left;
	margin:0px;
	padding:0px;
	width:300px;
}
.webcg-ad1.wide .right{
	float:right;
	margin:0px;
	padding:0px;
	width:300px;
}

/* 468px広告 */
.gad-468{
	width: 468px;
	margin: 20px auto 0px;
}

/* for ab-test 201505 */
.webcg-ad1.type-b{
	float:right;
	margin:50px 0px 0px 0px;
}
.webcg-ad1.type-b.wide{
	float:none;
	width:670px;
	margin:20px auto 0px auto;
}
.webcg-ad1.type-b.wide .left{
	float:left;
	margin:0px auto 0px 25px;
	padding:0px;
	width:300px;
}
.webcg-ad1.type-b.wide .right{
	float:right;
	margin:0px 25px 0px auto;
	padding:0px;
	width:300px;
}

/* トップ　ゲート広告 */
#gate-ad-left{
	position:absolute;
	top:10px;
	left:-160px;
}
#gate-ad-right{
	position:absolute;
	top:10px;
	right:-160px;
}


/* footer */
#footer {
	color: #fff;
	font-size: 12px;
	background-color: #002F55;
	padding: 20px 0;
}
#footer  a {
	color: #fff;
	text-decoration: none;
}
#footer  a:hover {
	text-decoration: underline;
}
#footer .inner {
	overflow: hidden;
	_zoom:1;
}
#footer .copyright {
	clear:both;
	float:left;
	margin-top: 20px;
}
#footer .logo {
	background: url(/common/webcg/images/v2/common/logo_s.png) 0 0 no-repeat;
	width: 80px;
	height: 24px;
	display: block;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	position:absolute;
	top:0;
	right:0;
}
#footer .group-service{
	clear:left;
	float:left;
	width:100%;
	margin:10px 0px 0px 0px;
	padding-top:10px;
	border-top:1px solid #999;
}


/* ------- common-sub-column.css ------- */

#main_aside .section,
#main_aside .ad {
	margin-bottom: 20px;
/* by JB AdSense用 */
text-align:left;
/* /by JB AdSense用 */
}


/* サイドバー記事リスト */
#main_aside .list_article .header {
	background-color: #FAFAFA;
	padding: 7px 9px 5px;
}
#main_aside .list_article .header h2, #main_aside .list_article .title {
	background: url(/common/webcg/images/v2/sub_column/bulet.png) 0 0 no-repeat;
	padding-left: 12px;
	font-weight:bold;
	font-size:14px;
}
#main_aside .list_article .header h2 .category,#main_aside .list_article .header .title .category {
	font-size: 85.7%;
	vertical-align: middle;
}
#main_aside .list_article .body {
	padding-bottom: 10px;
	border: 1px solid #FAFAFA;
	background: #FAFAFA;
	background: -webkit-gradient(linear, 0 0, 0 bottom, from(#FAFAFA), to(#E5E5E5));
	background: -webkit-linear-gradient(#FAFAFA, #E5E5E5);
	background: -moz-linear-gradient(#FAFAFA, #E5E5E5);
	background: -ms-linear-gradient(#FAFAFA, #E5E5E5);
	background: -o-linear-gradient(#FAFAFA, #E5E5E5);
	background: linear-gradient(#FAFAFA, #E5E5E5);
	-pie-background: linear-gradient(#FAFAFA, #E5E5E5);
}
#main_aside .list_article li {
	line-height: 1.2;
}
#main_aside .list_article li a:hover {
	text-decoration: underline;
}
#main_aside .list_article li .icon,
#main_aside .list_article li .img,
#main_aside .list_article li .txt {
	font-size: 92.86%;
	padding: 10px 0;
	display: table-cell;
	*display: inline;
	*zoom:1;
	vertical-align: top;
}
#main_aside .list_article li .img {
	padding-left: 10px;
	padding-right: 10px;
}
#main_aside .list_article li .txt {
	padding-left: 0;
	padding-right: 10px;
	*width: 210px;
}
#main_aside .list_article li .txt .title {
	font-size: 116.67%;
	font-weight: normal;
	text-decoration: underline;
}
#main_aside .list_article li a:hover .icon {
	text-decoration: none !important;
}

/* 記事ランキング、新着記事、Pick Up */
#main_aside .list_ranking li a {
	padding: 0;
}
#main_aside .list_ranking li .img,
#main_aside .list_ranking li .txt {
	font-size: 92.86%;
	vertical-align: top;
}
#main_aside .list_ranking li .txt {
	word-break:break-all;
}
#main_aside .list_ranking li .img {
	padding-left: 0;
}
#main_aside .list_ranking li .icon {
	background-position: 50% 50%;
	background-repeat: no-repeat;
	text-align: center;
	width: 30px;
}
#main_aside .list_ranking li.rank_1 .icon {
	background-image: url(/common/webcg/images/v2/sub_column/rank_1_v2.png);
	background-size:20px 18px;
	-webkit-background-size:20px 18px;
	-moz-background-size:20px 18px;
	text-indent: -9999px;
}
#main_aside .list_ranking li.rank_2 .icon {
	background-image: url(/common/webcg/images/v2/sub_column/rank_2_v2.png);
	background-size:20px 18px;
	-webkit-background-size:20px 18px;
	-moz-background-size:20px 18px;
	text-indent: -9999px;
}
#main_aside .list_ranking li.rank_3 .icon {
	background-image: url(/common/webcg/images/v2/sub_column/rank_3_v2.png);
	background-size:20px 18px;
	-webkit-background-size:20px 18px;
	-moz-background-size:20px 18px;
	text-indent: -9999px;
}
#main_aside .list_ranking li.rank_4 .icon {
	background-image: url(/common/webcg/images/v2/sub_column/rank_4_v2.png);
	background-size:20px 16px;
	-webkit-background-size:20px 16px;
	-moz-background-size:20px 16px;
	text-indent: -9999px;
}
#main_aside .list_ranking li.rank_5 .icon {
	background-image: url(/common/webcg/images/v2/sub_column/rank_5_v2.png);
	background-size:20px 16px;
	-webkit-background-size:20px 16px;
	-moz-background-size:20px 16px;
	text-indent: -9999px;
}
#main_aside .list_ranking li.rank_6 .icon {
	background-image: url(/common/webcg/images/v2/sub_column/rank_6_v2.png);
	background-size:20px 16px;
	-webkit-background-size:20px 16px;
	-moz-background-size:20px 16px;
	text-indent: -9999px;
}
#main_aside .list_ranking li.rank_7 .icon {
	background-image: url(/common/webcg/images/v2/sub_column/rank_7_v2.png);
	background-size:20px 16px;
	-webkit-background-size:20px 16px;
	-moz-background-size:20px 16px;
	text-indent: -9999px;
}
#main_aside .list_ranking li.rank_8 .icon {
	background-image: url(/common/webcg/images/v2/sub_column/rank_8_v2.png);
	background-size:20px 16px;
	-webkit-background-size:20px 16px;
	-moz-background-size:20px 16px;
	text-indent: -9999px;
}
#main_aside .list_ranking li.rank_9 .icon {
	background-image: url(/common/webcg/images/v2/sub_column/rank_9_v2.png);
	background-size:20px 16px;
	-webkit-background-size:20px 16px;
	-moz-background-size:20px 16px;
	text-indent: -9999px;
}
#main_aside .list_ranking li.rank_10 .icon {
	background-image: url(/common/webcg/images/v2/sub_column/rank_10_v2.png);
	background-size:20px 16px;
	-webkit-background-size:20px 16px;
	-moz-background-size:20px 16px;
	text-indent: -9999px;
}
#main_aside .list_ranking li.rank_1 .txt {
	*width: 139px;
}



/* by JB gif-text広告用 */
.gif-text{
}
.gif-text .pr-info{
clear:both;
padding:10px 7px 10px 14px;
border-top: 1px solid #ccc;
}
.gif-text img{
display:block;
clear:both;
float:left;
margin-bottom:10px;
border-width:1px;
border-style:solid;
border-color:#ccc;
}
.gif-text a br{
display:none;
}
.gif-text a.prlink{
display:block;
clear:none;
float:right;
width:213px;
font-size;14px;
line-height:1.2em;
}
.gif-text .prtext{
display:block;
clear:none;
float:right;
width:213px;
font-size:12px;
line-height:1.2em;
}
/* /by JB gif-text広告用 */


/* webCG MOVIES */
#main_aside #list_movie li {
	padding: 10px 0 0;
}
#main_aside #list_movie li .img,
#main_aside #list_movie li .txt {
	padding: 0 7px;
	display: block;
}
#main_aside #list_movie li .txt {
	margin-top: 8px;
	overflow: hidden;
	_zoom:1;
}
#main_aside #list_movie li .txt a {
	border-top-width: 0;
}
#main_aside #list_movie li .txt .title {
	text-decoration: none !important;
	float: left;
}
#main_aside #list_movie li .txt .date {
	font-size: 10px;
	float: right;
}

/* カカクコム　リンク */
#main_aside .list_article.kakakucom li {
	padding:5px 10px;
	border:none;
}
#main_aside .list_article.kakakucom li:first-child {
}
#main_aside .list_article.kakakucom li a{
	border:none;
}
#main_aside .list_article.kakakucom .body {
	padding-top:10px;
	padding-bottom:5px;
	border-top: 1px solid #ccc;
}
#main_aside .list_article.kakakucom li li{
	padding:8px 10px 0px 20px;
}

/* ------- common-header.css ------- */
.header-top{
	background-color:#00508f;
	color:#fff;
	padding:2px 0;
}
.header-top h1{width:990px;margin:auto;text-align:left;padding:2px 0px;font-weight:normal;font-size:11px;border-bottom:none;}
#header {
	background: #fff url(/common/webcg/images/v2/common/bg_header.png) 0 0 repeat-x;
}

#header.page_title h1{
	margin:0px;
	padding:3px 5px;
	text-align:left;
	background-color:#efefef;
}
#header .center {
	margin: 16px 0px 0px 0px;
	float: right;
	*display: inline;
}
#header .right {
	line-height: 15px;
	text-align: right;
	margin: 14px 5px 0 0;
	width: 150px;
	*display: inline;
}
#header a.site_logo {
	/*background: url(/common/webcg/images/v2/common/logo.png) 0 0 no-repeat;*/
	margin: 12px 0 10px 4px;
	width: 145px;
	height: 43px;
	display: block;
	float: left;
	/*text-indent: 100%;*/
	white-space: nowrap;
	overflow: hidden;
}
#header .nikkei_logo {
	text-align: left;
	text-indent: -9999px;
	background: url(/common/webcg/images/v2/common/nikkei_logo.png) 0 0 no-repeat;
	width: 125px;
	height: 15px;
	display: inline-block;
	*display: inline;
	*zoom: 1;
	vertical-align: top;
}


#header #nav {
	text-align: center;
	background-image: url(/common/webcg/images/v2/common/bg_header_bottom.png);
	clear: both;
}
#header #nav ul,
#header #nav li {
	font-size: 0;
	background: url(/common/webcg/images/v2/common/nav.png) 0 -420px no-repeat;
	padding-left: 2px;
	display: inline-block;
	*display: inline;
	*zoom: 1;
}
#header #nav li {
	font-size: 12px;
	background-position: 105px -420px;
	padding: 0 2px 0 0;
}

#header #nav li a {
	background-image: url(/common/webcg/images/v2/common/nav.png);
	background-repeat: no-repeat;
	width: 105px;
	height: 30px;
	display: block;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
}
#header #nav li a.current {
	/* by JB 現在地でもクリックできるようにする */
		/* cursor: default; */
}
#nav .top a { background-position:0 0; }
#nav .top a:hover, #nav .top a.current { background-position:0 -30px; }
#nav .news a { background-position:0 -60px; }
#nav .news a:hover, #nav .news a.current { background-position:0 -90px; }
#nav .impression a { background-position:0 -120px; }
#nav .impression a:hover, #nav .impression a.current { background-position:0 -150px; }
#nav .car_scope a { background-position:0 -180px; }
#nav .car_scope a:hover, #nav .car_scope a.current { background-position:0 -210px; }
#nav .essay a { background-position:0 -240px; }
#nav .essay a:hover, #nav .essay a.current { background-position:0 -270px; }
#nav .qa a { background-position:0 -300px; }
#nav .qa a:hover, #nav .qa a.current { background-position:0 -330px; }
#nav .special a { background-position:0 -360px; }
#nav .special a:hover, #nav .special a.current { background-position:0 -390px; }

#header .bottom {
	padding:8px 0 10px;
	clear: both;
	overflow: hidden;
	_zoom:1;
}
/*
 * 検索窓
 */
.search {
	font-size: 0;
}
#header .search {
	margin: 0;
}
.search form {
	display: inline;
}
.search_category_form {
	cursor: pointer;
}
.search input,
.search a.by_maker,
.search a.by_maker span {
	border: none;
	margin-left: 2px;
	height: 34px;
	vertical-align: middle;
}
.search *.search_category_form {
	font-size: 12px;
}
.search .inputtext {
	font-size: 14px;
	background: url(/common/webcg/images/v2/common/search.png) 0 0 no-repeat;
	line-height: 34px\9;
	padding: 0 5px;
	width: 296px;
	color:#666;
	text-indent:0.5em;
}
.search .btn_submit,
.search a.by_maker,
.search a.by_maker span {
	color: #fff;
	font-size: 12px;
	text-align: center;
	background: url(/common/webcg/images/v2/common/search_btn_bg.png) 0 0 no-repeat;
	margin: 0;
	padding: 0;
	display: inline-block;
	*display: inline;
	*zoom: 1;
	cursor: pointer;
}
.search span.btn_submit:hover,
.search a.by_maker:hover {
	filter: alpha(opacity=90);
	-moz-opacity:0.8;
	opacity:0.8;
}
.search span.btn_submit {
	margin-left: 2px;
	padding-left: 12px;
}
.search span.btn_submit input {
	background-position: 100% 0;
	padding-right: 12px;
	border: 0;
}
.search .btn_submit:hover {
	
}
.search a.by_maker {
	background-position:0 -34px;
	margin-left: 15px;
	padding-left: 12px;
}
.search a.by_maker span {
	line-height: 34px;
	background-position:100% -34px;
	padding-right: 12px;
}
.search a.by_maker:hover {
	/* background-position:0 -96px; */
}

/* by JB 検索分野指定用(customselect利用) */
#header .search select.styled option{
font-size:13px;
line-height:1.4em;
height:1.4em;
verticla-align:bottom;
border-width:0px 0px 1px 0px;
border-style:dotted;
border-color:#ccc;
text-align:left;
cursor:pointer;
}
#header .search .customSelect {
/* Styles For Your Select Box */
width:115px;
height:30px;
font-size:11px;
line-height:29px;
background-color: #efefef;
color:#333;
padding:2px 5px;
background:url(/common/webcg/images/v2/common/search_select_bg.png) no-repeat center right;
text-align:left;
cursor:pointer;
}
#header .search .customSelect.changed {
/* You can use this if you want a different style after user has made a selection */
font-size:11px;
}
#header .search .customSelectFocus {
/* You can use this if you want a different style after user has made a selection */
font-size:11px;
}
#header .search .customSelectOpen {
/* You can use this if you want a different style after user has made a selection */
font-size:11px;
}
/* We can style the inner box, too */
#header .search .customSelectInner {
/* background:url(/common/webcg/images/v2/dummy/search_select.png) no-repeat center right; */
}
/* /by JB 検索分野指定用(customselect利用) */

/*
 * SNS
 */
.snsbtns {
	text-align: right;	
}
#header .snsbtns {
	padding-top: 6px;
}
.snsbtns li {
	margin-left: 10px;
	display: inline-block;
	*display: inline;
	*zoom: 1;
	vertical-align: top;
}
#header .ad {
	text-align: center;
	height:90px;
}

/* RSSボタンなど */
#meta_links a {
	text-align: left;
	text-indent: -9999px;
	background-image: url(/common/webcg/images/v2/common/meta_links.png);
	background-repeat: no-repeat;
	margin: 7px 0 0 5px;
	display: inline-block;
	*display: inline;
	*zoom:1;
	vertical-align: top;
}
#meta_links a.rss { width:45px; height:15px; background-position:0 0; }
#meta_links a.rss:hover { width:45px; height:15px; background-position:0 -15px; }
#meta_links a.melmaga { width:89px; height:15px; background-position:0 -30px; }
#meta_links a.melmaga:hover { width:89px; height:15px; background-position:0 -45px; }


/* ------- top-main-contents.css ------- */

/*
* タブコンテンツ
*/
.tabs li a {
	background-image: url(/common/webcg/images/v2/main_column/top_feature_tab.png);
	text-indent: 0;
	text-decoration: none;
	text-align: center;
	font-weight: bold;
	line-height: 33px;
}
.tabs li a:hover {
	background-position: 0 -31px;
}
.tabs li.ui-state-active a {
	background-position: 0 -62px;
}
#tabs_articlelist .panel .inner {
	padding-right: 0;
}
#tabs_articlelist .panel .left {
	width: 255px;
}
#tabs_articlelist .panel .right {
	width: 385px;
}
#tabs_articlelist .panel a {
	text-decoration: none;
}
#tabs_articlelist .panel a:hover {
	text-decoration: underline;
}
#tabs_articlelist .list_article li a {
	padding-top: 7px;
	padding-bottom: 6px;
	*zoom:1;
}
.feature span {
	display: block;
	overflow: hidden;
	_zoom:1;
}
.feature .header {
	font-weight: normal;
	background-image: url(/common/webcg/images/v2/main_column/top_feature_hot.png?rd=20150703);
	background-repeat: no-repeat;
	width: 255px;
	height: 22px;
}
.feature .news{ background-position:0 0; }
.feature .impression{ background-position:0 -22px; }
.feature .car_scope{ background-position:0 -44px; }
.feature .essay{ background-position:0 -66px; }
.feature .qa{ background-position:0 -88px; }
.feature .special{ background-position:0 -110px; }
.feature .header .category_name {
	background: none;
}
.feature .header .category_name {
	*display: none;
}
.feature .header .date {
	color: #fff;
	font-size: 10px;
	margin: 4px 3px 0 0;
	float: right;
}
/* <JB追記> */
/* JS動作のため */
.feature{
	position:relative;
	/* height:280px; */
	height:270px;
	overflow:hidden;
}
.feature .main-section{
	display:none;
	margin:0px;
	padding:0px;
	border:none;
}
/* </JB追記> */

.feature .img {
	margin-top: 5px;
	display: block;
}
.feature .txt {
	background-color: #B6C2D1;
	line-height: 1.2;
	padding: 5px 10px;
	/* <JB追記> */
	/* JS動作のため */
	height:47px;
	/* </JB追記> */
}
.feature .txt a {
	/* by JB リンク色はサイト全体で青系に統一 */
	/* color: #333; */
}
.feature .indicators {
	text-align: center;
	/* margin: 5px 0; */
	height: 8px;
	/* <JB追記> */
	/* JS動作のため */
	position:absolute;
	bottom:0px;
	left:0px;
	width:255px;
	text-align:center;
	/* </JB追記> */
}
.feature .indicators a,
.feature .indicators span {
	background: url(/common/webcg/images/v2/main_column/top_feature_indicator.png) 0 0 no-repeat;
	margin: 0 10px;
	width: 8px;
	height: 8px;
	display: inline-block;
	*display: inline;
	*zoom:1;
	vertical-align: top;
	cursor: pointer;
}
.feature .indicators .current {
	background-position: 0 -8px;
	cursor: default;
}
#tabs_articlelist .list_article .footer {
	margin-top: 15px;
	line-height: 1;
	*line-height: 1.2;
}

/*
* 編集部のおすすめ	
*/
#list_editor_pickup {
	margin-top: 14px;
	border-width: 0;
}
#list_editor_pickup .header {
	border-bottom: 1px solid #999;
	padding-bottom: 10px;
}
#list_editor_pickup h2,#list_update h2,.body.autoshow h2.title{
	border-left: 7px solid #000;
	padding-left: 5px;
	line-height:20px;
	font-weight:bold;
	font-size:16px;
	width:auto;
	height:auto;
	background-image:none;
}
#list_editor_pickup .body,
#list_editor_pickup .body li,
#list_editor_pickup .body li a {
	border-width: 0;
}
#list_editor_pickup .body {
	background: none;
}
#list_editor_pickup .body ul {
	font-size: 0;
	margin-right: -10px;
	width: 680px;
}
#list_editor_pickup .body li {
	position:relative;
	font-size: 13px;
	margin-right: 10px;
	margin-top: 10px;
	width: 160px;
	display: inline-block;
	*display: inline;
	*zoom: 1;
	/* 2013-08-07 */
	height:182px;
}
#list_editor_pickup .body li.last {
	margin-right:0px;
}
#list_editor_pickup .body li a {
	display: block;
	overflow: hidden;
	position:relative;
}
#list_editor_pickup .body li a:hover {
	text-decoration: underline;
}
#list_editor_pickup .body li .header,
#list_editor_pickup .body li .img,
#list_editor_pickup .body li .txt {
	display: block;
}
#list_editor_pickup .body li .txt {
	line-height: 1.4;
	font-size: 11px;
	/*background-color: #E5E5E5;*/
	padding: 5px 5px 0 5px;
	/* 2013-08-07 */
	height:46px;
	overflow:hidden;
}
#list_editor_pickup .body li .txt .title{font-weight:normal;}
#list_editor_pickup .body li .header {
	border: 0;
	margin-top: 4px;
	padding-bottom: 0;
	width: 100%;
	overflow: hidden;
	_zoom:1;
	color:#000;
    text-align: left;
    font-size:11px;
}
/* by JB 下線を正しく出すため */
#list_editor_pickup .body li .title {
display:block;
}
#list_editor_pickup .body li .new {
	margin-left: 5px;
	margin-bottom: 2px;
}
#list_editor_pickup .body li h3 {
	font-weight: normal;
}

/*
* 関連webサイト
*/
#ex_links {
	margin-top: 30px;
	padding-left: 12px;
	width: 148px;
}
#ex_links .header h4 {
	background: url(/common/webcg/images/v2/main_column/h_ex_links.png?2) 0 0 no-repeat;
	width: 100px;
	height: 11px;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
}
#ex_links ul {
	list-style-type: none;
}
#ex_links li {
	margin-top: 20px;
}
#ex_links li a {
	background: url(/common/webcg/images/v2/main_column/ex_links.png) 0 0 no-repeat;
	width:106px;
	display: block;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
}
#ex_links li a.cg:hover{ background-position:0 0; }
#ex_links li a.cg{ height:21px; background-position:0 -21px; }
#ex_links li a.gazoo:hover{ background-position:0 -42px; }
#ex_links li a.gazoo{ height:18px; background-position:0 -60px; }
#ex_links li a.nigensha:hover{ background-position:0 -78px; }
#ex_links li a.nigensha{ height:22px; background-position:0 -100px; }
#ex_links li a.cgclub:hover{ background-position:-2px -122px; }
#ex_links li a.cgclub{ height:24px; background-position:-2px -146px; }




/* ------- category-main-contents.css ------- */

/*
* 2段組
*/
#main_body .two_culumns .section,
#main_body .two_culumns .ad {
	clear: none;
}
.two_culumns .ad_listing {
	width: 468px;
}
/* 
* メーカー別検索
*/
.two_culumns #search_by_maker {
	width: 158px;
}
#search_by_maker {
	color: #000;
}
#search_by_maker .box{
	border: 1px solid #D8D8D8;
	margin-bottom:10px;
	border-radius:4px;
}
#search_by_maker .header {
	background-color: #e5e5e5;
	border: 1px solid #fff;
	border-bottom: 0;
}
/* #search_by_maker .header h2, */
#search_by_maker .header span.maker-search {
	display:block;
	color: #fff;
	font-size: 12px;
	font-weight:bold;
	text-align: left;
	border-bottom: 1px solid #002039;
	/* background: url(/common/webcg/images/v2/main_column/icon_search.png) 27px 50% no-repeat; */
	padding: 7px 0 5px 7px;
}

/* 絞り込みの場合 */
#search_by_maker .header .title.narrow_down,
#search_by_maker .header h2.narrow_down,
#search_by_maker .header h4.narrow_down {
	background: none;
	padding: 7px 0px 5px 7px;
	font-size:12px;
	font-weight:bold;
	display:inline-block;
}

#search_by_maker .body {
	line-height: 1.7;
	border: 1px solid #fff;
	border-top: 0;
	background-color: #e5e5e5;
	padding-bottom: 12px;
	overflow: hidden;
	_zoom:1;
}
#search_by_maker .body dl {
	border-top: 1px solid #fefefe;
	padding: 0 8px;
}
#search_by_maker .body dt {
	line-height: 26px;
	background-position: 0 50%;
	background-repeat: no-repeat;
	margin-top: 8px;
	padding-left: 24px;
	height: 24px;
}
#search_by_maker .japan {
	background-image: url(/common/webcg/images/v2/main_column/flag_1.png);
}
#search_by_maker .usa {
	background-image: url(/common/webcg/images/v2/main_column/flag_2.png);
}
#search_by_maker .uk {
	background-image: url(/common/webcg/images/v2/main_column/flag_3.png);
}
#search_by_maker .germany {
	background-image: url(/common/webcg/images/v2/main_column/flag_4.png);
}
#search_by_maker .italy {
	background-image: url(/common/webcg/images/v2/main_column/flag_5.png);
}
#search_by_maker .sweden {
	background-image: url(/common/webcg/images/v2/main_column/flag_6.png);
}
#search_by_maker .france {
	background-image: url(/common/webcg/images/v2/main_column/flag_7.png);
}
#search_by_maker .korea {
	background-image: url(/common/webcg/images/v2/main_column/flag_8.png);
}

#search_by_maker .body dl,
#search_by_maker .body ul {
	font-size: 0;
}
#search_by_maker .body dt,
#search_by_maker .body li {
	font-size: 13px;
}
#search_by_maker .body a {
	color: #00508e;
	text-decoration: none;
	display: block;
	*zoom: 1;
}
#search_by_maker .body a:hover {
	text-decoration: underline;
}
#search_by_maker .body .other {
	margin-top: 10px;
	padding: 0 8px;
}
/* by JB メーカー、車種での絞り込み */
#search_by_maker .body .maker-search{

}
#search_by_maker .body .category-search{
	margin-top:10px;
}
#search_by_maker .body .maker-search li .car-search{
display:none;
}
#search_by_maker .body .maker-search li.current .car-search{
display:block;
}
#search_by_maker .body .car-search{
background-color:#fff;
color:#00508E;
}
#search_by_maker .body .car-search li{
padding-left:1em;
border-width:0px 0px 1px 0px;
border-color:#ccc;
border-style:solid;
}
#search_by_maker .body .car-search li,#search_by_maker .body .car-search li a{
color:#00508E;
}
#search_by_maker .body .car-search li.current{
background-color:#7cccff;
}
/* /by JB メーカー、車種での絞り込み */


/*
* 共通記事一覧
*/
.two_culumns .list_basic {
	width: 500px;
	float: right;
}
/* by JB タイトルがある場合 */
.two_culumns .list_basic h1,.search-result .list_basic h1,.two_culumns .list_basic h2,.search-result .list_basic h2,h2.special{
background: url("/common/webcg/images/v2/article/midashi.gif") no-repeat scroll left top transparent;
float: left;
font-size: 18px;
font-weight: bold;
margin: 0 0px 20px 0px;
padding: 0px 0px 0px 20px;
width: 450px;
}
/* /by JB タイトルがある場合 */
.list_basic {
	position:relative;
	border-width: 0;
}
.list_basic .header {
	padding-bottom: 10px;
}
.list_basic h2 {
	/*background: url(/common/webcg/images/v2/main_column/h_update.png) 0  0 no-repeat;*/
	background: transparent url("/common/webcg/images/v2/sub_column/bulet.png") no-repeat scroll 0px 0px;
	padding-left: 12px;
	margin-bottom:10px;
	width: 140px;
	height: 23px;
	line-height:20px;
	/*text-indent: 100%;*/
	white-space: nowrap;
	overflow: hidden;
}
.list_basic .body,
.list_basic .body li,
.list_basic .body li a {
	border-width: 0;
}
.list_basic .body {
	background: none;
	/* by JB タイトルが入るときのため */
	clear:both;
}
.list_basic .body ul {
	font-size: 0;
}
.list_basic .body li {
	font-size: 13px;
	border-top: 1px solid #999;
	padding: 10px 5px 10px 0;
	overflow: hidden;
	_zoom:1;
}
/* by JB 最後の記事の下部border */
.list_basic .body li.last {
	border-bottom: 1px solid #999;
}
/* /by JB 最後の記事の下部border */
.list_basic .body li a {
	display: block;
	overflow: hidden;
	_zoom:1;
}
.list_basic .body li a:hover {
	text-decoration: underline;
}
.list_basic .body li .header,
.list_basic .body li .img,
.list_basic .body li .txt {
	padding: 0;
	width: 360px;
	display: block;
	float: right;
}
.list_basic .body li .header {
	line-height: 1.1;
}
.list_basic .body li .header .category_name {
	margin-bottom: 5px;
	vertical-align: middle;
}
.list_basic .body li .header .date {
	color: #333;
	font-size: 10px;
	float: right;
}
.list_basic .body li .header .new {
	margin-right: 5px;
	display:inline-block;
	vertical-align:baseline;
}
.list_basic .body li .img {
	width: 120px;
	float: left;
	/* by JB 2013-04-30 縦長写真中央配置 */
	text-align:center;
}
.list_basic .body li .txt {
	line-height: 1.2;
}
.list_basic .body li .txt h3{
	display:inline;
}
.list_basic .body li .txt span {
	display: block;
	font-weight:normal;
}
.list_basic .body li .txt .title {
	display:inline;
	font-size: 107.7%;
	font-weight: bold;
}
.list_basic .body li .txt .title .category-caption{
	font-weight:bold;
	font-size:12px;
	line-height:1.8;
}
.list_basic .body li .txt .date{
	display:inline-block;
	font-size:11px;
	height:20px;
	line-height:20px;
	vertical-align:baseline;
}
.list_basic .body li .txt .summary {
	color: #333;
	font-size: 92.31%;
	margin-top: 2px;
}
.list_basic a.more{
	display:block;
	text-align:right;
	margin:10px 0px 16px 0px;
	padding-right:20px;
	background-image: url("/common/webcg/images/v2/sub_column/arrow.png");
	background-repeat: no-repeat;
	background-position: right center;
}
.list_basic a.more,.list_basic a.more:visited{
	text-decoration:none;
}
/* トップのRSS */
.list_basic a.rss {
	position:absolute;
	top:0px;
	right:0px;
	width:20px;
	height:20px;
	background-image: url(/common/webcg/images/v2/main_column/feed-icon-28x28.png); 
	background-position:0 0; 
	text-indent:100%;
	background-size:20px 20px;
	-webkit-background-size:20px 20px;
	-moz-background-size:20px 20px;
}


/* by JB 検索結果では左カラムはなし */
.search-result .list_basic .body li .header,.search-result .list_basic .body li .txt {
width:520px;
}

/* by JB エッセイトップ用スタイル */
#article.essays h1{
width:100%;
}
#article.essays p.essays-summary{
clear:both;
margin:20px 0px;
padding:10px;
background-color:#efefef;
border-style:dotted;
border-width:1px;
border-color:#ccc;

}

#article.essays .item{
clear:both;
width:660px;
margin:auto 0px 30px 0px;
padding:auto 0px;
border:none;
}
#article.essays .item .image{
width:200px;
clear:none;
float:left;
margin:0px;
padding:0px;
border:none;
}
#article.essays .item .content{
width:430px;
clear:none;
float:right;
margin:0px;
padding:0px;
border:none;
font-size:0.9em;
}
#article.essays .item .content h2{
width:auto;
margin-bottom:10px;
padding-left:0px;
background:none;
text-indent:0px;
line-height:1.4em;
font-size:1.1em;
height:1.4em;
}
#article.essays .item .content h3{
clear:both;
margin:5px auto 10px auto;
}
#article.essays .item .content h3 .date{
font-weight:normal;
}
#article.essays .item .content span.backnumber{
display:block;
float:right;
font-size:0.9em;
}



/* ------- article-signage.css ------- */

/* 記事カンバン */
#signage {
	/* background-color: #F0F0F0; */
	/* margin-top: 10px; */
	margin-bottom: 5px;
}
#signage .header {
	line-height: 1.4;
	margin-top: 20px;
	/* padding: 15px 18px; */
}
#signage.gallery .header{position:relative;margin-top:0;}
#signage.gallery .header p.date{
/*
width:auto;
float:none;
*/
max-width:200px;
float:left;
margin:0;
}
#signage .header .subtitle{
	font-size: 157%;
	font-weight:bold;
	margin-top:.5em;
	float:left;
}
#signage .header.impressions h2.title{
	font-weight:normal;
	font-size:14px;
	float:left;
	width:530px;
}
#signage .header.impressions .date{
	float:right;
}
#signage .header .title{
	font-size: 114.3%;
}
#signage .header.impressions .subtitle{
	font-size:157%;
	width:530px;
	margin-top:.2em;
}
#signage .header.impressions .header-middle{
	clear:both;
	margin-bottom:25px;
}
#signage .header .summary {
	/*font-size: 92.9%;*/
	font-size:100%;
	margin-top: 10px;
}

#signage .kanban .caption {
	font-size: 85.7%;
	line-height: 1.4;
	padding: 15px 18px;
	display: block;
}


/* -- 記事中のSNSボタン設定 --- */
.sns{overflow:hidden;}
.sns span{float:left;margin-left:5px;}
.sns span:first-child{margin-left:0;}

#article .body .sns{margin:20px 0;float:right;}


#signage .header-middle{overflow:hidden;}
#signage.gallery .header-middle{
/*position:absolute;bottom:0;right:0;*/
max-width:200px;
float:right;
clear:none;
}
#signage .header .sns {float:right;margin-top:.5em;}
#signage .header .sns a{
width:30px;
min-width:30px;
height:30px;
text-indent:100%;
overflow:hidden;
white-space:nowrap;
padding:0;
}

#signage .header .sns a{background-position:center;}


/* ------- article-main-contents.css ------- */


/* 記事 */
#article .page_title {
	font-size: 157%;
	padding-bottom: 10px;
	border-bottom: 1px solid #999;
	margin-bottom: 20px;
}
#article_body {
	margin-top: 10px;
	overflow: hidden;
	_zoom: 1;
}
/* 本文下のスペック */
#article_body .spec {
	font-size: 85.7%;
	margin-top: 24px !important;
}

/* 記事画像 */
#article_body .aside {
	margin-bottom: 20px;
	width: 210px;
	float: left;
	clear:right;
}
#article_body .aside .img {
	margin-bottom: 20px;
}
#article_body .aside .img a.zoom {
	background: url(/common/webcg/images/v2//article/icon_zoom.png) 0 100% no-repeat;
	padding-bottom: 11px;
	display: block;
}
#article_body .aside .img a.zoom:hover {
	background-image: url(/common/webcg/images/v2//article/icon_zoom_s2.png);
}
#article_body .aside .img .caption {
	font-size: 78.6%;
	line-height: 1.4;
	margin-top: 7px;
	display: block;
}
/* 記事本文 */
#article_body .body {
	width: 440px;
	float: right;
}
#article_body .body p {
	margin-top: 1em;
}


/*
* ギャラリーページの場合
*/
#article_body.gallery {
	margin-top: 0;;
}
#article_body.gallery .body {
	margin: 0;
	width: 670px;
	float: none;
}
#main_body .body #gallery_main_image {
	position:relative;
	text-align: center;
	margin-top: 0;
}
#main_body .body #gallery_main_image .indicator.left{
	display:block;
	position:absolute;
	width:50%;
	height:100%;
	left:0px;
	top:0px;
}
#main_body .body #gallery_main_image .indicator.right{
	display:block;
	position:absolute;
	width:50%;
	height:100%;
	right:0px;
	top:0px;
}
#main_body .body #gallery_main_image .indicator div{
	width:100%;
	height:100%;
	opacity:1;
	/* IE10 以下 */
	opacity:0\9;
	background-color:#efefef\9;
}
#main_body .body #gallery_main_image .indicator:hover{
	cursor:pointer;
}
#main_body .body #gallery_main_image .indicator img{
	display:none;
	position:absolute;
	top:195px;
	right:20px;
}
#main_body .body #gallery_main_image .indicator.left img{
	left:20px;
}
#gallery_main_image .caption {
	font-size: 85.7%;
	text-align: left;
	padding: 10px 10px 0;
	display: block;
}
#main_body #gallery_thumbs {
/*
	margin-right: -10px;
	width: 680px;
*/
	margin-right: 0px;
	width: 670px;
	text-align: center;
}
#gallery_thumbs ul {
	font-size: 0;
}
#gallery_thumbs li {
	font-size: 12px;
	text-align: center;
	background-color: #efefef;
	margin: 0 2px 5px 2px;
	width: 130px;
	display: inline-block;
	*display: inline;
	*zoom: 1;
	/* 20130518 */
	vertical-align:middle;
}
#gallery_thumbs li:nth-of-type(5n+1) {
	margin-left:0px;
}
#gallery_thumbs li:nth-of-type(5n) {
	margin-right:0px;
}
#gallery_thumbs li.blank {
	background-color: #fff;
	width: 130px;
	height: 86px;
}
#gallery_thumbs li a:hover img {
	-moz-opacity:0.8;
	opacity:0.8;
	filter: alpha(opacity=80);
	-ms-filter: "alpha(opacity=80)"; 
}
#gallery_thumbs li.current a img {
	filter: alpha(opacity=50);
	-moz-opacity:0.5;
	opacity:0.5;
	filter: alpha(opacity=50);
	-ms-filter: "alpha(opacity=50)";

}
#article_body.gallery .back-to-article{
	margin-top:5px;
	text-align:center;
	font-size:110%;
}
#article_body.gallery .pagenation {
	margin-top: 10px;
	clear:both;
}


/*
* 関連記事と同カテゴリ記事一覧
*/

#article-end-related.list_article{border-style:none;}
#article-end-related.list_article .inner-box{border:1px solid #d8d8d8;margin-bottom:20px;}

#article-end-related.list_article .header {
	background-color: #FAFAFA;
	padding: 7px 9px 5px;
}
#article-end-related.list_article .header h2, #article-end-related.list_article .header .title{
	background: url(/common/webcg/images/v2/sub_column/bulet.png) 0 0 no-repeat;
	padding-left: 12px;
	font-weight:bold;
}
#article-end-related{
	margin:20px 0px;
}
#article-end-related.list_article .body{
	margin:0px;
	padding:0px;
	border:none;
	width:100%;
	background: #FAFAFA;
}
#article-end-related.list_article div.body{
	width:auto;
	margin:0px;
	padding:10px 14px;
	border-top: 1px solid #CCC;
}
#article-end-related.list_article div.body .kw a{
	margin:0px 5px 0px 0px;
	padding:2px 15px;
	color:#666;
	background-color:#fff;
	border:solid 1px #ddd;
	border-radius:4px;
	display:inline-block;
	text-decoration:none;
}
#article-end-related.list_article div.body .kw a:hover{background-color:#efefef;}
#article-end-related.list_article .body li{
	width:50%;
	margin:0px;
	float:right;
	clear:none;
}
#article-end-related.list_article ul.body li:nth-child(2n+1){
	clear:both;
	float:left;
}

#article-end-related.list_article li {
	line-height: 1.2;
}
#article-end-related.list_article li a:hover {
	text-decoration: underline;
}
#article-end-related.list_article li .icon,
#article-end-related.list_article li .img,
#article-end-related.list_article li .txt {
	font-size: 85.7%;
	padding: 10px 0;
	display: table-cell;
	*display: inline;
	*zoom:1;
	vertical-align: middle;
}
#article-end-related.list_article li .img {
	padding-left: 10px;
	padding-right: 10px;
}
#article-end-related.list_article li .txt {
	padding-left: 0;
	padding-right: 10px;
	*width: 210px;
	font-size:92.86%;
	vertical-align:top;
}
#article-end-related.list_article li .txt .title {
	font-size: 116.67%;
	font-weight: normal;
	text-decoration: underline;
}
#article-end-related.list_article li a:hover .icon {
	text-decoration: none !important;
}





#article #tabs_articlelist.article {
	margin-top: 30px;
}
#article.ad_right #tabs_articlelist.article {
	float:right;
	width:435px;
	margin-bottom:20px;
}
/* 2015.05からの新広告対応。左右並びadがあった場合は、その直下のタブは広げる */
/* 切り替え後は上記「width:435px;」を670pxとすれば、以下の定義は不要となる */
#article.ad_right .webcg-ad1.wide + #tabs_articlelist.article{
	width:670px;
}
#article #tabs_articlelist.article .tabs li a {
	background-image: url(/common/webcg/images/v2//article/articlelist_tabs.png);
	text-indent:100%;
}
#article #tabs_articlelist.article .tabs li#tab_1 a:hover {
	background-position: 0 -31px;
}
#article #tabs_articlelist.article .tabs li#tab_1.ui-state-active a {
	background-position: 0 -62px;
}
#article #tabs_articlelist.article .tabs li#tab_2 a {
	background-position: 0 -93px;
	width: 150px;
}
#article #tabs_articlelist.article .tabs li#tab_2 a:hover {
	background-position: 0 -124px;
}
#article #tabs_articlelist.article .tabs li#tab_2.ui-state-active a {
	background-position: 0 -155px;
}
#article #tabs_articlelist.article .tabs li.ui-state-active a {
	cursor: default;
}
#article #tabs_articlelist.article .panel h5 a {
	text-decoration:underline;
}

/* by JB 前後の記事へ、および著者プロフィル */
#article_body #profile{
margin:20px 0px;
padding:5px;
border-style:solid;
border-width:1px;
border-color:#ccc;
background-color:#efefef;
font-size:0.9em;
}
#article_body #profile .photo{
float:left;
width:105px;
border:none;
margin:0px;
padding:0px;
}
#article_body #profile .photo img{
max-width:105px;
}
#article_body #profile .text{
clear:none;
width:300px;
float:left;
margin-left:10px;
}
#article_body #profile h4{
font-size:1.1em;
width:auto;
border:none;
float:left;
margin:0px auto 0px auto;
background-image:none;
padding-left:0px;
}
#article_body #profile p{
width:auto;
margin-top:5px;
}
#article_body #profile .backnumber{
clear:both;
margin-top:10px;
font-size:0.9em;
float:right;
}

#article_body #link2kwds{
clear:both;
margin:20px 0px;
padding:10px 0px;
text-align:left;
font-size:1.1em;
border-top:1px solid #ccc;
border-bottom:1px solid #ccc;
}
#article_body #link2kwds a{
text-decoration:none;
}
#article_body #link2kwds a:hover{
text-decoration:underline;
}
#article_body .prev-next{
width:100%;
/*margin:20px 0px;*/
margin:0px;
font-size:13px;
}
#article_body .prev-next.essays{
margin-top:20px;
}
#article_body .prev-next .prev{
float:left;
width:30%;
text-align:left;
}
#article_body .prev-next .next{
clear:none;
width:30%;
float:right;
text-align:right;
}




/* **************************************** */
/* by JB 本文部分調整 */
/* **************************************** */

/* ゴミ書式を非表示にする */
.hidden{
display:none;
}

/* 標準レイアウト用本文領域 */
#article_body p{
width:440px;
margin:14px 0px 0px 0px;
float:right;
clear:none;
}

/* solos編集@0308 */
#article_body h4,#article_body h3,#article_body h1,#article_body.news h2{
font-weight:bold;
/* font-size: 22px; */
/* by JB */
font-size:18px;
/*border-bottom: 1px solid #999; JB調整*/
background: url(/common/webcg/images/v2//article/midashi.gif) no-repeat scroll left top;
margin:14px 0px 0px 0px;
/*padding-bottom: 5px;*/
padding:0 0 2px 15px;
width:425px;
float:right;
}
* html #article_body h4{width:440px;}
/* ここまでsolos編集@0308 */
/* ニュース用スタイル */
#article_body.news h4,#article_body.news h1,#article_body.news h2 {
font-size:1.2em;
}

/* フリーレイアウト用本文領域 */
#article_body p.free,#article_body h4.free{
width:auto;
float:none;
background:none;
padding:0 0 5px 0;
}

/* 画像右レイアウト用本文領域 */
#article_body p.aside2,#article_body h4.aside2{
width:440px;
float:left;
clear:none;
}

/* 標準レイアウト用画像領域 */
#article_body .aside{
margin-right:20px;
margin-bottom:0px;
clear:both;
}
#article_body .image-area.aside-alone{
clear:left;
float:left;
margin-right:20px;
}
#article_body .image-area,#article_body .aside .image-area{
clear:right;
float:none;
margin:14px auto 0px auto;
padding:0px;
border:none;
}

#article_body .image-area p{
width:210px;
margin:0px;
padding:0px;
border:none;
}
#article_body .image-area caption,#article_body .image-area .caption{
caption-side:bottom;
/* display: block; */
text-align:left;
font-size: 78.6%;
line-height: 1.4;
margin-top: 7px;
}
#article_body .image-area a.zoom {
	background: url(/common/webcg/images/v2//article/icon_zoom.png) 0 100% no-repeat;
	padding-bottom: 11px;
	display: block;
}
#article_body .image-area a.zoom:hover {
	background-image: url(/common/webcg/images/v2//article/icon_zoom_s2.png);
}
/* フリーレイアウト用画像領域 */
#article_body .image-area.free{
/* float:left; */
margin:14px 10px 20px 10px;
}

/* 画像右レイアウト用画像領域 */
#article_body .aside2{
float:right;
clear:both;
}
#article_body .image-area.aside2-alone{
clear:both;
float:right;
}

/* 動画 */
#article_body .video-container{
/* 20130522 */
/* clear:both; */
clear:right;
float:right;
margin:10px;
}

/* 各種微調整用スタイル */
h4.main-title{
/* エッセイの移行記事で本文にタイトルがダブって入っているものを非表示にする */
/* 旧システムのテンプレートで「本文なしタイトルのみテンプレート」だったもの */
display:none;
}
.kanban .img{
display:block;
text-align:center;
}
.kanban .spec{
width:630px;
margin:0px auto;
padding:10px 15px;
font-size:0.8em;
background-color:#e5e5e5;
}

/* カースコープ */
p.carscope{
clear:both;
}

/* クルマ生活Q&A */
.qa #article_body h1 {
font-size:18px;
border-bottom: 1px solid #999999
}
.qa h4.main-title,.qa h4.mail-title{
display:none;
}
#article_body .question{
width:100%;
min-height:100px;
background-image:url(/common/webcg/images/v2//article/qa/q.gif);
background-repeat:no-repeat;
background-position:140px 14px;
}
#article.qa{
background-image:url(/common/webcg/images/v2//article/qa/qa_bg.gif);
background-repeat:no-repeat;
background-position:280px 50px;
}
#article_body .answer{
clear:both;
width:100%;
margin-top:70px;
min-height:150px;
background-image:url(/common/webcg/images/v2//article/qa/a_bg.png);
background-repeat:no-repeat;
background-position:50px 14px;
}
.qa #article_body h1 {
font-size:18px;
border-bottom: 1px solid #999999
}
.qa h4.main-title,.qa h4.mail-title{
display:none;
}
#article.WEBCG-qa .question{

}
.qa  #article_body{
background-image:url(/common/webcg/images/v2//article/qa/qa_other.gif);
background-repeat:no-repeat;
background-position:45px 45px;
}
.qa.WEBCG-qa-body #article_body{
background-image:url(/common/webcg/images/v2//article/qa/qa_body.gif);
}
.qa.WEBCG-qa-engine #article_body{
background-image:url(/common/webcg/images/v2//article/qa/qa_engine.gif);
}
.qa.WEBCG-qa-battery #article_body{
background-image:url(/common/webcg/images/v2//article/qa/qa_battery.gif);
}
.qa.WEBCG-qa-transmission #article_body{
background-image:url(/common/webcg/images/v2//article/qa/qa_transmission.gif);
}
.qa.WEBCG-qa-brake #article_body{
background-image:url(/common/webcg/images/v2//article/qa/qa_brake.gif);
}
.qa.WEBCG-qa-tire #article_body{
background-image:url(/common/webcg/images/v2//article/qa/qa_tire.gif);
}
.qa.WEBCG-qa-suspension #article_body{
background-image:url(/common/webcg/images/v2//article/qa/qa_suspension.gif);
}
.qa.WEBCG-qa-oil #article_body{
background-image:url(/common/webcg/images/v2//article/qa/qa_oil.gif);
}
.qa.WEBCG-qa-driving #article_body{
background-image:url(/common/webcg/images/v2//article/qa/qa_driving.gif);
}