@import url(defaults.css);

body {

}


/*
----------------------------------

Title

----------------------------------
*/
h1.topix-title {
	margin-top: 10px;
	color: #f78200;
	font-weight: bold;
	padding: 15px 15px 0px 0px;
	position: relative;
	width: 825px;
	height: 25px;
	font-size: 18px;
	text-align: right;
	background-color: #ffffff;
	/*background-color: #f2f2f2;*/
	border-bottom: 1px solid #d7d7d7;
}

h1.topix-title2 {
	margin-top: 10px;
	color: #f78200;
	font-weight: bold;
	padding: 15px 15px 0px 0px;
	position: relative;
	width: 825px;
	height: 25px;
	font-size: 18px;
	text-align: left;
	background-color: #ffffff;
	/*background-color: #f2f2f2;*/
	border-bottom: 1px solid #d7d7d7;
}

h2.topix-title {
	margin: 10px 0px 0px 10px;
	padding: 10px 0px 3px 45px;
	color: #000080;
	font-weight: bold;
	position: relative;
	width: 825px;
	height: 20px;
	font-size: 18px;
	text-align: left;
	/* border-left: 8px solid #d7d7d7; */
	background-image: url("/material/images/client/CVo.gif");
	background-repeat: no-repeat;
}

h2.topix-title2 {
	margin-top: 10px;
	color: #000080;
	font-weight: bold;
	padding: 3px 15px 3px 8px;
	position: relative;
	width: 825px;
	height: 18px;
	font-size: 22px;
	text-align: left;
	background-color: #ffffff;
	/*background-color: #f2f2f2;*/
	border-left: 10px solid #000080;
}

h2.topix-title3 {
	margin-top: 10px;
	color: #000080;
	font-weight: bold;
	padding: 3px 15px 3px 8px;
	position: relative;
	width: 340px;
	height: 18px;
	font-size: 22px;
	text-align: left;
	background-color: #ffffff;
	/*background-color: #f2f2f2;*/
	border-left: 10px solid #000080;
}

div.leftbox001 {
	margin: 20px 8px 0px 5px;
	float: left;
}
div.leftbox002 {
	margin: 30px 20px 10px 20px;
	float: left;
}
div.rightbox001 {
	margin: 20px 5px 0px 8px;
	text-align: left;
	float: right;
}
div.leftbox003 {
	margin: 5px 8px 0px 5px;
	float: left;
}
div.rightbox003 {
	margin: 5px 5px 0px 8px;
	text-align: left;
	float: right;
}
div.leftbox004 {
	margin: 5px 8px 0px 5px;
	float: left;
}
div.rightbox004 {
	margin: 5px 5px 0px 8px;
	text-align: left;
	float: right;
}
div.leftbox005 {
	margin: 0px 15px 0px 15px;
	float: left;
}
div.rightbox005 {
	margin: 5px 5px 0px 20px;
	text-align: left;
	float: right;
}
div.leftbox006 {
	float: left;
}
div.leftbox007 {
	float: left;
	width: 320px;
}
div.leftbox008 {
	float: left;
	width: 550px;
}
div.rightbox007 {
	float: right;
	
}
div.rightbox008 {
	float: right;
	padding-left: 25px;
	width: 350px;
}
div.leftbox009 {
	float: left;
	width: 390px;
	margin: 20px 10px 0px 10px;
}
div.rightbox010 {
	margin: 20px 5px 0px 8px;
	text-align: left;
	float: left;
}
div.cl1 {
	clear:both;
}
div.box001 {
	margin: 20px 5px 40px 5px;
	text-align: center;
}

div.box002 {
	margin: 20px 5px 20px 5px;
	width: 810px;
	text-align: left;
}
div.box003 {
	width: 750px;
	margin-left: 45px; 
}
div.box004 {
	padding-left: 70px;
	text-align: center;
	width: 700px;
}
p.topix01 {
	font-size: 13px;
	text-align: left;
	margin: 1px 0px 2px 0px;
	line-height: 18px;
}

p.topix02 {
	font-size: 12px;
	text-align: right;
	margin: 1px 0px 2px 0px;
	line-height: 18px;
}
p.topix03 {
	font-size: 13px;
	text-align: left;
	margin: 1px 10px 2px 10px;
	line-height: 18px;
}

p.topix04 {
	font-size: 12px;
	text-align: right;
	margin: 0px 0px 2px 0px;
	line-height: 18px;
	color: #4169E1;
}
p.topix05 {
	font-size: 18px;
	text-align: center;
	color: #0000CD;
	font-weight: bold;
}
p.topix06 {
	font-size: 12px;
	text-align: left;
	margin: 1px 10px 2px 10px;
	line-height: 13px;
}
p.topix07 {
	font-size: 16px;
	text-align: center;
	color: #0000CD;
	font-weight: bold;
}
p.topix08 {
	font-size: 14px;
	text-align: center;
	margin: 1px 10px 2px 10px;
	line-height: 18px;
	color: #FF0000;
}
p.topix09 {
	font-size: 14px;
	text-align: left;
	margin: 1px 10px 4px 10px;
	line-height: 17px;
	font-weight: bold;
}
p.topix10 {
	font-size: 13px;
	text-align: left;
	margin: 1px 10px 4px 16px;
	line-height: 14px;
}
p.topix11 {
	font-size: 13px;
	text-align: left;
	margin: 1px 1px 7px 1px;
	line-height: 18px;
}
p.topix12 {
	font-size: 13px;
	text-align: left;
	color: #0000CD;
	font-weight: bold;
	margin: 1px 1px 7px 1px;
}
p.topix13 {
	font-size: 14px;
	text-align: left;
	margin: 1px 1px 7px 25px;
	line-height: 18px;
}
p.topix14 {
	font-size: 14px;
	text-align: left;
	color: #0000CD;
	font-weight: bold;
	margin: 5px 1px 7px 1px;
}
p.topix15 {
	font-size: 14px;
	text-align: left;
	margin: 1px 1px 7px 1px;
	line-height: 17px;
}
p.topix16 {
	font-size: 14px;
	text-align: left;
	margin: 1px 1px 5px 230px;
	line-height: 17px;
}
p.topix17 {
	font-size: 16px;
	text-align: center;
	font-weight: bold;
}
p.topix18 {
	font-size: 14px;
	text-align: right;
	color: #0000CD;
}
p.topix19 {
	font-size: 14px;
	text-align: center;
	margin: 1px 10px 2px 10px;
	line-height: 18px;
}
p.topix20 {
	font-size: 18px;
	text-align: center;
	color: #0000CD;
	font-weight: bold;
}
p.topix21 {
	font-size: 13px;
	text-align: left;
	padding:2px 0px 2px 10px;
	line-height: 17px;
	display:block;
}
p.topix22 {
	font-size: 14px;
	text-align: left;
	margin: 1px 10px 4px 10px;
	line-height: 17px;
	font-weight: bold;
	color: #F20000;
}
span.red {
	color: #FF0000;
}
span.tomato {
	color: #FF6347;
	font-size: 11px;
}
span.price {
	color: #FF0000;
	font-size: 20px;
	font-weight: bold;
}
span.price2 {
	color: #FF0000;
	font-size: 16px;
	font-weight: bold;
}
.topix01 a {
	color: #f7941e;
}
.topix01 a:visited {
	color: #f7941e;
}
.topix01 a:hover {
	color: #f7941e;
	text-decoration: underline;
}
.topix10 a {
	color: #FF0000;
	font-weight: bold;
}
.topix10 a:visited {
	color: #FF0000;
	font-weight: bold;
}
.topix10 a:hover {
	color: #FF0000;
	text-decoration: underline;
	font-weight: bold;
}

.topix03 a {
	color: #f7941e;
}
.topix03 a:visited {
	color: #f7941e;
}
.topix03 a:hover {
	color: #f7941e;
	text-decoration: underline;
}

input.b_type {
	height: 25px;	
	text-align: center;
	font-size: 14px;
}


.topixtable01 {margin-bottom:10px; border-collapse:collapse; border:1px solid #cecece;}
.topixtable01 th {padding:10px; border:1px solid #dedede; background:#EFEFEF; font-weight:bold; line-height:1.4em;}
.topixtable01 th.style01 {text-align:center; font-size: 13px; color: #f7941e;}
.topixtable01 th.style02 {text-align:right; font-size: 13px;}
.topixtable01 th.style03 {text-align:center; font-size: 14px; color: #f7941e;}
.topixtable01 th.style04 {text-align:center; font-size: 20px; color: #f7941e; font-weight: bold; }
.topixtable01 td {padding:10px; border:1px solid #dedede; background:#ffffff; line-height:1.4em;}
.topixtable01 td.style01 {text-align:center; font-size: 13px;}
.topixtable01 td.style02 {text-align:right; font-size: 13px;}
.topixtable01 td.style03 {text-align:left; font-size: 13px; border-bottom:1px dotted #dedede; background:#FFFBEC;}
.topixtable01 td.style04 {text-align:left; font-size: 13px; border-top:1px dotted #dedede; background:#FFFBEC;}
.topixtable01 td.style05 {text-align:left; font-size: 13px; border-bottom:1px dotted #dedede; background:#FFF1C8;}
.topixtable01 td.style06 {text-align:left; font-size: 13px; border-top:1px dotted #dedede; background:#FFF1C8;}
.topixtable01 td.style07 {text-align:center; font-size: 14px; border-bottom:1px dotted #dedede; background:#FFFBEC;}
.topixtable01 td.style08 {text-align:center; font-size: 14px; border-bottom:1px dotted #dedede; background:#FFF1C8;}
.topixtable01 td a {color: #000000; font-weight:bold; }
.topixtable01 td a:visited {color: #000000; font-weight:bold; }
.topixtable01 td a:hover {color: #000000; text-decoration: underline; font-weight:bold; }

.topixtable02 {margin-bottom:10px; border-collapse:collapse; border:0px;}
.topixtable02 th {padding:3px; border:0px; font-weight:bold; }
.topixtable02 th.style01 {text-align:center; font-size: 15px; color: #f7941e; font-weight: bold;}
.topixtable02 th.style02 {text-align:center; vertical-align:top; font-size: 18px; color: #800000; font-weight: bold; background-image: url("/material/images/client/bathroom.jpg"); background-repeat: no-repeat; height:205px; background-position:center center;}
.topixtable02 th.style03 {text-align:center; vertical-align:top; font-size: 18px; color: #800000; font-weight: bold; }
.topixtable02 td {padding:3px; border:0px; }
.topixtable02 td.style01 {padding:3px; border:0px; height:205px; background-image: url("/material/images/client/bathroom3.jpg"); background-repeat: no-repeat; height:205px; background-position:center center;}
.topixtable02 td.style02 {padding:3px; border:0px; height:205px; background-image: url("/material/images/client/rangehood1.jpg"); background-repeat: no-repeat; height:205px; background-position:center center;}
.topixtable02 td.style03 {padding:3px; border:0px; height:205px; background-image: url("/material/images/client/balcony2.jpg"); background-repeat: no-repeat; height:205px; background-position:center center;}
.topixtable02 td.style04 {padding:3px; border:0px; height:205px; background-image: url("/material/images/client/kitchen3.jpg"); background-repeat: no-repeat; height:205px; background-position:center center;}

p.style10 {text-align:center; font-size: 13px;}
p.style11 {text-align:center; font-size: 15px; color:#0000CD; font-weight:bold; }
p.style12 {text-align:left; font-size: 13px; padding-left: 90px;}
p.style13 {text-align:center; font-size: 15px; color:#FF0000; font-weight:bold;  padding-left: 60px;}
p.style14 {text-align:center; font-size: 15px; color:#FF0000; font-weight:bold;}
p.style15 {text-align:left; font-size: 16px; color:#000080; font-weight:bold; }
p.style16 {text-align:left; font-size: 18px; color:#000080; font-weight:bold; padding: 15px 0px 0px 60px; border-bottom:1px solid #cecece;}
p.style17 {text-align:left; font-size: 18px; color:#000080; font-weight:bold; }
p.style18 {text-align:left; font-size: 18px; color:#000080; font-weight:bold; padding: 0px 0px 0px 230px; }
p.style19 {text-align:left; font-size: 17px; color:#000080; font-weight:bold; padding: 15px 0px 0px 60px; border-bottom:1px solid #cecece;}

img.img_left{float: left;}
img.img_left250{padding: 0px 0px 0px 40px; }
img.center {text-align: center; }
img.img_right{float: right;}



.topixtable03 {margin-bottom:10px; border-collapse:collapse; border:1px solid #cecece;}
.topixtable03 th {padding:10px; border:1px solid #dedede; background:#EFEFEF; font-weight:bold; line-height:1.4em;}
.topixtable03 th.style01 {text-align:center; font-size: 13px; color: #f7941e;}
.topixtable03 th.style02 {text-align:right; font-size: 13px;}
.topixtable03 td {padding:10px; border:1px solid #dedede; background:#ffffff; line-height:1.4em;}
.topixtable03 td.style01 {text-align:center; font-size: 13px;}
.topixtable03 td.style02 {text-align:right; font-size: 13px;}
.topixtable03 td.style03 {text-align:center; font-size: 13px; border-bottom:1px dotted #dedede; background:#FFFBEC;}
.topixtable03 td.style04 {text-align:center; font-size: 13px; border-top:1px dotted #dedede; background:#FFFBEC;}
.topixtable03 td.style05 {text-align:center; font-size: 13px; border-bottom:1px dotted #dedede; background:#FFF1C8;}
.topixtable03 td.style06 {text-align:center; font-size: 13px; border-top:1px dotted #dedede; background:#FFF1C8;}
.topixtable03 td a {color: #000000; font-weight:bold; }
.topixtable03 td a:visited {color: #000000; font-weight:bold; }
.topixtable03 td a:hover {color: #000000; text-decoration: underline; font-weight:bold; }


.topix_sub01 {
	margin-top: 10px;
	margin-bottom: 7px;
	color: #004A7B;
	font-weight: bold;
	width: 810px;
	font-size: 15px;
	text-align: left;
	text-decoration: underline;	
}
.topix_sub02 {
	margin-top: 20px;
	margin-bottom: 7px;
	color: #004A7B;
	font-weight: bold;
	width: 810px;
	font-size: 15px;
	text-align: left;
	text-decoration: underline;
}
.mB05 {margin-bottom:5px;}
.mB10 {margin-bottom:10px;}
.mB20 {margin-bottom:20px;}
.mB30 {margin-bottom:30px;}
.mB60 {margin-bottom:60px;}

div.t_leftbox01 {
	display:block;
	width:530px;
	padding: 2px 0px 0px 45px;
	float:left;
}
div.t_rightbox01 {
	display:block;
	width:160px;
	margin: 30px 20px 0px 20px;
	float:right;
}
div.t_rightbox02 {
	display:block;
	width:160px;
	margin: 20px 0px 0px 50px;
	float:left;
}
div.t_rightbox03 {
	display:block;
	width:160px;
	margin: 20px 0px 0px 80px;
	float:left;
}
span.tomato02 {
	font-size: 16px;
	color: #FF6347;
	font-weight: bold;
}

/*--------------------------------------*/

div.flowbox-left {
	display:block;
	width:300px;
	float:left;
}
div.flowbox-center {
	display:block;
	width:60px;
	padding-left: 45px;
	float:left;
}
div.flowbox-right {
	display:block;
	width:240px;
	float:left;
}
div.left01 {
	display:block;
	width: 180px;
	float:left;
}
div.right01 {
	display:block;
	width: 240px;
	float:right;
}

h3.box01 {
	text-align:left;
	font-size: 15px;
	color:#000080;
	font-weight:bold;
	margin-bottom: 3px;
	padding-bottom: 3px;
	border-bottom:1px solid #cecece;
}
.flowbox_01 {
	background: url(../images/english/service/roundedcornr_722410_tl.png) no-repeat top left;
}
.flowbox_top_01 {
	background: url(../images/english/service/roundedcornr_722410_tr.png) no-repeat top right;
}
.flowbox_bottom_01 {
	background: url(../images/english/service/roundedcornr_722410_bl.png) no-repeat bottom left;
}
.flowbox_bottom_01 div {
	background: url(../images/english/service/roundedcornr_722410_br.png) no-repeat bottom right;
}
.flowbox_content_01 {
	background: url(../images/english/service/roundedcornr_722410_r.png) top right repeat-y;
}

.flowbox_top_01 div,.flowbox_top_01,
.flowbox_bottom_01 div, .flowbox_bottom_01 {
	width: 100%;
	height: 30px;
	font-size: 1px;
}
.flowbox_content_01, .flowbox_bottom_01 {
	margin-top: -19px;
}
.flowbox_content_01 { padding: 0 15px; }