/* night and day official site css */


/* ---- 全体 -------------------------------------------------------- */
*{
	margin: 0;
	padding: 0;
}
body{
	margin: 0;
	padding: 0;
	background-color: #0c0c0c;
	background-image: url(img/bg.jpg);
	background-repeat: repeat-x;
	width: 100%;
	height: 100%;
}
img{
	border: none;
}

/* ---- レイアウト -------------------------------------------------- */
div#wrap{ /* 全体を包む div の画面中央配置 （IE6 Fx2-3 Safari で確認） */
	position: absolute;
	top: 50%;
	left: 50%;
	overflow: hidden;
	width: 800px;
	height: 600px;
	margin: -300px 0 0 -400px; /* キモいけど…… */
	background-image: url(img/wrap.gif);
	background-repeat: no-repeat;
}
div#main{
	margin: 5px;
	height: 590px;
	background-image: url(img/topbg.png);
	background-repeat: no-repeat;
	position: relative;
}
div#p1{
	height: 590px;
	width: 190px;
	float: left;
}
div#p2{
	margin: 0 0 0 190px;
	padding: 18px 24px;
	height: 556px;
	background-image: url(img/topbg2.jpg);
}
div#content{
	height: 552px;
	overflow: auto;
}

/* ---- トップページ ------------------------------------------------ */

div#p0 p{
	margin: 0 0 0 200px;
	color: #999;
}
div#p0 img{
	margin: 40px 0 0 50px;
}

/* ---- メインメニュー ---------------------------------------------- */
div#p1 img{
	margin: 14px 0 0 20px;
}
div#p1 ul{
	width: 150px;
	margin: 20px auto 0 auto;
	padding: 0;
	list-style-type: none;
}
div#p1 ul li{
	margin: 0 0 8px 0;
}
div#p1 ul li a{ 
	display: block;
	width: 150px;
	height: 30px;
	text-indent: -1000px; /* google に嫌われるかも？ */
}
div#p1 ul li#i1{
	margin-left: 0;
}
div#p1 ul li#i1 a{
	background-image: url("img/menu-top.jpg");
}
div#p1 ul li#i2{
	margin-left: 0;
}
div#p1 ul li#i2 a{
	background-image: url("img/menu-start.jpg");
}
div#p1 ul li#i3{
	margin-left: 0;
}
div#p1 ul li#i3 a{
	background-image: url("img/menu-character.jpg");
}
div#p1 ul li#i4{
	margin-left: 0;
}
div#p1 ul li#i4 a{
	background-image: url("img/menu-download.jpg");
}
div#p1 ul li#i5{
	margin-left: 0;
}
div#p1 ul li#i5 a{
	background-image: url("img/menu-etc.jpg");
}
div#p1 ul li a:hover{
	background-position: top right; /* 擬似的にイメージ変更 */
}

/* ---- コンテンツ部 ------------------------------------------------ */
h2{
	width: 300px;
	height: 75px;
	margin: 1em 0 0 1em;
	color: #ccc;
	background-repeat: no-repeat;
	text-indent: -1000px;
}
h2#nad{
	background-image: url("img/h2_nad.gif");
}
h2#story{
	background-image: url("img/h2_story.gif");
}
h2#char{
	background-image: url("img/h2_char.gif");
}
h2#download{
	background-image: url("img/h2_download.gif");
}
h2#etc{
	background-image: url("img/h2_etc.gif");
}
h3{
	margin: 1.5em 0 0 1em;
	padding: 0 0 2px 22px;
	background-image: url("img/h3.gif");
	background-position: bottom left;
	background-repeat: no-repeat;
	color: #ccc;
	font-size: 150%;
}
h3:first-letter {
	margin: 0 5px 0 0;
	padding: 0 0 0 0;
	font-size: 150%;
	font-style: italic;
	color: #efefef;
}
div#content div{
	margin: 0 40px 0 1.5em;
	padding: 0.7em 0 0.4em 1em;
	border-left: 1px solid #fff;
}
div#content div.scroll{
	height: 74px;
	overflow: auto;
}
div#content div.c{
	text-align: center; /* for IE6 */
}
div#content div.c table{
	text-align: left;
	margin: 0 auto;
}
div#content div.c table td{
	padding: 0px 5px;
	background-color: #334;
	color: #efefef;
}
p{
	margin: 0 3em 0 1.5em;
	padding: 1em 0 0.5em 1.5em;
	color: #efefef;
	border-left: 1px solid #fff;
	line-height: 1.3em;
}
p.note{
	margin: 0 1em;
	padding: 0 0 0.5em 1.5em;
	color: #fcf;
	font-size: 150%;
	font-weight: bold;
}
p a{
	color: #69f;
}
p a:visited {
	color: #99f;
}
p a:hover {
	color: #69f;
}
p a:active {
	color: #ccf;
}
p img{
	
}
p img.left{
	margin: 0 1em 0.2em 0;
	float: left;
}
p img.right{
	margin: 0 0 0.2em 1em;
	float: right;
}
dt{
	color: #999;
}
dd{
	margin: 0 0 0.3em 0;
	padding: 0 0 0 1em;
	border-left: 1px dotted #999;
	color: #efefef;
}

/* くろばによる追加: サークル紹介バナー ---------------------------------------------- */

div#p1-banner{
	position: absolute; left:24px; bottom:50px;
}