@charset "UTF-8";


/*---------- ALL ----------*/

html, body, header, section, article, nav, footer,aside,
div, span, p, h1, h2, h3, h4,
ul, ol, li, dl, dt, dd,
table, tr, th, td, tbody, thead, tfoot {margin: 0;padding: 0;}

img ,
fieldset{border: 0;}

body {width: 100%;font-family: "ＭＳ Ｐゴシック","MS PGOTHIC","Osaka","MS UI GOTHIC",sans-serif;line-height: 1.7;}
a{text-decoration: none;}
a:link {color: #005ebb;}
a:hover {color: #004080;}
a:visited {color: #005ebb;}

/*------------------------------------------------------------
3、float・・・左右の回り込み
-------------------------------------------------------------*/
.fl-r{ float: right; }/*右に回り込み*/
.fl-l{ float: left; }/*左に回り込み*/
.fl-c{ clear: both; }

/*---------- HEAD ----------*/

header {width: 100%; }
  header.index{background:url("img/bg.gif") 0 45% repeat-x;}
  header h1 {margin:1.5% 0 0 2%;color: #555555;font-size: 75%;text-shadow: -1px -1px 0px #999;}
    .child h1{color: #fff;}
    .child_h1{padding:10px;}
  header p{text-align:center;padding:15px 0;}
  header p img,
  .img_100 img{max-width:100%;}
  header .select{text-align: right;margin-top:1%;}
  .child {margin: 0;padding: 2px 0;background: -moz-linear-gradient(top,#ffe0be 0%,#ff9421);background: -webkit-gradient(linear, left top, left bottom, from(#ffe0be),to(#ff9421));}
img.mini_logo{max-width:70%;margin-left:2%;}


/*---------- CONTENT ----------*/

article {width: 100%;margin: 0 ;}
section {width: 100%;margin: 0 ;}
aside.aside_box{display:block;width:auto;background:#f8f1e2;font-size:90%;padding:3% 1% ;border-top:2px dashed #e6e3dc;border-bottom:2px dashed #e6e3dc;text-align: center;}
  aside.aside_box h1{  font-size:90%;font-weight: normal;}
  aside.aside_box .result_top{margin:0 3%;padding:3% 1% 5% 9%;background:url("img/megane.gif") 1% 50% no-repeat;border-bottom: 1px solid #d6d6d6;}
  aside.aside_box .result_bottom{margin:0 2%;padding:5% 0 3% 19%;text-align: left;}
    aside.aside_box .result_bottom p span.condition{display: inline-block;width:35%;margin-right: 5%;}
      aside.aside_box .job_collect{background:url("img/job_collect_icon.png") 23% 50% no-repeat;color:#333333;padding:3% 0 3% 0;font-weight: bold ;font-size:110%;}

  .other_title{font-size:90%;padding:2% 0;font-weight: normal;border-bottom: 1px solid #d6d6d6;}
  .other_title:before{content:"\3e";color:#929292;-webkit-transform: rotate(90deg);  -moz-transform: rotate(90deg); display: inline-block;margin-right:5px;}
  #searchform input{-moz-border-radius: 5px;-webkit-border-radius: 5px;border-radius: 5px;padding:3% 2%;}
  #searchform input[name="s"]{width:65%;display: inline-block;margin-right:5%;}
  #searchform input[type="submit"]{padding:3%;width:23%;font-size:90%;color:#fff;background: -moz-linear-gradient(top,#ffe0be 0%,#ff9421);background: -webkit-gradient(linear, left top, left bottom, from(#ffe0be),to(#ff9421));}

.img_center {
    margin:5px;
    text-align: center;
}

h2.h_blue {
  font-size: 120%;
  color: #f3f7fc;
  padding: 2% 3%;
  background: -moz-linear-gradient(top,#538dd5 0%,#8db4e2);
  background: -webkit-gradient(linear, left top, left bottom, from(#538dd5),to(#8db4e2));
  text-shadow: -1px -1px 0px #999;
  vertical-align: middle;
  -webkit-box-shadow: 0px 2px 3px #555;
  display: block;
  border-top:2px solid #538dd5;
  border-bottom:1px solid #8db4e2;
  z-index:5;
  position: relative;
  text-align: center;
  }

h2.test{
font-size:120%;
font-weight:bold;
position: relative;
background: #dfefff;
box-shadow: 0px 0px 0px 5px #dfefff;
border: dashed 2px white;
padding: 0.2em 0.5em;
color: #454545;
margin: 10px;
  text-align: center;
}

h2.test:after{
position: absolute;
content: '';
left: -7px;
top: -7px;
border-width: 0 0 15px 15px;
border-style: solid;
border-color: #fff #fff #a8d4ff;
box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.15);
}

.top_map_ico{background: url("img/top/top_map_ico.png") no-repeat 0 50%;padding:1% 13%;}
.top_search_ico{background: url("img/top/top_search_ico.png") no-repeat 4.5% 50%;padding:1% 13%;}

h3{font-size:120%;text-align:center;padding-top: 5px;padding-bottom: 5px;}

h3.h_orange{
  color:#ff9900;
  border-top: 2px solid #ffc280;
  border-bottom: 2px solid #ffc280;
  background: -moz-linear-gradient(top,#ffffff 0%,#fff8f0);
  background: -webkit-gradient(linear, left top, left bottom, from(#ffffff),to(#fff8f0));
  }

h3.h_orange_bg{
  margin-bottom:20px;
  color:#333;
  background: #ffc000;
  }

h3.h_gyay{
  color:#8d8d8d;
  border-top: 1px solid #d5d5d5;
  border-bottom: 1px solid #d5d5d5;
  background: #fbfbfb;
  }

h3.h_orange_acordion{
  text-align: left;
  padding-left:30px;
  color:#ff9900;
  border-top: 1px solid #ffc280;
  border-bottom: 1px solid #ffc280;
  background: -moz-linear-gradient(top,#ffffff 0%,#fff8f0);
  background: -webkit-gradient(linear, left top, left bottom, from(#ffffff),to(#fff8f0));
  }
h3.h_orange_acordion {
background: url("img/arrow_acordion.png") no-repeat 90% 50%;
background-size: 5%;
display: block;
padding:15px;
}

h4.left_orange {
font-size:120%;
padding: 0.3em 0.5em;/*上下 左右の余白*/
margin-left:2%;
margin-bottom:20px;
color: #494949;/*文字色*/
background: transparent;/*背景透明に*/
border-left: solid 5px #ffaf58;/*左線*/
}

h4.green{
    font-size:115%;
    text-align: left;
    color:#158b2b;
}

h4.h_orange{
  color:#222;
  border-top: 3px solid #ffc000;
  margin-top: 15px;
  background: #fff0c5;
  }
h4.h_orange2{
  font-size:120%;
  color:#222;
  border-top: 3px solid #ffc000;
  margin-top: 15px;
  text-align:center;
  background: #fff0c5;
  }

h5 {
    margin-left:3%;
    margin-right:3%;
    margin-bottom:0;
}

h5.dash_h {
    margin:10p 3% 0 3%;
    font-size:100%;
    color: #8cd460;/*文字色*/
    border-bottom: dashed 3px #8cd460;
}

.entry_step {
    margin:0 2%;
    margin-top:20px;
}

.entry_step p {
    font-size:95%;
}
.entry_step img{
    margin-right:20px;
}

section p {padding: 0 5% 30px 5%;line-height: 2.0; font-size:110%; color:#555;}
section .description{padding:1.2% 1.7%;font-size:110%;margin:5% 0 ;}
section .detail_box{background:#f9f8f2;border:2px solid #d6d6d6; -moz-border-radius: 3px;-webkit-border-radius: 3px;border-radius: 3px;margin:0 auto;padding:2%;width:70%;}
  section .detail_box ul{list-style-type: none;}
    section .detail_box ul li{display:block;width:100%;}
    section .detail_box ul li:first-child{margin-bottom:7px;}
    section .detail_box ul li span{
      font-size:85%;
      display: inline-block;
      padding:2px;
      -moz-border-radius: 3px;
      -webkit-border-radius: 3px;
      border-radius: 3px;
      }
      section .detail_box ul li span.detail_title{
        vertical-align:top;
        border:1px solid #ec7c00;
        box-shadow: 0px 0px 2px rgba(0,0,0,0.6);
        -webkit-box-shadow: 0px 0px 2px rgba(0,0,0,0.6);
        width:19%;
        text-align:center;
        margin-right:8px;
        font-weight:bold;
        color:#fff;
        background: -moz-linear-gradient(top,#ffd19f 0%,#ff921d);
        background: -webkit-gradient(linear, left top, left bottom, from(#ffd19f),to(#ff921d));
        }
        section .detail_box ul li span.detail_txt{width:73%;font-size:85%;}
        section .detail_box ul li span.ellipsis{width:73%;font-size:85%;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;-webkit-text-overflow: ellipsis;}

div.basic_box{width:100%;}
  div.basic_button a{display: inline-block;font-weight: bold;padding: 2.3% 0;-moz-border-radius: 5px;-webkit-border-radius: 5px;border-radius: 5px;text-decoration: none;text-align: center;margin: 0 auto; }
  div.basic_button a.gray_button{
    width:70%;
    background: -moz-linear-gradient(top,#fff 0%,#e8e8e8);
    background: -webkit-gradient(linear, left top, left bottom, from(#fff),to(#e8e8e8));
    border: 1px solid #d3d3d3;
    margin: 15px auto; 
    display: block;
    }
  div.basic_button a.one_button{
    -webkit-box-shadow: 0 1px 3px #000;
    width:70%;
    font-size: 120%;
    color: #fff;
    background: -moz-linear-gradient(top,#97dc4b 0%,#70b324);
    background: -webkit-gradient(linear, left top, left bottom, from(#97dc4b),to(#70b324));
    border: 1px solid #d3d3d3;
    margin: 15px auto; 
    display: block;
    position:relative;
    }
  div.basic_button a.two_button{
    -webkit-appearance: none;
    box-shadow: 0px 0px 3px rgba(0,0,0,0.2);
    -webkit-box-shadow: 0px 0px 3px rgba(0,0,0,0.2);
    width:47%;
    height:80px;
    color: #fff;
    font-size: 100%;
    font-weight: bold;
    background: -moz-linear-gradient(top,#97dc4b 0%,#70b324);
    background: -webkit-gradient(linear, left top, left bottom, from(#97dc4b),to(#70b324));
    border: 1px solid #d3d3d3;
    margin-left:5px;
    position:relative;
    text-shadow: 0 1px 1px #aaa;
    }
  div.basic_button a.two_orange_button{
    background: -moz-linear-gradient(top,#ffcc33 0%,#ff9900);
    background: -webkit-gradient(linear, left top, left bottom, from(#ffcc33),to(#ff9900));
    border: 1px solid #d3d3d3;
    }

div.basic_button a.two_button:before,
div.basic_button a.one_button:before{position:absolute;top:1.5%;left:1.5%;content:"";width:97%;height:93%;border-top: 1px solid #a1d97b;border-bottom: 1px solid #97c860;}
div.basic_button a.two_orange_button:before{border-top: 1px solid #ffb546;border-bottom: 1px solid #ffb546;}

section table.job_table {width:85%;font-size:85%;border-radius: 6px 6px 6px 6px;-moz-border-radius: 6px 6px 6px 6px;-webkit-border-radius: 6px 6px 6px 6px;box-shadow: 0 1px 1px #CCCCCC;border-spacing: 0;margin-right: 5%; margin-left: 5%;}
  section table.job_table tr.first th {border-radius: 6px 0 0 0;-moz-border-radius: 6px 0 0 0;-webkit-border-radius: 6px 0 0 0;}
  section table.job_table tr.first td{border-radius: 0 6px 0 0;-moz-border-radius: 0 6px 0 0;-webkit-border-radius: 0 6px 0 0;}
  section table.job_table tr.last th {border-radius: 0 0 0 6px;-moz-border-radius: 0 0 0 6px;-webkit-border-radius: 0 0 0 6px;}
  section table.job_table tr.last td {border-radius: 0 0 6px 0;-moz-border-radius: 0 0 6px 0;-webkit-border-radius: 0 0 6px 0;}
  section table.job_table tr.last td,
  section table.job_table tr.last th{border-bottom: 1px solid #d6d6d6;}
  section table.job_table th.first td, 
  section table.job_table th.first {border-left: medium none;}
    section table.job_table th {
      background-color: #DCE9F9;
      background: -moz-linear-gradient(right, #f3f1e4, #fff);
      background: -webkit-gradient(linear, right center, left center, from(#f3f1e4), to(#fff)); 
      border-top: medium none;
      box-shadow: 0 1px 6px rgba(255, 255, 255, 0.7) inset;
      text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
      color: #222;
      width:29%;
      font-size:100%;
      border-left: 1px solid #d6d6d6;
      border-top: 1px solid #d6d6d6;
      border-right: 1px solid #ffffff ;
      padding:4px 0;
      font-weight: normal;
      }
    section table.job_table td {
      border-left: 1px solid #e3e3e3;
      border-top: 1px solid #d6d6d6;
      border-right: 1px solid #d6d6d6 ;
      padding: 10px;
      text-align: left;
      }​


.list1 ul{
 border-bottom: 1px solid #ccc;
 list-style-type:none;
 }
 .list1 ul li{
 background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#e0e0e0));
 background: linear-gradient(#fff, #f0f0f0);
 border-bottom: 1px solid white;
 border-top: 1px solid #ccc;
 height: 40px;
 margin: 0;
 list-style-type: none; }
 .list1 ul li a{
 color: #333;
 display: block;
 height: 40px;
 margin: 0 10% 0 0;
 padding: 0 0 0 10px;
 overflow: hidden;
 text-overflow: ellipsis;
 text-decoration: none;
 font-weight: bold;
 white-space: nowrap;
 line-height: 40px;
 list-style-type: none; }
 .list1 ul li a::after{
 content: url(img/lib/acordion_child_arrow.gif);
 float: right;
 }

/*---------- NAV ----------*/
nav2 {width: 100%;text-decoration: none;margin: 0 ;}
nav2 ul {width: 100%;border-bottom:1px solid #d6d6d6;list-style-type:none;}
nav2 li div{overflow: hidden;}
nav2 li{ background: -moz-linear-gradient(top,#ffffff 0%,#f3f3f3);background: -webkit-gradient(linear, left top, left bottom, from(#ffffff),to(#f3f3f3));list-style-type:none;}
nav2 li a{
  text-decoration: none;
  display:block;
  width:auto;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-text-overflow: ellipsis;
  list-style: none;
    background-position: right 20% center;
    background-image:url(img/lib/acordion_child_arrow.gif);
    background-repeat: no-repeat;
    font-size: 110%;
    color: #666;
    font-weight: bold;
  padding: 3.3% 4% 3.3% 8%;
  border-top: 1px solid #d6d6d6;
  }


nav {width: 100%;text-decoration: none;margin: 0 ;}
nav ul {width: 100%;border-bottom:1px solid #d6d6d6;list-style-type:none;}
nav li div{overflow: hidden;}
nav li{ background: -moz-linear-gradient(top,#ffffff 0%,#f3f3f3);background: -webkit-gradient(linear, left top, left bottom, from(#ffffff),to(#f3f3f3));list-style-type:none;}
nav li a{
  text-decoration: none;
  color:#306acb;
  display:block;
  width:auto;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-text-overflow: ellipsis;
  list-style: none;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 110%;
  color: #050505;
  padding: 3.3% 4% 3.3% 8%;
  border-top: 1px solid #d6d6d6;
  }

nav li:first-child a{border-top:none;}
ul.ads_list{border:none;}
  ul.ads_list li{overflow: hidden;}
    ul.ads_list li a{color:#666;min-height: 70px}
    ul.ads_list li img{padding:2% 2% 2% 0;}
    ul.ads_list li h4{font-size:95%;}
    ul.ads_list li p{font-size:80%;}

nav.add_arrow,
nav.add_arrow ul,
nav.add_arrow ul li,
nav.add_arrow ul li a{z-index:0;}
  nav.add_arrow li a{color:#306acb;font-weight: bold;text-shadow: 1px 1px 2px #CCC;font-size:100%;}
    nav.add_arrow li a:after{
      content:"\3e"; 
      font-family:Arial;
      display:inline-block;
      text-shadow: none;
      float:right;
      font-size:100%;
      font-weight: bold; 
      color:#555;
      margin:0 8% 0 0;
      }

#index nav.add_arrow li a:after{-webkit-transform: rotate(0deg);  -moz-transform: rotate(0deg);}

nav.add_arrow li ul.child_list li a{color:#666;}
  nav.add_arrow li ul.child_list li ul.sub-menu a{color:#3399cc;}
  nav.add_arrow li ul.child_list li ul.sub-menu a:after{-webkit-transform: rotate(0deg);  -moz-transform: rotate(0deg);}
    nav.add_arrow li ul.child_list li a:after{-webkit-transform: rotate(0deg);  -moz-transform: rotate(0deg);} 

nav.colorfull li {background:#f0f5fb;}
  nav.colorfull li a{width: 100%;color:#1f1400;}
  nav.colorfull li a span{white-space: nowrap;overflow: hidden;text-overflow: ellipsis;-webkit-text-overflow: ellipsis;display: inline-block;width:70%;}
  nav.colorfull li a:after{color:#1f1400;text-shadow:none;position: relative;right:8%;}
    nav.colorfull li:nth-child(1) {border-left:5px solid #ff9933;}
    nav.colorfull li:nth-child(2) {border-left:5px solid #99cc33;}
    nav.colorfull li:nth-child(3) {border-left:5px solid #3399cc;}
    nav.colorfull li:nth-child(4) {border-left:5px solid #ffff66;}
    nav.colorfull li:nth-child(5) {border-left:5px solid #ff99cc;}



/*---------- MALTI LEVEL ACCODION -------------*/
#menu .child_list{border-top: 1px solid #d6d6d6;}
  #menu .child_list li{background:url("img/lib/acordion_child_bg.gif");border-top: 1px solid #fff;border-bottom: 1px solid #d6d6d6;}
    #menu .child_list li a:after{content:"\3e";background:none;color:#666666;}
    #menu .child_list li ul.sub-menu{margin:0;border-bottom: none;}
    #menu .child_list li ul.sub-menu li{background:#f0f5fb;border-top: 1px solid #d6d6d6;border-bottom: none;}
    #menu .child_list li ul.sub-menu li a{border-left: 15px solid #3399cc;}

nav.accodion li a[href="javascript:void(0);"]:after,
nav.accodion li ul li a[href="javascript:void(0);"]:after{-webkit-transform: rotate(90deg);  -moz-transform: rotate(90deg);}

#menu li.area_all{background:#fff;}
#menu li.area_city{border-left: 15px solid #3399cc;background:#f0f5fb;border-top: 1px solid #d6d6d6;border-bottom: none;}
nav.nonborder ul{border-bottom:none;}

/*---------- FORM ----------------*/

h2.basic_h2{font-size:110%;padding-left:3%;padding-right: 3%;}
div.point{
  padding:1.5% 1% 1.5% 5%;
  background:#ededed;
  border-top: 2px solid #d5d5d5;
  border-bottom: 1px solid #dbdbdb;
  position: relative;
  margin-top: 25px;
  font-weight: bold;
  color:#444;
  text-shadow: 0 1px 1px #fff;
  }

input[type="checkbox"] {
    -webkit-transform: scale(1.5);
    transform: scale(1.5);
}

form.job_form p{padding-left:3%;padding-right: 3%;}
h3.h_form{
  border-bottom:3px solid #939393;
  background: -moz-linear-gradient(top,#3366cc 0%,#247ac5);
  background: -webkit-gradient(linear, left top, left bottom, from(#3366cc),to(#247ac5));
  color:#fff;
  }


form.job_form select[name="prefecture_must_value"],select[name="job_type"],select[name="city"],select[name="age_must_value"],
form.job_form select[name="job"]{margin:5%;width:88%;padding-top:3%;padding-bottom: 3%;}
form.job_form input[type="radio"]{width:3%;vertical-align: middle;}
form.job_form input{-moz-border-radius: 5px;-webkit-border-radius: 5px;border-radius: 5px;}
form.job_form input[type="text"]{border-radius: 0 0 6px 0;-moz-border-radius: 0 0 6px 0;-webkit-border-radius: 0 0 6px 0;}
form.job_form p.radio{margin:2%;}
form.job_form select[name="year_must_value"] {max-width:30%;}
form.job_form input[type="submit"]{
  -webkit-appearance: none;
  box-shadow: 0px 0px 3px rgba(0,0,0,0.6);
  -webkit-box-shadow: 0px 0px 3px rgba(0,0,0,0.6);
  border:1px solid #528523;
  width:93%;
  margin:3%;
  color: #fff;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  font-size: 90%;
  background: -moz-linear-gradient(top,#97dc4b 0%,#70b324);
  background: -webkit-gradient(linear, left top, left bottom, from(#97dc4b),to(#70b324));
  border: 1px solid #d3d3d3;
  padding:5% 0;
  position:relative;
  text-shadow: 0 1px 1px #aaa;
  }
form.job_form input.tow_button[type="submit"]{width:43%;}
form.job_form a.back_to_form{
  width:43%;
  display: inline-block;
  text-align: center;
  padding:4% 1.5%;
  margin-right: 5%;
  text-decoration: none;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  font-size: 90%;
  box-shadow: 0px 0px 2px rgba(0,0,0,0.3);
  -webkit-box-shadow: 0px 0px 2px rgba(0,0,0,0.3);
  background: #ececec;
  color:#adadad;
  font-weight: bold;
  }
  form.job_form input[type="radio"] {
    -webkit-appearance: none;
    background-color: #fafafa;
    border: 1px solid #cacece;
    box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px -12px rgba(0,0,0,0.05);
    padding: 9px;
    border-radius: 50px;
    display: inline-block;
    position: relative;
    }
  form.job_form input[type="radio"]:checked:after {
    content: ' ';
    width: 12px;
    height: 12px;
    border-radius: 50px;
    position: absolute;
    top: 3px;
    background: #99a1a7;
    box-shadow: inset 0px 0px 10px rgba(0,0,0,0.3);
    text-shadow: 0px;
    left: 3px;
    font-size: 32px;
    }
  form.job_form input[type="radio"]:checked {
    background-color: #e9ecee;
    color: #99a1a7;
    border: 1px solid #adb8c0;
    box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px -12px rgba(0,0,0,0.05), inset 15px 10px -12px rgba(255,255,255,0.1), inset 0px 0px 10px rgba(0,0,0,0.1);
    }
form.job_form input[type="radio"]:active, 
form.job_form input[type="radio"]:checked:active {box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px 1px 3px rgba(0,0,0,0.1);}
form.form_view p{padding:5%;font-weight:bold;}

form.search input[type="submit"]{
/*}
    width:70%;
    background: -moz-linear-gradient(top,#fff 0%,#e8e8e8);
    background: -webkit-gradient(linear, left top, left bottom, from(#fff),to(#e8e8e8));
    border: 1px solid #d3d3d3;
    margin: 15px auto; 
    padding:5% 0;
    display: block;
*/
  -webkit-appearance: none;
  box-shadow: 0px 0px 3px rgba(0,0,0,0.6);
  -webkit-box-shadow: 0px 0px 3px rgba(0,0,0,0.6);
  border:1px solid #528523;
  width:70%;
  margin: 3% 15%;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  font-size: 90%;
  background: -moz-linear-gradient(top,#fff 0%,#e8e8e8);
  background: -webkit-gradient(linear, left top, left bottom, from(#fff),to(#e8e8e8));
  border: 1px solid #d3d3d3;
  padding:3% 0;
  position:relative;
  text-shadow: 0 1px 1px #aaa;
  }

/* ERROR MESSAGE */

form.error .form_error_message{
  width:80%;
  background:#fef8f5 url("img/warning.gif") no-repeat 2% 50%;
  padding:3%;
  margin:0 auto;
  color:#d03509;
  border:1px solid #ee8857;
  font-size:85%;
}
form.error .form_error_message p{margin-left:10%;}
form.error .error_item{
  font-size:80%;
  display:inline-block;
  background:#fef8f5;
  color:#b10303;
  border:1px solid #ee8857;
  padding:0.5% 1.5%;
  margin:1% 1% 1% 3%;
}


/*---------- JOB DESCRIPTION ----------*/
.job_desc_head{border-top:2px dashed #99b540;border-bottom:2px dashed #99b540;background:#f8f1e2;color:#99b540;text-align: center;padding: 2%;font-size: 95%} 
.job_desc_head4{border-bottom:2px dashed #99b540; padding: 2%; } 
.job_head_icon{background:#f8f1e2 url("img/job_disc.png") 5% 40% no-repeat;padding:5.5% 2%;}

/*---------- JOB ICON -----------*/
.head_factry       {padding:3% 0;background: url("img/works/works_icon_factry.gif") 13% 40% no-repeat;}
.head_active       {padding:3% 0;background: url("img/works/works_icon_active.gif") 13% 40% no-repeat;}
.head_building     {padding:3% 0;background: url("img/works/works_icon_building.gif") 13% 40% no-repeat;}
.head_business     {padding:3% 0;background: url("img/works/works_icon_business.gif") 13% 40% no-repeat;}
.head_dealer       {padding:3% 0;background: url("img/works/works_icon_dealer.gif") 13% 40% no-repeat;}
.head_distribution {padding:3% 0;background: url("img/works/works_icon_distribution.gif") 13% 40% no-repeat;}
.head_education    {padding:3% 0;background: url("img/works/works_icon_education.gif") 13% 40% no-repeat;}
.head_event        {padding:3% 0;background: url("img/works/works_icon_event.gif") 13% 40% no-repeat;}
.head_foods        {padding:3% 0;background: url("img/works/works_icon_foods.gif") 13% 40% no-repeat;}
.head_it           {padding:3% 0;background: url("img/works/works_icon_it.gif") 13% 40% no-repeat;}
.head_medical      {padding:3% 0;background: url("img/works/works_icon_medical.gif") 13% 40% no-repeat;}
.head_office       {padding:3% 0;background: url("img/works/works_icon_office.gif") 13% 40% no-repeat;}
.head_other        {padding:3% 0;background: url("img/works/works_icon_other.gif") 13% 40% no-repeat;}
.head_service      {padding:3% 0;background: url("img/works/works_icon_service.gif") 13% 40% no-repeat;}

/*---------- OTHER ----------*/

span.color_y{ background: #ffff90; padding:4px;}
span.under_y {background: linear-gradient(transparent 70%, yellow 50%);}

.b{ font-weight: bold!important; }/*太字*/
.red{ color: #ff0000!important; }/*赤*/
.blue{ color: #0000dd!important; }/*青*/
.green{ color: #008000!important; }/*緑*/
.yellow{ color: #ffff00!important; }/*黄*/
.navy{ color: #1F26A9!important; }/*紺*/
.orange{ color: #ff6600!important; }/*橙*/
.pink{ color: #cc6699!important; }/*ピンク*/
.purple{ color: #660099!important; }/*紫*/
.olive{ color: #808000!important; }/*黄土色*/
.lime{ color: #00ff00!important; }/*黄緑*/
.aqua{ color: #167FA6!important; }/*水色*/
.black{ color: #000!important; }/*黒*/
.gray{ color: #ccc!important; }/*灰*/
.white{ color: #fff!important; }/*白*/

.under{text-decoration: underline;}

#page_back {margin: 0 0 8px 0;padding: 0 6px 0 0;text-align: right;}
.pagenation a{display: inline-block;padding:3px 5px;}
.more_link_span{display:inline-block;margin-left:60%;}
.more_read{display: none}

/*---------- FOOT ----------*/

footer {width:100%;padding: 10px 0 10px 0;color: #333333;text-align: center;border-top: solid 1px;border-top-color: #cccccc;background-color: #eee;}
footer p {padding: 10px;color: #555555;font-size: 100%;}
footer p.copy {padding: 10px;font-size: 75%;}

#footer_fix{padding-top:1.3%;padding-bottom:1.3%;position: fixed;bottom:0;width: 100%;background: rgba(0,0,0,0.7); ;border-top:1px solid #e3e3e6;}
#footer_fix .basic_button{margin:0 auto;width:90%;}
#footer_fix .two_button{width:36%;padding:1% 5%;}
#footer_fix .two_orange_button{margin-left:6%;}

/*---------- MODULE ----------*/
.left{float:left;}
.right{float:right;}
.clear{clear:both;}

.two{width:49%;}
.three{width:33.111%;}

.big_txt{font-size:150%;font-weight:bold;display: inline-block;margin:0 3px;}
.big_txt2{font-size:120%;font-weight:bold;display: inline-block;margin:0 3px;}
.
orange{color:#ff3300;}
.red{color:#cc3333;}
.gray{color:#919191;}
.center_box{text-align: center;}
.right_box{text-align: right;}
.small,
.small a{font-size:75%;}
.img85 img{width:85%;margin: 0 auto;}
.requisite{font-size:75%;display:inline-block;position: absolute;right:5%;top:27%;}
.nobordertop{border-top:none !important;}
.noborderbottom{border-bottom:none !important;}

.mt10{margin-top:10px; }
.mt15{margin-top:15px; }
.mt20{margin-top:20px; }
.mt25{margin-top:25px; }
.mt30{margin-top:30px; }
.mt40{margin-top:40px; }

.mb10{margin-bottom:10px; }
.mb15{margin-bottom:15px; }
.mb20{margin-bottom:20px; }
.mb25{margin-bottom:25px; }
.mb30{margin-bottom:30px; }
.mb40{margin-bottom:40px; }

.mr10{margin-right:10px; }

.adsense_rec{
margin:10px 0 10px 20px;
}

.area_choice {
margin-left:20px;
}

.faq_box {
    padding: 0.5em 1em;
    margin: 2%;
    font-weight: bold;
    color: #333;/*文字色*/
    background: #FFF;
}
.faq_box p {
    margin: 0 0 20px 0; 
    padding: 0;
}

.faq_in {
    padding:10px 5px;
    background-size:100%;
}

.faq_in p {
    font-weight:bold;
    font-size:110%;
}

.faq_in dt{
}
.faq_in dt{
    padding-left:1.6rem;
    text-indent:-1.6rem;
    font-weight:bold;
    font-size:105%;
}
.faq_in dt::before {
    content:"";
    display:inline-block;
    width:1.4rem;
    height:1.4rem;
    background:url(./img/faq_box_q.gif) no-repeat 50% 50%;
    background-size:1.4rem 1.3rem;
    margin-right:.2rem;
}

.faq_in dd {
    font-size:90%;
    background:url(./img/faq_box_line.gif) no-repeat 50% 100%;
    background-size:98%;
    padding-bottom:20px;
    margin-bottom:20px;
    padding-left:1.6rem;
    text-indent:-1.6rem;
}

.faq_in dd::before {
    content:"";
    display:inline-block;
    width:1.4rem;
    height:1.4rem;
    background:url(./img/faq_box_a.gif) no-repeat 0 0;
    background-size:1.3rem 1.4rem;
    margin-right:.2rem;
}

.faq_in dd:last-child {
    background:none;
    padding-bottom:0;
    margin-bottom:0;
}
.pr_in {
    padding:10px 15px;
    background-size:100%;
}

.pr_in p {
    font-weight:bold;
    font-size:110%;
}

.pr_in dt{
}
.pr_in dt{
    padding-left:1.6rem;
    text-indent:-1.6rem;
    font-weight:bold;
    font-size:105%;
}
.pr_in dt::before {
    content:"";
    display:inline-block;
    width:1.4rem;
    height:1.4rem;
    background:url(./img/pr_icon_1.gif) no-repeat 50% 50%;
    background-size:1.4rem 1.3rem;
    margin-right:.2rem;
}

.pr_in dd {
    font-size:90%;
    background:url(./img/faq_box_line.gif) no-repeat 50% 100%;
    background-size:98%;
    padding-bottom:20px;
    margin-bottom:20px;
    padding-left:1.6rem;
    text-indent:-1.6rem;
}

.pr_in dd::before {
    content:"";
    display:inline-block;
    width:1.4rem;
    height:1.4rem;
    background:url(./img/faq_box_a.gif) no-repeat 0 0;
    background-size:1.3rem 1.4rem;
    margin-right:.2rem;
}

.pr_in dd:last-child {
    background:none;
    padding-bottom:0;
    margin-bottom:0;
}

.faq_bottom {
    margin-bottom:20px;
}

.nav {
    list-style: none;
}

.nav li {
  width: 48%;
  text-align: center;
  background-color: #fff;
  display: inline-block;
}

.nav li a {
  text-decoration: none;
  color: #fff;
  font-weight: bold;
}

.square_btn_link a {
    margin-left:4%;
    margin-right:4%;
    color: #FFF;
}

.square_btn {
    position: relative;
    display: inline-block;
    padding: 0.25em 1.0em;
    text-decoration: none;
    color: #FFF;
    background: #8cd460;/*背景色*/
    border-bottom: solid 2px #80d000;/*少し濃い目の色に*/
    border-radius: 4px;/*角の丸み*/
    box-shadow: inset 0 2px 0 rgba(255,255,255,0.2), 0 2px 2px rgba(0, 0, 0, 0.19);
    font-weight: bold;
}

.square_btn:active {
    border-bottom: solid 2px #fd9535;
    box-shadow: 0 0 2px rgba(0, 0, 0, 0.30);
}

.square_btn_orange{
    display: inline-block;
    padding: 7px 20px;
    border-radius: 25px;
    text-decoration: none;
    color: #FFF;
    background-image: -webkit-linear-gradient(45deg, #FFC107 0%, #ff8b5f 100%);
    background-image: linear-gradient(45deg, #FFC107 0%, #ff8b5f 100%);
    transition: .4s;
}
.square_btn_orange a{
    color: #FFF;
}
.square_btn_orange:hover {
    background-image: -webkit-linear-gradient(45deg, #FFC107 0%, #f76a35 100%);
    background-image: linear-gradient(45deg, #FFC107 0%, #f76a35 100%);
}

table td.tb_point {
    padding:0;
}
table td.tb_trial {
    padding:8px 0;
    text-align: center; /*文字を中央に配置*/
}

ul.box_list, ol.box_list {
  background: #fffcf4;
  border-radius :8px;/*角の丸み*/
  box-shadow :0px 0px 5px silver;/*5px=影の広がり具合*/
  padding: 0.5em 0.5em 0.5em 2em;
    margin: 0 6%;
}
ul.box_list li.box_list, ol.box_list li.box_list {
  background: #fffcf4;
  line-height: 1.5;
  padding: 0.5em 0;
}

.box_point {
    position: relative;
    margin: 3em 4% 1em 4%;
    padding: 0.5em 1em;
    border: solid 3px #8cd460;
    background-color:#fffcf4;
}
.box_point .box-title {
    position: absolute;
    display: inline-block;
    top: -27px;
    left: -3px;
    padding: 0 9px;
    height: 25px;
    line-height: 25px;
    vertical-align: middle;
    font-size: 17px;
    background: #8cd460;
    color: #ffffff;
    font-weight: bold;
    border-radius: 5px 5px 0 0;
}
.box_point p {
    margin: 0; 
    padding: 0;
}

.box_point ul {
    margin:0 1% 0 3%;
    padding: 0;
}

/*●目次メニュー*/
div.mokuji-menu{
    margin:2% 4% 2% 4%;
    padding: 5px 1% 5px 1%; 
    background: #ebf1de;
}
/*
div.mokuji-menu ul{
    margin-right: 30px;
}
*/
div.mokuji-menu li{
    font-size:100%;
    display: block;
    margin-bottom: 10px;
    padding-left: 22px;
    background: url(../images/icon/icon-arrow.gif) left 5px no-repeat;
}
div.mokuji-menu li ul{
}
div.mokuji-menu li li{
    font-size:90%;
    display: block;
    margin-bottom: 5px;
    padding-left: 22px;
    background: url(../images/icon/icon-menu02.gif) left 5px no-repeat;
}

/* パソコン・スマホ共通のCSS */
#PageTopBtn {
position: fixed; /*ボタンの配置場所を固定*/
width: 20%;
bottom: 10px; /*下からのボタンの配置場所を指定*/
right: 5%; /*右からのボタンの配置場所を指定*/
}
#PageTopBtn a {
display: block; /*配置の調整*/
text-decoration: none; /*文字の下線を消す*/
color: #fff; /*文字の色*/
background: #3fefee; /*ボタンの背景色*/
text-align: center; /*文字を中央に配置*/
border-radius: 10px; /*ボタンの角を少し丸くする*/
outline: none; /*クリックしたときの黒い枠を消す*/
}
#PageTopBtn a:hover {
text-decoration: none; 
background: #3fefee; /*マウスオーバー時の背景色*/
}
/* パソコンで表示する場合のCSS */
@media (min-width: 768px) {
#PageTopBtn {
font-size: 100%;
}
#PageTopBtn a {
width: 100px; /*ボタンの幅*/
height: 20px; /*ボタンの高さ*/
padding: 12px 0; /*文字の配置場所の調整*/
}
}
/* スマホで表示する場合のCSS */
@media (max-width: 767px) {
#PageTopBtn {
font-size: 100%;
}
#PageTopBtn a {
height: 20px;
padding: 6px 0 10px 0;
}
}

table.type30 {
    margin:10px 2%;
    border-collapse: collapse;  width:95%;
    border: solid 1px #666;
}

table.type30 th, table.type30 td {
    border: dashed 1px #666;/**/
    padding:2px;
}

table.type30 td {
    text-align: left;
    color: #666;
}
table.type30 th.color_g {
    background-color:#bcd6ac;
    color: #333;
}

table.type31 {
    margin:10px 4%;
    border-collapse: collapse;  width:95%;
    border: solid 1px #d9d9d9;
}

table.type31 th, table.type31 td {
    border: solid 1px #d9d9d9;/**/
    padding:6px;
}

table.type31 td {
    text-align: left;
    color: #494949;
}
table.type31 th.color_g {
    font-weight: normal;
    background-color:#f5f5f5;
    color: #333;
}


.box29 {
    margin: 2em 3%;
    padding-bottom:10px;
    background: #fff;
    border: solid 2px #8cd460;/*表全体を線で囲う*/
}
.box29 .box-title {
    font-size: 1.3em;
    background: #8cd460;
    padding: 4px 0 4px 10px;
    color: #FFF;
    font-weight: bold;
    letter-spacing: 0.05em;
}
.box29 .box-title a{
    color: #fff;
    margin-left:15px;
}
.box29 .boxin-title {
    font-size: 1.2em;
    background: #fff;
    margin-top:10px;
    margin:0 3%;
    padding:5px 0;
    font-weight: bold;
}
.box29 p {
    padding: 15px 20px;
    background: #fff8e8;
    margin: 10px;
}

.box29 h3 {
  background-color: #fff;
}

.box29 table {
  width:100%;
  border: none;
  padding:4px;
  background: #fff;
}
.box29 table th{/*thに対して*/
    text-align: left;
    vertical-align: top;
    border: none;
    font-size:110%;
    background: #fff;
}
.box29 table th, table td {
  border: none;
  background: #fff;
}

.square_btn2_link a {
    margin-left:4%;
    margin-right:4%;
    color: #FFF;
    text-decoration: underline;
}

.square_btn2{
    position: relative;
    display: inline-block;
    font-weight: bold;
    padding: 0.5em 1.5em;
    text-decoration: none;
    color: #00BCD4;
    background: #03A9F4;
    border-bottom: solid 2px #03A9F4;/*少し濃い目の色に*/
    border-radius: 4px;/*角の丸み*/
    box-shadow: inset 0 2px 0 rgba(255,255,255,0.2), 0 2px 2px rgba(0, 0, 0, 0.19);
    font-weight: bold;
  }

.square_btn2:hover {
    background: #13C9FF;
    color: white;
}

.square_btn3_link a {
    margin-left:4%;
    margin-right:4%;
    color: #333;
    text-decoration: underline;
}
.square_btn3{
    position: relative;
    display: inline-block;
    font-weight: bold;
    padding: 0.5em 1.5em;
    text-decoration: none;
    color: #00BCD4;
    background: #fff;
    border: solid 2px #888;/*少し濃い目の色に*/
    border-radius: 4px;/*角の丸み*/
    box-shadow: inset 0 2px 0 rgba(255,255,255,0.2), 0 2px 2px rgba(0, 0, 0, 0.19);
    font-weight: bold;
  }

.square_btn3:hover {
    background: #ECECEC;
    color: #666;
}

.square_btn_blue{
    display: inline-block;
    font-size:80%;
    font-weight: bold;
    padding: 2px 10px;
    border-radius: 25px;
    text-decoration: none;
    color: #FFF;
    background-color:#00bcd4;
    transition: .4s;
    margin-right:3px;
    margin-bottom:8px;
}

.square_btn_point{
    display: inline-block;
    font-size:80%;
    padding: 0.5em 0.5em;
    text-decoration: none;
    color: #333;
    border: dashed 1px #67c5ff;
    background: #f2fcff;
    border-radius: 3px;
    transition: .4s;
    margin-right:3px;
    margin-bottom:8px;
}

.box11{
    padding: 0.5em 1em;
    margin: 2em 2%;
    color: #5d627b;
    background: white;
    border-top: solid 8px #95ccff;
    box-shadow: 0 3px 5px rgba(0, 0, 0, 0.22);
}
.box11 h4 {
    font-size:110%;
}
.box11 p {
    margin-left: 80px; 
    padding: 0;
}
.box11 p.discription {
    padding: 6px;
    background: #fff8e8;
}
.box11 ul {
    font-size:120%;
    margin:10px 0 10px 110px;
    padding: 0 0 0 12px;
    background: #fff8e8;
    list-style-type: none;
}
.box12{
    padding: 0.5em 1em;
    margin: 2em 2%;
    color: #5d627b;
    background: white;
    border-top: solid 8px #ff7d6e;
    box-shadow: 0 3px 5px rgba(0, 0, 0, 0.22);
}
.box12 h4 {
    font-size:110%;
}
.box12 p.discription {
    padding: 6px;
    background: #fff8e8;
}
.box12 p {
    margin-left: 20px; 
    padding: 0;
}
.box12 ul {
    font-size:120%;
    margin:10px 120px 10px 0px;
    padding: 0 0 0 12px;
    background: #fff8e8;
    list-style-type: none;
}

.box_img_ul{
padding-left:2%;
width: 100%;
}
.image_left{
float: left;
margin-right: 10px;
}
.image_right{
float: right;
margin-left: 10px;
}
ul{
overflow: auto;
}

#nav_test ul {
  list-style-type: none; /*箇条書きのポッチを消す*/
  text-align:center /*左右中央寄せは親要素に対して指定*/
}

/* ↓id="nav"の中のulの中のliに対してCSSを適用*/
#nav_test ul li { 
  display: inline-block;/*inline-blockにします*/
  width: 45%;
  padding: 10px 0;
  margin: 0 0 10px 0;
  vertical-align: middle;/*縦の表示位置も指定できる*/
  background: skyblue;/*背景を水色に*/
  font-weight: bold;/*文字を太字に*/
  color:white; /*文字色を白に*/
}

.btn-flat-stripe {
  font-size:120%;
  text-align: center;
  position: relative;
  display: inline-block;
  font-weight: bold;
  padding: 0.5em 1em;
  text-decoration: none;
  border-left: solid 4px #668ad8;
  border-right: solid 4px #668ad8;
  color: #668ad8;
  text-shadow: 0 0 5px white;
  padding: 0.5em 1em;
  background: repeating-linear-gradient(-45deg, #cce7ff, #cce7ff 3px,#e9f4ff 3px, #e9f4ff 7px);
  transition: .4s;
}

.btn-flat-stripe:hover {
  background: repeating-linear-gradient(-45deg, #cce7ff, #cce7ff 5px,#e9f4ff 5px, #e9f4ff 9px);
}

.center_btn{
  text-align: center;
}

.link_outline {
    margin:10px;
    height:100px;
    border: 2px solid #ccc;
    background: white;
    box-shadow: 0 3px 5px rgba(0, 0, 0, 0.22);
}

.link_outline2 {
    margin:10px;
    height:100px;
    border: 2px solid #ccc;
    background: #e6ecfe;
    box-shadow: 0 3px 5px rgba(0, 0, 0, 0.22);
}

.link_inline h4.h_link {
    margin:0;
    padding:0;

    font-size:90%;
    margin-top:10px;
    margin-left:20px;
    margin-right:20px;
    margin-bottom:5px;
    line-height:1.2;
}
.link_inline p.p_link {
    font-size:90%;
    margin:0;
    padding:0;
    margin-left:20px;
    margin-right:20px;
    line-height:1.3;
}

.link_inline img.img_link {
    margin:10px;
    padding:0;
}
.y_line {background:linear-gradient(transparent 60%, #ffff7f  0%) ;}

#fixed {
  position: fixed;
  /*基準を画面の左下に*/
  bottom: 0;
  left: 0;
  /*余白が入らないように*/
  margin: 0;
  /*以下装飾*/
  width: 100%;
  height: 60px;
 /* background: #FFC778;*/
  background-color:rgba(0,0,0,0.6);
  color:white;
}


#fixed_test {
font-size: 100%;
}

#fixed_test {
width: 65%;
position: fixed; /*ボタンの配置場所を固定*/
bottom: 10px; /*下からのボタンの配置場所を指定*/
left: 5%; /*右からのボタンの配置場所を指定*/
}
#fixed_test a {
display: block; /*配置の調整*/
text-decoration: none; /*文字の下線を消す*/
color: #fff; /*文字の色*/

background: -moz-linear-gradient(top,#97dc4b 0%,#70b324);
background: -webkit-gradient(linear, left top, left bottom, from(#97dc4b),to(#70b324));


text-align: center; /*文字を中央に配置*/
border-radius: 10px; /*ボタンの角を少し丸くする*/
outline: none; /*クリックしたときの黒い枠を消す*/
}

#fixed_test a {
height: 20px;
padding: 6px 0 10px 0;
}