@charset "utf-8";

/******************************
 header
******************************/
header .character{
	position:absolute;
	top:-10px;
	right:0;
}
header .siteName{
	padding:5px;
}
header .siteName .subMenu{
	right:150px;
}
header .siteName .btn{
	clear:right;
	margin-top:10px;
}

/******************************
 #side
******************************/
#side{
	padding-top:150px;
}
#side .btn.offer{
	position:relative;
	text-align:center;
}
#side .bnr{
	margin-top:20px;
}

/******************************
 #voice
 スクール生の声
******************************/
#voice{
	position:relative;
	height:200px;
	background:url(../images/bg_voice.png) center top no-repeat;
}
#voice .caption{
	position:absolute;
	top:20px;
	left:30px;
	color:#339900;
	font-size:120%;
}
#voice > .btn{
	position:absolute;
	top:85px;
}
#voice > .btn.next{
	right:0px;
}
#voice noscript p{
	padding-top:75px;
	line-height:25px;
}
#voice .voiceList{
	position:relative;
}
#voice .voiceList li{
	display:none;
	position:absolute;
	top:50px;
	left:40px;
	width:640px;
	height:130px;
	text-align:center;
	vertical-align:middle;
	line-height:130px;
}
#voice .voiceList li img{
	vertical-align:middle;
}
#voice .detail {
	position:absolute;
	top:15px;
	right:25px;
	background-color:#339900;
}
#voice .detail a {
	display:block;
	padding:5px;
	color:#fff;
	font-size:90%;
}

/******************************
 #news
 お知らせ
******************************/
#news h2{
	padding-left:35px;
	height:30px;
	background:url(../images/icon_news.png) left 50% no-repeat;
	background-color:#339900;
	-moz-border-radius:15px;
	-webkit-border-radius:15px;
	border-radius:15px;
	color:#f6f6f6;
	font-size:90%;
	line-height:30px;
}
#news .newsList li{
	clear:both;
	padding:12px 10px 12px 110px;
	border-bottom:2px dotted #339900;
	font-size:80%;
	line-height:18px;
	word-break:break-all;
}
#news .newsList .date{
	display:inline-block;
	position:absolute;
	margin-left:-100px;
	vertical-align:top;
}