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

body{
	margin:0;
	padding:0;
	text-align:center;
	font-family: "Meiryo","MS P Gothic","Osaka",Verdana,Arial, Helvetica, sans-serif;
	font-size:75%;
	line-height:160%;
	background:#9f7d00;
	color:#666666;
}

img{
	border:0;
	vertical-align:top;
}

.root{
	margin:0 auto;
	padding:0;
	width:700px;
	text-align:left;
	background:#ffffff;
}

h1{
	margin:0;
	padding:0;
}
	h1 a{
		top:53px;
		left:0;
		width:220px;
		height:47px;
		background:url("../img/header_logo.gif") no-repeat;
		position:absolute;
	}
h2{
	margin:0 -30px 0 0;
	padding:0;
}

h3{
	margin:0 0 1ex;
	padding:0;
	clear:both;
}
h4{
	margin:1em 0 0.8ex;
	padding:0 0 0 0.5ex;
	font-size:110%;
	line-height:120%;
	color:#cc6600;
	border-left:5px solid #cc6600;
	clear:both;
}

p{
	margin:0.5ex 5px 1em;
}
ul{
	margin-top:0.5ex;
	margin-bottom:1em;
}

a:link{color:#990000;}






.header{
	background:#333333;
	width:700px;
	height:100px;
	position:relative;
}
.header ul{
	position:absolute;
	margin:0;
	padding:0;
	list-style-type:none;
}
	.header li{
		margin:0;
		padding:0;
	}
	.header a{
		text-indent:-9999px;
		outline:none;
		display:block;
	}
	.header-catch{
		position:absolute;
		top:0;
		left:0;
		width:267px;
		height:39px;
		background:url("../img/header_txt_catch.gif") no-repeat;
		text-indent:-9999px;
	}
	.header-address{
		position:absolute;
		top:0;
		left:560px;
		width:140px;
		height:40px;
		list-style-type:none;
		background:url("../img/header_address_bg.gif") no-repeat;
	}
		.header-email a{
			top:0;
			left:10px;
			width:130px;
			height:20px;
			background:url("../img/header_txt_email.gif") no-repeat;
			position:absolute;
		}
		.header-email a:active,
		.header-email a:hover{
			background-position:0 -20px;
		}
		.header-tel{
			display:block;
			position:absolute;
			top:20px;
			left:10px;
			width:130px;
			height:20px;
			background:url("../img/header_txt_tel.gif") no-repeat;
			text-indent:-9999px;
		}

	.gmenu{
		left:245px;
		top:75px;
		height:25px;
		width:455px;
		overflow:none;
	}
		.gmenu li{
			float:left;
		}
		.gmenu a{
			width:65px;
			height:25px;
		}
		.gmenu a:active,
		.gmenu a:hover,
		.top gmenu-top a,
		.company .gmenu-company a,
		.service .gmenu-service a,
		.works .gmenu-works a,
		.contact .gmenu-contact a,
		.link .gmenu-link a,
		.blog .gmenu-blog a{
			background-position:0 -25px;
		}
		.gmenu-top a		{background:url("../img/gmenu_top.gif") no-repeat;}
		.gmenu-company a	{background:url("../img/gmenu_company.gif") no-repeat;}
		.gmenu-service a	{background:url("../img/gmenu_service.gif") no-repeat;}
		.gmenu-works a		{background:url("../img/gmenu_works.gif") no-repeat;}
		.gmenu-contact a	{background:url("../img/gmenu_contact.gif") no-repeat;}
		.gmenu-link a		{background:url("../img/gmenu_link.gif") no-repeat;}
		.gmenu-blog a		{background:url("../img/gmenu_blog.gif") no-repeat;}


.side{
	width:140px;
	float:left;
}
	.side-head{
		width:140px;
		height:80px;
		text-indent:-9999px;
	}
	.company .side-head	{background:url("../img/side_txt_company.gif") no-repeat;}
	.service .side-head	{background:url("../img/side_txt_service.gif") no-repeat;}
	.works .side-head		{background:url("../img/side_txt_works.gif") no-repeat;}
	.contact .side-head	{background:url("../img/side_txt_contact.gif") no-repeat;}
	.link .side-head		{background:url("../img/side_txt_link.gif") no-repeat;}
	.blog .side-head		{background:url("../img/side_txt_blog.gif") no-repeat;}

	.smenu{
		margin:15px 0 0;
		padding:0;
		list-style-type:none;
	}
	.smenu li{
		margin:0;
		padding:0;
	}
	.smenu a{
		text-indent:-9999px;
		outline:none;
		display:block;
		width:140px;
		height:40px;
	}
	.smenu a.sub-current,
	.smenu a:hover,
	.smenu a:active{
		background-position:0 -40px;
	}

	.smenu-outline a		{background:url("../img/smenu_outline.gif") no-repeat;}
	.smenu-concept a		{background:url("../img/smenu_concept.gif") no-repeat;}
	.smenu-recruit a		{background:url("../img/smenu_recruit.gif") no-repeat;}
	.smenu-our a			{background:url("../img/smenu_our.gif") no-repeat;}
	.smenu-workflow a		{background:url("../img/smenu_workflow.gif") no-repeat;}
	.smenu-maintenance a	{background:url("../img/smenu_maintenance.gif") no-repeat;}
	.smenu-faq a			{background:url("../img/smenu_faq.gif") no-repeat;}
	.smenu-web a			{background:url("../img/smenu_web.gif") no-repeat;}
	.smenu-ec a				{background:url("../img/smenu_ec.gif") no-repeat;}



.main{
	width:500px;
	float:right;
	padding:0 30px 0 0;
}

.w3c-banner{
	clear:left;
	text-align:left;
	padding:10px 30px 9px;
	background:#ffffff;
}
.md-banner{
	margin:50px auto 20px;
	width:100px;
	background:url("../img/md_banner.gif") no-repeat;
}
.md-banner a{
	display:block;
	outline:none;
	text-indent:-9999px;
	width:100px;
	height:80px;
	margin:0 auto;
}

.footer{
	background:#333333;
	width:700px;
	height:150px;
	clear:both;
}

	.fmenu{
		margin:0 auto;
		padding:55px 0 0;
		height:20px;
		width:435px;
		list-style-type:none;
		overflow:hidden;
	}
		.fmenu li{
			margin:0;
			padding:0;
			float:left;
		}
		.fmenu a{
			text-indent:-999px;
			outline:none;
			display:block;
			height:20px;
		}
		.fmenu a:active,
		.fmenu a:hover{
			background-position:0 -20px;
		}
		.fmenu-company a	{width:70px;	background:url("../img/fmenu_company.gif") no-repeat;}
		.fmenu-service a	{width:72px;	background:url("../img/fmenu_service.gif") no-repeat;}
		.fmenu-works a		{width:61px;	background:url("../img/fmenu_works.gif") no-repeat;}
		.fmenu-contact a	{width:93px;	background:url("../img/fmenu_contact.gif") no-repeat;}
		.fmenu-link a		{width:62px;	background:url("../img/fmenu_link.gif") no-repeat;}
		.fmenu-blog a		{width:77px;	background:url("../img/fmenu_blog.gif") no-repeat;}

	.footer-copy{
		height:24px;
		line-height:24px;
		text-align:center;
		color:#aaaaaa;
		font-size:80%;
		border-top:1px #aaaaaa solid;
		margin:0 10px 0;
	}
	.footer-copy a:link,
	.footer-copy a:visited,
	.footer-copy a:hover,
	.footer-copy a:active{color:#cccccc;text-decoration:underline;}




.toppage .header,
.toppage .footer{
	display:none;
}




.contact-wrapper{
	margin:70px 35px 0 0;
	padding:0 0 0 190px;
	background:url("../../img/contact_pic01.jpg") no-repeat;
}
.contact-wrapper ul{
	margin:0;
	padding:0 20px 100px;
	list-style-type:none;
}
.contact-wrapper li{
	margin:0;
	padding:0;
}

.works-left{
	float:left;
	padding-bottom:20px;
	width:220px;
}
	.works-left img{
		margin:0 5px 5px 0;
		line-height:100%;
	}
	.works-left ul{
		margin:0;
		padding:0;
		list-style-type:none;
	}
	.works-left li{
		margin:0;
		padding:0;
		float:left;
	}
.works-right{
	float:right;
	margin:0 0 0 0;
	padding-bottom:20px;
	width:275px;
}
	.works-right p{
		clear:both;
	}

.genre-list{
	margin:0;
	padding:0;
	list-style-type:none;
	line-height:16px;
	font-size:0;
}
.genre-list li{
	margin:0 4px 4px 0;
	padding:0;
	float:left;
	line-height:16px;
	font-size:0;
}

.recruit-form-table{
	border:1px solid #ffffff;
	border-collapse:collapse;
	border-spacing:0;
	margin:0;
	width:498px;
}
	.recruit-form-table td{
		border:1px solid #ffffff;
		border-collapse:collapse;
		border-spacing:0;
		background:#f1f1f1;
		padding:0.5ex 1ex;
	}
	.recruit-form-table th{
		border:1px solid #ffffff;
		border-right:3px solid #ffffff;
		border-collapse:collapse;
		border-spacing:0;
		background:#ffd596;
		padding:0.5ex 1ex;
	}



#gmap{
	width:490px;
	height:375px;
	border:1px solid #aaaaaa;
	margin:5px;
}