@charset "utf-8";

.tab-title{
	margin-top: 10px;
    margin-bottom: 10px;;
	font-size: 24px;
	font-weight:600;	
	color:#000;
}


.l_navi_box1 {
	/*margin-top: 20px;*/
	padding-top: 0px;
	padding-left: 8px;
	padding-right: 8px;
	padding-bottom: 10px;
    border: 1px solid #ccc;
	border-radius: 4px;
    background:#fcfcfc;
    
    font-family:'メイリオ','Hiragino Kaku Gothic Pro','ヒラギノ角ゴ Pro W3',Meiryo,'ＭＳ Ｐゴシック';

}


.l_navi_box1 .title {
      display: flex;
      width:100%;
      height:24px;
      font-size:13px;
      font-weight:600;
      color:#333;
      
      align-items: center;
      justify-content: center;
      text-align: center;
      border: 1px solid #999;
      background:#eee;
      margin-top: 5px;
}

.l_navi_box1 .line-link{
        display:block;
        height: 30px;
        text-decoration:none;
        color:#333;
        font-size:12px;
        font-weight:500;
        padding:8px 4px 10px;
        border-bottom:1px solid #999;
        margin-bottom:2px;
    }

.l_navi_box1 .sub-link{
        display:block;
        height: 30px;
        text-decoration:none;
        color:#333;
        font-size:13px;
        font-weight:500;
        padding:8px 4px 10px;
        border-bottom:1px solid #999;
        margin-bottom:2px;
		position:relative;
        padding-left:18px;        
    }
.l_navi_box1  .sub-link::before{
        content:"—";
        position:absolute;
        left:0;
        top:8px;
    }



.l_navi_box1 .line-link:hover,
.l_navi_box1 .sub-link:hover{
    background:#000;
    color:#fff;
	
	
/*	
    background:#f2f2f2;
    color:#0070c9;
    padding-left:8px;
  transition:all 0.2s ease;*/
}

.l_navi_box1 .main-btn:hover{
    background:#c8c8c8;
    border-color:#666;
    /*transition:all 0.2s ease;*/
}


.job-top td {padding: 10px; width:280px; vertical-align: top;}

.job-top .title {margin-top: 10px; font-size: 24px;font-weight: bold;}

.job-top td .img-icon { max-height:200px; max-width:240px;}
.job-top td .sub-title { font-size: 18px; font-weight: bold; margin-top:10px;margin-bottom:10px;}
.job-top td .sub-text { font-size: 12px; padding-left: 4px;}

.job-top .line-link{
	 display: inline-flex;
	
	  justify-content: center; 
	  align-items: center;     
	
	  width: 250px;
	  height: 46px;
	  background-color: #fff;
	  color: #333;
	  border: 1px solid #999;
	
	  font-size: 14px;
	  font-weight: bold;
	  text-decoration: none;
	
	  transition: all 0.3s ease;
	  margin-top:10px;
}
.job-top .line-link:hover{
  background-color: #000;
  color: #fff;
  border-color: #000;
	
}

/*--- 提案資料作成 -----------*/
.hide {
    display: none;
}

.teian .img-setumei {max-width:700px; padding-left: 10px;}


/*-- 検索結果　追加レイアウト------*/
.result_search_right {
	padding-top: 20px;
}

/*---コストシミュレーションサイト----*/
#search_area_cost     {
    width: 1000px;
    margin: 0 auto;
}