@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;
}
.news .side-head {
	background:url("../img/side_txt_news.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;
}
.smenu_consultation a {
	background:url("../img/smenu_consultation.gif") no-repeat;
}
.smenu_inquiry a {
	background:url("../img/smenu_inquiry.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;
}

.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;
}

#main_swf {
	position:absolute;
	z-index:-1;
	height:870px;
	top:0;
}
#telop_swf {
	position:absolute;
	top:405px;
	margin-left:5px;
	z-index:100;
}
#news_detail{
	position:absolute;
	display:none;
	top:435px;
	margin-left:12px;
	z-index:100;
}


.news-list {
	float:left;
	padding-bottom:20px;
	width:500px;
}
.news-list img {
	margin:0 10px 10px 0;
	line-height:100%;
	float:left;
}
.news-list ul {
	margin:0 0 20px 0;
	padding:0;
	list-style-type:none;
}
.news-list li { width:225px;
	margin:0;
	padding:0;
	float:left;
	width:100%;
}+
.bold{
	font-weight:bold;
}
.twitpic, .twitter01, .twitter02, .ust{ display:none;}
.twitpic ul{
	padding:0;
	margin:0 0 5px 0;
	list-style:none;
	overflow:hidden;
	width:231px;
	height:152px;
	
	}
	.twitpic ul li{display:table-cell; *display:inline; *zoom:1;  margin:0; padding:0; float:left;}
	.twitpic ul li a { margin:0; padding:0;}
	.twitpic ul li img { margin:0; padding:0 0 2px 2px;}
.twitpic{position:absolute; top:470px; left:464px;}
.twtr-doc img.twtr-profile-img{ display:none;}	
.twitter01{ position:absolute; top:470px; left:5px;}
.twitter02{	position:absolute; top:470px; left:235px;}
.ust{	position:absolute; top:627px; left:466px;}
.twitter h3{
	margin:0 0 0ex 0;
	padding:0;
	line-height:100%;
	clear:none;
	}
	.twitter h4{
	margin:0 0 0ex 0;
	padding:0;
	line-height:100%;
	clear:none;
	}


a img.alph {
	opacity:1;
	filter:alpha(opacity=100);
	-ms-filter: "alpha(opacity=100)";
	zoom:1;/* IE で filter を使うときには zoom:1; を指定する */
}
a:hover img.alph {
	opacity:0.75;
	filter:alpha(opacity=75);
	-ms-filter: "alpha(opacity=75)";
	zoom:1;/* IE で filter を使うときには zoom:1; を指定する */
}


ul.companypict{ 
	margin:10px 0; padding:0 0 0 5px; list-style:none;
	}
	
	ul.companypict li{	
	display:inline;
	float:left;
	margin:0;
	padding:0 10px 10px 0;
	} 
	ul.companypict li.last{	
	padding:0 0px 10px 0;
	} 
	
	
h4.companytitle {
	margin:1em 0 0.8ex;
	padding:0 0 0 0.5ex;
	font-size:110%;
	line-height:120%;
	color:#6d6d6d;
	border-left:5px solid #6d6d6d;
	clear:both;
}

.main02 {
	width:530px;
	float:right;
}

.main-contact {
	width:510px;
}

.contactbtn{
	margin-top:25px;
	}
	
.contact-left {
	float:left;
	margin:0;
	padding:0;
	width:245px;
}


.contact-right {
	float:right;
	width:245px;
	margin:0;
	padding:0;
}

.contactbtn-company{
	margin-top:10px;
	margin-left:5px;
	}

.clear{
	clear:both;
	}
.red {
	color: #FF0000;
}
table{
			text-align:left;
			border-top:#e6e6e6 solid 1px;
			border-left:#e6e6e6 solid 1px;
			width:500px;
			border-collapse:collapse;
			margin:0px auto 20px auto;
		}
		
		table th{
			padding:7px;
			background:#F5F5E9;
			font-weight:normal;
			border-bottom:#e6e6e6 solid 1px;
			border-right:#e6e6e6 solid 1px;
		}
		table td{
			padding:7px;
			border-bottom:#e6e6e6 solid 1px;
			border-right:#e6e6e6 solid 1px;
		}
		
#formButton{
			text-align:center;
			margin:0px;
			padding:0px;
		}