@charset "utf-8";
* {
	margin: 0px;
}

body {
	position: relative;
}
#gototop {
	width: 260px;
	height: 300px;
	position: fixed;
	bottom: -80px;
	right: 20px;
	display: none;
}

#mainbg {
	background-color: #FF9D29;
}
#main {
	margin: 0px auto 0px auto;
	width: 1024px;
	height: 768px;
/*	background-color: #E28110;*/
	background-image: url("../images/mainback.png");
	position: relative;
}
#main h1 {
	width: 450px;
	height: 370px;
/*	border: solid 2px #000;*/
	position: absolute;
	top: 20px;
	left: 50px;
}
#main p {
	width: 200px;
	height: 200px;
/*	border: solid 2px #000;*/
}
a:hover {
	opacity: 0.8;
}
#main p#areabtn {
	position: absolute;
	top: 500px;
	left: 56px;
}
#main p#opnbtn {
	position: absolute;
	top: 500px;
	left: 312px;
}
#setsumeibg {
/*	background-color: #0009AD;*/
background-image: url("../images/setsumeibg.png");
}
#setsumei {
	margin: 0px auto 0px auto;
	width: 1024px;
	height: 300px;
	background-color: #ffce00;
/*	background-image: url("../images/setsumeiback.png");
	background-repeat: no-repeat;
*/	position: relative;
}
#setsumei p {
	text-align: center;
	padding-top: 70px;
	font-size: 120%;
	font-weight: bold;
}
.next img {
	width: 90px;
	height: 45px;
	position: absolute;
	bottom: 0px;
	right: 0px;
	left: 0px;
	margin: auto;
}
/*.next img:hover {
		opacity: 0.6;
}
*/
strong {
	color: #1075b2;
	font-size: 200%;
}
#areabg {
	height: 768px;
	background-color: /*#ef9900*/#ffce00;
}
#area {
	width: 1024px;
	height: 768px;
	background-color: #fff;
	background-image: url("../images/areaback.png");
	margin: 0px auto 0px auto;
	position: relative;
}
#area h2 {
	margin-left: 56px;
	font-size: 240%;
}
#ex {
	margin-left: 280px;
	font-size: 120%;
}
#area ul {
	position: absolute;
	top: 150px;
	left: 340px;
	width: 800px;
}

#area ul li {
	list-style-type: none;
	float: left;
	margin-right: 56px;
}
#purposebg {
	height: 768px;
	background-color: #FFE92F;
}
#purpose {
	clear: both;
	width: 1024px;
	height: 768px;
	margin: 0px auto 0px auto;
/*	background-color: #FFE92F;*/
	background-image: url("../images/opinion.png");
	position: relative;
}
#purpose h2 {
	margin-left: 56px;
	font-size: 240%;
}
#purpose ul {
	width: 600px;
	position: absolute;
	left: 50px;
	top: 100px;
}
#purpose ul li {
	list-style-type: none;
	float: left;
	margin-top: 27px;
	margin-right: 27px;
}
#modelbg {
	background-image: url("../images/onpu.png");
}
#model {
	clear: both;
	width: 1024px;
	height: 768px;
	margin: 0px auto 0px auto;
	background-color: #fff;
}
#model h2 {
	text-align: center;
}

#model1 {
	width: 1016px;
	height: 196px;
	border: solid 4px #56a764;
}
#model2 {
	width: 1016px;
	height: 196px;
	border: solid 4px #FFE92F;
	margin: 2px 0px;
}
#model3 {
	width: 1016px;
	height: 196px;
	border: solid 4px #FF9D29;
}
.box1 {
	float: left;
	width: 300px;
	height: 196px;
/*	border: solid 2px #000;
*/
}
.box1 p {
	margin: 8px 30px;
}
.box2 {
	float: left;
	width: 450px;
	height: 196px;
/*	border: solid 2px #000;
*/	border-right: dotted 4px #999;
}
.box2 h3 {
	margin-top: 10px;
}
.box2 p {
	width: 400px;
	height: 70px;
	margin: 10px 10px;
}
.box2 p a {
	margin-left: 280px;
	margin-top: 40px;
}
.box3 {
	float: left;
	width: 250px;
	height: 196px;
}
.point{
	margin: 68px 30px;
	float: left;
	width: 80px;
	height: 60px;
	background-color: #ccc;
}
.point p {
	font-size: 120%;
	margin: 15px 0px;
	text-align: center;
}
.time{
	margin: 68px 20px;
	float: left;
    width: 60px;
    height: 60px;
    background-color: #ccc;
    border-radius: 30px;
}
.time p {
	font-size: 120%;
	margin: 15px 0px;
	text-align: center;
}
#model>p a{
	margin-left: 800px;
	margin-top: 5px;
}
#footerbg {
	height: 240px;
	background-color: #FFE92F;
}
#footer {
	width: 1024px;
	height: 240px;
	margin: 0px auto 0px auto;
	background-color: #FFE92F;

}
.box {
	float: left;
	width: 180px;
	height: 200px;
	margin: 40px 0px 0px 18px;
/*	border: 2px solid #999;*/
}