@charset "utf-8";

/* ---------------------------------------------------------
    title
   ---------------------------------------------------------*/

/* h3 */
#cleaning .mainTitle02{
	margin-bottom:40px;
}

/* h4 */
h4{
	border-left:5px solid #E8D02B;
	padding-left:15px;
	font-size:1.4em;
	font-weight:bold;
	margin-bottom:20px;
	line-height:140%;
}


.cleanInner{
	width:1000px;
	margin:0 auto;
}



/* ---------------------------------------------------------
    index
   ---------------------------------------------------------*/

/*-- cleanBox01 --*/

.cleanBox01{
	width:100%;
}

.cleanBox01 .cleanBox01Inner{
	width:1200px;
	margin:0 auto;
	padding-top:50px;
}

.cleanBox01 ul{
	clear:both;
	width:100%;
	margin-bottom:30px;
}

.cleanBox01 li{
	width:580px;
	box-shadow:6px 6px 7px #CCCCCC;
	-moz-box-shadow:6px 6px 7px  #CCCCCC;
	-webkit-box-shadow:6px 6px 7px #CCCCCC;	
}

.cleanBox01 li a{
	display:block;
	width:100%;
	height:220px;
	border:5px solid #E8D02B;
	box-sizing:border-box;
}

.cleanBox01 li .cleanbtnLeft{
	width:215px;
	float:left;
}

.cleanBox01 li .cleanbtnLeft img{
	max-width:100%;
	height:auto;
	display:block;
}

.cleanBox01 li .cleanbtnRight{
	float:right;
	width:330px;
	padding:13px 25px 0 0;
	box-sizing:border-box;
}

.cleanBox01 li .cleanbtnRight p{
	background:url(../images/ico_arrow03.png) no-repeat;
	padding-left:25px;
	color:#333;
	font-weight:bold;
	font-size:1.2em;
	margin-bottom:15px;
}

.cleanBox01 li .cleanbtnRight p span{
	display:block;
	line-height:120%;
}

.cleanBox01 li .cleanbtnRight dl{
	width:100%;
}

.cleanBox01 li .cleanbtnRight dt{
	color:#51A56A;
	font-weight:bold;
	margin-bottom:15px;
}

.cleanBox01 li .cleanbtnRight dd{
	color:#464537;
}



/* ---------------------------------------------------------
    共通
   ---------------------------------------------------------*/

/*-- cleanList --*//* lagel,company共通 */

.cleanList{
	width:100%;
	margin-bottom:90px;
}

/* companyのみ */
.company .cleanList{
	margin-bottom:10px;
	padding-top:20px;
}

.cleanList ul{
	clear:both;
	width:100%;
}

.cleanList li{
	width:300px;
}

.cleanList li.left{
	margin-right:50px;
}

.cleanList li p{
	width:100%;
	margin-bottom:18px;
}

.cleanList li p img{
	max-width:100%;
	height:auto;
	display:block;
}

.cleanList li dl{
	width:100%;
}

.cleanList li dt{
	text-align:center;
	color:#329650;
	font-weight:bold;
	font-size:1.4em;
	margin-bottom:10px;
}


/*-- cleanText --*/

.cleanText{
	width:100%;
}

.cleanText p{
	text-align:center;
}



/* ---------------------------------------------------------
    personal
   ---------------------------------------------------------*/

/*-- personalBox01 --*/

.personalBox01{
	width:100%;
	margin-bottom:60px;
}

.personalBox01 ul{
	clear:both;
	margin:0 auto 40px auto;
}

.personalBox01 ul.max04{width:790px;} /* 4つの場合 */
.personalBox01 ul.max05{width:100%;}  /* 5つの場合 */

.personalBox01 li{
	width:175px;
}

.personalBox01 li.left{
	margin-right:30px;
}

.personalBox01 li dl{
	width:100%;
}

.personalBox01 li dt{
	width:140px;
	margin:0 auto 8px auto;
}

.personalBox01 li dt img{
	max-width:100%;
	height:auto;
	display:block;
	margin:0 auto;
}

.personalBox01 li dd{
	font-size:1.4em;
	text-align:center;
	font-weight:bold;
}

.personalBox01 li dd span{
	display:block;
	font-size:78%;
	line-height:120%;
}



/* ---------------------------------------------------------
    service
   ---------------------------------------------------------*/

/*-- serviceBox01 --*/

.serviceBox01{
	width:100%;
	margin-bottom:40px;
}

.serviceBox01 p{
	text-align:center;
	font-size:1.8em;
	margin-bottom:30px;
	line-height:100%;
}

.serviceBox01 p img{
	max-width:100%;
	height:auto;
	display:block;
	margin:0 auto;
}

.serviceBox01 ul{
	clear:both;
	width:100%;
	margin-bottom:20px;
}

.serviceBox01 li{
	width:235px;
	height:265px;
	background:#F6F6F6;
}

.serviceBox01 li.left{
	margin-right:20px;
}


/* typeList */

.serviceBox01 li .typeList{
	width:195px;
	margin:0 auto;
	padding-top:28px;
}
	
.serviceBox01 li .typeList dl{
	width:100%;
	margin-bottom:15px;
}

.serviceBox01 li .typeList dt{
	width:63px;
	margin:0 auto 15px auto;
}

.serviceBox01 li .typeList dt img{
	width:63px;
	height:60px;
	display:block;
}

.serviceBox01 li .typeList dd{
	text-align:center;
	font-size:1.4em;
	font-weight:bold;
	line-height:140%;
}

.serviceBox01 li .typeList dd span{
	display:block;
	width:135px;
	margin:5px auto 0 auto;
	background:#FFF;
	text-align:center;
    font-size:68%;
    border-radius:25px;
    -webkit-border-radius:25px; 
    -moz-border-radius:25px;
}

.serviceBox01 li .typeList ul{
	margin:0 auto;
}

.serviceBox01 li .typeList li{
	height:auto;
	margin:0;
	padding-left:12px;
	background:url(../images/ico_01.png) 0 9px no-repeat;
	box-sizing:border-box;
}

.serviceBox01 li .typeList ul.detail01{
	width:158px;
}

.serviceBox01 li .typeList ul.detail01 li{
	width:50%;
}

.serviceBox01 li .typeList ul.detail02{
	width:100px;
}

.serviceBox01 li .typeList ul.detail02 li{
	width:100%;
}

.serviceBox01 li .typeList p{
	font-size:1em;
	line-height:160%;
	text-align:left;
}

.serviceBox01 li .typeList p.center{
	text-align:center;
}


/*-- serviceBox02 --*/

.serviceBox02{
	width:100%;
	margin-bottom:25px;
}

.serviceBox02 ul{
	clear:both;
	width:100%;
}

.serviceBox02 li{
	width:320px;
}

.serviceBox02 li.left{
	margin-right:20px;
}

.serviceBox02 li span{
	display:block;
}

.serviceBox02 li a{
	display:block;
	width:100%;
	height:65px;
	background:#329650;
    border-radius: 3px;
    -webkit-border-radius: 3px; 
    -moz-border-radius: 3px;
	text-align:center;
	color:#FFF;
	font-size:1.1em;
	box-sizing:border-box;
	line-height:140%;
}

.serviceBox02 li.left a{
	padding:12px 10px 0 10px;
}

.serviceBox02 li.right a{
	padding:23px 10px 0 10px;
}


/*-- serviceBox03 --*/

.serviceBox03{
	width:100%;
	margin-bottom:50px;
}


/* menuBox01 */

.menuBox01{
	width:100%;
	background:#F6F6F6;
	margin-bottom:50px;
}

.menuBoxInner{
	width:1000px;
	padding:60px 0;
	margin:0 auto;
}

.menuBox01 ul{
	width:100%;
	margin-bottom:45px;
}

.menuBox01 li{
	width:100%;
	margin-bottom:7px;
}

.menuBox01 li.color01{background:#FFFFFF;}
.menuBox01 li.color02{background:#EAEAEA;}

.menuBox01 li dl{
	clear:both;
	width:100%;
}

.menuBox01 li dt{
	width:40px;
	float:left;
	background:#333333;
	padding:7px 0 5px 0;
	text-align:center;
	font-size:1.2em;
	font-weight:bold;
	color:#FFF;
	box-sizing:border-box;
}

.menuBox01 li dd{
	width:960px;
	float:right;
	padding:8px 0 6px 0;
	box-sizing:border-box;
}

.menuBox01 li dd p{
	float:left;
}

.menuBox01 li dd p.name{
	width:170px;
	font-size:1.1em;
	font-weight:bold;
	text-align:center;
}

.menuBox01 li dd p.detail{
	width:790px;
	padding-top:1px;
	box-sizing:border-box;
}

.menuBox01 li.arrow{
	width:16px;
	margin-left:117px;
}

.menuBox01 li.arrow img{
	width:16px;
	height:8px;
	display:block;
}


/* table */

.serviceBox03 table{
	width:100%;
	border-spacing:0;
	border-collapse:collapse;
	border-top:1px solid #CCCCCC;
	box-sizing:border-box;
}

.serviceBox03 th,
.serviceBox03 td{
	border-bottom:1px solid #CCCCCC;
	box-sizing:border-box;
}

.serviceBox03 th{
	font-weight:bold;
	font-size:1.1em;
}

.serviceBox03 th.th01{
	width:220px;
	background:#F7F6D0;
	padding:7px 0 5px 0;
}

.serviceBox03 th.th01 span{
	font-weight:normal;
	font-size:78%;
}

.serviceBox03 th.w120{
	width:120px;
}

.serviceBox03 th.th02{
	padding:7px 10px 7px 0;
}

.serviceBox03 th.th02 p{
	width:120px;
	background:#329650;
	text-align:center;
	color:#FFF;
	padding:5px;
	box-sizing:border-box;
}

.serviceBox03 td{
	color:#D80000;
	font-size:1.1em;
	text-align:center;
	line-height:100%;
}

.serviceBox03 td span{
	font-weight:bold;
	font-size:1.6em;
	vertical-align:sub;
	padding-right:8px;
}


/* menuBox02 */

.menuBox02{
	width:100%;
	background:#F6F6F6;
	margin-bottom:50px;
}

.menuBox02 ul{
	clear:both;
	width:100%;
	margin-bottom:20px;
}

.menuBox02 li{
	width:235px;
	height:190px;
	background:#FFF url(../../cleaning/images/ico_01.png) no-repeat;
	box-shadow:6px 6px 7px #CCCCCC;
	-moz-box-shadow:6px 6px 7px  #CCCCCC;
	-webkit-box-shadow:6px 6px 7px #CCCCCC;	
}

.menuBox02 li.left{
	margin-right:20px;
}

.menuBox02 li dl{
	padding:20px 15px 0 22px;
	margin-bottom:5px;
}

.menuBox02 li dt{
	font-size:1.4em;
	font-weight:bold;
	margin-bottom:3px;
	line-height:120%;
}

.menuBox02 li dd{
	color:#D80000;
	font-weight:bold;
}

.menuBox02 li p{
	padding:0 15px 0 22px;
}

.menuBox02 li p span{
	display:block;
	color:#C4B219;
	font-size:86%;
	padding-top:8px;
}
	
.menuBox02 li.notics{
	background:none;
	box-shadow:none;
	height:auto;
	padding:5px 5px 0 5px;
	box-sizing:border-box;
}
	
.menuBox02 li.notics dl{
	clear:both;
	width:100%;
	padding:0;
	margin:0;
	box-sizing:border-box;
}

.menuBox02 li.notics dt{
	width:12px;
	float:left;
	font-size:86%;
	font-weight:normal;
	margin-bottom:0;
	line-height:160%;
}

.menuBox02 li.notics dd{
	width:208px;
	float:right;
	color:#333;
	font-weight:normal;
	font-size:86%;
}


/*-- serviceBox04 --*/

.serviceBox04{
	width:100%;
	margin-bottom:35px;
}

.serviceBox04 p{
	text-align:center;
	margin-bottom:13px;
}

.serviceBox04 p img{
	width:776px;
	height:auto;
	display:block;
	margin:0 auto;
}

.serviceBox04 ul{
	clear:both;
	width:100%;
}

.serviceBox04 li{
	width:320px;
	height:210px;
}

.serviceBox04 li.yesBox{
	float:left;
	background:#FDF0F0;
}

.serviceBox04 li.noBox{
	background:#EAF6FE;
	margin-left:20px;
}

.serviceBox04 li dl{
	padding:25px 20px 0 20px;
}

.serviceBox04 li dt{
	text-align:center;
	font-weight:bold;
	font-size:1.2em;
	margin-bottom:10px;
}