@charset "shift_jis";
/* 目次
------------------------------------------------------------
1. 共通項目
2. ヘッダー
3. グローバルナビゲーション
4. フッター
5. フォーム
--------------------------------------------------------- */
/* =========================================================
   1. 共通項目
========================================================= */ /* 全般
--------------------------------------------------------- */
* {
margin: 0;padding: 0;color: #000000;list-style-type: none;}
body {
margin: 0 auto;text-align: center;background: #e8e6e6;}
img {
border: none;}
/* リンク色 */
a:link {
color: #0000cc;}
a:hover {
color: #3399ff;}
a:visited {
color: #660099;}
/* 回り込み解除 */
div.clear {
width: 0;height: 0;clear: both;}
div.clear img {
height: 0;}
br.clear {
clear: both;}
/* パンくずリスト */
#bread p {
font-size: 80%;line-height: 140%;}
/* テキスト
--------------------------------------------------------- */
/* 通常テキスト */
.txt90 {
margin-left: 10px;font-size: 90%;line-height: 150%;}
.txt90-tsp {
margin-top: 1em;margin-left: 10px;font-size: 90%;line-height: 150%;}
.txt90-bsp {
margin-bottom: 1em;margin-left: 10px;font-size: 90%;line-height: 150%;}
.txt90-indent {
margin-left: 10px;font-size: 90%;text-indent: 1em;line-height: 150%;}
.txt90-indent-tsp {
margin-top: 1em;margin-left: 10px;font-size: 90%;text-indent: 1em;line-height: 150%;}
.txt90-indent-bsp {
margin-bottom: 1em;margin-left: 10px;font-size: 90%;text-indent: 1em;line-height: 150%;}
.txt90-center {
margin-left: 10px;text-align: center;font-size: 90%;line-height: 150%;}
.txt90-center-tsp {
margin-top: 1em;margin-left: 10px;text-align: center;font-size: 90%;line-height: 150%;}
.txt90-center-bsp {
margin-bottom: 1em;margin-left: 10px;text-align: center;font-size: 90%;line-height: 150%;}
.txt90-right {
margin-left: 10px;text-align: right;font-size: 90%;line-height: 150%;}
.txt90-right-tsp {
margin-top: 1em;margin-left: 10px;text-align: right;font-size: 90%;line-height: 150%;}
.txt90-right-bsp {
margin-bottom: 1em;margin-left: 10px;text-align: right;font-size: 90%;line-height: 150%;}
/* 大きめテキスト */
.txt100 {
margin-left: 10px;line-height: 150%;}
.txt100-tsp {
margin-top: 1em;margin-left: 10px;line-height: 150%;}
.txt100-bsp {
margin-bottom: 1em;margin-left: 10px;line-height: 150%;}
.txt100-indent {
text-indent: 1em;margin-left: 10px;line-height: 150%;}
.txt100-indent-tsp {
margin-top: 1em;margin-left: 10px;text-indent: 1em;line-height: 150%;}
.txt100-indent-bsp {
margin-bottom: 1em;margin-left: 10px;text-indent: 1em;line-height: 150%;}
.txt100-center {
margin-left: 10px;text-align: center;line-height: 150%;}
.txt100-center-tsp {
margin-top: 1em;margin-left: 10px;text-align: center;line-height: 150%;}
.txt100-center-bsp {
margin-bottom: 1em;margin-left: 10px;text-align: center;line-height: 150%;}
.txt100-right {
margin-left: 10px;text-align: right;line-height: 150%;}
.txt100-right-tsp {
margin-top: 1em;margin-left: 10px;text-align: right;line-height: 150%;}
.txt100-right-bsp {
margin-bottom: 1em;margin-left: 10px;text-align: right;line-height: 150%;}
/* 小さめテキスト */
.txt80 {
margin-left: 10px;font-size: 80%;line-height: 150%;}
.txt80-tsp {
margin-top: 1em;margin-left: 10px;font-size: 80%;line-height: 150%;}
.txt80-bsp {
margin-bottom: 1em;margin-left: 10px;font-size: 80%;line-height: 150%;}
.txt80-indent {
margin-left: 10px;font-size: 80%;text-indent: 1em;line-height: 150%;}
.txt80-indent-tsp {
margin-top: 1em;margin-left: 10px;font-size: 80%;text-indent: 1em;line-height: 150%;}
.txt80-indent-bsp {
margin-bottom: 1em;margin-left: 10px;font-size: 80%;text-indent: 1em;line-height: 150%;}
.txt80-center {
margin-left: 10px;text-align: center;font-size: 80%;line-height: 150%;}
.txt80-center-tsp {
margin-top: 1em;margin-left: 10px;text-align: center;font-size: 80%;line-height: 150%;}
.txt80-center-bsp {
margin-bottom: 1em;margin-left: 10px;text-align: center;font-size: 80%;line-height: 150%;}
.txt80-right {
margin-left: 10px;text-align: right;font-size: 80%;line-height: 150%;}
.txt80-right-tsp {
margin-top: 1em;margin-left: 10px;text-align: right;font-size: 80%;line-height: 150%;}
.txt80-right-bsp {
margin-bottom: 1em;margin-left: 10px;text-align: right;font-size: 80%;line-height: 150%;}
/* 枠線つきボックス内のインデントテキスト */
p.txt90-boxIn01 {
margin-left: 20px;font-size: 90%;text-indent: -1em;line-height: 150%;}
p.txt90-boxIn02 {
margin-left: 20px;font-size: 90%;line-height: 150%;}
p.txt90-boxIn03 {
margin-left: 20px;font-size: 90%;text-indent: 1em;line-height: 150%;}
/* ※印など注意書き（emと併せて使用） */
.notice-boxIn01 {
margin: 0.5em 0 0.5em 2em;font-size: 85%;text-indent: -1em;line-height: 150%;}
.notice-boxIn02 {
margin: 0.5em 0 0.5em 1.2em;font-size: 85%;text-indent: -0.9em;line-height: 150%;}
.notice-boxIn02-number {
margin: 0.5em 0 0.5em 1.2em;font-size: 85%;text-indent: -1.3em;line-height: 150%;}
.notice-number {
margin: 0.5em 0 0.5em 2.9em;font-size: 85%;text-indent: -1.9em;line-height: 150%;}
.notice-no-number {
margin: 0.5em 0 0.5em 2.3em;font-size: 85%;text-indent: -1.3em;line-height: 150%;}
.notice-number-q {
margin: 0.5em 0 0.5em 1.6em;font-size: 100%;text-indent: -1.9em;line-height: 150%;}
.notice-no-number-q {
margin: 0.5em 0 0.5em 1em;font-size: 100%;text-indent: -1.3em;line-height: 150%;}
p.notice {
margin: 0.5em 0 0.5em 2em;font-size: 85%;text-indent: -1em;line-height: 150%;}
/* よくあるご質問など（Q1：となっているもの） */
p.q {
margin-left: 25px;padding-bottom: 1em;font-size: 90%;font-weight: bold;text-indent: -1.5em;line-height: 150%;}
p.a01 {
margin-left: 25px;font-size: 90%;text-indent: -1.5em;line-height: 150%;}
p.a02 {
margin-left: 25px;font-size: 90%;line-height: 150%;}
/* 番号つきなどの文章 */
p.number {
margin: 0.5em 0 0.5em 25px;font-size: 90%;text-indent: -1em;line-height: 150%;}
p.no-number {
margin: 0.5em 0 0.5em 25px;font-size: 90%;line-height: 150%;}
p.number-ol {
margin: 0.5em 0 0.5em 15px;font-size: 100%;text-indent: -1.5em;line-height: 150%;}
p.alpha-ol {
margin: 0.5em 0 0.5em 30px;font-size: 100%;text-indent: -1.5em;line-height: 150%;}
p.number-in-iroha {
margin: 0.5em 0 0.5em 50px;font-size: 90%;text-indent: -1.5em;line-height: 150%;}
/* 強調・文字装飾
--------------------------------------------------------- */
em {
font-style: normal;color: #CC0000;}
strong {
font-size: 100%;font-weight: bold;}
strong.color {
font-size: 100%;font-weight: bold;color: #CC0000;}
span.small {
font-size: 90%;line-height: 160%;}
span.strong {
font-weight: bold;}
/* 画像
--------------------------------------------------------- */ /* 文中画像 */
img.txt {
margin: 0 0.2em;vertical-align: text-bottom;}
/* 画像位置 */
img.f-left {
margin: 0 1em 1em 10px;float: left;}
img.f-right {
margin: 0 5px 1em 1em;float: right;}
/* 2枚並べて表示（画像横幅280px） */
img.img2-left {
margin: 0 10px 0 10px;float: left;}
img.img2-right {
margin: 0;float: left;}
/* iframe
--------------------------------------------------------- */
div.iframe {
margin: auto;}
div.iframe-inner {
width: 545px;height: 300px;border: solid 2px #999999;overflow: scroll;overflow-x: hidden;padding: 10px;margin: 20px auto 10px auto;}
div.iframe-inner p.title01 {
margin-bottom: 15px;text-align: center;font-size: 100%;font-weight: bold;}
div.iframe-inner p.title02 {
margin-top: 1em;font-size: 95%;font-weight: bold;}
div.iframe-inner p.txt00 {
margin: 2em 0 1em 0;font-size: 90%;line-height: 150%;}
div.iframe-inner p.txt01 {
margin: 0.5em 0;font-size: 90%;line-height: 150%;text-indent: 1em;}
div.iframe-inner p.txt02 {
margin: 0.5em 0 0.5em 3em;font-size: 90%;line-height: 150%;text-indent: -1em;}
div.iframe-inner p.txt03 {
margin: 0.5em 0 0.5em 2em;font-size: 90%;line-height: 150%;text-indent: -1.5em;}
div.iframe-inner ol.iframe {
margin: 1em 0 1em 2em;}
div.iframe-inner ol.iframe li {
font-size: 90%;line-height: 150%;}
/* 一覧を見る・など（右側のリンク）
--------------------------------------------------------- */
div.more {
margin: 10px 15px 15px 0;text-align: right;}
div.more p {
padding: 0 0 0 16px;background: url(../img/css_common.gif) #FFFFFF no-repeat -838px -193px;/* icon_more.gif */
font-size: 80%;line-height: 150%;text-align: right;display: inline;}
/* このページのトップへ
--------------------------------------------------------- */
div.backtop {
margin: 2em 15px 15px 0;text-align: right;}
div.backtop p {
padding: 0 0 0 16px;background: url(../img/css_common.gif) #FFFFFF no-repeat -518px -170px;/* backtop.gif */
font-size: 80%;line-height: 150%;text-align: right;display: inline;}
/* 最下部へ
--------------------------------------------------------- */
div.backbottom {
margin: 2em 15px 15px 0;text-align: right;}
div.backbottom p {
padding: 0 0 0 16px;background: url(../img/css_common.gif) #FFFFFF no-repeat -710px -172px;/* backbottom.gif */
font-size: 80%;line-height: 150%;text-align: right;display: inline;}
/* テーブル
--------------------------------------------------------- */
#blue div.s-table,#blue div.d-table,#orange div.s-table,#orange div.d-table,#green div.s-table,#green div.d-table
{
padding: 5px;}
/* 基本 */
#blue table,#green table,#orange table {
border-collapse: collapse;}
#blue table th.left,#blue table td.left,#orange table th.left,#orange table td.left,#green table th.left,#green table td.left
{
text-align: left !important;}
#blue table th.center,#blue table td.center,#orange table th.center,#orange table td.center,#green table th.center,#green table td.center
{
text-align: center !important;}
#blue table th.right,#blue table td.right,#orange table th.right,#orange table td.right,#green table th.right,#green table td.right
{
text-align: right !important;}
#blue table th.break,#blue table td.break,#orange table th.break,#orange table td.break,#green table th.break,#green table td.break
{
word-break: break-all;}
/* テーブル内リスト */
#blue table ul,#green table ul,#orange table ul {
margin: 0.5em 5px 0.5em 20px;}
#blue table ul li,#green table ul li,#orange table ul li {
margin-top: 0.2em;list-style-type: disc !important;}
/* テーブル内リスト（番号） */
#blue table ol,#green table ol,#orange table ol {
margin: 0.5em 5px 0.5em 18px;}
#blue table ol li,#green table ol li,#orange table ol li {
margin-top: 0.2em;margin-left: 0.3em;}
/* 段組（使用時には外側にクラス指定のない<div>で囲み、</div>の前で回り込み解除すること）
--------------------------------------------------------- */ /* 2カラム */
div.column2 {
width: 295px;float: left;}
/* 2カラム */
div.column3 {
width: 196px;float: left;}
/* スペーサー
--------------------------------------------------------- */
div.navi_skip {
border-right: medium none;border-top: medium none;border-left: medium none;border-bottom: medium none;width: 1px;float: left;}
/* =========================================================
   2. ヘッダー
========================================================= */
div.h1 {
width: 438px;float: left;}
div.h1-other {
width: 400px;float: right;}
/* リストリンク
--------------------------------------------------------- */
div.login {
margin: 40px 2px 0 0;width: 290px;float: right;}
#header img.login-img {
float: left;cursor: pointer;}
div.h1-other ul {
text-align: right;float: right;}
div.h1-other li {
padding: 0 12px 5px 12px;background: url(../img/icon_tri-R-01.gif) no-repeat 0 0.45em;font-size: 13px;line-height: 140%;float: left;}
/* =========================================================
   3. グローバルナビゲーション
========================================================= */ /* 全体
--------------------------------------------------------- */
#nav li {
text-indent: -9999px;height: 40px;float: left;}
#nav li a {
height: 40px;display: block;overflow: hidden;}
/* 各ナビゲーション
--------------------------------------------------------- */
/* 仕事をお探しの方 */
#nav li.nav-01 a {
width: 141px;background: url(../img/css_common.gif) #FFFFFF no-repeat 0 -70px;/* nav.gif */
}
#nav li.nav-01 a:hover {
background: url(../img/css_common.gif) #FFFFFF no-repeat 0 -110px;/* nav.gif */
}
#nav li.nav-01-current {
width: 141px;background: url(../img/css_common.gif) #FFFFFF no-repeat 0 -110px;/* nav.gif */
}
#nav li.nav-01-current a:hover {
background: url(../img/css_common.gif) #FFFFFF no-repeat 0 -110px;/* nav.gif */
}
/* 事業主の方 */
#nav li.nav-02 a {
width: 142px;background: url(../img/css_common.gif) #FFFFFF no-repeat -140px -70px;/* nav.gif */
}
#nav li.nav-02 a:hover {
background: url(../img/css_common.gif) #FFFFFF no-repeat -140px -110px;/* nav.gif */
}
#nav li.nav-02-current {
width: 142px;background: url(../img/css_common.gif) #FFFFFF no-repeat -140px -110px;/* nav.gif */
}
#nav li.nav-02-current a:hover {
background: url(../img/css_common.gif) #FFFFFF no-repeat -140px -110px;/* nav.gif */
}
/* ハローワークニュース */
#nav li.nav-03 a {
width: 142px;background: url(../img/css_common.gif) #FFFFFF no-repeat -282px -70px;/* nav.gif */
}
#nav li.nav-03 a:hover {
background: url(../img/css_common.gif) #FFFFFF no-repeat -282px -110px;/* nav.gif */
}
#nav li.nav-03-current {
width: 142px;background: url(../img/css_common.gif) #FFFFFF no-repeat -282px -110px;/* nav.gif */
}
#nav li.nav-03-current a:hover {
background: url(../img/css_common.gif) #FFFFFF no-repeat -282px -110px;/* nav.gif */
}
/* 申請等をご利用の方へ */
#nav li.nav-04 a {
width: 142px;background: url(../img/css_common.gif) #FFFFFF no-repeat -424px -70px;/* nav.gif */
}
#nav li.nav-04 a:hover {
background: url(../img/css_common.gif) #FFFFFF no-repeat -424px -110px;/* nav.gif */
}
#nav li.nav-04-current {
width: 142px;background: url(../img/css_common.gif) #FFFFFF no-repeat -424px -110px;/* nav.gif */
}
#nav li.nav-04-current a:hover {
background: url(../img/css_common.gif) #FFFFFF no-repeat -424px -110px;/* nav.gif */
}
/* 雇用保険関係 */
#nav li.nav-05 a {
width: 142px;background: url(../img/css_common.gif) #FFFFFF no-repeat -566px -70px;/* nav.gif */
}
#nav li.nav-05 a:hover {
background: url(../img/css_common.gif) #FFFFFF no-repeat -566px -110px;/* nav.gif */
}
#nav li.nav-05-current {
width: 142px;background: url(../img/css_common.gif) #FFFFFF no-repeat -566px -110px;/* nav.gif */
}
#nav li.nav-05-current a:hover {
background: url(../img/css_common.gif) #FFFFFF no-repeat -566px -110px;/* nav.gif */
}
/* よくあるご質問 */
#nav li.nav-06 a {
width: 140px;background: url(../img/css_common.gif) #FFFFFF no-repeat -708px -70px;/* nav.gif */
}
#nav li.nav-06 a:hover {
background: url(../img/css_common.gif) #FFFFFF no-repeat -708px -110px;/* nav.gif */
}
#nav li.nav-06-current {
width: 140px;background: url(../img/css_common.gif) #FFFFFF no-repeat -708px -110px;/* nav.gif */
}
#nav li.nav-06-current a:hover {
background: url(../img/css_common.gif) #FFFFFF no-repeat -708px -110px;/* nav.gif */
}
/* =========================================================
   4. フッター
========================================================= */ /* リストリンク
--------------------------------------------------------- */
#foot-link ul {
margin: 1em 0 0 10px;text-align: left;}
#foot-link li {
padding: 0 12px 5px 12px;background: url(../img/icon_tri-R-02.gif) #FFFFFF no-repeat 0 0.45em;font-size: 80%;line-height: 140%;float: left;}
/* コピーライト
--------------------------------------------------------- */
#copyright p {
padding: 1em;font-size: 80%;line-height: 150%;font-weight: bold;}
/* =========================================================
   5. フォーム
========================================================= */ /* テキスト
--------------------------------------------------------- */
p.gray,span.gray {
margin-left: 0.5em;color: #777777;}
/* 幅
--------------------------------------------------------- */
.w2 {
width: 2em;}
.w3 {
width: 3em;}
.w4 {
width: 4em;}
.w5 {
width: 5em;}
.w6 {
width: 6em;}
.w8 {
width: 8em;}
.w10 {
width: 10em;}
.w15 {
width: 15em;}
.w20 {
width: 20em;}
.w25 {
width: 25em;}
.w30 {
width: 30em;}
.w35 {
width: 35em;}
.w40 {
width: 40em;}
.w45 {
width: 45em;}
.w50 {
width: 50em;}
/* マージン
--------------------------------------------------------- */
/* トップマージン */
.mt05 {
margin-top: 0.5em;}
.mt1 {
margin-top: 1em;}
.mt15 {
margin-top: 1.5em;}
/* ライトマージン */
.mr05 {
margin-right: 0.5em;}
.mr1 {
margin-right: 1em;}
.mr15 {
margin-right: 1.5em;}
.mr2 {
margin-right: 2em;}
/* ボトムマージン */
.mb05 {
margin-bottom: 0.5em;}
.mb1 {
margin-bottom: 1em;}
.mb15 {
margin-bottom: 1.5em;}
/* レフトマージン */
.ml05 {
margin-left: 0.5em;}
.ml1 {
margin-left: 1em;}
.ml15 {
margin-left: 1.5em;}
.ml2 {
margin-left: 2em;}
.ml3 {
margin-left: 3em;}
/* 位置
--------------------------------------------------------- */
div.left {
text-align: left !important;}
div.center {
text-align: center !important;}
div.right {
text-align: right !important;}
input.right {
text-align: right !important;padding-right: 1px;}
.pot1 {
position: relative;top: 1px;}
div.d-table th,td,div.d-sole th,td {
line-height: 160% !important;}
div.d-table td input,select,textarea,table.inner {
margin: 0 0.2em 0 0.5em !important;}
div.d-sole td input,select,textarea {
margin: 0 0.2em 0 0.5em !important;}
div.d-table td table.cl td {
margin: 0 !important;padding: 0 !important;font-size: 100% !important;}
div.d-table td table.cl td.w45 {
width: 4.5em;}
div.d-table td table.cl th,div.d-table td table.cl td {
border-color: transparent !important;/* IE6のみcsshackを使用し、#ffffffで固定 */
_border-color: #ffffff !important;}
div.d-table td.err table.cl th,div.d-table td.err table.cl td {
border-color: transparent !important;/* IE6のみcsshackを使用し、#FFFF99で固定 */
_border-color: #FFFF99 !important;}
/* フロート
--------------------------------------------------------- */
.float-left {
float: left;}
.float-right {
float: right;}
.submit-area-float {
margin: 10px 10px 15px 0;text-align: right;min-height: 0;display: inline-table;}
.submit-area-float:after {
content: ".";display: block;height: 0;clear: both;visibility: hidden;}
/* \*/
* html .submit-area-float {
height: 0;}
.submit-area-float {
display: block;}
/* */ /* カレンダー
--------------------------------------------------------- */
div.d-cal table.outer {
background: #ffffff;border: none;}
div.d-cal table.outer td {
padding: 10px;}
div.d-cal table.calendar th,div.d-cal table.calendar td,div.d-cal table.calendar-nc th,div.d-cal table.calendar-nc td
{
padding: 5px;border: 1px solid #333333;text-align: center;}
div.d-cal table.calendar th,div.d-cal table.calendar-nc th {
background: #bfe6ed;font-size: 100% !important;}
div.d-cal table.calendar td,div.d-cal table.calendar-nc td {
background: #ffffff;width: 18px;font-size: 90% !important;vertical-align: top;}
div.d-cal table.calendar td {
height: 29px;}
div.d-cal table.calendar tr.week td {
vertical-align: middle;height: 22px;}
div.d-cal table.calendar td span {
line-height: 85%;}
div.d-cal table.calendar td input.chk {
padding: 0px;margin: 0px;width: 12px;height: 12px;}
div.d-cal table.calendar td.bg,div.d-cal table.calendar-nc td.bg {
background: #ff8400;}
div.d-cal table.calendar td.sun,div.d-cal table.calendar-nc td.sun {
color: #FF0000;}
div.d-cal table.calendar td.sat,div.d-cal table.calendar-nc td.sat {
color: #0000ff;}