@charset "UTF-8";

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
1.0 - Reset - Based on work by Eric Meyer
2.0 - Structural
	2.1 - Content
	2.2 - Header
	2.3 - Navigation
	2.4 - Footer
3.0 - Non-structural
	3.1 - Text
	3.2 - Lists
	3.3 - Table
4.0 - Other
	4.1 - jobseeker
--------------------------------------------------------------*/

/*--------------------------------------------------------------
1.0 - Reset - Reset default browser CSS.
--------------------------------------------------------------*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin:0;
	padding:0;
	border:0;
	outline:0;
	font-size:100%;
	background:transparent;
}

body {
	background:#fff;
	line-height:1;
}

ol, ul {
	list-style:none;
}

blockquote, q {
	quotes:none;
}

blockquote:before, blockquote:after,
q:before, q:after {
	content:'';
	content:none;
}

:focus{
	outline:0;
}

ins {
	text-decoration:none;
}

del{
	text-decoration:line-through;
}

table {
	border-collapse:collapse;
	border-spacing:0;
}

a img {
	border:none;
}


/*--------------------------------------------------------------
2.0 - Structural
--------------------------------------------------------------*/
body {
	color:#222;
	font-size:14px;
	font-family:Meiryo, "メイリオ", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", sans-serif;
	line-height:1.4;
}

#header,
#gnavi,
#content,
#footer {
	width:100%;
	text-align:center;
}

.wrap {
	margin:0 auto;
	width:980px;
	text-align:left;
}

.clearfix:after {
	content:"";
	clear:both;
	height:0;
	display:block;
	visibility:hidden;
}

.hidden {
	display:none;
}

.float_l {
	float:left;
}
.float_r {
	float:right;
}
.margin_r_10 {
	margin-right:10px;
}

.pink {
	background:#faebd7;
}
.blue {
	background:#f0f8ff;
}

/*--------------------------------------------------------------
2.1 - Content
--------------------------------------------------------------*/
#content {
	padding-bottom:20px;
	background:#fff;
}
#content #content_inner {
	margin-top:20px;
}
#content #content_inner #main {
	float:left;
	margin-bottom:20px;
	width:720px;
}
#content #content_inner #main h2 {
	margin:0 0 10px 0;
	padding:0 0 5px 35px;
	font-size:18px;
	line-height:26px;
	background:url(../images/common/h2_back.png) 0 0 no-repeat;
	border-bottom:3px solid #999;
}
#content #content_inner #main h2.index {
	margin:20px 0 10px 0;
}
#content #content_inner #side {
	float:right;
	margin-bottom:20px;
	width:240px;
}


/*--------------------------------------------------------------
2.2 - Header
--------------------------------------------------------------*/
#header #head_inner {
	position:relative;
	width:980px;
	height:100px;
}
#header #head_inner .sitename {
	position:absolute;
	top:30px;
	left:10px;
	width:271px;
	height:36px;
}
#header #head_inner .sitename a {
	display:block;
	width:271px;
	height:36px;
	background:url(../images/common/logo.png) 0 0 no-repeat;
}
#header #head_inner .sitedesc {
	position:absolute;
	top:70px;
	left:10px;
}
#header #head_inner .sitedesc a {
	color:#777;
	font-size:10px;
	font-weight:normal;
	line-height:1.0;
	text-decoration:none;
}
#header #head_inner .link {
	position:absolute;
	top:0px;
	left:470px;
	width:222px;
	height:20px;
}
#header #head_inner .link ul {
	width:222px;
	border-left:1px solid #777;
}
#header #head_inner .link ul li {
	float:left;
	border-right:1px solid #777;
}
#header #head_inner .link ul li a {
	display:block;
	padding-left:20px;
	width:90px;
	color:#777;
	font-size:12px;
	line-height:20px;
	text-decoration:none;
	background:url(../images/common/head_arrow.png) 8px 7px no-repeat;
}
#header #head_inner .client_info {
	position:absolute;
	top:2px;
	left:725px;
	width:255px;
	height:18px;
}
#header #head_inner .client_info a {
	position:relative;
	display:block;
	width:253px;
	height:16px;
	color:#2f60a3;
	font-size:11px;
	font-weight:bold;
	line-height:16px;
	text-align:center;
	text-decoration:none;
	background:#dbd9dc;
	background:linear-gradient(top, #f6f6f6 0%, #dbd9dc 100%);
	background:-moz-linear-gradient(top, #f6f6f6 0%,, #dbd9dc 100%);
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#f6f6f6), color-stop(100%,#dbd9dc));
	background:-webkit-linear-gradient(top, #f6f6f6 0%, #dbd9dc 100%);
	background:-o-linear-gradient(top, #f6f6f6 0%,#dbd9dc 100%);
	background:-ms-linear-gradient(top, #f6f6f6 0%, #dbd9dc 100%);
	-pie-background:linear-gradient(top, #f6f6f6 0%, #dbd9dc 100%);
	border:1px solid #d9dadb; 
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
	behavior: url("/pie/PIE.htc");
}
#header #head_inner .client_info a:hover {
	color:#fff;
	background:#3671b7;
	background:linear-gradient(top, #80a6d3 0%, #3671b7 100%);
	background:-moz-linear-gradient(top, #80a6d3 0%,, #3671b7 100%);
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#80a6d3), color-stop(100%,#3671b7));
	background:-webkit-linear-gradient(top, #80a6d3 0%, #3671b7 100%);
	background:-o-linear-gradient(top, #80a6d3 0%,#3671b7 100%);
	background:-ms-linear-gradient(top, #80a6d3 0%, #3671b7 100%);
	-pie-background:linear-gradient(top, #80a6d3 0%, #3671b7 100%);
	border:1px solid #3063a5; 
}
#header #head_inner .client_info a .arrow {
	display:block;
	position:absolute;
	top:4px;
	left:7px;
	width:4px;
	height:6px;
	background:url(../images/common/head_arrow.png) 0 0 no-repeat;
}
#header #head_inner .client_info a:hover .arrow {
	background:url(../images/common/head_arrow_on.png) 0 0 no-repeat;
}
#header #head_inner .contact {
	position:absolute;
	top:55px;
	left:890px;
	width:89px;
	height:40px;
	border-left:1px dotted #3161a3;
}
#header #head_inner .contact a {
	position:relative;
	display:block;
	margin-left:10px;
	width:77px;
	height:38px;
	color:#2f60a3;
	font-size:11px;
	font-weight:bold;
	line-height:16px;
	text-align:center;
	text-decoration:none;
	background:#dbd9dc;
	background:linear-gradient(top, #f6f6f6 0%, #dbd9dc 100%);
	background:-moz-linear-gradient(top, #f6f6f6 0%,, #dbd9dc 100%);
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#f6f6f6), color-stop(100%,#dbd9dc));
	background:-webkit-linear-gradient(top, #f6f6f6 0%, #dbd9dc 100%);
	background:-o-linear-gradient(top, #f6f6f6 0%,#dbd9dc 100%);
	background:-ms-linear-gradient(top, #f6f6f6 0%, #dbd9dc 100%);
	-pie-background:linear-gradient(top, #f6f6f6 0%, #dbd9dc 100%);
	border:1px solid #d9dadb; 
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
	behavior: url("/pie/PIE.htc");
}
#header #head_inner .contact a:hover {
	color:#fff;
	background:#3671b7;
	background:linear-gradient(top, #80a6d3 0%, #3671b7 100%);
	background:-moz-linear-gradient(top, #80a6d3 0%,, #3671b7 100%);
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#80a6d3), color-stop(100%,#3671b7));
	background:-webkit-linear-gradient(top, #80a6d3 0%, #3671b7 100%);
	background:-o-linear-gradient(top, #80a6d3 0%,#3671b7 100%);
	background:-ms-linear-gradient(top, #80a6d3 0%, #3671b7 100%);
	-pie-background:linear-gradient(top, #80a6d3 0%, #3671b7 100%);
	border:1px solid #3063a5; 
}
#header #head_inner .contact a .mail {
	display:block;
	position:absolute;
	top:22px;
	left:30px;
	width:17px;
	height:10px;
	background:url(../images/common/mail.png) 0 0 no-repeat;
}
#header #head_inner .contact a:hover .mail {
	background:url(../images/common/mail_on.png) 0 0 no-repeat;
}
#header #head_inner .tel {
	position:absolute;
	top:55px;
	left:700px;
	width:190px;
	height:40px;
	border-left:1px dotted #3161a3;
}
#header #head_inner .tel span {
	display:block;
	margin-left:10px;
	padding-left:23px;
	color:#2f60a3;
	font-size:21px;
	font-weight:bold;
	font-family:Georgia, Meiryo, "メイリオ", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", sans-serif;
	line-height:40px;
	background:url(../images/common/tel.png) 0 8px no-repeat;
}
#header #head_inner .info {
	position:absolute;
	top:55px;
	left:460px;
	padding:5px 0;
	width:240px;
	height:40px;
	color:#777;
	font-size:10px;
	line-height:15px;
}


/*--------------------------------------------------------------
2.3 - Navigation
--------------------------------------------------------------*/

#gnavi ul {
	height:35px;
	border-bottom:3px solid #3570b2;
}
#gnavi ul li {
	float:left;
	width:142px;
	height:25px;
	border-right:1px solid #fff;
	background:#ebecf5;
	padding:5px 10px;
}
#gnavi ul li.end {
	width:145px;
	border-right:none;
}
#gnavi ul li a,
#gnavi ul li span {
	display:block;
	color:#555;
	font-size:14px;
	font-weight:bold;
	line-height:25px;
	text-align:center;
	text-decoration:none;
}
#gnavi ul li a.selected {
	color:#fff;
	background:#5687be;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	behavior: url("/pie/PIE.htc");
}
#gnavi ul li a:hover {
	color:#fff;
	background:#3570b2;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	behavior: url("/pie/PIE.htc");
}

#gnavi #basic_info {
	position:relative;
	width:980px;
	height:55px;
	background:#ebecf5;
}
#gnavi #basic_info .date {
	position:absolute;
	top:5px;
	left:10px;
	width:150px;
	height:20px;
	color:#3570b2;
	font-size:14px;
	font-weight:bold;
}
#gnavi #basic_info .regist_btn {
	position:absolute;
	top:5px;
	left:820px;
	width:150px;
	height:20px;
}
#gnavi #basic_info .regist_btn a {
	position:relative;
	display:block;
	width:148px;
	height:18px;
	color:#fff;
	font-size:11px;
	font-weight:bold;
	line-height:18px;
	text-align:center;
	text-decoration:none;
	background:#2c9edd;
	background:linear-gradient(top, #5dd5f7 0%, #2c9edd 100%);
	background:-moz-linear-gradient(top, #5dd5f7 0%,, #2c9edd 100%);
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#5dd5f7), color-stop(100%,#2c9edd));
	background:-webkit-linear-gradient(top, #5dd5f7 0%, #2c9edd 100%);
	background:-o-linear-gradient(top, #5dd5f7 0%,#2c9edd 100%);
	background:-ms-linear-gradient(top, #5dd5f7 0%, #2c9edd 100%);
	-pie-background:linear-gradient(top, #5dd5f7 0%, #2c9edd 100%);
	border:1px solid #5fceea; 
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
	behavior: url("/pie/PIE.htc");
}
#gnavi #basic_info .regist_btn a:hover {
	color:#fff;
	background:#2a63a8;
	background:linear-gradient(top, #3c7ec8 0%, #2a63a8 100%);
	background:-moz-linear-gradient(top, #3c7ec8 0%,, #2a63a8 100%);
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#3c7ec8), color-stop(100%,#2a63a8));
	background:-webkit-linear-gradient(top, #3c7ec8 0%, #2a63a8 100%);
	background:-o-linear-gradient(top, #3c7ec8 0%,#2a63a8 100%);
	background:-ms-linear-gradient(top, #3c7ec8 0%, #2a63a8 100%);
	-pie-background:linear-gradient(top, #3c7ec8 0%, #2a63a8 100%);
	border:1px solid #387ac7; 
}
#gnavi #basic_info .login_btn {
	position:absolute;
	top:30px;
	left:820px;
	width:73px;
	height:20px;
}
#gnavi #basic_info .login_btn a {
	position:relative;
	display:block;
	width:71px;
	height:18px;
	color:#fff;
	font-size:11px;
	font-weight:bold;
	line-height:18px;
	text-align:center;
	text-decoration:none;
	background:#96d347;
	background:linear-gradient(top, #bbe38b 0%, #96d347 100%);
	background:-moz-linear-gradient(top, #bbe38b 0%,, #96d347 100%);
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#bbe38b), color-stop(100%,#96d347));
	background:-webkit-linear-gradient(top, #bbe38b 0%, #96d347 100%);
	background:-o-linear-gradient(top, #bbe38b 0%, #96d347 100%);
	background:-ms-linear-gradient(top, #bbe38b 0%, #96d347 100%);
	-pie-background:linear-gradient(top, #bbe38b 0%, #96d347 100%);
	border:1px solid #96ca65; 
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
	behavior: url("/pie/PIE.htc");
}
#gnavi #basic_info .login_btn a:hover {
	color:#fff;
	background:#60a828;
	background:linear-gradient(top, #84be4e 0%, #60a828 100%);
	background:-moz-linear-gradient(top, #84be4e 0%,, #60a828 100%);
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#84be4e), color-stop(100%,#60a828));
	background:-webkit-linear-gradient(top, #84be4e 0%, #60a828 100%);
	background:-o-linear-gradient(top, #84be4e 0%,#60a828 100%);
	background:-ms-linear-gradient(top, #84be4e 0%, #60a828 100%);
	-pie-background:linear-gradient(top, #84be4e 0%, #60a828 100%);
	border:1px solid #73ae42; 
}
#gnavi #basic_info .change {
	position:absolute;
	top:30px;
	left:897px;
	width:73px;
	height:20px;
}
#gnavi #basic_info .change a {
	position:relative;
	display:block;
	width:71px;
	height:18px;
	color:#fff;
	font-size:11px;
	font-weight:bold;
	line-height:18px;
	text-align:center;
	text-decoration:none;
	background:#2c6075;
	background:linear-gradient(top, #48788c 0%, #2c6075 100%);
	background:-moz-linear-gradient(top, #48788c 0%,, #2c6075 100%);
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#48788c), color-stop(100%,#2c6075));
	background:-webkit-linear-gradient(top, #48788c 0%, #2c6075 100%);
	background:-o-linear-gradient(top, #48788c 0%, #2c6075 100%);
	background:-ms-linear-gradient(top, #48788c 0%, #2c6075 100%);
	-pie-background:linear-gradient(top, #48788c 0%, #2c6075 100%);
	border:1px solid #174a5b; 
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
	behavior: url("/pie/PIE.htc");
}
#gnavi #basic_info .change a:hover {
	color:#fff;
	background:#174a5b;
	background:linear-gradient(top, #2c6075 0%, #174a5b 100%);
	background:-moz-linear-gradient(top, #2c6075 0%,, #174a5b 100%);
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#2c6075), color-stop(100%,#174a5b));
	background:-webkit-linear-gradient(top, #2c6075 0%, #174a5b 100%);
	background:-o-linear-gradient(top, #2c6075 0%,#174a5b 100%);
	background:-ms-linear-gradient(top, #2c6075 0%, #174a5b 100%);
	-pie-background:linear-gradient(top, #2c6075 0%, #174a5b 100%);
	border:1px solid #073041; 
}
#gnavi #basic_info .text {
	position:absolute;
	top:5px;
	left:170px;
	width:640px;
	height:20px;
	color:#777;
	font-size:11px;
	line-height:20px;
	text-align:right;
}
#gnavi #basic_info .name {
	position:absolute;
	top:30px;
	left:170px;
	width:640px;
	height:20px;
	color:#444;
	font-size:14px;
	font-weight:bold;
	line-height:20px;
	text-align:right;
}


/*--------------------------------------------------------------
2.4 - Footer
--------------------------------------------------------------*/
#footer #footer_inner {
	position:relative;
	width:980px;
	height:80px;
	border-top:3px solid #a3a3a3;
}
#footer #footer_inner .sitelogo {
	position:absolute;
	top:45px;
	left:20px;
	width:131px;
	height:18px;
}
#footer #footer_inner .sitelogo a {
	display:block;
	width:131px;
	height:18px;
	background:url(../images/common/footer_logo.png) 0 0 no-repeat;
}
#footer #footer_inner .onwave {
	position:absolute;
	top:35px;
	left:170px;
	width:177px;
	height:32px;
	border-left:1px solid #a3a3a3;
}
#footer #footer_inner .onwave a {
	display:block;
	margin-left:20px;
	width:157px;
	height:32px;
	background:url(../images/common/onwave.png) 0 0 no-repeat;
}
#footer #footer_inner .link {
	position:absolute;
	top:5px;
	left:355px;
	width:625px;
	height:32px;
}
#footer #footer_inner .link ul {
	float:right;
	border-left:1px solid #777;
}
#footer #footer_inner .link ul li {
	float:left;
	border-right:1px solid #777;
}
#footer #footer_inner .link ul li a {
	display:block;
	padding:0 15px;
	color:#777;
	font-size:11px;
	line-height:15px;
	text-decoration:none;
}
#footer #footer_inner .copyright {
	position:absolute;
	top:50px;
	left:355px;
	width:625px;
	height:32px;
	color:#777;
	font-size:11px;
	text-align:right;
}


/*--------------------------------------------------------------
2.5 - Sidebar
--------------------------------------------------------------*/
#side .side_login {
	margin-bottom:20px;
	padding:7px;
	color:#777;
	font-size:12px;
	background:#fff;
	border:3px solid #376096;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	border-radius:10px;
}
#side .side_login h3 {
	margin-bottom:10px;
	width:131px;
	height:18px;
	background:url(../images/common/login_logo.png) 0 0 no-repeat;
}
#side .side_login a {
	position:relative;
	display:block;
	margin-top:7px;
	height:27px;
	color:#fff;
	font-size:14px;
	font-weight:bold;
	line-height:27px;
	text-align:center;
	text-decoration:none;
	background:#2b9cde;
	background:linear-gradient(top, #5cd4f7 0%, #2b9cde 100%);
	background:-moz-linear-gradient(top, #5cd4f7 0%,, #2b9cde 100%);
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#5cd4f7), color-stop(100%,#2b9cde));
	background:-webkit-linear-gradient(top, #5cd4f7 0%, #2b9cde 100%);
	background:-o-linear-gradient(top, #5cd4f7 0%,#2b9cde 100%);
	background:-ms-linear-gradient(top, #5cd4f7 0%, #2b9cde 100%);
	-pie-background:linear-gradient(top, #5cd4f7 0%, #2b9cde 100%);
	border:1px solid #60efcb; 
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	behavior: url("/pie/PIE.htc");
}
#side .side_login a:hover {
	color:#fff;
	background:#2f62a3;
	background:linear-gradient(top, #497db9 0%, #2f62a3 100%);
	background:-moz-linear-gradient(top, #497db9 0%,, #2f62a3 100%);
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#497db9), color-stop(100%,#2f62a3));
	background:-webkit-linear-gradient(top, #497db9 0%, #2f62a3 100%);
	background:-o-linear-gradient(top, #497db9 0%,#2f62a3 100%);
	background:-ms-linear-gradient(top, #497db9 0%, #2f62a3 100%);
	-pie-background:linear-gradient(top, #497db9 0%, #2f62a3 100%);
	border:1px solid #4a79b1; 
}
#side .side_login a span {
	font-size:11px;
}

#side .career {
	margin-bottom:20px;
	border:1px solid #999; 
}
#side .career h3 {
	padding:5px 10px;
	font-size:16px;
}
#side .career ul li {
	border-top:1px solid #999;
}
#side .career ul li a {
	display:block;
	padding:10px;
	color:#444;
	font-size:12px;
	text-decoration:none;
}
#side .career ul li a:hover {
	background:#feeeee;
}
#side .career ul li span {
	display:block;
	margin-bottom:5px;
	font-weight:bold;
}


/*--------------------------------------------------------------
2.6 - Foot-navi
--------------------------------------------------------------*/
#page_top {
	margin-bottom:5px;
}
#page_top a {
	display:block;
	float:right;
	padding-left:20px;
	width:80px;
	color:#3b3b3b;
	font-size:12px;
	font-weight:bold;
	line-height:1.8;
	text-decoration:none;
	background:#cecece url(../images/common/page_top.png) 8px 8px no-repeat;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
	behavior: url("/pie/PIE.htc");
}
#page_top a:hover {
	color:#fff;
	background:#b5b5b5 url(../images/common/page_top_on.png) 8px 8px no-repeat;
}

#foot_navi {
	width:974px;
	border:3px solid #999;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	border-radius:10px;
	background:#eaeaea;
	behavior: url("/pie/PIE.htc");
}
#foot_navi ul.b_name {
	margin:5px;
	padding:0px 10px;
	font-size:12px;
	font-weight:bold;
	line-height:24px;
	border-bottom:2px dotted #999;
}
#foot_navi ul.b_name li {
	float:left;
	margin-right:15px;
}
#foot_navi ul.b_name li.end {
	margin-right:0;
}
#foot_navi ul.b_name li a {
	text-decoration:none;
}
#foot_navi ul.b_name li a:hover {
	color:#999;
}
#foot_navi .foot_navi_inner {
	margin:5px;
	padding:5px 10px;
	height:55px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	background:#fff;
	behavior: url("/pie/PIE.htc");
}
#foot_navi .foot_navi_inner ul.b01_sub li {
	float:left;
	margin-right:15px;
	font-size:12px;
	font-weight:bold;
}
#foot_navi .foot_navi_inner ul.b01_sub li a {
	text-decoration:none;
}
#foot_navi .foot_navi_inner ul.b01_sub li a:hover {
	color:#999;
}
#foot_navi .foot_navi_inner ul.b01_sub_data {
	margin-top:5px;
}
#foot_navi .foot_navi_inner ul.b01_sub_data li {
	float:left;
	margin-right:20px;
	padding-left:10px;
	font-size:12px;
	font-weight:bold;
	line-height:1.6;
	background:url(../images/common/head_arrow.png) 0 5px no-repeat;
}
#foot_navi .foot_navi_inner ul.b01_sub_data li a {
	text-decoration:none;
}
#foot_navi .foot_navi_inner ul.b01_sub_data li a:hover {
	color:#999;
}
#foot_navi #box_1 div {
	display:none;
}
#foot_navi #box_1 div.sub_selected {
	display:block;
}
#foot_navi .foot_navi_inner ul.not_b01 li {
	float:left;
	margin-right:20px;
	padding-left:10px;
	font-size:12px;
	font-weight:bold;
	line-height:1.6;
	background:url(../images/common/head_arrow.png) 0 5px no-repeat;
}
#foot_navi .foot_navi_inner ul.not_b01 li a {
	text-decoration:none;
}
#foot_navi .foot_navi_inner ul.not_b01 li a:hover {
	color:#999;
}


/*--------------------------------------------------------------
2.7 - Pagenate
--------------------------------------------------------------*/
.pagenate {
	margin-bottom:10px;
	font-size:12px;
	line-height:22px;
}
.pagenate:after {
	content:"";
	clear:both;
	height:0;
	display:block;
	visibility:hidden;
}
.pagenate .left {
	float: left;
}
.pagenate .right {
	float: right;
}
.pagenate .left:after,
.pagenate .right:after {
	content:"";
	clear:both;
	height:0;
	display:block;
	visibility:hidden;
}
.pagenate .page-far-left {
	background: url(../images/common/paging_far_left.gif) no-repeat;
	display: block;
	float: left;
	height: 24px;
	margin: 0 4px 0 0;
	width: 24px;
}
.pagenate .page-left {
	background: url(../images/common/paging_left.gif) no-repeat;
	display: block;
	float: left;
	height: 24px;
	width: 24px;
}
.pagenate .page-far-right {
	background: url(../images/common/paging_far_right.gif) no-repeat;
	display: block;
	float: left;
	height: 24px;
	margin: 0 4px 0 4px;
	width: 24px;
}
.pagenate .page-right {
	background: url(../images/common/paging_right.gif) no-repeat;
	display: block;
	float: left;
	height: 24px;
	width: 24px;
}
.pagenate .page-info {
	float: left;
	padding: 3px 12px 0 12px;
}


/*--------------------------------------------------------------
3.0 - Non-structural
--------------------------------------------------------------*/
p {
	margin-bottom: 15px;
}

/*--------------------------------------------------------------
3.1 - Text
--------------------------------------------------------------*/
#content p {
	font-size:12px;
}
#content .alert {
	font-weight:bold;
	color:#f00;
}

/*--------------------------------------------------------------
3.2 - Lists
--------------------------------------------------------------*/

/*--------------------------------------------------------------
3.3 - Table
--------------------------------------------------------------*/
#content table.list {
	margin-top:10px;
	width:100%;
	border-collapse:collapse;
}
#content table.overflow_title {
	margin-top:0;
}
#content table.list th,
#content table.list td {
	padding:5px;
	vertical-align:center;
}
#content table.list th {
	font-size:12px;
	color:#fff;
	text-align:center;
	border:1px solid #333;
	background: #777; /* Old browsers */
	background: linear-gradient(top, #777 0%,#666 15%,#333 100%); /* W3C */
	background: -moz-linear-gradient(top, #777 0%, #666 15%, #333 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#777), color-stop(15%,#666), color-stop(100%,#333)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #777 0%,#666 15%,#333 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #777 0%,#666 15%,#333 100%); /* Opera11.10+ */
	background: -ms-linear-gradient(top, #777 0%,#666 15%,#333 100%); /* IE10+ */
	-pie-background: linear-gradient(top, #777 0%,#666 15%,#333 100%); /* IE10+ */
	behavior: url("/pie/PIE.htc");
}
#content table.list td {
	font-size:11px;
	border:1px solid #333;
	background:#fff;
}
#content table.list td.alert {
	font-weight:bold;
	color:#f00;
}
#content table.list th.w30,
#content table.list td.w30 {
	width:30px;
}
#content table.list th.w50,
#content table.list td.w50 {
	width:50px;
}
#content table.list th.w80,
#content table.list td.w80 {
	width:80px;
}
#content table.list th.w100,
#content table.list td.w100 {
	width:100px;
}
#content table.list th.w120,
#content table.list td.w120 {
	width:120px;
}
#content table.list th.w130,
#content table.list td.w130 {
	width:130px;
}
#content table.list th.w150,
#content table.list td.w150 {
	width:150px;
}
#content table.list th.w180,
#content table.list td.w180 {
	width:180px;
}
#content table.list th.w200,
#content table.list td.w200 {
	width:200px;
}
#content table.list th.w250,
#content table.list td.w250 {
	width:250px;
}
#content table.list th.w300,
#content table.list td.w300 {
	width:300px;
}
#content table.list th.w400,
#content table.list td.w400 {
	width:400px;
}
#content table.list th.w450,
#content table.list td.w450 {
	width:450px;
}
#content table.list th.w500,
#content table.list td.w500 {
	width:500px;
}
#content table.list td .alert {
	color:#f00;
}
#content table.list td.pink {
	background:#faebd7;
}
#content table.list td.blue {
	background:#f0f8ff;
}

#content table.form {
	margin-top:10px;
	width:100%;
	border-collapse:collapse;
}

#content table.form h4 {
	font-size:14px;
}
#content table.form th,
#content table.form td {
	padding:5px;
	border:1px solid #aaa;
	vertical-align:center;
}
#content table.form th {
	width:120px;
	color:#555;
	background: #dadada; /* Old browsers */
	text-align:center;
}
#content table.form td {
	background:#fff;
}
#content table.form td,
#content table.form td input,
#content table.form td textarea,
#content table.form td select {
	font-size:12px;
}
#content table.form td ul {
	margin-bottom:5px;
}
#content table.form td ul li {
	float:left;
	margin:0 15px 0 0;
	padding:0;
}
#content table.form td ul:after {
	content:"";
	clear:both;
	height:0;
	display:block;
	visibility:hidden;
}
#content table.form td dl.w400 {
	width:400px;
}
#content table.form td dl dt,
#content table.form td dl dd,
#content table.form td dl.w400 dt,
#content table.form td dl.w400 dd {
	float:left;
}
#content table.form td dl dt,
#content table.form td dl.w400 dt {
	width:100px;
	font-weight:bold;
}
#content table.form td dl dd {
	width:680px;
}
#content table.form td dl.w400 dd {
	width:300px;
}
#content table.form td dl:after {
	content:"";
	clear:both;
	height:0;
	display:block;
	visibility:hidden;
}
#content table.form td dl dd dl dd {
	width:570px;
}
#content table.form td dl dd dl dd ul {
	width:460px;
}
#content table.form td dl dd dl dd dl dd {
	width:460px;
}
#content table.form td div.box_h300 {
	height:300px;
	overflow:auto;
	border:1px solid #ccc;
}
#content table.form td div.alert {
	margin-top:5px;
}
#content table.form td div.error {
	color:#f00;
	margin-bottom:5px;
}

#content table.detail {
	margin-top:10px;
	width:100%;
	font-size:12px;
	border-collapse:collapse;
}
#content table.detail th,
#content table.detail td {
	padding:5px;
	border:1px solid #aaa;
	vertical-align:center;
}
#content table.detail th {
	width:120px;
	color:#555;
	background: #dadada; /* Old browsers */
	text-align:center;
}
#content table.detail td {
	background:#fff;
}
#content table.detail td.alert {
	color:#f00;
	font-weight:bold;
}
#content table.detail td p {
	margin:0;
}
#content table.form td dl:after {
	content:"";
	clear:both;
	height:0;
	display:block;
	visibility:hidden;
}
#content table.detail td dl dt,
#content table.detail td dl dd {
	margin-bottom:2px;
}
#content table.detail td dl dt {
	float:left;
	width:100px;
	font-weight:bold;
}
#content table.detail td dl dd {
	padding-left:110px;
}
#content table.detail td dl dd:after {
	content:"";
	clear:both;
	height:0;
	display:block;
	visibility:hidden;
}
#content table.detail td ul.inline:after {
	content:"";
	clear:both;
	height:0;
	display:block;
	visibility:hidden;
}
#content table.detail td ul.inline li {
	float:left;
	padding:0;
}
#content table.detail td ul.inline li.w150 {
	width:150px;
}

/*--------------------------------------------------------------
3.4 - Form
--------------------------------------------------------------*/

#content input {
	margin-bottom:5px;
}
#content input.w50 {
	width:50px;
}
#content input.w80 {
	width:80px;
}
#content input.w100 {
	width:100px;
}
#content input.w150 {
	width:150px;
}
#content input.w200 {
	width:200px;
}
#content input.w250 {
	width:250px;
}
#content input.w300 {
	width:300px;
}
#content input.w400 {
	width:400px;
}
#content input.w500 {
	width:500px;
}

#content textarea {
	margin-bottom:5px;
	width:500px;
	text-align:left;
}
#content textarea.h50 {
	height:50px;
}
#content textarea.h80 {
	height:80px;
}
#content textarea.h150 {
	height:150px;
}

#content .submit_area {
	margin:5px 0 20px 0;
}
#content .submit_area:after {
	content:"";
	clear:both;
	height:0;
	display:block;
	visibility:hidden;
}
#content .submit_area .left {
	float:left;
}
#content .submit_area .right {
	float:right;
}



/*--------------------------------------------------------------
4.0 - Other
--------------------------------------------------------------*/
.overflow_100 {
	overflow:auto;
	height:100px;
	border-bottom:1px solid #333;
}

/*--------------------------------------------------------------
4.1 - jobseeker
--------------------------------------------------------------*/
#calender {
	width:890px;
	margin:10px 0px;
	padding:10px;
	font-size:12px;
	border:1px solid #bababa;
	background:#fff;
}
#calender:after {
	content:"";
	clear:both;
	height:0;
	display:block;
	visibility:hidden;
}
#calender .f_left {
	float:left;
}
#calender table.calender_box {
	width:200px;
	margin-left:18px;
}
#calender table.calender_box th, 
#calender table.calender_box td {
	border:1px #575757 solid;
	padding:3px;
}
#calender table.calender_box th {
	width:120px;
	font-weight:normal;
	text-align:center;
	background-color:#7f7f7f;
	color:#fff;
}