@charset "utf-8";
/* CSS Document */

body{
	min-height:850px;
}
div#contents ul.chara{
	position:absolute;
}
div#contents ul.chara li {
	position: relative;
	display: inline-block;
	overflow: hidden;
	zoom:1;
}
div#contents ul.chara li img,
div#contents ul.chara li { position: absolute; zoom:1; }

li.chara01 { top: 45px; left: 0; width: 114px; height: 168px; }
li.chara02 { top: 0; left: 114px; width: 120px; height: 107px; }
li.chara03 { top: 0; left: 243px; width: 122px; height: 107px; }
li.chara04 { top: 107px; left: 114px; width: 120px; height: 139px; }
li.chara05 { top: 107px; left: 234px; width: 131px; height: 125px; }
li.chara06 { top: 232px; left: 243px; width: 122px; height: 99px; }
li.chara07 { top: 213px; left: 0px; width: 114px; height: 86px; }
li.chara08 { top: 246px; left: 114px; width: 129px; height: 85px; }

img.chara01 { top: -45px; left: 0; }
img.chara02 { top: 0; left: -114px; }
img.chara03 { top: 0; left: -243px; }
img.chara04 { top: -107px; left: -114px; }
img.chara05 { top: -107px; left: -234px; }
img.chara06 { top: -232px; left: -243px; }
img.chara07 { top: -213px; left: 0; }
img.chara08 { top: -246px; left: -114px; }

img.chara01:hover { top: -377px; left: 0; }
img.chara02:hover { top: -332px; left: -114px; }
img.chara03:hover { top: -332px; left: -243px; }
img.chara04:hover { top: -439px; left: -114px; }
img.chara05:hover { top: -439px; left: -234px; }
img.chara06:hover { top: -564px; left: -243px; }
img.chara07:hover { top: -545px; left: 0; }
img.chara08:hover { top: -578px; left: -114px; }

li.chara01 a:hover { top: -377px; left: 0; zoom:1; }
li.chara02 a:hover { top: -332px; left: -114px; zoom:1; }
li.chara03 a:hover { top: -332px; left: -243px; zoom:1; }
li.chara04 a:hover { top: -439px; left: -114px; zoom:1; }
li.chara05 a:hover { top: -439px; left: -234px; zoom:1; }
li.chara06 a:hover { top: -564px; left: -243px; zoom:1; }
li.chara07 a:hover { top: -545px; left: 0; zoom:1; }
li.chara08 a:hover { top: -577px; left: -114px; zoom:1; }

div#youtube{ position:absolute;	top:-1px; left:428px; }

div#contents .youtube{
	position: absolute;
	top:-4px;
	left:392px;
	background:url(../images/movie2.png) no-repeat;
	padding:18px 0 0 10px;
	width:275px;
	height:240px;
}
* html body div#contents .youtube{
	background:url(../images/movie2.gif) no-repeat;
}
.youtube .etws-net{
	margin-top:57px;
}
div#contents .topics{
	position:absolute;
	top:237px;
	left:392px;
	background:url(../images/topics.png) no-repeat;
	width:240px;
	height:194px;
	padding:25px 15px 15px 18px;

}

* html body div#contents .topics{
	background:url(../images/topics.gif) no-repeat;
}

div#contents .topics h2{
	text-indent:-9000px;
	overflow:hidden;
}
div#contents .topics li{
	line-height:2.0;
	border-bottom:1px dashed #ccc;
	font-size:90%;
}
div#contents .topics .textarea{
	overflow:auto;
	height:170px;
}