﻿/*======================================
　CSS: job_c
=======================================*/

/*=====■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;}
h2,h3,h3,h4,h5{margin:0;padding:0;}

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

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

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

a:hover{ 
color:#888;
}

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

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

/*LOGO-TXT*/
#brain #top h1 a {
width:505px; 
text-decoration:none; 
font-weight:bold; 
display:block; 
font-size:25px;
color:#0a0019;
}
/*LOGO-PICTURE*/
#brain #top h1 a{
width:319px;
height:134px;
background:url(img/logo.gif) no-repeat;
}
#brain #top h1 a span{display:none }


/*SUB-TITLE*/
#detail{
padding:8px 0 0 10px;
font-size:11px; 
color:#333;  
}

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

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

/*menu*/
#side-container{
width:250px;
margin:0;
padding:50px 0 0 0;
position:relative;
float:right;
}

/*article*/
#main{ 
margin:0;
width:560px;
position:relative;
float:left;
}

/*NAVIGATION*/
#rightcol,#cat{
width:235px;
margin:0 0 20px 0;
background:url(img/li_btm.gif) no-repeat bottom left;
text-align:left;
}
#rightcol h3{
width:235px;
height:41px;
margin-bottom:8px;
background:url(img/pagelist_top.gif) no-repeat;
}
#cat h3{
width:235px;
height:41px;
background:url(img/cate_top.gif) no-repeat;
}
#rightcol h3 span,#cat h3 span{display:none;}
#rightcol ul,#cat ul { width:235px;}

#rightcol ul li a,#cat ul li a{ 
display:block;
padding:0;
line-height:100%;
border-top:1px solid #fff;
border-left:3px solid #ddd;
border-right:3px solid #ddd;
background:#fff url(img/li.jpg) repeat-x bottom;
font-size:13px;
}

#rightcol ul li a:hover,#cat ul li a:hover,#rightcol ul li.selected a,#cat ul li.selected a {
border-left:3px solid #e1edf5;
border-right:3px solid #e1edf5;
background:#fff url(img/li_hover.jpg) repeat-x bottom;
}
#rightcol ul li a span,#cat ul li a span {display:block;padding:10px 5px 10px 10px;}

/*■CONTENTS*/

/*ARTICLE*/
#main #entry-theme{
padding:18px 5px 12px 50px;
margin-bottom:10px;
background:#fff url(img/h1.jpg) 0 7px no-repeat;
border-bottom:#294553 solid 2px;
}
#main #entry-theme h2{
line-height:105%;
font-weight:bold;
font-size:23px;
color:#02141e;
text-align:left;
}

#art h3{
height:21px;
padding:10px 10px 0 10px;
background-position:bottom;
line-height:100%;
font-weight:bold;
border-bottom:#999 dashed 1px;
color:#0e0339;
font-size:14px;
text-align:left;
}
#art h4{
margin:10px;
font-size:18px;
color:#222222;
}
#art{
padding:40px;
line-height:300%;
color:#333;
font-size:14px;
text-align:left;
}

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

/*■カテゴリーページ用*/
#art ul li{
font-size:14px;
line-height:300%;
}

/*footer*/
#globalfooter{
margin-top:20px;
background:#dce1f3;
}
/*PR*/
#fav{
padding:10px 0;
text-align:left;
color:#333;
}
#fav li{
list-style:none;
padding:0;
line-height:220%;
}
#side-container #fav li {
border-bottom: 1px dotted #aaa;
padding: 6px;
}
#fav li a{ 
color:#493e70;
text-decoration:underline;
}
#fav li a:hover{ text-decoration:none;}

#side-container #fav{
width:235px;
padding:10px 0;
text-align:left;
color:#555;
font-size:12px;
}

#globalfooter #fav{ padding-left:10px; font-size:12px;}
/*COPYRIGHT*/
#foot{
padding:20px 5px 10px 5px;
text-align:center;   
font-size:11px;
color:#777;
font-weight:bold;
letter-spacing:4px;
}



  
