@charset "utf-8";
/* CSS Document */

#toparea{
	background-image: url(/tolstatic/images/front_main/bg_top.png);
	background-position: center top;
	background-repeat: no-repeat;
}

#toparea .toparea_inner{
	width: 1000px;
	margin: 0px auto;
	padding-top: 37px;
	height: 634px;
}

#toparea .toparea_inner p{
	line-height: 0;
}

#toparea .corporatelogo{
	text-align: center;
	padding: 30px 0px;
	background-color: #fafafa;
}

/*地図資料請求*/
.contactarea{
	height: 996px;
}

.contactarea .contactarea_inner{
	margin: 0px auto 0px;
	width: 1000px;
	position: relative;
	background-image: url(/tolstatic/images/front_main/bg_contact_inner.png);
	height: 996px;
}

.contactarea .contactarea_inner .contactarea_img{
	position: absolute;
	top: -30px;
}

.mapWrapper { width:100%; position:absolute; top:0px; left:0px;}
#map, #mapon { width:960px; height:589px; margin:0 auto; position:relative;}
#map div, #mapon div { width:687px; height:564px; position:absolute; top:95px; left:262px;}
#map { z-index:10;}
#mapon div { background:url(/tolstatic/images/map/map_base.png) no-repeat;}

/*地図資料請求 FORM */

.formWrapper .maincontents{
	padding:704px 0 0;
}


.form {
	width:1000px;
	margin:0 auto;
}

.formTl {
	padding:20px 0;
	text-align:center;
}
.formWrapper {
	overflow:hidden;
	clear:both;
}

.formWrapper .prefecture01,
.formWrapper .btn_city,
.formWrapper .btn_wayside {
	float:left;
}


.formWrapper .prefecture01 {
	width:240px;
	padding: 113px 0 0 !important;
	margin-left:25px;
	box-sizing: border-box;
	padding: 0;
}

.formWrapper .prefecture01 select{
	width:240px;
	font-size: 22px;
	padding: 5px;
	border: solid #cccccc 3px;
	border-radius: 10px;
	background-color: #FFF;
	height: 49px;
}

.formWrapper .btn_select {
}

.formWrapper .btn_city {
	width:324px;
	padding: 90px 0 0 !important;
	margin-left: 52px;
}

.formWrapper .btn_wayside {
	width:324px;
	padding: 90px 0 0 !important;
	margin-left: 10px;
}


/*汎用資料請求*/
.contact_inner{
	background-color: #FFF;
	background:url(/tolstatic/images/front_main/bg_contact_inner_normal.png) no-repeat;
	padding: 0px;
	width: 1000px;
	margin: 0px auto;
	height: 455px
}

.contact_inner .choicearea{
	float: left;
	width: 285px;
	padding: 293px 0 0 0;
	margin-left: 50px;
}

.contact_inner .choicearea .prefecture02{
	width: 240px;
	box-sizing: border-box;
	padding: 0;
}

.contact_inner .choicearea select{
	width: 240px;
	font-size: 22px;
	padding: 5px;
	border: solid #cccccc 3px;
	border-radius: 10px;
	background-color: #f8faf0;
	height: 49px;
}

.contact_inner .btnarea01{
	float: left;
	padding: 211px 0px 0px 0px;
}

.contact_inner .btnarea02{
	float: left;
	padding: 211px 0px 0px 0px;
	margin-left: 20px;
}

.contact_inner .btn{
}

/*コンテンツ内容汎用*/
.contentarea{
	background:  url(/tolstatic/images/front_main/bg_contentarea.png) repeat;
}

.contentarea_title{
	background-color: #089336;
	color: #fff;
}

.contentarea_title h2{
	font-size: 42px;
	font-weight: bold;
	text-align: center;
	line-height:  1.25em;;
	padding: 20px 0px;
}

.contentarea_inner_first{
	background-image: url(/tolstatic/images/front_main/big_titi_arrow.png) ;
	background-position:top center;
	background-repeat: no-repeat;
	background-color: #FFF;
	padding: 56px 25px 20px 25px;
	width: 950px;
	margin: 0px auto;
}

.contentarea_inner_normal{
	background-color: #FFF;
	padding: 0px 25px 50px 25px;
	width: 950px;
	margin: 0px auto;
}

.no1{
	text-align: center;
	background-color: #FFF;
	padding: 0;
	width: 1000px;
	margin: 0px auto;
}

/*サポート*/
.online_support{
	background-color: #fefcf7;
	border: 2px solid #089336;
	padding: 20px;
	border-radius: 20px;
}

/*ポイント*/
.point_area{
	height: 538px;
}

.point_box{
	float:left;
	width:303px;
	height:538px;
}

.pbox01{
	background:url(/tolstatic/images/front_main/bg_point01.png) no-repeat 0 0;
	margin-right:20px;
}

.pbox01 .text{
	margin-top: 306px;
	padding: 0 10px 0;
	line-height: 1.8em;
}

.pbox02{
	background:url(/tolstatic/images/front_main/bg_point02.png) no-repeat 0 0;
	margin-right:20px;
}

.pbox02 .text{
	margin-top: 306px;
	padding: 0 10px 0;
	line-height: 1.8em;
}

.pbox03{
	background:url(/tolstatic/images/front_main/bg_point03.png) no-repeat 0 0;
	margin:0;
}

.pbox03 .text{
	margin-top: 306px;
	padding: 0 10px 0;
	line-height: 1.8em;
}

/*メッセージ*/
.message{
	background:url(/tolstatic/images/front_main/bg_message.png) no-repeat;
	margin-top: 24px;
	height: 1167px;
}

.message .message_coment01{
	background:url(/tolstatic/images/front_main/bg_message_coment01.png) no-repeat;
	height: 184px;
	margin: 0 25px 0 25px;
	top;116px;
}

.message .message_coment01 .tit{
	margin: 23px 0 0 134px;
}

.message .message_coment01 .message_txt{
	margin: 8px 0 13px 134px;
}

.message .message_coment02{
	background:url(/tolstatic/images/front_main/bg_message_coment02.png) no-repeat;
	height: 194px;
	margin: 7px 25px 0 25px;
}

.message .message_coment02 .tit{
	margin: 23px 0 0 134px;
}

.message .message_coment02 .message_txt{
	margin: 8px 0 13px 134px;
}

.message .message_coment03{
	background:url(/tolstatic/images/front_main/bg_message_coment03.png) no-repeat;
	height: 189px;
	margin: 7px 25px 0 25px;
}

.message .message_coment03 .tit{
	margin: 23px 0 0 134px;
}

.message .message_coment03 .message_txt{
	margin: 8px 0 13px 134px;
}

/*メリット*/
.merit01{
	background:url(/tolstatic/images/front_main/bg_merit01.png) no-repeat;
	height: 252px;
}

.merit01 .coment{
	padding-left: 168px;
	padding-top: 33px;
}

.merit01 .text{
	padding-left: 25px;
	padding-top: 34px;
	width: 524px;
}

.merit02{
	background:url(/tolstatic/images/front_main/bg_merit02.png) no-repeat;
	height: 252px;
}

.merit02 .coment{
	padding-left: 168px;
	padding-top: 33px;
}

.merit02 .text{
	padding-left: 25px;
	padding-top: 34px;
	width: 524px;
}

.merit03{
	background:url(/tolstatic/images/front_main/bg_merit03.png) no-repeat;
	height: 266px;
}

.merit03 .coment{
	padding-left: 168px;
	padding-top: 33px;
}

.merit03 .text{
	padding-left: 25px;
	padding-top: 34px;
	width: 524px;
}
/*必見*/
.must{
	background:url(/tolstatic/images/front_main/bg_must.png) no-repeat;
	height: 955px;
}

.must .text{
	padding-left: 25px;
	width: 900px;
}

/*流れ*/
.flow{
	padding-top: 34px;
}

/*理由*/
.reason01{
	background:url(/tolstatic/images/front_main/bg_reason01.png) no-repeat;
	height: 472px;
}

.reason01 .coment{
	padding-left: 79px;
	padding-top: 204px;
}

.reason01 .text{
	padding-left: 79px;
	padding-top: 32px;
	width: 590px;
}

.reason02{
	background:url(/tolstatic/images/front_main/bg_reason02.png) no-repeat;
	height: 281px;
	margin-top: 16px
}

.reason02 .coment{
	padding-left: 79px;
	padding-top: 13px;
}

.reason02 .text{
	padding-left: 79px;
	padding-top: 32px;
	width: 590px;
}

.reason02 .text .elected_tel{
	margin-top: 10px;
}

.reason02 .text .elected_tel span{
	font-size: 24px;
	color: #12A73B;
	font-weight: bold;
	margin-right: 10px;
}

/*
.reason03{
	background:url(/tolstatic/images/front_main/bg_reason03.png) no-repeat;
	height: 281px;
	margin-top: 16px
}

.reason03 .coment{
	padding-left: 79px;
	padding-top: 13px;
}

.reason03 .text{
	padding-left: 79px;
	padding-top: 32px;
	width: 590px;
}
*/

.reason03{
	background:url(/tolstatic/images/front_main/bg_reason03.png) no-repeat;
	height: 566px;
	margin-top: 16px
}

.reason03 .coment{
	padding-left: 79px;
	padding-top: 13px;
}

.reason03 .text{
	padding-left: 79px;
	padding-top: 32px;
	width: 846px;
}

/*お約束*/
.promise{
	margin-top: 24px;
}

/*選ばれる*/
.favor{
	margin-top: 43px;
}

.favor h4{
	padding-top:302px;
}

.favor .text{
	padding-left: 25px;
	padding-top: 127px;
	width: 580px;
}

/*無料依頼すると*/
.free_item{
	background:url(/tolstatic/images/front_main/bg_free.png) no-repeat;
	height: 562px;
}

.free_item .text{
	padding-top: 392px;
}

/*フッター*/
.contentarea_inner{
	width: 950px;
	margin: 0px auto;
	padding: 50px 25px ;
}

.securityarea .securitylist01{
	float: left;
	width: 470px;
	margin-right: 10px
}

.securityarea .securitylist02{
	float: left;
	width: 470px;
}

.security_left{
	float: left;
	width: 125px;
}

.security_left img{
	width: 80px;
}

.security_right{
	float: left;
	width: 345px;
	font-size: 14px;
}

#footerNavi {
	clear:both;
	/*padding-top:30px;*/
	/*border-top:1px solid #ccc;*/
	color:#666;
	font-size:12px;
}
#footerNavi div {
	float:left;
}
#footerNavi div.clm1 {
	width:220px;
}
#footerNavi div.clm2 {
	width:770px;
}
#footerNavi div.clm3 {
	width:180px;
	padding-top:16px;
}

#footerNavi h2 {
	font-size:12px;
	margin-bottom:0.2em;
}
#footerNavi ul {
	list-style:none;
	float:left;
	margin-right:22px;
}
#footerNavi li {
	margin:0.2em 0;
}
#footerNavi li a {
	background:url(/tolstatic/images/front_main/list_arrow.png) no-repeat;
	padding-left:1em;
}

#footerNavi a {
	color:#666;
	text-decoration:none;
}
#footerNavi a:hover,
#footerNavi a:active {
	color:#999;
	text-decoration:underline;
}

#footerNavi ul.footer_left li a {
	background:none;
	padding-left:0;
}
#footerNavi ul.borderb {
	border-bottom:1px solid #DFDFDE;
	padding-bottom:15px;
	margin-bottom:13px;
}

#footerNavi .fbicon {
	clear:both;
	float:left;
	margin:10px 7px 0 0;
}

#footerNavi h2 {
	font-size:12px;
	margin-bottom:0.2em;
	font-weight: bold;
}

#footer{
	padding: 30px 0px;
	background-color: #089336;
	color: #fff;
	font-size: 14px;
}

#page-top {
    position: fixed;
    bottom: 20px;
    right: 20px;
}

#page-top a {
    display: block;
}