@charset "Shift_JIS";

/* ---------------------------
	0910 /job/
--------------------------- */


/* common.css overwrite */
#mainScreen {
  width: 950px;
  margin: 0 auto;
  padding: 0 0 19px 0;
	background: #FFF url(/sites/all/knowhow/include/images/bg_mainscreen.gif) -1900px bottom no-repeat;
}
  #mainScreen .contentsArea {
  	background: #FFF url(/sites/all/knowhow/include/images/bg_mainscreen.gif) -950px top repeat-y;
  }



/* common elements */
#knowhowHeader,
#newsHeader {
  height: 61px;
  background: url(/sites/all/knowhow/include/images/bg_header.jpg) left top no-repeat;
}
  #knowhowHeader h3 img,
  #newsHeader h3 img {
    vertical-align: top;
  }

  #knowhowHeader h3 {
    padding: 17px 0 0 63px;
  }
    #knowhowHeader h3 a,
    #knowhowHeader h3 span {
      display: block;
      float: left;
    }
    #knowhowHeader h3 span {
      margin-top: 3px;
      padding-left: 81px;
    }

#knowhowContents,
#newsContents {
  margin: 0 2px;
}
  #knowhowContents #knowhowMain,
  #newsContents #newsMain {
    overflow: hidden;
    float: left;
    display: inline;
    width: 750px;
    margin: 20px 0 0 18px;
    padding-bottom: 30px;
    text-align: left;
  }
  #knowhowContents #knowhowSub,
  #newsContents #newsSub {
    float: right;
    display: inline;
    width: 168px;
    padding-bottom: 30px;
    background: #F2F0EC;
    text-align: left;
  }
    #knowhowContents #knowhowSub img,
    #newsContents #newsSub img {
      vertical-align: top;
    }

    #knowhowContents #knowhowSub .menuList {
      padding: 10px 10px 0 10px;
    }
    #knowhowContents #knowhowSub #menuListInterview {
      margin-top: 15px;
      padding-top: 20px;
      background: url(/sites/all/knowhow/include/images/border_sub.gif) left top repeat-x;
    }

      #knowhowContents #knowhowSub .menuList ul {
        margin: 10px 0 15px 9px;
        padding: 0 0 0 8px;
        background-position: left top;
        background-repeat: repeat-y;
      }
      #knowhowContents #knowhowSub .menuList ul.displayNone {
        display: none;
      }
        #knowhowContents #knowhowSub .menuList li {
          padding: 4px 0 4px 0;
        }
          #knowhowContents #knowhowSub .menuList li a {
            display: block;
            padding-left: 10px;
            background-position: 0 3px;
            background-repeat: no-repeat;
          	font-family: "Hiragino Kaku Gothic Pro", Osaka, "・ｽl・ｽr ・ｽo・ｽS・ｽV・ｽb・ｽN", Helvetica, Arial, sans-serif;
          	font-weight: bold;
            line-height: 1.4em;
          }
          #knowhowContents #knowhowSub .menuList li a:link,
          #knowhowContents #knowhowSub .menuList li a:visited {
            color: #333;
          }
          #knowhowContents #knowhowSub .menuList li a:hover,
          #knowhowContents #knowhowSub .menuList li a:active {
            text-decoration: none;
          }

      #knowhowContents #knowhowSub #menuListFlow ul {
        background-image: url(/sites/all/knowhow/include/images/border_dot_orange.gif);
      }
          #knowhowContents #knowhowSub #menuListFlow li a {
            background-image: url(/sites/all/knowhow/include/images/arrow_sub_orange.gif);
          }
          #knowhowContents #knowhowSub #menuListFlow li a:hover,
          #knowhowContents #knowhowSub #menuListFlow li.on a:link,
          #knowhowContents #knowhowSub #menuListFlow li.on a:visited {
            color: #FF7200;
          }

      #knowhowContents #knowhowSub #menuListResume ul {
        background-image: url(/sites/all/knowhow/include/images/border_dot_green.gif);
      }
          #knowhowContents #knowhowSub #menuListResume li a {
            background-image: url(/sites/all/knowhow/include/images/arrow_sub_green.gif);
          }
          #knowhowContents #knowhowSub #menuListResume li a:hover,
          #knowhowContents #knowhowSub #menuListResume li.on a:link,
          #knowhowContents #knowhowSub #menuListResume li.on a:visited {
            color: #3CB400;
          }

      #knowhowContents #knowhowSub #menuListOral ul {
        background-image: url(/sites/all/knowhow/include/images/border_dot_pink.gif);
      }
          #knowhowContents #knowhowSub #menuListOral li a {
            background-image: url(/sites/all/knowhow/include/images/arrow_sub_pink.gif);
          }
          #knowhowContents #knowhowSub #menuListOral li a:hover,
          #knowhowContents #knowhowSub #menuListOral li.on a:link,
          #knowhowContents #knowhowSub #menuListOral li.on a:visited {
            color: #FF6699;
          }

      #knowhowContents #knowhowSub #menuListQa ul {
        background-image: url(/sites/all/knowhow/include/images/border_dot_blue.gif);
      }
          #knowhowContents #knowhowSub #menuListQa li a {
            background-image: url(/sites/all/knowhow/include/images/arrow_sub_blue.gif);
          }
          #knowhowContents #knowhowSub #menuListQa li a:hover,
          #knowhowContents #knowhowSub #menuListQa li.on a:link,
          #knowhowContents #knowhowSub #menuListQa li.on a:visited {
            color: #0099FF;
          }

      #knowhowContents #knowhowSub .switchMenu ul {
        background-image: url(/sites/all/knowhow/include/images/border_dot_beige.gif);
      }
          #knowhowContents #knowhowSub .switchMenu li a {
            background-image: url(/sites/all/knowhow/include/images/arrow_sub_beige.gif);
          }
          #knowhowContents #knowhowSub .switchMenu li a:hover,
          #knowhowContents #knowhowSub .switchMenu li.on a:link,
          #knowhowContents #knowhowSub .switchMenu li.on a:visited {
            color: #9C8E74;
          }

    #knowhowContents #knowhowSub .archivesLink {
      margin: 20px 10px 5px 10px;
      padding: 10px 0;
      background: url(/sites/all/knowhow/include/images/border_dot_beige.gif) left top repeat-x;
      text-align: right;
    }


    #knowhowContents #knowhowSub .subMenuList {
      padding: 15px 10px 10px 10px;
      background: url(/sites/all/knowhow/include/images/border_sub.gif) left top repeat-x;
    }
      #knowhowContents #knowhowSub .subMenuList dl {
        margin-top: 15px;
      }
        #knowhowContents #knowhowSub .subMenuList dl dt {
          font-size: 117%;
          font-weight: normal;
        }
          #knowhowContents #knowhowSub .subMenuList dl dt a {
            padding-left: 10px;
            background: url(/sites/all/knowhow/include/images/arrow_sub_beige.gif) 1px center no-repeat;
          }

        #knowhowContents #knowhowSub .subMenuList dl dd {
          margin-bottom: 20px;
        }
        #knowhowContents #knowhowSub .subMenuList dl dd p {
          margin-top: 3px;
          line-height: 1.4;
        }
        #knowhowContents #knowhowSub .subMenuList dl dd p.qrcode {
          margin-top: 5px;
          padding: 7px 0;
          background: #FFF;
          text-align: center;
        }

#knowhowFooter {
  background: url(/sites/all/knowhow/include/images/bg_footer.gif) left top repeat-y;
}
  #knowhowFooter img {
    vertical-align: top;
  }

  #knowhowFooter .searchContainer {
    padding: 20px;
    background: url(/sites/all/knowhow/include/images/bg_footer.gif) -2850px 0 no-repeat;
  }
    #knowhowFooter .searchContainer .searchBlock {
      float: left;
      display: inline;
      width: 300px;
      margin-right: 20px;
    }
      #knowhowFooter .searchContainer .searchBlock h4 {
        margin-bottom: 7px;
        padding-bottom: 8px;
        background: url(/sites/all/knowhow/include/images/border_dot_brown.gif) left bottom repeat-x;
      }
      #knowhowFooter .searchContainer .searchBlock ul {
      }
        #knowhowFooter .searchContainer .searchBlock ul li {
          margin: 4px;
          padding-left: 12px;
          background: url(/sites/all/knowhow/include/images/arrow_sub_brown.gif) 0 5px no-repeat;
        }
          /*
          #knowhowFooter .searchContainer .searchBlock ul li a:link,
          #knowhowFooter .searchContainer .searchBlock ul li a:visited {
            color: #000;
            text-decoration: underline;
          }
          #knowhowFooter .searchContainer .searchBlock ul li a:hover,
          #knowhowFooter .searchContainer .searchBlock ul li a:active {
            color: #614113;
            text-decoration: underline;
          }
          */

    #knowhowFooter .searchContainer .enqueteBlock {
      float: left;
      display: inline;
      width: 270px;
    }
      #knowhowFooter .searchContainer .enqueteBlock h4 {
        margin-bottom: 10px;
        padding: 10px 5px 8px 5px;
        background: #C8BCA4;
        color: #333;
        text-align: center;
        line-height: 1.4;
      }
        #knowhowFooter .searchContainer .enqueteBlock h4 span {
          display: block;
          font-weight: normal;
        }
        #knowhowFooter .searchContainer .enqueteBlock h4 strong {
          display: block;
          font-size: 117%;
          font-weight: bold;
          margin-bottom: 8px;
          padding-bottom: 8px;
          background: url(/sites/all/knowhow/include/images/border_dot_brown.gif) left bottom repeat-x;
        }

      #knowhowFooter .searchContainer .enqueteBlock ul.question {
        margin-bottom: 10px;
      }
        #knowhowFooter .searchContainer .enqueteBlock ul.question li {
          margin-bottom: 5px;
        }
          #knowhowFooter .searchContainer .enqueteBlock ul.question li select {
            width: 270px;
          }

      #knowhowFooter .searchContainer .enqueteBlock .form p.message {
        margin-bottom: 10px;
      }
        #knowhowFooter .searchContainer .enqueteBlock .form p.message textarea {
          width: 260px;
          height: 5em;
          padding: 4px;
          color: #999;
        }
        html[xmlns*=""] body:last-child #knowhowFooter .searchContainer .enqueteBlock .form p.message textarea {  
          width: 270px;
        } 

        #knowhowFooter .searchContainer .enqueteBlock .form p.age,
        #knowhowFooter .searchContainer .enqueteBlock .form ul.gender {
          float: left;
          display: inline;
          margin-right: 8px;
        }
        #knowhowFooter .searchContainer .enqueteBlock .form p.button {
          display: inline;
          float: right;
          width: 90px;
          margin-top: 3px;
        }
          #knowhowFooter .searchContainer .enqueteBlock .form select,
          #knowhowFooter .searchContainer .enqueteBlock .form input {
            vertical-align: baseline;
          }
          #knowhowFooter .searchContainer .enqueteBlock .form p.button {
            margin-right: 0;
          }
            #knowhowFooter .searchContainer .enqueteBlock .form p.button input {
              vertical-align: middle;
            }

  #knowhowFooter .bannerContainer {
    background: url(/sites/all/knowhow/include/images/bg_footer.gif) -950px 0 repeat-y;
  }
    #knowhowFooter .bannerContainer .coachBlock {
      background: url(/sites/all/knowhow/include/images/bg_footer.gif) -1900px 0 no-repeat;
    }
    #knowhowFooter .bannerContainer .specialBlock {
      background: url(/sites/all/knowhow/include/images/bg_footer.gif) right top no-repeat;
    }

    #knowhowFooter .bannerContainer .coachBlock,
    #knowhowFooter .bannerContainer .specialBlock {
      clear: both;
      padding: 12px 0 12px 20px;
    }
      #knowhowFooter .bannerContainer .coachBlock li,
      #knowhowFooter .bannerContainer .specialBlock li {
        float: left;
        display: inline;
      }
      #knowhowFooter .bannerContainer .coachBlock li {
        margin-right: 19px;
      }
      #knowhowFooter .bannerContainer .specialBlock li {
        margin-right: 10px;
      }

       #knowhowFooter .bannerContainer .specialBlock li.textBanner {
         margin-left: 10px;
         padding-left: 12px;
         background: url(/sites/all/knowhow/include/images/arrow_sub_brown_tp.gif) 0 5px no-repeat;
       }

       #knowhowFooter .bannerContainer .specialBlock li.textBannerTop {
         margin-left: 10px;
         padding-left: 13px;
         background: url(/sites/all/knowhow/include/images/arrow_sub_brown_tp2.gif) 0 5px no-repeat;
       }


/* general elements */

/* JOB INFO */
.relatedJobBlock {
  margin: 30px 0;    
}
  .relatedJobBlock h5 {
    margin-bottom: 10px;
    padding: 3px 0 3px 10px;
    border-left: solid 7px #F00;
    color: #F00;
    font-size: 134% !important;
    font-weight: bold;      
  }
  .relatedJobBlock .jobinfo {
    margin: 0 0 20px 0;
  }
    .relatedJobBlock .jobinfo table.resultList {
      border-top: solid 3px #F00;
    }
      .relatedJobBlock .jobinfo table.resultList td.listLeft {
        display: none;
      }
      .relatedJobBlock .jobinfo table.resultList td.listIcons {
        display: none;
      }
      .relatedJobBlock .jobinfo table.resultList td.chkDetails {
        display: none;
      }

      .relatedJobBlock .jobinfo table.resultList td.listHead {
        padding: 6px 10px 4px 10px;
        border-bottom: solid 1px #999999;
        background: url(/sites/all/knowhow/include/images/bg_jobinfo_simple_head.gif) left bottom repeat-x;
        line-height: 1.4;
      }
        .relatedJobBlock .jobinfo table.resultList td.listHead table {
          width: 100%;
        }
          .relatedJobBlock .jobinfo table.resultList td.listHead table th {
            text-align: left;
            padding: 0 10px 0 0;
          }
          .relatedJobBlock .jobinfo table.resultList td.listHead table td {
            width: 100px;
            text-align: right;
            vertical-align: middle;
          }   
            .relatedJobBlock .jobinfo table.resultList td.listHead table td a {
              display: inline-block;
              width: 100px;
              height: 25px;
              background: url(/sites/all/knowhow/include/images/button_bookmark.gif) left top no-repeat;
            }
            .relatedJobBlock .jobinfo table.resultList td.listHead table td a:hover {
              background-position: left bottom;
            }
              .relatedJobBlock .jobinfo table.resultList td.listHead table td a img {
                display: none;
              }
              .relatedJobBlock .jobinfo table.resultList td.listHead table td img.viewed {
                margin-top: 5px;
              }

            .relatedJobBlock .jobinfo table.resultList td.listHead .comName {
              font-size: 100% !important;
              font-weight: bold;
              line-height: 1.4;
            }
              .relatedJobBlock .jobinfo table.resultList td.listHead .comName img {
                margin-left: 3px;
              }
              .relatedJobBlock .jobinfo table.resultList td.listHead .shokusyuName img,
              .relatedJobBlock .jobinfo table.resultList td.listHead .shokusyuName_viewed img {
                margin-left: 3px;
              }
              .relatedJobBlock .jobinfo table.resultList td.listHead .shokusyuName,
              .relatedJobBlock .jobinfo table.resultList td.listHead .shokusyuName_viewed {
                overflow: hidden;
                padding-right: 5px;
                font-size: 117% !important;
                font-weight: bold;
                line-height: 1.4;
              }
              .relatedJobBlock .jobinfo table.resultList td.listHead .shokusyuName_viewed a {
                color:#663366;
              }

      .relatedJobBlock .jobinfo table.resultList tr.listContents td.listRight {
        vertical-align: top;
      }
        .relatedJobBlock .jobinfo table.resultList tr.listContents td.listRight table.itemList {
          border-bottom: solid 1px #DFDFDF;
        }
          .relatedJobBlock .jobinfo table.resultList tr.listContents td.listRight table.itemList th,
          .relatedJobBlock .jobinfo table.resultList tr.listContents td.listRight table.itemList td {
            padding: 5px 0;
            border-bottom: solid 1px #DFDFDF;
            font-size: 100% !important;
            vertical-align: middle;
          }
          .relatedJobBlock .jobinfo table.resultList tr.listContents td.listRight table.itemList th {
            width: 10%;
            padding: 0 10px 0 2px;
            border-right: solid 1px #DFDFDF;
            font-weight: bold;
            vertical-align: middle;
            white-space: nowrap;
          }
            .relatedJobBlock .jobinfo table.resultList tr.listContents td.listRight table.itemList th.itembdr .catItem {
              color: #333;
              font-size: 100% !important;
              line-height: 1.4;
            }
            .relatedJobBlock .jobinfo table.resultList tr.listContents td.listRight table.itemList th img {
              display: none;
            }
          .relatedJobBlock .jobinfo table.resultList tr.listContents td.listRight table.itemList td {
            padding: 5px 10px;
            border-bottom: solid 1px #DFDFDF;
            line-height: 1.4;
            vertical-align: top;
            word-break: break-all;
          }

  .relatedJobBlock .moreLink {
    text-align: right;
  }
    .relatedJobBlock .moreLink a {
      padding-left: 15px;
      background: url(/sites/all/knowhow/include/images/arrow_sub_brown.gif) left center no-repeat;
    }


/* PAGENATION */
ul.paginationBlock {
  margin-top: 30px;
  padding: 17px 0 10px 0;
  background: url(/sites/all/knowhow/include/images/bg_pagination.gif) left top repeat-x;
  font-size: 117%;
  text-align: center;
}
  ul.paginationBlock li {
    display: inline-block;
    padding: 5px 30px;
    color: #AAA;
  }
  ul.paginationBlock li.list {
    padding-right: 35px;
    padding-left: 35px;
    border-right: solid 1px #CCC;
    border-left: solid 1px #CCC;
  }





/* ---------------------------
	batch setting
--------------------------- */

/* hidden elements */
.hidden {
	position: absolute;
	width: 0;
	height: 0;
	overflow: hidden;
}


/* offleft */
.relatedJobBlock .jobinfo table.resultList td.listHead table td a {
	font-size: 1px;
	text-align: left;
	text-indent: -9999em;
	/*\*/
	overflow: hidden;
	/**/
}


/* clearfix */
#knowhowContents,
#knowhowContents #knowhowMain,
#newsContents,
#newsContents #newsMain,
#knowhowFooter,
#knowhowFooter .searchContainer,
#knowhowFooter .searchContainer .enqueteBlock .form,
#knowhowFooter .bannerContainer,
#knowhowFooter .coachBlock,
#knowhowFooter .specialBlock {
  overflow: hidden;
}
#knowhowContents:after,
#knowhowContents #knowhowMain:after,
#newsContents:after,
#newsContents #newsMain:after,
#knowhowFooter:after,
#knowhowFooter .searchContainer:after,
#knowhowFooter .searchContainer .enqueteBlock .form:after,
#knowhowFooter .bannerContainer:after,
#knowhowFooter .coachBlock:after,
#knowhowFooter .specialBlock:after {
	content: "";
	display: block;
	clear: both;
	height: 0;
	overflow: hidden;
}
/*\*/
* html #knowhowContents,
* html #knowhowContents #knowhowMain,
* html #newsContents,
* html #newsContents #knowhowMain,
* html #knowhowFooter,
* html #knowhowFooter .searchContainer,
* html #knowhowFooter .searchContainer .enqueteBlock .form,
* html #knowhowFooter .bannerContainer,
* html #knowhowFooter .coachBlock,
* html #knowhowFooter .specialBlock {
	height: 1em;
	overflow: visible;
}
/**/