/*
ハローワーク・ガイド
up date:2007.8 by ioix
■1共通指定
■2レイアウト
■3ヘッダー
■4ナビゲーション
■5コンテンツ-
■6フッター
■7アイコン表示（印刷、上へ戻る）
*/


/*■1共通指定*/
*{margin:0;padding:0;}
body{
text-align:center;
font-family:"ＭＳ Ｐゴシック","ヒラギノ角ゴ Pro W3",arial, sans-serif, Osaka, verdana;
color:#333;
background:url(/upload_images/template/bg.gif);
}
img{border:none;}
ul,ol,li{margin:0;padding:0;}
h1,h2,h3,h4,h5{margin:0;padding:0;}
.comment,.hide{
position:absolute;
top:-9999px;
left:-9999px;
}
.clear{
clear:both;
}

/*■2レイアウト*/
#headerwrapper{
background:url(/upload_images/template/bg_header.gif);
}
#header{
width:800px;
height:163px;
margin: 0px auto 0px auto;
text-align:left;
background:url(/upload_images/template/header_bg.gif);
}
#wrapper{
padding-bottom:20px;
}
#contentwrapper{
width:800px;
margin:0px auto 0px auto;
text-align:left;
background:url(/upload_images/template/bg_content.gif) repeat-x #fff;
}
#contentwrapper #navigation{
float:left;
width:207px;
margin-bottom:20px;
background:url(/upload_images/template/bg_nav.gif) no-repeat;
}
#contentwrapper #content{
float:left;
width: 570px;
margin:0px 0 35px 0px;
}

/*■3ヘッダー*/
#headerwrapper img{
margin:60px 0 0 0;
}
#headerwrapper .seo{
margin:9px 0 0 4px;
font-size:12px;
color:#666;
}
.header-mr{
text-align:left;
height:10px;
font-size:5px;
}

/*■4ナビゲーション*/
#navigation ul#n1{
margin-top:20px;
}
#navigation ul#n1,
#navigation ul#n2{
list-style-type:none;
margin-left:20px;
}
#navigation ul#n1 li{
width:155px;
padding:0;
display:block;
}
#navigation ul#n1 li a{
background:url(/upload_images/template/nav.gif) no-repeat;
height:51px;
padding:30px 5px 0 13px;
margin-bottom:14px;
display:block;
font-size:100%;
color:#0066FF;
font-weight:bold;
text-decoration:none;
}
#navigation ul#n1 li a:hover{
color:#FF0000;
background:url(/upload_images/template/nav_f2.gif) no-repeat;
}
#navigation ul#n1 li a.selected{
color:#000;
background:url(/upload_images/template/nav_f2.gif) no-repeat;
}
#catlink{
margin:26px 0 9px 22px;
font-size:83%;
color:#666;
font-weight:bold;
}
#navigation ul#n2 li{
margin:0 17px 8px 0px;
padding:0 0px 0px 12px;
background:url(/upload_images/template/icon_subnav.gif) 0 6px no-repeat;
}
#navigation ul#n2 li a{
font-size:70%;
line-height:100%;
color:#333;
text-decoration:none;
}
#navigation ul#n2 li a:hover{
text-decoration:underline;
}
#navigation ul#n2 li.toppage{
background-image:none;
}
#navigation ul#n2 li.toppage a{
color:#666;
}

#navigation ul#n3{
list-style-type:none;
}
#navigation ul#n3 li{
margin:0 0px 8px 0;
padding-left:14px;
background:url(/upload_images/template/icon_nav.gif) 0 6px no-repeat;
}
#navigation ul#n3 li a{
font-size:75%;
line-height:100%;
color:#666;
text-decoration:none;
}
#navigation ul#n3 li a:hover{
text-decoration:underline;
}

#navigation ul#n3 li.toppage{
margin:5px 0px 8px 0;
background-image:none;
}
#navigation ul#n3 li.toppage a{
font-weight:bold;
}

/*■5コンテンツ*/
/*カテゴリトップ*/
#content #cat-title{
width:558px;
background:#FFFAE2;
margin-bottom:18px;
border-top:#FFE155 2px solid;
border-bottom:#FFE155 2px solid;
border-left:#FFE155 2px solid;
border-right:#FFE155 2px solid;
}
#content #cat-title h2{
padding:16px 0 14px 15px;
font-size:130%;
font-weight:bold;
line-height:100%;
color:#333;
}
#content #cat-title h2 a{
color:#333;
text-decoration:none;
}
#content #cat-title h2 a:hover{
color:#333;
text-decoration:underline;
}
#content #cat-menu-wrap{
width:583px;
margin-top:36px;
}
#content h3.cat-menu{
margin:0px 0 30px 22px;
padding:3px 0 8px 25px;
background:url(/upload_images/template/icon_category.gif) no-repeat;
font-size:120%;
font-weight:bold;
line-height:110%;
color:#333;
}
#content h3.cat-menu a{
color:#0066CC;
text-decoration:none;
}
#content h3.cat-menu a:hover{
color:#FF9830;
text-decoration:underline;
}

/*パンくず*/
.breadcrumb{
margin:26px 0 22px 0;
font-size:83%;
color:#666;
line-height:110%;
}
.breadcrumb a{
color:#666;
text-decoration:underline;
}
.breadcrumb a:hover{
text-decoration:none;
}
.breadcrumb span{
color:#666;
text-decoration:none;
}

/*記事*/
#content .check{
margin-top:16px;
}
#content #category{
padding:10px 0 10px 82px;
font-size:100%;
color:#000;
line-height:110%;
font-weight:bold;
background:url(/upload_images/template/mame.gif) no-repeat;
}
#content #page-title{
margin-top:24px;
background:url(/upload_images/template/pagetitle.jpg) no-repeat;
}
#content #page-title h2{
padding:13px 0 16px 48px;
font-size:130%;
font-weight:bold;
line-height:100%;
color:#0066FF;
}
#content #art{
width:570px;
}
#contentwrapper #content p{
padding:16px 20px 20px 20px;
margin:0 0 0 0px;
font-size:83%;
line-height:180%;
color:#000;
background:#FAFAFA;
border-top:#4B8FDA 2px solid;
border-bottom:#DDDDDD 1px solid;
border-left:#DDDDDD 1px solid;
border-right:#DDDDDD 1px solid;
}
#content h3{
margin:20px 0px 4px 0px;
padding:4px 0 6px 28px;
background:url(/upload_images/template/icon_h3.gif) no-repeat;
font-size:120%;
line-height:100%;
color:#141414;
}

/*■6フッター*/
#footerwrapper{
width: 800px;
background:#4B8FDA;
text-align:right;
}
#footerwrapper p{
padding:11px 12px 49px 0;
font-size:70%;
color:#fff;
letter-spacing:0.1em;
}
#footerwrapper p a{
color:#fff;
text-decoration:none;
}
#footerwrapper p a:hover{
text-decoration:underline;
}

/*■7アイコン*/
#content .top img{
margin:0 5px 0 0;
}
#content .top{
margin:20px 2px 0 0;
text-align:right;
}
#content .top a{
color:#333;
text-decoration:none;
font-size:70%;
}
#content .top a:hover{
text-decoration:underline;
}

/*トップとカテゴリトップ*/
#hajimeni{
margin:20px 0 0px 0;
height:150px;
background:url(/upload_images/template/hajimeni.jpg) no-repeat;
}
#cate-top #content h3{
margin:0px 0px 30px 0px;
padding:0;
background-image:none;
font-size:120%;
line-height:100%;
color:#141414;
}
#cate-top #content h3 a{
background:url(/upload_images/template/icon_cate.gif) no-repeat;
padding:6px 0 8px 42px;
color:#0066FF;
text-decoration:underline;
}
#cate-top #content #cate-link{
margin:38px 0 0 6px;
}
#cate-top #content h3 a:hover{
background:url(/upload_images/template/icon_cate_f2.gif) no-repeat;
color:#ff0000;
text-decoration:none;
}
#content h3.toppage{
margin:0px 0px 4px 0px;
}

/*外部リンクコード用*/
#code{
margin:40px 20px 0 20px;
font-size:70%;
line-height:150%;
color:#666;
}
#code a{
text-decoration:underline;
color:#666;
}