@charset "utf-8";

/*---------------------------------------------*/
/* メインイメージと2段組
---------------------------------------------*/

#about {
	float: left;
	width: 520px;
	margin:0px;
	padding:0px;
	
}

#pickup {
	float: right;
	width: 305px;
	margin:0px;
	padding:0px;
	
}


/* バナーpickup
---------------------------------------------*/
	div#content ul#pickup {
		list-style-type:none;

	}
	ul#pickup li{
		list-style-type:none;
		margin-bottom:8px;
	}
/*-- about-----*/

	#news {
	
		width: 520px;
		margin-bottom:25px;
	}
	#score {
		width: 520px;
		margin-top:20px;
		margin-bottom:25px;
	
	}
		#score  a:hover img{
			opacity:0.8;
			filter: alpha(opacity=80);
			-ms-filter: "alpha( opacity=80 )";
			background: #fff;
		}



	#topic {
		width: 520px;
		margin-bottom:25px;
	/*margin-right:30px;*/
	
		}

/*---------------------------------------------*/
	#about h3 {
		margin:0px 0px;
		font-weight:bold;
		color:#69C;
		padding:0px 0px 5px 0px;
	}

	/* about  score
	---------------------------------------------*/
	#score strong{
		margin:10px 20px;
		padding:20px 0px;
		font-size:120%;
		color:#F00;
	}

	#score dl{
		margin:0px 0px 10px 30px;
		padding:0px;
	}
	
	#score dt{
		float:left;
		margin:0px;
		padding:5px;
		font-weight:bold;
		font-size:100%;
		width:100px;
	}
	#score dd{
		border-bottom:1px dotted gray;
		margin:0px 0px 0px 10px;
		padding:6px 6px 6px 6px;
		font-size:100%;
	}
	#score dd span{
		margin:0px 0px 0px 0px;
		padding:0px 14px 0px 4px;
		font-size:100%;
		font-weight:bold;

	}
	/* about  news
	--------------------------------------------
	#news table{
		width: 500px;
		margin:0px auto;
		padding:0px 0px;
	
	}
	
	#news th{
		margin:0px;
		padding:5px 0px 5px 10px;
		color:#336699;
		font-weight:bold;
		border-bottom:1px dotted #999999;
	}
	#news td{
		padding:5px 0px 5px 10px;
		width:400px;
		margin:0px;
		border-bottom:1px dotted #999999;
	}


/**** newsRelease　****************************/

.newsRelease{
	text-align:left;
	padding:10px;
	margin:10px 0px;
	clear:both;
}

.newsRelease div.news_block{
	margin:0px auto;
	width:100%;
	clear:both;
}

.newsRelease div.news_block {
    color: #000000;
    background-color: #FFF;
    padding-top: 2px;
    padding-bottom: 2px;
}


/****/
.news_block {
    min-height: 1em;
    display: inline-table;
}

.news_block:after {
    content: "";
    display: block;
    clear: both;
    height: 1px;
    overflow: hidden;
}

/*\*/
* html .news_block {
    height: 1em;
}

.news_block{
    display: block;
}
/**/
/****************/

div.news_block a{
	display:block;
	width:100%;
	}
div.news_block a:hover{
	background-color:#F3F3F3;
	display:block;
	width:100%;
	}
dl.news_list{
	width:99%;
}
dl.news_list dt{
	float:left;
	width:16%;
	letter-spacing: 1px;
	padding-top:3px;
    border-bottom: 1px dotted #CCC;
}
dl.news_list dd{
	float:left;
	background:url(../img/icon_11.gif) left no-repeat;
	width:75%;
	padding-left:20px;
	padding-top:3px;
	margin-left:0px;
    border-bottom: 1px dotted #CCC;
}



dl.news_list dd a{
	color:#333;}
dl.news_list dd a:hover{
	color:#C00;}
	
div.link_r{
	margin:0px;
	clear:both;
	padding:0px 0px 0px 20px;
	text-align:right;
	margin-bottom:0px;
	}




/* about  topic 520px
	---------------------------------------------*/
	div#topic table{
	margin:10px 0px 0px 0px;
	}	
	div#topic th{
	}	
	div#topic th strong{
	background-color:#000099;
	display:block;
	color:#FFFFFF;
	text-align:center;
	margin:0px auto;
	width:250px;
	}
	div#topic td{
	text-align:center;
	width:250px;
	padding:2px 5px;
	}




/*-------------------------------------------------------*/

.scroll{
		width:476px;
		padding:0px; 
		margin-left:25px;
		margin-top:20px;
		}
div.scroll #box2{
	position:absolute;
	background-color:#F0F0F0;
	width:452px;
	padding:0px 0px 0px 0px;
}
div.scroll #box2 span{
	display:block;
	float:left;
	padding:0px 37px;
}
.buttons{
		width:476px;
	text-align:center;
	clear:both;
}
.buttons span{
	color:#0080FF;
	clear:both;
	padding:0px;
	cursor:pointer;
	}
.buttons span.active, .buttons span:hover{color:#fff;}
.none{
	display:none;
}

.mask2{
	position:relative;
		width:456px;
	height:56px;
	margin:auto;
	overflow:hidden;
}

span img{
	display:block;
		border:1px solid #FCC;
}


span  a:hover img{
	opacity:0.8;
	filter: alpha(opacity=80);
	-ms-filter: "alpha( opacity=80 )";
	background: #fff;
}


#next1 a:hover{
}

#prev1 img{
	display:inline;
	padding:10px 10px;
		border:none;
	}

#next1 img{
	display:inline;
		border:none;
	padding:10px 10px;
	}

/**************************
 マウスオーバー
**************************/
.top-detail li  a:hover img{
	opacity:0.8;
	filter: alpha(opacity=80);
	-ms-filter: "alpha( opacity=80 )";
	background: #fff;
}