* {
	margin: 0;
	padding: 0;
}

html {
	min-height: 100%;
	width: 100%;
	height: 100.1%;
}

body {
	font: 12px/18px "ＭＳ Ｐゴシック", "MS UI Gothic", Osaka, Tahoma, Arial, Helvetica, Sans-Serif; 

	min-height: 100%;
	width: 100%;
	height:100%;
}

html>body, html>body{
	height: auto;
}

img {
  vertical-align: bottom;
}

div#container {
	background-color: #FFFFFF;
	margin: 0 auto 0 auto;
    border-top:solid 4px #000099;
    border-bottom:solid 1px #000000;
    border-left:solid 1px #000000;
    border-right:solid 1px #000000;
    width:740px;
	text-align: left;
	padding: 1px;
}

div#header {
	float: left;
	width: 740px;
	background: url(../img/title_back.gif) repeat top left;
}

div#header div#logo {
	width: 350px;
	height: 40px;
	padding-top: 12px;
	float: left;
}

div#headerRightButtonArea {
	width: 370px;
	height: 24px;
	padding-top: 16px;
	padding-right: 20px;
	float: right;
	text-align: right;
}

div#headerRightUnderMenuArea {
	color: #444;
	width: 370px;
	height: 20px;
	padding-top: 6px;
	padding-right: 20px;
	float: right;
	text-align: right;
}

div#headerRightUnderMenuArea ul {
	margin: 0;
	padding: 0 0 1px 5px;
}

div#headerRightUnderMenuArea ul li {
	font: 10px/14px "ＭＳ Ｐゴシック", "MS UI Gothic", Osaka, Tahoma, Arial, Helvetica, Sans-Serif;
	display:inline;
	margin: 0 -3px 0 5px;
	padding: 0;
	list-style-type: none;
}

div#headerRightUnderMenuArea a {
	color: #444;
	text-decoration: none
}
div#headerRightUnderMenuArea a :visited {
	color: #444;
	text-decoration: none
}
div#headerRightUnderMenuArea a :hover {
	color: #b0974a;
/*	text-decoration: none*/
}

div#headerRightUnderMenuArea a :active {
	color: #b0974a;
	text-decoration: none
}

div#bodyContainer {
	font: 12px/18px "ＭＳ Ｐゴシック", "MS UI Gothic", Osaka, Tahoma, Arial, Helvetica, Sans-Serif; 
	background-color: #FFFFFF;
	clear: both;
	float:left;
	width: 740px;
	padding: 0px;
}

div#contents {
	width: 620px;
	float: left;
	padding-left: 0px; 
	padding-top: 10px; 
}

div#contents div#contents-row { /* IE 対策用行単位ラッパー */
	clear: both;
	width: 620px;
	float: left;
	padding-left: 0px; 
}

div#contents div#contents-1 {
	width: 600px;
	float: left;
	padding-left: 20px; 
}

div#contents div#contents-2 {
	width: 290px;
	float: left;
	padding-left: 20px; 
}

div#contents div#contents-4-left {
	width: 150px;
	float: left;
	padding-left: 20px; 
}

div#contents div#contents-4 {
	width: 150px;
	float: left;
	padding-left: 0px; 
}

div#contents div#spacer {
	font: 4px/4px Sans-Serif; 
	clear: both;
	width: 620px;
	float: left;
}

/* 2段組　タイトル、地図ボックス、ジョブリスト */

/*
div#contents img {
	float: left;
}
*/

div#contents img.title {
	float: left;
	margin-bottom:18px;
}

div#contents img.mapBox {
	border: solid 1px #999999;
	padding: 4px;
}

div#contents div#gyousyuList {
	width: 145px;
	float: left;
	padding-left: 0px;
}

iframe {
    background: #fff;
	color: #fff;
	vertical-align: top;
	white-space: normal;
}

iframe.iframe-box {
	margin: 0 0 0 0; 
	padding: 0;
    border-top:solid 0px #000000;
    border-bottom:solid 1px #465F98;
    border-left:solid 1px #465F98;
    border-right:solid 1px #465F98;
    padding: 0em;
/*    overflow: auto; */
}

div#gyousyuList ul { 
	float: left;
	margin: 0; 
	padding :0; 
	list-style-type : none; 
}

div#gyousyuList li {
	padding :0; 
	margin:0;
height:20px;
}

div#gyousyuList a {
	padding-top:2px; 
	padding-left:0px; 
	padding-bottom:0px; 
	font: 12px/16px "ＭＳ Ｐゴシック","MS UI Gothic", Osaka, Tahoma, Arial, Helvetica, Sans-Serif; 
/*	margin-bottom: 50px; */
/*	height:20px; */
	vertical-align: bottom;
	line-height: 16px;
}

div#gyousyuList img {
	vertical-align: top;
	float: none;
}

div#gyousyuList a :link {
	COLOR: #5f28cc; TEXT-DECORATION: underline
}

div#gyousyuList a :visited {
	COLOR: #5f28cc; TEXT-DECORATION: underline
}

div#gyousyuList a :active {
	TEXT-DECORATION: underline
}

div#gyousyuList a :hover {
	COLOR: #ff4570; TEXT-DECORATION: underline
}

div#banner {
	width: 120px;
	float: right;
	text-align: center;
}

div#banner div#b-top {
	height: 42px;
	padding-top: 6px;
	padding-bottom: 4px;
}

div#banner div#b-bottom {
}

div#b-bottom img {
	margin-bottom: 20px;
}


div#footer {
	clear: both;
	color: #444;
	width: 740px; 
	height: 30px; 
	text-align: center;
	padding-top: 10px;
    border-top:solid 1px #000000;
}

div#contents h1 {
	font: bold 18px/24px "ＭＳ Ｐゴシック", "MS UI Gothic", Osaka, Tahoma, Arial, Helvetica, Sans-Serif; 
	float:left
	padding: 0;
}

div#contents h1.jobTitlebox
{
	font: 12px/18px "ＭＳ Ｐゴシック", "MS UI Gothic", Osaka, Tahoma, Arial, Helvetica, Sans-Serif; 

	margin: 20px 0 10px 0; 
	width: 598px;

    background: #FEDEFE;
    border-top:solid 1px #FFEEFF;
    border-bottom:solid 1px #D0B0D0;
    border-left:solid 1px #FFEEFF;
    border-right:solid 1px #D0B0D0;
}

div#contents-1 div#jobListbox
{
	clear:both;
	float: left;
	margin: 0 0 10px 0; 
	padding-top: 10px;
    background-color: #A0D060;
    border-right:solid 1px #608030;
    border-bottom:solid 1px #608030;
}

div#jobListbox div#jobListboxInner
{
	float: left;
	margin: 0 0 0 0; 
    background: #FFFFFF;
    border-top:solid 1px #608030;
    border-left:solid 1px #608030;
    border-right:solid 1px #A0D060;
    border-bottom:solid 1px #A0D060;
	padding: 1px;
	width: 594px; /* 600 -( pad 1px + mar 1px + mar 1px) * 2 */
}

div#jobListbox div#jobListboxInnerWide
{
	float: left;
	margin: 0 0 0 0; 
    background: #FFFFFF;
    border-top:solid 1px #608030;
    border-left:solid 1px #608030;
    border-right:solid 1px #A0D060;
    border-bottom:solid 1px #A0D060;
	padding: 1px;
	width: 695px; /* 600 -( pad 1px + mar 1px + mar 1px) * 2 */
}

div#jobListbox table {
	margin: 0px;
	padding: 0px;
}

div#jobListbox table.listBox {
	margin: 0 0 0 0;
	padding: 0px;	
	width: 100%;
}

div#jobListbox td {
	font: normal 12px/16px "ＭＳ Ｐゴシック", "MS UI Gothic", Osaka, Tahoma, Arial, Helvetica, Sans-Serif; 
	color: #444;
	padding-top: 8px; 
	padding-left: 8px; 
	padding-right: 8px; 
	padding-bottom: 8px; /* td total = 594 - 16 */
}

div#jobListbox td.title {
	font-weight: bold;
	width: 378px; 
	background-color: #ffffc0; 
}

div#jobListbox td.area {
	font-weight: bold;
	width: 200px; 
	text-align: right;
	background-color: #ffffc0; 
}

div#jobListbox td.updateDate {
	width: 360px; 
	text-align: right;
	background-color: #ffffc0; 
}

div#jobListbox td.contents {
}

div#jobListbox td.button {
	text-align: right;
	vertical-align: bottom;
/*	bottom:10px;
	right:10px;*/
}

div#jobListbox h2
{
	display: inline;
	font: bold 12px/18px "ＭＳ Ｐゴシック", "MS UI Gothic", Osaka, Tahoma, Arial, Helvetica, Sans-Serif;
	color: #000066;
}

div#jobListbox h3
{
	display: inline;
	font: bold 12px/18px "ＭＳ Ｐゴシック", "MS UI Gothic", Osaka, Tahoma, Arial, Helvetica, Sans-Serif;
	color: #000066;
}


div#jobListbox img
{
	float: none;
}





.breadcrumb{
font: 12px "ＭＳ Ｐゴシック",Osaka,sans-serif;
	padding-right: 2px; /*adjust bullet image padding*/
	margin-bottom:10px;
}

.breadcrumb a{
/*	background: transparent url(../img/breadcrumb.gif) no-repeat center right;*/
	padding-right: 2px; /*adjust bullet image padding*/
	COLOR: #006aff; TEXT-DECORATION: underline
}

.breadcrumb a:visited{
	COLOR: #5f28cc; TEXT-DECORATION: underline
}

.breadcrumb .breadcrumb a:active{
	TEXT-DECORATION: underline
}

.breadcrumb a:hover{
	COLOR: #ff4570; TEXT-DECORATION: underline
}


div.itemBox {
	font: 12px/18px "ＭＳ Ｐゴシック", "MS UI Gothic", Osaka, Tahoma, Arial, Helvetica, Sans-Serif; 
	margin: 0 0 0 0; 
	padding: 6;
	background : #FFFFC0;
    border-top:solid 2px #EBEBAC;
    border-bottom:solid 1px #FFFFD4;
    border-left:solid 2px #EBEBAC;
    border-right:solid 1px #FFFFD4;
		
}


div.admit-index {
	font: 12px/16px "ＭＳ Ｐゴシック", "MS UI Gothic", Osaka, Tahoma, Arial, Helvetica, Sans-Serif; 
	background: url(img/bullet.gif) #fafafa no-repeat 0px 0px; 

	border-top: #fff 1px solid; 
	margin-top: 1px;
	margin-left: 1px;
	padding-left: 16px; 
	float: left; 
	padding-bottom: 1px; 
	width: 182px; 
	padding-top: 1px; 
	border-bottom: #ccc 1px solid
}



.onlineForm {
	width: 599px;
	float: left;
	border-top:solid 1px #ccc;
	border-left:solid 1px #ccc;
/*	background-color: blue; */
}

.onlineForm table {
	float: left;
	margin: 0px;
	padding: 0px;
}

.onlineForm td {
	font: normal 12px/16px "ＭＳ Ｐゴシック", "MS UI Gothic", Osaka, Tahoma, Arial, Helvetica, Sans-Serif; 
	color: #444;
	padding: 4px; 
	border-top: #fff 1px solid;
	border-bottom: #ccc 1px solid;
	border-left: #fff 1px solid;
	border-right: #ccc 1px solid;
}


.onlineForm table.listBox {
	margin-left: 0px;
	margin-top: 8px;
	margin-bottom: 8px;
	padding: 0px;	
	border-top:solid 1px #ccc;
	border-left:solid 1px #ccc;
	width: 598px;
}

.onlineForm td.header-column {
	font-weight: bold;
	width: 145px; 
	height: 32px; 
	background-color: #f0f0f0; 
}

.onlineForm td.header-column-1 {
	font-weight: bold;
	width: 99px; 
	background-color: #f0f0f0; 
}

.onlineForm td.header-column-2 {
	font-weight: bold;
	width: 40px; 
	background-color: #f0f0f0;
}

.onlineForm td.header-column-1-nb {
	font-weight: bold;
	width: 99px; 
	background-color: #f0f0f0; 
	border-right:0px;
}

.onlineForm td.header-column-2-nb {
	font-weight: bold;
	width: 40px; 
	background-color: #f0f0f0;
	border-right:0px;
	border-left:0px;
}

.onlineForm td.header-column-3-nb {
	font-weight: bold;
	width: 40px; 
	background-color: #f0f0f0;
	border-left:0px;
}


.onlineForm td.header-column em {
	color: #f33;
	font-style: normal;
}

.onlineForm td.header-column-1 em {
	color: #f33;
	font-style: normal;
}

.onlineForm td.header-column-2 em {
	color: #f33;
	font-style: normal;
}

.onlineForm td.data-column {
	width: 385px; 
	background-color: #fafafa; 
}

.onlineForm td.data-column-1 {
	width: 310px;
	background-color: #fafafa; 
}

.onlineForm td.data-column-2 {
	width: 170px; 
	background-color: #fafafa; 
}

.onlineForm td.data-column-1-nb {
	width: 40px; 
	background-color: #fafafa; 
	border-right: #ccc 0px solid;
}

.onlineForm td.data-column-1-nb-nb {
	width: 40px; 
	background-color: #fafafa; 
	border-right: #ccc 0px solid;
	border-top: #ccc 0px solid;
	border-bottom: #ccc 0px solid;
}

.onlineForm td.data-column-2-nb {
	width: 40px; 
	background-color: #fafafa; 
	border-right: #ccc 0px solid;
	border-left: #ccc 0px solid;
}

.onlineForm td.data-column-2-nb-nb {
	width: 40px; 
	background-color: #fafafa; 
	border: #ccc 0px solid;
}

.onlineForm td.data-column-3-nb {
	width: 40px; 
	background-color: #fafafa; 
	border-left: #ccc 0px solid;
}

.onlineForm td.data-column-3-nb-nb {
	width: 40px; 
	background-color: #fafafa; 
	border-left: #ccc 0px solid;
	border-top: #ccc 0px solid;
	border-bottom: #ccc 0px solid;
}

.onlineForm td.header-column-white {
	font-weight: bold;
	background-color: #ffffff; 
	border-right: #fff 0px solid;
}

.onlineForm td.data-column-white {
	width: 385px; 
	background-color: #ffffff; 
	border-right: #fff 0px solid;
	border-left: #fff 0px solid;
}

.onlineForm td.data-column-1-white {
	width: 200px;
	background-color: #ffffff; 
	border-left: #fff 0px solid;
	border-right: #fff 0px solid;
}

.onlineForm td.data-column-2-white {
	width: 40px; 
	background-color: #ffffff; 
	border-left: #fff 0px solid;
}
	
.onlineForm td.data-column-1-white-b {
	width: 200px;
	background-color: #ffffff; 
	border-left: #fff 0px solid;
	border-right: #fff 0px solid;
	border-top: #ccc 1px solid;
}

.onlineForm td.data-column-2-white-b {
	width: 40px; 
	background-color: #ffffff; 
	border-left: #fff 0px solid;
	border-top: #ccc 1px solid;
}

.onlineForm .error_message {
	font-weight: bold;
	color: #C33;	
}

.onlineForm img {
	float: right;
}

div#contents .inputstyle, INPUT.text {
	font: 12px/13px "ＭＳ Ｐゴシック", "MS UI Gothic", Osaka, Tahoma, Arial, Helvetica, Sans-Serif; 
	color:#333333;
	background-color:#fff;
	border-style:solid;
	border-width:1px;
	border-color:#aae;

#	padding-top: 1px;
	padding-bottom: 1px;
	margin: 0;
	vertical-align: middle;
}

div#contents .contentTitle
{
	display: inline;
	font: bold 14px/20px "ＭＳ Ｐゴシック", "MS UI Gothic", Osaka, Tahoma, Arial, Helvetica, Sans-Serif;
	color: #000066;
}

div#contents .contentTitleS
{
	display: inline;
	font: bold 12px/18px "ＭＳ Ｐゴシック", "MS UI Gothic", Osaka, Tahoma, Arial, Helvetica, Sans-Serif;
	color: #000066;
}

.submit_style {
	font: 14px/18px "ＭＳ Ｐゴシック", "MS UI Gothic", Osaka, Tahoma, Arial, Helvetica, Sans-Serif; 
	color:#9d9;
	background-color:#363;
	border-style:solid;
	border-width:1px;
	border-color:#aae;
	padding-top: 0px;
	margin: 0;
}

.select_style {
	font: 12px/12px "ＭＳ Ｐゴシック", "MS UI Gothic", Osaka, Tahoma, Arial, Helvetica, Sans-Serif; 
	color:#333333;
	background-color:#fff;
	border-style:solid;
	border-color:#aae;

	padding: 0;
	margin: 0;
}

.link_style {
	font: 12px/14px "ＭＳ Ｐゴシック", "MS UI Gothic", Osaka, Tahoma, Arial, Helvetica, Sans-Serif; 
	color:#5f28cc;
	background-color:#fff;
	border-style:solid;
	border-width:0px;
	border-color:#fff;
	padding-top: 0;
	margin: 0;
	TEXT-DECORATION: underline;
	vertical-align: baseline;
	cursor:pointer;
}

div.optionTitle {
	height: 20px; 
	width: 590px;
	padding-left:4px;
	padding-right:4px;
	float:left;
	color: #fff;
	margin: 0;
    background: #FEDEFE;
    border-top:solid 1px #FFEEFF;
    border-bottom:solid 1px #D0B0D0;
    border-left:solid 1px #FFEEFF;
    border-right:solid 1px #D0B0D0;
}

div.optionTitle A {
	color: #000;
	text-decoration: none
}
div.optionTitle A:visited {
	color: #000;
	text-decoration: none
}
div.optionTitle A:hover {
	color: #00f;
	text-decoration: none
}

div.optionTitle A:active {
	color: #000;
	text-decoration: none
}

div.optionList {
	height: 20px; 
	width: 150px;
	background-color: #fff; 
	float:left;
	padding:0;
	margin: 0;
}

div.optionListBox {
	height: 18px; 
	width: 140px;
	background-color: #f0f0f0; 
	border-top: #fff 1px solid;
	border-bottom: #ccc 1px solid;
	border-left: #fff 1px solid;
	border-right: #ccc 1px solid;
	float:left;
	padding-left:4px;
	padding-right:4px;
	margin: 0;
}

div.jobTitlebox{
	font: 12px/12px "ＭＳ Ｐゴシック", "MS UI Gothic", Osaka, Tahoma, Arial, Helvetica, Sans-Serif; 
	clear:both;
	width: 598px;
	height:18px
	float: left;
	margin: 0 0 10px 0; 
    background: #FEDEFE;
    border-top:solid 1px #FFEEFF;
    border-bottom:solid 1px #D0B0D0;
    border-left:solid 1px #FFEEFF;
    border-right:solid 1px #D0B0D0;
}

div.jobTitlebox p
{
	padding-top:2px;
	padding-bottom:2px;
	vertical-align:bottom;
}

div.jobTitlebox h1
{
	font: 12px/16px "ＭＳ Ｐゴシック", "MS UI Gothic", Osaka, Tahoma, Arial, Helvetica, Sans-Serif; 
}

div.jobTitlebox img {
	vertical-align:top;
}

div.jobTitlebox A {
	vertical-align:bottom;
	color: #000;
	text-decoration: none
}
div.jobTitlebox A:visited {
	vertical-align:bottom;
	color: #000;
	text-decoration: none
}
div.jobTitlebox A:hover {
	vertical-align:bottom;
	color: #00f;
	text-decoration: none
}

div.jobTitlebox A:active {
	color: #000;
	text-decoration: none
}

div.jobListbox
{
	clear:both;
	float: left;
	margin: 0 0 10px 0; 
	padding-top: 10px;
    background-color: #A0D060;
    border-right:solid 1px #608030;
    border-bottom:solid 1px #608030;
}

div.jobListbox .jobListboxInner
{
	float: left;
	margin: 0 0 0 0; 
    background: #FFFFFF;
    border-top:solid 1px #608030;
    border-left:solid 1px #608030;
    border-right:solid 1px #A0D060;
    border-bottom:solid 1px #A0D060;
	padding: 1px;
	width: 594px; /* 600 -( pad 1px + mar 1px + mar 1px) * 2 */
}

div.jobListbox .jobListboxInnerWide
{
	float: left;
	margin: 0 0 0 0; 
    background: #FFFFFF;
    border-top:solid 1px #608030;
    border-left:solid 1px #608030;
    border-right:solid 1px #A0D060;
    border-bottom:solid 1px #A0D060;
	padding: 1px;
	width: 695px; /* 600 -( pad 1px + mar 1px + mar 1px) * 2 */
}

div.jobListbox table {
	margin: 0px;
	padding: 0px;
}

div.jobListbox table.listBox {
	margin: 0 0 0 0;
	padding: 0px;	
	width: 100%;
}

div.jobListbox td {
	font: normal 12px/16px "ＭＳ Ｐゴシック", "MS UI Gothic", Osaka, Tahoma, Arial, Helvetica, Sans-Serif; 
	color: #444;
	padding-top: 8px; 
	padding-left: 8px; 
	padding-right: 8px; 
	padding-bottom: 8px; /* td total = 594 - 16 */
}

div.jobListbox td.title {
	font-weight: bold;
	width: 378px; 
	background-color: #ffffc0; 
}

div.jobListbox td.area {
	font-weight: bold;
	width: 200px; 
	text-align: right;
	background-color: #ffffc0; 
}

div.jobListbox td.updateDate {
	width: 360px; 
	text-align: right;
	background-color: #ffffc0; 
}

div.jobListbox td.contents {
}

div.jobListbox td.button {
	text-align: right;
	vertical-align: bottom;
/*	bottom:10px;
	right:10px;*/
}

div.jobListbox h2
{
	display: inline;
	font: bold 12px/18px "ＭＳ Ｐゴシック", "MS UI Gothic", Osaka, Tahoma, Arial, Helvetica, Sans-Serif;
	color: #000066;
}

div.jobListbox h3
{
	display: inline;
	font: bold 12px/18px "ＭＳ Ｐゴシック", "MS UI Gothic", Osaka, Tahoma, Arial, Helvetica, Sans-Serif;
	color: #000066;
}