@charset "utf-8";

/* ------------------------- TOC 
base
css hack
 ------------------------- */

/* base ------------------------------ */

* {
	margin: 0;
	padding: 0;
	text-align: left;
}

body {
	background-color: #ffffff;
	background-image: url(/imgR/bg.jpg) ;
	font-family: "Verdana" , "ＭＳ ゴシック" , "ヒラギノ角ゴ Pro W3",  "Osaka‐等幅";
	color: #000000;
	font-size: 12px;
	line-height: 1.5;
}

h1, h2, h3, h4, h5, h6 { font-size: 100%; font-weight: normal; }
ul, ol, dl, li, dt, dd { list-style: none; }
table { border-collapse: separate; border-spacing: 0; }
th { font-weight: normal; }
th, td { vertical-align: top; }
a,img { border: 0;}
img { vertical-align: bottom ; border: 0;}
i, em, address { font-style: normal; }
input, button { line-height: normal; }

a { color: #bb0000; text-decoration: none ; }
a:link { color: #bb0000; text-decoration: none ; }
a:visited { color: #bb0000; }
a:hover, a:active { color: #bb0000; text-decoration: underline ; }
a img, a:link img, a:visited img, a:hover img, a:active img { border: none; text-decoration: none; }

a {
	outline-color:-moz-use-text-color;
	outline-style:none;
	outline-width:medium;
}

p { margin: 0 0 10px 0 ; padding: 0 ; }


/* css hack ------------------------------ */

/* floating box clear */
.clearfix {
    zoom: 1 ;
}
.clearfix:after {
    content: "." ;
    display: block ;
    height: 0 ;
    clear:both;
    visibility: hidden ;
}

/* hide text */
.hidetxt { text-indent: -9999px; overflow: hidden; }
.hidetxt a { overflow: hidden; }

/* centered background fix - for Firefox 3 */
body,x:-moz-broken { margin-left:-1px; }


/* common */
h1{
	width: 110px ;
	height: 70px ;
	background: url(/imgR/logo.gif) ;
	text-indent: -9999px ;
	float: left ;
}

h1 a{
	width: 110px ;
	height: 70px ;
	display: block ;
	overflow: hidden ;
}

h2{
	border-bottom: 1px solid #b1b4c6 ;
	padding: 0 5px 6px ;
	margin-bottom: 10px ;
}

.pagetop {
	width: 90px ;
	margin: 0 0 10px auto ;
}

.pagetop a {
	background: url(/imgR/iconArrow04.gif) no-repeat 0 2px ;
	padding-left: 12px ;
}

.pagetop a:hover {
	background: url(/imgR/iconArrow04_ov.gif) no-repeat 0 2px ;
}

.blockLeft{ float: left ; }
.blockRight{ float: right ; }


/* layout ------------------------------ */
/* 1 column */

#wrapper{
	background: url(/imgR/bgWrapper.jpg) repeat-x ;
}

#container{
	background: url(/imgR/bgContainer.jpg) no-repeat center top ;
}

#contents{
	background: url(/imgR/bgContents.jpg) repeat-x ;
}

#contents .spot{
	background: url(/imgR/bgSpot.jpg) no-repeat center top ;
}

#contentsInner{
	width: 950px ;
	margin: 0 auto ;
	padding-top: 12px ;
}


/* header */
#header{
	width: 100% ;
	background: url(/imgR/bgHeader.gif) repeat-x;
}

#header .spot{
	width: 950px ;
	margin: 0 auto ;
}

#headerInner{
	width: 950px;
	overflow: hidden ;
	margin: 0 auto ;
}

/* gnav */
ul#gnav{
	width: 830px ;
	overflow: hidden ;
	float: right ;
}

ul#gnav li{
	height: 70px ;
	float: left ;
}

ul#gnav li.right{
	margin-right: 0 ;
}

/* footer */
#footer{
	text-align: right ;
	background: url(/imgR/bgFooter.gif) no-repeat center top ;
	border-top: 1px solid #b1b4c6 ;
	padding: 10px 0 50px ;
}

#footer span{
	margin: 0 10px ;
}

#footer img{
	vertical-align: middle ;
}


/* contents */
/* indexFlash */
#index #flash{
	width: 950px ;
	height: 480px ;
	margin: 0 auto ;
	overflow: hidden ;
}

/* indexBannerTop */
#index ul#bannerTop{
	margin-bottom: 10px ;
}

#index ul#bannerTop li{
	float: left ;
	padding-right: 10px ;
}

#index ul#bannerTop li .releaseInner{
	width: 300px ;
	height: 80px ;
	background: url(/imgR/bannerTop20090204.gif) no-repeat ;
	padding: 30px 0 0 10px ;
	display: block ;
}

#index ul#bannerTop li .releaseInner p{
	margin: 0 ;
}

#index ul#bannerTop li .releaseInner .prism,
#index ul#bannerTop li .releaseInner .another{
	width: 35px ;
	height: 35px ;
	overflow: hidden ;
}

#index ul#bannerTop li .releaseInner .another{
	margin: 2px 0 0 0 ;
}

#index ul#bannerTop li .releaseInner .prism a,
#index ul#bannerTop li .releaseInner .another a{
	text-indent: -9999px ;
	width: 35px ;
	height: 35px ;
	display: block ;
}

#index ul#bannerTop li .releaseInner .prism a:hover,
#index ul#bannerTop li .releaseInner .another a:hover{
	background: #fff ;
	filter: alpha(opacity=20);
	-moz-opacity:0.20;
	opacity:0.20;
}

#index ul#bannerTop li img{
	width: 310px ;

}

#index ul#bannerTop li.right{
	padding-right: 0 ;

}


/* indexMain */
#index #main{
	width: 950px ;
	overflow: hidden ;
	margin-bottom: 20px ;
}

#index #main .blockLeft{ width: 500px ;  }
#index #main .blockRight{ width: 430px ; }


/* indexInformation */
#index .blockLeft #information{
	padding-top: 10px ;
}

#index .blockLeft #information dl{ margin: 0 0 10px 5px ;}
#index .blockLeft #information dl dt{ font-weight: bold ;}
#index .blockLeft #information dl dd{ margin-bottom: 5px ;}
#index .blockLeft #information dl.bottom dt{	float: left ;	padding-right: 10px ;}

#index .blockLeft #information p.note{	text-align: right ; margin: 0 ;}

#index .blockLeft #information p.note a{
	background: url(/imgR/iconArrow.gif) no-repeat 0 3px ;
	padding-left: 10px ;
}

#index .blockLeft #information p.note a:hover{ background: url(/imgR/iconArrow_ov.gif) no-repeat 0 3px ; }

/* indexDiscography */
#index .blockRight #discography{ margin-bottom: 10px ; }

/* indexMailMember */
#index .blockRight #mailMember{
	background: url(/imgR/bgIndexMailMember.gif);
	border: 1px solid #c3c4c8 ;
	padding: 9px ;
}

#index .blockRight #mailMember p{ margin: 0 0 0 5px ; }
#index .blockRight #mailMember p.note{ text-align: right ; margin: 0 ;}


/* indexBannerBottom */
#index ul#bannerBottom{
	margin-bottom: 10px ;
}

#index ul#bannerBottom li{
	float: left ;

}

#index ul#bannerBottom li img{
	width: 230px ;
	margin-right: 10px ;

}

#index ul#bannerBottom li img.right{
	margin-right: 0 ;

}