@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;font-size:14px;}
a{text-decoration: none;}
a:link {color: #005ebb;}
a:hover {color: #004080;}
a:visited {color: #005ebb;}


/*---------- 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;
}

p.normal {padding:1.2% 1.7%;font-size:100%;margin:5% 0 ;}

h2.h_blue {
  font-size: 120%;
  color: #f3f7fc;
  padding: 2% 3%;
  background: -moz-linear-gradient(top,#3366cc 0%,#247ac5);
  background: -webkit-gradient(linear, left top, left bottom, from(#3366cc),to(#247ac5));
  text-shadow: -1px -1px 0px #999;
  vertical-align: middle;
  -webkit-box-shadow: 0px 2px 3px #555;
  display: block;
  border-top:2px solid #5381d5;
  border-bottom:1px solid #4073d0;
  z-index:5;
  position: relative;
  }
a.white_line {
    color: #fff;
    text-decoration: none:
}

.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%;}

h2.h_orange_bg{
  color:#222;
  border-top: 3px solid #ffc000;
  margin-top: 15px;
  background: #fff0c5;
  font-size:120%;
  text-align: center;
  padding-top: 5px;
  padding-bottom: 5px;
  }

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

h3.h_orange{
  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_reversi{
  color:#fff;
  background: #ff9900;
  }
h3.h_green_reversi{
  color:#fff;
  background: #9bbb59;
  }
h3.h_gyay{
  color:#8d8d8d;
  border-top: 1px solid #d5d5d5;
  border-bottom: 1px solid #d5d5d5;
  background: #fbfbfb;
  }
h3.h_orange_bg{
  color:#333;
  background: #ffc000;
  }

section p {padding: 2%;line-height: 1.7;}
section .description{padding:1.2% 1.7%;font-size:90%;margin:5% 0 ;}
section .detail_box{background:#eeece1;border:2px solid #d6d6d6; -moz-border-radius: 3px;-webkit-border-radius: 3px;border-radius: 3px;margin:0 auto;padding:2%;width:85%;}
  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:95%;}
        section .detail_box ul li span.ellipsis{width:73%;font-size:95%;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%;
    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:90%;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:20%;
      font-size:93%;
      border-left: 1px solid #d6d6d6;
      border-top: 1px solid #d6d6d6;
      border-right: 1px solid #ffffff ;
      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;
      }​

/*---------- NAV ----------*/
/*---------- NAV ----------*/
nav2 {width: 100%;text-decoration: none;margin: 0 ;}
nav2 ul {width: 100%;border-bottom:1px solid #d6d6d6;}
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));}
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 10% 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;}
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));}
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: 16px;}
    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-right:8%;
      }

#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;
  }
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;
  }
h3.h_form_line{
  border-bottom:3px solid #939393;
  background: -moz-linear-gradient(top,#00b000 0%,#00b000);
  background: -webkit-gradient(linear, left top, left bottom, from(#00b000),to(#00b000));
  color:#fff;
  }
h3.h_form_orange{
  border-bottom:3px solid #ff9900;
  background: -moz-linear-gradient(top,#ff9900 0%,#ff9900);
  background: -webkit-gradient(linear, left top, left bottom, from(#ff9900),to(#ff9900));
  color:#fff;
  }
form.job_form input,
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;}

.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; }/*橙*/

#page_back {margin: 0 0 8px 0;padding: 0 6px 0 0;text-align: right;}
.pagenation a{display: inline-block;padding:3px 5px; font-size:120%;font-weight:bold;}
.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: 85%;}
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;}

.clear_line{
clear:both;
border-bottom:1px dashed #666;
}

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

.big_txt{font-size:150%;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;
}

/*左に画像、右に文章*/
.left{
    float: left;
    margin: 0 30px 20px 0!important;
}

/*右に画像、左に画像*/
.right{
    float: right;
    margin: 0 0 20px 30px!important;
}

section .description_img{padding:1.2% 1.7% 0 1.7%;font-size:110%;margin:0 ;}

p.no_margin {padding-left:0; margin:0;}
img.no_margin {padding:0; margin:0;}

.box_company2 {
    margin: 2em 1em;
    background: #ffffff;
    border: solid 2px #42b82e;
}
.box_company2 .box-title {
    font-size: 1.2em;
    background: #42b82e;
    padding: 4px;
    text-align: center;
    color: #FFF;
    font-weight: bold;
    letter-spacing: 0.05em;
}
.box_company2 p {
    padding: 15px 20px;
    margin: 0;
}

.box_company {
padding: 0.5em 1em;
margin: 2em 1.5em;
color: #5d627b;
background-color: #fafad2;
border-top: solid 5px #5d627b;
box-shadow: 0 3px 5px rgba(0, 0, 0, 0.22);
}
.box_company p {
margin: 0;
padding: 4px 0px;
} 

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

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

    font-size:100%;
    margin-top:10px;
    margin-left:20px;
    margin-right:20px;
    margin-bottom:5px;
    line-height:1.2;

}
.link_inline p.p_link {
    margin:0;
    padding:0;
    margin-left:20px;
    margin-right:20px;
    line-height:1.3;
    color:#666;
}

.link_inline img.img_link {
    margin:10px;
    padding:0 0 0 10px;
}
