/* Hides from IE Mac \ */
/* End Hack */
html, body {
  color: #002853;
  background-color: white; }

#wrapper {
  background-image: url("../images/recruit/detail_topbg.png");
  background-repeat: repeat-x; }

#contents {
  margin-top: 63px; }
  #contents #contents-inwrap {
    width: 1000px;
    margin-left: auto;
    margin-right: auto;
    position: relative; }
    #contents #contents-inwrap h2#title {
      margin-bottom: 58px;
      font-size: 2.3em;
      text-align: center;
      letter-spacing: 0.3em; }
    #contents #contents-inwrap nav {
      margin-bottom: 49px; }
      #contents #contents-inwrap nav:after {
        content: ".";
        display: block;
        height: 0;
        font-size: 0;
        clear: both;
        visibility: hidden; }
      #contents #contents-inwrap nav ul li {
        float: left; }
        #contents #contents-inwrap nav ul li a {
          display: block;
          width: 196px;
          height: 36px;
          margin-right: 10px;
          font-size: 1.1em;
          line-height: 2em;
          font-weight: normal;
          text-align: center;
          color: white;
          border: 2px solid #002853;
          background-color: #002853; }
        #contents #contents-inwrap nav ul li a:hover {
          font-weight: bold;
          color: #002853;
          background-color: white; }
      #contents #contents-inwrap nav ul li.nav3 a,
      #contents #contents-inwrap nav ul li.nav4 a {
        font-weight: bold;
        color: #002853;
        background-color: white; }
      #contents #contents-inwrap nav ul li.nav3 a {
        width: 251px; }
      #contents #contents-inwrap nav ul li.nav4 a {
        width: 310px;
        margin-right: 0px; }
    #contents #contents-inwrap h3.subtitle {
      margin-bottom: 30px;
      font-size: 1.9em;
      clear: both; }
    #contents #contents-inwrap section.content {
      width: 893px;
      padding-left: 50px;
      padding-right: 45px;
      padding-top: 20px;
      padding-bottom: 20px;
      margin-bottom: 30px;
      border: 6px solid #002853;
      font-size: 0.8em;
      line-height: 1.6em;
      clear: both; }
      #contents #contents-inwrap section.content:after {
        content: ".";
        display: block;
        height: 0;
        font-size: 0;
        clear: both;
        visibility: hidden; }
      #contents #contents-inwrap section.content hr {
        margin: 0px 0px 16px 0px;
        clear: both; }
      #contents #contents-inwrap section.content .koumoku {
        width: 185px;
        margin-bottom: 20px;
        font-size: 1.1em;
        font-weight: bold;
        float: left; }
        #contents #contents-inwrap section.content .koumoku span.pc {
          display: inline;
          height: 0px;
          line-height: 0px; }
      #contents #contents-inwrap section.content .koumoku2 {
        margin-bottom: 20px;
        font-size: 1.1em;
        font-weight: bold; }
      #contents #contents-inwrap section.content .detail {
        width: 708px;
        margin-bottom: 0px;
        float: left;
        position: relative; }
        #contents #contents-inwrap section.content .detail:after {
          content: ".";
          display: block;
          height: 0;
          font-size: 0;
          clear: both;
          visibility: hidden; }
        #contents #contents-inwrap section.content .detail p span.name {
          font-weight: bold; }
        #contents #contents-inwrap section.content .detail p a, #contents #contents-inwrap section.content .detail p a:link, #contents #contents-inwrap section.content .detail p a:visited, #contents #contents-inwrap section.content .detail p a:hover, #contents #contents-inwrap section.content .detail p a:active {
          color: #002853; }
        #contents #contents-inwrap section.content .detail .skills {
          margin-top: 26px;
          margin-bottom: 22px; }
          #contents #contents-inwrap section.content .detail .skills li {
            line-height: 1.75em; }
        #contents #contents-inwrap section.content .detail .img {
          width: 110px;
          float: left; }
        #contents #contents-inwrap section.content .detail .text {
          width: 598px;
          float: left; }
          #contents #contents-inwrap section.content .detail .text p.name {
            margin-bottom: 10px;
            font-weight: bold; }
        #contents #contents-inwrap section.content .detail .leftbtn {
          position: absolute;
          left: 0px;
          top: 182px;
          cursor: pointer; }
        #contents #contents-inwrap section.content .detail .rightbtn {
          position: absolute;
          left: 684px;
          top: 182px;
          cursor: pointer; }
        #contents #contents-inwrap section.content .detail .photo-case {
          width: 600px;
          height: 495px;
          margin-left: 50px;
          overflow: hidden; }
          #contents #contents-inwrap section.content .detail .photo-case .flipsnap {
            width: 3000px;
            overflow: hidden; }
            #contents #contents-inwrap section.content .detail .photo-case .flipsnap .photo {
              float: left; }
              #contents #contents-inwrap section.content .detail .photo-case .flipsnap .photo img {
                margin-bottom: 34px; }
          #contents #contents-inwrap section.content .detail .photo-case .pointers {
            position: absolute;
            left: 540px;
            top: 410px;
            z-index: 0; }
            #contents #contents-inwrap section.content .detail .photo-case .pointers .pointer {
              width: 12px;
              height: 11px;
              margin-left: 10px;
              overflow: hidden;
              float: left; }
              #contents #contents-inwrap section.content .detail .photo-case .pointers .pointer img {
                margin-left: -12px;
                vertical-align: top; }
        #contents #contents-inwrap section.content .detail .thumbs {
          width: 600px;
          margin-left: 50px; }
          #contents #contents-inwrap section.content .detail .thumbs .thumb {
            margin-right: 10px;
            margin-bottom: 15px;
            float: left; }
            #contents #contents-inwrap section.content .detail .thumbs .thumb img {
              vertical-align: bottom; }
            #contents #contents-inwrap section.content .detail .thumbs .thumb.last {
              margin-right: 0px; }
          #contents #contents-inwrap section.content .detail .thumbs p {
            font-size: 0.9em;
            clear: both; }
        #contents #contents-inwrap section.content .detail.link {
          font-weight: bold; }
      #contents #contents-inwrap section.content .line {
        margin-bottom: 17px;
        border-top: 1px dotted #002853;
        clear: both; }
      #contents #contents-inwrap section.content .entrybtn {
        display: block;
        width: 332px;
        height: 50px;
        margin-left: auto;
        margin-right: auto;
        margin-top: 60px;
        color: #002853;
        font-size: 1.2em;
        line-height: 3.4em;
        font-weight: bold;
        text-align: center;
        color: white;
        background-color: #002853;
        border: 4px solid #002853; }
        #contents #contents-inwrap section.content .entrybtn img {
          margin-right: 10px; }
        #contents #contents-inwrap section.content .entrybtn:hover {
          color: #002853;
          font-weight: bold;
          background-color: white; }
      #contents #contents-inwrap section.content .btn {
        width: 392px;
        height: 36px;
        margin-bottom: 40px;
        color: white;
        background-color: #88ce02;
        border: 4px solid #88ce02;
        float: left;
        font-size: 1.4em;
        line-height: 2.2em;
        text-align: center; }
		#contents #contents-inwrap section.content .btn a {
			display: block; }
        #contents #contents-inwrap section.content .btn img {
          margin-right: 12px;
          margin-top: 14px;
          vertical-align: top; }
        #contents #contents-inwrap section.content .btn:hover {
          color: #002853;
          background-color: white;
          font-weight: bold;
          cursor: pointer; }
      #contents #contents-inwrap section.content .recnav-entry.btn {
        margin-right: 80px; }
		#contents #contents-inwrap section.content .recnav-entry.btn a{
			display: block; }
        #contents #contents-inwrap section.content .recnav-entry.btn:hover {
          color: white;
          border: 4px solid #e67303;
          background-color: #e67303; }
      #contents #contents-inwrap section.content .mynav-entry.btn:hover {
        color: white;
        border: 4px solid #e67303;
        background-color: #e67303; }
      #contents #contents-inwrap section.content .recruit-form.btn {
        width: 480px;
        margin-top: 20px; }
        #contents #contents-inwrap section.content .recruit-form.btn:hover {
          color: white;
          border: 4px solid #002853;
          background-color: #002853; }
      #contents #contents-inwrap section.content .flow {
        clear: both; }
    #contents #contents-inwrap .totopbtn {
      display: block;
      margin-bottom: 30px;
      float: right; }
    #contents #contents-inwrap a.team-technomobile-detail {
      display: block;
      width: 278px;
      height: 38px;
      position: absolute;
      right: 0px;
      top: -40px;
      z-index: 0;
      font-size: 0.8em;
      line-height: 3.2em;
      color: white;
      border: 2px solid white;
      text-align: center; }
      #contents #contents-inwrap a.team-technomobile-detail:hover {
        color: #002853;
        border: 2px solid #002853; }

@media screen and (max-width: 640px) {
  #totopbtn {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0; }
    #totopbtn .white {
      display: none; }
    #totopbtn .blue {
      display: block; }

  #contents {
    margin-top: 0px; }
    #contents #contents-inwrap {
      width: 320px;
      padding-top: 0px; }
      #contents #contents-inwrap h2#title {
        margin-bottom: 35px;
        color: #002853;
        font-size: 2.1em;
        font-weight: normal;
        letter-spacing: 0.05em; }
      #contents #contents-inwrap nav {
        margin-bottom: 30px; }
        #contents #contents-inwrap nav ul li a {
          width: 300px;
          height: 40px;
          padding-left: 20px;
          margin-right: 0px;
          font-size: 0.8em;
          line-height: 3.3em;
          font-weight: bold;
          text-align: left;
          color: #002853;
          border: 0px;
          border-bottom: 1px solid #002853;
          background-color: white; }
        #contents #contents-inwrap nav ul li.nav3 a, #contents #contents-inwrap nav ul li.nav4 a {
          font-weight: normal;
          color: white;
          background-color: #002853; }
        #contents #contents-inwrap nav ul li.nav3 a {
          width: 300px; }
        #contents #contents-inwrap nav ul li.nav4 a {
          width: 300px; }
      #contents #contents-inwrap h3.subtitle {
        margin-left: 20px;
        margin-bottom: 15px;
        font-size: 1em;
        letter-spacing: -0.03em;
        clear: both; }
      #contents #contents-inwrap section.content {
        width: 260px;
        padding-left: 8px;
        padding-right: 8px;
        padding-top: 15px;
        padding-bottom: 15px;
        margin-left: 20px;
        border: 2px solid #002853; }
        #contents #contents-inwrap section.content hr {
          margin-bottom: 10px;
          background-color: #002853; }
        #contents #contents-inwrap section.content .koumoku {
          float: none;
          margin-bottom: 8px; }
          #contents #contents-inwrap section.content .koumoku span.pc {
            display: none; }
          #contents #contents-inwrap section.content .koumoku span.sp {
            display: inline; }
        #contents #contents-inwrap section.content .koumoku2 {
          margin-bottom: 5px; }
        #contents #contents-inwrap section.content .recnav-entry.btn img {
          width: 7px;
          height: 9px;
          margin-top: 12px; }
        #contents #contents-inwrap section.content .mynav-entry.btn img {
          width: 7px;
          height: 9px;
          margin-top: 12px; }
        #contents #contents-inwrap section.content .recruit-form.btn img {
          width: 7px;
          height: 9px;
          margin-top: 12px; }
        #contents #contents-inwrap section.content .detail {
          width: 260px;
          float: none; }
          #contents #contents-inwrap section.content .detail p {
            display: block;
            font-size: 0.65em;
            line-height: 1.6em; }
            #contents #contents-inwrap section.content .detail p span.name {
              display: block;
              font-size: 1.2em;
              line-height: 2.5em; }
            #contents #contents-inwrap section.content .detail p span.pack {
              display: block;
              margin-left: 10px; }
            #contents #contents-inwrap section.content .detail p span.name2 {
              font-weight: bold; }
            #contents #contents-inwrap section.content .detail p span.name3 {
              font-size: 1.2em;
              line-height: 1.6em;
              font-weight: bold; }
          #contents #contents-inwrap section.content .detail .line {
            margin-bottom: 5px; }
          #contents #contents-inwrap section.content .detail .leftbtn {
            display: none; }
          #contents #contents-inwrap section.content .detail .rightbtn {
            display: none; }
          #contents #contents-inwrap section.content .detail .photo-case {
            width: 260px;
            height: 257px;
            margin-left: 0px; }
            #contents #contents-inwrap section.content .detail .photo-case .flipsnap .photo {
              width: 260px;
              font-size: 0.7em;
              line-height: 1.6em;
              text-align: center; }
              #contents #contents-inwrap section.content .detail .photo-case .flipsnap .photo img {
                width: 260px;
                height: 173px;
                margin-bottom: 38px; }
            #contents #contents-inwrap section.content .detail .photo-case .pointers {
              position: absolute;
              left: 67px;
              top: 190px;
              z-index: 0; }
              #contents #contents-inwrap section.content .detail .photo-case .pointers .pointer {
                width: 10px;
                height: 10px;
                margin-left: 15px;
                overflow: hidden;
                float: left; }
                #contents #contents-inwrap section.content .detail .photo-case .pointers .pointer img {
                  width: 20px;
                  height: 10px;
                  margin-left: -10px;
                  vertical-align: top; }
          #contents #contents-inwrap section.content .detail .thumbs {
            width: 260px;
            margin-left: 0px; }
            #contents #contents-inwrap section.content .detail .thumbs .thumb {
              margin-right: 1px; }
              #contents #contents-inwrap section.content .detail .thumbs .thumb img {
                width: 86px;
                height: 60px; }
            #contents #contents-inwrap section.content .detail .thumbs p {
              font-size: 0.7em;
              line-height: 1.6em; }
        #contents #contents-inwrap section.content .btn {
          width: 260px;
          height: 30px;
          margin-bottom: 15px;
          background-color: #e67303;
          border: 0px;
          font-size: 1.1em;
          line-height: 2.2em; }
          #contents #contents-inwrap section.content .btn img {
            margin-right: 6px;
            margin-top: 10px; }
          #contents #contents-inwrap section.content .btn:hover {
            color: white;
            background-color: #e67303;
            font-weight: normal; }
        #contents #contents-inwrap section.content .recnav-entry.btn {
          margin-top: 5px; }
          #contents #contents-inwrap section.content .recnav-entry.btn:hover {
            border: 0px; }
        #contents #contents-inwrap section.content .mynav-entry.btn {
          margin-bottom: 30px; }
          #contents #contents-inwrap section.content .mynav-entry.btn:hover {
            border: 0px; }
        #contents #contents-inwrap section.content .recruit-form.btn {
          width: 260px;
          margin-top: 0px;
          margin-bottom: 28px;
          font-size: 0.95em;
          line-height: 2.7em; }
          #contents #contents-inwrap section.content .recruit-form.btn:hover {
            border: 0px; }
          #contents #contents-inwrap section.content .recruit-form.btn img {
            margin-right: 2px; }
        #contents #contents-inwrap section.content .flow .sp {
          font-size: 0.7em; }
        #contents #contents-inwrap section.content .flow1 .flow-img img {
          width: 260px;
          height: 451px;
          margin-bottom: 5px; }
        #contents #contents-inwrap section.content .flow2 .flow-img img {
          width: 260px;
          height: 331px;
          margin-bottom: 5px; }
      #contents #contents-inwrap .totopbtn {
        display: none; }
      #contents #contents-inwrap a.team-technomobile-detail {
        margin-left: 20px;
        margin-bottom: 30px;
        position: static;
        color: #002853;
        border: 2px solid #002853; } }
/*0426*/
.font_blue p, .font_blue p a {
	color: #002853;
}


@media screen and (max-width: 640px) {
	.font_blue {
		padding-top: 75px;
	}
}