@charset "utf-8";

/* :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::

NAME:::::::::pc.css

::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */


#contents{
	width:1200px;
	margin:0 auto 100px;
}
#contents .wkPc{
	border:3px solid #007ae1;
}
#contents h2.pcBlue{
	background:#007ae1;
	padding:7px 10px;
	color:#fff;
	font-weight:bold;
	font-size:18px;
}

#contents h2.eng {
	color:#0074d5;
	font-weight:bold;
	font-size:42px;
	text-align:center;
	line-height:1;
	border-top:3px solid #0074d5;
	padding-top:25px;
	margin-bottom:30px;
}
#contents h2.eng span {
	font-size:14px;
	display:block;
	margin-top:6px;
}

#contents .btnBgBlue a{
	background:#0074d5;
	font-size:11px;
	line-height:1;
	color:#fff;
	padding:3px 30px;
	font-weight:bold;
}
#contents .btnBorBlue a{
	background:#fff;
	font-size:11px;
	border:2px solid #0074d5;
	color:#0074d5;
	padding:3px 30px;
	line-height:1;
	font-weight:bold;
}
#contents .clrBlue{
	margin-bottom:10px;
	font-size:22px !important;
	margin-top:20px;
}



/*
	BLOCK 01
::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */
#block01{
	width:1040px;
	margin:0 auto 50px;
}
#block01:after{
	content:"";
	clear:both;
	display:block;
}
#block01 .posL{
	width:300px;
}
#block01 .posR{
	width:725px;
}


#tpSearch .searchTab h3{
	width:100%;
	margin-bottom:10px;
}
#tpSearch .searchTab h3 img{
	width:100%;
}
#tpSearch .searchTab{
	padding:10px;
	background:#fff;
}

/*#topics ::::::::::::::::::::::: */
#block01 #topics {
	margin-bottom:20px;
}
#block01 #topics .inner{
	padding:10px 10px 25px 10px;
}
#block01 #topics .inner img{
	width:100%;
}
#block01 #topics h2{
	padding:5px 0;
	border-bottom:3px solid #007ae1;
	text-align:center;
	line-height:1;
}
#block01 #topics h2 img{
	vertical-align:middle;
}

/*#news ::::::::::::::::::::::: */
#block01 #news{
	padding:15px;
}

/*#tpSearch ::::::::::::::::::::::: */
#tpSearch h2{
	margin-bottom:0;
}

/*#media ::::::::::::::::::::::: */
#media{
	margin-top:20px;
}
#media .inner{
	padding:15px 15px;
}
#media dl{
	text-align:center;
}
#media dl dt{
	margin-bottom:10px;
}




/*
	BLOCK 02
::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */
#block02,
#block03{
	margin:0 auto 70px;
}
#block02:after{
	content:"";
	clear:both;
	display:block;
}
#block02 h2{
	text-align:center;
	margin-bottom:25px;
}
#block02 .posL,
#block02 .posR{
	width:580px;
	position:relative;
	text-align:center;
}
#block02 .btnBorBlue{
	position:absolute;
	right:13px;
	bottom:15px;
}

/*phWrap*/
#block02 .col2 .phWrap{
	width:280px;
	float:left;
	height:305px;
}
#block02 .posL .col2 .phWrap{
	background:url(../img/top/pc/cleaning_ph.jpg) no-repeat;
	height:306px;
	display: block;
	width:280px;
}
#block02 .posL .col2 .phWrap:hover{
	background:url(../img/top/pc/cleaning_ph_o.jpg) no-repeat;
	height:306px;
	display: block;
	width:280px;
}
#block02 .posR .col2 .phWrap{
	background:url(../img/top/pc/laundry_ph.jpg) no-repeat;
	height:306px;
	display: block;
	width:280px;
}
#block02 .posR .col2 .phWrap:hover{
	background:url(../img/top/pc/laundry_ph_o.jpg) no-repeat;
	height:306px;
	display: block;
	width:280px;
}


/*txtWrap*/
#block02 .col2 .txtWrap{
	background:#f3f3f3;
	padding:25px 30px;
	width:300px;
	float:right;
	height:305px;
	font-size:11.5px;
	line-height:1.3;
	font-weight: bold;
}
/*posL*/
#block02 .posL .txtWrap .ttl{
	font-weight:bold;
	font-size:18px;
	text-align:center;
	margin-bottom:10px;
}
#block02 .posL .txtWrap ul li{
	float:left;
	margin-right:10px;
	margin-bottom:10px;
}
#block02 .posL .txtWrap ul li:nth-of-type(3n){
	margin-right:0;
}
/*button*/
#block02 .posL .col2Btn{
	margin-top:15px;
}
#block02 .posL .col2Btn dt a,
#block02 .posL .col2Btn dd a{
	padding:4px 0;
	border:2px solid #111;
	text-align:center;
	display:block;
}
#block02 .t14{
	margin-bottom:8px;
}

/*posR*/
#block02 .txtWrap dl{
	height:50px;
	margin-bottom:10px;
	background:#fff;
	width:100%;
}
#block02 .txtWrap dl dt{
	width:88px;
	float:left;
}
#block02 .txtWrap a dl dd{
	width : -webkit-calc(100% - 88px);
	width : calc(100% - 88px);
	padding:15px 0 0 0;
	float:left;
	background:#fff;
	text-align:center;
}
#block02 .posL .txtWrap a:nth-of-type(2) dl dd,
#block02 .posL .txtWrap a:nth-of-type(3) dl dd{
	padding-top:8px;
}
#block02 .posR .txtWrap a:nth-of-type(1) dl dd{
	padding-top:8px;
}
#block02 .posL .txtWrap dl dd{
	padding-top:15px;
}
#block02 .col2 .txt{
	margin-top:20px;
	text-align:center;
}
/*col2*/






/*
	BLOCK 03
::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */
#block03 .col2{
	border:3px solid #0074d5;
}
#block03 .posL,
#block03 .posR{
	width:100%;
	padding:15px;
}
#block03 .posL:after,
#block03 .posR:after{
	content:"";
	clear:both;
	display:block;
}
#block03 .posL,
#block03 .posR{
	position:relative;
}
#block03 .col2 .ph{
	width:655px;
	float:left;
}
#block03 .col2 .txtWrap{
	width : -webkit-calc(100% - 675px);
	width : calc(100% - 675px);
	float:right;
}
#block03 .col2 .txt{
	padding:0 10px;
	position:relative;
}
#block03 .col2 .txt .clrBlue{
	padding:12px;
	position:relative;
	border:2px solid #0074d5;
}
#block03 .col2 .btnBgBlue{
	position:absolute;
	bottom:20px;
	right:20px;
}



/*
	BLOCK 04
::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */

#block04 dl{
	position:relative;
}
#block04 dl dt{
	margin-bottom:20px;
}
#block04 dl dd {
	font-size:13px;
	line-height:1.8;
	color:#777;
}
#block04 dl dd p:first-of-type{
	margin-bottom:8px;
}
#block04 dl .btnBorBlue{
	position:absolute;
	bottom:0;
	right:0;
}




#footer .ftBtm dt{
	font-size:20px;
}
#footer .ftSubNav dl dd{
	color:#ccc;
	margin:0 7px;
}
#footer .ftSubNav{
	background:#007ae1;
	padding:15px 0;
	border-bottom:1px solid #40a4de;
}
#footer .ftSubNav dl a{
	color:#fff;
}
#footer .copyright{
	background:#0074d5;
	color:#fff;
}