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

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

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

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

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 {
	margin: 0px 26px;
}

div#content div.main div.wrap div.left {
	float: left;
	width: 220px;
}

div#content div.main div.wrap div.right {
	float: right;
	width: 220px;
}

div#content div.main div.wrap div.left p,
div#content div.main div.wrap div.right p {
	margin: 0px 0px 20px 0px;
}

div#content div.main div.wrap div.left h5,
div#content div.main div.wrap div.right h5 {
	margin: 20px 0px;
}

div#content div.main div.wrap div.left p.arrow,
div#content div.main div.wrap div.right p.arrow {
	text-align: center;
}

div#content div.main h5 {
	clear: both;
	margin: 0px 26px;
}

div#content div.main img.onetext {
	float: left;
	width: 271px;
	margin: 15px 0px 30px 0px;
}

div#content div.main img.onebutton {
	float: right;
	width: 172px;
	margin: 15px 0px;
}

div#content div.bottom div.wrap {
	margin: 0px 30px;
}

div#content div.bottom div.wrap div.left {
	float: left;
	width: 235px;
}

div#content div.bottom div.wrap div.right {
	float: right;
	width: 190px;
}

div#content div.bottom div.wrap div.left p,
div#content div.bottom div.wrap div.right p {
	margin: 0px;
	font-size: 80%;
}