@charset "utf-8";





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

	Common

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



/* Title */

.ttlIndex {

	background: url("../images/h_service.gif") no-repeat 0 0;

	text-indent: -9999px;

}









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

	Design Common

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



/* Common */

.serviceBox {

	margin: 0 0 30px 0;

	}

.serviceBox .left {

	float: left;

	}

.serviceBox .right {

	float: right;

	}

.serviceBox img.left {

	float: left;

	margin-right: 20px;

	}

.serviceBox img.right {

	float: right;

	margin-left: 20px;

	}



/* Navi */

.designNavi {

	margin: 0 0 30px 0;

}

.designNavi ul {

	margin: 0 auto;

	width: 500px;

	height: 44px;

}



.designNavi ul li {

	float: left;

	overflow: hidden;

	}

.designNavi ul li a {

	display: block;

	height: 44px;

	text-indent: -9999px;

	}

.designNavi ul li#design00 a,

.designNavi ul li#design05 a {

	width: 91px;

	}

.designNavi ul li#design01 a,

.designNavi ul li#design02 a,

.designNavi ul li#design03 a,

.designNavi ul li#design04 a {

	width: 92px;

	}

.designNavi ul li#design00 a {

	background: url("../images/des_nav00.gif") no-repeat;

	}

.designNavi ul li#design01 a {

	background: url("../images/des_nav01.gif") no-repeat;

	}

.designNavi ul li#design02 a {

	background: url("../images/des_nav02.gif") no-repeat;

	}

.designNavi ul li#design03 a {

	background: url("../images/des_nav03.gif") no-repeat;

	}

.designNavi ul li#design04 a {

	background: url("../images/des_nav04.gif") no-repeat;

	}

.designNavi ul li#design05 a {

	background: url("../images/des_nav05.gif") no-repeat;

	}

.designNavi ul li.active a {

	background-position: 0 -44px !important;

}



.designNavi ul li a:hover {

	background-position: 0 -44px !important;

	text-decoration: none;

}









/* Flow Table */

.flowTblWrap {

	margin-bottom: 40px;

	width: 500px;

	background: url("../images/flow_bg.gif") repeat-y 0 0;

	}

.flowTbl {

	font-size: 75%;

	line-height: 1.8;

	background: url("../images/flow_top.gif") no-repeat 0 0;

	}

.flowTbl,

.flowTbl th,

.flowTbl td {

	border: none;

	}

.flowTbl th{

	padding: 13px 0 45px 0;

	width: 132px;

	text-align: center;

	color: #ffffff;

	font-weight: bold;

	background: url("../images/flow_btm1.gif") no-repeat left bottom;

	}

.flowTbl td{

	padding: 13px 10px 45px 10px;

	background: url("../images/flow_btm2.gif") no-repeat left bottom;

	}

.flowTbl tr.top th{

	padding-top: 17px;

	}

.flowTbl tr.top td{

	padding-top: 17px;

	}

.flowTbl tr.bottom th{

	padding-bottom: 14px;

	background: url("../images/flow_btm3.gif") no-repeat left bottom;

	}

.flowTbl tr.bottom td{

	padding-bottom: 14px;

	background: url("../images/flow_btm3.gif") no-repeat right bottom;

	}

.flowTbl tr.bottom td table td{

	padding: 0;

	background: none;

	}

.flowTbl td strong.dot {

	display: block;

	margin: 15px 0 5px 0;

	width: 100%;

	padding: 0;

	background: url("../../images/tdot.gif") repeat-x left bottom;

	}

.flowTbl td .blue {

	color: #0066CC;

	}

.flowTbl table td {

	background: none;

	padding: 0;

	}





/* Works List  */

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



table.worksList,

table.worksList td {

	border: none;

	}

table.worksList {

	margin: 5px 0 30px 0;

	background: url("../../images/btnnav_line1.gif") no-repeat;

	}

table.worksList td {

	vertical-align: top;

	padding: 15px 0;

	background: url("../../images/btnnav_line2.gif") repeat-x left bottom;

	}

table.worksList img {

	float: left;

	margin: 0 8px 0 0;

	}

table.worksList dl {

	float: none;

	/*\*/ float: left; /* */

	_float: none;

	width: 148px;

	font-size: 75%;

	}

table.worksList dt {

	padding: 0 0 10px 15px;

	line-height: 1.3;

	background: url("../../images/arrow_01.gif") no-repeat 0 3px;

	}

table.worksList dd {

	margin: 0 0 3px 0;

	}

table.worksList td.right img {

	}

h5.workList {

	clear: both;

	font-size: 75%;

	font-weight: bold;

	margin: 0;

	}


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

	ISO

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



/* Layout */

.isoLeft {

	float: right;
width: 280px;

	}

.isoRight {

	float: Left;
　　　　margin: 0 0 0 0;

	}


.dot {

	width: 500px;

	}





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

	Design 01

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

.desiWorkBox {

	margin: 20px 0 0 0;

	padding: 0 0 20px 0;

	background: url("../../images/line_01.gif") repeat-x left bottom;

	}



.desiWorkBox .left {

	float: left;

	width: 180px;

	margin-right: 20px;

	}

.desiWorkBox .right {

	float: left;

	width: 250px;

	}

.desiWorkBox .lead {

	clear: both;

	margin: 0 0 15px 0;

	}

.desiWorkBox h6 {

	padding: 0 0 0 13px;

	font-size: 75%;

	background: url("../../images/arrow_01.gif") 0 2px no-repeat;

	}







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

	Urban

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

.urbanBox {

	margin: 0 0 30px 0;

	}

.urbanBox .left {

	float: left;

	}

.urbanBox .right {

	float: right;

	width: 295px;

	}

.urbanBox dl {

	margin: -15px 0 0 0;

	font-size: 75%;

	}

.urbanBox dt {

	margin: 15px 0 8px 0;

	padding: 0 0 8px 0;

	font-weight: bold;

	background: url("../../images/line_01.gif") repeat-x left bottom;

	}

.urbanBox dd {

	line-height: 1.5;

	

	}



/* Urban Work Table */

table.urbanWorkTbl,

table.urbanWorkTbl td,

table.urbanWorkTbl th {

	border: none;

	}

.urbanWorkTbl {

	font-size: 75%;

	}

.urbanWorkTbl th {

	padding: 5px 0;

	border-bottom: 2px solid #15435E !important;

	}

.urbanWorkTbl td {

	padding: 6px;

	line-height: 1.4;

	background: url("../../images/list_tbl_line3.gif") no-repeat left bottom;

	}

.urbanWorkTbl td.zone {

	background: #f6f6f6 url("../../images/list_tbl_line3.gif") no-repeat right bottom;

	}







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

	Management

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

.manaBox {

	width: 500px;

	}

.manaBox .left {

	float: left;
width: 200px;
	}

.manaBox .right {

	float: right;
width: 300px;

	}











/* clearfix */

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

.workList:after,

.manaBox:after,

.urbanBox:after,

.serviceBox:after,

.desiWorkBox:after,

.designNavi:after,

.clearfix:after {

  content:".";

  display:block;

  height:0;

  clear:both;

  visibility:hidden;

}

  

/* (for IE7 and Mac IE5) */

.workList,

.manaBox,

.urbanBox,

.serviceBox,

.desiWorkBox,

.designNavi,

.clearfix {

	display: inline-block;

}



/* (for IE5-6) */

/* Hides from IE-mac \*/

* html .workList,

* html .manaBox,

* html .urbanBox,

* html .serviceBox,

* html .desiWorkBox,

* html .designNavi,

* html .clearfix {

	height: 1%;

}



.manaBox,

.urbanBox,

.serviceBox,

.desiWorkBox,

.designNavi,

.clearfix {

	display: block;

}

/* End hide from IE-mac */