@import url('reset.css');
@import url('typography.css');

/*=======================*/
/*         BASIC         */
/*=======================*/

html, body{
	width: 100%;
	height: 100%;}

	
/* CONTAINERS - コンテンツ */

.wrapper {
 	min-height: 100%;
 	height: auto !important;
 	height: 100%;
 	width: 1000px;
 	margin: 0px auto -34px;
 	background: url(../images/content_bg.png) center repeat-y;}

.contents {
 	height: 100%;
 	width: 900px;
 	margin: 0px auto 25px;}
 	
#bg{
	position:fixed;
	left: 0;
	top: 0;
	overflow:hidden;
	z-index: -9999;}
	
	#bgimg{	position:fixed }
	
	
/*=======================*/
/*        HEADER         */
/*=======================*/

/* HEADER - ヘッダー */

.header{
	height: 150px;
	width: 900px;
	margin: 0px auto;}
	
	
/* NAV */

.logo {
	width: 315px;
	height: 150px;
	float: left;
	background: url(../images/logo.gif) no-repeat;}

.header_info{
	width: 585px;
	height: 70px;
	float: right;
	background: url(../images/header_info.gif) no-repeat;}
	
.navbar {
	display: block;
	width: 578px;
	height: 70px;
	float: right;
	margin: 0px auto;}
	
	.navbutton {
	 	height: 70px;
		position:relative;
		display:block;
		float: left;}
	
	.navbutton * { display: none;}
	
	span.hover {
		position: absolute;
		top: 0;
		left: 0;
		display: block;}
		
		.top { width: 124px; height: 70px; background:url(../images/nav/navtop.gif); } 
		.top span.hover { width: 124px; height: 70px; background:url(../images/nav/navtop.gif) 0 -70px no-repeat; } 		
		.company { width: 113px; height: 70px; background:url(../images/nav/navcompany.gif); } 	
		.company span.hover { width: 113px; height: 70px; background:url(../images/nav/navcompany.gif) 0 -70px no-repeat; } 	

		.works { width: 113px; height: 70px; background:url(../images/nav/navworks.gif); } 	
		.works span.hover { width: 113px; height: 70px; background:url(../images/nav/navworks.gif) 0 -70px no-repeat; }	

		.results{  width: 113px; height: 70px; background:url(../images/nav/navresults.gif); } 	
		.results span.hover { width: 113px; height: 70px; background:url(../images/nav/navresults.gif) 0 -70px no-repeat; } 	
		
		.contact { width: 115px; height: 70px; background:url(../images/nav/navcontact.gif); } 	
		.contact span.hover { width: 115px; height: 70px; background:url(../images/nav/navcontact.gif) 0 -70px no-repeat; } 	

.banner{
	width:900px;
	height: 265px;
	background: url(../images/banner_shadow.jpg) bottom no-repeat;}
	
.shortbanner{
	width: 900px;
	height: 165px;
	background: url(../images/banner_shadow.jpg) bottom no-repeat;}



/*=======================*/
/*         BODY          */
/*=======================*/

.bigbox{
	width: 848px;
	height: auto;
	border: #999999 1px solid;
	padding: 0px 25px 25px;
	margin-top: 10px;}
	
	.bigbox h1{
		width: 898px;
		height: 48px;
		margin-left: -25px;

		text-align: center;
		background: url(../images/bigbox_header.jpg) top center no-repeat;}
					
.halfbox{
	width: 387px;
	height: auto;
	border: #999999 1px solid;
	padding: 25px 25px 25px;
	margin: 25px 0px 0px;}

	.halfbox h1{
		width: 437px;
		height: 48px;
		margin: -25px -25px 25px;
		text-align: center;
		background: url(../images/bigbox_header.jpg) top left no-repeat;}

	.halfbox h2{
		width: 437px;
		height: 30px;
		margin: -25px 0px 25px -25px;
		text-align: center;
		background: url(../images/halfbox_header.jpg) top center no-repeat;}
		
		.halfbox h2:hover { background: url(../images/halfbox_header_o.jpg) top center no-repeat; }
		
	.halfbox h4{
		margin: -10px 0px 0px;}	


/* padding調整 */
.halfbox img.shovel_car {
	padding: 14px 0 3px !important;
}



/* WORKS - 事業内容 */

.listbox{
	width: 232px;
	height: 104px;
	padding: 10px 25px;
	background: url(../images/works/listbox.gif) no-repeat center;
	float: left;}
	
	.listboxlonger{
		width: 232px;
		height: 150px;
	padding: 10px 25px;
		background: url(../images/works/listboxlonger.gif) no-repeat center;
		float: left;}

.worksimg{
	margin: 0px 0px auto 25px;}	


/* COMPANY - 会社案内 */

.companytable table{ width: 620px; border: solid 1px #c1e1f2;}
.resultstable table{ width: 100%; border: solid 1px #c1e1f2;}

td, th { padding: 10px;  border: solid 1px #c1e1f2;}
th { width: 150px; }
.even, .odd { background: #EBF8FF; }

	.resultstable th, td { width: auto; vertical-align: middle; }
	
.companyimages {
	width: 200px;
	height: auto;
}	


/* NEWS - 最新情報 */

/* ----------------------------------↓CGI 設定↓---------------------------------- */
#cgi{ margin: 0px; }

	#cgi li { line-height: 2em; }

	#cgi table { border: solid 0px #FFF; }
	
	#cgi div{
		font-size: 1em;
		line-height: 1.3em;
		}
	
.cgiNavi{
	color:#000;
	font-size:10px;
	text-align:center;
	margin: 0px;}
	
.cgiH1{
	color:#CC0033;
	font-size:20px;
	font-weight:bold;
	margin: 0px;}
	
.cgiTime{
	color:#555;
	font-size:10px;
	margin: 0px;}
	
.cgiImage{
	float:right;
	margin-left:20px;
	margin-bottom:20px;}
/* ----------------------------------↑CGI 設定ここまで↑-------------------------- */

/* RESULTS - 事業実績 */

.resultsnav{
	width: 100%;
	height: 50px;
	margin-top: 9px;}
	
	.resultsnav li{
		width: 14%;
		text-align: center;
		line-height: 48px;
		border: solid 1px #CCC;
		background: url(../images/resultsnav_bg.gif) repeat-x;
		float: left;}

		.resultsnav li:hover{
			background: url(../images/resultsnav_bg_o.gif) repeat-x;}
			
	.resultsnav a{
		display: block;
		width: 100%;
		height: 100%;}		

/*=======================*/
/*        FOOTER         */
/*=======================*/

/* FOOTER - フッター */

.footer{
	width: 900px;
	height:34px;
	margin: 0px auto;
	background: url(../images/footer_bg.png) center no-repeat;}
	
	.footer li { display: inline; }
	
	.footerspacer { width: 900px; height: 34px; }
	

/*=======================*/
/*         MISC          */
/*=======================*/

hr{
	border: 0;
	height: 2px;
	background: #0080B9;
	margin: 0px 0px 25px;}

.short { height: 167px; } /* Accounts for headers and outline measurements - Main page only トップページの右の方の箱専用 */
.long { height: 445px; } /* Main page left box */
.left { float: left; }
.right { float: right; }
.center { text-align: center; }
.footer .center { margin: 0px auto; }
.last { margin-bottom: 25px; } /* For last block of text before a new section 新セクションの前の一番最後一行の為 */
.companyimg { margin-bottom: 15px; }
.clear { clear: both; }
.clearbg { background: none; }