@charset "UTF-8";
@import url("default.css");
@import url("screen_base.css");

ul.subnavi li a {
	display: block;
	text-indent: -10000px;
}

ul.subnavi li.lessonsvi {
	width: 97px;
	height: 17px;
	background: transparent url(../img/navi/dbs/lessons_on.gif) no-repeat 0px 0px;
}

ul.subnavi li.explanation {
	width: 129px;
	height: 17px;
	background: transparent url(../img/navi/dbs/explanation.gif) no-repeat 0px 0px;
}
ul.subnavi li.explanation a {
	height: 17px;
	background: transparent url(../img/navi/dbs/explanation.gif) no-repeat 0px 0px;
}
ul.subnavi li.explanation a:hover {
	background-position: 0px -19px;
}

ul.subnavi li.girls {
	width: 66px;
	height: 17px;
	background: transparent url(../img/navi/dbs/girls.gif) no-repeat 0px 0px;
}
ul.subnavi li.girls a {
	height: 17px;
	background: transparent url(../img/navi/dbs/girls.gif) no-repeat 0px 0px;
}
ul.subnavi li.girls a:hover {
	background-position: 0px -19px;
}

ul.subnavi li.event {
	width: 97px;
	height: 17px;
	background: transparent url(../img/navi/dbs/event.gif) no-repeat 0px 0px;
}
ul.subnavi li.event a {
	height: 17px;
	background: transparent url(../img/navi/dbs/event.gif) no-repeat 0px 0px;
}
ul.subnavi li.event a:hover {
	background-position: 0px -19px;
}

div#content div.main div.wrap,
div#content div.bottom div.wrap {
	margin: 0px 22px;
}

div#content div.main div.wrap div.info,
div#content div.bottom div.wrap div.info {
	float: left;
	width: 293px;
	margin: 20px 0px 25px 0px;
}

div#content div.main div.wrap div.info p,
div#content div.bottom div.wrap div.info p {
	margin: 8px 0px 5px 0px;
}

div#content div.bottom div.wrap div.info h4 {
	margin: 8px 15px 5px 0px;
}

div#content div.main div.wrap p.infoimg,
div#content div.bottom div.wrap p.infoimg {
	float: right;
	width: 160px;
	margin: 20px 0px 10px 0px;
	text-align: right;
}

div#content div.main div.wrap p.infoimg img,
div#content div.bottom div.wrap p.infoimg img {
	margin-top: 10px;
}