@charset "UTF-8";

/* Official site COMMON
------------------------------------------------ */

/* contents
------------------------------------------------
01. common styles
02. Scroll-Pane
03. Stracture
____03_1. Global Navigation
____03_2. contents
____03_3. Footer
------------------------------------------------
*/

/* カラー設定インポート */
@import "color.css";

html {overflow-y:scroll;}

body {
	margin:0;
	padding:0;
	font: normal 12px/1.5 "ＭＳ Ｐゴシック", "メイリオ", "ヒラギノ角ゴ Pro W3", Osaka, Arial, Helvetica, sans-serif;
	text-align:center;
}

/* 01 common styles
------------------------------------------------ */
div.def {display:none;}
em {font-style:normal;font-weight:bold;}
a {text-decoration:underline;}
img {border:none;vertical-align:bottom;}
th,td {font: normal 12px/1.5em "ＭＳ Ｐゴシック", "メイリオ", "ヒラギノ角ゴ Pro W3", Osaka, Arial, Helvetica, sans-serif;}
h2 {
	margin:0 0 0.5em;
	font-size:14px;
	letter-spacing:2px;
}
h3 {
	margin:0 0 0.5em;
	font-size:12px;
	letter-spacing:2px;
}
p + h2,
p + h3,
p + h4 {margin-top:2em;}
h2 + p,
h3 + p,
h4 + p {margin-top:0;}
.txtcenter {text-align:center;}
.txtright {text-align:right;}
.txtleft {text-align:left;}
.fl {float:left;}
.fr {float:right;}
.fl20 {float:left;padding-right:20px;}

/* font-size */
.s10 {font-size:10px;}
.s11 {font-size:11px;}
.s12 {font-size:12px;}
.s14 {font-size:14px;}
.s16 {font-size:16px;}
.ls2 {letter-spacing:2px;}

span.fn {
	font-size:11px;
}
.clear {clear:both;}

/* margin */
.nm {margin:0;}
.mt0 {margin-top:0;}
.mt20 {margin-top:20px;}
.mt30 {margin-top:30px;}
.mt40 {margin-top:40px;}
.mb0 {margin-bottom:0;}
.mb20 {margin-bottom:20px;}
.mb30 {margin-bottom:30px;}
.mb40 {margin-bottom:40px;}
.mt30 {margin-top:30px;}
.mt40 {margin-top:40px;}

hr {
	clear:both;
	height:1px;
	margin:7px 0;
	border:dotted #999;
	border-width:1px 0px 0px 0px;
	overflow:hidden;
}


/* 02 Scroll-Pane
------------------------------------------------ */
.jScrollPaneContainer {
	position: relative;
	overflow: hidden;
	z-index: 1;
}
.jScrollPaneTrack {
	position: absolute;
	top: 0;
	right: 0;
	height: 100%;
	background:url(../images/scroll_bg.png) repeat-y 0 0;
	cursor: pointer;
}
.jScrollPaneDrag {
	position: absolute;
	background:url(../images/scroll.png) repeat-y 0 0;
	cursor: pointer;
	overflow: hidden;
}
.jScrollPaneDragTop {
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
}
.jScrollPaneDragBottom {
	position: absolute;
	bottom: 0;
	left: 0;
	overflow: hidden;
}


/* 03 Stracture
------------------------------------------------ */
#container {
	position:relative;
	width:1004px;
	margin:0 auto;
	text-align:left;
}


/* 03_1 Global Navigation
------------------------------------------------- */
#header {
	height:125px;
	margin:0;
	background:url(../images/bg_header.jpg) no-repeat 0 0;
}
#header p#logo {margin:0;padding:25px 0 0 40px;}
#header p#logo a {
	display:block;
	width:420px;
	height:36px;
	background:url(../images/logo.png) no-repeat 0 0;
	text-indent:-9999px;
	overflow:hidden;
}
#header ul {
	height:38px;
	margin:6px 0 0;
	padding:0 0 0 32px;
	list-style:none;
}
#header ul li {
	float:left;
	margin:0;
	padding:0;
}
#header ul li a {
	display:block;
	height:40px;
	margin-right:14px;
	background-image:url(../images/btn_nav_global.png);
	background-repeat:no-repeat;
	text-indent:-9999px;
	overflow:hidden;
}
#header ul li#n1 a {width:106px;background-position:0 0;}
#header ul li#n1 a:hover {background-position:0 -53px;}
#header ul li#n1c a {width:106px;background-position:0 -53px;}
#header ul li#n2 a {width:115px;background-position:-121px 0;}
#header ul li#n2 a:hover {background-position:-121px -53px;}
#header ul li#n2c a {width:115px;background-position:-121px -53px;}
#header ul li#n3 a {width:150px;background-position:-254px 0;}
#header ul li#n3 a:hover {background-position:-254px -53px;}
#header ul li#n3c a {width:150px;background-position:-254px -53px;}
#header ul li#n4 a {width:70px;background-position:-424px 0;}
#header ul li#n4 a:hover {background-position:-424px -53px;}
#header ul li#n4c a {width:70px;background-position:-424px -53px;}
#header ul li#n5 a {width:125px;background-position:-513px 0;}
#header ul li#n5 a:hover {background-position:-513px -53px;}
#header ul li#n5c a {width:125px;background-position:-513px -53px;}
#header ul li#n6 a {width:83px;background-position:-653px 0;}
#header ul li#n6 a:hover {background-position:-653px -53px;}
#header ul li#n6c a {width:83px;background-position:-653px -53px;}
#header ul li#n7 a {width:73px;background-position:-750px 0;}
#header ul li#n7 a:hover {background-position:-750px -53px;}
#header ul li#n7c a {width:73px;background-position:-750px -53px;}
#header ul li#n8 a {width:120px;background-position:-835px 0;}
#header ul li#n8 a:hover {background-position:-835px -53px;}
#header ul li#n8c a {width:120px;background-position:-835px -53px;}


/* 03_2 contents
------------------------------------------------- */
#inner {
	min-height:495px;
	_height:510px;
	padding:5px 30px 10px 0;
	background:url(../images/bg_contents.jpg) repeat 0 0;
}
#inner h1 {
	width:924px;
	height:18px;
	margin:0 0 7px 40px;
	text-indent:-9999px;
	overflow:hidden;
}
#media #inner h1 {background:url(../media/images/title.png) no-repeat right top;}
#release #inner h1 {background:url(../release/images/title.png) no-repeat right top;}
#yakai #inner h1 {background:url(../yakai/images/title.png) no-repeat right top;}
#profile #inner h1 {background:url(../profile/images/title.png) no-repeat right top;}
#disco #inner h1 {background:url(../discography/images/title.png) no-repeat right top;}
#column #inner h1 {background:url(../column/images/title.png) no-repeat right top;}
#goods #inner h1 {background:url(../goods/images/title.png) no-repeat right top;}
#fanclub #inner h1 {background:url(../fanclub/images/title.png) no-repeat right top;}
#news #inner h1 {background:url(../news/images/title.png) no-repeat right top;}
#notice #inner h1 {background:url(../notice/images/title.png) no-repeat right top;}
#sitemap #inner h1 {background:url(../sitemap/images/title.png) no-repeat right top;}
#link #inner h1 {background:url(../link/images/title.png) no-repeat right top;}
#policy #inner h1 {background:url(../policy/images/title.png) no-repeat right top;}
#qanda #inner h1 {background:url(../qanda/images/title.png) no-repeat right top;}
#e404 #inner h1 {background:url(../images/title_404.png) no-repeat right top;}

#inner #alpha {
	float:left;
	width:415px;
	height:460px;
}
#inner #beta {
	position:relative;
	width:540px;
	height:460px;
	margin-left:424px;
	margin-bottom:10px;
	background:url(../images/bk50.png) repeat 0 0;
	_background:url(../images/bk50.gif) repeat 0 0;
}
#inner p#lead {
	margin:0 40px 1em;
	padding-left:10px;
	border-left:5px solid #fff;
}

#inner #beta div.c p {
	margin:0 0 2em;
}


/* 03_3 Footer
------------------------------------------------- */
#footer {
	width:1004px;
	height:40px;
}
#footer ul {
	margin:0;
	padding:12px 0 0 32px;
	list-style:none;
}
#footer ul li {
	float:left;
	margin:0;
	padding:0;
}
#footer ul li a {
	display:block;
	height:16px;
	margin-right:20px;
	background-image:url(../images/btn_footer.png);
	background-repeat:no-repeat;
	text-indent:-9999px;
	overflow:hidden;
}
#footer ul li#f1 a {width:58px;background-position:0 0;}
#footer ul li#f1 a:hover {background-position:0 -24px;}
#footer ul li#f2 a {width:30px;background-position:-80px 0;}
#footer ul li#f2 a:hover {background-position:-80px -24px;}
#footer ul li#f3 a {width:55px;background-position:-131px 0;}
#footer ul li#f3 a:hover {background-position:-131px -24px;}
#footer ul li#f4 a {width:100px;background-position:-208px 0;}
#footer ul li#f4 a:hover {background-position:-208px -24px;}
#footer ul li#f5 a {width:40px;background-position:-330px 0;}
#footer ul li#f5 a:hover {background-position:-330px -24px;}

#footer p {
	float:right;
	margin:0;
	padding-right:30px;
}