@charset "shift_jis";
/* --------------------------------------------------------------------

HOME CSS・・・トップページ用 CSS

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


#contents {
	background: url(../../../img/bg_black.png) center repeat-y;
}
/* =========================================================
main
========================================================= */
#contents #main-top {
	width: 760px;
}
#column1 {
	width: 400px;
	float: left;
}
#column2 {
	width: 350px;
	float: right;
	background: #666666;
}
/* =========================================================
newtopics
========================================================= */
#main-top #newtopics {
	width: 760px;
	background: url(../../../img/bg1.gif);
	color: #FFF;
}
#main-top #newtopics h3 {
	width: 120px;
	height: 30px;
	background: url(../../../img/topic_tit.gif) no-repeat top left;
	margin: 5px 0 0 5px;
	float: left;
	text-indent: -9999px;
}
#main-top #newtopics p.special {
	margin: 8px 10px 5px 0;
	width: 590px;
	float: right;
	font-weight: bold;
}
#main-top #newtopics p.special span.impact {
	color: #e70010;
}
#main-top #newtopics p.special a {
	font-weight: bold;
	color: #fff;
}
#contents #main-top #newtopics p.bn {
	margin: 5px 10px 20px 0;
	width: 590px;
	float: right;
}
#main-top #newtopics .scroll {
	clear: both;
	border-top:1px dashed #ccc;
	padding: 13px 10px 10px 10px;
	margin: 0 auto;
	width: auto;
	height: 30px;
}
#main-top #newtopics .scroll .picup {
	width: 50px;
	height: 15px;
	margin: 6px 0 0 0;
	background: url(../../../img/pickup.jpg) no-repeat top left;
	float: left;
	text-indent: -9999px;
}
#main-top #newtopics .scroll .new {
	width: 680px;
	margin: 0px 10px 0 0;
	float: left;
	color: #fff;
}
#main-top #newtopics strong{
	color: #FF6600;
	font-weight: bold;
}
#main-top #newtopics span{
	font-weight: normal;
}
#main-top #newtopics a {
	text-decoration: underline;
	color: #FFF;
}
#main-top #newtopics .bnr {
	width: 700px;
	margin: 0 auto;
	padding: 10px 0;
}
/* =========================================================
chart
========================================================= */
#main-top #chart {
	width: 760px;
	border-top: 10px solid #000;
}
/* =========================================================
gallery
========================================================= */
#main-top #gallery {
	width: 400px;
	min-height: 401px;
	height: auto !important;
	height: 401px;
	position: relative;
	float: left;
	border-top: solid 10px #000;
	/*	border-right:solid 10px #000;*/
	border-bottom: solid 10px #000;
}
#main-top #gallery h3 {
	width: 208px;
	height: 50px;
	margin: 10px 0 0 10px;
	background: url(../../../img/gallery_tit.gif) no-repeat;
	float: left;
	text-indent: -9999px;
}
#main-top #gallery .date {
	width: 120px;
	height: 30px;
	margin: 20px 10px 10px 0;
	float: right;
	text-align: right;
	color: #000000;
}
#main-top #gallery .g_img {
	clear: both;
	width: 380px;
	text-align: center;
	margin: 0 auto;
}
#main-top #gallery h4 {
	width: 190px;
	margin: 15px 0 0 18px;
	float: left;
	font-weight: bold;
}
#main-top #gallery .backnumber a {
	margin: 13px 15px 20px 0;
	width: 146px;
	height: 23px;
	background: url(../../../img/artist_btn.jpg) no-repeat bottom left;
	float: right;
	text-indent: -9999px;
}
#contents #main-top #gallery .backnumber a:hover {
	background: url(../../../img/artist_btn.jpg) no-repeat bottom right;
}


/* =========================================================
food
========================================================= */
#main-top #food {
	width: auto;
	padding: 0 10px;
	background: #FFF;
	border-top: solid 10px #000;
	border-bottom: solid 10px #000;
}
#main-top #food h3 {
	width: 240px;
	background: url(../../../img/food_title.gif) no-repeat -5px 0;
	height: 36px;
	margin: 8px 0 0 0;
	padding: 10px 0 0 0;
	float: left;
	text-indent: -9999px;
}
#main-top #food .date {
	width: 80px;
	margin: 20px 0px 0 0;
	text-align: right;
	float: right
}
#main-top #food .comment {
	margin: 0 auto;
	padding: 10px 0 10px 0;
	line-height: 1.5em;
}
#main-top #food .comment h4 {
	font-weight: bold;
	border-bottom: 1px solid #000;
	margin: 0 0 10px 0;
	padding: 0 0 0 5px;
}
#main-top #food .backnumber a {
	float: right;
	display: block;
	clear: both;
	margin: 0 0 10px 0;
	width: 82px;
	height: 23px;
	background: url(../../../img/bk.jpg) no-repeat bottom left;
	text-indent: -9999px;
}
/* =========================================================
igai
========================================================= */
#main-top #igai {
	width: auto;
	padding: 0 10px;
	background: #FFF;
	border-bottom: solid 10px #000;
}
#main-top #igai h3 {
	width: 200px;
	background: url(../../../img/igai_title.gif) no-repeat -7px 0;
	height: 25px;
	margin: 10px 0 0 0;
	float: left;
	text-indent: -9999px;
}
#main-top #igai .date {
	width: 80px;
	margin: 10px 0 5px 0;
	text-align: right;
	float: right
}
#main-top #igai .comment {
	clear: both;
	padding: 10px 0 10px 0;
	line-height: 1.5em;
}
#main-top #igai .comment h4 {
	font-weight: bold;
	border-bottom: 1px solid #000;
	margin: 0 0 10px 0;
	padding: 0 0 0 5px;
}
#main-top #igai .backnumber a {
	margin: 0 0 10px 0;
	width: 82px;
	height: 23px;
	background: url(../../../img/bk.jpg) no-repeat bottom left;
	float: right;
	display: block;
	text-indent: -9999px;
}
/* =========================================================
middle_con

========================================================= */
#main-top #middle_con {
	clear: both;
	width: 100%;
}
/* =========================================================
coming
========================================================= */

#main-top #coming {
	clear: both;
	width: 760px;
	margin: 0 auto;
	padding: 0 0 30px 0;
	background: url(../../../img/coming_bottom.gif) no-repeat bottom;
	position: relative;
}
#coming h3 {
	width: 760px;
	height: 70px;
	text-indent: -9999px;
	background: url(../../../img/coming.gif) no-repeat top;
}
#coming .date {
	position: absolute;
	top: 29px;
	left: 606px;
	width: 109px;
	height: 32px;
	text-align: right;
}
#coming p {
	position: absolute;
	top: 21px;
	left: 217px;
	width: 371px;
	height: 41px;
}
#coming #win {
	width: 610px;
	margin: 0px auto;
}
#coming #win ul li {
	text-indent: -9999px;
}
#coming #win ul li.jp01, #coming #win ul li.jp02 {
	float: left;
	width: 170px;
	margin: 0 50px 0 0;
}
#coming #win ul li.jp03 {
	float: left;
	width: 170px;
}
.crown {
	background: url(../../../img/crown.gif) no-repeat center;
	height: 50px;
}
#coming #vote {
	clear: both;
	width: 610px;
	margin: 0px auto 0;
}
#coming dl {
	float: left;
	width: 170px;
}
#coming dl dd {
	font-weight: bold;
	text-align: center;
}
#coming dl.jp01 {
	margin: 0 50px 0 0;
}
#coming dl.jp02 {
	margin: 0 50px 0 0;
}
#coming dl.jp01 dt, #coming dl.jp02 dt, #coming dl.jp03 dt {
	height: 190px;
}
#coming dl dd.vote {
	height: 5px;
	background: #000;
	margin: 10px 0;
	text-align: left;
}
#coming dl dd.vote .percent {
	height: 5px;
	background: #ff6600;
	text-indent: -9999px;
}
#coming dl dd.vote2 {
	margin: 10px 0;
	text-align: center;
	color: #FF6600;
}
#coming dl dd.votebg {
	height: 39px;
	background: url(../../../img/thankyou_bg.gif) no-repeat center;
}
#coming .cation {
	clear: both;
	font-size: 80%;
	margin: 20px 30px 0 0;
	text-align: right;
}
#main-bottom {
	clear: both;
}
#inner {
	float: left;
	width: 400px;/*	border-right:10px solid #000;*/

}
/* =========================================================
recom
========================================================= */
#recom {
	clear: both;
	width: 400px;
	padding: 10px 0 10px 0;
	position: relative;
	border-top: solid 10px #000000;
}
#recom h3 {
	width: 250px;
	height: 32px;
	background: url(../../../img/powersong_title.gif) no-repeat bottom left;
	text-indent: -9999px;
	margin: 0 0 10px 10px;
	float: left;
}
#recom .date {
	width: 100px;
	margin: 10px 15px 0 0;
	font-weight: normal;
	font-size: 98%;
	text-align: right;
	float: right;
}
#recom h4 {
	clear: both;
	width: 350px;
	margin: 0 auto;
	font-size: 110%;
	color: #000;
	font-weight: bold;
}
#recom .ctext {
	width: 90%;
	border-top: 1px solid #000;
	margin: 0 20px;
	padding: 10px 0;
}
#recom .ctext .g_imag {
	float: left;
	margin: 0 10px 10px 0;
}
#recom .ctext .g_imag a img {
	width: 110px;
}
#recom .backnumber a {
	clear: both;
	width: 82px;
	height: 20px;
	margin: 10px 0 10px 0;
	background: url(../../../img/bk.jpg) no-repeat bottom left;
	float: right;
	text-indent: -9999px;
}
/* =========================================================
topics
========================================================= */
#main-top #topics {
	padding: 0 15px 20px;
	border-top: solid 10px #000;
}
#main-top #topics p {
	padding: 10px 0 0 0;
	clear: both;
	font-weight: bold;
}
#main-top #topics h3 {
	width: 180px;
	background: url(../../../img/script_title.gif) no-repeat -5px 0px;
	height: 45px;
	margin: 10px 0 0 0;
	float: left;
	text-indent: -9999px;
}
#main-top #topics .date {
	width: 100px;
	margin: 20px 0 5px 0;
	text-align: right;
	float: right
}
#main-top #topics .title h4 {
	width: 200px;
	margin: 5px 5px 10px 0;
	color: #2d85ac;
	font-weight: bold;
	float: right;
}
#main-top #topics .comment_personality1 {
	clear: both;
	padding: 10px 0 0 0;
	margin: 0 0 10px 0;
	line-height: 1.5em;
}
#main-top #topics .comment_personality2 {
	clear: both;
	padding: 10px 0 0 0;
	margin: 0 0 10px 0;
	line-height: 1.5em;
}
#main-top #topics .comment_personality1 strong, #main-top #topics .comment_personality2 strong {
	font-weight: bold;
}
#main-top #topics .comment_personality1 p, #main-top #topics .comment_personality2 p {
	font-weight: normal;
	padding: 0;
}
#main-top #topics .backnumber a {
	margin: 13px 10px 0 0;
	width: 82px;
	height: 23px;
	background: url(../../../img/bk.jpg) no-repeat bottom left;
	float: right;
	display: block;
	text-indent: -9999px;
}

/* =========================================================
present50th
========================================================= */
#main-top #present50th {
	padding: 0 15px 30px;
	
	border-top: solid 10px #000;
}
#main-top #present50th p {
	padding: 10px 0 0 0;
	clear: both;
	font-weight: bold;
}
#main-top #present50th h3 {
	width: 100%;
	background: url(../../../img/present50th.png) no-repeat center;
	height: 55px;
	margin: 20px auto 0;
	float: none;
	text-indent: -9999px;
}
#main-top #present50th .date {
	width: 100px;
	margin: 20px 0 5px 0;
	text-align: right;
	float: right
}
#main-top #present50th .title h4 {
	width: 200px;
	margin: 5px 5px 10px 0;
	color: #2d85ac;
	font-weight: bold;
	float: right;
}
#main-top #present50th .present50th_txt {
	clear: both;
	padding: 20px 0 0 0;
	margin: 0 0 10px 0;
	line-height: 1.5em;
}

#main-top #present50th .present50th_txt strong{
	display: block;
	font-weight: bold;
	font-size: 130%;
	padding: 0 0 10px 0;
}
#main-top #present50th .present50th_txt p{
	font-weight: normal;
	padding: 0;
	font-size: 120%;
	line-height: 1.5;
	color: #e70010;
}
#main-top #present50th img.present50th_ph{
	display: block;
	margin: 20px auto;
	width: 70%;
	height: auto;
}

#main-top #present50th .btn{
	text-align: center;
}
#main-top #present50th img.present50th_btn{
	width: 80%;
	height: auto;
}

#main-top #present50th .backnumber a {
	margin: 13px 10px 0 0;
	width: 82px;
	height: 23px;
	background: url(../../../img/bk.jpg) no-repeat bottom left;
	float: right;
	display: block;
	text-indent: -9999px;
}




/* =========================================================
top_ranking
========================================================= */
#top_ranking {
	width: 350px;
	float: right;
	padding: 10px 0 10px 0;
	background: #666666;
}
#top_ranking h3 {
	width: 243px;
	height: 40px;
	background: url(../../../img/ranking_title.gif) no-repeat;
	text-indent: -9999px;
	float: left;
}
#top_ranking .date {
	width: 80px;
	margin: 10px 5px 10px 0;
	color: #FFF;
	text-align: right;
	float: right
}
#top_ranking .comingsoon {
	clear: both;
	height: 270px;
	background: #fff;
	padding: 50px 5px 6px 5px;
	margin: 0 auto 3px;
	font-weight: bold;
	text-align: center;
	font-size: 120%;
}
#top_ranking .odd {
	clear: both;
	width: 340px;
	background: #ffcc99;
	padding: 10px 5px 6px 5px;
	margin: 0 auto 3px;
}
#top_ranking .even {
	clear: both;
	width: 340px;
	background: #fff;
	padding: 10px 5px 6px 5px;
	margin: 0 auto 3px;
}
#top_ranking ul {
	margin: 0 auto 5px;
}
#top_ranking ul li {
	margin-left: 5px;
}
#top_ranking li.rank {
	width: 25px;
	font-weight: bold;
	float: left;/*	text-align:right;*/
}
#top_ranking li.song {
	width: 225px;
	float: left;
	padding: 0 0 0 10px;
}
#top_ranking li.jacket {
	width: 55px;
	float: left;
}
#top_ranking .odd ul li.jacket a img, #top_ranking .even ul li.jacket a img {
	width: 40px;
}
#top_ranking .backnumber a {
	clear: both;
	width: 82px;
	height: 20px;
	margin: 10px 10px 10px 0;
	background: url(../../../img/bk.jpg) no-repeat bottom left;
	float: right;
	text-indent: -9999px;
}
.wgt{
	clear: both;
	height:596px;
	background: #000;

}
/* =========================================================
present
========================================================= */
#main-top #present {
	/*	border-top:solid 3px #000000;*/
	background: #FFF;
	padding: 0 15px 15px 15px;
}
#main-top #present h3 {
	width: 120px;
	height: 40px;
	margin: 10px 0 0 0;
	background: url(../../../img/present_title.gif) no-repeat 0 0;
	float: left;
	text-indent: -9999px;
}
#main-top #present h4 {
	clear: both;
	margin: 0 auto;
	padding: 10px 0 5px;
	font-size: 110%;
	color: #000;
	font-weight: bold;
}
#main-top #present .date {
	width: 80px;
	margin: 20px 0 0 0;
	float: right;
}
#main-top #present .text {
	border-top: 1px solid #000;
	clear: both;
	padding: 10px 0 0 0;
	margin: 0 auto;
}
#main-top #present .img {
	clear: both;
	float: left;
	margin: 0 10px 10px 0;
}
#main-top #present .bnr {
	float: left;
}
#main-top #present .bnr img{
	width: 200px;
	height: auto;
}
#main-top #present .bnr a {
	clear: both;
	margin: 10px 0 10px 0px;
	float: left;
}
#main-top #present .submit a {
	width: 82px;
	height: 20px;
	margin: 10px 0 10px 0;
	background: url(../../../img/bk.jpg) no-repeat bottom left;
	float: right;
	text-indent: -9999px;
}

/* =========================================================
.bnr_b
========================================================= */

.bnr_b{
		width: 970px;
  padding: 0 30px 0 0;
		text-align:left;
		margin: 0px auto;
}

.bnr_b_inner{
		width: 960px;
		text-align:center;
		background-color:#fffae6;
		margin: 20px auto;
}