/** defined standard tags **/
body {
	background-color: #ffffff;
	color: #404040;
}

a:link, a:active, a:visited {
    color: #10218c;
    text-decoration:none;
}
a:hover {
    color: #ffd700;
}


h1 {
/*font-family:"ＭＳ ゴシック","MS Gothic",sans-serif;*/
	font-size: 13pt;
border-left:15px solid #999999;
border-bottom:1px dotted #999999;
color:#666666;
margin:2px 0px;
padding:3px 4px;
}

h2 {
background-image:url(../images/title_background.gif);
background-repeat:repeat-y;
border-left:15px solid #12248D;
	color: #ffffff;
/*font-family:"ＭＳ ゴシック","MS Gothic",sans-serif;*/
	font-size: 11pt;
	padding:3px;
}

table {
	/*border: none;*/
	border-spacing:0px;
	/*border-collapse: collapse;*/
}

img {
	border: none 0px;
}

/** define layout **/

/** table used to force footer to end of page **/
table#layout {
	width:100%;
}

table#layout td {
	padding:0px;
}

div#container {
height:auto;
margin:0pt auto 0pt 20px;
text-align:left;
width:800px;
color:#404040;
/*font-family:"ＭＳ ゴシック","MS Gothic",sans-serif;*/
font-size:10pt;
}

div#header {
    margin:0px;
	height:60px;
}

div#right-area {
float:right;
width:240px;
margin:0px ;
padding:0px;
}

#right-area .banner {
clear:both;
margin:1px 0px;
}

div#body {
    float:left;
    width:545px;
	margin:0px;
	padding: 5px;
}

div#footer {
	clear: both;
border-top:4px solid #e8e8e8;
color:#999999;
font-family:Verdana,"ＭＳ ゴシック","MS Gothic",sans-serif;
font-size:9pt;
margin:20px 0px;
vertical-align:middle;
width:800px;
padding:5px;
height:30px;
}
div#footer .footer-left {
float:left;
}
div#footer .footer-left .footer-logo {
float:left;
}
div#footer .footer-left .footer-link {
float:left;
}
div#footer .footer-left .footer-link ul {
list-style-type:none;
}
div#footer .footer-left .footer-link ul li {
padding: 0px 5px;
float:left;
}
div#footer .footer-left .footer-link ul li a {
    color:#333333;
text-decoration:none;
}
div#footer .footer-left .footer-link img {
vertical-align:middle;
}
div#footer .copyright{
float:right;
text-align:right;
}

div#footer .copyright a {
    color:#999999;
text-decoration:none;
}

div#logo1 {
	float:left;
	margin:5px 0 0 0;
}


div#logo2 {
	float:right;
	margin:0px;
    padding:0px;
color:#666666;
/*font-family:"ＭＳ ゴシック","MS Gothic",sans-serif;*/
font-size:9pt;
text-align:right;
vertical-align:bottom;
}

div#logo2 a {
    color:#666666;
text-decoration:none;
}
div#logo2 a:hover {
    color:#ffd700;
}
div#logo2 ul{
list-style-type:none;
}
div#logo2 ul li{
    padding: 0px 7px;
border-left:1px solid #cdd5da;
float:left;
}
div#logo2 ul li img{
vertical-align:middle;
}

/** define body tag redefinitions **/


.job th {
	background-color: #293F9C;
	color: #ffffff;
/*font-family:"ＭＳ ゴシック","MS Gothic",sans-serif;*/
	font-size: 10pt;
	vertical-align: top;
	text-align:left;
	/*border:1px #FFFFFF solid;*/
	padding: 2px;
}

.job td {
	color: #404040;
/*font-family:"ＭＳ ゴシック","MS Gothic",sans-serif;*/
	font-size: 10pt;
	vertical-align: top;
	text-align:left;
	/*border:1px #FFFFFF solid;*/
	padding: 2px;
}


div#body li {
	 margin-top:3px;
}

/** define other body styles **/

div.section {
	margin-left: 25px;
}

div.subsection {
	margin-left: 25px;
}

div.source {
	margin-left:25px;
	margin-top:20px;
	margin-bottom:20px;
	padding-left:4px;
	padding-right:4px;
	padding-bottom:4px;
	padding-top:5px;

	/*width:600;*/

	border: 1px solid #333333;
	background-color: #EEEEEE;
	color: #333333;

	/** bug: puts a extra line before the block in IE and after the block in FireFox **/
	white-space: pre;

font-family:"Courier",sans-serif;
	font-size: 10pt;
	text-align: left;

	overflow:auto;
}

/*
div.license {
	margin-left:0px;
	margin-top:20px;
	margin-bottom:20px;
	padding:5px;

	border: 1px solid #333333;
	background-color: #EEEEEE;
	color: #333333;

	text-align: left;
}
*/

/** define menu styles **/

div.menusection {
    width: 222px;
    border-top:4px solid #b0b0b0;
    border-left:1px solid #b0b0b0;
    border-right:1px solid #b0b0b0;
    border-bottom:1px solid #b0b0b0;
	margin-bottom:5px;
}

.menuheader {
    padding:10px 0px 10px 10px;
	font-weight:bold;
	margin-bottom:0px;
	color: #666666;
    border-bottom:1px solid #b0b0b0;
}

.menuheader img {
	margin-left:8px;
}

div.menusection ul {
background-color:#eeeeee;
margin:0px;
padding:0px;
width:222px;

}
div.menusection li {
border-bottom:1px solid #b0b0b0;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin:0px;
padding:0px;
}
div.menusection li.bmenu {
}
div.menusection li.selected-menu {
background-color:#BCC7D0;
}
div.menusection li.submenu {
background-color:#fafafa;
}
div.menusection li.selected-submenu {
background-color:#BCC7D0;
}
div.menusection li div {
color:#3d60a1;
font-family:Verdana,"ＭＳ ゴシック","MS Gothic",sans-serif;
font-size:9pt;
font-weight:bold;
margin:0px;
padding:5px 0px 5px 10px;
}
div.menusection li a {
color:#3d60a1;
font-family:Verdana,"ＭＳ ゴシック","MS Gothic",sans-serif;
font-size:9pt;
font-weight:bold;
margin:0px;
padding:0px;
text-decoration:none;
}
div.menusection li a:visited {
color:#3d60a1;
}
div.menusection li a:hover {
color:#ffd700;
}
div.menusection li.selected-menu a {
color:#777F85;
}
div.menusection li.selected-submenu a {
color:#777F85;
}

div#navbar {
height:52px;
margin:10px 0 0 0;
padding:0px;
width:800px;
text-align:left;
color:#333333;
font-family:Verdana,"ＭＳ ゴシック","MS Gothic",sans-serif;
font-size:9pt;
border-top:3px solid #014199;
}

div#navbar ul {
margin:0px;
padding:0px;
height:32px;
}

div#navbar li {
float:left;
height:32px;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin:0px;
padding:0px 5px 0px 5px;
}

div#navbar a {
color:#3d60a1;
float:left;
font-family:Verdana,"ＭＳ ゴシック","MS Gothic",sans-serif;
font-size:9pt;
font-weight:bold;
margin:0px;
padding:9px 5px;
text-decoration:none;
}
div#navbar a:hover {
    color:#ffd700;
}

div#navbar img {
background-color:#FFFFFF;
float:right;
margin:0px;
padding:0px;
height:32px;
}

div#navbar .navbar-bottom {
height:20px;
background-image:url(../images/navbar_bg.gif);
background-repeat:repeat-x
}

.sitemap {
	margin:10px;
}
.sitemapsection {
	margin:10px;
    clear:both;
}

.sitemapheader {
	font-weight:bold;
	margin-bottom:0px;
font-size:10pt;
}

.sitemapsection ul {
margin:0px;
padding:0px;
}
.sitemapsection li {
float:left;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin:0px 10px 10px 5px;
padding:0px;
}
.sitemapsection li div {
font-family:Verdana,"ＭＳ ゴシック","MS Gothic",sans-serif;
font-size:10pt;
font-weight:bold;
margin:0px;
padding:5px 0px;
}
.sitemapsection li a {
font-family:Verdana,"ＭＳ ゴシック","MS Gothic",sans-serif;
font-size:10pt;
font-weight:bold;
margin:0px;
padding:0px;
text-decoration:none;
}
.sitemapsection li a:visited {
}
.sitemapsection li a:hover {
color:#ffd700;
}

div#guide table {
border: 1px solid #666666;
margin: 5px;
padding: 0px;
}
div#guide .guide-head {
width:100px;
border:1px solid #666666;
font-size:10pt;
padding:10px 5px;
}
div#guide .guide-desc {
border:1px solid #666666;
font-size:10pt;
padding:10px 5px;
}

.top-left-area {
float:left;width:555px;
}
.top-right-area {
float:right;width:240px;margin:0px ;padding:0px;
}
#top-news {
clear:both;
text-align:left;
}
#top-news h1 {
border:0px;
font-size:10pt;
background-image:url(../images/title_background.gif);
background-repeat:repeat-y;
color:#FFFFFF;
margin:2px 0px;
padding:3px 4px;
}
#top-news ul {
list-style-type:none;
padding:0px;
margin:0px;
}
#top-news ul li {
float:left;
}
#top-jobnews {
clear:both;
text-align:left;
}
#top-jobnews h1 {
border:0px;
font-size:10pt;
background-image:url(../images/title_background.gif);
background-repeat:repeat-y;
color:#FFFFFF;
margin:2px 0px;
padding:3px 4px;
}
#top-jobnews ul {
list-style-type:none;
padding:0px;
margin:0px;
}
#top-jobnews ul li {
float:left;
}
#top-tempnews {
clear:both;
text-align:left;
}
#top-tempnews h1 {
border:0px;
font-size:10pt;
background-image:url(../images/title_background.gif);
background-repeat:repeat-y;
color:#FFFFFF;
margin:2px 0px;
padding:3px 4px;
}
#top-tempnews ul {
list-style-type:none;
padding:0px;
margin:0px;
}
#top-tempnews ul li {
float:left;
}
.top-list-icon {
width:50px;
padding:5px;
text-align:right;
}
.top-list {
padding:5px;
border-left:1px solid #BDC7D3;
}
.top-right-area .banner {
clear:both;
margin:1px 0px;
}
.top-right-area .box {
width:225px;height:140px;border:1px solid #8e8e8e;margin:5px 0px;padding:0px;
}
.top-right-area .box-title {
background-image:url(../images/toptitle_bg.gif);background-repeat:repeat-x;height:23px;padding:4px 0px 0px 6px;font-family:MS ゴシック,sanserif;font-size: 10pt;font-weight:bold;color:white;
}
.top-right-area .box-content {
padding:5px;font-family:MS ゴシック,sanserif;font-size: 9pt;color:black;
}
.top-right-area .box-content-link {
padding:5px;text-align:right;
}

.top-right-area .license {
width:225px;margin:10px 0px;padding:0px;
}
.top-right-area .license-title {
margin: 8px 0px 8px 40px;
font-family:MS ゴシック,sanserif;
font-size: 8pt;
color:#333333;
}

#top-menu {
width:555px;
margin: 5px 0px 10px 0px;
height:30px;
}
#top-menu .top-menu-box {
background-image:url(../images/menu_background.gif);
background-repeat:repeat-y;
float:left;
width:122px;
border:2px solid #cccccc;
padding: 5px 0px 5px 10px;
margin: 0px 1px;
}
#top-menu .top-menu-box a {
    color: #eeeeee;
    text-decoration:none;
	font-weight:bold;
	font-size: 10pt;
}

.recruit table {
border-collapse:collapse;
border-left:1px solid #C4C4C4;
border-top:1px solid #C4C4C4;
margin:5px 0px;
}

.recruit tr {
}

.recruit th {
background-color:#EFF7FF;
color:#666666;
padding:5px 8px;
vertical-align:top;
border-bottom:1px solid #C4C4C4;
border-right:1px solid #C4C4C4;
}

.recruit td {
background-color:#fafafa;
padding:5px 8px;
vertical-align:top;
border-bottom:1px solid #C4C4C4;
border-right:1px solid #C4C4C4;
}

.jobdetail table {
border-collapse:collapse;
border-left:1px solid #C4C4C4;
border-top:1px solid #C4C4C4;
margin:5px 0px;
}

.jobdetail tr {
}

.jobdetail th {
background-color:#EFF7FF;
color:#666666;
padding:5px 8px;
vertical-align:top;
border-bottom:1px solid #C4C4C4;
border-right:1px solid #C4C4C4;
}

.jobdetail td {
background-color:#fafafa;
padding:5px 8px;
vertical-align:top;
border-bottom:1px solid #C4C4C4;
border-right:1px solid #C4C4C4;
}

/*
研修テーブル
*/
div#traning{
	border-collapse:collapse;
	margin:5px 0px;
	background-color: #ffffff;
}

#traning tr{
border-bottom:1px solid #C4C4C4;
border-right:1px solid #C4C4C4;
}

#traning th{
border-bottom:1px solid #C4C4C4;
border-right:1px solid #C4C4C4;
}

#traning td{
border-bottom:1px solid #C4C4C4;
border-right:1px solid #C4C4C4;
}
/*
研修テーブル終わり
*/