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

/* top contents */
#contents{
	padding: 0px;
	float: left;
	height: auto;
	width: 780px;
	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: 178px;
}
#contents h4{
	color: #214c81;
	margin-top: 0px;
	margin-bottom: 7px;
	font-weight: normal;
	line-height: 140%;
}
#contents p{
	margin-bottom: 11px;
}
#contents dl{
	margin: 0px;
	padding: 0px;
}
#contents dd{
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 11px;
	margin-left: 0px;
}
/* submenu */
#contents ul{
	padding: 0px;
	/*height: 30px;*/
	width: 555px;
	margin: 11px 0 80px -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_news.gif);
	background-repeat: no-repeat;
	background-position: left top;
	text-indent: -1000em;
	display: block;
	margin: 0px;
	padding: 0px;
	height: 30px;
	width: 69px;
}
#contents .sm3 a{
	background-image: url(../images/submenu_tv.gif);
	background-repeat: no-repeat;
	background-position: left top;
	text-indent: -1000em;
	display: block;
	margin: 0px;
	padding: 0px;
	height: 30px;
	width: 49px;
}
#contents .sm4 a{
	background-image: url(../images/submenu_radio.gif);
	background-repeat: no-repeat;
	background-position: left top;
	text-indent: -1000em;
	display: block;
	margin: 0px;
	padding: 0px;
	height: 30px;
	width: 71px;
}
#contents .sm5 a{
	background-image: url(../images/submenu_magazine.gif);
	background-repeat: no-repeat;
	background-position: left top;
	text-indent: -1000em;
	display: block;
	margin: 0px;
	padding: 0px;
	height: 30px;
	width: 99px;
}
#contents .sm6 a{
	background-image: url(../images/submenu_web.gif);
	background-repeat: no-repeat;
	background-position: left top;
	text-indent: -1000em;
	display: block;
	margin: 0px;
	padding: 0px;
	height: 30px;
	width: 62px;
}
#contents .sm7 a{
	background-image: url(../images/submenu_mobile.gif);
	background-repeat: no-repeat;
	background-position: left top;
	text-indent: -1000em;
	display: block;
	margin: 0px;
	padding: 0px;
	height: 30px;
	width: 79px;
}
#contents .sm1 a:hover,#contents .sm2 a:hover,#contents .sm3 a:hover,#contents .sm4 a:hover,#contents .sm5 a:hover,#contents .sm6 a:hover,#contents .sm7 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;
}
#contents .wrapper{
	margin: 0px;
	padding: 0px;
	width: 743px;
}


#contents ul.list {
	width:743px;
	margin:0;
	padding:0;
	}
	#contents ul.list li {
	width:743px;
	list-style:disc;
	margin:5px 0 5px 1em;
	padding:0;
	float:none;
	}
	

/* 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%;
}
#tv h3{
	background-image: url(../images/obi_tv.gif);
	background-repeat: no-repeat;
	background-position: left top;
	text-indent: -1000em;
	display: block;
	margin: 0px;
	padding: 0px;
	height: 45px;
	width: 100%;
}
#radio h3{
	background-image: url(../images/obi_radio.gif);
	background-repeat: no-repeat;
	background-position: left top;
	text-indent: -1000em;
	display: block;
	margin: 0px;
	padding: 0px;
	height: 45px;
	width: 100%;
}
#magazine h3{
	background-image: url(../images/obi_magazine.gif);
	background-repeat: no-repeat;
	background-position: left top;
	text-indent: -1000em;
	display: block;
	margin: 0px;
	padding: 0px;
	height: 45px;
	width: 100%;
}
#web h3{
	background-image: url(../images/obi_web.gif);
	background-repeat: no-repeat;
	background-position: left top;
	text-indent: -1000em;
	display: block;
	margin: 0px;
	padding: 0px;
	height: 45px;
	width: 100%;
}
#mobile h3{
	background-image: url(../images/obi_mobile.gif);
	background-repeat: no-repeat;
	background-position: left top;
	text-indent: -1000em;
	display: block;
	margin: 0px;
	padding: 0px;
	height: 45px;
	width: 100%;
}

#dr {
	border-top:1px #214c81 dotted;
	font-size:84%;
	margin:15px 0 0;
	padding:10px 0 0;
	}
	#dr img {
	vertical-align:middle;
	}
	
/* clear*/
.clear{
	height: 11px;
}

.new {
	font-weight:bold;
	color:#FF0000;
	}
	
.att {
	border:1px #214c81 dotted;
	margin:5px 0 15px;
	padding:20px;
	}
	
.col {
	margin:0 0 10px;
	padding:0 0 10px;
	border-bottom:1px #999999 dotted;
	}
	.col p {
	margin:0 0 0 15px;
	}