@charset "UTF-8";

/*------------------------------------------

■ブランドカラー（緑）
#51af22

■アクセントカラー（オレンジ）
#ff8600

------------------------------------------*/

body {
	background: #f6f6f6 url(../img/main_bg.gif) repeat-x left top;
}

/*------------------------------------------------------------------

メイン

------------------------------------------------------------------*/
div#main {
	position: relative;
	background: url(../img/copy_bg.jpg) no-repeat right 84px;
	width: 860px;
	height: 454px;
	margin: 0px auto;
}
div#main p.mainCapture {
	position: absolute;
	left: 0px;
	top: 38px;
	background: url(../img/main_capture_bg.jpg) no-repeat;
	width: 450px;
	height: 416px;
}
div#main h2 {
	position: absolute;
	right: 15px;
	top: 60px;
	width: 380px;
	height: 130px;
}
div#main h1 {
	position: absolute;
	right: 15px;
	top: 200px;
	width: 380px;
	height: 85px;
}
div#main h3 {
	position: absolute;
	right: 15px;
	top: 285px;
	width: 380px;
	height: 25px;
}
div#main ul {
	position: absolute;
	right: 4px;
	top: 340px;
	width: 406px;
	height: 62px;
}
div#main ul li {
	position: absolute;
	top: 0px;
	width: 203px;
	height: 62px;
}
div#main ul li#about {
	left: 0px;
}
div#main ul li#aboutRegist, div#main ul li#login {
	right: 0px;
}
div#main ul li a {
	display: block;
	width: 203px;
	height: 62px;
	background: no-repeat left top;
	text-indent: -999em;
}
div#main ul li a:hover {
	background-position: left bottom;
}
div#main ul li#feature a {
	background-image: url(../img/topbtn_feature.jpg);
}
div#main ul li#aboutRegist a {
	background-image: url(../img/topbtn_aboutregist.jpg);
}
div#main ul li#login a {
	background-image: url(../img/topbtn_login.jpg);
}

/*------------------------------------------------------------------

お知らせ

------------------------------------------------------------------*/
div#news {
	background: url(../img/news_bg.gif) repeat-x left top;
	color: #666;
}
div#news h4 {
	width: 840px;
	margin: 0px auto;
}
div#news ul {
	width: 840px;
	margin: 15px auto 0px;
}
div#news ul li {
	padding: 3px 12px;
}
div#news span.date {
	font-size: 85%;
	padding-left: 3px;
}
/*フォントサイズハック*/
.mac div#news span.date {
	font-size: 11px;
}