@charset "utf-8";

.top-contents-left a:hover img{
	filter: alpha(opacity=75); /*For IE*/
	opacity: 0.75; /*Opera・Safari*/
	-moz-opacity: 0.75; /*For FireFox*/
}

/*------------ 応援サービスナビ部　-------------------*/

.supportnav{
	clear:both;
	width:219px;
	height:160px;
	margin:7px auto 0 auto;
	text-align:left;
	background:url(../image/navi-title-back.gif) left top no-repeat;
}

.supportnav img{
	margin:10px 10px 10px 10px;
}


.supportnav ul{
	margin:0 0 0 10px;
	padding:0;
	list-style-type:none;
}

.supportnav li{
	margin:0;
	margin-bottom:3px;
	list-style-type:none;
}

.supportnav li span{display:none;}

/*TOP*/
.supportnav li#navi-top a{
	display:block;
	width:200px;
	height:26px;
	background:url(../image/navi-back.jpg);
	background-position:0 0;
}
.supportnav li#navi-top a:hover{background-position:0 -26px;}
body.su-t .supportnav li#navi-top a{background-position:0 -26px;}


/*サポート*/
.supportnav li#navi-support a{
	display:block;
	width:200px;
	height:26px;
	background:url(../image/navi-back.jpg);
	background-position:-200px 0;
}
.supportnav li#navi-support a:hover{background-position:-200px -26px;}
body.su-s .supportnav li#navi-support a{background-position:-200px -26px;}

/*インターネット*/
.supportnav li#navi-internet a{
	display:block;
	width:200px;
	height:26px;
	background:url(../image/navi-back.jpg);
	background-position:-400px 0;
}
.supportnav li#navi-internet a:hover{background-position:-400px -26px;}
body.su-i .supportnav li#navi-internet a{background-position:-400px -26px;}

/*駆除*/
.supportnav li#navi-extermination a{
	display:block;
	width:200px;
	height:26px;
	background:url(../image/navi-back.jpg);
	background-position:-600px 0;
}
.supportnav li#navi-extermination a:hover{background-position:-600px -26px;}
body.su-e .supportnav li#navi-extermination a{background-position:-600px -26px;}



.top-contents-left h2{
	clear:both;
	height:30px;
	margin:0 0 20px;
	padding-left:1em;
	font-size:16px;
	color:#009245;
	text-align:left;
	line-height:30px;
	background:url(../../image/sub-title_line.gif) left bottom no-repeat;
}

/*H2が画像の場合*/
.top-contents-left h2.img-h2{
	clear:both;
	height:auto;
	margin:0 0 20px;
	padding-left:0;
	font-size:16px;
	color:#009245;
	text-align:left;
	line-height:30px;
	background:none;
}

.top-contents-left h3{
	clear:both;
	margin:0 0 15px;
	text-align:left;
}

/*
.top-contents-left p{
	margin:0 0 10px;
	font-size:14px;
	line-height:1.6;
	text-align:left;
}
*/

/*テキストの最後は余白を取る*/
.top-contents-left p.last-text{
	margin:0 0 40px;
	font-size:14px;
	line-height:1.6;
	text-align:left;
}

.top-contents-left p.last-text2{
	margin:0 0 40px;
	font-size:11px;
	line-height:1.6;
	text-align:left;
}

.top-contents-left img.img-rightthumb{
    margin-top:-15px;
	margin-bottom:1em;
    padding-left:1em;
    float:right;
}

.green-text{
	color:#009245;
	font-weight:bold;
}

.top-contents-left img.img-shop-btn{
	margin-bottom:100px;
}

.top-contents-left p.contact-text{
	clear:both;
	text-align:center;
	font-size:16px;
}

/*TOPアンカー画像*/
.a-left{float:left;margin-left:13px;}
.a-right{float:right;margin-right:13px;}

.a-left2{clear:both;float:left;margin-left:13px;}
.a-right2{float:right;margin-right:13px;}


/*TOP見出し*//*安心入居サポート*/
.t-title{
	clear:both;
	margin-bottom:30px;
	padding:15px;
	width:666px;
	/*height:580px;*/
	border:2px solid #009245;
}

.t-title-img{float:left;text-align:left;}

.t-title-text{float:right;width:510px;text-align:left;}
.t-title-text p{margin:10px 0 0;text-align:left;font-size:12px;}
.t-title-text li{list-style-type:disc;font-size:11px;}

.t-illust{
	clear:both;
	width:666px;
	height:180px;
}

.t-illust ul{margin:15px 6px 0 165px;text-align:left;}
.t-illust li{list-style-type:disc;font-size:10px;font-weight:bold;}


.t-illust-l1{
	width:328px;
	height:169px;
	float:left;
	background:url(../image/t-illust001.png) left top no-repeat;
}

.t-illust-r2{
	width:328px;
	height:169px;
	float:right;
	background:url(../image/t-illust002.png) left top no-repeat;
}

.t-illust-l3{
	width:328px;
	height:169px;
	float:left;
	background:url(../image/t-illust003.png) left top no-repeat;
}

.t-illust-r4{
	width:328px;
	height:169px;
	float:right;
	background:url(../image/t-illust004.png) left top no-repeat;
}

.desc-img{
	clear:both;
	width:700px;
	height:120px;
}

.desc-img-l{
	width:500px;
	float:left;
}

.desc-img-l p{margin:0 0 10px;text-align:left;font-size:14px;}
.desc-img-l p.t-10{margin:0 0 30px;text-align:left;font-size:10px;}

.desc-img-r{
	width:173px;
	float:right;
}
			
/*TOP見出し*//*インターネット*/
.t-title2{
	clear:both;
	padding:15px;
	width:666px;
	height:170px;
	border:2px solid #009245;
	margin-bottom:30px;
}

.t-title2-img{float:right;text-align:left;width:347px;}

.t-title2-text{float:left;text-align:left;width:309px;}
.t-title2-text p{margin:20px 0 0;text-align:left;font-size:13px;}


/*TOP見出し*//*駆除*/
.t-title3{
	clear:both;
	padding:15px;
	width:666px;
	height:155px;
	border:2px solid #009245;
	margin-bottom:30px;
}

.t-title3-img{float:left;text-align:left;width:237px;}

.t-title3-text{float:right;text-align:left;width:419px;}
.t-title3-text p{margin:20px 0 0;text-align:left;font-size:13px;}








/*マーク　パターン1*/
.mark{
	width:700px;	
}

.mark-l{
	width:78px;
	float:left;
}

.mark-r{
	width:608px;
	float:right;
}

.mark-r h3{
	margin:0 0 15px;
	padding-top:15px;
	text-align:left;
}

/*
.mark p{
	clear:both;
	margin:0 0 10px;
	font-size:14px;
	line-height:1.6;
	text-align:left;
}
*/

/*マーク　パターン2*/
.mark2{
	clear:both;
	margin-bottom:30px;
	width:700px;
	/*height:135px*/;
}

.mark2-l{
	width:78px;
	float:left;
}

.mark2-r{
	width:608px;
	float:right;
}

.mark2-r h3{
	margin:0 0 15px;
	padding-top:15px;
	text-align:left;
}

.mark2-r p{
	clear:both;
	margin:0 0 10px;
	font-size:14px;
	line-height:1.6;
	text-align:left;
}


/*20161025　ご入居者さま応援サービス追加分*/

.t-taLeft{ text-align:left;}

.t-title-textLeft{float:left;width:530px;text-align:left;}
.t-title-textLeft p{margin-top:15px}

.t-title-imgRight{float:right;text-align:left;}

.t-supportTitle{
	font-weight:bold;
	font-size:18px;
	text-align:left;
	color:#f6ae54;
	padding-bottom:5px;
	margin-bottom:15px;
	border-bottom:2px solid #f6ae54;
}


.t-TBsupportBox{text-align:left; margin-bottom:25px;}
	
.t-TBsupportBox li{
	width:320px;
	min-height:290px;
	border:2px solid #f6ae54;
	border-radius:16px;
	margin-bottom:20px;
}

.t-TBsupportBox li:nth-child(2n+1) {
    float: left;
    clear: both;
}

.t-TBsupportBox li:nth-child(2n) {
    float: right;
}



.t-TBspDesc{
	display:table;
	border-bottom:2px solid #f6ae54;
	width:100%;
}

.t-TBspDesc_l{
	display:table-cell;
	width:170px;
	text-align:left;
}

.t-TBspDesc_r{
	display:table-cell;
	padding:5px 5px;
	text-align:center;
	vertical-align:middle;
	font-size:22px;
	font-weight:bold;
	color:#f6ae54;
	line-height:1.2;
}

.t-TBspTextDesc{padding:10px;}

.t-TBspTextDesc p{font-size:12px;}

.t-TBspTextDesc p.htText{height:7.7em;}
.t-TBspTextDesc p.htText span{
	color:#ea6088;
	text-align:center;
	font-weight:bold;
	display: block;
	padding-top: 8px;
	font-size: 13px;
}

.pinkBGtext{
	background-color:#ea6088;
	padding:5px 10px;
	margin-bottom:7px;
	text-align:center;
	color:#FFF;
	font-weight:bold;
}

.t-TBspTextDesc .minText{font-size:10px; text-indent:-1em; margin-left:1em;}

.t-notesText{font-size:10px;}
.t-notesText span{color:#ea6088;}


.t-BUsupportBox{text-align:left; margin-bottom:25px;}

.t-BUsupportBox img{max-width:100%;}

.t-BUspDesc_l{
	float:left;
	width:340px;
	margin-bottom:10px;
	font-size:14px;
}

.t-BUspDesc_r{
	float:right;
	width:307px;
	margin-bottom:15px;
}

.t-BUspDesc_l span{color:#ea6088;}

.t-BUspDesc_l .minText{font-size:10px; text-indent:-1em; margin-left:1em;}


.t-PCsupportBox{
	text-align:left;}

.t-BUspDescImg{
	float:right;
	width:255px;
	margin-left:15px;
}

.t-PCsupportBox .textStyle01{font-size:14px; margin-bottom:15px;}
.t-PCsupportBox .textStyle01 span{color:#ea6088;}

.t-PCsupportBox .minText{font-size:10px; text-indent:-1em; margin-left:1em;}

.textStyle-or{font-size:14px; margin:15px auto 5px; color:#f6ae54;}

.t-PCsupportBox p:nth-child(3){margin-bottom:10px;}


/*20161025　ご入居者さま応援サービス追加分ここまで*/



.top-contents-left h4{
	clear:both;
	margin:0 0 15px;
	padding-left:15px;
	text-align:left;
	height:26px;
	line-height:26px;
	background:url(../image/h4-back.jpg) left top no-repeat;
	color:#FFF;
	font-size:14px;
}

.top-contents-left img.img100{
	margin:0 auto 100px;
	text-align:center;
}


/*最後の二重枠設定*/
.contact-area1{
	margin:0 auto;
	width:650px;
	border:2px solid #009245;
}

.contact-area2{
	margin:10px;
	padding-top:25px;
	width:630px;
	border:1px solid #009245;
}

/*電話WEB文字*/
.top-contents-left .contact-area2 p.cw-text{
	text-align:center;
	font-weight:bold;
	font-size:14px;
}

/*タウンハウジング窓口*/
.top-contents-left .contact-area2 p.th-text{
	text-align:center;
	font-weight:bold;
	font-size:16px;
}

/*電話番号画像*/
.top-contents-left img.img-phone{
	margin-bottom:40px;
}

/*プライバシー文字*/
.top-contents-left .contact-area2 p.pr-text{
	margin-bottom:20px;
	text-align:center;
	font-weight:normal;
	font-size:11px;
}

.top-contents-left a:link , .top-contents-left a:visited{
	color:#009245;
	text-decoration:none;
}

.top-contents-left a:hover{
	color:#009245;
	text-decoration:underline;
}





/* サポート詳細------------------------------------------------------------------------------------------------------*/

.s-title{
	clear:both;
	margin-bottom:30px;
	padding:15px;
	width:666px;
}

.backup{
	width:680px;
	margin:0 auto;
}

.backup-l{
	float:left;
	width:129px;
	margin-right:10px;
}

.backup-c{
	float:left;
	width:390px;
}

.backup-c p{
	text-align:left;
}

.backup-r{
	margin-top:-15px;
	float:right;
	width:123px;
	height:142px;
}

.backup h3{
	clear:both;
	margin-bottom:15px;
}

.life-pro-support{
	width:680px;
	margin:0 auto;
}

.life-pro-support1{
	width:328px;
	float:left;
}

.life-pro-support2{
	width:328px;
	float:right;
}

.life-pro-support1 dl , .life-pro-support2 dl{
	margin:0 0 20px;
}

.life-pro-support1 dt , .life-pro-support2 dt{
	margin:0 0 10px;
}

.life-pro-support1 dd , .life-pro-support2 dd{
	margin:0 0 10px;
	text-align:left;
}






/* 駆除ページ詳細------------------------------------------------------------------------------------------------------*/
.job1{
	width:610px;
	margin:0 auto 15px;
	background:url(../image/extermination/job1-back.gif) left bottom no-repeat;
}

.job2{
	width:610px;
	margin:15px auto 30px;
	background:url(../image/extermination/job2-back.gif) left bottom no-repeat;
}


.job1 h3 , .job2 h3{
	margin:0;
}

.job1 h4 , .job2 h4{
	margin:0 25px 15px;
	padding-left:0;
	padding-bottom:3px;
	border-bottom:1px solid #000000;
	text-align:left;
	color:#000000;
	background:none;
}

.job1 p{
	margin:0 25px 15px;
	padding-bottom:15px;
	text-align:left;
	line-height:1.6;
}

.job2 p{
	margin:0 25px 15px;
	padding-top:15px;
	padding-bottom:15px;
	text-align:left;
	line-height:1.6;
}

.right-img{float:right;}

.job3{
	width:460px;
	margin:0 auto 0;
}

.job3 img{
	float:left;
	margin-right:5px;
}

.job3 p{
	clear:both;
	margin:0 0 15px;
	padding-top:10px;
	padding-bottom:15px;
	text-align:left;
	line-height:1.6;
}

.job4{
	width:610px;
	margin:0 auto;
}

.job4 table{
	width:610px;
	border-collapse:collapse;
	border-top:1px solid #009245;
	border-left:1px solid #009245;
	
}

.job4 th{
	padding:5px 10px;
	text-align:center;
	background-color:#9C6;
	border-right:1px solid #009245;
	border-bottom:1px solid #009245;
}

.job4 td{
	padding:5px 10px;
	text-align:center;
	border-bottom:1px solid #009245;
	border-right:1px solid #009245;
}

.job4 p{
	clear:both;
	margin:0 0 15px;
	padding-top:10px;
	padding-bottom:15px;
	text-align:left;
	line-height:1.6;
}


/*インターネット詳細ページ*/

.price{
	margin:0 auto;
	width:700px;
}

.price-l{
	width:250px;
	float:left;
}

.price-r{
	width:430px;
	float:right;
}

.price-r p{
	clear:both;
	padding-top:10px;
	margin:0 0 10px;
	font-size:10px;
	text-align:left;
}
.price-c{
	width:209px;
	float:left;	
	
}

.price-r2{
	width:209px;
	float:right;
}

.price-l p{
	margin:0 0 10px;
	font-size:14px;
	text-align:left;
}

.orange{color:#F60;}

.move{
	clear:both;
	width:700px;
	margin:0 auto;
}

.move-l{
	width:500px;
	float:left;
	border:5px solid #EEEEEE;
}

.move-r{
	margin-top:50px;
	width:176px;
	float:right;
}

.flow{
	clear:both;
	width:700px;
	margin:0 auto;
}

.flow-l{
	width:250px;
	float:left;
}

.flow-c{
	width:237px;
	float:left;
}

.flow-r{
	width:210px;
	float:left;
}

.flow ul{
	margin:0;
}

.flow-l li{
	margin-left:20px;
	list-style-type:disc;
	text-align:left;
	font-size:12px;
}

.flow-c li{
	width:150px;
	margin-left:15px;
	list-style-type:disc;
	text-align:left;
	font-size:12px;
}

.flow-r li{
	margin-left:20px;
	list-style-type:disc;
	text-align:left;
	font-size:12px;
}


/*20191118　修正追加分*/

.spt_orgText{
	text-align: left;
	font-size: 18px;
	font-weight: bold;
	color: #E45927;
	margin: -5px 0px 20px;
}

/*20191118　修正追加分ここまで*/


/*20191126　修正追加分*/

.sptInt_netBox{
	display: flex;
	align-items: center;
    justify-content: space-between;
    flex-wrap: nowrap;
	margin-bottom: 30px;
}

.sptInt_netFlBox{
	display: flex;
	align-items: center;
    justify-content: flex-start;
    flex-wrap: nowrap;
	width: 340px;
}

.sptInt_netFl_title{
	width: 80px;
	height: 80px;
	display: flex;
	align-items: center;
    justify-content: center;
	color: #fff;
	background-color: #009541;
	font-size: 15px;
	font-weight: bold;
	border-radius: 50%;
}

.sptInt_netFl_desc{
	width: 260px;
	text-align: left;
	box-sizing: border-box;
	padding-left: 10px;
}

.sptInt_netFl_desc img{
	width: auto;
	max-width: 100%;
}

/*20191126　修正追加分ここまで*/