/*======================================
　CSS: job_i
=======================================*/

/*=====■Common specification■=====*/

*{margin:0;padding:0;line-height:160%;}
html,body{margin:0; padding:0}

img{border:none;}
ul,ol{margin:0;padding:0;}
ul li{list-style:none;list-style-postion:inline}
ul li a{text-decoration:none;border:none;}
h1,h2,h3,h4,h5{margin:0;padding:0;}

.clear-fix{
clear:both;
font-size:1px;
}

/*=====■Layout■=====*/
body{
font-family:arial, sans-serif, Osaka, verdana;
color:#333;
text-align:center; 
background:#ffffec url(img/bg.jpg);
}

/*LINK*/
a{
color:#555555;
}

a:hover{ 
color:#222222;
}

/*■header*/
#brain{
height:160px;
text-align:center; 
}

/*TITLE*/
#brain #site-name{
width:810px;
height:160px;
text-align:left;
margin:0 auto;
background:url(img/header_img.jpg) no-repeat;
line-height:250%;
}
#brain #site-name h1 {margin:0; padding:0;}

/*LOGO-TXT*/
#brain #site-name h1 a {
width:500px; 
text-decoration:none; 
font-weight:bold; 
display:block; 
font-size:50px;
color:#333;
}

/*LOGO-PICTURE*/
#brain #site-name h1 a{
width:450px;
height:100px;
background:url(img/logo.gif) no-repeat;
}
#brain #site-name h1 a span{display:none }

/*SUB-TITLE*/
#sub-title{
margin:5px 0 0 10px;
font-size:11px; 
color:#423111;  
}

/*■CONTENTS*/
#wrapper{ 
width:810px;
text-align:center; 
margin:0 auto;
text-align:left;
background:#fff url(img/wrapper_bg.gif) repeat-x center top;
border:#423111 solid 1px;
}

/*メニュー*/
#topicpath{
width:700px;
height:20px;
margin:10px 0 0 10px;
font-size:12px;
line-height:210%;
font-weight:bold;
}
#topicpath a{
text-decoration:none;
}

/*menu*/
#navigation{
width:235px;
margin:0;
padding:20px 0 0 15px;
position:relative;
float:left;
}

/*article*/
#main{ 
margin:0;
padding:0;
width:540px;
position:relative;
float:right;
}

/*NAVIGATION*/
#page-list,#category{
width:235px;
margin:0 0 20px 0;
padding-bottom:11px;
background:url(img/li_btm.gif) no-repeat bottom left;
text-align:left;
}
#page-list h1{
width:235px;
height:41px;
background:url(img/pagelist_top.gif) no-repeat;
}
#category h1{
width:235px;
height:41px;
background:url(img/cate_top.gif) no-repeat;
}
#page-list h1 span,#category h1 span{display:none;}
#page-list ul,#category ul {background:url(img/li_bg.gif) repeat-y; padding-left:14px;}

#page-list ul li a,#category ul li a{ 
display:block; 
width:200px; 
padding:0;
margin-bottom:1px;
line-height:100%;
border-left:8px solid #c46160;/* リンクの頭の色 */
background:#f1f1f1;
font-size:13px;
}

#page-list ul li a:hover,#category ul li a:hover,#page-list ul li.selected a,#category ul li.selected a {
border-left:8px solid #9a302f; /* ホバー＆選択時:リンクの頭の色 */
background:#d5d5f0;
}
#page-list ul li a span,#category ul li a span {display:block;padding:10px 5px 10px 10px;}

/*■CONTENTS*/

/*ARTICLE*/
#article{
padding:25px;
line-height:300%;
color:#333;
font-size:14px;
}
#article h1{
height:21px;
padding:10px 10px 0 10px;
margin-bottom:20px;
background-position:bottom;
line-height:100%;
font-weight:bold;
background:url(img/h1_bg.gif);
color:#fff;
font-size:20px;
}
#article h2{
margin-bottom:10px;
font-size:16px;
color:#222222;
border-bottom:#9a302f solid 1px;
}

#article ul li{margin:5px 0 0 5px;}

.top { text-align:right; height:40px; padding:10px 10px 0 0; line-height:400%; font-size:11px;}
.top a {text-decoration:none;}


/*■footer*/
#footer{
margin-top:20px;
background:#9a302f;
}
/*PR*/
#notice{
padding:10px 0 10px 5px;
text-align:left;
color:#6f6f6f;
}
#art #notice h2{
height:21px;
margin-bottom:20px;
padding:8px 10px 0 20px;
background-position:bottom;
line-height:100%;
font-weight:bold;
background:url(img/h1_bg.gif);
color:#fff;
font-size:14px;
}
#notice li{
list-style:none;
margin:0 0 0 15px;
padding:0;
line-height:180%;
font-size:11px;
}
#notice li a{ 
font-size:12px;
color:#6366aa;
display:block;
}
/*COPYRIGHT*/
#copyright{ 
text-align:center;   
font-size:10px;
color:#fff;
}

#footseo { 
clear:both;
text-align:left; 
padding:10px; 
font-size:10px;
color:#fff;
}

/*■一覧表ーページ用*/
#article ul li{
margin-left:10px;
font-size:13px;
line-height:300%;
}