@charset "UTF-8";

* {
	margin: 0;
	padding: 0;
	text-decoration: none;
	font-family :Verdana,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro',osaka,'メイリオ',Meiryo,'ＭＳ Ｐゴシック','MS PGothic',sans-serif;
}

img {
	border: none;
}

a:link { color: #000000; }
a:visited { color: #000000; }
a:hover { color: #888888; }
a:active { color: #000000; }

html { 
	height: 100%;
	background-color: #ffffff;
}

 body{
 	height: 873px;
	width: 100%;
 	
 }
 
 #tetralogo {
 	z-index: 2;
	position: fixed;
	top: 0px;
	left: 0px
	height: 62px;
	width: 71px;
	margin: 10px;
}

 #bodyimage1 {
 	z-index: 0;
	position: absolute;
	top: 280px;
	height: 593px;
	width: 100%;
	margin: 0px 0px 30px 0px;
	background-image: url(img/title.png);
	background-attachment: scroll;
	background-position: bottom;
	background-repeat: no-repeat;
}

 #bodyimage2 {
 	z-index: 0;
	position: absolute;
	top: 280px;
	height: 593px;
	width: 100%;
	margin: 0px 0px 30px 0px;
	background-image: url(img/title2.png);
	background-attachment: scroll;
	background-position: bottom;
	background-repeat: no-repeat;
}

#con {
	position: absolute;
	top: 0px;
	left:50%;
	margin-left:-512px;
	padding: 0px 10px 10px 10px;
	height: 873px;
	width: 1024px;
	z-index: 1;
}

#leftmenu{
	height: 601px;
	width: 815px;
	float: left;
	text-align: center;
	z-index: 1;
}

#leftmenu2{
	height: 601px;
	width: 815px;
	float: left;
	text-align: center;
	z-index: 1;
	background-image: url(img/allstar.png);
	background-repeat: no-repeat;
	overflow:hidden;
}

.pagelink {
	height: 37px;
	width: 815px;
	text-align: right;
	margin-right: 40px;
}


 #menu2{
 	display: table;
	text-align: right;
	height: 601px;
	width: 189px;
	background-image: url(img/menubox2.png);
	background-position:right top;
	background-repeat: no-repeat;
	z-index: 1;
}

 .inmenu{
 	display: table;
	text-align: right;
	padding: 80px 0px 0px 0px;
	z-index: 1;
}

#under {
	clear: left;
	height: 100px;
	width: 1004px;
	padding: 0px 0px 0px 40px;
	z-index: 1;
}

#footer {
	clear: left;
	text-align: center;
	height: 100px;
	width: 1004px;
	z-index: 1;
}

 #sd {
	border-bottom: 1px dashed black;
	font-size: 120%;
	margin: 0px 0px 30px 0px;
}

p.foot {
	color: #000000;
	font-size: 80%;
	margin: 3px;
}

.yohaku{
	height: 40px;
	width: 100%;
}

#wrap{
	font-size: 80%;
	position: relative;
	left: 150px;
}
#wrap .user{
    width: 600px;
    height: 35px;
    position: relative;
}
#wrap span{
    position: absolute;
}
#wrap .name{
	font-weight: bold;
	left: 0px;
}
#wrap .inner{
	left: 115px;
}

.chara{
	height: 370px;
	width: 450px;
	 position: absolute;
	 right: 225px;
	 bottom: 300px;
	 z-index: 2;
	 overflow: hidden;
}

#nagisa{
	height: 601px;
	width: 815px;
	float: left;
	background-image: url(img/nagisa.png);
	background-repeat: no-repeat;
	z-index: 1;
}

#subaru{
	height: 601px;
	width: 815px;
	float: left;
	background-image: url(img/subaru.png);
	background-repeat: no-repeat;
	z-index: 1;
}

#kanade{
	height: 601px;
	width: 815px;
	float: left;
	background-image: url(img/kanade.png);
	background-repeat: no-repeat;
	z-index: 1;
}

#iori{
	height: 601px;
	width: 815px;
	float: left;
	background-image: url(img/iori.png);
	background-repeat: no-repeat;
	z-index: 1;
}

#asaki{
	height: 601px;
	width: 815px;
	float: left;
	background-image: url(img/asaki.png);
	background-repeat: no-repeat;
	z-index: 1;
}

#kei{
	height: 601px;
	width: 815px;
	float: left;
	background-image: url(img/kei.png);
	background-repeat: no-repeat;
	z-index: 1;
}

#asumi{
	height: 601px;
	width: 815px;
	float: left;
	background-image: url(img/asumi.png);
	background-repeat: no-repeat;
	z-index: 1;
}

#josh{
	height: 601px;
	width: 815px;
	float: left;
	background-image: url(img/josh.png);
	background-repeat: no-repeat;
	z-index: 1;
}

#sena{
	height: 601px;
	width: 815px;
	float: left;
	background-image: url(img/sena.png);
	background-repeat: no-repeat;
	z-index: 1;
}