@charset "UTF-8";
* {
	margin: 0;
	padding: 0;
}

img {
	border: 0px none #fff;
}

body {
	font-size: 10px;
	font-family:"ヒラギノ角ゴ Pro W3", Hiragino Kaku Gothic Pro, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", Osaka;
	color: #595757;
	line-height:140%;
	background-image:url(../../images/bg.gif);
	background-repeat:repeat-x;
}

h1, h2 , h3 {
	font-size: 100%;
	line-height: 100%;
}
.clear {
	clear: both;
}
/* 数値指定 */
.bottom17 {
	margin-bottom: 17px;	
}
.bottom25 {
	margin-bottom: 25px;	
}
.bottom50 {
	margin-bottom: 50px;	
}
.top10 {
	margin-top: 10px;
}
/*工事中*/
p.ready {
	width: 150px;
	text-align:center;
	min-height: 500px;
	margin-top:100px;
	margin-left:auto;
	margin-right:auto;
	font-size: 20px;
	line-height: 20px;
	letter-spacing:3px;
}

/*＝＝＝＝＝＝＝＝＝＝＝

全ページ共通

＝＝＝＝＝＝＝＝＝＝＝*/
#container {
	width: 798px;
	margin-top: 10px; /* ←数値適当 */
	margin-bottom: 10px; /* ←数値適当 */
	margin-left: auto;
	margin-right: auto;
	border: 1px solid #999;
	background-color:#fff;
}
#container-f {
	width: 800px;
	margin-top: 10px; /* ←数値適当 */
	margin-bottom: 10px; /* ←数値適当 */
	margin-left: auto;
	margin-right: auto;
	border: 1px solid #999;
	background-color:#fff;
}
/*ヘッダー*/
#header-top {
	width: 100%;
	height: 65px;
	border-bottom: 1px solid #fff;
}
#header {
	width: 100%;
	height: 65px;
	border-bottom: 1px solid #20aee6;
}
#header-top img, #header img {
	margin-top: 14px;
	margin-left: 15px;
}
/* フッター */
#footer {
	width: 100%;
	height: 43px;
	border-top: 1px solid #20aee6;
}

#footer p {
	margin-left: 14px;
	margin-top: 4px;
	font-size: 100%;
	letter-spacing: 1px;
	color: #20aee6;
}
/* 上グローバルメニュー */
#global-menu {
	width: 798px;
	height: 29px;
	border-bottom: 1px solid #bfdff2;
}
.g-menu-l {
	width: 144px;
	height: 29px;
	float: left;
	border-right: 1px solid #99ccea;
}
.g-menu-s {
	width: 72px;
	height: 29px;
	float: left;
	border-right: 1px solid #99ccea;
}
.no-border {
	border-right: 0px none ;
}
/* 左メニュー */
#left-menu, #left-menu-job {
	width: 150px;
	padding-top: 20px;
	padding-left: 14px;
	float: left;
}
.left-menu {
	width: 125px;
	/*min-height: 42px;*/
	border-left: 5px solid #23ade5;
	border-bottom: 1px dotted #23ade5;
	margin-bottom: 8px;
	color: #23ade5;
}	
.left-menu p {
	margin-left: 5px;
	margin-bottom: 2px;
	list-style-type: none;
	vertical-align: middle;
	font-size: 100%;
	line-height: 122%;	
}
.left-menu p strong {
	font-weight: normal;
	font-size: 122%;	/* 11px / li=9px = 1.222  */
	line-height: 122%;	  
}
#left-menu .list {
	margin-left: 1em;
	font-size: 110%;
	line-height: 150%;
}

#left-menu a:link, #left-menu a:visited {
	text-decoration: none;
	color: #23ade5;
	display: inline;
}
#left-menu a:hover, #left-menu a:active {
	text-decoration: none;
	color: #73d0f6;
	display: inline;
}
/*＝＝＝＝＝＝＝＝＝＝＝

右メインエリア

＝＝＝＝＝＝＝＝＝＝＝*/
#main {
	width: 633px;
	min-height: 500px;
	float: left;
	border-left: 1px solid #20aee6;
}
#main-job {
	width: 633px;
	min-height: 700px;
	float: left;
	border-left: 1px solid #20aee6;
}

/*  */
.about-text h2 {
	font-size: 150%;
	color: #23ade5;
	line-height: 100%;
	font-weight: normal;
	margin-bottom: 7px;
}
.about-text h3 {
	font-size: 123%;
	color: #23ade5;
	margin-bottom: 7px;
	margin-top:23px;
}
.about-text p {
	font-size: 120%;
	line-height: 150%;
	text-align: justify;
}
/*＝＝＝＝＝＝＝＝＝＝＝

TOPページ

＝＝＝＝＝＝＝＝＝＝＝*/
.banner {
	width: 275px;
	margin-left: 50px;
	margin-top: 20px;
	float: left;
}
.banner img {
	margin-bottom: 20px;
}
#main-bottom .new {
	width: 405px;
	height: 160px;
	margin-left: 28px;
	margin-top: 20px;
	margin-bottom: 20px;
	float: left;
}
#main-bottom .new img {
	z-index: 0;
}
#main-bottom .new .backnumber {
	text-align: right;
	z-index: 1;
	margin-top: -18px;
	margin-right: 5px;
}
.new .backnumber a:link, .new .backnumber a:visited {
	text-decoration: none;
	color: #595757;
}
.new .backnumber a:hover, .new .backnumber a:active {
	text-decoration: none;
	color: #9a9999;
}
#main-bottom .new dl {
	margin-top: 10px;
}
#main-bottom .new dl dt {
	margin-left: 5px;
	width: 90px;
	float: left;
	color: #20aee6;
	letter-spacing: 2px;
}
#main-bottom .new dl dd {
	width: 305px;
	float: left;
	margin-bottom: 10px;
}
#main-area {
	width: 547px;
	margin: 0px auto 25px auto;
}
	
/*＝＝＝＝＝＝＝＝＝＝＝

eagle・training

＝＝＝＝＝＝＝＝＝＝＝*/
.contents {
	width: 100%;
	margin-bottom:30px;
}
.contents p {
	font-size: 115%;
	line-height: 150%;
	text-align: justify;
}

/* eagle */
#main-area.eagle .about {
	border: 1px solid #595757;
	padding: 20px 20px 17px 20px;
	position: relative;
}
.eagle .about .about-img {
	width: 135px;
	margin-right: 20px;
	position: absolute;
	top: 50%;
	margin-top: -33px;
}
.eagle .about .about-text {
	width: 350px;
	margin-left: 150px;
	
}
.eagle .contents img {
	margin-bottom: 17px;	
	margin-left: 10px;
}
.eagle .contents h3 {
	text-decoration: none;
	display: block;
	margin-bottom: 8px;
	font-size: 150%;
	line-height: 150%;
	font-weight: bold;
	color: #23ade5;
	border-bottom: 1px solid #23ade5;
}
.eagle .contents h4 {
	font-size: 130%;
	line-height: 163%;
	font-weight: normal;
}
/* training */

.training-img p {
	font-size:130%;
	line-height: 163%;
	color: #23ade5;
}
.training-img {
	margin-bottom:39px;
}

/*＝＝＝＝＝＝＝＝＝＝＝

企業情報
＆
採用情報＞indexページ

＝＝＝＝＝＝＝＝＝＝＝*/
.company h1, .recruit h1 {
	width: 623px;
	height: 70px;
	background-color: #23ade5;
	color: #fff;
	font-size: 200%;
	font-weight: normal;
	letter-spacing:0.2em;
	padding-top: 10px;
	padding-left: 10px;
	margin-bottom: 40px;
}
.recruit h2 {
	font-size: 130%;
	line-height: 180%;
	font-weight: normal;
	margin-left: 45px;
}
#left-menu .list-index {
	margin-left: 2.5em;
	font-size: 110%;
	line-height: 150%;
}
	
#left-menu .list-index a:link, #left-menu .list-index a:visited {
	color: #595757;
}
#left-menu .list-index a:hover, #left-menu .list-index a:active {
	color: #9a9999;
}

	
.company table, .recruit table {
	width: 543px;
	font-size: 120%;
	line-height: 150%;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 40px;
	border-bottom: 1px solid #23ade5;
	border-right: 1px solid #23ade5;
	border-left: 1px solid #23ade5;
}
.company table th, .recruit table th {
	width: 111px;
	border-top: 1px solid #23ade5;
	background-color: #BBE3F9;
	font-weight: normal;
	padding: 8px;
	text-align:left;
	vertical-align:top;
}
.company table tr td, .recruit table tr td {
	width: 416px;
	padding: 8px;
	border-top: 1px solid #23ade5;
	border-left: 1px solid #23ade5;
}
.company table tr td ol li {
	list-style-type: none;
}

/*＝＝＝＝＝＝＝＝＝＝＝

採用情報＞フロー

＝＝＝＝＝＝＝＝＝＝＝*/
#flow-index {
	width: 543px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 40px;
}
#flow-index img {
	margin-left: 65px;
}
.flow-index {
	width: 543px;
	border: 1px solid #23ade5;
	background-color: #fff;
	padding-top: 5px;
	padding-bottom: 5px;
	position: relative;
}
.flow-index-left {
	width: 140px;
	height: 2.8em;
	font-size: 140%;
	line-height: 2.8em;
	color: #fff;
	text-align: center;
	background-color: #23ade5;
	position: absolute;
	top: 50%;
	left: 9px;
	margin-top: -1.4em;
}
.naitei {
	line-height: 2.2em;
}
.s-font {
	font-size:70%;
	line-height: 100%;
	margin-top: -0.8em;
}
.flow-index-right {
	width: 376px;
	margin-left: 158px;
	font-size:110%;
}

/*＝＝＝＝＝＝＝＝＝＝＝

全職種紹介　＞　左メニュー

＝＝＝＝＝＝＝＝＝＝＝*/
/*共通*/

#left-menu-job {
	border-bottom: none;
	padding-bottom: 30px;
}
#left-menu-job .engineer, #left-menu-job .management {
	width: 125px;
	margin-top: 30px;
}
#left-menu-job p.jobtype {
	font-size: 110%;
	line-height: 120%;
	padding-bottom: 5px;
}
#left-menu-job .left-menu-job {
	padding-top: 5px;
	padding-bottom: 5px;
}
#left-menu-job .engineer .left-menu-job .post, #left-menu-job .management .left-menu-job .post  {
	font-size: 110%;
	line-height: 120%;
}
#left-menu-job .engineer .left-menu-job .name, #left-menu-job .management .left-menu-job .name {
	font-size: 130%;
	line-height:140%;
}
.bottom10 {
	line-height: 80%;
}
/*エンジニア*/
#left-menu-job .engineer p.jobtype  {
	color: #0085cd;
	border-bottom: 2px solid #0085cd;
}
#left-menu-job .engineer .left-menu-job {
	border-bottom: 1px dotted #0085cd;
}
#left-menu-job .engineer .left-menu-job a:link, #left-menu-job .engineer .left-menu-job a:visited {
	color: #0085cd;
	text-decoration:none;
}
#left-menu-job .engineer .left-menu-job a:hover, #left-menu-job .engineer .left-menu-job a:active {
	color: #83bff2;
	text-decoration:none;
}
/*マネジメント*/
#left-menu-job .management p.jobtype  {
	color: #22aee6;
	border-bottom: 2px solid #22aee6;
}
#left-menu-job .management .left-menu-job {
	border-bottom: 1px dotted #22aee6;
}
#left-menu-job .management .left-menu-job a:link, #left-menu-job .management .left-menu-job a:visited {
	color: #22aee6;
	text-decoration:none;
}
#left-menu-job .management .left-menu-job a:hover, #left-menu-job .management .left-menu-job a:active {
	color: #86d0ee;
	text-decoration:none;
}

/*＝＝＝＝＝＝＝＝＝＝＝

全職種紹介

＝＝＝＝＝＝＝＝＝＝＝*/
/*全共通*/
.head-left .post-name {
	font-size: 120%;
	height: 19px;
	line-height: 165%;
	color: #fff;
	padding-left: 10px;
}
.head-left .human-post-name {
	font-size: 120%;
	line-height: 165%;
	padding-left: 10px;
}
.caption {
	text-align: right;
	color: #666;
}
.caption strong {
	font-size: 120%;
	line-height: 155%;
	letter-spacing: 2px;
	margin-left: 1em;
	color: #000;
}

/*INDEXページーーーーーーーーーーーーーーーーー*/
#job {
	width: 545px;
	margin-left: auto;
	margin-right: auto;
	padding-bottom: 50px;
}
#job .jobleft {
	width: 25px;
	padding-top: 5px;
	padding-left: 9px;
	float: left;
}
#job .jobleft img {
	margin-top: 5px;
}
#job .jobright {
	width: 510px;
	min-height: 200px;
	float: left;
}
#job .jobright .human {
	width: 100%;
	height: 77px;
	position: relative;
}
#job .jobright .human .head-left {
	width: 395px;
	height: 77px;
	float: left;
	position: relative;
}
#job .jobright .human .head-left .human-post-name2 {
	font-size: 120%;
	line-height: 165%;
	padding-left: 10px;
}
#job .jobright .human .head-left img {
	position: absolute;
	top:25px;
	left:0px;
}
#job .jobright .human .head-left .caption {
	margin-right: 5px;
}
#job .jobright .human .head-right {
	width: 115px;
	float: left;
}
#job .jobright .human .head-right img {
	position: absolute;
	bottom: 0px;
	right:0px;
}
/*index > エンジニア*/
#job .engineer-index {
	color: #0085cd;
}
#job .engineer-index .jobleft {
	border-top: 1px solid #0085cd;
}
#job .engineer-index .jobleft p {
	color: #0085cd;
}
#job .engineer-index .human {
	border-bottom: 1px solid #0085cd;
}
#job .engineer-index .human .head-left .post-name {
	background-image:url(../../images/index-postname-e.gif);
}
#job .engineer-index .jobright {
	border-left: 1px solid #0085cd;
}

/*index > マネジメント*/
#job .management-index {
	color: #22aee6;
}
#job .management-index .jobleft {
	border-top: 1px solid #22aee6;
}
#job .management-index .jobleft p {
	color: #22aee6;
}
#job .management-index .human {
	border-bottom: 1px solid #22aee6;
}
.management-index .human .head-left .post-name {
	background-image:url(../../images/index-postname-m.gif);
}
#job .management-index .jobright {
	border-left: 1px solid #22aee6;
}

/*index > リンク*/
#job a:link, #job a:visited, #job a:hover, #job a:active {
	text-decoration: none;
}
.post-name a:link, .post-name a:visited, .post-name a:hover, .post-name a:active {
	color: #fff;
} 
.engineer-index .human-post-name2 a:link, .engineer-index .human-post-name2 a:visited, .engineer-index .human-post-name2 a:hover, .engineer-index .human-post-name2 a:active {
	color:#0085cd;
}
.management-index .human-post-name2 a:link, .management-index .human-post-name2 a:visited, .management-index .human-post-name2 a:hover, .management-index .human-post-name2 a:active {
	color:#22aee6;
}
.caption a:link, .caption a:visited, .caption a:hover, .caption a:active {
	color: #666;
}

/*detailページーーーーーーーーーーーーーーーーー*/
#detail {
	width: 545px;
	margin-left: auto;
	margin-right: auto;
	padding-bottom: 50px;
}
/*上部*/
#detail .head {
	width: 100%;
	margin-bottom: 25px;
}
#detail .head .head-left {
	width: 327px;
	float: left;
	min-height: 150px;
}
#detail .head .head-left .human-post-name {
	font-size: 120%;
	line-height: 165%;
	padding-left: 10px;
}
#detail .head .head-left h2 {
	font-size: 150%;
	line-height: 150%;
	color: #000;
	margin-top: 35px;
	margin-left: 10px;
	margin-right: 10px;
	letter-spacing:1px;
}
#detail .head .head-right {
	width: 218px;
	float: left;
}
/*コメント*/
#detail h3 {
	font-size: 130%;
	line-height: 146%;
	color: #000;
	margin-bottom: 5px;
}
#detail p.comment-text {
	font-size: 110%;
	line-height: 163%;
	color: #595757;
}
#detail .comment, #detail .comment2 {
	width: 525px;
	margin-bottom: 30px;
	padding-left: 14px;
}
#detail .comment2 .comment2-left {
	width: 345px;
	float: left;
}
#detail .comment2 .comment2-right {
	width: 162px;
	padding-left: 18px;
	float: left;
}
/* detail > engineer　*/
#detail .engineer {
	border-bottom: 1px solid #0085cd ;
}
#detail .engineer .head-left .post-name {
	background-image:url(../../images/detail-postname-e.gif);
}
#detail .engineer .head-left .human-post-name {
	color: #0085cd;
}
#detail .engineer .comment, .engineer .comment2 {
	border-left: 6px solid #0085cd ;
}
/*　detail > management　*/
#detail .management {
	border-bottom: 1px solid #22aee6 ;
}
#detail .management .head-left .post-name {
	background-image:url(../../images/detail-postname-m.gif);
}
#detail .management .head-left .human-post-name {
	color: #22aee6;
}
#detail .management .comment, .management .comment2 {
	border-left: 6px solid #22aee6;
}