@charset "utf-8";
/*************************************************
アーバス東京支店 ホームページ スタイルシート

2006.12.01? - dou
*************************************************/

* {
	font-style: normal;
	font-family: MS UI Gothic;
	font-size: 11pt;
	color: #000000;
}

/*body 設定*/
body {
	width: 800px;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	background: #fff;
}

a{
	color:#f50;
}

a:hover{
 	color: #fff;
/*	text-decoration: none;*/
	background-color: #08f;
}

/*a:visited{
	color:#f50;
}

a:active{
	color:#f50;
}*/

/*----------------------------------------------------------
共通ボタン、フォーム
----------------------------------------------------------*/
/*input 設定*/
input {
	font-size: 10pt;
}

/*label設定*/
label {
	font-size: 12pt;
	color: #fff;
}

/*select 設定*/
select {
	font-size: 10pt;
}

/*リセットボタン*/
.btn_reset {
	border-style: solid;
	border-width: 2px;
	border-color: #979797;
	background-color: #ff3;
	cursor: pointer;
	width: 100px;
}

/*確認ボタン*/
.btn_submit {
	border-style: solid;
	border-width: 2px;
	border-color: #979797;
	background-color: #49f;
	color: #fff;
	cursor: pointer;
	width: 100px;
}

/*箇条書き*/
ul {
	text-indent: 10px;
	list-style-type: square;
	line-height: 1.5em;
}

/*----------------------------------------------------------
汎用コメント
----------------------------------------------------------*/
#comment {
	margin: 20px 0 0 10px;
}


/*----------------------------------------------------------
ヘッダ
----------------------------------------------------------*/
/*ヘッダ*/
#header {
	width: 800px;
	height: 60px;
	background: url(../images/abbstk_header.gif) no-repeat;
}



/*----------------------------------------------------------
フッタ
----------------------------------------------------------*/
#footer {
	width: 800px;
	height: 34px;
}


/*----------------------------------------------------------
メインエリア
----------------------------------------------------------*/
#main {
	width: 800px;
	padding: 10px;
}


/*----------------------------------------------------------
メニュー
----------------------------------------------------------*/
#menu {
	width: 197px;
	height: 100%;
	float: left;
	/*margin-right: 10px;*/
}


/*----------------------------------------------------------
本文
----------------------------------------------------------*/
#text {
	/*margin: 0 0 0 7px;*/
	width: 580px;
	background-color: #fff;
	float: right;
	margin-right: 20px;
	_margin-right: 0;/* IE用 */
}

/*タイトル*/
#text .title {
	padding: 0 0 10px 0;
}

/*文章*/
#text .text_large {
	/*padding: 0 0 10px 0;*/
	font-size: 18pt;
	color: #08f;
}

#text .text_normal {
	/*padding: 0 0 0 10px;*/
	line-height: 150%;
}

#text .text_normal .indent1 {
	/*padding: 0 0 0 10px;*/
	margin-left: 20px;
}

#text .text_normal .indent1 img{
	border: 1px solid #666;
	margin: 0 0 10px 5px;
	float: right;
}



#text .text_normal .subtitle{
	border-style: none none solid solid;
	border-color: #09f;
	border-width: 0 0 1px 4px;
	font-weight: bold;
	color: #000;
	margin:0 0 5px 15px;
	clear: right;
}


#text .text_normal .subtitle2{
	border-style: none none solid solid;
	border-color: #f60;
	border-width: 0 0 1px 4px;
	font-weight: bold;
	color: #000;
	margin:0 0 5px 15px;
	clear: right;
}


#text .text_normal td{
	padding: 4px;
	border-style: none none dotted none;
	border-color: #aaa;
	border-width: 1px;
	vertical-align: top;
}

#text .text_normal .list_title{
	text-indent: -2.7em;
}

#text .text_left {
}

#text .text_left li {
	font-size: 10pt;
}

/*TOPページ求人TOPICS*/
#text .text_kyu-jin {
	padding: 0 0 10px 0;
	/*padding: 0 0 10px 10px;*/
	font-size: 14pt;
	color: #f00;
}

/*初めてボタン*/
#text .btn_bosyu {
	padding: 20px 0 20px 0;
	width: 570px;
	text-align: center;
}

/*フォーム*/
#text .form_entry{
	width: 575px;
	margin: 0 0 0 5px;
}

#text .form_entry table{
	width: 100%;
}

#text .form_entry td{
	background-color: #efefff;
	font-size: 9pt;
	padding: 1em;
}

#text .form_entry th{
	color: #fff;
	background-color: #08f;
	font-size: 9pt;
	padding: 1em;
}

#text .form_entry .exjob{
}

#text .form_entry .exjob table{
	width: 100%;
}

#text .form_entry .exjob td{
	padding: 0;
}


#text .form_entry .idpass{
	width: 100%;
	text-align: center;
	border: 1px solid #09f;
	margin-bottom: 10px;
	padding-top: 10px;
}


/*資格・免許*/
#text .form_entry .qualification table{
	width: 100%;
}

#text .form_entry .qualification td{
	padding: 0;
	font-size: 9pt;
}

/*Q&A*/
#text .qa{
	/*padding: 4px;*/
}

#text .qa .question{
	/*margin: 20px 0 10px 0;*/
	padding: 20px 0 10px 0;
	border-style: none none dotted none;
	border-color: #08f;
	border-width: 1px;
	/*background-color: #08f;
	color: #fff;*/
	font-weight: bold;
}

#text .qa .question .no{
	font-weight: bold;
	color: #08f;
}

#text .qa .answer{
/*	margin: 10px 0 0 15px;*/
	padding: 10px 0 0 15px;
/*	text-indent: 15px;*/
}

#text .qa .answer .no{
	font-weight: bold;
	color: #f50;
}

/*求人情報*/
#jobinfo{

	margin: 10px 0 0 0;
	padding: 0 0 0 10px;
	text-align: center;
}


#jobAreainfo{
	float: right;
	width: 580px;
	margin: 10px 10px 0 0;
	padding: 0 0 0 10px;
	text-align: center;
}



		#jobAreainfo .selectZone{
			width: 100%;
			text-align: left;
			margin-top: 5px;

		}


		#jobAreainfo .selectZone span{
			font-size: 20px; 
			font-weight: bold;
			color:#08f; text-align: left;

		}

		#jobAreainfo .selectZone table{
			width: 100%;
			border: 1px solid #08f;
			margin: 120px 0 350px 0;

		}

		#jobAreainfo .selectZone th{
			background-color: #08f;
			color: #fff;

		}

		#jobAreainfo .selectZone td{
			width: 25%;
			border-right: 1px solid #08f;
			text-align: center;
			padding: 10px 0;

		}



#jobinfo .selectArea{
	text-align: left;
	width: 120px;
	border-style: solid;
	border-width: 1px;
	border-color: #08f;
	float: left;
}

#jobinfo .selectArea .title{
	margin: 0 0 2px 0;
	padding: 2px;
	font-size: 10pt;
	color: #fff;
	background-color: #08f;
}

#jobinfo .selectArea a:hover{
 	color: #fff;
	text-decoration: none;
	background-color: #08f;
}

#jobinfo .selectArea .selected{
	margin: 2px;
	padding: 2px;
	color: #fff;
	background-color: #08f;
}

#jobinfo .selectArea .unselected{
	margin: 2px;
	padding: 2px;
}

#jobinfo .selectArea .selected .count{
	color: #fff;
	font-size: 8pt;
}

#jobinfo .selectArea .unselected .count{
	font-size: 8pt;
}


#jobinfo .joblist{
	text-align: left;
	width: 430px;
	border-style: solid;
	border-width: 1px;
	border-color: #08f;
}

#jobinfo .joblist .view{
	padding: 2px;
	width: 100%;
	font-size: 10pt;
	color: #fff;
	background-color: #08f;
}

#jobinfo .joblist .view a{
	font-size: 10pt;
	color: #fff;
}

#jobinfo .joblist a:hover{
 	color: #f50;
}

#jobinfo .joblist .listView{
	width: 100%;
}

#jobinfo .joblist .listView table{
	width: 100%;
}

#jobinfo .joblist .listView th{
	width: 50px;
	padding: 2px;
	border-style: solid;
	border-width: 2px;
	border-color: #08f;
	background-color: #08f;
	font-size: 8pt;
	color: #fff;
	font-weight: normal;
	verticl-align: middle;
}

#jobinfo .joblist .listView td{
	width: 380px;
	padding: 5px 2px 5px 2px;
	border-style: none none dotted none;
	border-width: 2px;
	border-color: #08f;
}

#jobinfo .joblist .listView td a:hover{
 	color: #fff;
	background-color: #08f;
}

/*#jobinfo .joblist .listView td a{
	font-weight: bold;
	color: #08f;
	text-decoration: none;
}*/

#jobinfo .joblist .detailView{
	width: 430px;
}

#jobinfo .joblist .detailView table{
	width: 100%;
	margin: 2px 0 0 0;
	border-style: solid none solid none;
	border-width: 1px;
	border-color: #08f;
}

#jobinfo .joblist .detailView th{
	width: 60px;
	padding: 2px;
	border-style: solid;
	border-width: 2px;
	border-color: #08f;
	background-color: #08f;
	font-size: 10pt;
	color: #fff;
	font-weight: normal;
	verticl-align: middle;
}

#jobinfo .joblist .detailView td{
	/*width: 380px;*/
	padding: 5px 2px 5px 2px;
	border-style: dotted none none  none;
	border-width: 2px;
	border-color: #08f;
}

#jobinfo .joblist .entryView{
	width: 430px;
}

#jobinfo .joblist .entryView table{
	width: 100%;
	margin: 0 0 0 0;
	border-style: solid none solid none;
	border-width: 1px;
	border-color: #08f;
}

#jobinfo .joblist .entryView th{
	padding: 2px;
	border-style: solid;
	border-width: 2px;
	border-color: #08f;
	background-color: #08f;
	font-size: 10pt;
	color: #fff;
	font-weight: normal;
	verticl-align: middle;
	white-space: nowrap;
}

#jobinfo .joblist .entryView td{
	padding: 5px 2px 5px 2px;
	border-style: dotted none none  none;
	border-width: 2px;
	border-color: #08f;
}



/*MAPページ*/
#map{
text-align: center;
}

#map img{
border: 1px solid #666;
}



/*----------------------------------------------------------
おしまい
----------------------------------------------------------*/