@charset "UTF-8";
@import url("/interview/css/reset.css");
@import url("/interview/css/fonts.css");
body {
  background: url(/interview/images/bg.jpg) repeat left top;
  margin: 0;
  padding: 15px 0 10px;
  text-align: center;
  font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3"; }

a:link,
a:visited {
  color: #0000ff;
  text-decoration: underline; }

a:hover,
a:active {
  color: #ff8400;
  text-decoration: underline; }

.spacing10 {
  margin-bottom: 10px; }

.hidetxt {
  text-indent: -9999px; }

/* index.html */
#FrameBaseTop {
  background: url(/interview/images/frm_mid.jpg) repeat-y left top;
  width: 976px;
  margin: 0 auto 10px;
  padding: 0; }
  #FrameBaseTop #FrameEnd {
    background: url(/interview/images/frm_bot.jpg) no-repeat left bottom;
    width: 976px;
    height: auto;
    padding-bottom: 25px; }
    #FrameBaseTop #FrameEnd #HeaderTop {
      position: relative;
      width: 976px;
      height: 300px;
      margin: 0 auto;
      padding: 0;
      text-align: left; }
      #FrameBaseTop #FrameEnd #HeaderTop h1 {
        position: absolute;
        left: 21px;
        top: 25px;
        width: 304px;
        height: 52px; }
      #FrameBaseTop #FrameEnd #HeaderTop h2 {
        position: absolute;
        left: 495px;
        top: 40px;
        color: white;
        text-align: left;
        width: 460px;
        font-size: 1.2em; }
      #FrameBaseTop #FrameEnd #HeaderTop span#CatchText {
        position: absolute;
        left: 495px;
        top: 75px;
        color: white;
        text-align: left;
        width: 460px; }
        #FrameBaseTop #FrameEnd #HeaderTop span#CatchText p {
          margin-bottom: 8px;
          font-size: 0.9em;
          line-height: 1.5em;
          text-indent: 1em; }
      #FrameBaseTop #FrameEnd #HeaderTop ul {
        position: absolute;
        left: 21px;
        top: 97px;
        width: 446px;
        zoom: 1; }
        #FrameBaseTop #FrameEnd #HeaderTop ul:after {
          display: block;
          clear: both;
          content: ""; }
        #FrameBaseTop #FrameEnd #HeaderTop ul li {
          float: left;
          font-size: 0px;
          line-height: 100%;
          margin: 0 1px 2px 0;
          padding: 0; }
          #FrameBaseTop #FrameEnd #HeaderTop ul li a {
            display: block;
            border: none;
            height: 37px;
            width: 222px; }
    #FrameBaseTop #FrameEnd #Subject div {
      width: 951px;
      padding-left: 25px; }
      #FrameBaseTop #FrameEnd #Subject div h2 {
        width: 926px;
        border-bottom: 1px solid #992020;
        padding: 0 0 10px 0;
        margin-bottom: 20px;
        text-align: left;
        color: #992020;
        font-weight: bold;
        font-family: "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", serif;
        font-size: 14px; }
      #FrameBaseTop #FrameEnd #Subject div ul {
        zoom: 1; }
        #FrameBaseTop #FrameEnd #Subject div ul:after {
          display: block;
          clear: both;
          content: ""; }
        #FrameBaseTop #FrameEnd #Subject div ul li {
          float: left;
          margin: 0 10px 10px 0; }
          #FrameBaseTop #FrameEnd #Subject div ul li a, #FrameBaseTop #FrameEnd #Subject div ul li img {
            display: block;
            width: 177px;
            height: 50px; }
      #FrameBaseTop #FrameEnd #Subject div .PageTop {
        padding: 0 25px 0 0;
        *padding: 10px 25px 0 0;
        text-align: right; }

#Btn-set {
  margin: 0 auto;
  width: 340px;
  zoom: 1; }
  #Btn-set:after {
    display: block;
    clear: both;
    content: ""; }
  #Btn-set #Print a {
    width: 143px;
    height: 37px;
    display: block;
    margin: 0 auto;
    background: url(/interview/images/btn_print.gif) no-repeat left top;
    float: left; }
  #Btn-set #Close a {
    width: 183px;
    height: 37px;
    display: block;
    margin: 0 auto;
    background: url(/interview/images/btn_close.gif) no-repeat left top;
    float: right; }

/* 共通 */
#Wrapper {
  width: 100%;
  margin: 0 auto;
  padding: 0;
  text-align: center; }
  #Wrapper #Header {
    position: relative;
    background: url(/interview/images/frm_top.jpg) no-repeat left top;
    width: 976px;
    height: 110px;
    margin: 0 auto;
    text-align: left; }
    #Wrapper #Header p {
      position: absolute;
      left: 20px;
      color: white;
      line-height: normal;
      text-align: left; }
    #Wrapper #Header p.txtH {
      top: 16px;
      font-weight: bold;
      font-size: 1.05em; }
    #Wrapper #Header p.txtP {
      top: 56px;
      font-size: 0.9em; }
  #Wrapper #FrameBase {
    background: url(/interview/images/frm_mid.jpg) repeat-y left top;
    width: 976px;
    margin: 0 auto 10px;
    padding: 0; }
    #Wrapper #FrameBase #FrameEnd {
      background: url(/interview/images/frm_bot.jpg) no-repeat left bottom;
      width: 916px;
      height: auto;
      padding: 15px 30px 25px;
      zoom: 1; }
      #Wrapper #FrameBase #FrameEnd:after {
        display: block;
        clear: both;
        content: ""; }
      #Wrapper #FrameBase #FrameEnd #Left {
        float: left;
        width: 430px;
        margin-right: 40px;
        text-align: left; }
        #Wrapper #FrameBase #FrameEnd #Left #Name {
          background: url(/interview/images/logo.gif) no-repeat right top;
          width: 430px;
          height: 90px;
          margin-bottom: 10px;
          padding-bottom: 10px;
          border-bottom: 1px solid #992020;
          zoom: 1; }
          #Wrapper #FrameBase #FrameEnd #Left #Name:after {
            display: block;
            clear: both;
            content: ""; }
          #Wrapper #FrameBase #FrameEnd #Left #Name img {
            float: left;
            margin-right: 15px; }
            #Wrapper #FrameBase #FrameEnd #Left #Name img.logo {
              float: right;
              display: none; }
        #Wrapper #FrameBase #FrameEnd #Left table.history {
          margin: 0 0 10px 0;
          padding: 0;
          font-size: 0.9em; }
          #Wrapper #FrameBase #FrameEnd #Left table.history th {
            width: 17%;
            margin: 0;
            padding: 0 0 10px 0;
            vertical-align: top;
            text-align: left;
            font-weight: normal;
            line-height: 1.5em; }
          #Wrapper #FrameBase #FrameEnd #Left table.history td {
            vertical-align: top;
            line-height: 1.5em;
            padding: 0; }
          #Wrapper #FrameBase #FrameEnd #Left table.history td.coron {
            width: 3%;
            padding-bottom: 10px; }
          #Wrapper #FrameBase #FrameEnd #Left table.history td.txt {
            width: 80%;
            padding-bottom: 10px; }
          #Wrapper #FrameBase #FrameEnd #Left table.history td.coronList {
            width: 2%;
            padding: 0; }
          #Wrapper #FrameBase #FrameEnd #Left table.history td.txtList {
            width: 80%; }
            #Wrapper #FrameBase #FrameEnd #Left table.history td.txtList span {
              font-style: italic; }
        #Wrapper #FrameBase #FrameEnd #Left #Recommend {
          background: url(/interview/images/recommend_bg.gif) repeat left top;
          margin-bottom: 10px;
          padding: 15px;
          font-size: 0.9em;
          line-height: 1.5em;
          text-align: left; }
          #Wrapper #FrameBase #FrameEnd #Left #Recommend h2 {
            margin-bottom: 10px; }
          #Wrapper #FrameBase #FrameEnd #Left #Recommend h2 ~ h2 {
            margin-top: 30px; }
          #Wrapper #FrameBase #FrameEnd #Left #Recommend div {
            zoom: 1; }
            #Wrapper #FrameBase #FrameEnd #Left #Recommend div:after {
              display: block;
              clear: both;
              content: ""; }
            #Wrapper #FrameBase #FrameEnd #Left #Recommend div p {
              margin-bottom: 10px; }
              #Wrapper #FrameBase #FrameEnd #Left #Recommend div p.item-img {
                float: right;
                margin-left: 10px; }
              #Wrapper #FrameBase #FrameEnd #Left #Recommend div p.item-img-double {
                float: right;
                width: 130px;
                margin-left: 10px; }
                #Wrapper #FrameBase #FrameEnd #Left #Recommend div p.item-img-double > img ~ img {
                  margin-top: 10px; }
              #Wrapper #FrameBase #FrameEnd #Left #Recommend div p span {
                font-weight: bold; }
        #Wrapper #FrameBase #FrameEnd #Left #Message {
          background: url(/interview/images/message_bg.gif) repeat left top;
          padding: 8px 10px;
          font-size: 0.9em;
          line-height: 1.5em; }
          #Wrapper #FrameBase #FrameEnd #Left #Message img {
            margin-bottom: 5px; }
      #Wrapper #FrameBase #FrameEnd #Right {
        width: 440px;
        float: left;
        text-align: left; }
        #Wrapper #FrameBase #FrameEnd #Right #Story {
          zoom: 1; }
          #Wrapper #FrameBase #FrameEnd #Right #Story:after {
            display: block;
            clear: both;
            content: ""; }
          #Wrapper #FrameBase #FrameEnd #Right #Story h2 {
            margin-bottom: 25px; }
          #Wrapper #FrameBase #FrameEnd #Right #Story h3 {
            margin-bottom: 10px; }
            #Wrapper #FrameBase #FrameEnd #Right #Story h3.clear {
              clear: both; }
          #Wrapper #FrameBase #FrameEnd #Right #Story h4 {
            margin-top: 40px;
            margin-bottom: 10px;
            font-weight: bold; }
          #Wrapper #FrameBase #FrameEnd #Right #Story > p {
            text-indent: 1em;
            text-align: left;
            font-size: 0.9em;
            line-height: 1.8em;
            margin-top: 10px; }
            #Wrapper #FrameBase #FrameEnd #Right #Story > p.mc {
              font-family: "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", serif; }
            #Wrapper #FrameBase #FrameEnd #Right #Story > p > span.ulin {
              text-decoration: underline;
              font-style: normal; }
          #Wrapper #FrameBase #FrameEnd #Right #Story > p.noIndent {
            text-indent: 0; }
          #Wrapper #FrameBase #FrameEnd #Right #Story > p.noMargin {
            margin-top: 0; }
          #Wrapper #FrameBase #FrameEnd #Right #Story > p.end {
            margin-bottom: 30px; }
          #Wrapper #FrameBase #FrameEnd #Right #Story span {
            font-style: italic; }
          #Wrapper #FrameBase #FrameEnd #Right #Story .img-l {
            float: left;
            margin: 10px 15px 15px 0;
            padding-top: 5px; }
          #Wrapper #FrameBase #FrameEnd #Right #Story .img-r {
            float: right;
            margin: 10px 0 15px 15px;
            padding-top: 5px; }
          #Wrapper #FrameBase #FrameEnd #Right #Story img.cap {
            margin-bottom: 5px; }
          #Wrapper #FrameBase #FrameEnd #Right #Story .cap-txt160,
          #Wrapper #FrameBase #FrameEnd #Right #Story .cap-txt130 {
            margin: 0;
            padding: 0;
            color: #666;
            font-size: 0.8em;
            line-height: 1.3em;
            text-indent: 0; }
            #Wrapper #FrameBase #FrameEnd #Right #Story .cap-txt160 span,
            #Wrapper #FrameBase #FrameEnd #Right #Story .cap-txt130 span {
              font-style: italic; }
          #Wrapper #FrameBase #FrameEnd #Right #Story .cap-txt160 {
            width: 160px; }
          #Wrapper #FrameBase #FrameEnd #Right #Story .cap-txt130 {
            width: 130px; }
        #Wrapper #FrameBase #FrameEnd #Right #threeImg {
          zoom: 1; }
          #Wrapper #FrameBase #FrameEnd #Right #threeImg:after {
            display: block;
            clear: both;
            content: ""; }
          #Wrapper #FrameBase #FrameEnd #Right #threeImg div {
            width: 130px;
            float: left;
            margin-right: 20px; }
            #Wrapper #FrameBase #FrameEnd #Right #threeImg div.last {
              margin-right: 0; }
            #Wrapper #FrameBase #FrameEnd #Right #threeImg div p {
              color: #666;
              font-size: 0.8em;
              line-height: 1.3em;
              margin: 0;
              padding: 0; }
        #Wrapper #FrameBase #FrameEnd #Right .PageTop_DetailPage {
          padding-top: 25px;
          text-align: right; }
  #Wrapper #Copyright {
    width: 100%;
    text-align: right; }
    #Wrapper #Copyright p {
      margin-right: 10px; }

#Banner,
#Banner-H {
  display: none; }