@charset "utf-8";

/* =======================================

	Home CSS

 -----------------------------------------
	INDEX
 -----------------------------------------
 	1.Globalnavi
	
	2.Top Release Info
		2-1.Info Section
			2-1-1.Image Unit
			2-1-2.Disc Info
		2-2.Info Navi
	
	3.Detail Link
	
	4.Release List
		4-1.Image Unit
		4-2.Release Info
			4-2-1.table
			4-2-2.Store Link
	
	5.Column Section
		5-1.p
		5-2.table
	
	6.Column List
		6-1.Image Unit
		6-2.Release Info

========================================== */

/* 1.Globalnavi
=========================================== */
body#home #globalnavi ul li .subMenu {
	position: absolute;
	top: 37px;
	left: 50%;
	z-index: 250;
	margin: 0 0 0 -465px;
	padding: 6px 9px;
	width: 910px;
	background: #FFFFFF;
	border: 1px solid #000000;
	display:none;
}

body#home #globalnavi ul li.active .subMenu {
	display:block;
}

body#home #globalnavi ul li .subMenu ul {
	display:inline;
}

body#home #globalnavi ul li .subMenu ul li {
}

body#home #globalnavi ul li .subMenu ul li a {
}

body#home #globalnavi ul li .subMenu ul li a:hover {
	color: #333333;
	text-decoration: underline;
}


/* 2.Top Release Info
========================================== */
#contents #topReleaseInfo {
	margin: 0 0 20px;
	padding: 7px 6px 0;
	background: url(../../images/home/toprelease_bg_01.gif) repeat-y;
}

	/* 2-1.Info Section
	---------------------------------------- */
	#contents #topReleaseInfo .infoSection {
		position: relative;
		margin: 0 0 7px;
		height:206px;
		/*padding: 15px 10px;*/
		/*background: url(../../images/home/toprelease_bg_02.jpg) repeat-y;*/
		zoom: 1;
	}
	
	#contents #topReleaseInfo .infoSection:after { /* for Modern Browser */
		content: "."; display: block; clear: both; height: 0px; visibility: hidden;
	}
	
		/* 2-1-1.Image Unit
		---------------------------------------- */
		#contents #topReleaseInfo .infoSection .imageUnit {
			float: left;
			display: inline; /* for IE */
			position: relative;
			z-index: 50;
			margin: -22px -459px 0 -16px;
			/*padding: 22px 16px 0 16px;*/
			width: 616px;
			/*background: url(../../images/home/toprelease_bg_01_top.gif) no-repeat;*/
			zoom: 1;
		}
		
		#contents #topReleaseInfo .infoSection .imageUnit p.discImage {
			margin: 0; /* Reset */
		}
		
		/* 2-1-2.Disc Info
		---------------------------------------- */
		#contents #topReleaseInfo .infoSection .discInfo {
			float: right;
			position: relative;
			z-index: 100;
			margin: 0 0 -5px;
			width: 430px;
		}
		
		#contents #topReleaseInfo .infoSection .discInfo p {
			margin: 0 0 5px;
		}
		
		#contents #topReleaseInfo .infoSection .discInfo p.index {
			color: #44325D;
			font-size: 107.8%;
			line-height: 1.429;
		}
	
	/* 2-2.Info Navi
	---------------------------------------- */
	#contents #topReleaseInfo .infoNavi {
		position: relative;
		margin: 0 -6px;
		padding: 0 6px 0px;
		height:20px;
		width: 636px;
		background: url(../../images/home/toprelease_bg_01_btm.gif) no-repeat 0 100%;
	}
	
	#contents #topReleaseInfo .infoNavi ul {
		display: table;
		margin: 0 0 0 auto;
		text-align: right;
	}
	/* IE6 Only */
	* html               #contents #topReleaseInfo .infoNavi ul {position: relative; bottom: -3px; text-align: right;}
	/* IE7 Only */
	*:first-child + html #contents #topReleaseInfo .infoNavi ul {position: relative; bottom: -3px; text-align: right;}
	
	#contents #topReleaseInfo .infoNavi ul li {
		display: table-cell;
		padding: 0 0 0 5px;
	}
	/* IE6 Only */
	* html               #contents #topReleaseInfo .infoNavi ul li {display: inline; zoom: 1;}
	/* IE7 Only */
	*:first-child + html #contents #topReleaseInfo .infoNavi ul li {display: inline; zoom: 1;}
	
	#contents #topReleaseInfo .infoNavi ul li a {
		display: block;
		background: url(../../images/common/ico_circle01_blue01.gif) no-repeat;
	}
	
	#contents #topReleaseInfo .infoNavi ul li a.active {
		background-color: transparen;
	}
	/* IE6 Only */
	* html #contents #topReleaseInfo .infoNavi ul li a:hover {position: relative;}
	
	#contents #topReleaseInfo .infoNavi ul li a.active img {
		visibility: hidden;
	}


/* 3.Detail Link
=========================================== */
#contents p.detailLink01,
#contents p.detailLink02 {
	position: relative;
	top: -38px;
	margin: 0 0 -18px auto;
	width: 58px;
}

#contents p.detailLink01 {width: 58px;}
#contents p.detailLink02 {width: 37px;}
#contents p.detailLink03 {width: 50px;}

#contents p.detailLink01 a,
#contents p.detailLink02 a,
#contents p.detailLink03 a {
	display: block;
	background: no-repeat;
}

#contents p.detailLink01 a {background-image: url(../../images/home/detaillink_btn_01_o.gif);}
#contents p.detailLink02 a {background-image: url(../../images/home/detaillink_btn_02_o.gif);}
#contents p.detailLink03 a {background-image: url(../../images/home/detaillink_btn_03_o.gif);}

#contents p.detailLink01 a:hover,
#contents p.detailLink02 a:hover,
#contents p.detailLink03 a:hover {
	background-color: #FFFFFF;
}

#contents p.detailLink01 a:hover img,
#contents p.detailLink02 a:hover img,
#contents p.detailLink03 a:hover img {
	visibility: hidden;
}


/* 4.Release List
=========================================== */
#contents ul.releaseList {
	margin: 0; /* Reset */
}

#contents ul.releaseList li {
	margin: 10px 0 0;
	padding: 11px 0 0;
	background: url(../../images/common/line_dotted03_gray01.gif) repeat-x;
	zoom: 1;
}

#contents ul.releaseList li:after { /* for Modern Browser */
	content: "."; display: block; clear: both; height: 0px; visibility: hidden;
}

#contents ul.releaseList li.first {
	margin-top: 0; /* Reset */
	padding-top: 0; /* Reset */
	background: none; /* Reset */
}

	/* 4-1.Image Unit
	---------------------------------------- */
	#contents ul.releaseList li .imageUnit {
		float: left;
		position: relative;
		margin: 0 0 -10px;
		width: 75px;
	}
	
	#contents ul.releaseList li .imageUnit p.detailLink03 {
		margin: 0 auto;
	}
	
	/* 4-2.Release Info
	---------------------------------------- */
	#contents ul.releaseList li .releaseInfo {
		float: right;
		margin: 0;
		width: 230px;
	}
	
	#contents ul.releaseList li .releaseInfo h3 {
		margin: 0 0 10px;
		padding: 0 0 0 5px;
		border-left: 4px solid #76B6E4;
		font-size: 107.8%;
		line-height: 1.286;
		font-weight: bold;
	}
	
	#contents ul.releaseList li .releaseInfo p {
		margin: 0 0 5px;
	}
	
	#contents ul.releaseList li .releaseInfo p.comment {
		position: relative;
		margin: -2px 0 5px;
		color: #2461A4;
		font-size: 83.34%;
		line-height: 1.401;
	}
	
	#contents ul.releaseList li .releaseInfo p.artist {
		margin: 0; /* Reset */
		color: #999999;
		font-size: 83.34%;
		line-height: 1.401;
	}
	
		/* 4-2-1.table
		---------------------------------------- */
		#contents ul.releaseList li .releaseInfo table {
			margin: 0 0 5px;
		}
		
		#contents ul.releaseList li .releaseInfo table tr th {
			padding: 0 5px 0 0;
			font-size: 83.34%;
			line-height: 1.401;
		}
		
		#contents ul.releaseList li .releaseInfo table tr td {
			padding: 0;
			font-size: 83.34%;
			line-height: 1.401;
		}
		
		/* 4-2-2.Store Link
		---------------------------------------- */
		#contents ul.releaseList li .releaseInfo ul.storeLink {
			margin: 15px 0 0;
		}
		
		#contents ul.releaseList li .releaseInfo ul.storeLink li {
			display: inline ;
			padding: 0 6px;
			border-right: 1px solid #B4B4B4;
			background: none; /* Reset */
			font-size: 83.34%;
			line-height: 1.2;
		}
		
		#contents ul.releaseList li .releaseInfo ul.storeLink li:after {display: none; /* Reset */}
		
		#contents ul.releaseList li .releaseInfo ul.storeLink li.first {
			border-left: 1px solid #B4B4B4;
		}
		
		#contents ul.releaseList li .releaseInfo ul.storeLink li a {
			color: #2461A4;
		}


/* 5.Column Section
=========================================== */
#contents .columnSection {
}

#contents .columnSection .columnUnit .title01 {
	background-image: url(../../images/parts/title01_bg_02.gif);
}

#contents .columnSection .columnUnit .movie {
	margin: 0 0 10px;
}

#contents .columnSection .columnUnit h3 {
	margin: 0 0 10px;
	padding: 0 0 0 5px;
	border-left: 4px solid #76B6E4;
	font-size: 107.8%;
	line-height: 1.286;
	font-weight: bold;
}

	/* 5-1.p
	---------------------------------------- */
	#contents .columnSection .columnUnit p.comment {
		position: relative;
		margin: -2px 0 5px;
		color: #2461A4;
		font-size: 83.34%;
		line-height: 1.401;
	}
	
	#contents .columnSection .columnUnit p.artist {
		margin: 0; /* Reset */
		color: #999999;
		font-size: 83.34%;
		line-height: 1.401;
	}
	
	#contents .columnSection .columnUnit p.detailLink03 {
		margin: 3px 0 0 auto;
	}
	
	#contents .columnSection .columnUnit p.sampleMovie {
		margin: 0 0 5px;
	}
	
	#contents .columnSection .columnUnit p.sampleMovie a {
		padding: 2px 0 0 15px;
		background: url(../../images/common/ico_arrow01_orange01.gif) no-repeat 0 0.25em;
		color: #333333;
	}
	
	/* 5-2.table
	---------------------------------------- */
	#contents .columnSection .columnUnit table {
		margin: 0 0 5px;
	}
	
	#contents .columnSection .columnUnit table tr th {
		padding: 0 5px 0 0;
		font-size: 83.34%;
		line-height: 1.401;
	}
	
	#contents .columnSection .columnUnit table tr td {
		padding: 0;
		font-size: 83.34%;
		line-height: 1.401;
	}


/* 6.Column List
=========================================== */
#contents ul.columnList {
	position: relative;
	margin: 0 0 0 -18px;
	width: 666px;
	background: url(../../images/common/line_dotted01_gray01.gif) repeat-y 341px 0;
	zoom: 1;
}

#contents ul.columnList:after { /* for Modern Browser */
	content: "."; display: block; clear: both; height: 0px; visibility: hidden;
}

#contents ul.columnList li {
	float: left;
	display: inline; /* for IE */
	margin: 0 0 0 18px;
	width: 315px;
	background: url(../../images/common/line_dotted02_gray01.jpg) repeat-x;
	zoom: 1;
}

#contents ul.columnList li:after { /* for Modern Browser */
	content: "."; display: block; clear: both; height: 0px; visibility: hidden;
}

body#home #contents .section#cdRelease ul.columnList li.odd {
	margin-left: 0;
	padding-left: 18px;
}

#contents ul.columnList li.first,
#contents ul.columnList li.second {
	background: none; /* Reset */
}

	/* 6-1.Image Unit
	---------------------------------------- */
	#contents ul.columnList li .imageUnit {
		float: left;
		position: relative;
		margin: 20px 0 -10px;
		width: 75px;
	}
	
	#contents ul.columnList li.first  .imageUnit,
	#contents ul.columnList li.second .imageUnit {
		margin-top: 0; /* Reset */
	}
	
	#contents ul.columnList li .imageUnit p.detailLink03 {
		margin: 0 auto;
	}
	
	/* 6-2.Release Info
	---------------------------------------- */
	#contents ul.columnList li .releaseInfo {
		float: right;
		margin: 20px 0 0;
		width: 230px;
	}
	
	#contents ul.columnList li.first  .releaseInfo,
	#contents ul.columnList li.second .releaseInfo {
		margin-top: 0; /* Reset */
	}
	
	#contents ul.columnList li .releaseInfo h3 {
		margin: 0 0 10px;
		padding: 0 0 0 5px;
		border-left: 4px solid #76B6E4;
		font-size: 107.8%;
		line-height: 1.286;
		font-weight: bold;
	}
	
	#contents ul.columnList li .releaseInfo p {
		margin: 0 0 5px;
	}
	
	#contents ul.columnList li .releaseInfo p.comment {
		position: relative;
		margin: -2px 0 5px;
		color: #2461A4;
		font-size: 83.34%;
		line-height: 1.401;
	}
	
	#contents ul.columnList li .releaseInfo p.artist {
		margin: 0; /* Reset */
		color: #999999;
		font-size: 83.34%;
		line-height: 1.401;
	}
	
		/* 6-2-1.table
		---------------------------------------- */
		#contents ul.columnList li .releaseInfo table {
			margin: 0 0 5px;
		}
		
		#contents ul.columnList li .releaseInfo table tr th {
			padding: 0 5px 0 0;
			font-size: 83.34%;
			line-height: 1.401;
		}
		
		#contents ul.columnList li .releaseInfo table tr td {
			padding: 0;
			font-size: 83.34%;
			line-height: 1.401;
		}