@charset "utf-8";
/* CSS Document */

/*************************************************** defautl settings */

body{
margin:0;
padding:0;
text-align:center;
font-size:75%;
font-family:"メイリオ","ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
color:#111;
line-height:1.6;
background:url(img/bg_body.png) repeat-x #0A95D6;
min-width:960px;
}
p{
margin:0 0 20px 0;
}
ul,ol{
margin-top:0;
}
a{
color:#0099CC;
overflow:hidden;
}
a:hover{
color:#333;
}
form{
margin:0;
}

img,a img,a:hover img,a:visited img{
border:none;
}
a:hover img{
opacity: .8; 
/* For IE 5-7 */
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
/* For IE 8 */
-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
}
a.noalpha:hover img{
opacity: 1; 
/* For IE 5-7 */
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
/* For IE 8 */
-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}





/*----------------------------------------------------------------class*/

.clear{clear:both;}
.big{font-size:1.2em;}
.middle{font-size:1.0em;}
.small{font-size:0.8em;}
.red{color:#CC3333;}

a.link{
padding:0 0 0 15px;
background:url(img/a02.gif) no-repeat left center;
}

/*************************************************** layout */

#wrapper{
}
#layout{
width:900px;
margin:auto;
padding:auto;
text-align:left;
}
#header{
height:75px;
position:relative;
}
#cnt{
}
#logoarea{
height:120px;
position:relative;
background:url(img/bg_logoarea.png) no-repeat right center;
}
#contents{
clear:both;
position:relative;
z-index:10;
background:#fff;
padding:20px 20px 0 20px;
}
#main{
width:630px;
float:left;
margin:0 0 20px 0;
}
#side{
width:180px;
float:right;
margin:0 0 20px 0;
}
#footer{
position:relative;
background:#333;
padding:80px 15px 20px 15px;
text-align:center;
font-size:0.9em;
margin-top:-30px;
z-index:0;
}



/*************************************************** header&footer */

h1{
font-size:0.9em;
font-weight:normal;
margin:0;
padding:0;
position:absolute;
top:10px;
color:#8DB7CA;
}
#logo{
position:absolute;
left:0;
top:50px;
}
#logo img{
width:50%;
}
#header_icon{
position:absolute;
top:44px;
right:0;
text-align:right;
z-index:100;
}
#header_icon a img{
width:20px;
height:20px;
margin:0 0 0 5px;
}
#image_clip{
position:absolute;
bottom:-15px;
right:-10px;
z-index:20;
}
#image_clip img{
width:45px;
height:45px;
}

#copyright{
clear:both;
font-size:0.9em;
color:#666;
}

#pagetop{
position:fixed;
bottom:30px;
right:30px;
z-index:100;
}
#pagetop a{
display:block;
padding:10px 20px;
color:#fff;
font-size:1em;
text-decoration:none;
background:rgba(0, 0, 0, 0.8);
background:#333\9;
}
#pagetop:hover {
background:#000;
}

#breadcrumb{
margin:0 0 20px 0;
border-bottom:1px dotted #ccc;
height:30px;
font-size:0.9em;
}
#top_left{
width:305px;
float:left;
}
#top_right{
width:305px;
float:right;
}

#btn_print{
position:absolute;
top:75px;
left:530px;
}




/*************************************************** navi */

#navi-area{
position:absolute;
top:35px;
width:100%;
height:40px;
margin:0 0 20px 0;
z-index:50;
}
ul#navi{
margin:0;
padding:0;
list-style:none;
position:relative;
z-index:50;
}
ul#navi li{
display:block;
float:left;
margin:0;
padding:0;
}
ul#navi li a{
display:block;
padding:0 18px;
line-height:40px;
color:#fff;
text-align:center;
text-decoration:none;
text-shadow: 2px 2px 1px rgba(0,0,0,0.2);
}
ul#navi li a:hover{
background:#444;
}
#toggle{ 
display:none;
}

ul#footer_navi{
margin:0 0 20px 0;
padding:0;
list-style:none;
text-align:center;
}
ul#footer_navi li{
display:inline-block;
margin:0;
padding:0 5px;
}
ul#footer_navi li a{
color:#999;
text-decoration:none;
}
ul#footer_navi li a:hover{
color:#fff;
}



/*----------------------------------------------------------------heading*/

h2{
background:url(img/bg_h2.gif) no-repeat left bottom;
margin:0 0 30px 0;
padding:0 0 10px 0;
font-size:1.6em;
color:#555;
}
h2 span{
font-size:10px;
color:#666;
padding:0 0 0 10px;
}

h3{
clear:both;
border:1px solid #ddd;
padding:15px 5px 15px 20px;
font-size:1em;
color:#222;
background:url(img/bg_h3.png) no-repeat left center;
border-radius:3px;
-webkit-border-radius:3px;
-moz-border-radius:3px;
box-shadow: 1px 1px 4px 1px rgba(0,0,0,0.1);
}
h3.pt2{
border:none;
padding:5px 5px 5px 20px;
font-size:1em;
color:#222;
background:url(img/bg_h3_pt2.png) no-repeat left center #ddd;
background-position:5px;
border-radius:3px;
-webkit-border-radius:3px;
-moz-border-radius:3px;
box-shadow: 0px 0px 0px 0px rgba(0,0,0,0.1);
}
h3 span{
font-size:10px;
color:#666;
padding:0 0 0 10px;
}
h3.img{
padding:0;
background-image:none;
line-height:1.5;
}

h4{
margin:0 0 3px 0;
padding:0 0 0 15px;
font-size:1em;
color:#111;
background:url(img/bg_h4.gif) no-repeat left center;
}
h4.border{
margin:0 0 10px 0;
padding:0 0 0 15px;
border-bottom:1px solid #ddd;
}
h5{
margin:0 0 5px 0;
padding:0;
font-size:1em;
color:#333;
}






dl{
margin:0 0 25px 0;
padding:0;
}
dt{
font-weight:bold;
margin:0 0 3px 0;
padding:0 0 0 15px;
font-size:1em;
color:#111;
background:url(img/bg_h4.gif) no-repeat left center;
}
dd{
margin:0 0 10px 15px;
padding:0;
}







#searchbox{
position:absolute;
top:15px;
right:20px;
}
.search_input{
height:15px;
width:150px;
background:#fff;
border:1px solid #333;
}
.search_btn{
vertical-align:top;
padding:0 0 0 5px;
}




/*----------------------------------------------------------------side*/

#sidebanner{
margin:0 0 20px 0;
}
#sidebanner a{
display:block;
margin:0 0 5px 0;
}
#sidebanner a img{
border:none;
}

#side_category{
margin:0 0 5px 0;
padding:3px 3px 10px 3px;
border:1px solid #ccc;
font-size:10px;
}
#side_category h4{
text-align:center;
background:none;
border:none;
background:#0A95D6;
border-bottom:5px solid #9FDDFB;
color:#fff;
margin:0;
padding:8px 0 5px 0;
font-weight:normal;
font-size:1.2em;
}
#side_category ul{
margin:0;
padding:10px;
list-style:none;
}
#side_category ul li{
float:left;
width:70px;
margin:0;
padding:0 0 0 10px;
background:url(img/a01.gif) no-repeat left center;
}
#side_category ul li a{
font-size:12px;
}




/*----------------------------------------------------------------home layout*/


body#home .post{
margin:0 0 10px 0;
}








/*----------------------------------------------------------------localnavi*/

#localnavi{
margin:0 0 20px 0;
padding:0 0 10px 0;
border-bottom:1px dotted #ccc;
font-size:0.9em;
}
#localnavi ul{
margin:0;
padding:0;
list-style:none;
}
#localnavi ul li{
margin:0 20px 0 0;
padding:0 0 0 15px;
float:left;
background:url(img/a02.gif) no-repeat left center;
}
#localnavi ul li a{
color:#666;
}
#localnavi ul li a:hover{
color:#000;
}
#localnavi ul li.current_page_item a{
color:#000;
text-decoration:none;
}



#localnavi_base{
margin:0 0 5px 0;
padding:3px 3px 10px 3px;
border:1px solid #ccc;
}
#localnavi_base h4{
text-align:center;
background:none;
border:none;
background:#666;
border-bottom:5px solid #999;
color:#fff;
margin:0;
padding:8px 0 5px 0;
font-weight:normal;
font-size:1.2em;
}

#localnavi_base ul{
margin:0;
padding:15px 10px;
list-style:none;
}
#localnavi_base ul li{
margin:0 10px 0 0;
padding:0 0 0 10px;
float:left;
width:150px;
background:url(img/a01.gif) no-repeat left center;
}
#localnavi_base ul li a{
color:#666;
}
#localnavi_base ul li a:hover{
color:#000;
}













/*-----------------------------------------toppage*/

h2.top{
margin:0 0 10px 0;
padding:0 0 5px 0;
line-height:1.5;
font-size:1.1em;
font-weight:normal;
}
h2.top strong{
color:#111;
font-weight:bold !important;
}
h2.top span{
color:#ccc;
}
#topjob{
margin:0 0 20px 0;
padding:6px;
background:url(img/bg_topjob.gif);
}
#topjob_inner{
padding:15px;
background:#fff;
}

#topjob ul{
margin:0;
padding:0;
list-style:none;
}
#topjob ul li{
margin:0;
padding:1px 0;
border-bottom:1px dotted #ccc;
}
#topjob ul li a{
color:#0066CC;
}
#topjob ul li a:hover{
color:#000;
}

#topjob span.cate{
display:block;
float:left;
text-align:center;
font-size:10px;
background:#0880BA;
color:#fff;
padding:0;
margin:2px 0 0 0;
width:50px;
line-height:15px;
}
#topjob span.cate a{
display:block;
color:#fff;
text-decoration:none;
}
#topjob span.cate a:hover{
color:#fff;
}
#topjob span.date{
font-size:10px;
padding:0 20px;
background:url(img/a01.gif) no-repeat left center;
background-position:10px;
}


#top_category{
margin:0 0 20px 0;
}
#top_category ul{
margin:0 0 0 10px;
padding:0;
list-style:none;
}
#top_category ul li{
margin:0;
padding:0 0 0 10px;
width:80px;
float:left;
overflow:hidden;
background:url(img/a01.gif) no-repeat left center;
}

#top_tag{
margin:0 0 20px 0;
}
#top_tag ul{
margin:0 0 0 10px;
padding:0;
list-style:none;
}
#top_tag ul li{
margin:0;
padding:2px 0 2px 15px;
width:130px;
float:left;
overflow:hidden;
background:url(img/a02.gif) no-repeat left center;
border-bottom:1px dotted #ccc;
}
#top_tag ul li a{
color:#555;
}
#top_tag ul li a:hover{
color:#000;
}



#top_jobcate{
margin:0 0 20px 0;
}
#top_jobcate ul{
margin:0 0 0 10px;
padding:0;
list-style:none;
}
#top_jobcate ul li{
margin:0;
padding:2px 0 2px 15px;
width:130px;
float:left;
overflow:hidden;
background:url(img/a02.gif) no-repeat left center;
border-bottom:1px dotted #ccc;
}
#top_jobcate ul li a{
color:#555;
}
#top_jobcate ul li a:hover{
color:#000;
}



#top_news{
margin:0 0 20px 0;
}
#top_news ul{
margin:0;
padding:0;
list-style:none;
}
#top_news ul li{
margin:0 0 3px 0;
padding:0 0 0 10px;
overflow:hidden;
background:url(img/a01.gif) no-repeat left top;
background-position:0 7px;
border-bottom:1px dotted #ccc;
}
#top_news ul li span{
font-size:10px;
padding:0 20px 0 0;
}
#top_news ul li a{
color:#333;
}
#top_news ul li a:hover{
color:#0066cc;
}








/*******************************TOPtab*/

#toptab{
margin:0 0 20px 0;
background:url(img/bg_toptab.png) no-repeat left top;
}
#toptab p.head{
margin:0 0 5px 0;
text-align:right;
font-size:0.9em;
}
#toptab p.head span{
color:#0A95D6;
}
#toptab ul{
margin:0;
padding:0 0 0 200px;
list-style:none;
}
#toptab ul li{
margin:2px;
padding:0;
float:left;
}
#toptab ul li a{
display:block;
width:80px;
line-height:26px;
text-align:center;
font-size:0.9em;
text-decoration:none;
background:#F7F7F7;
color:#444;
border:1px solid #ddd;
border-radius:3px;
-webkit-border-radius:3px;
-moz-border-radius:3px;
}
#toptab ul li a:hover{
background:#333;
color:#fff;
border:1px solid #ddd;
}
#toptab ul li.new a{
background:#0A95D6;
color:#fff;
border:1px solid #ddd;
}


.tabarea{
}
.tabarea .area{
display:none;
}
















/******************************************/
/******************************************/
/******************************************/
/******************************************/
/******************************************/
/******************************************/
/******************************************/

.value_koyou{
color:#ff6600;
font-weight:bold;
}


.post{
margin:0 0 20px 0;
}
.post_list{
margin:0 0 20px 0;
border:1px solid #ddd;
}
.post_list h3{
background:#4196BE;
color:#fff;
font-size:1.0em;
padding:2px;
margin:0;
line-height:1.8;
border:none;
background-image:none;
border-radius:0px;
-webkit-border-radius:0px;
-moz-border-radius:0px;
}
.post_list h3 a{
color:#fff;
}
.post_list h3 a:hover{
color:#000;
}
.post_list h3 span{
display:block;
float:left;
background:#333;
color:#fff;
font-size:1em;
margin:0 10px 0 0;
padding:0;
width:50px;
text-align:center;
}
.post_list h3 span a{
text-decoration:none;
}
.post_list h3 span a:hover{
color:#fff;
text-decoration:none;
}
.post_list p.info{
background:#eee;
padding:5px 10px;
margin:0;
}
.post_list p.info span{
color:#333;
font-weight:bold;
}
.post_list p.info2{
margin:0 0 10px 0;
padding:3px 10px;
border-bottom:1px dotted #ccc;
}
.post_list div.post_body_list{
margin:0 20px 10px 20px;
}
.post_list p.link{
margin:0;
padding:5px 20px;
border-top:1px dotted #ccc;
text-align:right;
}



div.post_body_list img,
div.post_body img{
max-width:100%;
height:auto;
}


.post_single{
margin:0 0 20px 0;
}
.post_single h3{
background:#4196BE;
color:#fff;
font-size:1.2em;
padding:2px;
margin:0;
line-height:2.0;
border-radius:0px;
-webkit-border-radius:0px;
-moz-border-radius:0px;
}
.post_single h3 span{
display:block;
float:left;
background:#333;
color:#fff;
font-size:1em;
margin:0 10px 0 0;
padding:0;
width:80px;
text-align:center;
}
.post_single h3 a{
color:#fff;
text-decoration:none;
}
.post_single p.info{
background:#eee;
padding:5px 10px;
margin:0;
}
.post_single p.info span{
color:#333;
font-weight:bold;
}
.post_single p.info2{
padding:5px 10px;
border-bottom:1px dotted #ccc;
}

.post_list div.post_body_list h1,
.post_single div.post_body h1{
color:#333;
font-size:1.4em;
margin:0 0 20px 0;
position:static;
font-weight:bold;
}
.post_list div.post_body_list h2,
.post_single div.post_body h2
{
background:none;
background-image:none;
padding:0;
margin:0 0 10px 0;
}
.post_list div.post_body_list h3,
.post_single div.post_body h3
{
background:none;
background-image:none;
padding:0;
margin:0 0 5px 0;
}
.post_list div.post_body_list h4,
.post_single div.post_body h4
{
background:none;
background-image:none;
padding:0;
margin:0;
}

.post_list div.post_body_list p,
.post_single div.post_body p
{
margin:0 0 10px 0;
}

.related_post{
}
.related_post h4{
color:#333;
margin:0 0 10px 0;
padding:0 0 3px 0;
background-image:none;
border-bottom:2px solid #ddd;
}
.related_post ul{
margin:0;
padding:0;
list-style:none;
}
.related_post ul li{
margin:0 0 3px 0;
padding:0 0 0 10px;
overflow:hidden;
background:url(img/a01.gif) no-repeat left center;
}
.related_post ul li a{
color:#333;
}
.related_post ul li a:hover{
color:#0066cc;
}





/*一覧でのページ移動ボタン*/
/*
Default style for WP-PageNavi plugin
http://wordpress.org/extend/plugins/wp-pagenavi/
*/

.wp-pagenavi {
clear: both;
padding:30px 0;
text-align:center;
}
.wp-pagenavi a, .wp-pagenavi span {
text-decoration:none;
border:1px solid #ddd;
padding:2px 8px;
margin:2px;
color:#666;
}
.wp-pagenavi a:hover, .wp-pagenavi span.current {
border-color:#3D97A7;
}
.wp-pagenavi span.current {
background:#3D97A7;
color:#fff;
}




























.staff_com{
padding:0 0 0 120px;
background:url(img/bg_staff.gif) no-repeat left top;
}



.table_df{
margin:0 0 20px 0;
width:100%;
}
.table_df th{
width:25%;
vertical-align:top;
background:#fff;
border-bottom:1px dotted #ccc;
text-align:left;
padding:2px 10px;
font-weight:normal;
}
.table_df td{
vertical-align:top;
border-bottom:1px dotted #ccc;
text-align:left;
padding:2px 10px;
}




.table_cf{
margin:0 0 20px 0;
width:100%;
border:1px solid #ccc;
}
.table_cf th{
width:20%;
vertical-align:top;
background:#eee;
border-bottom:1px solid #ccc;
text-align:left;
padding:3px 10px;
}
.table_cf td{
vertical-align:top;
border-bottom:1px solid #ccc;
text-align:left;
padding:3px 10px;
}




#base_list{
margin:0 0 30px 0;
border:1px solid #ddd;
clear:both;
}
#base_list h4{
margin:0 0 5px 0;
padding:5px 10px;
background:#eee;
color:#222;
}
#base_list ul{
margin:10px 20px;
padding:0;
list-style:none;
}
#base_list ul li{
margin:0;
padding:0 0 0 10px;
background:url(img/a01.gif) no-repeat left top;
background-position:0 7px;
border-bottom:1px dotted #ccc;
line-height:20px;
}
#base_list ul li span{
font-size:0.8em;
padding:0 20px 0 0;
}



/*-----------------------------------------投稿用イメージ*/

.aligncenter{
display:block;
margin-left:auto;
margin-right:auto;
}
.alignleft{
float:left;
margin:0 20px 20px 0;
width:auto;
}
.alignright{
float:right;
margin:0 0 20px 20px;
width:auto;
}
.post img{
border:none;
}
.wp-caption{
border:1px solid #ddd;
padding:5px 0 0 0;
text-align:center;
}
.wp-caption img{
margin:0 0 5px 0;
}
.wp-caption-text{
text-align:center;
font-size:0.8em;
margin:0;
}



#gmap{
border:1px solid #ccc;
}




.btn_emp{
text-align:left;
}
.btn_emp img{
margin:2px;
}











/*************************************************** search */

#feas-form{
}
form#feas-searchform-0 p{
clear:both;
}
form#feas-searchform-0 label{
display:block;
float:left;
width:25%;
}

#feas_0_3{
width:100%;
}








/*************************************************** clear */

div:after{
content: ".";
display: block;
clear: both;
height: 0;
visibility: hidden;
}
div{
min-height: 1px;
}
/* exlude MacIE5 \*/
* html div{
height: 1px;
/*\*//*/
height: auto;
overflow: hidden;
/**/
}








/******************************************/
/******************************************/
/******************************************/
/******************************************/
/******************************************/
/******************************************/
/******************************************/

@media only screen and (max-width:480px) {

body{
margin:0;
min-width:0px;
}
#layout{
width:100%;
}
h1{
padding:0 10px;
font-size:0.6em;
top:12px;
}
#cnt{
padding:0 15px;
}
#logoarea{
height:60px;
background:none;
}
#logo{
top:25px;
}
#logo img{
width:40%;
}
#main{
width:100%;
float:none;
}
#side{
width:100%;
float:none;
}
#sidesearch,
#sidebanner,
#sideinfo{
display:none;
}


#header_icon{
right:15px;
}
#top_left,
#top_right{
float:none;
width:100%;
}



/*navi*/
#navi-area{
height:auto;
}
ul#navi{
display:none;
}
ul#navi li{
float:left;
width:50%;
background:#333;
border-top:1px solid #444;
}
ul#navi li a{
line-height:35px;
border-right:1px solid #444;
}
#toggle{
display:block;
position:relative;
width:40px;
height:40px;
}
#toggle a{
display:block;
width:40px;
height:40px;
position:relative;
color:#fff;
text-align:center;
text-decoration:none;
}
#toggle a:hover,
#toggle a:active{
background:#333;
}
#toggle a img{
width:40px;
height:40px;
}



/*detail*/

#pagetop{
bottom:0px;
right:0px;
}
#pagetop a{
padding:10px 15px;
font-size:0.9em;
}

#breadcrumb,
#btn_print{
display:none;
}
#topjob span.info{
display:block;
margin:0 0 2px 0;
}
#top_news ul li span{
display:block;
}

.imgfixed{
width:100%;
}
.imgcleared{
float:none;
margin:0;
}

h2{
font-size:1.2em;
}
h2.top span{
display:none;
}
#top_jobcate ul,
#top_tag ul{
margin:0 0 0 5px;
}
#top_tag ul li{
width:44%;
}
#top_jobcate ul li{
width:44%;
}


#base_list ul li span{
display:block;
}

.btn_emp{
text-align:center;
}
.btn_emp img{
margin:2px;
width:80%;
}

form#feas-searchform-0 label{
width:45%;
}


#toptab{
background:none;
}
#toptab ul{
padding:0;
}

}


/*-----------------------------------------お仕事情報エントリーボタン*/

input {

    font-size: 1.2em;
    font-weight: bold;
    padding: 10px 20px;
    color: #fff;
    border-style: none;

    /* 影縦ぼ広 */
    box-shadow: 2px 2px 3px 1px #666;
    -moz-box-shadow: 2px 2px 3px 1px #666;
    -webkit-box-shadow: 2px 2px 3px 1px #666; 
    text-shadow: 1px 1px 2px #000;
    background: -moz-linear-gradient(bottom, #36d, #248 50%, #36d);
    background: -webkit-gradient(linear, left bottom, left top, from(#36d), color-stop(0.5, #248), to(#36d));
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}

input:hover {
    opacity: 0.75;
}