@charset "Shift_JIS";

/* 
---------------------------------------------*/
* {
	margin: 0;
	padding: 0;
	font-size: 100%;
	color:black;

}
a {
	color:blue;
	text-decoration: none;

}
body {
	font-size: 75%;
	font-family: "ＭＳ ゴシック", "MS Gothic", "ＭＳ ゴシック", sans-serif;
	line-height: 1.4;
	color: #333333;
	background: #F4F4F4  left top repeat-x;
}

/* 上部の青いライン
---------------------------------------------*/
#h_line {
	width: 875px;
	height: 8px;

	background-color: blue;
	border-bottom: 3px solid yellow;

}
/* 上部メニュー
---------------------------------------------*/
#navi {
	padding-right: 20px;
	font-family:MS ゴシック;
	font-size:9pt;
}
#navi a {
	text-decoration: none;
}
#navi a:hover{
	border-bottom: 3px solid lime;
}


/*-- 左サイド　メニュー --*/
#menu {
	width: 140px;
	padding:0 0 0 10px;   /*-- メニューの位置 --*/

}
#menu ul {
	list-style: none;
	margin: 0;
	padding: 0;

}
#menu P {
	padding: 3px 0 3px 0;
}

#menu li {
	padding-top:    2px;
	padding-bottom: 2px;
}

#menu a {
	border-left: 10px solid darkgray;
}
#menu a:hover {
	border-left: 10px solid dodgerblue;
}



img {
	border: none;
	vertical-align: middle;
}
#wrapper {
	width: 880px;
	background: #FFFFFF;
	padding-top:35px;
}

/* スキルロゴ
---------------------------------------------*/
#logo {
	position: absolute;
	left: 17px;
	top: 10px;
}


/* 全体
---------------------------------------------*/
#content {
	overflow /**/: hidden;
	width: 100%;
	padding-bottom: 5px;

}
/* 左側
---------------------------------------------*/
#left_side {
	float: left;
	width: 157px;
	padding: 15px 0 0 0;
	background: #FFFFFF;


}
/* 右側
---------------------------------------------*/
#right_side {
	float: left;
	width: 700px;
	padding: 10px 0px 0 13px;
	border-left:  1px solid #ccc;
	border-right: 1px solid #ccc;
	font-size:9pt;
}

/* フッター
---------------------------------------------*/
#under a{
	style:	text-decoration: none;
	align:	center;
}
#footer {
	clear: both;
	background: blue;
	width: 875px;
	height: 10px;
}
#footer p{
	color: #FFFFFF;
	font-size:8pt;
	padding-left: 310px;

}


/* 青い線
---------------------------------------------*/
#bline {
	height: 4px;
	border-bottom: 4px solid blue;
}

/* グレー枠A
---------------------------------------------*/
#area {
	background:whitesmoke;
	border: 1px solid gray;
	padding: 0 0 0 10px;
}

/* グレー枠D   注文・相談
---------------------------------------------*/
#aread {
	background:whitesmoke;
	width: 160px;
	border: 2px dotted gray;
	padding: 2px;
}
/* グレー枠E   採用 正社員
---------------------------------------------*/
#area_e {
	background:whitesmoke;
	width: 230px;
	border: 1px solid #ccc;
	border-left: 8px solid chartreuse;
	font-weight:bold;
	padding: 2px;
	font-size:11pt;
	color:dimgray;
}
/* グレー枠E   採用 ｲﾝｽﾄﾗｸﾀ
---------------------------------------------*/
#area_e2 {
	background:whitesmoke;
	width: 340px;
	border: 1px solid #ccc;
	border-left: 8px solid chartreuse;
	font-weight:bold;
	padding: 2px;
	font-size:11pt;
	color:dimgray;
}

/* グレー枠B (見出し)
---------------------------------------------*/
#area_b {
	width: 200px;
	background:whitesmoke;
	border: 1px solid #ccc;
	border-left: 8px solid forestgreen;
	padding: 0 0 0 10px;
    padding:0.1em 1em;
	font-size:11pt;		
	font-weight:bold;
	color:dimgray;


}
/* グレー枠B (見出し)
---------------------------------------------*/
#area_b2 {
	width: 400px;
	background:whitesmoke;
	border: 1px solid #ccc;
	border-left: 8px solid forestgreen;
	padding: 0 0 0 10px;
    padding:0.1em 1em;
	font-size:10pt;
	font-weight:bold;
	color:dimgray;

}
/* グレー枠C  オンライン登録
---------------------------------------------*/
#area_c {
	width: 520px;
	background:whitesmoke;
	border: 1px solid #ccc;
	padding: 0 0 0 10px;
	border-left: 6px solid green;
}
/* グレー枠テーブル
---------------------------------------------*/
#tbl_g {
    border-collapse:collapse;
    border-spacing:0;
    empty-cells:show;

}

/* グレー枠テーブル TD
---------------------------------------------*/
#td_g {
    border:1px solid #CCC;
    padding:0.3em 1em;
    white-space: nowrap;
}
/* テーブル 仕事一覧
---------------------------------------------*/
#tbl_g_j {
    border-collapse:collapse;
    border-spacing:0;
}

/* テーブルＴＤ１　仕事一覧 
---------------------------------------------*/
#td1_g_j {
    border-bottom:2px dotted gray;
    border-top:1px solid blue;
	background:lightgrey;
	color: blue;
    padding:0.2em 1em;

}
/* テーブルＴＤ２　仕事一覧 
---------------------------------------------*/
#td2_g_j {
    border-bottom:1px dotted gray;
    padding:0.2em 1em;
    white-space: nowrap;
}
/* グレー枠テーブル TD  仕事詳細
---------------------------------------------*/
#td1 {
    border:1px solid #CCC;
    padding:0.1em 1em;
    white-space: nowrap;
	background:lightgrey;
	color:#000099

}
/* グレー枠テーブル TD  仕事詳細
---------------------------------------------*/
#td2 {
    padding:0.1em 1em;
    white-space: nowrap;
	color:#000099
}




/* リスト（サービス）
---------------------------------------------*/
#right_side li {
	padding-left: 25px;
	font-size:9pt;
}

#red {
	color:red;
}
#blue {
	color:blue;
}
#blue2 {
	text-decoration: underline; 
	color:blue;
}
#orange {
	color:orange;
}
#darkorange {
	color:darkorange;
}
#chocolate {
	color:chocolate;
}
#green {
	color:green;
}
#gray {
	color:gray;
}
#dimgray {
	color:dimgray;
}
#white {
	color:white;
}

#lpad400 {
	padding-left: 400px;
}
#lpad120 {
	padding-left: 120px;
	font-family:MS ゴシック;
	font-size:11pt;
}
#lpad55 {
	padding-left: 55px;
}
#lpad45 {
	padding-left: 45px;
}
#lpad35 {
	padding-left: 35px;
}
#lpad25 {
	padding-left: 25px;
}
#lrpad_sys {
	padding-left:  5px;
	padding-right: 100px;
}
#lrpad40 {
	padding-left:  40px;
	padding-right: 40px;
}
#lpad15 {
	padding-left: 15px;
}
#rpad25 {
	padding-right: 25px;
}
#rpad35 {
	padding-right: 35px;
}
#rpad65 {
	padding-right: 65px;
}

#f8 {
	font-family:MS ゴシック;
	font-size:8pt;
}

#f9 {
	font-family:MS ゴシック;
	font-size:9pt;
}
#f10 {
	font-family:MS ゴシック;
	font-size:10pt;
}
#f11 {
	font-family:MS ゴシック;
	font-size:11pt;

}
#f12 {
	font-family:MS ゴシック;
	font-size:12pt;

}
#f13 {
	font-family:MS ゴシック;
	font-size:13pt;

}

/* 仕事情報
---------------------------------------------*/
#oote {
	background:whitesmoke;
	color:red;
	border: 1px solid gray;
}
#car {
	background:palegreen;
	color:black;
	border: 1px solid gray;
}
#long {
	background:whitesmoke;
	color:forestgreen;
	border: 1px solid gray;
}
#short {
	background:whitesmoke;
	border: 1px solid gray;
}
#wd {
	background:whitesmoke;
	color:blue;
	border: 1px solid gray;
}
#ex {
	background:whitesmoke;
	color:green;
	border: 1px solid gray;
}
#ac {
	background:whitesmoke;
	color:red;
	border: 1px solid gray;
}
#smoke {
	background:peachpuff;
	color:black;
	border: 1px solid gray;
}
#keiri {
	background:burlywood;
	color:black;
	border: 1px solid gray;
}
#cad {
	background:royalblue;
	color:white;
	border: 1px solid gray;
}

/*-- テナント ---------*/

#tn1 {
	color:maroon;
	font-size:13pt;
	font-weight:bold;
	padding:10px;
	background: #AFEEEE;
}

/* 仕事情報　新着
---------------------------------------------*/
#jobs_t {
	width: 140px;
	background:whitesmoke;
	border: 1px solid #ccc;
	padding: 5px 0 5px 10px;
	border-left: 10px solid gold;
	border-right: 10px solid gold;
	font-size:10pt;
	font-weight:bold;
	color:dimgray;
	text-align: center;

}

/* 仕事情報　富山市
---------------------------------------------*/
#jobs_t1 {
	width: 100px;
	background:whitesmoke;
	border: 1px solid #ccc;
	padding: 5px 0 5px 10px;
	border-left: 10px solid limegreen;
	border-right: 10px solid limegreen;
	font-size:12pt;
	font-weight:bold;
	color:dimgray;
	text-align: center;
}
/* 仕事情報　呉東
---------------------------------------------*/
#jobs_t2 {
	width: 100px;
	background:whitesmoke;
	border: 1px solid #ccc;
	padding: 5px 0 5px 10px;
	border-left: 10px solid lightseagreen;
	border-right: 10px solid lightseagreen;
	font-size:12pt;
	font-weight:bold;
	color:dimgray;
	text-align: center;


}
/* 仕事情報　呉西
---------------------------------------------*/
#jobs_t3 {
	width: 100px;
	background:whitesmoke;
	border: 1px solid #ccc;
	padding: 5px 0 5px 10px;
	border-left: 10px solid yellowgreen;
	border-right: 10px solid yellowgreen;
	font-size:12pt;
	font-weight:bold;
	color:dimgray;
	text-align: center;

}

#aa {
	font-family:MS ゴシック;
	font-size:10pt;
	color:red;
}

/* 仕事情報　UP!
---------------------------------------------*/
#up {
	color:green;
	font-weight:bold;
}

#btn1 {
	font-weight:bold;
	width: 150px;
	font-size:14px;
	background-color: orange; 
}

/* SE・プログラマ
---------------------------------------------*/
#line_se {
	border-left: 10px solid lightsteelblue;padding:6px;margin:8px;border-bottom: 2px dotted #0066CC;font-weight:bold
}
#line_se2 {
	border-left: 10px solid lightsteelblue;padding:6px;margin:8px;
}
#line_se3 {
	border-left: 10px solid #0099FF;padding:6px;color:dimgray;
	margin:8px;border-bottom: 2px dotted #0066CC;font-weight:bold;width:100px
}

#btn1 {
	font-weight:bold;
	width: 150px;
	font-size:14px;
	background-color: orange; 
}
#obi_pg {
	background:#0066CC;;font-size:14px;width:550px;padding:1px;font-weight:bold;color:white
}

#area_pg {
	background:whitesmoke;
	border: 2px solid #0033FF;
	padding: 0 0 0 10px;
}

/* はじめての方へ
---------------------------------------------*/
#line_begin {
	border-left: 5px solid dodgerblue;
	border-right: 5px solid dodgerblue;
	padding:6px;margin:6px;
	width: 230px;
}

/* データ処理業務
---------------------------------------------*/
#obi_data {
	border-left:solid 17px;
	border-bottom:solid 3px;
	border-color:#0066CC;
	font-weight:bold;
	font-size:14px;
	width: 270px;
	text-align:center;

}
#obi_data2 {
	border-left:solid 17px;
	border-bottom:solid 3px;
	border-color:#FF9900;
	font-weight:bold;
	font-size:14px;
	width: 270px;
	text-align:center;
}
#obi_data3 {
	border-left:solid 17px;
	border-bottom:solid 3px;
	border-color:#006600;
	font-weight:bold;
	font-size:14px;
	width: 270px;
	text-align:center;
}

#line_data {
	font-weight:bold;
	font-size:14px;
	color:#666666;
	border-bottom: 1px dotted #999999;
	width:500px;
	padding:4px;margin:4px;

}

#line_data2 {
	font-weight:bold;
	font-size:14px;
	color:#666666;
	border-bottom: 1px dotted #999999;
	border-left: 6px solid #FF9900;
	background:#FFFFCC;
}


/* テーブル データ処理
---------------------------------------------*/
#td_data1 {
	font-size:13px;
	font-weight:bold;
    border-left: solid 10px #006600;
    border-spacing:0;
	width:232px;
	text-align:center;
	background:#CCFFCC;
}

/* テーブル データ処理
---------------------------------------------*/
#td_data2 {
	height:40px;
	background:#CCCCCC;

}
/* テーブル データ処理
---------------------------------------------*/
#td_data3 {
	text-align:center;
	width:130px;

}