@charset "Shift_JIS";
/* CSS Document */

/* top contents */
#contents{
	padding: 0px;
	float: left;
	height: auto;
	width: 743px;
	margin-top: 92px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	text-align: left;
	vertical-align: top;
}
#contents h2{
	background-image: url(../images/title.gif);
	background-repeat: no-repeat;
	background-position: left top;
	text-indent: -1000em;
	display: block;
	margin: 0px;
	padding: 0px;
	height: 16px;
	width: 156px;
}
#contents h4{
	color: #214c81;
	margin-top: 0px;
	margin-bottom: 7px;
	font-weight: normal;
	line-height: 140%;
}
#contents p{
	margin-bottom: 11px;
}

#contents p img {
	vertical-align:top;
	}
	
#contents dd{
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 11px;
	margin-left: 0px;
}
/* submenu */
#contents ul{
	padding: 0px;
	height: 30px;
	width: 335px;
	margin-top: 11px;
	margin-right: 0px;
	margin-bottom: 33px;
	margin-left: -4px;
}
#contents li{
	float: left;
	list-style-type: none;
}
#contents .sm1 a{
	background-image: url(../images/submenu_release.gif);
	background-repeat: no-repeat;
	background-position: left top;
	text-indent: -1000em;
	display: block;
	margin: 0px;
	padding: 0px;
	height: 30px;
	width: 126px;
}
#contents .sm2 a{
	background-image: url(../images/submenu_single.gif);
	background-repeat: no-repeat;
	background-position: left top;
	text-indent: -1000em;
	display: block;
	margin: 0px;
	padding: 0px;
	height: 30px;
	width: 72px;
}
#contents .sm3 a{
	background-image: url(../images/submenu_album.gif);
	background-repeat: no-repeat;
	background-position: left top;
	text-indent: -1000em;
	display: block;
	margin: 0px;
	padding: 0px;
	height: 30px;
	width: 75px;
}
#contents .sm4 a{
	background-image: url(../images/submenu_dvd.gif);
	background-repeat: no-repeat;
	background-position: left top;
	text-indent: -1000em;
	display: block;
	margin: 0px;
	padding: 0px;
	height: 30px;
	width: 62px;
}
#contents .sm1 a:hover,#contents .sm2 a:hover,#contents .sm3 a:hover,#contents .sm4 a:hover{
background-position: left bottom;
}
#contents .photo{
	margin: 0px;
	float: left;
	/*height: 172px;*/
	width: 160px;
	padding:6px;
	background-color: #D9D9D9;
}
/*#contents .photo img{
	margin-top: 6px;
	margin-left: 6px;
}*/
#contents .text{
	height: auto;
	width: 551px;
	float: left;
	margin-left: 20px;
}
/* categolycontents */
#release h3{
	background-image: url(../images/obi_release.gif);
	background-repeat: no-repeat;
	background-position: left top;
	text-indent: -1000em;
	display: block;
	margin: 0px;
	padding: 0px;
	height: 45px;
	width: 100%;
}
#news h3{
	background-image: url(../images/obi_news.gif);
	background-repeat: no-repeat;
	background-position: left top;
	text-indent: -1000em;
	display: block;
	margin: 0px;
	padding: 0px;
	height: 45px;
	width: 100%;
}
#single h3{
	background-image: url(../images/obi_single.gif);
	background-repeat: no-repeat;
	background-position: left top;
	text-indent: -1000em;
	display: block;
	margin: 0px;
	padding: 0px;
	height: 45px;
	width: 100%;
}
#album h3{
	background-image: url(../images/obi_album.gif);
	background-repeat: no-repeat;
	background-position: left top;
	text-indent: -1000em;
	display: block;
	margin: 0px;
	padding: 0px;
	height: 45px;
	width: 100%;
}
#dvd h3{
	background-image: url(../images/obi_dvd.gif);
	background-repeat: no-repeat;
	background-position: left top;
	text-indent: -1000em;
	display: block;
	margin: 0px;
	padding: 0px;
	height: 45px;
	width: 100%;
}


/* clear*/
.clear{
	height: 81px;
	background-image: url(../../common/images/line_dot.gif);
	background-repeat: repeat-x;
	background-position: left center;
	margin: 0px;
	padding: 0px;
}