/* BARKS特集用テンプレート（完全版）2010.09.09修正 yusukondo */

/* 共通
-------------------------------------------------------- */
.present_item:after, .cdbox:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	height: 0;
	overflow: hidden;
}

.clear_both {
	clear: both;
	height: 1px;
	font-size: 1px;
}


/* 基本事項
-------------------------------------------------------- */
#FeatureWrap {
	margin: 0;
	padding: 0;
	width: 600px;
	font-size: 12px;
/*	font-family: 'Lucida Grande', sans-serif; */
	font-family: 'メイリオ',Meiryo,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','ＭＳ Ｐゴシック',sans-serif;
	line-height: 150%;
	color: #000;
	background: #fff;
	overflow:hidden;
	/*border:1px solid #FF6600;*/
}

#FeatureWrap a {color:#f3f3f3;text-decoration:underline;}
#FeatureWrap a:hover {color:#ff6600;text-decoration:none;}
#FeatureWrap ul,#FeatureWrap ol,#FeatureWrap li,#FeatureWrap dl,#FeatureWrap dt,#FeatureWrap dd {margin:0;padding:0;list-style:none;}
#FeatureWrap p {margin:0;}
#FeatureWrap img {border:none;}
#FeatureWrap .hide {display:none;}
#FeatureWrap .clr {clear:both;height:0;font-size:1px;line-height:1px;}
#FeatureWrap .clearfix:after {content:".";display:block;clear:both;height:0;visibility:hidden;}
.clearfix {min-height:1px;}
* html #FeatureWrap .clearfix {height:1px;}

/* 共通ページナビ消去 */
.Item {margin:0;width:600px;}
.ItemName {display:none;line-height:0;padding:0;visibility:hidden;}
.Itemdata {margin:5px 0 10px;}


/* FEATURE NAVI
------------------------------------------------------- */
#FeatureWrap .FeatureNavi { 
width:600px;
height:50px;
}

#FeatureWrap .FeatureNavi li {
float:left;
width:300px;
}

a.imghover:hover img {
opacity:0.8;
filter: alpha(opacity=80);
-ms-filter: "alpha( opacity=80 )";
background: #fff;
}

/* ------------------------------------------------------- */

/* メインイメージ・フッタ
------------------------------------------------------- */
#FeatureWrap h1 {
	margin:0;
	padding:0;
	font-size:1px;
	line-height:1px;
	width:600px;
	height:110px;
	text-indent:-9999px;
	background:url(http://img.barks.jp/image/review/1000097115/feature_title.jpg) no-repeat 0 0;
}

#FeatureWrap h2 {
	margin:0;
	padding:0;
	font-size:1px;
	line-height:1px;
	width:600px;
	height:250px;
	text-indent:-9999px;
	background:url(http://img.barks.jp/image/review/1000097115/feature_title.jpg) no-repeat 0 -110px;
}

#FeatureWrap #feature_footer {
	clear:both;
	padding-top: 50px;
	width:600px;
	height:50px;
	background:url(http://img.barks.jp/image/review/1000097115/feature_title.jpg) no-repeat 0 -360px;
}

#FeatureWrap #feature_footer p {
	float:right;
	padding:10px 0 0 0;
}

#FeatureWrap #feature_footer p a {
	color:#404248;
	text-decoration:none;
}

#FeatureWrap #feature_footer p a:hover {
	color:#9d9fa3;
}


/* 基本ボックス定義
------------------------------------------------------- */
#FeatureWrap #FeatureBox {
	background: #000 url(http://img.barks.jp/image/review/1000097115/bg1.gif) repeat left top;
}

#FeatureWrap #Feature_in {
	clear:both;
	padding:10px;
}

#FeatureWrap #Feature_in .box {
	margin-bottom:20px;
	clear:both;
}

/* SUB HEADING
------------------------------------------------------- */
#FeatureWrap #Feature_in .box h3.sub_heading {
margin:0;
width:580px;
height:50px;
clear:both;
text-indent:-9999px;
}



/* TOP - PRESENT
------------------------------------------------------- */
#Feature_in .present_item {
	margin-top: 10px;
	margin-left: 30px;
}

#Feature_in .present_item IMG {
	float:left;
	margin-right: 20px;
}

#Feature_in .present_item P {
	margin-top: 10px;
}


/* TOP - LINK
------------------------------------------------------- */
#Feature_in .linkset {
margin:10px 0;
padding:10px 12px;
clear:both;
/*background:#000 url(http://img.barks.jp/image/review/1000080768/bg2.gif) repeat left top;*/
background:#282828;
border: 1px solid #cb0000;
}
#Feature_in .linkset a {
margin:0 15px 0 0;
display:block;
float:left;
line-height:25px;
padding-left:14px;
background:url(http://img.barks.jp/image/review/1000080768/feature_images.png) no-repeat 0 -680px;
}

#Feature_in .linkset .qrc {
float:right;
font-size:10px;
text-align:center;
}

#Feature_in .linkset .qrc img {
margin:0 0 4px 0;
}



/* INFOMATION
--------------------------------------------------------*/
#Feature_in .Infobox {
margin:10px 10px 5px 0px;
clear:both;
}
#Feature_in .Infobox h4 {
margin:20px 0 10px;
padding:0 10px 5px 5px;
border-bottom:1px dotted #cb0000;
color:#fff;
font-size:140%;
}
#Feature_in .Infobox p {
margin:5px 10px;
}
#Feature_in .Infobox p strong {
color:#f3f3f3;
display:block;
padding:5px 0 2px;
}
/**/
#Feature_in .infoimg {
margin:10px 0;
background:#e6ecf3;
border:2px solid #cfd8e3;
float:left;
clear:both;
}
#Feature_in .infoimg ul {
border:1px solid #b5c2d1;
padding:10px;
float:left;
}
#Feature_in .infoimg ul li {
margin:0 4px 10px;
float:left;
width:125px;
}
#Feature_in .infoimg ul li.last {
margin:0 0 5px 0;
}
#FeatureWrap .infoimg ul li img {
margin:0;
}
#FeatureWrap .infoimg ul li span {
display:block;
line-height:12px;
margin:0 3px;
}
#Feature_in .Infobox .img_r {
float:left;
width:162px;
padding:5px 0 5px 5px;
text-align:center;
line-height:14px;
}
#Feature_in .Infobox .img_r img {
padding-bottom:3px;
}

/* 華麗なる
------------------------------------------------------- */


#jrockx_left {
float: left;
width: 277px;
margin: 15px 10px 15px 12px;
}
#jrockx_left_inner {
width:277px;
margin-top:10px;
font-size: 12px;
line-height: 130%;
color:#fff;
}
#jrockx_left_inner ul {
margin-top:5px;
list-style:none;
}
#jrockx_left_inner li {
width:130px;
float:left;
margin: 4px;
}

#jrockx_right {
float: left;
width: 277px;
margin: 15px 10px 15px 12px;
}
#jrockx_right_inner {
width:277px;
margin-top:10px;
font-size: 12px;
line-height: 130%;
color:#fff;
}
#jrockx_right_inner ul {
margin-top:5px;
list-style:none;
}
#jrockx_right_inner li {
width:130px;
float:left;
margin: 4px;
}

#jrockx_final {
width: 590px;
display: inline-block;
margin-left: 10px;
margin-right: 6px;
margin-bottom: 20px;
font-size: 12px;
line-height: 130%;
color:#fff;
}

#jrockx_final ul {
margin-top:5px 0 0 5px;
list-style:none;
}
#jrockx_final li {
width:190px;
float:left;
margin-bottom: 8px;
}