/* Theme Name:flumpool110322
Author: Nonbiriya */

* { border:0; border-spacing:0; border-collapse:collapse; list-style:none; margin:0; padding:0; outline:0; vertical-align:middle; font:normal 100%/1.4 "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; }
body { background:#000; color:#fff; font-size:62.5%; text-align:center; }
div#top { width:940px; margin:0 auto; position:relative; text-align:left; }
strong, h3 { font-weight:bold; }
.clear { clear:both; }

a { color:#7cfc00; }
a:hover { color:#5d0; }

p, td, ul { font-size:120%; }
h3 { font-size:160%; }
h4 { font-size:140%; }

div#header { background:url(img/header.png) no-repeat 0 20px; padding-top:20px; }
div#header h1 { width:260px; height:84px; overflow:hidden; }
div#header h1 a { height:84px; display:block; text-decoration:none; text-indent:-9999px; }
div#header ul { height:30px; border-bottom:1px solid #333; }
div#header li { float:left; }
div#header li a { height:25px; display:block; text-decoration:none; text-indent:-9999px; }
div#header li.home { width:83px; }
div#header li.news { width:80px; }
div#header li.media { width:85px; }
div#header li.live { width:68px; }
div#header li.discography { width:137px; }
div#header li.blog { width:70px; }
div#header li.biography { width:117px; }
div#header li.goods { width:87px; }
div#header li.mobile { width:213px; }
div#header div#hotnews { position:absolute; top:12px; left:290px; width:550px; height:85px; border-left:1px solid #999; }
div#header div#hotnews p { overflow:hidden; height:85px; }
div#header div#hotnews p a { text-decoration:none; color:#ccc; font-weight:bold; padding-left:10px; }
div#header div#hotnews p a:hover { color:#999; }
div#header p#door { position:absolute; top:30px; right:0; width:85px; }
div#header p#door a { background:url(img/door.png) no-repeat; display:block; height:65px; }
div#header p#door a:hover { background-position:bottom; }

ul#subnav { float:right; margin-top:15px; height:28px; }
ul#subnav li { float:left; }
ul#subnav a { display:block; height:28px; text-decoration:none; text-indent:-9999px; }

div#main { padding:15px 40px 0 0; }
div#main h2 { padding-bottom:20px; }
div#main div.box { padding:0 0 5px 0; clear:both; }
div#main div.box p { padding-top:2px; }
div#main div.box h3 { background:#333; border-bottom:1px solid #666; padding:5px 0; zoom:1; }
div#main div.box h3 img.new { margin-right:10px; }
div#main div.box div { padding:20px 0 35px; }
div#main div.box em { color:#FFD700; border-bottom:1px solid #FFD700; display:block; font-weight:bold; }

p.pagetop { clear:both; text-align:right; padding-bottom:50px; }
p.pagetop a { color:#666; border:2px solid #333; padding:5px 10px; text-decoration:none; }
p.pagetop a:hover { background:#333; color:#999; }

address { border-top:1px solid #333; color:#666; clear:both; padding:10px 0 20px; text-align:center; }
address a, address a:hover { color:#666; }


/* ------------------ body#home ------------------ */
body#home div#header h1 a.hover { text-indent:0; }
body#home #contents { display:none; }
body#home #main { padding:15px 0 0 0; }
body#home h2 { float:left; width:100px; }
body#home #right { float:right; width:400px; color:#fff; }
body#home #right iframe { margin:8px 0; }
body#home .text { background:#333; }
body#home #bottom { clear:both; }
body#home .add_youtube { float:left; width:320px; }
body#home .add_youtube .text { width:300px; }
body#home #topics { float:right; width:300px; text-align:left; border-top:1px solid #999; }
body#home #topics a { color:#ccc; text-decoration:none; border-bottom:1px solid #999; display:block; padding:4px 0; }
body#home #topics br { display:none; }
body#home #topics a:hover { color:#fff; }
body#home .clear { height:30px; }
body#home address { display:none; }


/* ------------------ body#biography ------------------ */
body#biography p#photo { float:left; padding-bottom:20px; }
body#biography p#member { margin-left:370px; padding-bottom:20px; }
body#biography p#flumpool { padding:20px 0 50px; clear:both; border-top:1px dashed #666; }


/* ------------------ body#media ------------------ */
body#media h2 { float:left; }
body#media ul#subnav { background:url(img/nav_media.png) no-repeat; width:252px; }
body#media ul#subnav li.n1 { width:54px; }
body#media ul#subnav li.n2 { width:52px; }
body#media ul#subnav li.n3 { width:75px; }
body#media ul#subnav li.n4 { width:71px; }


/* ------------------ body#discography ------------------ */
body#discography h2 { float:left; }
body#discography div.box { padding-top:20px; border-top:1px solid #333; }
body#discography div.box div.jk { width:302px; float:left; padding:0 0 34px; }
body#discography div.box div.jk img { margin-bottom:4px; border:1px solid #999; }
body#discography div.box div.jk p.index { padding-top:7px; }
body#discography div.box div.item { margin-left:320px; padding:0; }
body#discography div.box div.item h3 { background:none; border:0; color:#fc0; }
body#discography div.box div.item p.subtitle { color:#666; }
body#discography div.box div.item h4 { font-weight:normal; margin-bottom:10px; padding-bottom:10px; border-bottom:1px dashed #666; }
body#discography div.box div.item td.btn { width:50px; text-align:center; }
body#discography div.box div.item td.name { padding-left:10px; }
body#discography div.box div.item p.name { border-left:5px solid #ccc; background:#333; padding-left:10px; margin:10px 0 5px; }
body#discography div.box div.item div { border-top:1px dashed #666; color:#ccc; margin-top:10px; padding-top:10px; }
body#discography table#youtube { position:absolute; top:0; left:0; width:100%; text-align:center; display:none; }
body#discography table#youtube table { border:2px solid #fff; margin:0 auto; }
body#discography table#youtube img#youtube_close { border:2px solid #fff; margin-top:10px; cursor:pointer; }
body#discography table#youtube p { display:none; }
body#discography div.overlay { background:#000; position:absolute; top:0; left:0; width:100%; height:2000px; }
body#discography div#sound { position:absolute; width:1px; height:1px; overflow:hidden; bottom:0; left:0; }
body#discography ul#subnav { background:url(img/nav_discography.png) no-repeat; width:475px; }
body#discography ul#subnav li.n1 { width:53px; }
body#discography ul#subnav li.n2 { width:60px; }
body#discography ul#subnav li.n3 { width:92px; }
body#discography ul#subnav li.n4 { width:54px; }
body#discography ul#subnav li.n5 { width:121px; }
body#discography ul#subnav li.n6 { width:95px; }


/* ------------------ other ------------------ */
body#attachment * { display:none; }
p#no_entry { color:#666; }
div#error { padding:70px 0; }
div#error p { text-align:center; padding:30px 0; background:#222; margin:0 auto; width:500px; color:#999; border:1px solid #333; }
div#error p strong { font-size:120%; }
div#error p a { color:#ccc; }




.jScrollPaneContainer {
	position: relative;
	overflow: hidden;
	z-index: 1;
}

.jScrollPaneTrack {
	position: absolute;
	cursor: pointer;
	right: 0;
	top: 0;
	height: 100%;
	background: #aaa;
}
.jScrollPaneDrag {
	position: absolute;
	background: #666;
	cursor: pointer;
	overflow: hidden;
}
.jScrollPaneDragTop {
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
}
.jScrollPaneDragBottom {
	position: absolute;
	bottom: 0;
	left: 0;
	overflow: hidden;
}
a.jScrollArrowUp {
	display: block;
	position: absolute;
	z-index: 1;
	top: 0;
	right: 0;
	text-indent: -2000px;
	overflow: hidden;
	/*background-color: #666;*/
	height: 9px;
}
a.jScrollArrowUp:hover {
	/*background-color: #f60;*/
}

a.jScrollArrowDown {
	display: block;
	position: absolute;
	z-index: 1;
	bottom: 0;
	right: 0;
	text-indent: -2000px;
	overflow: hidden;
	/*background-color: #666;*/
	height: 9px;
}
a.jScrollArrowDown:hover {
	/*background-color: #f60;*/
}
a.jScrollActiveArrowButton, a.jScrollActiveArrowButton:hover {
	/*background-color: #f00;*/
}