@charset "utf-8";

/* ---------------------------------------------------------
    HTML5 Bones
    This stylesheet contains print styling and a section for 
    you to simply add your own. This is a basic template 
    after all.
   ---------------------------------------------------------*/

html,body{
	height:100%;
	min-width:100%;
}

body {}

/* Default link styling */
a{text-decoration:none;}
a:link { color:#329650;}
a:visited { color:#329650;}
a:hover, a:focus {
	color:#329650; 
	text-decoration:none;
	filter:alpha(opacity=80);
	-moz-opacity: 0.8;
	opacity: 0.8;
}
a:active { color:#329650; }


	
/* ---------------------------------------------------------
    Author's styles
   ---------------------------------------------------------*/

body {
	color:#333;
	font-family:helvetica,"Hiragino Kaku Gothic ProN","メイリオ","ＭＳ Ｐゴシック",sans-serif;
	font-size:14px;
	line-height:1.7;
	background:#FFF;
}

/* サファリのみ フォント指定 * /
html:\66irst-child body {
	font-family:"ヒラギノ角ゴPro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", Arial, Helvetica, Verdana, sans-serif;
}
*/


/* ---------------------------------------------------------
    clear
   ---------------------------------------------------------*/

.clear{
	clear:both;
}

.clearfix:after {
	content: ".";  /* 新しい要素を作る */
	display: block;  /* ブロックレベル要素に */
	clear: both;
	height: 0;
	visibility: hidden;
}

.clearfix {
	min-height: 1px;
}

* html .clearfix {
	height: 1px;
	/*\*//*/
	height: auto;
	overflow: hidden;
	/**/
}



/* ---------------------------------------------------------
    wrap
   ---------------------------------------------------------*/

#wrap{
	position: relative;
	height:auto !important; /* IE6対策 */
	height: 100%; /* IE6対策 */
	min-height: 100%;
	width:100%;
	overflow:hidden;
}

#contents{
	width:100%;
	padding-bottom:410px;
	box-sizing:border-box;
}



/* ---------------------------------------------------------
    main
   ---------------------------------------------------------*/

main{
	display: block;
	width:100%;
}

#mainContent{
	width:100%;
	margin-bottom:70px;
}

.mainContentInner{
	width:1200px;
	margin:0 auto;
}



/* ---------------------------------------------------------
    pankuzu
   ---------------------------------------------------------*/

#pankuzu{
	width:100%;
	border-bottom:1px solid #CCCCCC;
	margin-bottom:40px;
}

#pankuzu ul{
	clear:both;
	width:1200px;
	margin:0 auto;
	padding:12px 0 10px 0;
}

#pankuzu li{
	float:left;
	padding-right:10px;
}

#pankuzu li a{
	padding-right:10px;
}

#pankuzu li a:hover{
	text-decoration:underline;
	filter:alpha(opacity=100);
	-moz-opacity: 1;
	opacity: 1;
}



/* ---------------------------------------------------------
    mainTitle
   ---------------------------------------------------------*/

/* h2 */

.mainTitle01{
	width:100%;
}

.mainTitle01 h2{
	width:100%;
}

.mainTitle01 h2 img{
	max-width:100%;
	height:auto;
	display:block;
}


/* h3 */

.mainTitle02{
	width:100%;
	border-bottom:3px solid #DDDDDD;
	margin-bottom:30px;
	box-sizing:border-box;
	position:relative;
}

.mainTitle02 h3{
	width:500px;
	margin:0 auto;
	padding-bottom:3px;
	border-bottom:3px solid #329650;
	font-weight:bold;
	font-size:1.8em;
	text-align:center;
	box-sizing:border-box;
	position:relative;
	top: 3px;
}

#realestate .mainTitle02 h3{border-bottom:3px solid #30A8F1;} /* 不動産 */
#cleaning   .mainTitle02 h3{border-bottom:3px solid #E8D02B;} /* 清掃サービス */



/* ---------------------------------------------------------
    header
   ---------------------------------------------------------*/

header#header{
	width:100%;
	height:140px;
	border-top:5px solid #388B53;
    background:-webkit-gradient(linear, left top, left bottom, from(#5FAD76), to(#329650));
    background:linear-gradient(top, #5FAD76, #329650);
    background:-ms-linear-gradient(top, #5FAD76, #329650);
    background:-moz-linear-gradient(top, #5FAD76, #329650);
	box-sizing:border-box;
 }

header #headerInner{
	clear:both;
	width:1140px;
	margin:0 auto;
/*
	padding:5px 0 0 50px;
*/
	padding:5px 30px 0 30px;
}


/*-- logo --*/

header#header #logo{
	width:142px;
	float:left;
	margin-right:45px;
	padding-top:18px;
}

header#header #logo a{
	display:block;
	width:142px;
	height:84px;
	text-indent:-9999px;
	background:url(../images/header_logo2.png) no-repeat;
}

header#header #logo a:hover{
    filter:alpha(opacity=90);
    -moz-opacity: 0.9;
    opacity: 0.9;
}


/*-- headerBox01 --*/

header#header .headerBox01{
	width:380px;
	float:left;
	padding-top:5px;
}

header#header nav #gNavi{
	clear:both;
	width:100%;
}

header#header nav #gNavi li{
	width:120px;
	float:left;
	border:2px solid #FFFFFF;
	box-sizing:border-box;
}

header#header nav #gNavi li.gNavi01,
header#header nav #gNavi li.gNavi02{
	margin-right:10px;
}

header#header nav #gNavi li dl{
	width:100%;
}

header#header nav #gNavi li dt{
	width:32px;
	margin:0 auto 5px auto;
}

header#header nav #gNavi li dt img{
	width:32px;
	height:31px;
	display:block;
}

header#header nav #gNavi li dd{
	text-align:center;
	font-weight:bold;
}

header#header nav #gNavi li a{
	display:block;
	width:100%;
	height:100px;
	text-decoration:none;
	color:#FFF;
	box-sizing:border-box;
}

header#header nav #gNavi li.gNavi01 a{padding:22px 30px 0 30px;} /* 不動産 */
header#header nav #gNavi li.gNavi02 a{padding:22px 10px 0 10px;} /* 清掃サービス */
header#header nav #gNavi li.gNavi03 a{padding:22px 25px 0 25px;} /* お問合せ */

header#header nav #gNavi li a:hover{
	filter:alpha(opacity=100);
	-moz-opacity: 1;
	opacity: 1;
}

header#header nav #gNavi li.gNavi01 a:hover{background:#30A8F1 url(../images/gnavi_ico.png) no-repeat;}
header#header nav #gNavi li.gNavi02 a:hover{background:#E8D02B url(../images/gnavi_ico.png) no-repeat;}
header#header nav #gNavi li.gNavi03 a:hover{background:#4FC527 url(../images/gnavi_ico.png) no-repeat;}

/* 各ページ該当時 */
#realestate header#header nav #gNavi li.gNavi01 a{background:#30A8F1 url(../images/gnavi_ico.png) no-repeat;} /* 不動産 */
#cleaning header#header nav #gNavi li.gNavi02 a{background:#E8D02B url(../images/gnavi_ico.png) no-repeat;}   /* 清掃サービス */
#contact header#header nav #gNavi li.gNavi03 a{background:#4FC527 url(../images/gnavi_ico.png) no-repeat;}    /* お問合せ */


/*-- headerBox02 --*/

header#header .headerBox02{
/*	width:410px;*/
	float:right;
	color:#FFF;
	text-align:right;
  margin-top: 16px;
}

header#header .headerBox02 dl{
	width:260px;
	margin:0 0 7px auto;
}

header#header .headerBox02 dt{
	font-size:86%;
	margin-bottom:6px;
}

header#header .headerBox02 dd{
	background:url(../images/ico_tel01.png) 0 3px no-repeat;
	padding-left:35px;
	line-height:160%;
}

header#header .headerBox02 dd span{
	font-size:2.2em;
	padding-left:3px;
}

header#header .headerBox02 p{
	margin-bottom:3px;
}



/* ---------------------------------------------------------
    localNavi（不動産・清掃サービスのみ）
   ---------------------------------------------------------*/

#localNavi{
	width:100%;
	height:75px;
	background:#2E7244;
}

#localNavi .localNaviInner{
	width:1200px;
	padding:10px 0;
	margin:0 auto;
}

#localNavi ul{
	clear:both;
	margin:0 auto;
}

#localNavi li a{
	display:block;
	width:100%;
	color:#FFF;
	font-size:1.1em;
	text-align:center;
    border-radius: 5px;
    -webkit-border-radius: 5px; 
    -moz-border-radius: 5px;
	box-sizing:border-box;
}

#localNavi li a:hover{
	filter:alpha(opacity=100);
	-moz-opacity: 1;
	opacity: 1;
	color:#329650;
}
	

/*-- 不動産 --*/

#localNavi ul.realNavi{
	width:730px;
}

#localNavi ul.realNavi li{
	width:360px;
}

#localNavi ul.realNavi li.rNavi01{
	float:left;
	margin-right:10px;
}

#localNavi ul.realNavi li.rNavi01 a{
	padding:15px 10px 13px 40px;
	background:url(../images/ico_arrow02_off.png) 41% 14px no-repeat;
}

#localNavi ul.realNavi li.rNavi01 a:hover{
	background:#FFF url(../images/ico_arrow02_on.png) 41% 14px no-repeat;
}

#localNavi ul.realNavi li.rNavi02{
	float:right;
}

#localNavi ul.realNavi li.rNavi02 a{
	padding:15px 10px 13px 35px;
	background:url(../images/ico_arrow02_off.png) 43% 14px no-repeat;
}

#localNavi ul.realNavi li.rNavi02 a:hover{
	background:#FFF url(../images/ico_arrow02_on.png) 43% 14px no-repeat;
}


/* 該当時 */

.rent #localNavi ul.realNavi li.rNavi01 a{
	color:#329650;
	background:#FFF url(../images/ico_arrow02_on.png) 41% 14px no-repeat;
}

.buy  #localNavi ul.realNavi li.rNavi02 a{
	color:#329650;
	background:#FFF url(../images/ico_arrow02_on.png) 43% 14px no-repeat;
}


/*-- 清掃サービス --*/

#localNavi ul.cleanNavi{
	width:1170px;
}

#localNavi ul.cleanNavi li.cNavi01,
#localNavi ul.cleanNavi li.cNavi02{
	width:260px;
	float:left;
	margin-right:10px;
}

#localNavi ul.cleanNavi li.cNavi01 a,
#localNavi ul.cleanNavi li.cNavi02 a{
	padding:15px 10px 13px 35px;
	background:url(../images/ico_arrow02_off.png) 28% 14px no-repeat;
}

#localNavi ul.cleanNavi li.cNavi01 a:hover,
#localNavi ul.cleanNavi li.cNavi02 a:hover{
	background:#FFF url(../images/ico_arrow02_on.png) 28% 14px no-repeat;
}

#localNavi ul.cleanNavi li.cNavi03{
	width:290px;
	float:left;
	margin-right:10px;
}

#localNavi ul.cleanNavi li.cNavi03 a{
	padding:15px 10px 13px 35px;
	background:url(../images/ico_arrow02_off.png) 25% 14px no-repeat;
}

#localNavi ul.cleanNavi li.cNavi03 a:hover{
	background:#FFF url(../images/ico_arrow02_on.png) 25% 14px no-repeat;
}

#localNavi ul.cleanNavi li.cNavi04{
	width:330px;
	float:right;
}

#localNavi ul.cleanNavi li.cNavi04 a{
	padding:15px 10px 13px 30px;
	background:url(../images/ico_arrow02_off.png) 18% 14px no-repeat;
}

#localNavi ul.cleanNavi li.cNavi04 a:hover{
	background:#FFF url(../images/ico_arrow02_on.png) 18% 14px no-repeat;
}


/* 該当時 */

.legal #localNavi ul.cleanNavi li.cNavi01 a,
.personal #localNavi ul.cleanNavi li.cNavi02 a{
	color:#329650;
	background:#FFF url(../images/ico_arrow02_on.png) 28% 14px no-repeat;
}

.service #localNavi ul.cleanNavi li.cNavi03 a{
	color:#329650;
	background:#FFF url(../images/ico_arrow02_on.png) 25% 14px no-repeat;
}

.company #localNavi ul.cleanNavi li.cNavi04 a{
	color:#329650;
	background:#FFF url(../images/ico_arrow02_on.png) 18% 14px no-repeat;
}



/* ---------------------------------------------------------
    footer
   ---------------------------------------------------------*/

footer#footer{
	width:100%;
	height:399px;
	border-top:2px solid #CCCCCC;
    position:absolute;
    bottom:0;
	box-sizing:border-box;
}

footer#footer .clearfix{
	overflow:hidden;
}


/*-- footerBox01 --*/

footer#footer .footerBox01{
	width:100%;
	background:url(../images/footer_bg.jpg) repeat;
}

footer#footer .footerBox01Inner{
	width:880px;
	margin:0 auto;
	padding:20px 0 30px 0;
}


/* footerContact */

footer#footer .footerContact{
	width:100%;
	margin-bottom:17px;
}

footer#footer .footerContact ul{
	clear:both;
	width:100%;
}

footer#footer .footerContact li.left{
	width:365px;
}

footer#footer .footerContact li.left p{
	text-align:right;
}

footer#footer .footerContact li.left p span{
	padding-right:10px;
}

/* 電話番号 */
footer#footer .footerContact li.left p.tel{
	background:url(../images/ico_tel02.png) 0 4px no-repeat;
	font-size:1em;
	padding-left:50px;
	line-height:200%;
}

footer#footer .footerContact li.left p.tel span{
	font-size:3.2em;
    line-height:80%;
	padding:0 0 0 5px;
	color:#484537;
}

/* 営業時間 */
footer#footer .footerContact li.left p.time{
	font-size:1.1em;
	padding-right:6px;
}

footer#footer .footerContact li.right{
	width:400px;
	padding-top:13px;
}

/* 問い合わせ */
footer#footer .footerContact li.right a{
	display:block;
	width:100%;
	text-align:center;
	font-size:1.4em;
	color:#FFF;
	background:#329650 url(../images/ico_mail.png) 20% 49% no-repeat;
	padding:17px 10px 17px 50px;
    border-radius: 5px;
    -webkit-border-radius: 5px; 
    -moz-border-radius: 5px;
	box-sizing:border-box;
}


/*-- footerNavi --*/

footer#footer .footerNavi{
	width:100%;
	color:#484537;
}

footer#footer .footerNavi ul{
	clear:both;
	width:100%;
}

footer#footer .footerNavi li.fNavi01,
footer#footer .footerNavi li.fNavi02,
footer#footer .footerNavi li.fNavi03{
	float:left;
	height:200px;
	border-left:1px solid #CCCCCC;
	box-sizing:border-box;
}

footer#footer .footerNavi li.fNavi01{
	width:230px;
	padding:10px 60px 0 60px;
}

footer#footer .footerNavi li.fNavi02{
	width:420px;
	padding:10px 30px 0 30px;
}

footer#footer .footerNavi li.fNavi03{
	width:230px;
	border-right:1px solid #CCCCCC;
	padding:20px 40px 0 40px;
}

footer#footer .footerNavi li dl{
	width:100%;
	margin-bottom:15px;
}

footer#footer .footerNavi li dt{
	width:50px;
	margin:0 auto 13px auto;
}

footer#footer .footerNavi li dt img{
	width:50px;
	height:50px;
	display:block;
}

footer#footer .footerNavi li dd{
	text-align:center;
	font-size:1.1em;
}

footer#footer .footerNavi li dd a{
	color:#484537;
}

footer#footer .footerNavi li dd a:hover{
	text-decoration:underline;
	filter:alpha(opacity=100);
	-moz-opacity: 1;
	opacity: 1;
}


/* subNavi01 *//* fNavi02内 */

footer#footer .footerNavi li ul.subNavi01{
	padding-left:9px;
	box-sizing:border-box;
}

footer#footer .footerNavi li ul li{
	background:url(../images/ico_arrow01.png) 0 6px no-repeat;
	padding-left:17px;
	margin-bottom:4px;
}

footer#footer .footerNavi li ul li a{
	display:block;
	width:100%;
	color:#484537;
}

footer#footer .footerNavi li ul li a:hover{
	text-decoration:underline;
	filter:alpha(opacity=100);
	-moz-opacity: 1;
	opacity: 1;
}

footer#footer .footerNavi li ul.subNavi02{
	clear:both;
	width:100%;
}

footer#footer .footerNavi li ul.subNavi02 li.left{
	width:145px;
}

footer#footer .footerNavi li ul.subNavi02 li.right{
	width:175px;
}


/*-- footerBox02 --*/

footer#footer .footerBox02{
	width:100%;
	height:50px;
	background:#329650;
}

footer#footer .footerBox02Inner{
	clear:both;
	width:100%;
	margin:0 auto;
	padding:15px 20px 0 40px;
	box-sizing:border-box;
}

footer#footer .footerBox03{
	width:415px;
	float:left;
	color:#FFF;
}

footer#footer .footerBox03 ul{
	clear:both;
	width:100%;
}

footer#footer .footerBox03 li.left{
	width:90px;
	font-weight:bold;
}

footer#footer .footerBox03 li.right{
	width:310px;
}

footer#footer .copy{
	width:153px;
	float:right;
	color:#FFF;
}



/* ---------------------------------------------------------
    お問合せ
   ---------------------------------------------------------*/

#sideContact2{
	right: 6px;
	bottom: 0px;
	position:fixed;
}
	
#sideContact2 a{
	width:260px;
	height:354px;
	display:block;
	text-indent:-9999px;
	background:url(../images/side_contact2.png) no-repeat;
}

#sideContact2 a:hover{
	filter:alpha(opacity=90);
	-moz-opacity: 0.9;
	opacity: 0.9;
}

#contact #sideContact2{
	display:none;
}



/* ---------------------------------------------------------
    pagescroll.js
   ---------------------------------------------------------*/

#nav-dock {
	width:50px;
	height:101px;
	position:fixed;
	top:215px;
	right:0;
}

#nav-dock a {
	display: block;
	width:50px;
	height:50px;
	text-indent:-9999px;
}

#nav-dock #prev{
	background:url(../images/pagetop.png) no-repeat;
	margin-bottom:1px;
}

#nav-dock #next{
	background:url(../images/pagebottom.png) no-repeat;
}



/* ---------------------------------------------------------
    汎用css
   -------------------------------------------------------- */

/* float */
.left{float:left;}
.right{float:right;}


/* margin-bottom */
.mb0{margin-bottom:0px !important;}
.mb5{margin-bottom:5px !important;}
.mb10{margin-bottom:10px !important;}
.mb15{margin-bottom:15px !important;}
.mb20{margin-bottom:20px !important;}
.mb25{margin-bottom:25px !important;}
.mb30{margin-bottom:30px !important;}
.mb35{margin-bottom:35px !important;}
.mb40{margin-bottom:40px !important;}
.mb45{margin-bottom:45px !important;}
.mb50{margin-bottom:50px !important;}
.mb60{margin-bottom:60px !important;}

/* margin-top */
.mt0{margin-top:0 !important}
.mt5{margin-top:5px !important;}
.mt10{margin-top:10px !important;}
.mt15{margin-top:15px !important;}
.mt20{margin-top:20px !important;}
.mt25{margin-top:25px !important;}
.mt30{margin-top:30px !important;}
.mt35{margin-top:35px !important;}
.mt40{margin-top:40px !important;}
.mt45{margin-top:45px !important;}
.mt50{margin-top:50px !important;}

/* margin-right */
.mr0{margin-right:0 !important;}
.mr5{margin-right:5px !important;}
.mr10{margin-right:10px !important;}
.mr15{margin-right:15px !important;}
.mr20{margin-right:20px !important;}

/* margin-left */
.ml0{margin-left:0 !important;}
.ml5{margin-left:5px !important;}
.ml10{margin-left:10px !important;}
.ml15{margin-left:15px !important;}
.ml20{margin-left:20px !important;}

/* padding-bottom */
.pb0{padding-bottom:0 !important;}
.pb5{padding-bottom:5px !important;}
.pb10{padding-bottom:10px !important;}
.pb15{padding-bottom:15px !important;}
.pb20{padding-bottom:20px !important;}
.pb25{padding-bottom:25px !important;}
.pb30{padding-bottom:30px !important;}
.pb35{padding-bottom:35px !important;}
.pb40{padding-bottom:40px !important;}
.pb45{padding-bottom:45px !important;}
.pb50{padding-bottom:50px !important;}

/* padding-top */
.pt0{padding-top:0 !important;}
.pt3{padding-top:3px !important;}
.pt5{padding-top:5px !important;}
.pt10{padding-top:10px !important;}
.pt12{padding-top:12px !important;}
.pt15{padding-top:15px !important;}
.pt20{padding-top:20px !important;}

/* padding-right */
.pr0{padding-right:0 !important;}
.pr5{padding-right:5px !important;}
.pr10{padding-right:10px !important;}
.pr15{padding-right:15px !important;}
.pr20{padding-right:20px !important;}

/* padding-left */
.pl0{padding-left:0 !important;}
.pl5{padding-left:5px !important;}
.pl10{padding-left:10px !important;}
.pl15{padding-left:15px !important;}
.pl20{padding-left:20px !important;}
.pl25{padding-left:25px !important;}
.pl30{padding-left:30px !important;}
.pl35{padding-left:35px !important;}
.pl40{padding-left:40px !important;}
.pl45{padding-left:45px !important;}


/* 解除 */
.borderNone{border:none !important;}
.mgnNone{margin:0 !important;}
.pdgNone{padding:0 !important;}

.btNone{border-top:none !important;}
.brNone{border-right:none !important;}
.blNone{border-left:none !important;}
.bbNone{border-bottom:none !important;}



/* ---------------------------------------------------------
    404error
   ---------------------------------------------------------*/

.errorBox01{
	margin:0 auto;
}

.errorBox01 dl{
	padding:100px 0;
	line-height:200%;
}

.errorBox01 dt{
	font-weight:bold;
	font-size:200%;
	margin-bottom:20px;
	text-align:center;
}

.errorBox01 dd{
	text-align:center;
}

.errorBox01 dd a{
	font-weight:bold;
}