@charset "utf-8";
/*-----------------------------------------------------
* Rockamenco Home CSS
	*Version: 0.91
	*Created: 2008.02.04
	*Last Modified: 2008.03.05
-----------------------------------------------------*/
/*-----------------------------------------------------
* Version History
	*Version: 0.90: Created!;
	*Version: 0.91: Minor fix;

* Table of Contents
	*00 Import CSS
	*01 Global Layout
	*02 Billboard
	*03 Main
	*04 Blogs
	*05 Information
	*06 Special Content
	*07 Mobile
-----------------------------------------------------*/

/* =00 Import CSS
-------------------------------------------------------------------- */
@import url(reset.css);
@import url(base.css);
@import url(cmn.css);
@import url(clearfix.css);
@import url(fix.css); /* =memo for ie hack */

/* =01 Global Layout
-------------------------------------------------------------------- */
div#wrapper div#billboard {
	clear: both;
	width: 850px;
}
div#wrapper div#content { width: 855px; }
div#content div#main {
	float: left;
	width: 243px;
	margin-right: -3px;
	padding: 0 10px 10px 0;
	background: transparent url(../img/home/sd_main-btm.png) no-repeat bottom;
	color: #FFFFFF;
	font-size: 93%;
}
div#content div#blogs {
	float: left;
	width: 191px;
	margin-right: -3px;
	padding: 0 10px 10px 0;
	background: transparent url(../img/home/sd_blogs-btm.png) no-repeat bottom;
	color: #FFFFFF;
	font-size: 93%;
}
div#content div#info {
	float: right;
	width: 401px;
	height: 79px;
	padding: 0 5px 6px 0;
	background: transparent url(../img/home/sd_info.png) no-repeat;
}
div#content div#special-content {
	float: left;
	width: 297px;
	height: 92px;
	margin-left: 1px;
	padding: 0 5px 6px 0;
	background: transparent url(../img/home/sd_special.png) no-repeat;
}
div#content div#mobile {
	float: right;
	width: 95px;
	height: 92px;
	padding: 0 5px 6px 0;
	background: transparent url(../img/home/sd_mobile.png) no-repeat;
}

/*	=02 Billboard
-----------------------------------------------------*/
div#billboard div#flash {
	width: 850px;
	height: 225px;
	padding: 0 5px 6px 0;
	background: transparent url(../img/home/bg_flash.png) no-repeat;
}
	div#billboard div#flash p {
		width: 850px;
		height: 225px;
		background: #000000 url(../img/home/billboard.jpg) no-repeat;
	}
div#billboard div#on-sale {
	width: 850px;
	height: 106px;
	padding: 0 5px 6px 0;
	background: transparent url(../img/home/sd_on-sale.png) no-repeat;
}
div#on-sale h2 {
	float: left;
	width: 185px;
	height: 106px;
	text-indent: -999em;
}
div#on-sale ul {
	list-style: none;
	padding: 18px 0 17px;
	background: transparent url(../img/home/bg_on-sale.gif) no-repeat;
}
div#on-sale ul li {
	float: left;
}

/*	=03 Main
-----------------------------------------------------*/
div#main h2 {
	width: 243px;
	height: 80px;
	padding: 0 10px 0 0;
	background: transparent url(../img/home/sd_main-top.png) no-repeat top right;
}
div#main h2 a {
	overflow: hidden;
	display: block;
	width: 243px;
	height: 0;
	padding-top: 80px;
	background: transparent url(../img/home/bg_main-top.gif) no-repeat;
}
div#main ol {/* =memo visual is more important than usability. X-() */
	overflow: hidden;
	width: 215px;
	height: 83px;
	padding: 0 14px 15px;
	background: transparent url(../img/home/bg_main.gif) no-repeat bottom;
	text-align: left;
}
div#main ol li {
	background: transparent url(../img/home/dot_news-active.gif) no-repeat left center;
}
div#main ol li a {
	display: block;
	width: 200px;
	padding-left: 15px;
	background: transparent url(../img/home/dot_news.gif) no-repeat left center;
	color: #FFFFFF;
	text-decoration: none;
}
div#main ol li a:hover { color: #FFFFFF; text-decoration: underline; }
div#main ol li a:active { color: #CCCCCC; text-decoration: underline; background-image: url(../img/home/dot_news-active.gif); }
div#main ol li a span { padding-right: 10px; }
div#main ol li a span.entry-title { display: none; }

/*	=04 Blogs
-----------------------------------------------------*/
div#blogs h2 {
	width: 191px;
	height: 45px;
	padding: 0 10px 0 0;
	background: transparent url(../img/home/sd_blogs-top.png) no-repeat top right;
}
div#blogs h2 a {
	overflow: hidden;
	display: block;
	width: 191px;
	height: 0;
	padding-top: 45px;
	background: transparent url(../img/home/bg_blogs-top.gif) no-repeat;
}
div#blogs dl {/* =memo visual is more important than usability. X-() */
	overflow: hidden;
	width: 171px;
	height: 128px;
	padding: 0 10px 5px;
	background: #000000;
	text-align: left;
}
div#blogs dl dt {
	float: left;
	padding-right: 5px;
	background: #000000 url(../img/home/dot_blogs-active.gif) no-repeat left center;
}
div#blogs dl dt.no-blog {
	padding-left: 15px;
	background: #000000 url(../img/home/dot_blogs.gif) no-repeat left center;
}
div#blogs dl dt a {
	padding-left: 15px;
	background: #000000 url(../img/home/dot_blogs.gif) no-repeat left center;
}
div#blogs dl a { color: #FFFFFF; text-decoration: none; }
div#blogs dl a:hover { color: #FFFFFF; text-decoration: underline; }
div#blogs dl a:active { color: #CCCCCC; text-decoration: underline; }
div#blogs dl dt a:active { background-image: url(../img/home/dot_blogs-active.gif); }
div#blogs dl dd {
	overflow: hidden;
	height: 1.5em;
	word-break: break-all;
}
div#blogs dl dd.no-blog {
	font-style: italic;
}

/*	=05 Information
-----------------------------------------------------*/
div#info ul { list-style: none; }
div#info ul li {
	float: left;
	height: 79px;
	background: #000000;
}

/*	=06 Special Content
-----------------------------------------------------*/
div#special-content h3 { display: none; }
div#special-content p {
	background: #000000;
}

/*	=07 Mobile
-----------------------------------------------------*/
div#mobile h3 { display: none; }
div#mobile p#send {
	width: 95px;
	height: 50px;
	padding-top: 42px;
	background: #000000 url(../img/home/bg_mobile.gif) no-repeat;
}


div#qr {
	position: relative;
	top: -250px;
	left: 500px;
	z-index: 11;
	overflow: hidden;
	width: 240px;
	height: 120px;
	padding: 10px;
	text-align: left;
	background: transparent url(../img/home/shadow_qr-code.png) no-repeat;
}
div#qr img {
	float: left;
	width: 110px;
	height: 110px;
	z-index: 110;
	padding: 5px;
	background: #000000;
}
div#qr p {
	float: right;
	width: 110px;
	height: 85px;
	padding: 5px;
	background: #000000;
	line-height: 1.2;
	color: #FFFFFF;
	font-size: 95%;
}
div#qr p a { display: block; padding: 5px 0; color:#FFFFFF; text-decoration: underline; }
div#qr p a:active { color:#CCCCCC; text-decoration: underline; }
div#qr p.close {
	height: 15px;
	font-size: 88%;
	text-align: right;
}
div#qr p.close span {
	cursor: pointer;
	text-decoration: underline;
}




div#passion-entry {}
	div#passion-entry h4 {
		margin-bottom: 5px;
		font-weight: bold;
	}
	div#passion-entry p,
	div#passion-entry dl { margin-bottom: 5px; }
	div#passion-entry ul { list-style: disc inside; }


/*-----------------------------------------------------
  ## 2009.03.22 add
-----------------------------------------------------*/

img { zoom: 1; }

/* =01 Global Layout
-------------------------------------------------------------------- */
div#content div#member {
	float: right;
	width: 401px;
	height: 79px;
	padding: 0 5px 6px 0;
	background: transparent url(../img/home/sd_member.png) no-repeat;
	_background: transparent url(../img/home/sd_info.png) no-repeat;
}

div#content div#passion {
	float: left;
	width: 297px;
	height: 92px;
	margin-left: 1px;
	padding: 0 5px 6px 0;
	background: transparent url(../img/home/sd_passion.png) no-repeat;
	_background: transparent url(../img/home/sd_special.png) no-repeat;
}

/*	=02 Billboard
-----------------------------------------------------*/

	div#billboard div#flash p {
		width: 850px;
		height: 225px;
		background: #000000 url(../img/home/billboard.jpg) no-repeat;
	}
div#billboard div#hot-news {
	width: 850px;
	height: 106px;
	padding: 0 5px 6px 0;
	background: transparent url(../img/home/sd_hot-news.png) no-repeat;
}
	div#hot-news h2 { display: none;
}
	div#hot-news ul {
		list-style: none;
		background: transparent url(../img/home/bg_hot-news.gif) no-repeat;
	}
		div#hot-news ul li {
			display: inline;
			float: left;
		}
			div#hot-news ul li a:active img { opacity: 0.8; }


/*	=05 Information
-----------------------------------------------------*/
div#member {
	height: 79px;
}
	div#member h2 { background: #000000; }
	div#member ul {
		list-style: none;
		background: #000000;
	}
		div#member ul li {
			overflow: hidden;
			display: inline;
			float: left;
			height: 48px;
		}
div#info ul { list-style: none; }
div#info ul li {
	float: left;
	height: 48px;
	background: #000000;
}

/*	=06 Special Content
-----------------------------------------------------*/
div#passion h3 { background: #000000; }

/*	=07 Mobile
-----------------------------------------------------*/
div#mobile h3 { display: block; background: #000000; }