@charset "shift_jis";


/* 全体共通
--------------------------------------------------------------- */
/* clear */
.clearfix { display: inline-block; }   
.clearfix:after {   
     clear: both;   
     content: " ";   
     display: block;   
     font-size: 0;   
     height: 0;   
     visibility: hidden;   
     }   
/* start commented backslash hack \*/  
* html .clearfix { height: 1%; }   
.clearfix { display: block; }   
/* close commented backslash hack */ 


/* レイアウト
--------------------------------------------------------------- */
#container {
	width:800px;
	padding-top:50px;
	padding-bottom:50px;
	margin:0 auto;
}

/* ヘッダー
--------------------------------------------------------------- */
#header {
	width:800px;
	padding-bottom:30px;
}
#header h1 {
	float:left;
	width:235px;
	height:46px;
	margin:0;
	padding:0;
	text-indent: -9999px;
}
#header h1 a {
	display:block;
	width:235px;
	height:46px;
	background:url("../images/h1_logo.gif") no-repeat left top;
}
#header #gnavi {
	float:right;
	width:278px;
	height:46px;
	background:url("../images/gnavi_line.gif") no-repeat right top;
}
/* gnavi切替 */
#header #gnavi ul li {
	float:left;
	width:90px;
	height:46px;
	background:url("../images/gnavi_line.gif") no-repeat left top;
	padding-left:2px;
	text-indent: -9999px;
}
#header #gnavi ul li a {
	display: block;
	width:90px;
	height:46px;
}
#header #gnavi ul li.company a:link,
#header #gnavi ul li.company a:visited {
	background: url("../images/company.gif") no-repeat left top; /* 会社概要 */
}
#header #gnavi ul li.company a:hover,
#header #gnavi ul li.company a:active {
	background: url("../images/company.gif") no-repeat left bottom; /* 会社概要 */
}
#header #gnavi ul li.works a:link,
#header #gnavi ul li.works a:visited {
	background: url("../images/works.gif") no-repeat left top; /* 主な実績 */
}
#header #gnavi ul li.works a:hover,
#header #gnavi ul li.works a:active {
	background: url("../images/works.gif") no-repeat left bottom; /* 主な実績 */
}
#header #gnavi ul li.recruit a:link,
#header #gnavi ul li.recruit a:visited {
	background: url("../images/recruit.gif") no-repeat left top; /* 採用情報 */
}
#header #gnavi ul li.recruit a:hover,
#header #gnavi ul li.recruit a:active {
	background: url("../images/recruit.gif") no-repeat left bottom; /* 採用情報 */
}
#header #gnavi ul li.toiawase a:link,
#header #gnavi ul li.toiawase a:visited {
	background: url("../images/toiawase.gif") no-repeat left top; /* お問合せ */
}
#header #gnavi ul li.toiawase a:hover,
#header #gnavi ul li.toiawase a:active {
	background: url("../images/toiawase.gif") no-repeat left bottom; /* お問合せ */
}

/* gnavi_on */
#header #gnavi ul li span {
	display: block;
	width:90px;
	height:46px;
}
#header #gnavi ul li.company span {
	background: url("../images/company.gif") no-repeat left bottom; /* 会社概要 */
}
#header #gnavi ul li.works span {
	background: url("../images/works.gif") no-repeat left bottom; /* 主な実績 */
}
#header #gnavi ul li.recruit span {
	background: url("../images/recruit.gif") no-repeat left bottom; /* 採用情報 */
}


/* フッター
--------------------------------------------------------------- */
#footer {
	width:800px;
	background: url("../images/footer_line.gif") repeat-x left top;
	padding-top:10px;
}
#footer p {
	text-align:right;
	font-size:80%;
	color:#666;
}


/* トップ
--------------------------------------------------------------- */
#contents {
	width:800px;
	text-align:left;
	position:relative;
	padding: 0 0 60px;
}
#contents #news {
	width:100%;
	background: url("../images/news_line.gif") repeat-y left top;
	padding:2px 0 2px 25px;
	z-index:2;
	box-sizing: border-box;
	margin:25px auto 0;
}
#contents #news h2 {
	width:63px;
	height:12px;
	margin:0 0 15px;
	padding:0;
	text-indent: -9999px;
	background:url("../images/h2_news.gif") no-repeat left top;
}
#contents #news .textArea {
	width:100%;
	height:135px;
	font-size:100%;
	overflow:auto;
}
#contents #news .textArea dl {
	padding:0 0 5px;
}
#contents #news .textArea dl dt {
	float:left;
	width:8%;
}
#contents #news .textArea dl dd {
	float:left;
	width:90%;
	padding-left:2%;
}
#contents #flashcontent {
	z-index:1;
}


/* 会社概要,採用情報,主な実績
--------------------------------------------------------------- */
#main-contents {
	width:800px;
	text-align:left;
	background-color:#E5EBEA;
	padding:45px 0;
	margin:0 0 30px;
}
#main-contents h2 {
	width:126px;
	height:16px;
	margin:0;
	padding:0;
	text-indent: -9999px;
}
#main-contents h2.company {
	background:url("../images/h2_company.gif") no-repeat left top; /* 会社概要 */
}
#main-contents h2.recruit {
	background:url("../images/h2_recruit.gif") no-repeat left top; /* 採用情報 */
}
#main-contents h2.works {
	background:url("../images/h2_works.gif") no-repeat left top; /* 主な実績要 */
}

/* layout(会社概要,採用情報) */
#main-contents #layout {
	width:690px;
	margin:0 55px;
}
#main-contents #layout dl {
	margin-top:25px;
}
#main-contents #layout dl.first {
	margin-top:30px;
}
#main-contents #layout dl dt {
	float:left;
	width:70px;
}
#main-contents #layout dl dd {
	float:right;
	width:610px;
	color:#000;
}


/* layout(主な実績) */
#main-contents #layout p {
	font-weight:bold;
	margin:35px 0 12px;
}
#main-contents #layout p.first {
	margin-top:30px;
}
#main-contents #layout ul li {
	color:#000;
	background:url("../images/list_icon.gif") no-repeat left 2px;
	padding-left:17px;
	margin-top:20px;
}
#main-contents #layout ul li.first {
	margin-top:0px;
}
#main-contents #layouts ul li span {
	color:#666;
	font-size:80%;
}

/* layout cap */
#main-contents #layout p.cap {
	margin:30px 0 0;
}
#main-contents #layout p.cap span {
	color:#000;
}



/* app */
#app-contents {
	width:800px;
	text-align:left;
	background-color:#FFFFFF;
	padding:45px 0;
	margin:0 0 30px;
}