@charset "Shift_JIS";

/* 全体構造
---------------------------------------------------------------- */

* {
	margin: 0;
	padding: 0;
	color: #eaf4fc;
	}

h2 {
	background: url(../images/img_h2.gif) no-repeat left top;
	height:25px;
	padding-left: 30px;
	font-size: 1.5em;
}

/* リンク
---------------------------------------------------- */
a {
	color: #e52753;
	background: transparent;
	text-decoration: none;
	overflow:hidden;
	outline:none; 
}

a:visited {
	color: #e52753;
	background: transparent;
}

a:hover, a:active {
	color: #e48388;
	background: transparent;
	text-decoration: underline;
}

body {
	background-color:#000000;
	text-align: center;
	font-size: 0.8em;
	line-height: 1.4;
	font-family:Arial, sans-serif;
	}

/* ラッパー
----------------------------------------------------------- */

#wrapper {
	position: relative;
	width: 700px;
	margin: 0 auto;
	padding: 0;
	background: #16160e;
	text-align:left;
}

/*ヘッダ
---------------------------------------------------- */
#header {
	width: 700px;
	height: 60px;
	background: url(../images/bl-header.jpg) no-repeat;
}

#header h1 {
	float:right;
	width:248px;
	height:60px;
	position: absolute;
	top: 0;
	right: 0;
	background:url(../images/bl-logo.jpg) 0 0 no-repeat scroll;
	text-indent:-9999px;
}

/*ナビ
---------------------------------------------------- */

#navi {
	width: 700px;
	height: 80px;
	background: url(../images/navigation.gif) no-repeat;
}

#navi ul {
	list-style: none
	}

#navi li {
	position: absolute;
	top: 60px;
	height: 80px;
	text-indent: -9999px;
	}

#navi li#top { left: 8px; width: 95px; }
#navi li#discography { left: 103px; width: 160px; }
#navi li#profile { left: 263px; width: 122px; }
#navi li#blog { left: 385px; width: 99px; }
#navi li#link { left: 484px; width: 99px; }
#navi li#mail { left: 583px; width: 96px; }
#navi li a {
	display: block;
	height: 80px;
	}

#navi li#top a:hover {
	background: url(../images/navigation-.gif) -8px 0;
	}

#navi li#discography a:hover {
	background: url(../images/navigation-.gif) -103px 0;
	}

#navi li#profile a:hover {
	background: url(../images/navigation-.gif) -263px 0;
	}

#navi li#blog a:hover {
	background: url(../images/navigation-.gif) -385px 0;
	}

#navi li#link a:hover {
	background: url(../images/navigation-.gif) -484px 0;
	}

#navi li#mail a:hover {
	background: url(../images/navigation-.gif) -583px 0;
	}

/*メイン
---------------------------------------------------- */
.main {
	clear: both;
	position: relative;
	background: url(../images/symbol2.gif) no-repeat center;
	height: 400px;
	margin-left: 100px;
}

.main .top {
	position: relative;
	left: 70px;
	width: 500px;
	margin-top: 20px;
}

.dg {
	clear: both;
	position: relative;
	background: url(../images/symbol2.gif) no-repeat center;
	height: 280px;
	margin-left: 30px;
	width: 700px;
}

.dg img {
	position: absolute;
	left: 70px;
	margin-top: 20px;
}

.dg .songlist {
	position: absolute;
	left: 400px;
	width: 250px;
	margin-top: 20px;
}

.main .top p {
	margin-top:10px;
}

.dg .songlist p {
	margin-top:10px;
}

.songlist span {
	margin-right: 20px;
	color:#bc3520;
	font-weight: bold;
}

/*ミドル
---------------------------------------------------- */
#middle {
	position: relative;
	margin: 10px 30px;
}

#middle p {
	margin-top: 1em;
	margin-left: 2em;
}

#middle img {
	margin-top: 1em;
}

#middle h2 {
	margin-top: 1em;
}

#middle ul {
	margin-top: 1em;
	margin-left: 4em;
}

/* メイン下部
---------------------------------------------------- */
#bottom {
	clear: both;
	margin: 0 20px;
	padding: 0;
	position: relative;
	text-align: left;
	top: 20px;
}

#bottom p {
	position: relative;
	margin: 0;
	padding: 0;
	top: 20px;
}



/*コンテンツ1
---------------------------------------------------- */
.content1 {
	float: left;
	width: 40%;
	margin: 10px 0 0 20px;
	padding: 0;
}

.content1 h2{
	padding: 0;
	text-align: center;
}

/*コンテンツ2
---------------------------------------------------- */
#content2 {
	float: right;
	width: 400px;
	margin: 70px 25px 20px 0;
	padding: 0;
}

#content2 p{
	margin: 0 20px;
}

#content2 dl{
	margin: 0 20px;
}

/*コンテンツ3
---------------------------------------------------- */
.content3 {
	float: right;
	width: 300px;
	margin: 10px 25px 0 0;
	padding: 0;
}

.content3 h2{
	width: 300px;
	margin: 10px 0px;
	padding: 0;
	text-align: center;
}

.content3 p{
	margin: 0 20px;
}

/*コンテンツ4
---------------------------------------------------- */
#content4 {
	width: 600px;
	margin: 10px auto;
	padding: 0;
}

#content4 dl{
	margin: 0 20px;
}

/*トップ絵
---------------------------------------------------- */
#illust {
	float: left;
	width: 230px;
	height: 380px;
	margin: 120px 0 0 20px;
	padding: 0;
	background: url(../images/symbol.gif) no-repeat;
}

/* フッタ
---------------------------------------------------- */
#footer {
	clear: both;
	position: relative;
	background: url(../images/footer_ae.jpg) no-repeat left top;
	height: 78px;
	text-align: center;
}

#footer p{
	position: relative;
	top: 35px;
}

#footer a{
	color:#eaf4fc;
	text-decoration:none;
}
/*ウィンドウ
---------------------------------------------------- */

.wintop {
	padding: 0;
	height: 15px;
	width: 400px;
	background-image:url(../images/window_top.gif);
	font-size:1px;/* ←↓ ブラウザで文字サイズ拡大した際に崩れないように。*/
	line-height:1px;
}

.window {
	padding: 0;
	margin: 0;
	width: 400px;
	background-color: #222143;
}

.winbottom {
	height: 15px;
	width: 400px;
	background:url(../images/window_bottom.gif);
	font-size:1px;/* ←↓ ブラウザで文字サイズ拡大した際に崩れないように。*/
	line-height:1px;
}

/*プロフィール
---------------------------------------------------- */

dl#profile {
	margin-top: 10px;
}

dl#profile dt{
	margin-left: 2em;
}

dl#profile dd{
	margin-left: 5em;
}

dl#profile dd {
	margin-bottom: 1em;
}


/*幅狭ウィンドウ
---------------------------------------------------- */
.wintopl {
	padding: 0;
	height: 15px;
	width: 300px;
	background-image:url(../images/gs-window-top.gif);
	font-size:1px;/* ←↓ ブラウザで文字サイズ拡大した際に崩れないように。*/
	line-height:1px;
}

.windowl {
	padding: 0;
	margin: 0;
	width: 300px;
	background-color: #313131;
}

.winbottoml {
	height: 15px;
	width: 300px;
	background:url(../images/gs-window-bot.gif);
	font-size:1px;/* ←↓ ブラウザで文字サイズ拡大した際に崩れないように。*/
	line-height:1px;
}

/*プロフ用ウィンドウ
---------------------------------------------------- */
.wintopp {
	padding: 0;
	height: 15px;
	width: 600px;
	background-image:url(../images/gwindow-top.gif);
	font-size:1px;/* ←↓ ブラウザで文字サイズ拡大した際に崩れないように。*/
	line-height:1px;
}

.windowp {
	padding: 0;
	margin: 0;
	width: 600px;
	background-color: #313131;
}

.winbottomp {
	height: 15px;
	width: 600px;
	background:url(../images/gwindow-bot.gif);
	font-size:1px;/* ←↓ ブラウザで文字サイズ拡大した際に崩れないように。*/
	line-height:1px;
}

/* クラス
---------------------------------------------------- */
.center {
	text-align: center;
}

.right {
	text-align: right;
}

p.padleft {
	padding-left: 50px;
}

.margin30 {
	margin-left: 30px;
	margin-right: 30px;
}

table.news {
	width:610px;
	margin-bottom: 30px;
	margin-left: 30px;
	border: none;
	font-size: 14px;
}

table.news th {
	width:50px;
	vertical-align: top;
}

table.news td {
	width:560px; 
	padding-bottom: 0.5em;
}

p.small {
	font-size:11px;
	margin-top: 1em;
}

dt.space {
	margin-top: 1em;
	margin-left: 1em;
}

dd.space {
	margin-right: 1em;
}

p.padright {
	padding-right: 50px;
}

.mb {
	margin-bottom: 30px;
}

ul.link {
	margin-left: 30px;
	margin-bottom: 10px;
}

ul.link li {
	margin-right: 3px;
	float: left;
	list-style: none;
}

p.link {
	margin: 30px;
	clear: both;
}

.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
} 

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/ * html 

.clearfix {height: 1%;}

.clearfix {display: block;}

/* End hide from IE-mac */

h2#meimu {
	background: url(../images/meimubanner1.jpg)  center bottom;
	text-indent: -9999px;
	height: 100px;
	width: 500px;
	margin: 0 auto ;
	text-align: center;
}

img.pic {
	float: right;
	margin: 0 1em;
}

h1.entrance {
	margin-top: 100px;
	margin-bottom: 70px;
}

h2.entrance {
	position: relative;
	text-align: center;
	background: none;
	font-weight: normal;
	font-size: 1em;
	margin: 1em;
}

h3.entrance {
	position: relative;
	text-align: center;
	font-weight: normal;
	font-size: 1.2em;
	margin: 1em;
}

body.entrance {
	background: #16160e;
}