﻿@charset "utf-8";

/* ---------------------------------------------------------
TITLE　: LILQUIDROOM [feature.css]
------------------------------------------------------------ 
------------------------------------------------------------
目次
------------------------------------------------------------ */
/* ---------------------------------------------------------
基本設定
------------------------------------------------------------ */
/*commonbase.cssから継承*/
body{
}

/* ---------------------------------------------------------
リンク設定
------------------------------------------------------------ */
a:link {
	color:#666666;
	line-height:1.2;
	text-decoration:none;
}

a:visited {
	color:#666666;
	text-decoration:none;
}

a:hover {
	color:#333333;
	text-decoration:underline;
	padding:0 0 1px 0;/*Macで下線を安定して表示*/
}

a:active {
	color:#666666;
	text-decoration:underline;
}


/* ---------------------------------------------------------
メインコラム[commonlayoutより上書き]
------------------------------------------------------------ */

/* ---------------------------------------------------------
ピックアップリスト
------------------------------------------------------------ */
.outer{
}

/*3コラム*/
.boxlist3col{
	display:inline;
	float:left;
	width:308px;

	padding:0;
	margin:0;
	background:#ffffff;/*これをなくすとIE6でバグ*/
}

.marginr{
	margin:0 18px 0 0;
}


.boxlist3col h2{
	height:17px;
	margin:0 0 10px 0;
	padding:0;
}


/*各カテゴリ別サムネイル*/
ul.list3col{
	width:308px;
		
	margin:0 auto;
	margin-bottom:6px;
	padding:0;
}

ul.list3col li{
	width:308px;
	height:88px;

	color:#333333;
	/*word-break: break-all;*/
	
	padding:0;
	margin:0 0 2px 0;
}


ul.list3col li p{
	line-height:1.2;

	/*display: table-cell;*/
	vertical-align: top;
	margin: 0;
	padding:0;
}

/*サムネイル画像*/
ul.list3col li p.thumbpct a{
	float:left;
	width:104px;/*122*/
	overflow:hidden;
	padding:1px;
	margin:0 8px 0 0;
	background:#ffffff;
	border:solid 1px #cccccc;
}

ul.list3col li p.thumbpct img{
	border:solid 3px #eaeaea;
}

ul.list3col li p.thumbpct a:hover{
	border:solid 1px #999999;
}


/*サムネイルタイトル*/
ul.list3col li p.thumbtxt a{
	float:left;
	width:182px;
	max-height:58px;/*82*/
	background:transparent url(../common/images/icon_arrowlink.gif) no-repeat 0 4px;
	
	line-height:1.2;
	overflow:hidden;
	
	padding:0 0 0 10px;
	margin:2px 0 3px 0;
}

ul.list3col li p.date{
	float:left;
	font-size:11px;
	font-weight:normal;
	color:#999999;
	padding:0 0 0 10px;
	margin:0;
}



/*サムネイル NEW
------------------------------------------------------------ */
ul.list3col li.new{
	height:304px;
	text-align:left;
	padding:0;
	margin:0 0 2px 0;
}

ul.list3col li.new p{
	width:308px;
	line-height:1.2;

	vertical-align: top;
	margin: 0;
	padding:0;
}


/*サムネイル画像 大*/
ul.list3col li.new p.thumbpctl{
}

ul.list3col li.new p.thumbpctl a{
	width:306px;
	height:230px;
	/*height:236px;*/
	display:block;
	padding:1px;
	margin:0 0 6px 0;
	background:#ffffff;
	border:solid 1px #cccccc;
}

ul.list3col li.new p.thumbpctl img{
	border:solid 3px #eaeaea;
}

ul.list3col li.new p.thumbpctl a:hover{
	border:solid 1px #999999;
}


/*サムネイルテキスト 大*/
ul.list3col li.new p.thumbtxtl a{
	width:258px;
	max-height:28px;
	background:transparent url(../common/images/icon_arrowlink.gif) no-repeat 0 4px;

	overflow:hidden;
	line-height:1.2;
	display:block;

	font-weight:bold;
	padding:0 0 0 10px;
	margin:0 0 3px 0;
}


ul.list3col li.new p.date{
	font-size:11px;
	font-weight:normal;
	color:#999999;
	padding:0 0 0 10px;
	margin:0;
}

.andmore{
	width:274px;
	font-size:11px;
	text-align:right;
}

/* ---------------------------------------------------------
バックナンバー
------------------------------------------------------------ */
/*バックナンバー*/
.boxbacknumber{
	display:inline;
	float:left;
	width:678px;/*636px*/

	padding:0;
	margin:0;
	background:#ffffff;/*これをなくすとIE6でバグ*/
	margin-bottom:18px;
}

.boxbacknumber h2{
	height:17px;
	margin:0 0 18px 0;
	padding:0;
}

/*各カテゴリ別サムネイル*/
.boxbacknumber ul{
	width:678px;
		
	margin:0 auto;
	margin-bottom:30px;
	padding:0;
}

.boxbacknumber ul li{
	float:left;
	display:inline;
	width:331px;
	height:82px;

	color:#333333;
	/*word-break: break-all;*/
	
	padding:3px;
	margin:0 2px 2px 0;
}

.boxbacknumber ul li p{
	line-height:1.2;

	/*display: table-cell;*/
	vertical-align: top;
	margin: 0;
	padding:0;
}

/*サムネイルタイトル：backnumber
------------------------------------------------------------ */
ul.list2col li p.thumbtxt a{
	float:left;
	width:188px;
	height:80px;/*82*/
	background:transparent url(../common/images/icon_arrowlink.gif) no-repeat 0 5px;
	
	line-height:1.4;
	overflow:hidden;
	
	padding:0 0 0 9px;
	margin:2px 0 0 0;
}





/* ---------------------------------------------------------
共通エントリー
------------------------------------------------------------ */
/*
共通：ヘッダ部：写真、インタビュアー、プロローグ
------------------------------------------------------------ */
.boxhead{
	color:#000000;
	background:transparent url(../common/images/line_dot_gry.gif) repeat-x left bottom;
	padding:0 0 6px 0;
	margin:0 0 24px 0;
}

.boxhead img{
	padding:0;
	margin:0 0 24px 0;
}

.boxhead h3{
	font-size:30px;
	font-weight:bold;
	line-height:1.1;
	padding:0;
	margin:0 0 16px 0;
}

/*
共通：プロフィール
------------------------------------------------------------ */
.boxprofile{
	background:#f5f5f5;
	padding:20px;
	margin:18px 0 24px 0;
}

.boxprofile h3{
	color:#000000;
	font-size:14px;
	font-weight:bold;
	line-height:1.1;
	padding:0;
	margin:0 0 16px 0;
}

/*
共通：最新の記事
------------------------------------------------------------ */
.outernewentries{
	padding:40px 0 0 0;
}


h4{
	font-size:14px;
	line-height:1.1;
	font-weight:bold;
	color:#333333;
	
	margin:0 0 14px 0;
	padding:0 0 0 10px;
	
	background:transparent url(../common/images/icon_vline_4px.gif) no-repeat 0 1px;
}


ul.newentries {
	background:transparent url(../common/images/line_dot_gry.gif) repeat-x left top;
}

ul.newentries li{
	color:#666666;
	background:transparent url(../common/images/line_dot_gry.gif) repeat-x left bottom;
	padding:6px 0 6px 2px;
}

ul.newentries li a{
	background:transparent url(../common/images/icon_arrowlink.gif) no-repeat 0 4px;
		
	padding:0 0 0 10px;
}


/* ---------------------------------------------------------
インタビュー
------------------------------------------------------------ */
.boxcontents{
	padding:0 0 20px 0;
	margin:0;
}

.boxcontents strong{
	font-weight:bold;
	color:#000000;
}

.boxcontents span{
	font-weight:bold;
	color:#990000;
	padding:0 6px 0 0;
}


/* ---------------------------------------------------------
エントリー：ニクい奴
------------------------------------------------------------ */
.inner{
	padding:0 0 18px 0;
	margin:0 0 12px 0;
	border-bottom:solid 1px #cccccc;
}

.inner-withtopmargin{
	padding:0 0 18px 0;
	margin:36px 0 12px 0;
	border-bottom:solid 1px #cccccc;
}

/*左コラム*/
.jkt{
	display:inline;
	float:left;
	width:140px;/*140*/
}

.jkt img{
	border:solid 1px #cccccc;
	padding:3px;
	width:120px;
}

/*右コラム*/
.comment{
	display:inline;
	float:left;
	/*width:496px;*/
	width:538px;
}

ul.titleinfo{
	clear:both;
	
	color:#666666;
	margin:0 0 10px 0;
}

ul.titleinfo li{
	clear:both;
	float:left;
	height:16px;
	
	padding:0;
	margin:0 0 3px 0;
}

ul.titleinfo li.title{
	background:transparent url(../review/images/icon_title.gif) no-repeat left 4px;
	padding:0 0 0 45px;
	width:451px;

	display:block;
}


ul.titleinfo li.artist{
	background:transparent url(../review/images/icon_artist.gif) no-repeat left 4px;
	padding:0 0 0 45px;
	width:451px;
}
/*
ul.titleinfo li img{
	padding:1px 0 0 10px;
}
*/
/*ボタン：tower.jp*/
a.btntower{
	float:left;
	width:60px;
	height:14px;
	background:transparent url(../wp/wp-content/liquidrecordings/images/btn_towerjp.gif) no-repeat 0 0;
	text-indent:9999px;
	overflow:hidden;
	display:block;
	/*padding:0;*/
	margin:6px 0 0 0px;

}

/*.btntower a{
	width:60px;
	height:14px;
	background:transparent url(../liquidrecordings/images/btn_towerjp.gif) no-repeat 0 0;
	display:block;
	padding:0;
	margin:0;
}*/

a.btntower:hover{
	background:transparent url(../wp/wp-content/liquidrecordings/images/btn_towerjp.gif) no-repeat 0 -20px;
	margin:6px 0 0 0px;
}


/* ---------------------------------------------------------
ライブレポート
------------------------------------------------------------ */




