/*css document*/

/*基本設定*/
@charset UTF-8;
* { font-family: "Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック", Osaka;}

.clear{ clear:both;}

#interval12 { margin-bottom: 12px;}
#interval20 { margin-bottom: 20px;}

.bg-left  { background-image: url("/images/bg_left.gif"); background-repeat: repeat-y; text-align: right; width: 30px }

.bg-right  { background-image: url("/images/bg_right.gif"); background-repeat: repeat-y; text-align: right; width: 30px }

/*ヘッダー*/
.logo-image {
	width: 199px;
	height:47px;
	margin:0px 0px 0px 0px;
	float:left;
	display: block;
	position: relative;
	top: 14px;
	left: 25px;
}
			
.logoarea {
	width:758px;
	height: 80px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

#wondermenu {
	width: 322px;
	height: 51px;
	margin-bottom: 0px;
	margin-left:429px;
	margin-top:0px;
	padding-top:29px;
}

#wondermenu ul{
	padding: 0px;
	margin: 0px;
	list-style-type: none;
}
#wondermenu li { padding: 0px; margin: 0px; float: left;}
#wondermenu a { text-decoration: none;}
#wondermenu a.ranking { display: block; width: 153px; height: 27px; margin: 0px; text-indent: -1000em; background-image: url(../images/button_ranking.gif); background-repeat: no-repeat;}
#wondermenu a.corpo { display: block; width: 169px; height: 27px; margin: 0px; text-indent: -1000em; background-image: url(../images/button_corpo.gif); background-repeat: no-repeat;}


/*ヘッダメニュー*/
#topmenu { width: 758px; height: 26px; margin-bottom: 0px; float:left;}
#topmenu ul { padding: 0px; margin: 0px; list-style-type: none;}
#topmenu li { padding: 0px; margin: 0px; float: left;}
#topmenu a { text-decoration: none;}
#topmenu a.goost { display: block; width: 152px; height: 26px; margin: 0px; text-indent: -1000em; background-image: url(../images/navi_goost.jpg); background-repeat: no-repeat;}
#topmenu a.pushartist { display: block; width: 152px; height: 26px; margin: 0px; text-indent: -1000em; background-image: url(../images/navi_pushartist.jpg); background-repeat: no-repeat;}
#topmenu a.display { display: block; width: 152px; height: 26px; margin: 0px; text-indent: -1000em; background-image: url(../images/navi_display.jpg); background-repeat: no-repeat;}
#topmenu a.oritoku { display: block; width: 151px; height: 26px; margin: 0px; text-indent: -1000em; background-image: url(../images/navi_oritoku.jpg); background-repeat: no-repeat;}
#topmenu a.mureport { display: block; width: 151px; height: 26px; margin: 0px; text-indent: -1000em; background-image: url(../images/navi_mureport.jpg); background-repeat: no-repeat;}


.archive { margin-left:27px; margin-bottom:2px; float:left}

/*フッター*/
.footer-bg-left  { background-image: url("/images/footer_bg_left.gif"); background-repeat: repeat-y; text-align: right; width: 30px; height: 30px }

.footer-bg-right  { background-image: url("/images/footer_bg_right.gif"); background-repeat: repeat-y; text-align: right; width: 30px; height: 30px }

.footer  { background-image: url("/images/footer.gif"); background-repeat: no-repeat; width: 758px; height: 30px }

/*トップページ*/
.topflash { margin-bottom:12px;}
.toparea {
	width:559px;
	display:block;
	float:left;
	margin:0px 0px 0px 0px;
	padding: 0px 0px 0px 6px;
}
.toparea02 {
	width:179px;
	float:right;
	margin:0px 0px 0px 0px;
	padding: 0px 7px 0px 0px;
}
.toparea-display  { background-image: url("/images/toparea_bg.gif"); display: block; margin: 0; width: 183px; float: left }
.toparea-pushartist  { background-image: url("/images/toparea_bg.gif"); display: block; margin: 0 5px; width: 183px; float: left }
.toparea-oritoku  { background-image: url("/images/toparea_bg.gif"); display: block; margin: 0; width: 183px; float: left }
.toparea-staff {width:183px; background-image:url(../images/toparea02_bg.gif); display:block; float:left; margin:0px 0px 0px 5px;}
.toparea-musicsuppoters  { background-image: url("/images/toparea03_bg.gif"); display: block; margin: 0; width: 188px; float: left }
.toparea-whatsnew  { background-image: url("/images/whatsnew_bg.gif"); display: block; margin: 0; padding: 0; width: 179px; float: right }

.textarea-display {font-size:11px; width:161px; height:220px; padding:11px 11px 0px 11px;}
.textarea-featureartist {font-size:11px; width:161px; height:290px; padding:11px 11px 0px 11px;}
.textarea-pushartist {font-size:11px; width:167px; height:220px; padding:11px 8px 0px 8px;}
.textarea-staffrecommend {font-size:11px; width:167px; height:290px; padding:11px 8px 0px 8px;}
.textarea-oritoku {font-size:11px; width:167px; height:220px; padding:11px 8px 0px 8px;}
.textarea-musicsuppoters {font-size:11px; width:172px; height:290px; padding:11px 8px 0px 8px;}
.toparea-btm-2 {
	width:559px;
	height:15px;
	margin:0px 7px 0px 0px;	
}
.textarea-whatsnew {font-size:11px; width:163px; height:auto; padding:11px 8px 0px 8px;}
.toparea-bottom  { background-image: url("/images/toparea_bottom.gif"); margin: 0; width: 758px; height: 36px }
.oritoku-text {font-size:16px; color:#006600; text-align:center;}

.whatsnew-link {color:#3366FF; margin-bottom:8px;}
.whatsnew-link a{color:#333333; text-decoration:none;}
.whatsnew-link a:hover{color:#333333; text-decoration:underline;}
.whatsnew-hr {margin-bottom:8px;}

/*GOOst*/
.goost-leftmenu  { background-image: url("/images/bg_2ndlayer.gif"); text-align: center; display: block; float: left }
.goost-button {margin-top:10px; margin-bottom:10px; margin-left:6px;}
.event-pulldown {margin:0px 0px 10px 0px;}
.goost-archives {margin-top:20px; margin-bottom:4px; font-size:9px;}

.goost-schedule  { background-image: url("/goost/images/bg_goost.gif"); margin-bottom: 20px; width: 541px }
.schedule-title {width:541px; height:16px; background-color:#1EA6DB; margin-top:20px; padding-top:4px; margin-bottom:20px;}
.event-title {font-size:12px; color:#FFFFFF; text-align:left; margin-left:12px; display:block; float:left;}
.event-date {font-size:12px; color:#FFFFFF; text-align:right; margin-right:12px;}
.event-banner {
	width: 168px;
	height: 72px;
	margin-left:12px;
	margin-right:20px;
	display:block;
	float:left;
}
.event-detail {font-size:12px; line-height:16px; display:block; float:left; width:329px;}

.report-area {width:538px; margin-left:6px; margin-bottom:20px;}
.report-button {margin-top:12px; margin-right:18px;}
.subtitle-photo {margin-top:20px; margin-bottom:12px;}
.report-photoarea {display:block; float:left; width:260px; margin-right:18px; padding:0px 0px 0px 0px;}
.report-textarea {display:block; float:left; width:260px; font-size:12px;}
.report-photo {margin-bottom:8px;}
.report-phototh {margin-right:1px; margin-bottom:1px;}
.report-phototh2 {margin-bottom:1px;}
.report-phototext {font-size:10px; text-align:center; margin-bottom:8px;}

.about-area {width:538px; margin-left:6px; margin-bottom:20px;}
.about-textarea {
	font-size: 12px;
	line-height: 16px;
	margin: 0px 0px 0px 6px;
	padding-top: 10px;	
}

.about-photoarea {
	display:block;
	float:left;
	width:200px;
	padding:0px 0px 0px 0px;
	margin: 20px 18px 0px 0px;
}
.about-textarea2 {
	display:block;
	float:left;
	width:320px;
	font-size:12px;
	margin: 20px 0px 0px 0px;
}
/*PUSH ARTIST*/

.title-yearpush { margin:11px 0px 0px 0px;}
.yearpush-area  { background-image: url("/pushartist/images/push_bg.gif"); margin-left: 8px; padding: 15px 14px 12px 13px; width: 714px }
.yearpush-banner { margin-bottom:10px;}

.title-staff { margin:11px 0px 0px 0px;}
.staff-area { width:714px; background-color:#ECECEC; margin-left:8px; padding:15px 14px 12px 13px;}

.title-supporters { margin:11px 0px 0px 0px;}
.supporters-area { width:714px; background-color:#ECECEC; margin-left:8px; padding:15px 14px 12px 13px;}

.disc { display:block; float:left; width:225px; margin:0px 0px 10px 10px; background-color:#FFFFFF;}
.disc-text {padding:0px 6px 0px 10px; font-size:14px;}
.disc-jacket { float:left; margin-right:10px;}

.contentsarea-yearpush  { background-image: url("/images/bg_2ndlayer.gif"); text-align: left; margin: 11px 0 0 }

.yearpush-leftmenu  { background-image: url("/images/bg_2ndlayer.gif"); text-align: center; display: block; float: left }
.yearpush-detail { display:block; float:left; margin-left:24px;}
.yearpush-contents {background-image:url(../pushartist/images/yeardetail_bg.gif); width:545px;}
.yearpush-goost { display:block; float:left; width:270px; text-align:center;}
.goost-archive { font-size:12px; width:252px; text-align:left; margin-bottom:12px; margin-left:10px;}
.yearpush-discinfo { display:block; float:left; width:270px; margin-left:2px;}
.yearpush-jacket {margin-left:8px; display:block; float:left; margin-right:8px; margin-bottom:20px; width:120px;}
.yearpush-disctext {display:block; float:left; font-size:9px; width:126px; margin-bottom:20px; margin-left:0px; margin-right:0px;}

/*Display*/

.contentsarea-display { background-image: url("/images/bg_2ndlayer.gif"); text-align: left; margin: 11px 0 0 }

.display-leftmenu  { background-image: url("/images/bg_2ndlayer.gif"); text-align: center; display: block; float: left }
.artist-pulldown {margin:14px 0px 14px 0px;}

.display-bannerarea    { padding-left: 8px; width: 543px; height: 465px }
.display-banner { margin-bottom:12px; margin-right:16px;}

.display-disctitle {width:545px; text-align:center; margin-bottom:20px;}
.display-hr {width:545px; border-style: dotted none none none; border-top-width: 2px; border-top-color:#666666; height: 2px;}

.display-artist {font-size:12px; width:545px; margin-bottom:10px;}
.display-date {width:150px;}
.display-title {width:245px;}
.display-shop {width:150px;}
.display-artist-hr {width:545px; border-style: dotted none none none; border-top-width: 2px; border-top-color:#666666; height: 2px; margin-top:3px; margin-bottom:3px;}

#diplay-link a { text-decoration:none; color:#3366FF; font-size:12px;}
#diplay-link a:hover { text-decoration:underline; color:#3366FF; font-size:12px;}
#diplay-link a:visited { text-decoration:none; color:#3366FF; font-size:12px;}

.display-detail { display:block; float:left; margin-left:24px;}
.display-detailtext  { font-size: 12px; background-image: url("/display/images/detail_bg.gif"); display: block; margin-left: 18px; padding: 0; width: 277px; float: left }
.display-detailtext2   { font-size: 12px; background-image: url("/display/images/detail_bg2.gif"); display: block; margin-left: 18px; padding: 0; width: 197px; float: left }
.display-comment { font-size:14px; margin-left:9px; width:259px; padding-right:9px; }
.display-comment2  { font-size: 14px; margin-left: 9px; padding-right: 9px; width: 179px }
/*オリトク*/

.title-oritoku { margin:11px 0px 0px 0px;}
#oritoku-area {
	width:717px;
	background-color:#ECECEC;
	margin-left:10px;
	padding:15px 4px 12px 18px;
}

#oritoku-area img {
	margin-bottom:12px;
	margin-right:16px;
	float: left;
}