@charset "UTF-8";

/************************************************************************

	★魁！音楽番付〜EIGHT〜
		11.11.09：トップページに店舗情報掲載用見出し追加
		11.08.17：GUEST「魁！音楽番付ライブ」用見出し追加

************************************************************************/

/* ------------------------------------------------------------------------
	共通
------------------------------------------------------------------------ */
#fp-r { background-color:#ffffff; }

#sakigake { padding:10px; min-height:900px; height: auto !important;
height:900px; background:url(../img/background.png) repeat-x; color:#ffffff; }
.top #sakigake{ background-color:#ffaa00; }
.ranking #sakigake{ background-color:#1177ee; }
.guest #sakigake{ background-color:#ff66bb; }
.blog #sakigake{ background-color:#22bb11; }
.present #sakigake{ background-color:#66cccc; }
.recruit #sakigake{ background-color:#bb66cc; }

h3 { text-align:left; }
h4 { text-align:left; }
ul { margin:0px 0px 10px 1.5em;  }
p { margin:0px 0px 10px; text-align:left; }

.box { padding:10px 10px 0px; background:#000000; border:1px solid #ffffff; }

/* ポップアップ ------------------------------------ */
body.popup #fp-l { margin:0px auto; float:none; }

/* ヘッダ ------------------------------------ */
#header {  }
h1 { width:155px; height:180px; float:left; }
h1 a { width:155px; height:180px; background:url(../img/logo.png) no-repeat; display:block; }
h1 a:hover { background:url(../img/logo.png) no-repeat transparent; }
h2 { width:455px; height:60px; background:url(../img/h2.png) no-repeat; float:right; }

/* メニュー ------------------------------------ */
#menu ul { margin:0px; padding:0px; list-style:none; }
#menu ul li { margin:0px 0px 5px 5px; float:left; width:225px; height:45px; background:url(../img/menu.png) no-repeat; }
#menu ul li a { width:225px; height:45px; background:url(../img/menu.png) no-repeat; display:block; }
#menu ul li a:hover { background-color:transparent; }

#menu ul li.top a { background-position:0px 0px; }
#menu ul li.guest a { background-position:-230px 0px; }
#menu ul li.ranking a { background-position:0px -50px; }
#menu ul li.blog a { background-position:-230px -50px; }

#menu ul li.current a { display:none; }
#menu ul li.top { background-position:0px -95px; }
#menu ul li.guest { background-position:-230px -95px; }
#menu ul li.ranking { background-position:0px -145px; }
#menu ul li.blog { background-position:-230px -145px; }

/* Win IE 用 \*/
* html #menu ul li.top a { background-position:0px 1px; }
* html #menu ul li.guest a { background-position:-230px 1px; }
* html #menu ul li.ranking a { background-position:0px -49px; }
* html #menu ul li.blog a { background-position:-230px -49px; }
/* */

/* フッタ ------------------------------------ */
#footer { margin:20px 10px 0px; font-size:85.7%; color:#000000; }
#footer a { color:#ffffff; }
#footer h5 { margin:10px auto; height:15px; background:url(../img/copyright.png) no-repeat center center; }

/* ------------------------------------------------------------------------
	TOP
------------------------------------------------------------------------ */

/* ON-AIR FEATURING ARTIST ------------------------------------ */
#artist { clear:left; }
#artist h3 { margin:0px 0px 0px; width:435px; height:30px; background:url(../img/h3_artist.png) no-repeat; }
#artist ul { margin:0px; padding:0px; list-style:none; }
#artist ul li { margin:0px 5px 5px 0px; float:left; }
#artist ul li.marginR0px { margin-right:0px; }

/* NEXT ON-AIR LINEUP ------------------------------------ */
#next { margin:0px 0px 10px; clear:left; }
#next .box { position:relative; top:1px; }
#next h3 { margin:0px 0px 10px; width:245px; height:20px; background:url(../img/h3_next.gif) no-repeat; }
#next h4 { color:#66ccff; font-size:114.5%; }

/* WHAT? 魁！音楽番付 ------------------------------------ */
#what {  }
#what h3 { margin:0px 0px 10px; width:230px; height:25px; background:url(../img/h3_what.gif) no-repeat; }
#what .floatL { width:340px; }
#what .floatR { margin:0px 0px 10px; width:250px; }

/* PRESENT ------------------------------------ */
#present { margin:10px 0px 0px; }
#present h3 { margin:0px 0px 10px; width:115px; height:25px; background:url(../img/h3_present.png) no-repeat left center; text-align:left; }
#present h4 { color:#66ccff; font-size:114.5%; }
#present a.btn { margin:0px  auto; width:195px; height:40px; background:url(../img/btn_present.gif) no-repeat; display:block; text-align:center; }
#present .box { padding:10px; }

/* 質問募集 ------------------------------------ */
#question { margin:0px 0px 10px; }
#question h3 { margin:0px 0px 10px; width:430px; height:25px; background:url(../img/h3_question.gif) no-repeat left center; text-align:left; }

/* 綾小路翔さんコーナーでご紹介した冷麺のお店情報 ------------------------------------ */
#corner-111109 { margin:0px 0px 10px; clear:left; }
#corner-111109 .box { position:relative; top:1px; }
#corner-111109 h3 { margin:0px 0px 10px; width:540px; height:25px; background:url(../img/h3_111109.gif) no-repeat left center; text-align:left; }
#corner-111109 strong { color:#ffaa00; }

/* ------------------------------------------------------------------------
	RANKING
------------------------------------------------------------------------ */

#ranking { clear:left; }
#ranking h3 { margin:0px 0px 10px; width:115px; height:20px; background:url(../img/h3_ranking.gif) no-repeat; }

#ranking ul { list-style:none; }
#ranking ul li { margin:0px 5px 0px 0px; float:left; }

#ranking ul li:after { content:" | " }
#ranking ul li.partition-none:after { content:"" }

/* Win IE 用 \*/
* html #ranking ul li { padding:0px 10px 0px 0px; background:url(../img/partition.gif) no-repeat right center; }
* html #ranking ul li.partition-none { padding:0px 0px 0px 0px; background-image:none; }
/* */

/*IE7 用 */
*:first-child+html #ranking ul li { padding:0px 10px 0px 0px; background:url(../img/partition.gif) no-repeat right center; }
*:first-child+html ul li.partition-none { padding:0px 0px 0px 0px; background-image:none; }

/* ランキング一覧 */
#ranking table { margin:5px 0px 15px; width:620px; border:1px solid #ffffff; }
#ranking table tr { background-color:#000000; }
#ranking table th { width:40px; text-align:center; vertical-align:center; }
#ranking table td { padding:5px 10px; border-left:1px dotted #ffffff; }

#ranking table tr.even { background-color:#333333; }

/* ------------------------------------------------------------------------
	GUEST
------------------------------------------------------------------------ */
#guest { clear:left; }
#guest h3 { margin:0px 0px 0px; width:435px; height:30px; background:url(../img/h3_artist.png) no-repeat; }
#guest h4#opening-act { width:175px; height:25px; background:url(../img/h4_opening_act.png) no-repeat; }
#guest h4#special { width:110px; height:25px; background:url(../img/h4_special.png) no-repeat; }
#guest h4.guest { width:100px; height:25px; background:url(../img/h4_guest.png) no-repeat; }
#guest h4#live { width:225px; height:25px; background:url(../img/h4_live.png) no-repeat; }

#guest dl { margin:10px 0px 0px; background:#000000; border:1px solid #ffffff; position:relative; }
#guest dt { padding:10px; height:150px; }
#guest dd { margin:-160px 0px 0px 170px; padding:0px 0px 0px 0px; height:160px; }
#guest dd p { margin:1.2em 0px 0px; }

#guest dt.even { background-color:#333333; }
#guest dd.wide { margin:-160px 0px 0px 220px; }
#guest dt.tall { height:190px; }
#guest dd.tall { height: 190px; margin-top: -200px; margin-bottom: 10px; }


/* ------------------------------------------------------------------------
	GUEST ARCHIVE
------------------------------------------------------------------------ */
#archive { clear:left; }
#archive h3 { margin:0px 0px 0px; width:365px; height:25px; background:url(../img/h3_guest_archive.gif) no-repeat; }

#archive ul { text-align:right; list-style:none; }
#archive ul li { display:inline-block; }

#archive ul li:after { content:" | " }
#archive ul li.partition-none:after { content:"" }

/* Win IE 用 \*/
* html #archive ul li { padding:0px 10px 0px 0px; background:url(../img/partition.gif) no-repeat right center; display:inline; zoom:1;}
* html #archive ul li.partition-none { padding:0px 0px 0px 0px; background-image:none; }
/* */

/*Firefox2 用 */
#archive ul li, x:-moz-any-link { display:inline; zoom:1; }

/*IE7 用 */
*:first-child+html #archive ul li { padding:0px 10px 0px 0px; background:url(../img/partition.gif) no-repeat right center; }
*:first-child+html ul li.partition-none { padding:0px 0px 0px 0px; background-image:none; }

#archive table { margin:10px 0px 0px; border-top:1px solid #ffffff; border:1px solid #ffffff; }
#archive table th { padding:5px; background:#000000; font-weight:normal; text-align:center; }
#archive table td { padding:3px 0px; width:20%; background:#333333; text-align:center; }
#archive table tr.even td { background:#444444; }
#archive table td.even { background:#555555; }
#archive table td.border { border-left:1px dotted #ffffff; }

/* Win IE 用 \*/
* html #archive table td { position:relative; }
/* */


/* ------------------------------------------------------------------------
	PRESENT
------------------------------------------------------------------------ */
#present-form { clear:left; }
#present-form h3 { margin:0px 0px 10px; width:230px; height:25px; background:url(../img/h3_present.png) no-repeat; }

#present-form strong { color:#ff9999; font-weight:normal; }

#present-form table { margin:10px 0px 0px; width:100%; background:#000000; border:1px solid #ffffff; }
#present-form th { padding:10px; width:120px; color:#99ff00; border-right:1px dotted #ffffff; font-weight:normal; text-align:right; }
#present-form td { padding:10px; }

#present-form .even { background:#333333; }

#present-form select { margin:0px 0px 5px; }
#present-form textarea { width:100%; }

/* Win IE 用 \*/
* html input.button { height:1.5em; line-height:1; }
* html #present-form textarea { width:auto; }
/* */


/* ------------------------------------------------------------------------
	魁！アーティスト募集！！
------------------------------------------------------------------------ */
#recruit { margin:10px 0px 10px; clear:left; }
#recruit h3 { margin:0px 0px 10px; width:280px; height:25px; background:url(../img/h3_recruit_2.png) no-repeat left center; text-align:left; }
.recruit h3 { margin:0px 0px 10px; width:263px; height:25px; background:url(../img/h3_recruit.png) no-repeat left center; text-align:left; clear:left; }
#recruit h4 { color:#66ccff; font-size:114.5%; }
#recruit a.btn { margin:0px  auto; width:255px; height:40px; background:url(../img/btn_recruit.gif) no-repeat; display:block; text-align:center; }
#recruit .box { padding:10px; position:relative; top:1px; }
#recruit .redBold { color:#ff0000; font-size: 1.2em }

/* ------------------------------------------------------------------------
	フジテレビ夏のイベント
------------------------------------------------------------------------ */
#summerevent { margin:10px 0px 10px; clear:left; }
/*#summerevent h3 { margin:0px 0px 10px; width:367px; height:25px; background:url(../img/h3_summer_event.png) no-repeat left center; text-align:left; }*/
#summerevent h3 { margin:0px 0px 10px; width:555px; height:25px; background:url(../img/h3_summer_event_2011.gif) no-repeat left center; text-align:left; }
.summerevent h3 { margin:0px 0px 10px; width:263px; height:25px; background:url(../img/h3_recruit.png) no-repeat left center; text-align:left; clear:left; }
#summerevent h4 { color:#ffaa00; font-size:114.5%; text-align:center; }
#summerevent h4 small {  }
#summerevent strong { color:#ff99cc; font-size:128.6%; }
#summerevent .box { padding:10px; position:relative; top:1px; }

#summerevent table { margin:5px 0px 15px; width:600px; border:1px solid #ffffff; }
#summerevent table tr { background-color:#000000; }
#summerevent table th { width:100px; text-align:center; vertical-align:center; }
#summerevent table td { padding:5px 10px; border-left:1px solid #ffffff; }
#summerevent table td.date { width:80px; text-align:center; vertical-align:center; }
#summerevent table td p { margin-bottom:0px; }

#summerevent table tr.even { background-color:#333333; }

a.btn-click { margin:0px auto; width:255px; height:40px; background:url(../img/btn_click.gif) no-repeat; display:block; }

/* ------------------------------------------------------------------------
	訂正
------------------------------------------------------------------------ */
#correction { margin:10px 0px; clear:left; }
#correction h3 { color:#ff6666; font-size:114.5%; }
#correction .box { padding:10px; position:relative; top:1px; }