@charset "UTF-8";
/* CSS Document */
body{ font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;}
body{ font-family: 'Karla', sans-serif;}


h1#logo{ margin:0; padding:0; text-indent:-9999px; background-image:url(../img/logo.png);  background-repeat:no-repeat; height:50px; width:248px; }

header{
	height: 120px;
	background-color: #333333;
	width: 100%;
	margin-bottom: 2px;
	-moz-box-shadow: 0 1px 1px rgba(0, 0, 0, .2);
	-webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .2);
	-ms-box-shadow: 0 1px 1px rgba(0, 0, 0, .2);
	-o-box-shadow: 0 1px 1px rgba(0, 0, 0, .2);
	box-shadow: 0 1px 1px rgba(0, 0, 0, .2);
}

#page-top a {
	z-index: 100;
	display: block;
	background-image: url(../img/top.png);
	background-repeat: no-repeat;
	height: 49px;
	width: 30px;
	position: absolute;
	bottom: 80px;
	right: 20px;
	text-indent: -9999px;
	position: fixed;
	cursor: pointer;
}
	
.hd_wrapper{
	width: 820px;
	margin: auto;
	padding-top: 10px;
	height: 70px;
	padding-left: 0px;
	padding-right: 40px;
	background-color: #333;
}
.nav_wrapper{
	width: 800px;
	height: 30px;
	margin-bottom: 0px;
	text-align: center;
	margin-top: 0px;
	margin-right: auto;
	margin-left: auto;
}
	
.wrapper1{ width:640px; margin:auto;}	

nav{ height:30px;}
		
nav ul li{height:30px; float:left; display:inline;}

nav ul li a{
	height:30px;
	font-weight:400;
	text-align: left;
	margin-right: 50px;
	color:#ffffff;
	font-size:110%;
}

nav ul li a:hover{
	color: #F93;
	height: 30px;
	border-bottom-width: 3px;
	border-bottom-style: solid;
	border-bottom-color: #F93;	
}

#home #nav1 a,
#service #nav2 a,
#about #nav3 a,
#ilbo #nav4 a{
	color:#F93;
	height:30px;
	text-align: left;
	border-bottom-width: 3px;
	border-bottom-style: solid;
	border-bottom-color: #F93;	
}


#slidebg{
	width: 100%;
	background: #f7f7f6;
	padding-top: 30px;
	padding-bottom: 52px;
	-moz-box-shadow: 0 1px 1px rgba(0, 0, 0, .2);
	-webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .2);
	-ms-box-shadow: 0 1px 1px rgba(0, 0, 0, .2);
	-o-box-shadow: 0 1px 1px rgba(0, 0, 0, .2);
	box-shadow: 0 1px 1px rgba(0, 0, 0, .2);
}

/*slide*/
#slide{
height: 400px;
	width: 800px;
	margin-right: auto;
	margin-left: auto;
	margin-top:30px;
}
/*slide*/


article#base{
	width: 800px;
	height: 200px;
	background: #FFF;
	padding-top: 20px;
	padding-left: 40px;
	-moz-box-shadow: 0 1px 1px rgba(0, 0, 0, .2);
	-webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .2);
	-ms-box-shadow: 0 1px 1px rgba(0, 0, 0, .2);
	-o-box-shadow: 0 1px 1px rgba(0, 0, 0, .2);
	box-shadow: 0 1px 1px rgba(0, 0, 0, .2);
	margin-top: 30px;
	margin-right: auto;
	margin-bottom: 50px;
	margin-left: auto;
	}	
table#company td{padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 10px;
	font-size: 95%;
	color: #727171;
	height:21px;}
table#company a{color:#5BB430; }	
	
article#base1{
	width: 740px;
	height: 450px;
	background: #FFF;
	padding-top: 20px;
	padding-left: 50px;
	padding-right: 50px;
	padding-bottom: 40px;
	-moz-box-shadow: 0 1px 1px rgba(0, 0, 0, .2);
	-webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .2);
	-ms-box-shadow: 0 1px 1px rgba(0, 0, 0, .2);
	-o-box-shadow: 0 1px 1px rgba(0, 0, 0, .2);
	box-shadow: 0 1px 1px rgba(0, 0, 0, .2);
	margin-top: 30px;
	margin-right: auto;
	margin-bottom: 50px;
	margin-left: auto;
	}
article#base2{
	width: 740px;
	overflow:hidden;
	background: #FFF;
	padding-top: 20px;
	padding-left: 50px;
	padding-right: 50px;
	padding-bottom: 40px;
	-moz-box-shadow: 0 1px 1px rgba(0, 0, 0, .2);
	-webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .2);
	-ms-box-shadow: 0 1px 1px rgba(0, 0, 0, .2);
	-o-box-shadow: 0 1px 1px rgba(0, 0, 0, .2);
	box-shadow: 0 1px 1px rgba(0, 0, 0, .2);
	margin-top: 30px;
	margin-right: auto;
	margin-bottom: 50px;
	margin-left: auto;
	}		
section.right{
	width: 320px;
	float: right;
	color: #72717F;
	font-size: 14px;
	line-height: 24px;
	margin-bottom:30px;
	
}
section.left{ width:350px; float:left; color:#72717F; font-size:13px; line-height:24px;
margin-bottom:30px;
border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #999;}
section p{color:#72717F; font-size:14px; line-height:24px;}
section a{color:#5BB430; font-size:14px; line-height:24px;}


article#intro{
	width: 410px;
	height: 300px;
	margin: auto;
	}
	
article.service1{
	width: 600px;
	overflow:hidden;
	background: #FFF;
	padding-top: 60px;
	padding-left: 120px;
	padding-right: 120px;
	padding-bottom: 40px;
	-moz-box-shadow: 0 1px 1px rgba(0, 0, 0, .2);
	-webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .2);
	-ms-box-shadow: 0 1px 1px rgba(0, 0, 0, .2);
	-o-box-shadow: 0 1px 1px rgba(0, 0, 0, .2);
	box-shadow: 0 1px 1px rgba(0, 0, 0, .2);
	margin-top: 30px;
	margin-right: auto;
	margin-bottom: 30px;
	margin-left: auto;
	}		

article.service1 p{color:#72717F; font-size:13px; line-height:20px;}

article.service2{
	width: 730px;
	height: 320px;
	background: #FFF;
	padding-top: 20px;
	padding-left: 20px;
	padding-right: 50px;
	padding-bottom:40px;
	-moz-box-shadow: 0 1px 1px rgba(0, 0, 0, .2);
	-webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .2);
	-ms-box-shadow: 0 1px 1px rgba(0, 0, 0, .2);
	-o-box-shadow: 0 1px 1px rgba(0, 0, 0, .2);
	box-shadow: 0 1px 1px rgba(0, 0, 0, .2);
	margin-top: 30px;
	margin-right: auto;
	margin-bottom: 30px;
	margin-left: auto;
	}		

article.service2 p{color:#72717F; font-size:14px; line-height:24px;}

article.service_left1{
	width: 250px;
	height: 300px;
	float: left;
	margin-bottom: 20px;
}
article.service_left{ width:170px; float:left; }

article.service_right{
	width: 250px;
	height: 300px;
	float: right;
	margin-bottom: 20px;
}
article.service_right1{ width:540px;float:right; margin-left:20px; margin-bottom:20px;}

article.service_right1 h2{color:#72717F; font-size:95%; margin-bottom:10px;}

article.service_right1 ul li{ margin-left:15px;list-style:square;color:#72717F; font-size:14px; line-height:24px;}
	
#service article.service1 img{
	-moz-box-shadow: 0 1px 1px rgba(0, 0, 0, .2);
	-webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .2);
	-ms-box-shadow: 0 1px 1px rgba(0, 0, 0, .2);
	-o-box-shadow: 0 1px 1px rgba(0, 0, 0, .2);
	box-shadow: 0 1px 1px rgba(0, 0, 0, .2);
	margin-bottom:10px;}

#news{
	height: auto;
	padding-top: 30px;
	padding-bottom: 50px;
	-moz-box-shadow: 0 1px 1px rgba(0, 0, 0, .2);
	-webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .2);
	-ms-box-shadow: 0 1px 1px rgba(0, 0, 0, .2);
	-o-box-shadow: 0 1px 1px rgba(0, 0, 0, .2);
	box-shadow: 0 1px 1px rgba(0, 0, 0, .2);
	background-color: #333333;
}	

#news h2{font-size:130%; font-weight:400;color:#5BB45C; padding-bottom:12px;}

#news p{ font-size:95%; color:#727171; line-height:150%;}

table.news{
	width: 638px;
	background-color: #F7F7F6;
	font-size: 95%;
	color: #727171;
	font-family: 'Karla', sans-serif;
	border: 1px solid #999;
}

table.news td{
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 10px;
}

footer{
	height: 60px;
	padding-top: 50px;
	color: #FFF;
	background-color: #333333;
}
footer p{
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #999;	text-align:center; padding-top:20px;color:#ffffff; padding-bottom:20px; font-family: 'Karla', sans-serif;}