@charset "UTF-8";
/* CSS Document */

body {
	color:#FFF;
	background-color:#000;
	font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
}

dl {
}

dt {
	clear: both;
	float: left;
	width: 100px;
	font-weight: bold;
	font-size: 14px;
	line-height: 30px;
	text-align: right;
}

dl dd {
	font-size: 14px;
	width: 400px;
	line-height: 30px;
	padding-left: 110px;

}

#wrapper {
	height:840px;
	width:899px;
	margin: 10px auto;
}

#header {

}

#logo {
	border-bottom:1px solid #333;
	height: 85px;
	padding: 0 0 0 17px;
}

/*------------------------------------------------------------------------------
								div#navi
------------------------------------------------------------------------------*/

#navi_wrap {
	width:648px;
	height:20px;
	margin:10px 0 10px 90px;
}

/*----- ボタン横幅指定 -----*/
ul#navi li,
ul#navi a{
	float:left;
}

/*----- li 通常画像指定 -----*/
li#navi01 {
	height:20px;
	width:129px;
		background-image: url(images/navi01.gif);}
li#navi02 {	
	height:20px;
	width:190px;
background-image: url(images/navi02.gif);}
li#navi03 {
		height:20px;
	width:137px;
	background-image: url(images/navi03.gif);}
li#navi04 {
			height:20px;
	width:192px;
background-image: url(images/navi04.gif);}

/*----- マウスオーバー動作指定 -----*/
li#navi01 a{
		height:20px;
	width:129px;
	background-image: url(images/navi01.gif);}
li#navi02 a{	
	height:20px;
	width:190px;
	background-image: url(images/navi02.gif);}
li#navi03 a{
			height:20px;
	width:137px;
	background-image: url(images/navi03.gif);}
li#navi04 a{
				height:20px;
	width:192px;
	background-image: url(images/navi04.gif);}

/*----- マウスオーバー動作指定 -----*/
li#navi01 a:hover{
		height:20px;
	width:129px;
	background-image: url(images/navi01_on.gif);}
li#navi02 a:hover{	
	height:20px;
	width:190px;
	background-image: url(images/navi02_on.gif);}
li#navi03 a:hover{
			height:20px;
	width:137px;
	background-image: url(images/navi03_on.gif);}
li#navi04 a:hover{
				height:20px;
	width:192px;
	background-image: url(images/navi04_on.gif);}
/*------------------------------------------------------------------------------
								div#navi
------------------------------------------------------------------------------*/


#content_wrapper {
	background-image:url(images/top_02.png);
	width:899px;
	height:600px;
}

#content {
	margin:28px;
	background-color:#000;
 padding: 45px 60px 60px;
 height:430px;
}
.title {
	margin-bottom:20px;
	clear: both;
}

.foot_1{
	float:left;
	margin: 0 20px 0 30px;
	}
	
.foot_2{
	float:left;
		margin: 0 20px 0 0;
	}

.foot_3{
	float:left;
		margin: 0 20px 0 0;
	}

.foot_4{
	float:left;
	}

.clear_fix{
	clear:both;
	text-align: right;
	font-size: 12px;
}

#footer{
	margin:30px 30px 10px;
	height:50px;
}

.contents {
	margin: 0 0 20px 0;
	height: 250px;
	border-bottom: 1px solid #333;
}

.aisatsu_l {
	float:left;
	width: 500px;
	margin: 0 20px 0 0;
}

.aisatsu_l1 {
	float:left;
	width: 500px;
	height: 150px;
}

.aisatsu_l2 {
	float:left;
	margin: 0 0 0 320px;

}

.aisatsu_r {
		float:left;

}

.contents_aboutus {
	margin: 0 0 20px 0;
	height: 350px;
	border-bottom: 1px solid #333;
}

.aboutus_l {
	float:left;
	width:340px;
	height: 350px;
}

.aboutus_c {
	float:left;
	width:180px;
	height: 350px;
}

.aboutus_r {
	float:left;
	width:180px;	
	height: 350px;
}

.service_l {
	float:left;
	width:202px;
	height: 350px;
	margin-right:55px;
}

.service_c {
	float:left;
	width:202px;
	height: 350px;
	margin-right:55px;

}

.service_r {
	float:left;
	width:202px;	
	height: 350px;
}

.service_1 {
}

.service_2 {
	margin:15px 0;
}
.service_3 {
}