@charset "utf-8";



/* ------reset------ */
html{
	margin:0px;
	padding:0px;
}

body {
	text-align:center;
	margin:0px auto 0px auto;
	padding:0px;
	background:url(body_base.jpg) repeat-x;
	font-size:100%;
	color:#333333;
	font-family:Arial, Helvetica, sans-serif;
}

img {
	border:none;
}

ul {
	list-style-type:none;
	margin:0px;
	padding:0px;
}

li {
	list-style-type:none;
	margin:0px;
	padding:0px;
}

h1, h2, h3, h4, h5, h6 {
	font-size:100%;
	line-height:1.0;
	margin:0px;
	padding:0px;
}

dl, dd, dt{
	margin:0px;
	padding:0px;
}

div, p, a{
	margin:0px;
	padding:0px;
}

h1{
	color:#a9a9a9;
	visibility:hidden;
	height:8px;
	font-size:8px;
}

h2.sizai{
	background:url(h2_base.gif) no-repeat;
	padding:30px;
	padding-left:50px;
	border:1px solid #cccccc;
	font-size:1.2em;
	margin-top:5px;
	}
h2.kohou{
	background:url(h2_kohou.gif) no-repeat;
	padding:30px;
	padding-left:50px;
	border:1px solid #cccccc;
	font-size:1.2em;
	margin-top:5px;
	}
h3{margin-top:10px; margin-bottom:10px;}
h3 span{visibility:hidden;}
sup{font-size:0.7em;}
h4{
	color:#333333;
	font-size:1.2em;
	border-bottom:2px solid #666666; 
	padding:2px;
	margin-bottom:10px; 
	font-weight:normal;
	}
h4.border{
	color:#333333;
	font-size:1.2em;
	border-top:1px solid #54647e; 
	border-bottom:1px solid #54647e; 
	border-right:1px solid #54647e; 
	border-left:10px solid #54647e; 
	padding:12px;
	margin:0px;
	margin-top:10px; 
	font-weight:normal;
	line-height:150%;
	}
.h4-5 img { float:right }


h5.under{
	color:#54647e;
	font-size:1.2em;
	border-bottom:1px solid #54647e;
	border-right:1px solid #54647e;
	border-left:10px solid #54647e; 
	padding:12px;
	margin:0px;
	font-weight:bold;
	line-height:160%;
	}
h5.back {
	padding-left:6px;
	padding-top:5px;
	padding-bottom:5px;
	margin:0px;
	font-size:1em;
	font-weight:bold;
	line-height:26px;
	background:url(h6_back.jpg) repeat-y;
	}
h6.h6back {
	width:600px;
	height:26px;
	padding-left:6px;
	margin:0px;
	font-size:1em;
	font-weight:bold;
	line-height:26px;
	background:url(h6_back.jpg) repeat-y;
	}

td{line-height:140%; font-size:0.9em;}
*html td{font-size:13px;}
.red{color:#F00;}

/* ----end reset------ */

/* ------common----- */

#outerGroup{
	background-color:#FFFFFF;
	margin:0 auto;
	padding:0;
	width:781px;
	text-algin:left;
	background:url(base.gif) repeat-y;
}



/* ------header----- */
#outerGroup #rogoArea{position:relative; background:url(logo.png) no-repeat; height:32px;}
#rogoArea #langS{position:absolute; top:2px; left:586px; height:32px;}
#langS a:hover img{
   filter:alpha(opacity=50); /*←ie*/
   -moz-opacity:0.50; /*←Mozilla*/
   opacity:0.5;
}


#outerGroup #rogo{
	position:relative;
	padding:0;
	width:781px; height:32px;
}
#outerGroup #rogo #home{position:absolute;top:0; left:0;}

#rogo a span{
	visibility:hidden;
}
#rogo .lang a{
	display:block;
	margin-left:701px;
	padding:0px;
	height:18px;
	width:80px;
	text-decoration:none;
	background:url(japanese.gif) no-repeat left top;
}

#rogo .lang a:hover{
	display:block;
	padding:0px;
	height:18px;
	width:80px;
	background:url(japanese.gif) no-repeat right bottom;
}

#outerGroup #header{
	margin:0 auto;
	padding:0;
	height:25px;
}
#header ul{
	margin:0px;
	list-style-type:none;
	padding-right:2px;
	height:15px;
}

#header ul li{
	float:right;
	padding:0;
}

#header ul li span { visibility:hidden; }

#header ul li a{
	display:block;
	text-decoration:none;
	font-size:11px;
}

#header li#h01 a{
	display:block;
	height:15px;
	width:156px;
	background:url(h01.gif) no-repeat left top;
}

#header li#h01 a:hover{
	display:block;
	height:15px;
	width:156px;
	background:url(h01.gif) no-repeat right bottom;
}
#header li#h02 a{
	display:block;
	padding:0;
	height:15px;
	width:200px;
	background:url(h02.gif) no-repeat left top;
}

#header li#h02 a:hover{
	display:block;
	padding:0;
	height:15px;
	width:200px;
	background:url(h02.gif) no-repeat left bottom;
}
#header li#h03 a{
	display:block;
	padding:0;
	height:15px;
	width:80px;
	background:url(h03.gif) no-repeat left top;
}

#header li#h03 a:hover{
	display:block;
	padding:0;
	height:15px;
	width:80px;
	background:url(h03.gif) no-repeat right bottom;
}

/* -----global navi------ */
#navi{
	margin:0;
	padding:0;
	width:781px;
	height:54px;
	background:url(navi_base.jpg) no-repeat;
}

#navi ul{
	margin:0;
	padding:0;
	list-style:none;
}


#navi li{
	margin:0;
	padding:0;
	float:left;
}

#navi ul li span { visibility:hidden; }
#navi li a{
	display:block;
	text-decoration:none;
}

#navi li#n01 a{
	display:block;
	margin:0;
	padding:0;
	height:54px;
	width:194px;
	background:url(n01.jpg) no-repeat left top;
}
#navi li#n01 a:hover{
	display:block;
	margin:0;
	padding:0;
	height:54px;
	width:194px;
	background:url(n01.jpg) no-repeat left bottom;
}
#navi li#n011 a{
	display:block;
	margin:0;
	padding:0;
	height:54px;
	width:194px;
	background:url(n01.jpg) no-repeat left bottom;
}
#navi li#n02 a{
	display:block;
	margin:0;
	padding:0;
	height:54px;
	width:197px;
	background:url(n02.jpg) no-repeat left top;
}
#navi li#n02 a:hover{
	display:block;
	margin:0;
	padding:0;
	height:54px;
	width:197px;
	background:url(n02.jpg) no-repeat left bottom;
}
#navi li#n021 a:hover{
	display:block;
	margin:0;
	padding:0;
	height:54px;
	width:197px;
	background:url(n02.jpg) no-repeat left bottom;
}
#navi li#n03 a{
	display:block;
	margin:0;
	padding:0;
	height:54px;
	width:196px;
	background:url(n03.jpg) no-repeat left top;
}
#navi li#n03 a:hover{
	display:block;
	margin:0;
	padding:0;
	height:54px;
	width:196px;
	background:url(n03.jpg) no-repeat left bottom;
}
#navi li#n031 a{
	display:block;
	margin:0;
	padding:0;
	height:54px;
	width:196px;
	background:url(n03.jpg) no-repeat left bottom;
}
#navi li#n04 a{
	display:block;
	margin:0;
	padding:0;
	height:54px;
	width:194px;
	background:url(n04.jpg) no-repeat left top;
}
#navi li#n04 a:hover{
	display:block;
	margin:0;
	padding:0;
	height:54px;
	width:194px;
	background:url(n04.jpg) no-repeat left bottom;
}
#navi li#n041 a{
	display:block;
	margin:0;
	padding:0;
	height:54px;
	width:194px;
	background:url(n04.jpg) no-repeat left bottom;
}


/* ------end grobal navi------ */

/* -----CORPORATE navi------ */
#corp_navi{
	margin:0;
	padding:0;
	width:720px;
	height:20px;
}

#corp_navi ul{
	margin:0;
	padding:0;
	list-style:none;
}


#corp_navi li{
	margin:0;
	padding:0;
	float:left;
}

#corp_navi ul li span { visibility:hidden; }
#corp_navi li a{
	display:block;
	text-decoration:none;
}

#corp_navi li#a01 a{
	display:block;
	margin:0;
	padding:0;
	height:20px;
	width:178px;
	background:url(a01.gif) no-repeat left top;
}
#corp_navi li#a01 a:hover{
	display:block;
	margin:0;
	padding:0;
	height:20px;
	width:178px;
	background:url(a01.gif) no-repeat left bottom;
}
#corp_navi li#a02 a{
	display:block;
	margin:0;
	padding:0;
	height:20px;
	width:181px;
	background:url(a02.gif) no-repeat left top;
}
#corp_navi li#a02 a:hover{
	display:block;
	margin:0;
	padding:0;
	height:20px;
	width:181px;
	background:url(a02.gif) no-repeat left bottom;
}
#corp_navi li#a03 a{
	display:block;
	margin:0;
	padding:0;
	height:20px;
	width:183px;
	background:url(a03.gif) no-repeat left top;
}
#corp_navi li#a03 a:hover{
	display:block;
	margin:0;
	padding:0;
	height:20px;
	width:183px;
	background:url(a03.gif) no-repeat left bottom;
}
#corp_navi li#a04 a{
	display:block;
	margin:0;
	padding:0;
	height:20px;
	width:178px;
	background:url(a04.gif) no-repeat left top;
}
#corp_navi li#a04 a:hover{
	display:block;
	margin:0;
	padding:0;
	height:20px;
	width:178px;
	background:url(a04.gif) no-repeat left bottom;
}

/* -----CORPRATE navi------ */



/* -----title------ */
#title{ 
	clear:both;
	width:781px;
}
#bread{
	text-align:right;
	margin-top:5px;
	font-size:0.8em;
	width:781px;
}
#bread a{ 
	color:#4e76b4;
	text-decoration:none;
}
#bread a:hover{ 
	color:#333333;
	text-decoration:none;
	background:#99CCFF;
}
#bread .top a{ 
	text-decoration:none;
	background:#7c92a3;
	color:#ffffff;
	font-weight:bold;
	padding:2px 5px;
}
#bread .top a:hover{ 
	text-decoration:none;
	background:#b8c5cd;
	color:#ffffff;
	font-weight:bold;
	padding:2px 5px;
}


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

/* ------page_title_building------ */

#page_title{
	float:left;
	width:260px;
	height:211px;
	text-align:center;
	font-size:13px;
	line-height:110%;
	font-weight:bold;
	padding-top:35px;
	background:url(building_title.jpg) no-repeat;
 }

#page_navi{
	float:right;
	width:450px;

}
#page_navi ul{
	margin:0;
	padding:0;
	list-style:none;
}


#page_navi li{
	margin:0;
	padding:0;
}

#page_navi ul li span { visibility:hidden; }
#page_navi li a{
	display:block;
	text-decoration:none;
}
#page_navi li#b011 a{
	display:block;
	margin:0;
	padding:0;
	height:21px;
	width:450px;
	background:url(b011.gif) no-repeat left top;
}
#page_navi li#b011 a:hover{
	display:block;
	margin:0;
	padding:0;
	height:21px;
	width:450px;
	background:url(b011.gif) no-repeat right bottom;
}
#page_navi li#b01 a{
	display:block;
	margin:0;
	padding:0;
	height:21px;
	width:450px;
	background:url(b01.gif) no-repeat left top;
}
#page_navi li#b01 a:hover{
	display:block;
	margin:0;
	padding:0;
	height:21px;
	width:450px;
	background:url(b01.gif) no-repeat right bottom;
}

#page_navi li#b02 {
	display:block;
	margin:0;
	padding:0;
	height:21px;
	width:450px;
	background:url(b02.gif) no-repeat left top;
}

/* ------AND MORE------ */

#page_navi li#b02-1 a{
	display:block;
	margin:0;
	padding:0;
	height:21px;
	width:450px;
	background:url(b02-1.gif) no-repeat left top;
}
#page_navi li#b02-1 a:hover{
	display:block;
	margin:0;
	padding:0;
	height:21px;
	width:450px;
	background:url(b02-1.gif) no-repeat right bottom;
}
#page_navi li#b02-2 a{
	display:block;
	margin:0;
	padding:0;
	height:20px;
	width:450px;
	background:url(b02-2.gif) no-repeat left top;
}
#page_navi li#b02-2 a:hover{
	display:block;
	margin:0;
	padding:0;
	height:20px;
	width:450px;
	background:url(b02-2.gif) no-repeat right bottom;
}

#page_navi li#b02-3 a{
	display:block;
	margin:0;
	padding:0;
	height:21px;
	width:450px;
	background:url(b02-3.gif) no-repeat left top;
}
#page_navi li#b02-3 a:hover{
	display:block;
	margin:0;
	padding:0;
	height:21px;
	width:450px;
	background:url(b02-3.gif) no-repeat right bottom;
}
#page_navi li#b02-4 a{
	display:block;
	margin:0;
	padding:0;
	height:20px;
	width:450px;
	background:url(b02-4.gif) no-repeat left top;
}
#page_navi li#b02-4 a:hover{
	display:block;
	margin:0;
	padding:0;
	height:20px;
	width:450px;
	background:url(b02-4.gif) no-repeat right bottom;
}
#page_navi li#b02-5 a{
	display:block;
	margin:0;
	padding:0;
	height:20px;
	width:450px;
	background:url(b02-5.gif) no-repeat left top;
}
#page_navi li#b02-5 a:hover{
	display:block;
	margin:0;
	padding:0;
	height:20px;
	width:450px;
	background:url(b02-5.gif) no-repeat right bottom;
}
#page_navi li#b02-6 a{
	display:block;
	margin:0;
	padding:0;
	height:20px;
	width:450px;
	background:url(b02-6.gif) no-repeat left top;
}
#page_navi li#b02-6 a:hover{
	display:block;
	margin:0;
	padding:0;
	height:20px;
	width:450px;
	background:url(b02-6.gif) no-repeat right bottom;
}


#page_navi li#b03 a{
	display:block;
	margin:0;
	padding:0;
	height:22px;
	width:450px;
	background:url(b03.gif) no-repeat left top;
}
#page_navi li#b03 a:hover{
	display:block;
	margin:0;
	padding:0;
	height:22px;
	width:450px;
	background:url(b03.gif) no-repeat right bottom;
}

#page_navi li#b04 a{
	display:block;
	margin:0;
	padding:0;
	height:24px;
	width:450px;
	background:url(b04.gif) no-repeat left top;
}
#page_navi li#b04 a:hover{
	display:block;
	margin:0;
	padding:0;
	height:24px;
	width:450px;
	background:url(b04.gif) no-repeat right bottom;
}

#page_navi li#b05 a{
	display:block;
	margin:0;
	padding:0;
	height:21px;
	width:450px;
	background:url(b05.gif) no-repeat left top;
}
#page_navi li#b05 a:hover{
	display:block;
	margin:0;
	padding:0;
	height:21px;
	width:450px;
	background:url(b05.gif) no-repeat right bottom;
}

#page_navi li#sur011 a{
	display:block;
	margin:0;
	padding:0;
	height:22px;
	width:450px;
	background:url(sur011.gif) no-repeat left top;
}
#page_navi li#sur011 a:hover{
	display:block;
	margin:0;
	padding:0;
	height:22px;
	width:450px;
	background:url(sur011.gif) no-repeat right bottom;
}

#page_navi li#sur02 a{
	display:block;
	margin:0;
	padding:0;
	height:22px;
	width:450px;
	background:url(sur02.gif) no-repeat left top;
}
#page_navi li#sur02 a:hover{
	display:block;
	margin:0;
	padding:0;
	height:22px;
	width:450px;
	background:url(sur02.gif) no-repeat right bottom;
}

#page_navi li#che011 a{
	display:block;
	margin:0;
	padding:0;
	height:22px;
	width:450px;
	background:url(che011.gif) no-repeat left top;
}
#page_navi li#che011 a:hover{
	display:block;
	margin:0;
	padding:0;
	height:22px;
	width:450px;
	background:url(che011.gif) no-repeat right bottom;
}

#page_navi li#che02 a{
	display:block;
	margin:0;
	padding:0;
	height:22px;
	width:450px;
	background:url(che02.gif) no-repeat left top;
}
#page_navi li#che02 a:hover{
	display:block;
	margin:0;
	padding:0;
	height:22px;
	width:450px;
	background:url(che02.gif) no-repeat right bottom;
}
/* ------end page_title------ */
	

/* ------page_title_CIVIL ENGINEERING ------ */

#page_title_c{
	float:left;
	width:260px;
	height:130px;
	text-align:center;
	vertical-align:middle;
	font-size:13px;
	line-height:110%;
	font-weight:bold;
	padding-top:5px;
	background:url(civil_title.jpg) no-repeat;
	margin-bottom:10px;
}

#page_navi li#c011 a{
	display:block;
	margin:0;
	padding:0;
	height:22px;
	width:450px;
	background:url(c011.gif) no-repeat left top;
}
#page_navi li#c011 a:hover{
	display:block;
	margin:0;
	padding:0;
	height:22px;
	width:450px;
	background:url(c011.gif) no-repeat right bottom;
}
#page_navi li#c01 a{
	display:block;
	margin:0;
	padding:0;
	height:22px;
	width:450px;
	background:url(c01.gif) no-repeat left top;
}
#page_navi li#c01 a:hover{
	display:block;
	margin:0;
	padding:0;
	height:22px;
	width:450px;
	background:url(c01.gif) no-repeat right bottom;
}
#page_navi li#c02 a{
	display:block;
	margin:0;
	padding:0;
	height:22px;
	width:450px;
	background:url(c02.gif) no-repeat left top;
}
#page_navi li#c02 a:hover{
	display:block;
	margin:0;
	padding:0;
	height:22px;
	width:450px;
	background:url(c02.gif) no-repeat right bottom;
}
#page_navi li#c03 a{
	display:block;
	margin:0;
	padding:0;
	height:22px;
	width:450px;
	background:url(c03.gif) no-repeat left top;
}
#page_navi li#c03 a:hover{
	display:block;
	margin:0;
	padding:0;
	height:22px;
	width:450px;
	background:url(c03.gif) no-repeat right bottom;
}
#page_navi li#c04 a{
	display:block;
	margin:0;
	padding:0;
	height:22px;
	width:450px;
	background:url(c04.gif) no-repeat left top;
}
#page_navi li#c04 a:hover{
	display:block;
	margin:0;
	padding:0;
	height:22px;
	width:450px;
	background:url(c04.gif) no-repeat right bottom;
}
#page_navi li#c05 a{
	display:block;
	margin:0;
	padding:0;
	height:22px;
	width:450px;
	background:url(c05.gif) no-repeat left top;
}
#page_navi li#c05 a:hover{
	display:block;
	margin:0;
	padding:0;
	height:22px;
	width:450px;
	background:url(c05.gif) no-repeat right bottom;
}
#page_navi li#c06 a{
	display:block;
	margin:0;
	padding:0;
	height:20px;
	width:450px;
	background:url(c06.gif) no-repeat left top;
}
#page_navi li#c06 a:hover{
	display:block;
	margin:0;
	padding:0;
	height:20px;
	width:450px;
	background:url(c06.gif) no-repeat right bottom;
}


/* ------end page_title CIVIL------ */






/* ------content----- */
#outerGroup #content{
	margin:0;
	padding:10px 30px 30px 30px;
	font-size:0.9em;
	text-align:left;
}
#content a{ 
	margin:0;
	padding:0;
	color:#4e76b4;
	text-decoration:none;
	height:15px;
}
#content a:hover{ 
	margin:0;
	padding:0;
	color:#333333;
	text-decoration:none;
	background:#99CCFF;
	height:15px;
}
#content a.nasi{ 
	color:#4e76b4;
	text-decoration:none;
}
#content a.nasi:hover{ 
	color:#333333;
	text-decoration:none;
	background:none;
}

#content ul{
	margin:0;
	padding:0;
	list-style:none;
}
#content li{
	margin:0;
	padding:0;
	float:left;
}
#content ul li span { visibility:hidden; }
#content li a{
	display:block;
	text-decoration:none;
}
#content li#ton a{ /* -----tonel----- */
	display:block;
	height:25px;
	width:193px;
	margin-bottom:20px;
	background:url(ton.gif) no-repeat left top;
}
#content li#ton a:hover{
	display:block;
	height:25px;
	width:193px;
	margin-bottom:20px;
	background:url(ton.gif) no-repeat left bottom;
}
#content li#ken a{ /* -----kentiku----- */
	display:block;
	height:25px;
	width:193px;
	margin-bottom:20px;
	background:url(ken.gif) no-repeat left top;
}
#content li#ken a:hover{
	display:block;
	height:25px;
	width:193px;
	margin-bottom:20px;
	background:url(ken.gif) no-repeat left bottom;
}
#content li#jirei a{ /* -----jirei----- */
	display:block;
	height:25px;
	width:193px;
	margin-bottom:20px;
	background:url(jirei.gif) no-repeat left top;
}
#content li#jirei a:hover{
	display:block;
	height:25px;
	width:193px;
	margin-bottom:20px;
	background:url(jirei.gif) no-repeat left bottom;
}
#content li#syouhin a{ /* -----syouhin_itiran----- */
	display:block;
	margin-left:171px;
	height:25px;
	width:86px;
	background:url(syouhin.gif) no-repeat left top;
}
#content li#syouhin a:hover{
	display:block;
	margin-left:171px;
	height:25px;
	width:86px;
	background:url(syouhin.gif) no-repeat left bottom;
}
#content li#kouhou a{ /* -----kouhou_itiran----- */
	display:block;
	height:25px;
	width:84px;
	background:url(kouhou.gif) no-repeat left top;
}
#content li#kouhou a:hover{
	display:block;
	height:25px;
	width:84px;
	background:url(kouhou.gif) no-repeat left bottom;
}
#content li#itiran a{ /* -----kouji_itiran----- */
	display:block;
	height:25px;
	width:88px;
	background:url(itiran.gif) no-repeat left top;
}
#content li#itiran a:hover{
	display:block;
	height:25px;
	width:88px;
	background:url(itiran.gif) no-repeat left bottom;
}
#content li#catalog a{  /* -----catalog----- */
	display:block;
	height:25px;
	width:96px;
	background:url(catalog.gif) no-repeat left top;
}

#content li#catalog a:hover{
	display:block;
	height:25px;
	width:96px;
	background:url(catalog.gif) no-repeat left bottom;
}
#content p{padding:10px; line-height:140%;}


#content a.top{
	display:block;
	margin-left:639px;
	width:80px;
	height:18px;
	background:url(top.gif) no-repeat left top;
	text-decoration:none;
	}
#content a.top:hover{
	display:block;
	margin-left:639px;
	width:80px;
	height:18px;
	background:url(top.gif) no-repeat right bottom;
	text-decoration:none;
}


table.syousai{
	border-left:1px solid #999999;
	border-top:1px solid #999999;
	margin:0; text-align:center;
}
.syousai caption {
	text-indent:1em; line-height:2em;
	color:#ffffff;
	background-color:#768BA0;
	caption-side: top; text-align: left;
}
.syousai caption.unit {
	width:100%; height:1.2em; padding-left:1em;
	color:#ffffff;
	background:#768BA0 url(unit.gif) no-repeat right top;
	caption-side: top; text-align: left;
}
.syousai th{
	background:#D8DEE4;
	font-weight:normal;
	border-right:1px solid #999999;
	border-bottom:1px solid #999999;
	font-size:0.9em; white-space: nowrap;
}
.syousai td{
	border-right:1px solid #999999;
	border-bottom:1px solid #999999;
	font-size:0.9em;
}

.syousai caption.none {
	width:100%; padding-left:1em;
	color:#333333; font-weight:bold;
	background-color:#ffffff;
	caption-side: top; text-align: left;
}

.title{
	width:350px; height:1.5em; 	text-indent:1em;
	color:#ffffff;
	background-color:#20827D;
	caption-side: top; text-align: left;
	margin-bottom:10px;
}
.title2{
	float:left;
	width:720px;
	padding-top:3px;
	height:1.5em;
	color:#ffffff;
	background-color:#20827D;
	margin-bottom:10px;
}
.title2 .hidari{width:400px; float:left; padding-left:10px;}
.title2 .migi{width:300px; float:left; text-align:right;}
table.syousai2{
	border-left:1px solid #999999;
	border-top:1px solid #999999;
	margin:0; text-align: center;
}
.syousai2 caption {
	width:100%; height:1.2em; 	text-indent:1em;
	color:#ffffff;
	background-color:#20827D;
	caption-side: top; text-align: left;
}
.syousai2 th{
	background:#B7D7D8;
	font-weight:normal;
	border-right:1px solid #999999;
	border-bottom:1px solid #999999;
	font-size:0.9em;
}
.syousai2 td{
	border-right:1px solid #999999;
	border-bottom:1px solid #999999;
	font-size:0.9em;
}

table.syousai2b{
	border:none;
	margin:0;
}
.syousai2b caption {
	text-indent:1em; line-height:2em;
	color:#ffffff;
	background-color:#20827D;
	caption-side: top; text-align: left;
}

table.cap-only caption{
	padding:2px 0px 2px 1em;
	color:#ffffff;
	background-color:#768BA0;
	caption-side: top; text-align: left;
}






.blue {background:#e6f1f7;}
.yellow {background:#FFFFBF;}
.tw { color:#FFFFFF }
.ty { color:#FFFFBF }
.tg { color:#D8DEE4 }
.tb { color:#e6f1f7 }

.syousai p{padding:5px; line-height:140%;}
.syousai2 p{padding:5px; line-height:140%;}



/* -----end syouhin_syousai----- */
 
 /* -----corprate----- */
 .cap{font-size:0.8em;}
 .dai{font-size:1.1em;}
 .sub{margin-top:10px; margin-bottom:10px;}
 .sitasen td{border-bottom:1px solid #999999; font-size:13px;}
 .alpha li{clear:both; list-style-type:lower-alpha; line-height:140%;}
 .zensen {border:1px solid #d3d6e7; margin-bottom:10px;}
 .sitasen td.sitanasi{border-bottom:1px solid #ffffff;}
 /* -----end corprate----- */

 /* -----kohou_sekoujirei----- */
table.kohou{
	border-top:1px solid #cccccc;
	border-left:1px solid #cccccc;
	margin:0;
}
.kohou td{
	border-right:1px solid #cccccc;
	border-bottom:1px solid #cccccc;
	font-size:0.9em;
	padding:5px;
}
.kohou th{
	background:#b0a67b;
	font-weight:normal;
	color:#ffffff;
	border-top:1px solid #cccccc;
	border-right:1px solid #cccccc;
	border-bottom:1px solid #cccccc;
	font-size:0.9em;
	padding:5px;
	text-align:left;
}
p#contact a{
	clear:both;
	display:block;
	height:46px;
	width:190px;
	margin-left:530px;
	margin-top:10px;
	background:url(contact.jpg) no-repeat left top;
}

p#contact a:hover{
	display:block;
	height:46px;
	width:190px;
	background:url(contact.jpg) no-repeat right bottom;
}


.ind {font-size:12px; padding-left:4px; line-height:100%;}


table.notice	{
		width:680px; font-size:1.1em;
}



 /* -----endkohou_sekoujirei----- */



 /* -----CIVIL ENGINEERING----- */

table.c_box1	{
	margin:20px auto; padding:0; width:600px; height:240px; text-align:left;
	border-left:1px #D3D6E7 solid;
	background:url(c_box10.jpg) repeat-x top left;
}
table.c_box1 th	{
	margin:0; padding-left:12px; width:600px; height:27px;
	font-size:14px;
}
table.c_box2	{
	margin:20px auto; padding:0; width:600px; height:200px; text-align:left;
	border-left:1px #D3D6E7 solid;
	background:url(c_box20.jpg) repeat-x top left;
}
table.c_box2 th	{
	margin:0; padding-left:12px; width:600px; height:27px;
	font-size:14px;
}
table.c_box3	{
	margin:20px auto; padding:0; width:600px; height:170px; text-align:left;
	border-left:1px #D3D6E7 solid;
	background:url(c_box30.jpg) repeat-x top left;
}
table.c_box3 th	{
	margin:0; padding-left:12px; width:600px; height:27px;
	font-size:14px;
}
table.c_box4	{
	margin:20px auto; padding:0; width:600px; height:220px; text-align:left;
	border-left:1px #D3D6E7 solid;
	background:url(c_box40.jpg) repeat-x top left;
}
table.c_box4 th	{
	margin:0; padding-left:12px; width:600px; height:27px;
	font-size:14px;
}
table.c_box5	{
	margin:20px auto; padding:0; width:600px; height:250px; text-align:left;
	border-left:1px #D3D6E7 solid;
	background:url(c_box50.jpg) repeat-x top left;
}
table.c_box5 th	{
	margin:0; padding-left:12px; width:600px; height:27px;
	font-size:14px;
}


#content p.maru {
	margin:0; padding:2px 0px 2px 18px; background-color:none; background:url(maru.gif) no-repeat 0 7px; 
}


#subNavi{margin-top:5px; display:inline;}
#subNavi a{font-size:14px; background:url(sankaku.gif) no-repeat #DDECF0; padding-left:20px; line-height:140%;}
#subNavi a:hover{font-size:14px; padding-left:20px;  background:url(sankaku.gif) no-repeat #99CCFF;}
#subNavi .red{background:url(sankaku.gif) no-repeat #FFCC99;}

 /* -----end CIVIL ENGINEERING----- */





 /* ----end content----- */

/* -----footer------ */
#footer{
		background:url(footer.gif) no-repeat;
		width:781px;
		height:136px;
}
a span{visibility:hidden;}
#footer a.top{
	display:block;
	margin-left:701px;
	width:80px;
	height:18px;
	background:url(top.gif) no-repeat left top;
	text-decoration:none;
	}
#footer a.top:hover{
	display:block;
	margin-left:701px;
	width:80px;
	height:18px;
	background:url(top.gif) no-repeat right bottom;
	text-decoration:none;
	}
#footer ul{
	margin:0;
	margin-top:10px;
	height:23px;
	list-style-type:none;
	padding-right:0px;
}

#footer ul li{
	float:right;
	padding:0;
}

#footer ul li span { visibility:hidden; }

#footer ul li a{
	display:block;
	text-decoration:none;
}

#footer li#f01 a{
	display:block;
	padding:0px;
	height:23px;
	width:76px;
	background:url(f01.gif) no-repeat left top;
}

#footer li#f01 a:hover{
	display:block;
	padding:0px;
	height:23px;
	width:76px;
	background:url(f01.gif) no-repeat left bottom;
}

#footer li#f02 a{
	display:block;
	padding:0px;
	height:23px;
	width:88px;
	background:url(f02.gif) no-repeat left top;
}

#footer li#f02 a:hover{
	display:block;
	padding:0px;
	height:23px;
	width:88px;
	background:url(f02.gif) no-repeat right bottom;
}
#footer li#f03 a{
	display:block;
	padding:0px;
	height:23px;
	width:93px;
	background:url(f03.gif) no-repeat left top;
}

#footer li#f03 a:hover{
	display:block;
	padding:0px;
	height:23px;
	width:93px;
	background:url(f03.gif) no-repeat left bottom;
}
#footer li#f04 a{
	display:block;
	padding:0px;
	height:23px;
	width:96px;
	background:url(f04.gif) no-repeat left top;
}

#footer li#f04 a:hover{
	display:block;
	padding:0px;
	height:23px;
	width:96px;
	background:url(f04.gif) no-repeat left bottom;
}






	
@media print{
body{background:#ffffff;}
#outerGroup{background:none;width:750px;}
#kensaku{display:none;}
#header{display:none;}
#title{display:none;}
#navi{display:none;}
#subnavi{display:none;}
#outerGroup #content{background:none;padding:20px;}
#footer{display:none;}
}

/* mail form */
ol.privacyNumber li{ list-style-type:decimal; margin-bottom:1em !important; float:none !important;}

.contactBtn { margin-left:2em;}
.contactBtn a{ display:inline-block; width:80px; height:20px !important; padding:2px 1em !important; background:#2CA6E0; color:#fff !important; text-align:center; border-radius:6px; -webkit-border-radius:6px; -moz-border-radius:6px; }

.returnBtn { margin-left:2em;}
.returnBtn a{ display:inline-block; height:20px !important; padding:2px 1em !important; border:1px #2CA6E0 solid; color:#2CA6E0 !important; text-align:center; border-radius:6px; -webkit-border-radius:6px; -moz-border-radius:6px; }

.redText { color:#f33;}

a.privacy{display:inline !important;}