@charset "utf-8";

/* ---------------------------------------------------------
TITLE　: LILQUIDROOM [top.css]
------------------------------------------------------------ 
------------------------------------------------------------
目次
-基本設定
-リンク設定
------------------------------------------------------------ */


/* ---------------------------------------------------------
基本設定
------------------------------------------------------------ */
/*commonbase.cssから継承*/
body{
}


/*2コラム：メイン*/
.contentsleft{
	float:left;
	width:648px;
}

/*2コラム：サイド*/
.contentsright{
	float:left;
	width:312px;
}

#container {
	width:100%;
	padding:0;
	/*background:transparent url(../images/bg.jpg) no-repeat -473px 0;*/
}


/* ---------------------------------------------------------
メインコラム[commonlayoutより上書き]
------------------------------------------------------------ */
/*#main{
	width:960px;
}
/*
.maincontents{
	width:960px;
}*/

/* ---------------------------------------------------------
フッタ：共通
------------------------------------------------------------ */
#footer{
	clear:both;
	position:relative;
}


/* ---------------------------------------------------------
リンク設定
------------------------------------------------------------ */
/*リンク*/
a:link {
	color:#666666;
	line-height:1.2;
	text-decoration:none;
	padding:0 0 1px 0;/*Macで下線を安定して表示*/
}

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

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

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



/*リンク三角*/
.boxnews a:link{
	color:#666666;
	line-height:1.2;
	text-decoration:none;
	background:transparent url(../common/images/icon_arrowlink.gif) no-repeat 0 4px;
	padding:0 0 1px 8px;
}

.boxnews a:visited{
	color:#666666;
	text-decoration:none;
	background:transparent url(../common/images/icon_arrowlink.gif) no-repeat 0 4px;
	padding:0 0 1px 8px;
}

.boxnews a:hover{
	color:#666666;
	text-decoration:underline;
	background:transparent url(../common/images/icon_arrowlink.gif) no-repeat 0 4px;
	padding:0 0 1px 8px;
}

.boxnews a:active{
	color:#666666;
	text-decoration:underline;
	background:transparent url(../common/images/icon_arrowlink.gif) no-repeat 0 4px;
	padding:0 0 1px 8px;
}

/*リンク三角*/
.more a:link{
	color:#666666;
	line-height:1.2;
	text-decoration:none;
	background:transparent url(../common/images/icon_arrowlink.gif) no-repeat 0 3px;
	padding:0 0 0 7px;
}

.more a:visited{
	color:#666666;
	text-decoration:none;
	background:transparent url(../common/images/icon_arrowlink.gif) no-repeat 0 3px;
	padding:0 0 0 7px;
}

.more a:hover{
	color:#666666;
	text-decoration:underline;
	background:transparent url(../common/images/icon_arrowlink.gif) no-repeat 0 3px;
	padding:0 0 0 7px;
}

.more a:active{
	color:#666666;
	text-decoration:underline;
	background:transparent url(../common/images/icon_arrowlink.gif) no-repeat 0 3px;
	padding:0 0 0 7px;
}



/* ---------------------------------------------------------
ヘッダ
------------------------------------------------------------ */
#pickupouter{
	width:100%;
	/*height:382px;*/
	height:372px;
	
	text-align:center;
	
	padding:0;
	margin:0;
	background:#212121 url(../images/bg_pickup.gif) no-repeat center top;
}

#pickupinner{
	width:960px;
	xheight:382px;
	
	text-align:center;
	
	padding:0;
	margin:0 auto;
}


/*インフォ2階
------------------------------------------------------------ */

.outer2f{
	width:958px;/*960-2*/
	height:auto;
	
	margin:0 0 24px 0;
	
	background:#f6f6f6;
	border:solid 1px #cccccc;
}

/*100608 hm add*/
.outer2fouter{
	width:956px;/*960-2-2*/
	height:auto;
	background:#f6f6f6;
	border:solid 1px #ffffff;
}
/**/

.outer2finner{
	width:956px;/*956-20*/
	line-height:1.2;
	margin:10px 0;

	background:#f6f6f6 url(../images/home_line_v_double.gif) repeat-y center center;
}

.boxloft{
	float:left;
	width:306px;/*316-10*/

	padding:0 0 0 10px;
	margin:0;

	xbackground:transparent url(../common/images/line_dot_v.gif) repeat-y right top;
}

.boxgallery{
	float:left;
	width:300px;/*324-24*/

	padding:0 12px 0 12px;
	margin:0;

	xbackground:transparent url(../common/images/line_dot_v.gif) repeat-y right top;
}

.boxtimeout{
	float:left;
	display:linline;
	width:304px;/*316-12*/

	padding:0 0 0 12px;
	margin:0;
}



/*タイトルボタン画像*/
.htitle2f{
	position:relative;
	width:135px;
	height:12px;

	overflow:hidden;
	
	margin:0 0 10px 0;
}

.ttlloft{
	position:absolute;
	top:0;
	left:0;	
}
a:hover .ttlloft{
	position:absolute;
	top:0;
	left:-200px;	
}

.ttlgallery{
	position:absolute;
	top:-20px;
	left:0;	
}
a:hover .ttlgallery{
	position:absolute;
	top:-20px;
	left:-200px;	
}

.ttltimeout{
	position:absolute;
	top:-40px;
	left:0;	
}
a:hover .ttltimeout{
	position:absolute;
	top:-40px;
	left:-200px;	
}





/*共通のdl dt dd*/
.outer2f dl{
	clear:both;
	font-size:12px;
	
	padding:0;
	xbackground:#ffffff;
}

.outer2f dl dt{
	clear:both;
	float:left;
	display:inline;
	/*font-family:Verdana;*/
	line-height:1.2;
		
	padding:0 10px 0 0;
	margin:0;
}


.outer2f dl dd{
	float:left;
	line-height:1.2;

	background:transparent url(../common/images/icon_arrowlink.gif) no-repeat 0 4px;
	padding:0 0 6px 7px;
	margin:0;
}



/*loft*/
dl.topics01{
	width:292px;/*304-12*/
}

dl.topics01 dt{
	width:30px;/*40-10*/
}

dl.topics01 dd{
	width:245px;/*252-7*/
}


/*gallery*/
dl.topics02{
	width:300px;/*312-12*/
}

dl.topics02 dt{
	width:70px;/*80-10*/
}

dl.topics02 dd{
	width:213px;/*220-7*/
}



/*NEWS HEADLINE
------------------------------------------------------------ */
/*タイトルボタン画像*/
.htitle{
	padding:1px 0 1px 0;
	margin:0 0 10px 0;
	background:#ffffff;
	border-top:solid 1px #e5e5e5;
	border-bottom:solid 1px #e5e5e5;
}

.htitle h3{
	background:#f6f6f6;
	
	padding:7px;
}

.htitle h3 span{
	position:relative;
	width:135px;
	height:12px;

	display:block;
	overflow:hidden;
	
	margin:0;
}

.ttlnews{
	position:absolute;
	top:0;
	left:0;	
}

.ttlfeature{
	position:absolute;
	top:-20px;
	left:0;	
}

.ttlstore{
	position:absolute;
	top:-40px;
	left:0;	
}


.boxnews{
	float:left;
	width:636px;/*636px*/
	height:202px;


	padding:0;
	margin:0 0 18px 0;
}

dl.newslist{
	clear:both;
	width:636px;
	font-size:12px;
	
	/*background:transparent url(../common/images/line_dot_gry.gif) repeat-x left bottom;*/
	padding:0;
	margin:0 auto;
	margin-bottom:6px;
}

.newslist dt{
	clear:both;
	float:left;
	width:75px;/*75*/
	height:15px;
	/*font-family:Verdana;*/
	line-height:1.2;
	
	background:transparent url(../common/images/line_dot_gry.gif) repeat-x left bottom;
	
	padding:0 0 6px 6px;
	margin:0 0 7px 0;
}


.newslist dd{
	float:left;
	width:555px;
	height:15px;
	line-height:1.3;

	background:transparent url(../common/images/line_dot_gry.gif) repeat-x left bottom;

	padding:0 0 6px 0;
	margin:0 0 7px 0;
}

.newslist dd a{
	height:14px;
	display:block;
	overflow:hidden;
	padding:0 0 0 7px;
}

.more{
	float:right;
	width:200px;
	font-size:11px;
	line-height:1.2;
	text-align:right;
	
	padding:0;
	margin:0;
}


/* ---------------------------------------------------------
サイドナビ：feed, mail, mobile, liquidrecordings
------------------------------------------------------------ */
.boxsideinner{/*commonlayoutより上書き*/
	width:288px;
}

/*モバイル*/
.qr{/*commonlayoutより上書き*/
	float:right;
	padding:1px 0 5px 12px;
}

/*メールサービス*/
dl.mailform{/*commonlayoutより上書き*/
	width:288px;
}

dl.mailform dt{/*commonlayoutより上書き*/
	width:218px;
}


/*.area01 { 
	width:194px;
	height:12px;
	padding:4px;
	background:#ffffff;
	border:#999999 solid 2px;
}*/


/* ---------------------------------------------------------
フィーチャー＆ストア  PICK UP
------------------------------------------------------------ */
.outer{
	clear:both;
	margin-bottom:18px;
}


/*2コラム*/
.boxlist2col{
	display:inline;
	float:left;
	width:312px;

	margin:0 12px 0 0;
	background:#ffffff;/*これを無くすとIE6で文字ダブりのバグ*/
}


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

ul.list2col li{
	width:312px;/*283*/
	height:93px;
	overflow:hidden;
	
	background:transparent url(../common/images/line_dot_gry.gif) repeat-x left bottom;
	padding:8px 0 0 0;
	margin:0;
}

.thumb a{
	float:left;
	background:#ffffff;
	border:solid 1px #cccccc;
	padding:1px;
	margin:0 10px 0 0;
}

.thumb a:hover{
	background:#ffffff;
	padding:1px;
	border:solid 1px #999999;
}


.thumb img{
	border:solid 3px #eaeaea;
}

/*ショップサムネイル*/
/*.thumb02 a{
	float:left;
	background:#ffffff;
	border:solid 1px #cccccc;
	padding:1px;
	margin:0 10px 0 0;

	height:74px;
	overflow:hidden;
}

.thumb02 a:hover{
	background:#ffffff;
	padding:1px;
	border:solid 1px #999999;
}


.thumb02 img{
	border:solid 3px #eaeaea;
	margin:-12px 0 0 0;
}*/

/*ショップサムネイル*/
.thumb02 a{
	float:left;
	background:#ffffff;
	border:solid 1px #cccccc;
	padding:1px 1px 0 1px;
	margin:0 10px 0 0;

	height:80px;
	overflow:hidden;
}

.thumb02 a:hover{
	border:solid 1px #999999;
}


.thumb02 span{
	width:98px;
	height:73px;
	text-align:center;
	overflow:hidden;
	display:block;

	border:solid 3px #eaeaea;
}

.thumb02 span img{
	margin:-4px 0 0 0;
	/*margin:-12px 0 0 0;*/
}

.thumb02 span img.test{
	margin:0;
	/*margin:-12px 0 0 0;*/
}



/*h4赤矢印リンク有*/
.title{
	float:left;
	width:182px;
	height:80px;
	background:transparent url(../common/images/icon_arrowlink.gif) no-repeat 0 5px;
	
	line-height:1.4;
	
	padding:0 0 0 10px;
	margin:2px 0 0 0;
}

.title span{
	display:block;
	font-size:11px;
	color:#999999;
	padding:3px 0 0 0;
	margin:0;
}


/* ---------------------------------------------------------
バナーリスト
------------------------------------------------------------ */
.outerbanner{
	clear:both;
	background:#f6f6f6;
	padding:12px;
	margin:0;
	border:solid 1px #e5e5e5;
}

/*.outerbanner img{
	padding:0;
	margin:0 12px 0 0;
}*/

.outerbanner ul{
	clear:both;
	background:#f6f6f6;
	padding:0;
	margin:0;
	font-size:0;
}

.outerbanner ul li{
	float:left;
	font-size:12px;

	padding:0;
	margin:0 12px 0 0;
}



/* ---------------------------------------------------------
PICK UP タブ
------------------------------------------------------------ */
#tab-cover{
	width:960px;
	margin:0 auto;
	text-align:left;

}

#tab-cover .cover-photo{
	width:648px;
	height:270px;
	float:left;
	text-align:left;
	

}

#tab-cover .cover-data{
	width:300px;
	height:234px;
	float:right;
	color:#FFFFFF;
	text-align:left;
	padding:36px 0 0 12px;
	background:transparent url(../images/cover_line.gif) no-repeat 0 0;

}

#tab-cover .cover-data p{
	font-size:14px;
	margin-bottom:12px;

}

#tab-cover .cover-data h2{
	font-size:17px;
	line-height:1.5;
	font-weight:bold;
	margin-bottom:12px;
}

#tab-cover .cover-data h2 a{
	color:#FFFFFF;
}

#tab-cover #tab-list-wrapper{
	width:930px;
	margin:6px 0 6px 0;
}

#tab-cover ul{
	width:960px;
	overflow:hidden;
	/*border:solid 1px #f00;*/
}

#tab-cover li{
	float:left;
	height:76px;
	margin-right:6px;
}

#tab-cover li a{
	border:solid 1px #666666;
	width:98px;
	height:73px;
	display:block;
	overflow:hidden;
	text-decoration:none;

	padding:0;
}
#tab-cover li a:hover{
	border:solid 1px #ffffff;
	width:98px;
	height:73px;
	text-decoration:none;
	padding:0;
}

#tab-cover li a.sel{
border:solid 1px #ffffff;
}

#tab-cover li img{
	border:none;
	
}

#tab-list{
	height:75px;
}

#tab-wrapper{
	height:270px;
	/*margin:12px 0 6px 0;*/
	padding:12px 0 0 0;
	overflow:hidden;
}

#div-tab1{
	height:270px;
	
}

#div-tab2,#div-tab3,#div-tab4,#div-tab5,#div-tab6,#div-tab7,#div-tab8,#div-tab9,#div-tab10,#div-tab11,#div-tab12,#div-tab13,#div-tab14,#div-tab15,#div-tab16,#div-tab17
,#div-tab18,#div-tab19,#div-tab20,#div-tab21,#div-tab22,#div-tab23,#div-tab24,#div-tab25,#div-tab26,#div-tab27,#div-tab28,#div-tab29,#div-tab30{
		display: none;
		height:270px;
		
		/*background:transparent url(../images/cover_line.gif) no-repeat 0 0;*/
	
}

.obi-left{
z-index:2;
position:relative;
top:-270px;

}

.colorbar{
	width:276px;
	background-color:#363656;
	padding:4px 6px;
	margin-top:12px;
	
}

.colorbar a{
	color:#ffffff;
	/*text-decoration:underline;*/
}



/* ---------------------------------------------------------
バナー：スペシャルピックアップ
------------------------------------------------------------ */
.bannersp{
	clear:both;
	position:relative;

	padding:1px;
	margin:0 0 30px 0;
	border:solid 1px #cccccc;
}

/*vol.1発表時*/
.bannersp .n01{
	position:absolute;
	top:178px;
	left:32px;
	
	padding:0;
	margin:0;
}

/*vol.2発表時*/
.bannersp .n02{
	position:absolute;
	top:155px;
	left:32px;
	
	padding:0;
	margin:0;
}

/*vol.3発表時*/
.bannersp .n03{
	position:absolute;
	top:130px;
	left:32px;
	
	padding:0;
	margin:0;
}

/*共通*/
.bannersp ul{
	float:left;
	display:inline;
	
	width:600px;
	
	padding:0 0 6px 0;
	margin:0;
}

.bannersp ul li{
	float:left;
	display:inline;
	font-size:12px;
	line-height:1.4;

	padding:0;
	margin:0 18px 0 0;
}

/*リンク三角*/
.bannersp ul li a:link{
	color:#ffffff;
	line-height:1.2;
	text-decoration:none;
	background:transparent url(../images/bn_hotei_iconlink.gif) no-repeat 0 4px;
	padding:0 0 1px 8px;
}

.bannersp ul li a:visited{
	color:#ffffff;
	text-decoration:none;
	background:transparent url(../images/bn_hotei_iconlink.gif) no-repeat 0 4px;
	padding:0 0 1px 8px;
}

.bannersp ul li a:hover{
	color:#ffffff;
	text-decoration:underline;
	background:transparent url(../images/bn_hotei_iconlink.gif) no-repeat 0 4px;
	padding:0 0 1px 8px;
}

.bannersp ul li a:active{
	color:#ffffff;
	text-decoration:underline;
	background:transparent url(../images/bn_hotei_iconlink.gif) no-repeat 0 4px;
	padding:0 0 1px 8px;
}


/* ---------------------------------------------------------
バナー：6周年
------------------------------------------------------------ */
.bannerright{
	clear:both;
	position:relative;

	padding:1px;
	margin:0 0 18px 0;
	border:solid 1px #cccccc;
}

/* ---------------------------------------------------------
地震メッセージ
------------------------------------------------------------ */

#message{
	border:solid 2px #E5E5E5;
	width:602px;
	padding: 15px;
	margin-bottom:20px;
	/*
	font-size:13px;
	line-height:1.8;
	*/
}