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

/**************************************************
	header,side,footer,及びTOPページCSS
**************************************************/
#wrapper {
	font-family:"メイリオ", Osaka, "ＭＳ Ｐゴシック";
	font-size:13px;
	color:#333333;
}
#header {
	border-top-width: 2px;
	border-top-style: solid;
	border-top-color: #0888B5;
}
#header-left {
	float: left;
}
#header-right {
	float: right;
	text-align: right;
}

#header .inner {
	width: 960px;
	margin-right: auto;
	margin-left: auto;
}
#header .inner h1 {
	font-size: 11px;
	font-weight: normal;
	padding-top: 5px;
	padding-bottom: 5px;
	margin-bottom: 15px;
}
p.header-summary {
	font-size: 11px;
	font-weight: normal;
	padding-top: 5px;
	padding-bottom: 5px;
	margin-bottom: 15px;
}
#header .inner h2 {
	font-size: 22px;
	font-weight: normal;
}
p.header-comName {
	font-size: 22px;
	font-weight: normal;
}
#gnav {
	background-image: url(../image/bg-gnav.jpg);
	background-repeat: repeat-x;
	height: 50px;
}
#gnav li {
	float: left;
}
#top-mainimg {
	background-image: url(../image/bg-topMainimg.jpg);
	background-repeat: repeat-x;
	height: 410px;
	margin-bottom: 10px;
}
#page-mainimg {
	background-image: url(../image/bg-topMainimg.jpg);
	background-repeat: repeat-x;
	height: 410px;
	margin-bottom: -200px;
}
#page-mainimg h1 {
	position:absolute;
	top:65px;
	left:10px;
	font-weight:bold;
	font-size:24px;
	color:#FFFFFF;
	text-shadow: 2px 2px 3px rgba(0,0,0,0.3);
}
#content {
	border: 1px solid #CCCCCC;
	background-color:#FFFFFF;
	padding: 10px;
	width: 938px;
	margin-right: auto;
	margin-left: auto;
}
#mainContent {
	float: left;
	width: 690px;
}
#top-reason {
	background-image: url(../image/img-reason.jpg);
	background-repeat: no-repeat;
	height: 256px;
	width: 689px;
	position: relative;
}
#top-reason p {
	position:absolute;
	top:210px;
	left:247px;
}
#top-news ul {
	height:180px;
	width: 98%;
	overflow:auto;
	-webkit-overflow-scrolling: touch;
	margin-right: auto;
	margin-left: auto;
}
#top-news ul li {
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #999999;
	margin-bottom: 8px;
	padding-bottom: 8px;
	padding-right: 10px;
	padding-left: 10px;
}
#link-contact {
	background-image: url(../image/bg-contact.jpg);
	background-repeat: no-repeat;
	height: 200px;
	width: 689px;
	position: relative;
}
#link-contact p {
	position: absolute;
	left: 35px;
	top: 140px;
}
#sideContent {
	float: right;
	width: 225px;
}
.side-ttl {
	background-image: url(../image/bg-sidettl.jpg);
	background-repeat: no-repeat;
	height: 40px;
	width: 225px;
	font-size: 15px;
	line-height: 40px;
	padding-left: 20px;
	margin-bottom: 10px;
	font-weight: bold;
}
#sideContent ul {
	width:90%;
	margin-right: auto;
	margin-left: auto;
}
#sideContent ul li {
	list-style-position: inside;
	list-style-type: disc;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #999999;
	margin-bottom: 8px;
	padding-bottom: 8px;
	padding-left: 10px;
}
#footer {
	background-image: url(../image/bg-footer.jpg);
	background-repeat: repeat-x;
	background-color: #F7F7F7;
	padding-top: 20px;
}
#footer .inner {
	width: 960px;
	margin-right: auto;
	margin-left: auto;
}
#footer-info p {
	float: left;
	width: 290px;
}
#footer-info ul {
	float: left;
	width: 165px;
	border-left-width: 1px;
	border-left-style: dotted;
	border-left-color: #999999;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 10px;
	list-style-position: inside;
	list-style-type: disc;
}
#footer-copylight {
	background-color: #2DADD9;
	padding-top: 5px;
	padding-bottom: 5px;
	color: #FFFFFF;
	font-size: 12px;
	font-weight: bold;
	text-align: center;
}

/**************************************************
	会社概要ページ CSS
**************************************************/
#company-mainimg-box {
	background:url(../company/image/mainimg.jpg) no-repeat;
	width:960px;
	height:200px;
	margin-left:auto;
	margin-right:auto;
	position:relative;
	margin-top:10px;
}
#company-message .inner,
#company-information .inner,
#company-history .inner,
#company-access .inner {
	width: 96%;
	margin-right: auto;
	margin-left: auto;
}
#company-message p {
	margin-bottom:1.5em;
}
#company-information table {
	width: 100%;
}
#company-information table td {
	padding:10px;
	border:solid 1px #CCCCCC;
}
table td.left {
	background-color:#F4F4F4;
	text-align:center;
	/*vertical-align:top;*/
}
#company-history ul li {
	margin-bottom: 8px;
	padding-left:10px;
	padding-bottom: 8px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #999999;
}
#company-access .box {
	padding: 4px;
	border: 1px solid #CCCCCC;
}
#qa-mainimg-box {
	background:url(../qa/image/mainimg.jpg) no-repeat;
	width:960px;
	height:200px;
	margin-left:auto;
	margin-right:auto;
	position:relative;
	margin-top:10px;
}
#qa .inner {
	width: 660px;
	margin-right: auto;
	margin-left: auto;
}
#qa .box_odd {
	background-color:#EDF9FC;
	padding:15px;
	margin-bottom: 10px;
}
#qa .box_even {
	background-color:#FBF4EC;
	padding:15px;
	margin-bottom: 10px;
}
#qa .question {
	background-image: url(../qa/image/icon-question.png);
	background-repeat: no-repeat;
	padding-left: 60px;
	background-position: left top;
	font-size: 18px;
	color: #0888B5;
	border-bottom-width: 4px;
	border-bottom-style: dotted;
	border-bottom-color: #0888B5;
	padding-top: 10px;
	padding-bottom: 10px;
	margin-bottom: 10px;
}
#qa .answer {
	background-image: url(../qa/image/icon-answer.png);
	background-repeat: no-repeat;
	padding-left: 60px;
	background-position: left top;
	padding-top: 10px;
	padding-bottom: 10px;
}
#reason-mainimg-box {
	background:url(../reason/image/mainimg.jpg) no-repeat;
	width:960px;
	height:200px;
	margin-left:auto;
	margin-right:auto;
	position:relative;
	margin-top:10px;
}
#reason .inner {
	width: 660px;
	margin-right: auto;
	margin-left: auto;
}
#reason .text {
	width: 430px;
}
#reason .img {
	width: 206px;
}
#service-buildManage-mainimg-box {
	background:url(../service/image/build-mainimg.jpg) no-repeat;
	width:960px;
	height:200px;
	margin-left:auto;
	margin-right:auto;
	position:relative;
	margin-top:10px;
}
#service-apartment-mainimg-box {
	background:url(../service/image/apartment-mainimg.jpg) no-repeat;
	width:960px;
	height:200px;
	margin-left:auto;
	margin-right:auto;
	position:relative;
	margin-top:10px;
}
#service-construction-mainimg-box {
	background:url(../service/image/construction-mainimg.jpg) no-repeat;
	width:960px;
	height:200px;
	margin-left:auto;
	margin-right:auto;
	position:relative;
	margin-top:10px;
}
#service-cleaning-mainimg-box {
	background:url(../service/image/cleaning-mainimg.jpg) no-repeat;
	width:960px;
	height:200px;
	margin-left:auto;
	margin-right:auto;
	position:relative;
	margin-top:10px;
}
#service-buildManage .inner,
#service-buildCleaning .inner,
#service-buildMaintenance .inner {
	width: 660px;
	margin-right: auto;
	margin-left: auto;
}
#service-buildManage .left,
#service-buildCleaning .left,
#service-buildMaintenance .left {
	float: left;
	width: 365px;
}
#service-buildManage .right,
#service-buildCleaning .right,
#service-buildMaintenance .right {
	float: right;
	width: 275px;
}
.service-buildContent {
	font-size: 15px;
}
.service-buildContent-ttl {
	font-size: 18px;
	font-weight: bold;
	border-bottom: dotted 1px #999999;
	padding-bottom: 10px;
	margin-bottom: 10px;
}
#service-apartmentManage .inner,
#service-apartmentCleaning .inner,
#service-apartmentMaintenance .inner {
	width: 660px;
	margin-right: auto;
	margin-left: auto;
}
#service-apartmentManage .left,
#service-apartmentCleaning .left,
#service-apartmentMaintenance .left {
	float: left;
	width: 365px;
}
#service-apartmentManage .right,
#service-apartmentCleaning .right,
#service-apartmentMaintenance .right {
	float: right;
	width: 275px;
}
.service-apartmentContent {
	font-size: 15px;
}
.service-apartmentContent-ttl {
	font-size: 18px;
	font-weight: bold;
	border-bottom: dotted 1px #999999;
	padding-bottom: 10px;
	margin-bottom: 10px;
}
#service-construction .left {
	float: left;
	width: 335px;
}
#service-construction .right {
	float: right;
	width: 335px;
}
#service-construction-kenchiku .inner,
#service-construction-setsubi .inner {
	width: 660px;
	margin-right: auto;
	margin-left: auto;
}
#service-construction-kenchiku .left,
#service-construction-setsubi .left {
	float: left;
	width: 440px;
}
#service-construction-kenchiku .right,
#service-construction-setsubi .right {
	float: right;
	width: 200px;
}

#service-cleaning .left {
	float: left;
	width: 335px;
}
#service-cleaning .right {
	float: right;
	width: 335px;
}
#service-cleaning-banner001 {
	position: relative;
	background-image: url(../service/image/cleaning-banner001.jpg);
	background-repeat: no-repeat;
	height: 200px;
	width: 689px;
}
#service-cleaning-banner001 .inner {
	position: absolute;
	left: 23px;
	top: 70px;
}
#service-cleaning-banner002 {
	position: relative;
	background-image: url(../service/image/cleaning-banner002.jpg);
	background-repeat: no-repeat;
	height: 200px;
	width: 689px;
}
#service-cleaning-banner002 p {
	position: absolute;
	left: 265px;
	top: 68px;
	width: 410px;
}
#service-cleaning-banner001 ul {
	float: left;
	width: 250px;
}

#service-cleaning-banner001 ul li {
	list-style-type:disc;
	list-style-position:inside;
}
#service-cleaning-dancefloor .img {
	float: left;
	width: 309px;
}
#service-cleaning-dancefloor .text {
	float: right;
	width: 365px;
	padding-right: 5px;
}
#service-cleaning-dancefloor .box {
	border: 1px dotted #999999;
	padding: 5px;
	width: 185px;
	float: left;
}
#service-cleaning-dancefloor .arrow {
	float: left;
	background-image: url(../service/image/arrow.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	width: 25px;
	margin-right: 10px;
	margin-left: 10px;
}
#service-cleaning-content .inner {
	width: 660px;
	margin-right: auto;
	margin-left: auto;
}
.service-cleaning-content-ttl {
	font-size: 15px;
	font-weight: bold;
	border-bottom: dotted 1px #999999;
	padding-bottom:8px;
	padding-left:5px;
	margin-bottom: 8px;
}
#service-cleaning-content ul {
	float: left;
	margin-right: 20px;
	padding-left:5px;
	list-style-type:disc;
	list-style-position:inside;
}
#service-cleaning-content .img {
	float: right;
	width: 188px;
}
#contact-mainimg-box {
	background:url(../contact/image/mainimg.jpg) no-repeat;
	width:960px;
	height:200px;
	margin-left:auto;
	margin-right:auto;
	position:relative;
	margin-top:10px;
}
#contact div.inner {
	width: 660px;
	margin-left: auto;
	margin-right: auto;
}
#contact-privacy .inner {
	width: 660px;
	margin-right: auto;
	margin-left: auto;
}
table.contact-form { width:100% }
.contact-form td {
	padding:8px;
	border:solid 1px #CCC;
}
.contact-form td.left {
	width:35% !important;
	text-align: left;
}
.construction-ttl {
	border-left-width: 8px;
	border-left-style: solid;
	border-left-color: #0D88B2;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #999999;
	margin-bottom: 10px;
	font-size: 15px;
	font-weight: bold;
	padding-bottom: 3px;
	padding-left: 10px;
	padding-top: 3px;
}
#partner-mainimg-box {
	background:url(../partner/image/partner-mainimg.jpg) no-repeat;
	width:960px;
	height:200px;
	margin-left:auto;
	margin-right:auto;
	position:relative;
	margin-top:10px;
}
#partner .inner { width:640px; margin-left:auto; margin-right:auto; }
#link-contact_pt {
	background-image: url(../partner/image/bg-contact_pt.jpg);
	background-repeat: no-repeat;
	height: 200px;
	width: 689px;
	position: relative;
}
#link-contact_pt p {
	position: absolute;
	left: 35px;
	top: 140px;
}


#top-iten {
	font-size: 18px;
	margin: 0 0 10px 0;
	padding: 10px;
	background: #F4F4F4;
	
}
#top-iten span {
	display: block;
	font-size: 22px;
}





/**************************************************
	各ページで利用するclass
**************************************************/
.ttl {
	line-height: 40px;
	background-image: url(../image/bg-ttl.jpg);
	background-repeat: no-repeat;
	height: 40px;
	width: 689px;
	font-weight: bold;
	font-size: 15px;
	padding-left: 20px;
	margin-bottom: 10px;
}
.date {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#666666;
	margin-right: 20px;
	font-weight: bold;
}
.need {
	font-size:11px;
	color:#CC0000;
	margin-left:20px;
}
.send-btn {
	height: 40px;
	width: 160px;
}


/* pc and tablet 横 */
@media only screen and (min-width:769px){
#mobile-tablet-menu {
	display:none;
}
}