@charset "utf-8";

/* ページカラー */
body {
    /* 文字色 */
    color: #515151;
    /* 背景色 */
    background-image: url(../p-img/100556_1/bg_cle.jpg);
    background-repeat: no-repeat;
    background-position: center top;
    background-size: cover;
    background-color: #FFFFFF;
}

/* ページ全体枠のカラー */
#wrapper {
	background-color: #ffffff;
}

/* -----------------------------------------------------------------------------
 Header
----------------------------------------------------------------------------- */
/* 「ヘッダー」のカラー */
#header-area {
	background-color:#FFFFFF;
	border-top:3px solid #d9f9f5
}


/* -----------------------------------------------------------------------------
 Original_Style
----------------------------------------------------------------------------- */
.nobr{display: inline-block;}

/* h1 への指示　*/

#header-area h1 span {
	font-size:125%;
}

#header-area h1 {
	font-size:100%;
	font-weight:bold;
	padding:10px;
	padding-bottom: 7px;
	line-height: 1.8em;
	color:#0C9684;
}


/* h4 */
h4 {
	margin-left: 20px;
	margin-top: 30px;
	width:20em;
	background-color: #D9F9F5;
	text-align: center
}
/*   ごあいさつ　への指示　*/

#contents-area #intoro.box .right-float {
	width:320px;
	margin-top:10px;
	margin-left:10px;
	margin-bottom:10px !important;
	float:right;	
}

.box .right #node_001 {
	margin-right: 320px;
	line-height: 2em;
}
#main-area .box .right {
	overflow: hidden;
}
/*   サービス　>地域　への指示　*/
#node_002 strong {
	font-size: 115%;
	color: #175596
}
/*   サービス　>単品　への指示　*/
#main-area .box #single .trisection.cf p{
	text-align: center;	
}
#main-area .box #single .trisection.cf table td,
#main-area .box #single .trisection.cf table th{
	border: none;
	background-color: none;
	font-weight: normal
}
#main-area .box #single .trisection.cf table th{
	width:9.5em;
}
#main-area .box #single .trisection.cf table td{
	text-align: right;
}
#main-area .box #single .trisection.cf table .to_price{
	text-align: center;
	width:0.5em;
}

/*   サービス　>セット　への指示　*/

#contents-area .box .right-float {
	width:170px;
	margin-top:10px;
	margin-left:10px;
	margin-bottom:10px !important;
	float:right;
}
	
.box .right #node_017,
.box .right #node_008 {
	margin-right: 220px;
}

/* set table */
#set table.table-style1 th {
	background-color:none;
	border: 1px solid #999999;
	font-weight: normal;
}
#set table.table-style1 .price3 {
	text-align: center
}

#set table.table-style1 td {
	background-color:#FFFFFF;
	border: 1px solid #999999;
}

#contents-area #main-area .box #set{
	position: relative;
}

#contents-area #main-area .box #set .right-float p {
    position: absolute;
    bottom: 0;
    top: auto;
}

/*　サービス　> 不動産 table */
#rental table.table-style1 {
	width:19em;
}

#rental table.table-style1 th{
	width:7em;
	border: 1px solid #999999;
	font-weight: normal;
}
#rental table.table-style1 td{
	background-color:#FFFFFF;
	border: 1px solid #999999;
	text-align: center;
}

/*　サービス　> 料金注意 */
#contents-area .box #node_019{
	text-align: center;
	border: #20CBB5 1.5px solid;
	border-radius: 100px;
	margin: 30px 20px 0;
	line-height: 3em;
 }

#contents-area .box #node_019 p {
	margin:0 20px;
}

/* キャンペーン table */
#contents-area #cam .right {
	background-image: url(../p-img/100556_1/bg_cle.jpg);
    background-repeat: no-repeat;
    border-radius: 10px;
	margin-top: 20px;
}

#contents-area #cam.box .right-float {
	width:170px;
	margin-top:10px;
	margin-left:10px;
	margin-bottom:10px !important;
	float:right;
}
.box .right #node_010 {
	margin-right: 170px;	
}

#node_010 tr {
	border-bottom: dotted 1px #41988D;
}

#node_010 th {
	font-size: 130%;
	width:16em;
}

#node_010 .price1{
	width:7em;
}

#node_010 .vec {
	width:1.2em;
	font-size: 130%;
}

#node_010 .price2{
	font-size: 130%;
}

#node_010 .price2 span{
	font-size: 150%;
	color:#FF0004;
}

/* 事例　への指示 */
#main-area #ex_photos .trisection.cf{
	margin-bottom: 30px;
}

#ex_photos img {
	margin-top: -5px;
	padding-bottom: 10px;
}

#node_017 {
	font-size: 120%;
}

#main-area #ex_photos .trisection.cf right{
	padding-bottom: 10px;
}

#main-area #ex_photos .trisection p{
	margin-top: 10px;
}


/* 問合わせへの指示　*/
.to_form {
	text-align: center;
	color:#175596;
	font-size: 140%;
	font-weight: bold;
	margin-bottom: 10px;
	padding-top: 20px;
}
.to_form strong{
	color:#A0035B;
}


/* 「About Us」追加設定 */
/* -----------------------------------------------------------------------------
　本体ソースのtableを<div class="table-set">で囲んだ上で・・・
----------------------------------------------------------------------------- */
#contents-area #menu-bottom-area .box {
	width: auto!important;
	float: none!important;
}
#contents-area #menu-bottom-area .box table {
	width: 100%;
	margin:20px 0 10px;
}

#contents-area #menu-bottom-area .box div.table-set {
	margin: 0 20px 20px;
}

#contents-area #service dl dt{
	font-size:1.2em;
	color:#238471;
	background:url(../p-img/100556_1/ico1.png) left 0.5em no-repeat;
	margin-bottom: 0.3em;
	font-weight: bold;
}

#contents-area #service dl dd{line-height: 1.8em;}





/* ウィンドウが641px以上時に適用 */
@media print,screen and (min-width:641px){
#thank640,
#cleaning_pic640,
#cleaning1_640,
#senior640 {display: none;}	
	
	.about .table-set th{width:15%;}
.about .table-set td{width:85%;}

	}



/* ウィンドウが640px未満時に適用 */
@media screen and (max-width:640px){
	
	#contents-area #service .trisection .center ul,
	#contents-area #service .trisection .right ul{margin-top: 0;}

/* h4 */
h4 {
	margin-left: 10px;
}	
	
/* 左テキスト・右画像配置への指示　*/

.box .right #node_001,
.box .right #node_008,
.box .right #node_010,
.box .right #node_017{
	margin-right: 10px;
}
	
#main-area .box .right {
	margin-bottom: 30px;
}

#contents-area #intoro.box .right-float {
	float:none;
	width:auto;
	padding-right: 10px;
}
	
#thank641,
#cleaning_pic641,
#cam .right-float,
#volunteer .right-float{display: none;}	

/* メニューの指示 */
#main-area .box #single .trisection.cf p{
	text-align: left;	
}
#contents-area .box #single #node_003 .table-set{
	width:18em;
}
#contents-area .box #single .trisection.cf{
	margin-bottom:-30px;
}
#contents-area .box #set .table-set {
	margin-right:0;
}
#contents-area .box #set #node_008 .table-set span{
	display: none;
}
	
/*　サービス　> 料金注意 */
#contents-area .box #node_019{
	line-height: 1.5em;
 }

/* キャンペーンへの指示 */	
#node_010 th,
#node_010 .vec,
#node_010 .price2{
	font-size: 120%;
}
#node_010 .price2{
		width: 7em;
	}
#node_010 .price2 span{
	font-size: 135%;
}
#contents-area #cam.box .table-set {
	margin-right:0;
	margin-left: 10px;
}
#contents-area #cam {
	margin-bottom:-20px;
	}
	
	
/*事例への指示 */	
#main-area #ex_photos .trisection.cf{
	margin-bottom:-30px;
}
#main-area #ex_photos .trisection.cf right{
	padding-bottom: 0px;
}
#main-area #ex_photos .trisection p{
	margin-top: 10px;
}
	
/* menu-bottom共通 */
#contents-area #menu-bottom-area .box div.table-set {
	margin: 0 10px 20px;
}
#contents-area #menu-bottom-area .box table {
	margin:10px 0;
	display:table;
}
	

}


/* -----------------------------------------------------------------------------
 Contents
----------------------------------------------------------------------------- */
/* 編集後にコメントアウト */
/*#menu-bottom-area {
	margin-top: 350px;
}*/

/* 「お知らせ」のカラー */
#today-area {
	background-color:#FFFFFF;
	border:1px solid #d9f9f5;
}

/* ノードの背景カラー */
#contents-area .box {
	background-color:#FFFFFF;
}

/* ノードの見出しカラー H2 */
#contents-area .box h2 {
	font-weight: bold;
	color:#A0035B;
	border-left:7px solid #20CBB5;
	border-bottom:3px solid #20CBB5;
	background-color: #D9F9F5;
}

/* ノードの見出しカラー H3 */
#contents-area .box h3 {
	font-weight: bold;
	border-bottom:3px double#A0035B;
	color:#A0035B;
}

/* リストのアイコン */
#contents-area .box ul li {
	background:url(../p-img/100556_1/ico1.png) left 0.8em no-repeat;
}

/* tableのカラー 
#contents-area .box table.table-style1 th {
	background-color:#CCCCCC;
	border: 1px solid #999999;
}

#contents-area .box table.table-style1 td {
	background-color:#FFFFFF;
	border: 1px solid #999999;
}*/

/* 「About Us」のカラー */
#contents-area .box dl dt {
	color:#443102;
	background:url(../p-img/100556_1/ico_dt.gif) left center no-repeat;
}

#contents-area #menu-bottom-area .box table td,
#contents-area #menu-bottom-area .box table th{
	border: 1px solid #8C9DA0;
	text-align:left;
}

#contents-area #menu-bottom-area .box table th{
	/* color:#0C9684; */
	background-color:#E5F9F7;
}

/* ウィンドウが640px未満時の「About Us」のカラー */
@media screen and (max-width:640px){

#contents-area #menu-bottom-area .box table td,
#contents-area #menu-bottom-area .box table th{
	border: none;
}

#contents-area #menu-bottom-area .box table th{
	color:#0C9684;
	background:transparent url(../p-img/100556_1/ico_dt.gif) left center no-repeat;

}

}

/* -----------------------------------------------------------------------------
 Footer
----------------------------------------------------------------------------- */
#footer-area {
	background-color:#FFFFFF;
}

#footer-area .link {
	border-bottom:1px solid #efefef;
}

#footer-area .link a {
	color:#515151;
}

#footer-area .link a:hover {
	color:#E32828;
}

/* ページトップへ戻る */
#footer-area .pagetop img {
	border:1px solid #999999;
}


@media screen and (max-width:640px){
#footer-area .pagetop {
	position: fixed;
	bottom: 5px;
	right: 5px;
	top: auto;
	left: auto;
}
}