@charset "utf-8";

/* ---------------------------------------------------
01: Setup
02: CSS Hack
03: Base
04: Individual
--------------------------------------------------- */

/* 01: Setup
--------------------------------------------------- */
* { margin: 0; padding: 0; background-repeat: no-repeat; background-position: 0 0; text-align: left; line-height: 1; }

body {
	color: #333333;
	font-size: 12px;
	font-family: "Hiragino Kaku Gothic Pro", "Hiragino Maru Gothic Pro", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro W3", "ヒラギノ丸ゴ Pro W4", "Hiragino Maru Gothic Pro W4", "MS PGothic", sans-serif; background: #FFFFFF; }
	

h1,
h2,
h3,
h4,
h5,
h6 { font-size: 100%; font-weight: normal; }

h1{ font-size:14px !important; padding-top:5px;}

.h4txt{ height:21px;
background:url(../../img/h4icon.jpg) no-repeat;
padding-top:2px;
padding-left:30px;
margin:10px;
font-size:14px;
font-weight:bold;}

ol,
ul,
dl,
li,
dt,
dd { list-style: none; }

li {line-height:0;}


table { border-collapse:collapse; border-spacing: 0; }

th { font-weight: normal; }

th,
td { vertical-align: top; }

a{ border: 0; vertical-align:bottom;}
img { border: 0; vertical-align:bottom; display:block; }

strong { font-weight: bold; line-height:1.7; }

em,
address { font-style: normal; }

input,
button {  line-height: normal; }

a { color: #333333; text-decoration: none; }

a:link { color: #333333; }

a:visited { color: #333333; }

a:hover,
a:active {  cursor:pointer;}

a img,
a:link img,
a:visited img,
a:hover img,
a:active img { border: none; text-decoration: none; cursor:pointer; }


.clear {
	content: ".";
	display: block;
	height: 0px;
	clear: both;
	visibility: hidden;
	margin: 0px;
	/margin-bottom:-15px;
}


table,p {
    border: 0;
}

.relative{ position:relative;}

.strong{ color:#C00; font-size:16px;}

/*========= IMAGE AREA =========*/

		.image_right{ margin:0px 0px 10px 10px; float:right;}
		.image_left{margin:0px 10px 10px 0px; float:left;}
		.image_center{border:5px solid #F9FAE7; padding:1px; margin:0px auto 10px auto; display:block;}
		.image{border:5px solid #F9FAE7; padding:1px; float:right}

/* 02: CSS Hack
--------------------------------------------------- */
/* floating box clear */
.clearfix:after {
  content: ".";  /* 新しい要素を作る */
  display: block;  /* ブロックレベル要素に */
  clear: both;
  height: 0;
  visibility: hidden;
}

.clearfix {
	min-height: 1%;
}

* html .clearfix {
  height: 1px;
  /*\*//*/
  height: auto;
  overflow: hidden;
  /**/
}

/* IE7でpadding指定 */
*:first-child+html body {
padding-left: 1px;
}


/* IE6以下でpadding指定 */
*html body {
padding-left: 1px;
}
/* container
----------------------------------------------- */

#container{ width:100%; margin:0 auto;}
.inner_content{width:96%; max-width:980px; margin:0 auto;}

/* h2
----------------------------------------------- */
h2 img{ padding:20px 0px;}

/* ヘッダー
----------------------------------------------- */

#header{
	width:100%;
	background: url(image/head_bg.jpg) repeat-x;
	}
	
	
	.headBOX{ width:980px; height:90px;
	          margin:0px auto 10px auto;}
			  
			  .logo{ float:left; padding-top:15px;}
			  .tel{ float: right; padding-top:20px; padding-right:20px;}
			  .thirtyth{ float: right;}
			  
    .gnavi{ height:78px;
	        background:url(image/menu_bg.png) repeat-x;}
			  
			  .gnavi ul{width:962px; 
	          margin:0 auto;}
			  .gnavi li{ float:left; vertical-align:bottom !important;}
    
	
	.mainvisual{  height:526px;
	             margin:0 auto;
				 background-image:url(image/catchline.jpg);
		     background-repeat: repeat-x;
			background-position:bottom;}
			
			
			
			
			#slideshow {
   position: relative;
   width:  980px; /* 画像の横幅に合わせて記述 */
   height: 520px; /* 画像の高さに合わせて記述 */
}
#slideshow img {
   position: absolute;
   top: 0;
   left:0;
   z-index: 8;
   opacity: 0.0;
}
#slideshow img.active {
   z-index: 10;
   opacity: 1.0;
}
#slideshow img.last-active {
   z-index: 9;
}
				 
				 
/* 仕事内容about
----------------------------------------------- */
.banner{ padding-top:20px;}
 .banner_left{ width:264px; float:left;}
 .banner_right{ width:300px; float:right; padding-left:15px;}

.about01{ width:980px;
          height:300px; 
		  background-image:url(image/about01_bg.gif);
		  background-repeat:no-repeat;
		  background-position:right bottom;
		  margin-bottom:30px;}

   .about_img_l{ width:362px; float:left;}
   .about_txt_r{ width:570px; float: right; line-height:15em; font-size:14px;}

.about02{ width:980px;
          height:300px;
          background-image:url(image/about02_bg.gif);
		  background-repeat:no-repeat;
		  background-position:left bottom;
		  margin-bottom:30px;}

   .about_img_r{ width:362px; float:right;}
   .about_txt_l{  width:570px; float:left; line-height:15em;  font-size:14px;}


.about03{ width:980px;
 height:300px;background-image:url(image/about03_bg.gif);
		  background-repeat:no-repeat;
		  background-position:right bottom;
		  margin-bottom:20px;}
 
.about dt{ font-size:24px; padding-bottom:20px;}
.about dd{ line-height:2.5em;}


/* 作業風景 atwork
----------------------------------------------- */
.work{ width:100%; margin:0 auto; background:url(image/work_bg.jpg) repeat;}
#gallery{ width:980px; margin:0px auto;}

#gallery p{ font-size:14px; line-height:2em; padding-bottom:10px;}
#gallery ul{
width: 980px; /*右マージン含む子ボックス合計幅*/
margin-right: -15px; /*親ボックスからのはみ出しぶんをずらしとく*/}

#gallery ul li{
	width: 305px;
float: left;
margin-right: 15px;
margin-bottom:15px;

	}
#gallery ul li img{
 border: #FFFFFF 4px solid;}



#company table{
	margin-bottom:20px;
	width:890px;
	margin:20px auto;}
	
	.companyTITLE{  font-weight:bold; width:200px;}
	
#company table tr{
	border-bottom:#B3ADAE 1px dotted;
	}

#company table td{
	padding:20px;
	}
	
#footer{
	height:35px;
	background:url(image/fotter_bg.jpg) repeat-x;
	color: #D7D1D1;
	text-align: center;}
	
	#footer p{ width:890px; margin:0 auto; text-align: center; padding-top:5px;}
	
	
/* トップページへ戻る
----------------------------------------------- */
.pagetop{
	width:45px;
	height:45px;
	position:fixed; bottom:0px; right:0px;
	padding-bottom:100px;}