@charset "utf-8";

/*　トップページ */

#wrapper {
    width: 480px;
    min-height: 100%;
	text-align: left;
    overflow: visible;
	background-color: #009245;
	margin-left: 30px;
}
#toplogo{
	color: white;
	font-size: 14px;
	width: 460px;
	margin-top: 10px;
	margin-left: 3px;
}
#toptel{
	color: white;
	font-size: 18px;
	margin: 10px 10px 2px 0px;
	text-align: right;
}
.toptel{
	color: white;
	margin-bottom: 8px;
	margin-top: 8px;
}
.topform{
	margin-top: 8px;
	clear: none;
}


.inner_child {
    display: none;
	color: maroon;
	margin-left: 50px;
}
	
li a{
 	color: maroon;
 	font-size: 24px;
 	line-height: 200%;

}
li a:hover{
 	color: yellow;
 	font-size: 24px;
 	line-height: 200%;
}

li .toggle{
	border-bottom-style: none;

}
#menusp{
	margin-left: 20px;
	margin-bottom: 0px;
	position: absolute;
	margin-top: -60px;
}

#main-contents {
	width: 480px;
    height: 100%;
	overflow: visible;
	background-color: #e4f1e6;
	margin-left: auto;
	margin-right: auto;
	border-radius: 20px;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
}
#contents{
	width: 420px;
	margin-right: auto;
	margin-left: auto;
	line-height: 160%;
	font-size: 20px;
	background-color: white;
	color: #414141;
}
#honbun{
	margin-left: 30px;
	margin-right: 30px;
}
.topcopy{
	margin-top: 20px;
}
.topimg{
	margin-left: -20px;
	margin-top: 5px;
}
small{
	font-size: 15px;
	color: #8c8585;
	line-height: 100%;
}
#hinmoku{
	font-size: 30px;
	margin-top: 2px;
}
.headcopy{
	margin-left: 20px;
	margin-top: 15px;
	margin-bottom: 10px;
}
.midashi{
	margin-right: 10px;
}
#mainimage{
	overflow: visible;
}
#mainimage .navilady{
	margin-left: 300px;
	margin-top: -150px;
	position: relative;

}
#recopy{
	margin-left: auto;
	margin-right: auto;
	width: 430px;
	font-size: 15px;
	margin-top: 0px;
	line-height: 30px;
	text-align: center;
}

/*メニュー*/
#mainwork{
	font: 15px メイリオ, Meiryo, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "ＭＳ Ｐゴシック", "MS P Gothic";
	line-height: 150%;
	width: 475px;

}
#mainwork img{
	margin: 0px 0px 5px;
}
#mainwork .explain{
	vertical-align: top;
	width: 200px;
	text-align: left;
}
#mainwork .explain{
	vertical-align: top;
	width: 200px;
	text-align: left;
}
#explain{
	position: relative;
	left: -5px;

}
/*Facebookエリア*/
#fb-articles{
	margin-left: 0px;
	margin-top: 5px;

} 
.merit{
	margin-left: -20px;
}
#fb-articles{
	margin-left: 10px;
	margin-top: 5px;

} 

#fb-page{
	width: 440px;
	height: 630px;
	background-color: #f6f7f8;
	margin-bottom: 10px;
	margin-right: auto;
	margin-left: auto;
}
#jisseki{
	margin-top: 10px;
	margin-left: 20px;
}
#contact{
	vertical-align: top;
}
#headtop1{
	font-size: 24px;
	margin-left: 10px;
	margin-top: 0px;
	line-height: 24px;
	display: block;
}
#headtop2{
	font-size: 24px;
	margin-bottom: 10px;
}
#recruit{
	margin-left: 20px;
}
#headtop{
	font-size: 24px;
	margin-bottom: 10px;
}

.border1{
	border: 1px solid silver;
	margin-bottom: 3px;
}
.space3{
	margin-bottom: 3px;
	border: 1px dotted silver;
}


.zukai{
	margin-left: 60px;
	background-color: white;
}
#gmap{
	margin-left: 20px;
}
#callmesp{
	margin-left: 10px;
	margin-top: 20px;
}
#footer{
	width: 495px;
	height: 100px;
	margin-left: 30px;
	margin-bottom: 50px;
}
.banner{
	margin-top: 8px;

}


.under{
	text-decoration: underline;

}
/*会社案内ページ*/
#head{
	font-size: 24px;
	margin-left: 35px;

}
#setsumei{
	margin-left: 20px;
	margin-top: 20px;
	font-size: 18px;
}
#company{
	width: 410px;
	margin: 20px auto 50px;
	color: #535050;
	background-color: white;
}
#company th{
	white-space: nowrap;
	border: 1px solid gray;
	padding: 10px;
	margin-left: 5px;
	font-size: 18px;
	line-height: 120%;
	background-color: rgba(228, 251, 222, 0.75);
	border-bottom: 1px solid gray;
	font-weight: normal;
	font-style: normal;
}

#company td{
	border: 1px solid gray;
	padding: 10px;
	margin-left: 5px;
	font-size: 18px;
	line-height: 150%;
}
#travel{
	width: 410px;
	margin: 20px auto 5px;
	color: #535050;
	background-color: white;
}
#travel th{
	border: 1px solid gray;
	padding: 10px;
	margin-left: 5px;
	font-size: 13px;
	line-height: 120%;
	background-color: rgba(228, 251, 222, 0.75);
	border-bottom: 1px solid gray;
	font-weight: normal;
	font-style: normal;
}
#travel td{
	border: 1px solid gray;
	padding: 10px;
	margin-left: 5px;
	font-size: 13px;
	line-height: 150%;
}

sub{
	font-size: 9px;
}
#reimage{
	margin-left: 15px;
}

/*画像白枠*/
.shadow{
	padding: 5px;
	background: #fff;
	border: 1px solid silver;;
	margin-bottom: 10px;
	margin-right: 10px;
}
#shadow{
	position: relative;
	width: 200px; /* 画像の横幅 */
	margin-top: 0;
	margin-bottom: 10px;
	z-index: 1;
	float: none;
	display: block;
	margin-left: 2px;
}
.shadow1{
	padding: 5px;
	background: #fff;
	border: 1px solid silver;;
	margin-bottom: 10px;
	margin-right: 10px;
	transform:rotate(-3deg)
}

#shadow:before{
	content: "";
	position: absolute;
	bottom: 10px;
	left: 18px;
	width: 50%;
	box-shadow: 0 0 5px 2px rgba(0,0,0,0.4);
	z-index: -1;
	transform:rotate(-3deg)
}
#shadow:after{
	content: "";
	position: absolute;
	bottom: 10px;
	right: 8px;
	width: 50%;
	box-shadow: 0 0 5px 2px rgba(0,0,0,0.4);
	z-index: -1;
	transform:rotate(3deg)
}

/*フッター部*/
strong{
	color: white;
}
.callme{
	position: relative;
	margin-top: 10px;
	bottom: 170px;
	left: -50px;
}
.chair{
	position: relative;
	bottom: 250px;
}
#dleft{
	float: left;
	font-size: 13px;
	line-height: 24px;
	color: white;
	width: 530px;
	margin-left: 10px;
	/*background: url(../images/gardenset.png) 0px 1px no-repeat;*/
	height: 400px;
	margin-top: 20px;
	opacity: 1;
}

#dright{
	font-size: 13px;
	line-height: 24px;
	color: white;
	text-align: right;
	float: right;
	width: 180px;
	margin-top: -350px;
	margin-right: 10px;
}

.telno{
	font-size: 24px;

}
.space5{
	margin-right: 5px;
}
/*pers.png*/

#pers{
	width: 440px;
	margin-left: auto;
	position: relative;
	margin-right: auto;
}
#buthroom{
	position: absolute;
	top: 95px;
	left: 140px;
}
#kichen{
	position: absolute;
	top: 90px;
	left: 170px;
}
#toilet{
	position: absolute;
	top: 140px;
	left: 100px;
}
#living{
	position: absolute;
	top: 100px;
	left: 250px;
}
#gaiheki{
	position: absolute;
	top: 430px;
	left: 180px;
}
#roof{
	position: absolute;
	top: 400px;
	left: 220px;
}
#exterior{
	position: absolute;
	top: 560px;
	left: 220px;
}
#solar{
	position: absolute;
	top: 380px;
	left: 300px;
}
/*ポジフィルム風*/
#poji{
	position: relative;
	height: 830px;
}
#buthroomp{
	position: absolute;
	top: 10px;
	left: 10px;
}

#kichenp{
	position: absolute;
	top: 10px;
	left: 240px;
}

#toiletp{
	position: absolute;
	top: 210px;
	left: 10px;
}
#livingp{
	position: absolute;
	top: 210px;
	left: 240px;

}
#gaihekip{
	position: absolute;
	top: 410px;
	left: 10px;
}
#roofp{
	position: absolute;
	top: 410px;
	left: 240px;

}
#exteriorp{
	position: absolute;
	top: 610px;
	left: 10px;
}
#solarp{
	position: absolute;
	top: 610px;
	left: 240px;

}

#form-set {

  margin-left: 0px;
margin-top: 10px;
	border: 1px dotted silver;
}
#form-set p {
  font-size: 11px;
  line-height: 1.3;
  margin-top: 3px;
}
#form-set form {
  width: 440px;
  height: 430px;
  display: block;
  overflow: visible;
  background: #f6f7f8;
}
#form-set form ul {
  list-style: none;
  padding: 5px 10px;
}
#form-set form li {
  overflow: hidden;
  padding: 5px 0;
	color: black;
}
#form-set form li::after {
  content: '';
  display: block;
  height: 0;
  clear: both;
}

#form-set li label {
  /*width: 102px;
  padding-left: 55px;*/
  width: 157px;
  padding: 5px 0;
  color: gray;
  font-weight: normal;
  font-size: 12px;
  line-height: 12px;
}
#form-set li input,
#form-set li textarea {
  width: 278px;
  padding: 4px 0;
  margin: 0;
	line-height: 14px
	border-style: solid;
	border-color: silver;
	border-width: 1px;
}
#form-set li textarea {
  max-width: 278px;
  min-width: 228px;
  height: 112px;
  max-height: 102px;
  min-height: 102px;
  resize: none;
	border-style: dotted;
	border-width: 1px;
}

#form-set li label,
#form-set li input,
#form-set li textarea {
  display: block;
  float: left;
  font-size: 12px;
}
#form-set li label,
#form-set li input {
}

#form-submit {
  padding: 10px;
  margin-left: 167px;
  background-color: #f6f7f8;
}

.mailer-alarm {
  position: absolute;
  display: block;
  width: 30px;
  height: 30px;
  top: -4px;
  left: 385px;
  border-radius: 0 4px 4px 0;
  background-color: #900;
}
.alarm-nib {
  display: block;
  position: absolute;
  left: -30px;
  width: 0px;
  height: 0px;
  border: 15px solid transparent;
  border-right-color: #900;
}


/*【スクロールアップボタン関連】*/
/*----------------------------------------------------------------------------------*/
/* scrolltop */
#scrolltop-wrapper {
    width: 152px;
    height: 152px;
    position: fixed;
    right: 0px;
    bottom: 0px;
}
#scrolltop-button {
    display: block;
    width: 76px;
    height: 76px;
    margin:62px 4px 4px 4px;
    text-indent: -999em;
    overflow: visible;
    cursor: pointer;
    background: url('../images/scrolltop.png') no-repeat 0 0;
	visibility: hidden;
}
#scrolltop-button:hover {
    background-position: -68px 0;
}
.td1 td{
	vertical-align: top;
}
.ksum{
	padding-right: 5px;
}
.ksum2{
	padding-right: 5px;
	padding-top: 5px;
}

/*GOTOPナビゲーター*/
#page-top {
	position: fixed;
	bottom: 30px;
	right: 50px;
	font-size: 77%;
}
#page-top a {
	background: yellow;
	text-decoration: none;
	color: black;
	width: 80px;
	padding: 30px 0;
	text-align: center;
	display: block;
	border-radius: 80px;
	-webkit-border-radius: 80px;
	-moz-border-radius: 80px;
}
#page-top a:hover {
	text-decoration: none;
	background: teal;
	color: white;
}