/* ---------------------------------------------------------------- */
/* 全ウインドウサイズ共通 */



/* ---------------------------------------------------------------- */
/* ---------------------------------------------------------------- */
/* 992px 以上の時に適用 */
@media (min-width:992px){

h1 {
  width: 930px;
  margin: 10px auto;
  padding: 10px;
}

.needs_mainbox {
  width: 950px;
  display: table;
  table-layout: fixed;
  border-collapse: separate;
  border-spacing: 5px 0px ;
  margin: 10px auto 30px auto;
}

.needs_subbox {
  display: table-cell;
}


.needs_box_head {
  padding: 8px 0px;
}
.needs_box_head p {
  margin-left: 10px;
  font-size: 20px;
}



/* 期間限定の募集案件　背景色設定 */
.color_b1 {
  border-top: 3px solid #193f5d;
  color: #193f5d;
  background:#d5e4f1;
}
.color_b2 {
  background: #e7eff6;
}
.color_b3 {
  border-bottom: 1px solid #193f5d;
  background:#f7fafc;
}

/* VIPバイヤーの常時提案募集案件　背景色設定 */
.color_g1 {
  border-top: 3px solid #314a2d;
  color: #314a2d;
  background:#dfeadd;
}
.color_g2 {
  background:#ebf2ea;
}
.color_g3 {
  border-bottom: 1px solid #314a2d;
  background:#f8faf8;
}





/* ニーズ内容表示設定 */
.needs_box {
  width: 440px;
  display: table;
  border-collapse: separate;
  border-spacing: 0px 0px 0px 10px;
}

.needs_box a {
  display: block;
  border: 1px solid #cacaca;
  padding: 5px 0px 0px 0px;
  color: #553f2a;
  margin: 10px auto;
  background: #fff;
/* border-radius */
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
}
.needs_box a:link {
}
.needs_box a:visited {
}
.needs_box a:hover {


    -moz-box-shadow: 2px 1px 7px #cccccc;
    -webkit-box-shadow: 2px 1px 7px #cccccc;
    box-shadow: 2px 1px 7px #cccccc;


}
.needs_box a:active {
}


.needs_box .needs_title {
  display :block;
  width: 440px;
  text-overflow:ellipsis;
  white-space:nowrap;
  overflow:hidden;
  padding: 3px 8px 7px 8px;
  font-size: 15px;
  font-weight: bold;
  letter-spacing: 0.2em;
  color: #604c38;
}




.needs_box .needs_info {
  display: table-cell;
  width: 220px;
  padding: 3px 0px;
  font-size: 11px;
  text-align: center;
  letter-spacing: 0.2em;
  border-top: 1px dotted #d3d3d3;
  border-right: 1px dotted #d3d3d3;
  color: #555;
}
.needs_box .needs_info:last-child {
  border-right: none;
}

/* 期限が迫っている場合、赤字で表示 */
.rem_day {
  display: table-cell;
  width: 220px;
  padding: 0px;
  font-size: 11px;
  text-align: center;
  letter-spacing: 0.2em;
  border-top: 1px dotted #d3d3d3;
  border-right: 1px dotted #d3d3d3;
  color: #dc143c;
}



/* VIPバイヤーの常時提案募集案件　欄
------------------------------------------------------------ */
.needs_box .needs_vip_info {
  display: table-cell;
  width: 220px;
  margin: 0px 10px;
  padding: 5px;
  font-size: 11px;
  text-align: center;
  letter-spacing: 0.2em;
  background: #f2f2f2;
}





/* ↓needs_sort */
.needs_sort {
  padding: 5px 0px;
  text-align: right;
}
.needs_sort form {
}
.needs_sort form select {
  border: 1px solid #ddd;
}
.needs_sort .sort_submit {
  border: 1px solid #000;
  margin-right: 10px;
  padding: 3px 5px;
  font-size: 11px;
/* border-radius */
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
}
/* ↑needs_sort */



/* フォーム focus時設定 */
input:focus {
   background-color: #ffffcc;
   border: 1px dotted red;
}

textarea {
   background-color: #ffffff;
   border: 1px solid #999999;
}

textarea:focus {
   background-color: #ffffcc;
   border: 1px dotted red;
}





/* フォーム用入力アラート */
#alert_top{
  margin:10px 10px 10px 20px;
  padding: 10px 10px 10px 10px;
  border: 1px solid #CC0000;
  background-color: #FFFFCC;
  color: #CC0000;
  font-size: 16px;
  font-weight: bold;
}

.alert_form {
  margin:0px 0px 0px 8px;
  color: #990000;
  font-size: 12px;
}





/* ページング表示設定
--------------------------------------------------------------- */
/* 　ページング共通設定
----------------------------------------- */
.needs_paging {
  margin: 0px;
  padding: 20px 0px;
  font-size: 13px;
}
.needs_paging p{
  margin: 0px auto 5px auto;
  padding: 0px 0px 5px 0px;
  text-align: center;
}
.needs_paging ul {
  margin-top: 10px;
  text-align: center;
}
.needs_paging li {
  display: inline-block;
  margin: 0px 2px 0px 2px;
/* For IE 6/7 */
  *display: inline;
  *zoom: 1;
}
.needs_paging li a {
  display: block;
  min-width: 16px;
  max-width: 100px;
  height: 22px;
  margin: 0px 2px 0px 2px;
  padding: 2px 5px 0px 5px;
  text-align: center;
}
/* アクティブの場合の設定 */
.page_active {
  display: inline-block;
  width: 28px;
  height: 27px;
  margin: 0px 2px 0px 2px;
  padding: 0px;
  text-align: center;
  vertical-align: middle;
  font-size: 17px;
}

/* 通常案件欄　ページング　色設定
----------------------------------------- */
.color_b3 .needs_paging p{
  color: #325571;
  border-bottom: 1px dotted #325571;
}
.color_b3 .needs_paging li a {
  border: 1px solid #325571;
  padding: 2px 5px 0px 5px;
  color: #325571;
}
.color_b3 .needs_paging li a:link {
}
.color_b3 .needs_paging li a:visited {
  color: #325571;
}
.color_b3 .needs_paging li a:hover {
  color: #fff;
  background: #325571;
}
.color_b3 .needs_paging li a:active {
}
/* アクティブの場合の設定 */
.color_b3 .page_active {
  color: #fff;
  background: #84abb8;
}

/* ViPバイヤー案件欄　ページング　色設定
----------------------------------------- */
.color_g3 .needs_paging p{
  color: #4e7132;
  border-bottom: 1px dotted #4e7132;
}
.color_g3 .needs_paging li a {
  border: 1px solid #4e7132;
  color: #4e7132;
}
.color_g3 .needs_paging li a:link {
}
.color_g3 .needs_paging li a:visited {
  color: #4e7132;
}
.color_g3 .needs_paging li a:hover {
  color: #fff;
  background: #4e7132;
}
.color_g3 .needs_paging li a:active {
}
/* アクティブの場合の設定 */
.color_g3 .page_active {
  color: #fff;
  background: #99b884;
}


#lnk_kaigai {
  width: 950px;
  display: table;
  table-layout: fixed;
  border-collapse: separate;
  border-spacing: 5px 0px ;
  margin: 20px auto 0px auto;
}


}









/* ---------------------------------------------------------------- */
/* ---------------------------------------------------------------- */
/* 991px 以下の時に適用 */
@media (max-width:991px){

h1 {
  font-size: 5vw;
}

.needs_mainbox {
  width: 100%;
  margin: 10px auto 30px auto;
}

.needs_subbox {
}


.needs_box_head {
  padding: 8px 0px;
}
.needs_box_head p {
  margin-left: 10px;
  font-size: 20px;
}



/* 期間限定の募集案件　背景色設定 */
.color_b1 {
  border-top: 3px solid #193f5d;
  color: #193f5d;
  background:#d5e4f1;
}
.color_b2 {
  background: #e7eff6;
}
.color_b3 {
  border-bottom: 1px solid #193f5d;
  background:#f7fafc;
}

/* VIPバイヤーの常時提案募集案件　背景色設定 */
.color_g1 {
  border-top: 3px solid #314a2d;
  color: #314a2d;
  background:#dfeadd;
}
.color_g2 {
  background:#ebf2ea;
}
.color_g3 {
  border-bottom: 1px solid #314a2d;
  background:#f8faf8;
}





/* ニーズ内容表示設定 */
.needs_box {
  display: table;
  width: 100%;
  border-collapse: separate;
  border-spacing: 0px 0px 0px 10px;
}

.needs_box a {
  display: block;
  border: 1px solid #cacaca;
  padding: 5px 0px 0px 0px;
  color: #553f2a;
  margin: 10px auto;
  background: #fff;
/* border-radius */
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
}
.needs_box a:link {
}
.needs_box a:visited {
}
.needs_box a:hover {
    -moz-box-shadow: 2px 1px 7px #cccccc;
    -webkit-box-shadow: 2px 1px 7px #cccccc;
    box-shadow: 2px 1px 7px #cccccc;
}
.needs_box a:active {
}


.needs_box .needs_title {
  display :block;
  overflow:hidden;
  padding: 3px 8px 7px 8px;
  font-size: 15px;
  font-weight: bold;
  letter-spacing: 0.2em;
  color: #604c38;
}




.needs_box .needs_info {
  display: table-cell;
  width: 495px;
  padding: 3px 0px;
  font-size: 11px;
  text-align: center;
  letter-spacing: 0.2em;
  border-top: 1px dotted #d3d3d3;
  border-right: 1px dotted #d3d3d3;
  color: #555;
}
.needs_box .needs_info:last-child {
  border-right: none;
}

/* 期限が迫っている場合、赤字で表示 */
.rem_day {
  display: table-cell;
  width: 495px;
  padding: 0px;
  font-size: 11px;
  text-align: center;
  letter-spacing: 0.2em;
  border-top: 1px dotted #d3d3d3;
  border-right: 1px dotted #d3d3d3;
  color: #dc143c;
}


/* VIPバイヤーの常時提案募集案件　欄
------------------------------------------------------------ */
.needs_box .needs_vip_info {
  display: table-cell;
  width: 495px;
  margin: 0px 10px;
  padding: 5px;
  font-size: 11px;
  text-align: center;
  letter-spacing: 0.2em;
  background: #f2f2f2;
}





/* ↓needs_sort */
.needs_sort {
  padding: 5px 0px;
  text-align: right;
}
.needs_sort form {
}
.needs_sort form select {
  border: 1px solid #ddd;
}
.needs_sort .sort_submit {
  border: 1px solid #000;
  margin-right: 10px;
  padding: 3px 5px;
  font-size: 11px;
/* border-radius */
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
}
/* ↑needs_sort */



/* フォーム focus時設定 */
input:focus {
   background-color: #ffffcc;
   border: 1px dotted red;
}

textarea {
   background-color: #ffffff;
   border: 1px solid #999999;
}

textarea:focus {
   background-color: #ffffcc;
   border: 1px dotted red;
}





/* フォーム用入力アラート */
#alert_top{
  margin:10px 10px 10px 20px;
  padding: 10px 10px 10px 10px;
  border: 1px solid #CC0000;
  background-color: #FFFFCC;
  color: #CC0000;
  font-size: 16px;
  font-weight: bold;
}

.alert_form {
  margin:0px 0px 0px 8px;
  color: #990000;
  font-size: 12px;
}





/* ページング表示設定
--------------------------------------------------------------- */
/* 　ページング共通設定
----------------------------------------- */
.needs_paging {
  margin: 0px;
  padding: 20px 0px;
  font-size: 13px;
}
.needs_paging p{
  margin: 0px auto 5px auto;
  padding: 0px 0px 5px 0px;
  text-align: center;
}
.needs_paging ul {
  margin-top: 10px;
  text-align: center;
}
.needs_paging li {
  display: inline-block;
  margin: 0px 2px 0px 2px;
/* For IE 6/7 */
  *display: inline;
  *zoom: 1;
}
.needs_paging li a {
  display: block;
  min-width: 16px;
  max-width: 100px;
  height: 22px;
  margin: 0px 2px 0px 2px;
  padding: 2px 5px 0px 5px;
  text-align: center;
}
/* アクティブの場合の設定 */
.page_active {
  display: inline-block;
  width: 28px;
  height: 27px;
  margin: 0px 2px 0px 2px;
  padding: 0px;
  text-align: center;
  vertical-align: middle;
  font-size: 17px;
}

/* 通常案件欄　ページング　色設定
----------------------------------------- */
.color_b3 .needs_paging p{
  color: #325571;
  border-bottom: 1px dotted #325571;
}
.color_b3 .needs_paging li a {
  border: 1px solid #325571;
  padding: 2px 5px 0px 5px;
  color: #325571;
}
.color_b3 .needs_paging li a:link {
}
.color_b3 .needs_paging li a:visited {
  color: #325571;
}
.color_b3 .needs_paging li a:hover {
  color: #fff;
  background: #325571;
}
.color_b3 .needs_paging li a:active {
}
/* アクティブの場合の設定 */
.color_b3 .page_active {
  color: #fff;
  background: #84abb8;
}

/* ViPバイヤー案件欄　ページング　色設定
----------------------------------------- */
.color_g3 .needs_paging p{
  color: #4e7132;
  border-bottom: 1px dotted #4e7132;
}
.color_g3 .needs_paging li a {
  border: 1px solid #4e7132;
  color: #4e7132;
}
.color_g3 .needs_paging li a:link {
}
.color_g3 .needs_paging li a:visited {
  color: #4e7132;
}
.color_g3 .needs_paging li a:hover {
  color: #fff;
  background: #4e7132;
}
.color_g3 .needs_paging li a:active {
}
/* アクティブの場合の設定 */
.color_g3 .page_active {
  color: #fff;
  background: #99b884;
}


#lnk_kaigai {
  width: 100%;
  display: table;
  table-layout: fixed;
  border-collapse: separate;
  border-spacing: 5px 0px ;
  margin: 20px auto 0px auto;
}


}