@charset "UTF-8";
/* CSS Document */
body, div, span {
	margin:0;
	padding:0;
}
body {
	font-size:12px;
	font-family:'メイリオ', Meiryo, 'ヒラギノ角ゴ pro W3', Hiragino Kaku Gothic Pro W3,  Osaka,  MS Gothic,  Helvetica;
	text-align:center;
	background-image:url(/images/bg.gif);
}

img{
    display:block;
    margin:0;
	padding:0;
}

a {
	color:#000;
}
a:hover {
	background:#fcc;
}
#container {
	width:900px;
	margin:0 auto;
	text-align:left;
}
#header {
	width:100%;
	height:80px;
}
#logo {
	width:300px;
	height:80px;
	float:left;
}
#logo a {
	background:transparent;
}
#logo img {
	margin:15px 0 0 25px;
	border:none;
}
#search{
	width:522px;
	height:60px;
	float:right;
}
#searchbar{
	width:522px;
	height:30px;
	margin:10px 0 0 0;
}
.searchword{
	width:418px;
	height:25px;
	font-size:20px;
	background-color:#FFFFFF;
	border:1px solid #BBBBBB;
	float:left;
}
.searchsubmit{
	width:100px;
	height:29px;
	margin:0 0 0 0px;
	padding:0 0 0 0;
	background-image:url(/images/btn.gif);
	background-color:transparent;
	border:none;
	float:left;
	display:block;
}
#recomend{
	width:530px;
	height:30px;
}
#recomend .hotkeyword{
	float:left;
	margin:5px 0 0 0;
}
#recomend .hotkeywordbox{
	float:left;
	margin:5px 0 0 0;
	width:398px;
	height:25px;
	border:1px solid #9E9E9E;
	background-color:#ffffff;
}
#recomend .hotkeywordbox a{
	margin-left:1em;
	line-height:2.2em;
}
/**  main  **/
#main {
	width:100%;
	clear:both;
}
/** main left **/
#main_left {
	width:640px;
	float:left;
}
#main_left .cbox {
	width:100%;
	padding:0 0 10px 0;
	clear:both;
}
#main_left .cbox .title {
	width:100%;
	height:20px;
	clear:both;
	font-size:14px;
}
#main_left .cbox.title span {
	margin:0 0 10px 10px;
	font-weight:bold;
}
#main_left .cbox .content {
	width:100%;
	margin:0 0 0 10px;
}

ul#searchresult{
	margin:0 0 0 0;
	padding:0 0 0 0;
}

ul#searchresult li{
    clear:both;
    list-style-type: none;
    margin-botton:10px;
}

ul#searchresult li img{
    float:left;
    margin-bottom:10px;
}
ul#searchresult li div{
    float:left;
    width:450px;
    margin-left:10px;
}
ul#searchresult li div a{
	font-weight:bold;
}

.sr_txt {
	width:100%;
}
.sr_txt .sr_title {
	color:#FF3300;
	font-weight:bold;
	font-size:14px;
}
.sr_txt .sr_url {
	color:#666;
}
.sr_vid {
	width:142px;
	height:140px;
	background:#666;
	float:left;
	margin:0 5px 10px;
}
/** main flash player **/
#player {
	width:640px;
	height:450px;
	background:#666;
}
/** main right **/
#main_right {
	width:250px;
	margin-left:10px;
	float:left;
}
#main_right .cbox {
	width:100%;
	margin:0 0 10px 0;
	
}
#main_right .cbox .title {
	font-size:14px;
	height:20px;
	border-left:1px solid #666666;
	border-right:1px solid #666666;
	background-color:#FFFFFF;
}
#main_right .cbox .title span {
	margin:0 0 0 10px;
	font-weight:bold;
}
#main_right .cbox .text {
	padding:10px;
	border-left:1px solid #666666;
	border-right:1px solid #666666;
	background-color:#FFFFFF;
}

#main_right .cbox .text #genre_string a{
 	margin-right:1em;
 }

#main_right .cbox .buttonCnt{
    height:1.5em;
    line-height:1.5em;
    padding:10px;
	border-left:1px solid #666666;
	border-right:1px solid #666666;
	background-color:#FFFFFF;
}
#main_right .cbox .buttonCnt .left{
    float:left;
    
}
#main_right .cbox .buttonCnt .right{
    float:right;
}

#main_right .cbox .buttonCnt .right:after{
    clear:both;
}

/** Event Cloud **/
.ecdate {
	padding:10px 0 0 0px;
	font-size:13px;
	color:#FF0000;
	font-weight:bold;
	border-left:1px solid #666666;
	border-right:1px solid #666666;
	background-color:#FFFFFF;
}
.ecdate span {
	margin:0 0 0 10px;
	line-height:20px;
}
.ectext {
	padding:0 0 10px 0;
	font-weight:bold;
	border-left:1px solid #666666;
	border-right:1px solid #666666;
	background-color:#FFFFFF;
}
.ectext a {
	margin:0 0 0 10px;
	color:#333333;
}
.ec11text {
	font-size:11px;
}
.ec12text {
	font-size:12px;
}
.ec13text {
	font-size:13px;
}
.ec14text {
	font-size:14px;
}
.ec15text {
	font-size:15px;
}
/** footer **/
#footer {
	width:100%;
	height:30px;
	margin:10px 0 0 0;
	border-top:1px solid #ccc;
	text-align:center;
	clear:both;
}