@charset "utf-8";
@import "common.css";
@import "sub_common.css";
/* CSS Document */


#contenter {
	height: auto;
	width: 950px;
	margin-right: auto;
	margin-left: auto;
	text-align: left;
	background-color: #fff;
}

/* -------------------------------- main */
#main {
	position: relative;
	background-attachment: scroll;
	background-image: url(../img/hanyo_bk0.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	height: 143px;
	width: 950px;
}
#main1 {
	position: relative;
	background-attachment: scroll;
	background-image: url(../img/hanyo_bk1.jpg);
	background-repeat: repeat-y;
	background-position: center top;
	height: 135px;
	width: 950px;
}
#main2 {
	position: relative;
	height: 169px;
	width: 950px;
	background-attachment: scroll;
	background-image: url(../../common/img/hanyo_bk2.jpg);
	background-repeat: no-repeat;
	background-position: center top;
}
h2 {
	position: absolute;
	left: 41px;
	top: 33px;
}
.plan_goran {
	position: absolute;
	left: 84px;
	top: 74px;
}
.arimasu {
	position: absolute;
	left: 534px;
	top: 93px;
}
.txt {
	position: absolute;
	left: 149px;
	top: 59px;
	height: 75px;
	font-size: 14px;
	line-height: 150%;
	font-weight: bold;
	color: #666666;
}



.up {
	position: absolute;
	top: 0px;
	left: 879px;
}
.kochira1 {
	position: absolute;
	left: 725px;
	top: 0px;
}
.kochira2 {
	position: absolute;
	left: 84px;
	top: 879px;
}
.kochira3 {
	position: absolute;
	left: 725px;
	top: 629px;
}
.kochira4 {
	position: absolute;
	left: 30px;
	top: 0px;
}

.lib2 {
	background-attachment: scroll;
	background-image: url(../../img/plan/plan_sp.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	display: block;
	padding-left: 15px;
}


#contenter #main .plan .yuko_support {
	position: absolute;
	left: 0px;
	top: 262px;
}
#contenter #main .plan .yuko_nagare {
	position: absolute;
	left: 0px;
	top: 460px;
}
#contenter #main2 .plan .yuko_support2 {
	position: absolute;
	left: 0px;
	top: 30px;
}
#contenter #main2 .plan .yuko_nagare2 {
	position: absolute;
	left: 0px;
	top: 228px;
}
#contenter #main2 .plan .u_support_kochira {
	position: absolute;
	left: 515px;
	top: 122px;
}
#contenter #main2 .plan .u_nagare_kochira {
	position: absolute;
	left: 688px;
	top: 122px;
}
#contenter #main .plan .txt blockquote {
	text-indent: 20px;
}
#contenter #main .plan .about_title {
	position: absolute;
	left: 133px;
	top: 190px;
}
#contenter #form {
	background-attachment: scroll;
	background-image: url(../../img/online/online_back.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	text-align: center;
	position: relative;
	height: 665px;
}
#contenter #form .form_title {
	position: absolute;
	left: 99px;
	top: 0px;
}
#contenter #main1 .form_title {
	position: absolute;
	left: 99px;
	top: 0px;
}
.input {
	border: 1px solid #999999;
	height: 30px;
	width: 350px;
	margin-bottom: 3px;
	margin-left: 10px;
}
.input2 {
	border: 1px solid #999999;
	height: 150px;
	width: 520px;
	margin-bottom: 3px;
	margin-left: 10px;
}
.input3 {
	border: 1px solid #999999;
	height: 20px;
	width: 50px;
	margin-bottom: 3px;
	margin-left: 10px;
}
#contenter #form .contact {
	position: absolute;
	left: 221px;
	top: 113px;
	text-align: left;
	width: 545px;
	height: 447px;
}
#form li {
	background-attachment: scroll;
	background-image: url(../../img/contact/form_tensen.jpg);
	background-repeat: no-repeat;
	background-position: left bottom;
	padding-bottom: 2px;
	list-style-type: none;
}
#contenter #main1 .qa_0120 {
	position: absolute;
	left: 600px;
	top: 0px;
}
#contenter #main2 .plan .qa_0120_ {
	position: absolute;
	left: 475px;
	top: 21px;
}
#contenter #form .online_jump img {
	position: absolute;
	left: 185px;
	top: 73px;
}
#contenter #form .online_tel {
	position: absolute;
	left: 185px;
	top: 285px;
}