@charset "utf-8";


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

	/index.html settings

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

/*	base
----------------------------------------------------------*/

#content #mainWrap {
	width: 740px;
	float: left;
	overflow: hidden;
}

#content #subWrap {
	width: 170px;
	float: right;
	overflow: hidden;
}


/*	camera
----------------------------------------------------------*/

#content #camera {
	width: 740px;
	height: 481px;
	margin: 0 0 31px 0;
	background: url(../shared/img/line_horiz1.gif) left bottom repeat-x;
	overflow: hidden;
	font-size: 1px;
}

#content #camera .titWrap {
	width: 197px;	
	padding: 156px 0 0 23px;
	float: left;
}

#content #camera h1 {
	padding: 0 0 20px 0;
	font-size: 0px;
}

#content #camera .titWrap .discription {
	font-size: 12px;
	padding: 0 0 5px 0;
}

#content #camera .titWrap .date {
	font-size: 10px;
	color: #666666;
}

#content #camera .ph {
	width: 450px;
	height: 450px;
	overflow: hidden;
	float: right;
	padding: 0 50px 0 0;
}

#content #camera #bn{
	background-color:#fff;
}

/*	new release
----------------------------------------------------------*/

#content #newRelease {
	width: 740px;
	padding: 0 0 31px 0;
	margin: 0 0 30px 0;
	background: url(../shared/img/line_horiz1.gif) left bottom repeat-x;
	overflow: hidden;
}

#content #newRelease h1 {
	float: left;
	font-size: 1px;
	width: 222px;
	padding: 0 0 21px 8px;
}

#content #newRelease .btn {
	width: 65px;
	float: right;
	font-size: 1px;
	padding: 8px 3px 0 0;
}

#content #newRelease .btn a {
	background: none;
}


#content #newRelease .item {
	width: 168px;
	height: 253px;
	border: 1px solid #E0E4E6;
	margin: 0 20px 0 0;
	float: left;
}


#content #newRelease .item:hover {
	background: url(../shared/img/bg_slash.gif) left top;
	border: 1px solid #D5EFF7;
}

#content #newRelease .item:last-child {
	margin: 0 0 0 0;
}

#content #newRelease .item a {
	background: none;
}

#content #newRelease .item .ph {
	width: 168px;
	height: 168px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color:#E0E4E6; 
	font-size: 1px;
	margin: 0 0 10px 0;
}

#content #newRelease .item .detail {
	width: 168px;
	overflow: hidden;
	color: #666666;
	line-height: 1.2;
}

#content #newRelease .item .detail .date {
	float: left;
	padding: 0 0 5px 10px;
	font-size: 10px;
}

#content #newRelease .item .icon {
	float: right;
	width: 50px;
	height: 8px;
	font-size: 1px;
	padding: 1px 0 0 0;
}

#content #newRelease .item .detail h2 {
	padding: 0 10px 3px 10px;
	font-size: 12px;
	font-weight: bold;
	word-wrap: break-word;
}

#content #newRelease .item .detail .artist {
	padding: 0 10px;
	font-size: 12px;
	word-wrap: break-word;
}


/*	college
----------------------------------------------------------*/

#content #college {
	width: 740px;
	padding: 0 0 31px 0;
	margin: 0 0 30px 0;
	background: url(../shared/img/line_horiz1.gif) left bottom repeat-x;
	overflow: hidden;
}

#content #college h1 {
	font-size: 1px;
	padding: 0 0 19px 6px;
}

#content #college .item {
	width: 360px;
	overflow: hidden;
	padding: 0 0 20px 0;
	font-size: 1px;	
}

#content #college .item.l {
	float: left;
}

#content #college .item.r {
	float: right;
}

/*	college 2
----------------------------------------------------------*/

#content #college2 {
	width: 740px;
	padding: 0 0 31px 0;
	margin: 0 0 30px 0;
	background: url(../shared/img/line_horiz1.gif) left bottom repeat-x;
	overflow: hidden;
}

#content #college2 h1 {
	font-size: 1px;
	padding: 0 0 19px 6px;
}

#content #college2 .collegeCategory {
	width: 170px;
	overflow: hidden;
	padding: 0 20px 20px 0;
	font-size: 1px;	
	float: left;
}

#content #college2 .collegeCategory .discription,.date{
	font-size: 10px;
}

#content #college2 .collegeCategory:last-child {
	padding: 0 0 20px 0;
}

#content #college2 .collegeCategory .listItem {
	padding: 15px 0 0 0;

}


/*	kame on.ch
----------------------------------------------------------*/

#content #kameOn {
	width: 740px;
	overflow: hidden;
}

#content #kameOn h1 {
	float: left;
	font-size: 1px;
	width: 224px;
	padding: 0 0 20px 5px;
}

#content #kameOn .btn {
	width: 75px;
	float: right;
	font-size: 1px;
	padding: 10px 0 0 1px;
}

#content #kameOn .btn a {
	background: none;
}

#content #kameOn .movie {
	width: 360px;
	float: left;
}

#content #kameOn .detail {
	width: 360px;
	float: right;
}

#content #kameOn .detail .date {
	font-size: 10px;
	margin: 0 0 30px 0;
}

#content #kameOn .detail h2 {
	font-size: 18px;
	padding: 0 0 25px 0;
}

#content #kameOn .detail h2 .vol {
	font-size: 16px;
	padding: 0 10px 0 0;
}

#content #kameOn .detail .txt {
	font-size: 12px;
	color: #666666;
	line-height: 1.5;
}