@charset "utf-8";

@import url(reset.css);
@import url(common.css);

@import url(clear.css);


/* =========================================================
■overwrite
========================================================= */
/* body
----------------------------------------------- */
body {
	background: url(../img/home/bg_line.gif) repeat-x 0 431px;
}



/* =========================================================
■homeMain
========================================================= */
div#homeMain {
	position: relative;
	width: 960px;
	height: 530px;
	background: url(../img/home/bg_main.gif) no-repeat 0 171px;
}

div#homeMain h1 {
	position: absolute;
	top: 18px;
	left: 9px;
}

div#homeMain p#copy {
	position: absolute;
	top: 30px;
	left: 400px;
}

div#homeMain p#btnNewadd {
	position: absolute;
	top: 440px;
	left: 2px;
}

div#homeMain p#phMain {
	position: absolute;
	top: 220px;
	left: 450px;
}


/* login
----------------------------------------------- */
div#homeMain div#login {
	position: absolute;
	top: 245px;
	left: 5px;
	width: 340px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	background: url(../img/home/bg_login.png) no-repeat 0 0;
}

div#homeMain div#login dl {
	margin: 0;
	padding: 20px 10px 0;
}

div#homeMain div#login dl dt {
	float: left;
	width: 70px;
	padding: 12px 0 0;
	font-size: 1%;
	text-align: right;
}

div#homeMain div#login dl dd {
	margin: 0 0 10px 80px;
	/zoom: normal; /* IE6, IE7 */
}

div#homeMain div#login dl dd input {
	width: 220px;
	padding: 2px 5px;
	border: 1px #999999 solid;
	background: #FFFFFF;
	font-size: 180%;
}

div#homeMain div#login p.button {
	margin: 0;
}

div#homeMain p.reminder {
	margin: 5px 0;
	text-align: center;
}



/* =========================================================
■homeAbout
========================================================= */
div#homeAbout {
	padding: 15px 10px;
	border-top: 4px #FDDD10 solid;
	font-size: 83%;
}

div#homeAbout h2 {
	margin: 0 0 20px;
}

div#homeAbout h3 {
	margin: 0 0 10px;
}

div#homeAbout p {
	margin: 0 0 15px;
}

div#homeAbout p.screen {
	display: inline;
	float: left;
	width: 160px;
	margin: 0 10px 0 0;
	text-align: center;
}

div#homeAbout p.screen img {
}


/* column
----------------------------------------------- */
div#homeAbout div#aboutTouban {
	float: left;
	width: 450px;
}

div#homeAbout div#aboutForum {
	float: right;
	width: 450px;
}



/* =========================================================
■homeInfo
========================================================= */
div#homeInfo p {
	margin: 0 auto 20px;
	text-align: center;
}