@charset "utf-8";
@import url("common.css"); /* common stylesheet */

#dammy {
	background: url() no-repeat;
	margin: 0;
	padding: 40px 0 0 0;
	width: 216px;
	overflow: hidden;
	display: block;
	border: none;
	text-decoration: none;
	height: 0px!important;
	height /**/:40px;/* for ie5.x */
	}

/* layout
--------- --------- --------- --------- --------- */
#wrapper {
	margin:0 auto;
	padding:0;
	width:920px;
	text-align: left;
	}
	
h1 {
	margin:0;
	padding:13px 10px 0 0;
	height:11px;
	font-size:1.0em;
	text-align: right;
	line-height:1.0;
	}

#header {
	background: url(../images/top/top_header.jpg) no-repeat;
	margin:0;
	padding:0;
	height:156px;
	position: relative;
	}

#contents {
	background: url(../images/top/top_body.jpg) no-repeat;
	background-position:10px 0;
	margin:0 0 0 0px;
	padding:0 10px 0 0px;
	}
	
#contents2 {
	background: url(../images/top/top_body.jpg) no-repeat;
	margin:0 0 0 10px;
	padding:0 10px 0 0px;
	}

#main {
	margin:0;
	padding:0;
	float:left;
	width:610px;
	}
	
#side {
	margin:0;
	padding:9px 0 0 0;
	float:right;
	width:280px;
	}
	
#footer {
	clear:both;
	margin:0;
	padding:0;
	}

	
	
/* #header
--------- --------- --------- --------- --------- */
.logo {
	position: absolute;
	top:20px;
	left:30px;
	background: url(../images/common/logo.jpg) no-repeat;
	margin: 0;
	padding: 55px 0 0 0;
	width: 290px;
	overflow: hidden;
	display: block;
	border: none;
	text-decoration: none;
	height: 0px!important;
	height /**/:55px;/* for ie5.x */
	}
	
.h_sname {
	position: absolute;
	top:20px;
	left:30px;
	background: url(../images/common/h_sname.jpg) no-repeat;
	margin: 0;
	padding: 55px 0 0 0;
	width: 545px;
	overflow: hidden;
	display: block;
	border: none;
	text-decoration: none;
	height: 0px!important;
	height /**/:55px;/* for ie5.x */
	}
	
.h_tel {
	position: absolute;
	top:15px;
	right:30px;
	background: url(../images/common/h_tel.jpg) no-repeat;
	margin: 0;
	padding: 68px 0 0 0;
	width: 222px;
	overflow: hidden;
	display: block;
	border: none;
	text-decoration: none;
	height: 0px!important;
	height /**/:68px;/* for ie5.x */
	}
	
.gnavi {
	position: absolute;
	top:87px;
	left:10px;
	margin:0;
	padding:0 0 0 25px;
	height:53px;
	list-style-type: none;
	}
	
.gnavi li {
	float:left;
	margin:0 3px 0 0;
	padding:0;
	width: 146px;
	height:53px;
	}
	
.gnavi li a {
	margin:0;
	padding: 53px 0 0 0;
	width: 146px;
	overflow: hidden;
	display: block;
	border: none;
	text-decoration: none;
	height: 0px!important;
	height /**/:53px;/* for ie5.x */
	}
	
.gnavi li.gnavi5,
.gnavi li.gnavi6 {
	float:left;
	margin:0 3px 0 0;
	padding:0;
	width: 128px;
	height:53px;
	}
	
.gnavi li.gnavi5 a,
.gnavi li.gnavi6 a {
	margin:0;
	padding: 53px 0 0 0;
	width: 128px;
	overflow: hidden;
	display: block;
	border: none;
	text-decoration: none;
	height: 0px!important;
	height /**/:53px;/* for ie5.x */
	}
	
.gnavi li.gnavi1 a {
	background: url(../images/common/gnavi1.jpg) no-repeat;
	}
	
.gnavi li.gnavi2 a {
	background: url(../images/common/gnavi2.jpg) no-repeat;
	}
	
.gnavi li.gnavi3 a {
	background: url(../images/common/gnavi3.jpg) no-repeat;
	}
	
.gnavi li.gnavi4 a {
	background: url(../images/common/gnavi4.jpg) no-repeat;
	}
	
.gnavi li.gnavi5 a {
	background: url(../images/common/gnavi5.jpg) no-repeat;
	}
	
.gnavi li.gnavi6 a {
	background: url(../images/common/gnavi6.jpg) no-repeat;
	}
	
.gnavi li a:hover {
	background-position: 0 -53px;
	}
	
.gnavi li.on a {
	background-position: 0 -53px;
	}
	

/* #main
--------- --------- --------- --------- --------- */
.area1 {
	padding:40px 0 0 255px;
	height:595px;
	}
	
.area1_title {
	background: url(../images/top/top_area1_title.jpg) no-repeat;
	margin: 0 0 15px 0;
	padding: 110px 0 0 0;
	width: 340px;
	overflow: hidden;
	display: block;
	border: none;
	text-decoration: none;
	height: 0px!important;
	height /**/:110px;/* for ie5.x */
	}

.area1_ex {
	margin: 0 0 30px 0;
	padding: 0;
	width: 330px;
	font-size:1.2em;
	line-height:1.6;
	position: relative;
	}
	
.area1_links {
	position: absolute;
	top:65px;
	right:0;
	width:220px;
	}
	
.area1_links a.a1l1 {
	background: url(../images/top/top_area1_link1.jpg) no-repeat;
	margin: 0 5px 0 0;
	padding: 17px 0 0 0;
	width: 140px;
	overflow: hidden;
	display: block;
	border: none;
	text-decoration: none;
	height: 0px!important;
	height /**/:17px;/* for ie5.x */
	float:left;
	}
	
.area1_links a.a1l2 {
	background: url(../images/top/top_area1_link2.jpg) no-repeat;
	margin: 0;
	padding: 17px 0 0 0;
	width: 75px;
	overflow: hidden;
	display: block;
	border: none;
	text-decoration: none;
	height: 0px!important;
	height /**/:17px;/* for ie5.x */
	}
	

.area1_btn {
	background: url(../images/top/top_area1_image.jpg) no-repeat;
	margin:0 0 0 5px;
	padding:225px 0 0 35px;
	width:305px;
	height:0;
	}
	

.area2_title {
	background: url(../images/top/top_area2_title.jpg) no-repeat;
	background-position: 30px 30px;
	margin: 0 0 30px 0;
	padding: 59px 0 0 0;
	width: 580px;
	overflow: hidden;
	display: block;
	border: none;
	text-decoration: none;
	height: 0px!important;
	height /**/:59px;/* for ie5.x */
	}
	
.area2 {
	background: url(../images/top/top_area2_image.jpg) no-repeat;
	background-position: 30px 20px;
	margin:0 0 25px 0;
	padding:0 30px 0 300px;
	height:450px;
	}
	
.area2_ex {
	background: url(../images/top/top_icon1.jpg) no-repeat;
	background-position: 0 2px;
	margin:0 0 10px 0;
	padding:0;
	font-size:1.2em;
	line-height:1.6;
	}
	
.area2_btn {
	margin:0;
	padding:0;
	width:265px;
	height:43px;
	}
	
.area2_btn a {
	background: url(../images/top/top_btn2.jpg) no-repeat;
	margin: 0;
	padding: 43px 0 0 0;
	width: 265px;
	overflow: hidden;
	display: block;
	border: none;
	text-decoration: none;
	height: 0px!important;
	height /**/:43px;/* for ie5.x */
	}
	
.sarea4 a {
	color:#333333;
	font-size:12px;
	line-height:22px;





	}

/* #side
--------- --------- --------- --------- --------- */
.sarea1_title {
	background: url(../images/top/top_sarea1_title.jpg) no-repeat;
	margin: 0 0 0 1px;
	padding: 56px 0 0 0;
	width: 282px;
	overflow: hidden;
	display: block;
	border: none;
	text-decoration: none;
	height: 0px!important;
	height /**/:56px;/* for ie5.x */
	}

.sarea1 {
	margin:0 0 5px 0;
	height:405px;
	}

.sarea1_lead1,
.sarea1_lead2,
.sarea1_lead3 {
	margin:0 0 7px 1px;
	padding: 78px 0 0 0;
	width: 280px;
	overflow: hidden;
	display: block;
	border: none;
	text-decoration: none;
	height: 0px!important;
	height /**/:78px;/* for ie5.x */
	}

.sarea1_lead1 {
	background: url(../images/top/top_sarea1_stitle1.jpg) no-repeat;
	}

.sarea1_lead2 {
	background: url(../images/top/top_sarea1_stitle2.jpg) no-repeat;
	}
	
.sarea1_lead3 {
	background: url(../images/top/top_sarea1_stitle3.jpg) no-repeat;
	}

.sarea1_ex {
	background: url(../images/top/top_icon2.jpg) no-repeat;
	margin:0 0 12px 10px;
	padding:5px 0 0 55px;
	font-size:1.2em;
	}

.sarea2 {
	padding:10px 0 0 8px;
	height:320px;
	}
	
.sarea2_link1 {
	background: url(../images/top/top_sarea2_image2.jpg) no-repeat;
	width:240px;
	height:40px;
	margin:0;
	padding:50px 0 0 25px;
	}
	
.sarea2_link1 a {
	background: url(../images/top/top_btn3.jpg) no-repeat;
	margin: 0;
	padding: 35px 0 0 0;
	width: 215px;
	overflow: hidden;
	display: block;
	border: none;
	text-decoration: none;
	height: 0px!important;
	height /**/:35px;/* for ie5.x */
	}
	
.sarea2_link2 {
	background: url(../images/top/top_sarea2_image3.jpg) no-repeat;
	width:267px;
	height:55px;
	margin:0;
	padding:45px 0 0 0;
	position: relative;
	}
	
.sarea2_link2ex {
	
	}
	
.sarea2_link2 a {
	position: absolute;
	top:73px;
	left:178px;
	background: url(../images/top/more.jpg) no-repeat;
	margin: 0;
	padding: 19px 0 0 0;
	width: 82px;
	overflow: hidden;
	display: block;
	border: none;
	text-decoration: none;
	height: 0px!important;
	height /**/:19px;/* for ie5.x */
	}

.sarea3_title {
	background: url(../images/top/top_sarea3_title.jpg) no-repeat;
	margin: 0;
	padding: 40px 0 0 0;
	width: 280px;
	overflow: hidden;
	display: block;
	border: none;
	text-decoration: none;
	height: 0px!important;
	height /**/:40px;/* for ie5.x */
	}
	
.sarea3 {
	margin:0 0 6px 0;
	padding:50px 0 0 12px;
	height:300px;
	font-size: 1.2em;
	}
	
.sarea5 {
	margin:0 0 6px 0;
	padding:10px 0 0 12px;
	height:280px;
	font-size: 1.2em;
	}
	
.list1 {
	background: url(../images/top/list1.jpg) no-repeat;
	margin:0 0 5px 0;
	padding:3px 0 2px 75px;
	line-height:1.2;
	}
	
.list2 {
	background: url(../images/top/list2.jpg) no-repeat;
	margin:0 0 5px 0;
	padding:5px 0 2px 85px;
	line-height:1.2;
	}
	
.list3 {
	background: url(../images/top/list3.jpg) no-repeat;
	margin:0 0 5px 0;
	padding:5px 0 2px 110px;
	line-height:1.2;
	}
	
.list4 {
	background: url(../images/top/list4.jpg) no-repeat;
	margin:0 0 5px 0;
	padding:5px 0 2px 75px;
	line-height:1.2;
	}
	
.list5 {
	background: url(../images/top/list5.jpg) no-repeat;
	margin:0;
	padding:24px 0 0 20px;
	line-height:1.2;
	}
	
.list6 {
	background: url(../images/top/list6.jpg) no-repeat;
	margin:0 0 5px 0;
	padding:5px 0 2px 75px;
	line-height:1.2;
	}
	

.sarea4 {
	margin:0 0 5px 0;
	padding:30px 0 0 2px;
	}
	
.sbanner1,
.sbanner2,
.sbanner3 {
	margin:0 ;
	padding:0;
	width:283px;
	height:49px;
	}
		
.sbanner42 {
	margin:0;
	padding:2px 0 0 0;
	width:286px;
	>width:286px;
	height:95px;
	}
	
.sbanner1 a,
.sbanner2 a,
.sbanner3 a {
	margin: 0;
	padding: 49px 0 0 0;
	width: 283px;
	overflow: hidden;
	display: block;
	border: none;
	text-decoration: none;
	height: 0px!important;
	height /**/:49px;/* for ie5.x */
	}
	
.sbanner42 a {
	margin: 0;
	padding: 95px 0 0 0;
	width: 286px;
	>width:286px;
	overflow: hidden;
	display: block;
	border: none;
	text-decoration: none;
	height: 0px!important;
	height /**/:95px;/* for ie5.x */
	}
	
.sbanner1 a {
	background: url(../images/top/top_sbanner1.jpg) no-repeat;
	}
	
.sbanner2 a {
	background: url(../images/top/top_sbanner2.jpg) no-repeat;
	}
	
.sbanner3 a {
	background: url(../images/top/top_sbanner3.jpg) no-repeat;
	}

.sbanner42 a {
	background: url(../images/top/top_sbanner4.jpg) no-repeat;
	}

/* #footer
--------- --------- --------- --------- --------- */
.flinks {
	margin:0;
	padding:10px 0 5px 0;
	border-bottom:1px solid #888;
	text-align: center;
	font-size: 1.2em;
	}
	
.flinks a {
	color:#333;
	line-height:1.6;
	}
	
.flinks a:hover {
	color:#888;
	}
	
.finfo {
	margin:0;
	padding:10px 0 5px 0;
	text-align: center;
	line-height:1.6;
	font-size: 1.2em;
	color:#666;
	}
	
.finfo b {
	display: block;
	font-weight: bold;
	}
	
	
	
	
/* #リニューアル追加分
--------- --------- --------- --------- --------- */
.know_point {
	height:88px;
	}
	
.know_point a {
	background: url(../images/top/point_know.jpg) no-repeat;
	margin:0;
	padding: 88px 0 0 0;
	width: 343px;
	overflow: hidden;
	display: block;
	border: none;
	text-decoration: none;
	height: 0px!important;
	height /**/:88px;/* for ie5.x */
	}

.know_point a:hover {
	background: url(../images/top/point_know_on.jpg) no-repeat;
	background-position:1px 1px;
	padding: 85px 0 0 0;
	width: 340px;
	overflow: hidden;
	display: block;
	border: none;
	text-decoration: none;
	height: 0px!important;
	height /**/:85px;/* for ie5.x */
	}
	
.leftbtn_area {
	float:left;
	padding:0 0 0 4px;
	width:165px;
	}
	
.leftbtn_area a {
	background: url(../images/top/course.jpg) no-repeat;
	background-position:0 0;
	margin: 0 0 0 0;
	padding: 39px 0 0 0;
	width: 165px;
	overflow: hidden;
	display: block;
	border: none;
	text-decoration: none;
	height: 0px!important;
	height /**/:39px;/* for ie5.x */
	}
	
.leftbtn_area a:hover {
	background: url(../images/top/course_on.jpg) no-repeat;
	background-position:2px 2px;
	margin: 0 0 0 0;
	padding: 37px 0 0 0;
	width: 163px;
	overflow: hidden;
	display: block;
	border: none;
	text-decoration: none;
	height: 0px!important;
	height /**/:35px;/* for ie5.x */
	
	}
	
.rightbtn_area {
	float:left;
	padding:0 0 0 7px;
	}
	
.rightbtn_area a {
	background: url(../images/top/question.jpg) no-repeat;
	margin: 0 0 0 0;
	padding: 39px 0 0 0;
	width: 165px;
	overflow: hidden;
	display: block;
	border: none;
	text-decoration: none;
	height: 0px!important;
	height /**/:39px;/* for ie5.x */
	}
	
.rightbtn_area a:hover {
	background: url(../images/top/question_on.jpg) no-repeat;
	background-position:2px 2px;
	margin: 0 0 0 0;
	padding: 37px 0 0 0;
	width: 163px;
	overflow: hidden;
	display: block;
	border: none;
	text-decoration: none;
	height: 0px!important;
	height /**/:35px;/* for ie5.x */
	}
	
.voice_area {
	height:171px;
	background-color:;
	padding:52px 0 0 17px;
	position:relative;
	}
	
.voice_area a {
	background: url(../images/top/more_voice.jpg) no-repeat;
	margin: 0 0 0 0;
	padding: 38px 0 0 0;
	width: 214px;
	overflow: hidden;
	display: block;
	border: none;
	text-decoration: none;
	height: 0px!important;
	height /**/:38px;/* for ie5.x */
	position:absolute;
	right:9px;
	bottom:18px;
	}
	
.voice_area a:hover {
	background: url(../images/top/more_voice_on.jpg) no-repeat;
	background-position:1px 1px;
	margin: 0 0 0 0;
	padding: 38px 0 0 0;
	width: 214px;
	overflow: hidden;
	display: block;
	border: none;
	text-decoration: none;
	height: 0px!important;
	height /**/:38px;/* for ie5.x */
	position:absolute;
	right:9px;
	bottom:18px;
	}
	
.voice_area2 {
	height:171px;
	background-color:;
	padding:52px 0 0 17px;
	position:relative;
	}
	
.voice_area2 a {
	background: url(../images/top/more_voice.jpg) no-repeat;
	margin: 0 0 0 0;
	padding: 38px 0 0 0;
	width: 214px;
	overflow: hidden;
	display: block;
	border: none;
	text-decoration: none;
	height: 0px!important;
	height /**/:38px;/* for ie5.x */
	position:absolute;
	right:9px;
	bottom:18px;
	}
	
.voice_area2 a:hover {
	background: url(../images/top/more_voice_on.jpg) no-repeat;
	background-position:1px 1px;
	margin: 0 0 0 0;
	padding: 38px 0 0 0;
	width: 214px;
	overflow: hidden;
	display: block;
	border: none;
	text-decoration: none;
	height: 0px!important;
	height /**/:38px;/* for ie5.x */
	position:absolute;
	right:9px;
	bottom:18px;
	}
	
.voice1 {
	font-size:14px;
	color:#29751A;
	}
	
.voice1 b{
	background: url(../images/common/arrow_icon4.jpg) no-repeat;
	background-position:10px 1px;
	padding:0 0 2px 30px;
	width:16px;
	height:20px;
	font-weight:bold;
	}
	
.voice1_con {
	font-size:12px;
	color:#4D4D4D;
	padding:5px 0 15px 20px;
	}

.to_map {
	padding:10px 0 0 50px;
	}

.to_map a {
	background:url(../images/top/map.jpg) no-repeat;
	margin:0;
	padding:36px 0 0 0;
	width:166px;
	overflow:hidden;
	display: block;
	border: none;
	text-decoration: none;
	height: 0px!important;
	height /**/:36px;/* for ie5.x */
	}
	






	
.regist_btn {
	height:78px;
	}
	
.regist_btn a {
	background: url(../images/top/point_know2.jpg) no-repeat;
	margin: 0 0 0 4px;
	padding: 78px 0 0 0;
	width: 337px;
	overflow: hidden;
	display: block;
	border: none;
	text-decoration: none;
	height: 0px!important;
	height /**/:78px;/* for ie5.x */
	}

.regist_btn a:hover {
	background: url(../images/top/point_know2_on.jpg) no-repeat;
	background-position:1px 1px;
	margin: 0 0 0 4px;
	padding: 74px 0 0 0;
	width: 333px;
	overflow: hidden;
	display: block;
	border: none;
	text-decoration: none;
	height: 0px!important;
	height /**/:78px;/* for ie5.x */
	}
	
.regist_btns {
	padding:10px 0 0 0;
	width:275px;
	}
	
.regist_btns a {
	background: url(../images/top/regist.jpg) no-repeat;
	padding: 63px 0 0 0;
	width: 271px;
	overflow: hidden;
	display: block;
	border: none;
	text-decoration: none;
	height: 0px!important;
	height /**/:63px;/* for ie5.x */
	}
	
.regist_btns a:hover {
	background: url(../images/top/regist_on.jpg) no-repeat;
	background-position:1px 1px;
	padding: 63px 0 0 0;
	width: 272px;
	overflow: hidden;
	display: block;
	border: none;
	text-decoration: none;
	height: 0px!important;
	height /**/:63px;/* for ie5.x */
	}