@charset "UTF-8";
/*----------------------------------------------------
  header & navi
----------------------------------------------------*/
iframe, .alignnone {
  width: 100% !important;
  max-width: 100% !important;
  height: 100% !important; }

.headerInfo {
  display: none !important; }

.site-header {
  background: none; }
  .site-header div.headerInfo {
    width: 100%;
    background: #000;
    border-bottom: 1px solid #fff; }
    .site-header div.headerInfo h1.siteDescription {
      font-size: 14px;
      font-weight: normal;
      max-width: 100%;
      margin: 0 auto;
      padding: 8px 8px 4px;
      color: #fff;
      text-align: left; }
  .site-header .menuToggle {
    display: block !important;
    text-align: center;
    color: #fff; }
    .site-header .menuToggle a {
      color: #fff; }
    .site-header .menuToggle ul.spNavi {
      width: 100%;
      margin: 0 auto;
      padding: 10px 0 0;
      font-size: 16px;
      background: #000;
      border-top: 1px solid #666; }
      .site-header .menuToggle ul.spNavi p {
        text-align: left;
        padding: 5px 0 10px 5px; }
        .site-header .menuToggle ul.spNavi p img {
          width: 50%; }
      .site-header .menuToggle ul.spNavi ul.child {
        display: none;
        background: #583c32; }
        .site-header .menuToggle ul.spNavi ul.child li.babyTitle {
          color: #fff; }
        .site-header .menuToggle ul.spNavi ul.child li.baby {
          font-size: 14px;
          background: url(/wordpress/wp-content/themes/undo/images/right-icon.png) 97% 15px no-repeat #583c32; }
          .site-header .menuToggle ul.spNavi ul.child li.baby:hover {
            background: url(/wordpress/wp-content/themes/undo/images/right-icon.png) 97% 15px no-repeat #7a594e;
            padding-right: 10px; }
        .site-header .menuToggle ul.spNavi ul.child li.babyInt {
          font-size: 14px;
          padding-left: 50px;
          background: url(/wordpress/wp-content/themes/undo/images/right-icon.png) 97% 15px no-repeat #583c32; }
          .site-header .menuToggle ul.spNavi ul.child li.babyInt:hover {
            background: url(/wordpress/wp-content/themes/undo/images/right-icon.png) 97% 15px no-repeat #7a594e;
            padding-right: 10px; }
          .site-header .menuToggle ul.spNavi ul.child li.babyInt a {
            font-weight: normal; }
        .site-header .menuToggle ul.spNavi ul.child li {
          line-height: 24px;
          text-align: left;
          padding: 15px 30px 15px; }
          .site-header .menuToggle ul.spNavi ul.child li a {
            color: #fff;
            text-decoration: none; }
            .site-header .menuToggle ul.spNavi ul.child li a:hover {
              text-decoration: underline; }
  .site-header div.headerInto {
    background: #fff; }
    .site-header div.headerInto .pageIn {
      padding-bottom: 5px !important; }
    .site-header div.headerInto .sitebar {
      width: 100%;
      margin: 0 auto;
      padding: 10px 0 0;
      text-align: center; }
      .site-header div.headerInto .sitebar .siteLogo {
        float: none; }
      .site-header div.headerInto .sitebar .navbar {
        display: none; }
    .site-header div.headerInto .sitebar p.siteLogo {
      float: none;
      text-align: center; }
      .site-header div.headerInto .sitebar p.siteLogo img {
        width: 80%;
        max-width: 80%; }
    .site-header div.headerInto .sitebar ul {
      display: none !important; }
    .site-header div.headerInto .navbar {
      display: none; }
    .site-header div.headerInto div.bgsw {
      width: 100%; }
      .site-header div.headerInto div.bgsw .main_bnr {
        display: none; }
      .site-header div.headerInto div.bgsw .main_img ul li {
        float: none;
        width: 100%; }
        .site-header div.headerInto div.bgsw .main_img ul li img {
          width: 100%;
          max-width: 100%; }
      .site-header div.headerInto div.bgsw .lineup {
        clear: both; }
        .site-header div.headerInto div.bgsw .lineup .games, .site-header div.headerInto div.bgsw .lineup .books, .site-header div.headerInto div.bgsw .lineup .eyes {
          float: none; }
          .site-header div.headerInto div.bgsw .lineup .games ul, .site-header div.headerInto div.bgsw .lineup .books ul, .site-header div.headerInto div.bgsw .lineup .eyes ul {
            overflow: hidden;
            display: block; }
            .site-header div.headerInto div.bgsw .lineup .games ul li, .site-header div.headerInto div.bgsw .lineup .books ul li, .site-header div.headerInto div.bgsw .lineup .eyes ul li {
              display: inline-block;
              padding: 10px 0 0; }
            .site-header div.headerInto div.bgsw .lineup .games ul li.img, .site-header div.headerInto div.bgsw .lineup .books ul li.img, .site-header div.headerInto div.bgsw .lineup .eyes ul li.img {
              padding: 10px; }
            .site-header div.headerInto div.bgsw .lineup .games ul li.name, .site-header div.headerInto div.bgsw .lineup .books ul li.name, .site-header div.headerInto div.bgsw .lineup .eyes ul li.name {
              display: block;
              width: 98%;
              border-radius: 0;
              margin: 0 auto 10px;
              border-width: 0 0 2px;
              color: #43b8b8;
              text-align: left; }
      .site-header div.headerInto div.bgsw .courseLine {
        display: none !important; }
        .bnarea img {
            width: 90%;

        }
/*----------------------------------------------------
  footer
----------------------------------------------------*/
.site-footer {
  clear: both;
  width: 100%;
  text-align: center;
  background: #ea6948; }
  .site-footer .site-item {
    clear: both;
    width: 100%;
    margin: 0px auto;
    padding: 30px 0;
    background: url(/images/contBg.png) center 0 repeat-x; }
    .site-footer .site-item .boxInt {
      width: 100%;
      margin: 0 auto;
      padding: 20px 0;
      text-align: center; }
    .site-footer .site-item p.img {
      padding: 0 0 15px; }
    .site-footer .site-item p.text {
      line-height: 1.6;
      color: #fff;
      padding: 0 10px;
      font-size: 12px; }
  .site-footer .cod {
    clear: both;
    width: 100% !important;
    margin: 0 auto !important; }
    .site-footer .cod img {
      width: 100%;
      max-width: 100%; }
    .site-footer .cod .company {
      width: 100% !important;
      float: none !important;
      text-align: center !important;
      padding: 0 0 20px; }
    .site-footer .cod .bnrs {
      width: 100% !important;
      float: none !important;
      text-align: center !important; }
      .site-footer .cod .bnrs li {
        padding: 0 0 15px; }
  .site-footer .site-info {
    padding: 20px;
    color: #fff; }
  .site-footer .footerNavi {
    display: none; }
  .site-footer .sptop {
    display: block;
    text-align: center; }
    .site-footer .sptop a {
      color: #fff;
      font-size: 18px;
      letter-spacing: 1px; }

/*----------------------------------------------------
  home
----------------------------------------------------*/
.home {
  /*.contentLinks { display: none !important;}*/ }
  .home .contentLinks {
    width: 300px;
    margin: 0 auto; }
    .home .contentLinks ul li {
      width: 300px !important;
      float: none !important;
      padding: 0 0 15px !important;
      text-align: center; }
    .home .contentLinks ul li.link03 {
      padding-bottom: 30px; }
  .home .updating {
    clear: both;
    width: 100% !important;
    padding: 15px 0 !important; }
    .home .updating .news {
      width: 100% !important;
      float: none !important;
      overflow: hidden !important; }
      .home .updating .news .box {
        width: 100% !important;
        margin: 5px !important; }
      .home .updating .news p.thumbnail {
        width: 60px;
        height: auto !important;
        float: left;
        border: none !important;
        padding: 5px 0 5px 5px !important; }
        .home .updating .news p.thumbnail img {
          width: 60px;
          height: 60px; }
      .home .updating .news div.meta {
        width: 240px !important;
        float: left;
        padding: 10px !important; }
    .home .updating .topics {
      clear: both;
      padding: 10px 5px; }
      .home .updating .topics ul {
        overflow: hidden; }
        .home .updating .topics ul li {
          width: 100% !important;
          float: none !important; }
          .home .updating .topics ul li img {
            width: 100% !important; }
  .home .top_bnr_contents {
    clear: both;
    width: 100%; }
    .home .top_bnr_contents .top {
      overflow: hidden;
      padding: 0; }
      .home .top_bnr_contents .top li.num01 {
        width: 98%;
        float: none !important;
        margin: 0 auto 10px; }
      .home .top_bnr_contents .top li.num02 {
        width: 98%;
        float: none !important;
        margin: 0 auto 10px; }
    .home .top_bnr_contents .btm {
      clear: both;
      overflow: hidden;
      width: 100% !important; }
      .home .top_bnr_contents .btm li {
        width: 98%;
        float: none !important;
        margin: 0 auto 10px;
        padding: 0 !important; }
    .home .top_bnr_contents img {
      width: 310px;
      margin: 0 auto; }
  .home .top_pv_contents {
    clear: both;
    width: 100%; }
    .home .top_pv_contents .top {
      width: 100%; }
      .home .top_pv_contents .top li {
        width: 98% !important;
        float: none !important;
        padding: 20px 0 0;
        margin: 0 auto 10px;
        line-height: 1.8; }
        .home .top_pv_contents .top li iframe {
          width: 320px !important; }
        .home .top_pv_contents .top li span {
          display: block;
          padding: 5px; }
  .home .top_eye_contents {
    clear: both;
    width: 100%;
    background: #661a1a;
    padding: 30px 0; }
    .home .top_eye_contents .thm {
      text-align: center;
      padding: 20px 0; }
    .home .top_eye_contents .dec {
      padding: 10px;
      text-align: left; }
    .home .top_eye_contents .top {
      width: 100%; }
      .home .top_eye_contents .top li {
        width: 98% !important;
        float: none !important;
        padding: 20px 0 0;
        margin: 0 auto 10px;
        line-height: 1.8; }
        .home .top_eye_contents .top li iframe {
          width: 320px !important; }
    .home .top_eye_contents img {
      width: 98%; }
    .home .top_eye_contents .adds {
      clear: both;
      padding: 10px 0;
      text-align: center; }
  .home .thirdMeritBox {
    clear: both; }
    .home .thirdMeritBox dd.links {
      text-align: center;
      padding: 30px 0 0; }
      .home .thirdMeritBox dd.links a {
        display: block;
        padding: 0 0 5px; }
        .home .thirdMeritBox dd.links a img {
          width: 50%;
          text-align: center; }
      .home .thirdMeritBox dd.links img {
        width: 100%;
        max-width: 100%; }
  .home .fifthMeritBox .sum {
    text-align: left !important; }

/*----------------------------------------------------
  page - breadcrumb && -
----------------------------------------------------*/
.page .site-content .entry-header {
  background: #e5e5e5;
  width: 100%; }
  .page .site-content .entry-header .headerInt {
    width: 100%;
    margin: 0 auto;
    padding: 20px 10px;
    position: relative; }
    .page .site-content .entry-header .headerInt h1.entry-title {
      font-weight: normal;
      width: 100%;
      padding: 10px 0 0; }
    .page .site-content .entry-header .headerInt .breadcrumb {
      position: static;
      right: 0;
      bottom: 0; }
      .page .site-content .entry-header .headerInt .breadcrumb ul li {
        display: inline;
        float: none;
        padding: 0 4px; }

/*----------------------------------------------------
  commons - contentTitle && detailBtn -
----------------------------------------------------*/
h2.contentTitle {
  width: 90%;
  padding-bottom: 15px;
  margin: 0 auto;
  font-size: 17px; }

h2.contentTitleWhite {
  width: 90%;
  padding-bottom: 15px;
  margin: 0 auto;
  font-size: 17px; }

h3.contentTitle {
  text-align: center;
  color: #fff;
  width: 90%;
  margin: 0 auto;
  font-size: 17px; }

.home .topMeritBox {
  clear: both;
  width: 100%;
  margin: 30px auto; }
  .home .topMeritBox ul li {
    width: 45%;
    float: left;
    text-align: center;
    padding: 0 10px 10px; }
    .home .topMeritBox ul li:nth-child(2) {
      float: right; }
    .home .topMeritBox ul li:nth-child(4) {
      float: right; }
    .home .topMeritBox ul li dl {
      text-align: center; }
      .home .topMeritBox ul li dl dt.img {
        padding: 10px 0; }
      .home .topMeritBox ul li dl dd.text {
        text-align: center;
        padding: 10px 0; }
.home .secondMeritBox {
  clear: both;
  width: 100%;
  margin: 30px auto 0;
  background: #960; }
  .home .secondMeritBox .boxInt {
    width: 100%;
    margin: 0 auto;
    padding: 30px 0;
    color: #fff; }
  .home .secondMeritBox .left {
    width: 100%;
    float: none;
    padding: 20px 10px; }
    .home .secondMeritBox .left .intBoxTop {
      background: url(/images/icon_01.png) 0 2px no-repeat;
      padding: 0 0 20px 60px; }
      .home .secondMeritBox .left .intBoxTop dt {
        font-size: 16px;
        line-height: 1.6;
        font-weight: normal; }
      .home .secondMeritBox .left .intBoxTop dd.text {
        padding: 10px 0;
        font-size: 12px; }
    .home .secondMeritBox .left .intBoxBtm {
      background: url(/images/icon_02.png) 0 0 no-repeat;
      padding: 0 0 20px 60px; }
      .home .secondMeritBox .left .intBoxBtm dt {
        font-size: 16px;
        line-height: 1.6;
        font-weight: normal; }
      .home .secondMeritBox .left .intBoxBtm dd.text {
        padding: 10px 0;
        font-size: 12px; }
    .home .secondMeritBox .left a {
      color: #fff; }
  .home .secondMeritBox .right {
    width: 100%;
    float: none;
    padding: 20px 10px; }
    .home .secondMeritBox .right .intBoxTop {
      background: url(/images/icon_03.png) 0 0 no-repeat;
      padding: 0 0 20px 60px; }
      .home .secondMeritBox .right .intBoxTop dt {
        font-size: 16px;
        line-height: 1.6;
        font-weight: normal; }
      .home .secondMeritBox .right .intBoxTop dd.text {
        padding: 10px 0;
        font-size: 12px; }
    .home .secondMeritBox .right .intBoxBtm {
      background: url(/images/icon_04.png) 0 0 no-repeat;
      padding: 0 0 20px 60px; }
      .home .secondMeritBox .right .intBoxBtm dt {
        font-size: 16px;
        line-height: 1.6;
        font-weight: normal; }
      .home .secondMeritBox .right .intBoxBtm dd.text {
        padding: 10px 0;
        font-size: 12px; }
.home .thirdMeritBox {
  clear: both;
  width: 100%;
  margin: 0px auto;
  padding: 30px 0;
  background: #ea6948; }
  .home .thirdMeritBox .spImg {
    display: block;
    text-align: center;
    padding: 10px 0 20px; }
  .home .thirdMeritBox .boxInt {
    width: 100%;
    margin: 0 auto;
    padding: 30px 10px;
    color: #fff;
    background: none; }
  .home .thirdMeritBox dl {
    padding: 30px 10px;
    line-height: 1.4; }
    .home .thirdMeritBox dl dt {
      font-size: 18px; }
    .home .thirdMeritBox dl dd {
      font-size: 12px; }
.home .fourthMeritBox {
  clear: both;
  width: 100%;
  margin: 0px auto;
  padding: 30px 0;
  background: #391106; }
  .home .fourthMeritBox .boxInt {
    width: 100%;
    margin: 0 auto;
    padding: 30px 10px;
    color: #fff; }
  .home .fourthMeritBox .sum {
    text-align: center;
    color: #fff;
    padding: 0 10px 10px; }
  .home .fourthMeritBox .tab {
    overflow: hidden;
    text-align: center;
    margin: 20px auto;
    width: 240px; }
    .home .fourthMeritBox .tab li {
      width: 100px;
      float: left;
      padding: 10px;
      background: #1c0803;
      margin: 0 10px;
      cursor: pointer; }
    .home .fourthMeritBox .tab li.select {
      background: #000; }
  .home .fourthMeritBox .contentInt .top, .home .fourthMeritBox .contentInt .btm {
    overflow: hidden;
    padding-bottom: 30px; }
    .home .fourthMeritBox .contentInt .top li, .home .fourthMeritBox .contentInt .btm li {
      float: none;
      width: 300px;
      text-align: center;
      margin: 10px auto; }
      .home .fourthMeritBox .contentInt .top li:nth-child(2), .home .fourthMeritBox .contentInt .btm li:nth-child(2) {
        padding: 0; }
  .home .fourthMeritBox .hide {
    display: none; }
.home .fifthMeritBox {
  clear: both;
  width: 100%;
  margin: 0px auto;
  padding: 30px 0; }
  .home .fifthMeritBox .boxInt {
    width: 100%;
    margin: 0 auto;
    padding: 30px 0; }
  .home .fifthMeritBox .sum {
    text-align: center;
    padding: 0 0 50px; }
  .home .fifthMeritBox .voiceBoxLeft {
    width: 100%;
    float: none;
    padding: 0 10px; }
  .home .fifthMeritBox .voiceBoxRight {
    width: 100%;
    float: none;
    padding: 0 10px; }
  .home .fifthMeritBox .intBox dl.woman {
    background: none;
    padding: 0; }
  .home .fifthMeritBox .intBox dl.man {
    background: none;
    padding: 0; }
  .home .fifthMeritBox .intBox .title {
    font-size: 18px; }
  .home .fifthMeritBox .intBox .name {
    padding: 15px 0;
    border-bottom: 2px solid #ccc; }
  .home .fifthMeritBox .intBox p.text {
    background: none;
    padding: 30px 0;
    line-height: 1.6; }

#joint {
  clear: both; }
  #joint .topJointBox {
    clear: both;
    width: 100%;
    margin: 0px auto;
    padding: 30px 0; }
    #joint .topJointBox .boxInt {
      width: 100%;
      margin: 40px auto;
      position: relative;
      line-height: 2; }
    #joint .topJointBox .inner01 {
      float: none;
      width: 100%;
      padding: 0 10px; }
      #joint .topJointBox .inner01 dt img {
        width: 100%; }
      #joint .topJointBox .inner01 dd {
        line-height: 1.8;
        padding: 10px 0; }
    #joint .topJointBox .inner02 {
      float: none;
      width: 100%;
      padding: 40px 10px 0; }
      #joint .topJointBox .inner02 dt img {
        width: 100%; }
      #joint .topJointBox .inner02 dd {
        line-height: 1.8;
        padding: 10px 0; }
    #joint .topJointBox p.imgRight {
      float: none;
      width: 90%;
      text-align: center;
      padding: 10px; }
      #joint .topJointBox p.imgRight img {
        width: 80%; }
    #joint .topJointBox p.imgLeft {
      float: none;
      width: 90%;
      text-align: center;
      padding: 10px; }
      #joint .topJointBox p.imgLeft img {
        width: 60%; }
  #joint .secondJointBox {
    clear: both;
    color: #fff;
    width: 100%;
    margin: 0px auto;
    padding: 30px 0;
    background: url(/wordpress/wp-content/themes/undo/images/pages/wgs/jointBgContent.png) center center repeat-x; }
    #joint .secondJointBox h4 {
      padding: 10px;
      text-align: center; }
      #joint .secondJointBox h4 img {
        width: 100%; }
    #joint .secondJointBox p.text {
      width: 100%;
      margin: 0 auto;
      padding: 10px 20px;
      line-height: 1.8; }
  #joint .thirdJointBox {
    clear: both;
    width: 100%;
    margin: 50px auto; }
    #joint .thirdJointBox dl {
      padding: 0 10px; }
      #joint .thirdJointBox dl dt img {
        width: 100%; }
      #joint .thirdJointBox dl dd {
        padding: 10px;
        line-height: 2; }
    #joint .thirdJointBox .youtube {
      text-align: center; }
      #joint .thirdJointBox .youtube iframe {
        width: 300px;
        height: 180px; }

#mechanism {
  clear: both; }
  #mechanism .topMechanismBox {
    clear: both;
    width: 100%;
    margin: 0 auto;
    padding: 30px 0 10px; }
    #mechanism .topMechanismBox .boxInt {
      width: 100%;
      margin: 40px auto;
      line-height: 2;
      overflow: hidden; }
    #mechanism .topMechanismBox .inner01 {
      float: left;
      width: 100%;
      padding: 10px; }
      #mechanism .topMechanismBox .inner01 dt img {
        width: 100%; }
      #mechanism .topMechanismBox .inner01 dd {
        line-height: 1.8;
        padding: 10px 0; }
    #mechanism .topMechanismBox p.imgRight {
      float: right;
      width: 100%;
      text-align: center; }
      #mechanism .topMechanismBox p.imgRight a.detailBtn {
        width: 220px; }
  #mechanism .secondMechanismBox {
    clear: both;
    width: 100%;
    margin: 30px 0;
    padding: 0px;
    height: 100px;
    background: none; }
    #mechanism .secondMechanismBox h4 {
      padding: 20px 10px;
      width: 100%;
      margin: 0 auto;
      color: #fff;
      background: #333;
      font-size: 18px; }
  #mechanism .thirdMechanismBox {
    clear: both;
    width: 100%;
    margin: 0 auto;
    padding: 10px 0; }
    #mechanism .thirdMechanismBox .boxInt {
      width: 100%;
      margin: 20px auto;
      line-height: 2;
      overflow: hidden; }
    #mechanism .thirdMechanismBox .inner01 {
      float: none;
      width: 100%;
      padding: 10px; }
      #mechanism .thirdMechanismBox .inner01 dt img {
        width: 100%; }
      #mechanism .thirdMechanismBox .inner01 dd {
        line-height: 1.8;
        padding: 10px 0; }
    #mechanism .thirdMechanismBox p.imgRight {
      float: right;
      width: 100%;
      text-align: center;
      padding: 10px; }
      #mechanism .thirdMechanismBox p.imgRight img {
        width: 95%;
        margin: 0 auto; }
  #mechanism .fourthMechanismBox {
    clear: both;
    width: 100%;
    margin: 0 auto;
    padding: 30px 0; }
    #mechanism .fourthMechanismBox .boxInt {
      width: 100%;
      margin: 40px auto;
      line-height: 2;
      overflow: hidden; }
    #mechanism .fourthMechanismBox .img {
      text-align: center; }
      #mechanism .fourthMechanismBox .img img {
        width: 95%;
        margin: 0 auto; }
    #mechanism .fourthMechanismBox p.leftBox {
      float: none;
      width: 100%;
      padding: 20px 10px; }
    #mechanism .fourthMechanismBox div.listBox {
      float: none;
      width: 100%; }
      #mechanism .fourthMechanismBox div.listBox ul li {
        padding: 5px 0 20px 50px; }
  #mechanism .fifthMechanismBox {
    clear: both;
    width: 100%;
    margin: 0 auto;
    padding: 30px;
    background: url(/common/images/arrowBttom_icon.png) center bottom no-repeat #ea6948; }
    #mechanism .fifthMechanismBox p.text {
      text-align: center;
      color: #fff;
      padding: 10px 0;
      line-height: 1.6; }
    #mechanism .fifthMechanismBox ul {
      width: 100%;
      margin: 20px auto;
      overflow: hidden; }
      #mechanism .fifthMechanismBox ul li {
        float: left;
        width: 50%;
        padding: 0 10px 20px;
        font-size: 11px;
        text-align: center;
        color: #fff; }
        #mechanism .fifthMechanismBox ul li:nth-child(3) {
          clear: both; }
  #mechanism .sixthMechanismBox {
    clear: both;
    width: 100%;
    margin: 0 auto;
    padding: 30px 0 0; }
    #mechanism .sixthMechanismBox .boxInt {
      width: 100%;
      margin: 40px auto;
      line-height: 2;
      overflow: hidden; }
    #mechanism .sixthMechanismBox h3 {
      text-align: center; }
    #mechanism .sixthMechanismBox .youtube {
      text-align: center;
      padding: 20px 0 0; }
      #mechanism .sixthMechanismBox .youtube iframe {
        width: 300px;
        height: 150px; }
    #mechanism .sixthMechanismBox dl {
      width: 100%;
      margin: 20px auto;
      padding: 0 20px; }
      #mechanism .sixthMechanismBox dl dt {
        padding: 0 0 10px;
        font-weight: bold; }
  #mechanism .seventhMechanismBox {
    clear: both;
    width: 100%;
    margin: 0 auto;
    padding: 30px 0; }
    #mechanism .seventhMechanismBox .boxInt {
      width: 100%;
      margin: 40px auto;
      line-height: 2;
      overflow: hidden; }
    #mechanism .seventhMechanismBox ul li.intBox01 .photoLine01 {
      float: none;
      width: 100%;
      height: 280px;
      background-size: contain; }
    #mechanism .seventhMechanismBox ul li.intBox01 .textBox {
      float: none; }
    #mechanism .seventhMechanismBox ul li.intBox02 .photoLine02 {
      float: none;
      width: 100%;
      height: 280px;
      background-size: contain; }
      #mechanism .seventhMechanismBox ul li.intBox02 .photoLine02 div.squareMovie {
        position: absolute;
        top: 50px;
        left: 40px; }
      #mechanism .seventhMechanismBox ul li.intBox02 .photoLine02 div.circleMovie {
        position: absolute;
        top: 120px;
        right: 40px; }
    #mechanism .seventhMechanismBox ul li.intBox02 .textBox {
      float: none; }
    #mechanism .seventhMechanismBox ul li.intBox03 .photoLine03 {
      float: none;
      width: 100%;
      height: 280px;
      background-size: contain; }
      #mechanism .seventhMechanismBox ul li.intBox03 .photoLine03 div.textMovie {
        color: #fff;
        overflow: hidden;
        width: 300px;
        height: 100px;
        margin: 0 auto; }
    #mechanism .seventhMechanismBox ul li.intBox03 .textBox {
      float: none; }
    #mechanism .seventhMechanismBox ul li.intBox04 .photoLine04 {
      float: none;
      width: 100%;
      height: 280px;
      background-size: contain; }
      #mechanism .seventhMechanismBox ul li.intBox04 .photoLine04 div.textFlash01 {
        padding: 20px 0 0 40px; }
      #mechanism .seventhMechanismBox ul li.intBox04 .photoLine04 div.textFlash02 {
        padding: 0 50px 0 0;
        text-align: right; }
      #mechanism .seventhMechanismBox ul li.intBox04 .photoLine04 div.textFlash03 {
        padding: 10px 0 0 20px; }
      #mechanism .seventhMechanismBox ul li.intBox04 .photoLine04 div.textFlash04 {
        padding: 0 70px 0 0;
        text-align: right; }
      #mechanism .seventhMechanismBox ul li.intBox04 .photoLine04 div.textFlash05 {
        padding: 0;
        text-align: center; }
    #mechanism .seventhMechanismBox ul li.intBox04 .textBox {
      float: none; }
    #mechanism .seventhMechanismBox ul li {
      clear: both;
      overflow: hidden;
      padding: 10px 0; }
      #mechanism .seventhMechanismBox ul li .textBox {
        width: 100%;
        padding: 0 10px !important; }
        #mechanism .seventhMechanismBox ul li .textBox dt {
          font-weight: bold;
          padding: 0 0 10px; }
    #mechanism .seventhMechanismBox .arrow {
      clear: both;
      padding: 0 0 20px;
      text-align: center; }
    #mechanism .seventhMechanismBox .text {
      text-align: center;
      padding: 0 0 20px; }
  #mechanism .boxBorder {
    height: 20px;
    background: url(/common/images/contentBorder.png) center center repeat-x; }

#merit {
  clear: both; }
  #merit .topMeritBox {
    clear: both;
    width: 100%;
    margin: 0 auto;
    padding: 30px 0; }
    #merit .topMeritBox .boxInt {
      width: 100%;
      margin: 40px auto;
      line-height: 2;
      overflow: hidden; }
    #merit .topMeritBox .inner01 {
      float: none;
      width: 100%;
      padding: 10px; }
      #merit .topMeritBox .inner01 dt img {
        width: 100%; }
      #merit .topMeritBox .inner01 dd {
        line-height: 1.8;
        padding: 10px 0; }
    #merit .topMeritBox p.imgRight {
      float: none;
      width: 100%;
      text-align: center; }
      #merit .topMeritBox p.imgRight img {
        width: 95%; }
  #merit .secondMeritBox {
    clear: both;
    width: 100%;
    margin: 0 auto;
    padding: 30px 0; }
    #merit .secondMeritBox .boxInt {
      width: 100%;
      margin: 10px auto;
      line-height: 2;
      overflow: hidden; }
    #merit .secondMeritBox .inner01 {
      float: none;
      width: 100%;
      padding: 10px; }
      #merit .secondMeritBox .inner01 dt img {
        width: 100%; }
      #merit .secondMeritBox .inner01 dd {
        line-height: 1.8;
        padding: 10px 0; }
    #merit .secondMeritBox p.imgLeft {
      float: none;
      width: 100%;
      text-align: center; }
      #merit .secondMeritBox p.imgLeft img {
        width: 95%; }
  #merit .thirdMeritBox {
    clear: both;
    width: 100%;
    margin: 0 auto;
    padding: 30px 0;
    background: none; }
    #merit .thirdMeritBox .boxInt {
      width: 100%;
      margin: 0px auto 0;
      line-height: 2;
      overflow: hidden; }
    #merit .thirdMeritBox .inner01 {
      width: 100%;
      padding: 10px; }
      #merit .thirdMeritBox .inner01 dt img {
        width: 100%; }
      #merit .thirdMeritBox .inner01 dd {
        line-height: 1.8;
        padding: 10px 0;
        color: #333; }
  #merit .fourthMeritBox {
    clear: both;
    width: 100%;
    margin: 0 auto;
    padding: 0; }
    #merit .fourthMeritBox .boxInt {
      width: 100%;
      margin: 0px auto;
      line-height: 2;
      overflow: hidden; }
    #merit .fourthMeritBox .inner01 {
      float: right;
      width: 100%;
      padding: 10px; }
      #merit .fourthMeritBox .inner01 dt img {
        width: 100%; }
      #merit .fourthMeritBox .inner01 dd {
        line-height: 1.8;
        padding: 10px 0; }
    #merit .fourthMeritBox p.imgLeft {
      float: none;
      width: 100%;
      text-align: center; }
      #merit .fourthMeritBox p.imgLeft img {
        width: 95%; }
  #merit .fifthMeritBox {
    clear: both;
    width: 100%;
    margin: 0 auto;
    padding: 0; }
    #merit .fifthMeritBox .boxInt {
      width: 100%;
      margin: 20px auto 0;
      line-height: 2;
      overflow: hidden; }
    #merit .fifthMeritBox .inner01 {
      float: none;
      width: 100%;
      padding: 10px; }
      #merit .fifthMeritBox .inner01 dt img {
        width: 100%; }
      #merit .fifthMeritBox .inner01 dd {
        line-height: 1.8;
        padding: 10px 0; }
    #merit .fifthMeritBox p.imgRight {
      float: none;
      width: 100%;
      text-align: center; }
      #merit .fifthMeritBox p.imgRight img {
        width: 95%; }
  #merit .boxBorder {
    height: 20px;
    background: url(/common/images/contentBorder.png) center center repeat-x; }

#bid {
  clear: both; }
  #bid .topBidBox {
    clear: both;
    width: 100%;
    margin: 0px auto 20px;
    padding: 30px 0;
    background: #183b65; }
    #bid .topBidBox div.main {
      width: 100%;
      margin: 10px auto;
      padding: 0; }
      #bid .topBidBox div.main h3 {
        width: 95%;
        margin: 0 auto;
        padding: 3px 3px 1px 5px;
        text-align: center;
        color: #fff;
        background: #a0a234; }
      #bid .topBidBox div.main p.des {
        width: 95%;
        padding: 10px 0 0;
        font-size: 22px;
        color: #fff;
        margin: 0 auto; }
      #bid .topBidBox div.main p.text {
        padding: 20px 0;
        color: #fff;
        line-height: 2;
        width: 95%;
        margin: 0 auto;
        font-size: 12px; }
        #bid .topBidBox div.main p.text span {
          background: #ea6948;
          padding: 0 3px;
          margin: 0 3px;
          line-height: 1.8; }
  #bid .secondBidBox {
    clear: both;
    width: 100%;
    margin: 0 auto;
    padding: 0; }
    #bid .secondBidBox nav {
      width: 100%;
      margin: 0px auto;
      line-height: 2;
      overflow: hidden; }
    #bid .secondBidBox ul {
      width: 320px;
      margin: 0 auto; }
    #bid .secondBidBox ul li {
      width: 106px;
      float: left;
      margin: 0; }
      #bid .secondBidBox ul li:nth-child(3) {
        margin: 0; }
      #bid .secondBidBox ul li img {
        width: 106px; }
  #bid .thirdBidBox, #bid .fourthBidBox, #bid .fifthBidBox {
    clear: both;
    width: 100%;
    margin: 0 auto;
    padding: 30px 0; }
    #bid .thirdBidBox .boxInt, #bid .fourthBidBox .boxInt, #bid .fifthBidBox .boxInt {
      width: 100%;
      margin: 20px auto;
      line-height: 2;
      overflow: hidden; }
    #bid .thirdBidBox .left, #bid .fourthBidBox .left, #bid .fifthBidBox .left {
      float: none; }
    #bid .thirdBidBox .right, #bid .fourthBidBox .right, #bid .fifthBidBox .right {
      float: none; }
    #bid .thirdBidBox p.img, #bid .fourthBidBox p.img, #bid .fifthBidBox p.img {
      text-align: center;
      width: 95%; }
      #bid .thirdBidBox p.img img, #bid .fourthBidBox p.img img, #bid .fifthBidBox p.img img {
        width: 100%;
        margin: 0 auto;
        text-align: center; }
    #bid .thirdBidBox dl.textBox, #bid .fourthBidBox dl.textBox, #bid .fifthBidBox dl.textBox {
      width: 100%;
      padding: 10px; }
      #bid .thirdBidBox dl.textBox dt, #bid .fourthBidBox dl.textBox dt, #bid .fifthBidBox dl.textBox dt {
        line-height: 1.8;
        font-weight: bold; }
      #bid .thirdBidBox dl.textBox dd, #bid .fourthBidBox dl.textBox dd, #bid .fifthBidBox dl.textBox dd {
        padding: 10px 0;
        line-height: 2; }
      #bid .thirdBidBox dl.textBox dd.links, #bid .fourthBidBox dl.textBox dd.links, #bid .fifthBidBox dl.textBox dd.links {
        text-align: center;
        padding: 20px 0; }
  #bid .sixthBidBox {
    clear: both;
    width: 100%;
    margin: 0 auto;
    padding: 30px 10px; }
    #bid .sixthBidBox .boxInt {
      width: 100%;
      margin: 20px auto;
      line-height: 2;
      overflow: auto; }
    #bid .sixthBidBox .onlineBox {
      width: 275px;
      float: none;
      padding: 20px 0;
      margin: 0 auto; }
      #bid .sixthBidBox .onlineBox .intBox {
        margin: 0 0 30px; }
        #bid .sixthBidBox .onlineBox .intBox h4 {
          background: #ea6948; }
        #bid .sixthBidBox .onlineBox .intBox p.dec {
          background: #ff9966; }
    #bid .sixthBidBox .roomBox {
      width: 275px;
      float: none;
      padding: 20px 0;
      margin: 0 auto; }
      #bid .sixthBidBox .roomBox .intBox {
        margin: 0 0 30px; }
        #bid .sixthBidBox .roomBox .intBox h4 {
          background: #007a32; }
        #bid .sixthBidBox .roomBox .intBox p.dec {
          background: #339966; }
    #bid .sixthBidBox .seminarBox {
      width: 275px;
      float: none;
      padding: 20px 0;
      margin: 0 auto; }
      #bid .sixthBidBox .seminarBox .intBox {
        margin: 0 0 30px; }
        #bid .sixthBidBox .seminarBox .intBox h4 {
          background: #0852a0; }
        #bid .sixthBidBox .seminarBox .intBox p.dec {
          background: #3399cc; }
      #bid .sixthBidBox .seminarBox .intBoxas {
        margin: 0 0 30px; }
        #bid .sixthBidBox .seminarBox .intBoxas h4 {
          background: #6f4ca7; }
        #bid .sixthBidBox .seminarBox .intBoxas p.dec {
          background: #9966cc; }
    #bid .sixthBidBox p.dec {
      padding: 10px;
      color: #fff; }
    #bid .sixthBidBox h4 {
      text-align: center;
      color: #fff;
      padding: 10px; }
    #bid .sixthBidBox h3 {
      padding: 20px 0;
      text-align: center;
      color: #094a70; }
    #bid .sixthBidBox div.inner {
      border: 1px solid #ccc;
      border-width: 0 1px 1px;
      padding: 10px 0 20px; }
      #bid .sixthBidBox div.inner p.text {
        padding: 10px; }
      #bid .sixthBidBox div.inner p.pic {
        text-align: center; }
      #bid .sixthBidBox div.inner dl {
        padding: 10px; }
        #bid .sixthBidBox div.inner dl dt {
          color: #ef1212; }
        #bid .sixthBidBox div.inner dl dd {
          color: #333; }
      #bid .sixthBidBox div.inner p.price {
        text-align: center;
        color: #094a70; }
      #bid .sixthBidBox div.inner p.links {
        text-align: center; }
    #bid .sixthBidBox ul.mini {
      padding: 10px 0; }
      #bid .sixthBidBox ul.mini li {
        font-size: 12px;
        padding: 0; }
  #bid .sum {
    text-align: center;
    padding: 15px 0;
    color: #094a70; }
  #bid .boxBorder {
    height: 20px;
    background: url(/common/images/contentBorder.png) center center repeat-x; }

#room {
  clear: both; }
  #room .topBidBox {
    clear: both;
    width: 100%;
    margin: 0px auto 20px;
    padding: 30px 0 10px; }
    #room .topBidBox h3 {
      width: 100%;
  }
    #room .topBidBox ul {
      clear: both;
      width: 100%; }
      #room .topBidBox ul li {
        width: 280px;
        float: none !important;
        margin: 0 auto 10px !important;
        padding: 0; }
        #room .topBidBox ul li:nth-child(3) {
          margin: 0; }
        #room .topBidBox ul li dl dt {
          padding: 0;
          color: #ea6948;
          text-align: left;
          font-weight: normal;
          padding: 10px 0; }
        #room .topBidBox ul li dl dd {
          line-height: 1.6; }
  #room .secondBidBox {
    clear: both;
    width: 100%;
    margin: 0 auto;
    padding: 30px 0;
    background: #e5e5e5; }
    #room .secondBidBox .box {
        width: 95%;
    }
    #room .secondBidBox .box ul.num {
        clear: both;
        width: 100%;
    }
    #room .secondBidBox .box ul.num li {
        width: 90%;
        display: block;
        text-align: center;
    }
    #room .contactBox .inner {
      width: 100%;

  }
.adds01 img{
  width:100%;
}
.catch img{
  width: 100%;
}
    #room .secondBidBox .boxInt {
      width: 100%;
      margin: 40px auto 0;
      line-height: 2;
      overflow: hidden; }
    #room .secondBidBox .left, #room .secondBidBox .center, #room .secondBidBox .right {
      width: 275px;
      float: none;
      padding: 10px 0;
      margin: 0 auto; }

      #room .secondBidBox .left .intBox, #room .secondBidBox .center .intBox, #room .secondBidBox .right .intBox {
        margin: 0 0 10px; }
        #room .secondBidBox .left .intBox h4, #room .secondBidBox .center .intBox h4, #room .secondBidBox .right .intBox h4 {
          background: #0d7935; }
        #room .secondBidBox .left .intBox p.dec, #room .secondBidBox .center .intBox p.dec, #room .secondBidBox .right .intBox p.dec {
          background: #389867; }
        #room .secondBidBox .left .intBox div.dec, #room .secondBidBox .center .intBox div.dec, #room .secondBidBox .right .intBox div.dec {
          background: #389867;
          padding: 0 10px;
          color: #fff;
          font-size: 18px; }
          #room .secondBidBox .left .intBox div.dec li, #room .secondBidBox .center .intBox div.dec li, #room .secondBidBox .right .intBox div.dec li {
            padding-bottom: 15px; }
          #room .secondBidBox .left .intBox div.dec a, #room .secondBidBox .center .intBox div.dec a, #room .secondBidBox .right .intBox div.dec a {
            color: #fff;
            display: block;
            text-align: center;
            background: #c95f2b;
            border-bottom: 4px solid #9f2808;
            padding: 5px 0 0; }
            #room .secondBidBox .left .intBox div.dec a:hover, #room .secondBidBox .center .intBox div.dec a:hover, #room .secondBidBox .right .intBox div.dec a:hover {
              text-decoration: underline; }
      #room .secondBidBox .left a, #room .secondBidBox .center a, #room .secondBidBox .right a {
        color: #fff; }
        #room .secondBidBox .left a:hover, #room .secondBidBox .center a:hover, #room .secondBidBox .right a:hover {
          text-decoration: underline; }
    #room .secondBidBox h4 {
      text-align: center;
      color: #fff;
      padding: 20px 10px;
      font-weight: normal; }
    #room .secondBidBox p.dec {
      padding: 20px;
      color: #fff;
      line-height: 1.6;
      font-weight: normal; }
    #room .secondBidBox h3 {
      padding: 10px 0;
      text-align: center;
      color: #094a70; }
  #room .thirdBidBox {
    clear: both;
    width: 100%;
    margin: 0 auto;
    padding: 10px 0;
    background: #f2f2f2; }
    #room .thirdBidBox .boxInt {
      width: 100%;
      margin: 0 auto;
      line-height: 2;
      overflow: hidden; }
    #room .thirdBidBox .left {
      float: none; }
    #room .thirdBidBox .right {
      float: none; }
    #room .thirdBidBox div.img {
      text-align: center;
      width: 310px; }
      #room .thirdBidBox div.img table.calender {
        margin: 0 auto;
        width: 310px !important; }
    #room .thirdBidBox dl.textBox {
      width: 300px;
      margin: 0 auto; }
      #room .thirdBidBox dl.textBox dt {
        line-height: 1.8;
        font-weight: bold; }
      #room .thirdBidBox dl.textBox dd {
        padding: 10px 0;
        line-height: 2; }
      #room .thirdBidBox dl.textBox dd.links {
        text-align: center;
        padding: 20px 0; }
  #room .sum {
    font-size: 12px;
    padding: 10px 20px;
    text-align: left;
    width: 95%;
   }
  #room .contactBox .btn img {
        width: 100%;
    }
    #room .contactBox .btm img {
          width: 100%;
      }
      .forthBidBox .text {
          width: 95%;
          font-size: 12px;
          margin: 0px auto;
          padding-bottom: 24px;
          text-align: left;
      }
      #room h3 {
        font-family: "ヒラギノ角ゴ Pro W3","Open-Sans","メイリオ","Meiryo",verdana,"Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;
        font-size: 18px;
        margin: 0px auto;
        width: 95%;
        padding: 10px 0px;
        text-align: center;
    }
      #room h4 {
    font-family: "ヒラギノ角ゴ Pro W3","Open-Sans","メイリオ","Meiryo",verdana,"Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;
    font-size: 15px;
    margin: 0px auto;
    width: 100%;
    padding: 10px 0px;
    text-align: center;
}
#seminar {
  clear: both; }
  #seminar .topSemBox {
    clear: both;
    width: 100%;
    margin: 0px auto 20px;
    padding: 30px 0 10px; }
    #seminar .topSemBox .mainsTitle {
      font-size: 16px;
      padding: 0; }
    #seminar .topSemBox .main {
      width: 100%;
      margin: 0 auto;
      line-height: 2;
      overflow: hidden; }
      #seminar .topSemBox .main ul {
        clear: both;
        width: 100%; }
        #seminar .topSemBox .main ul li {
          width: 280px;
          float: none !important;
          margin: 0 auto 10px !important;
          padding: 0; }
          #seminar .topSemBox .main ul li:nth-child(3) {
            margin: 0; }
          #seminar .topSemBox .main ul li dl dt {
            padding: 0;
            color: #ea6948;
            text-align: left;
            font-weight: normal;
            padding: 10px 0; }
          #seminar .topSemBox .main ul li dl dd {
            line-height: 1.6; }
  #seminar .secondSemBox {
    clear: both;
    width: 100%;
    margin: 0px auto 20px;
    padding: 30px 0 10px; }
    #seminar .secondSemBox .boxInt {
      width: 100%;
      margin: 0 auto;
      line-height: 2;
      overflow: hidden; }
      #seminar .secondSemBox .boxInt .inn {
        padding: 10px;
        margin: 0; }
        #seminar .secondSemBox .boxInt .inn dl.text {
          width: 300px;
          margin: 0 auto; }
          #seminar .secondSemBox .boxInt .inn dl.text dt {
            font-size: 14px;
            padding: 0 0 2px; }
          #seminar .secondSemBox .boxInt .inn dl.text dd {
            font-size: 12px;
            line-height: 1.4; }
        #seminar .secondSemBox .boxInt .inn p.img {
          width: 225px;
          height: 150px;
          margin: 20px auto;
          background: #ccc;
          position: static; }
  #seminar .thirdSemBox {
    clear: both;
    width: 100%;
    margin: 0px auto 20px;
    padding: 30px 0 10px; }
    #seminar .thirdSemBox .boxInt {
      width: 100%;
      margin: 0 auto;
      line-height: 2;
      overflow: hidden; }
    #seminar .thirdSemBox .left, #seminar .thirdSemBox .center, #seminar .thirdSemBox .right {
      width: 275px;
      float: none;
      padding: 10px 0;
      margin: 0 auto; }
      #seminar .thirdSemBox .left .intBox, #seminar .thirdSemBox .center .intBox, #seminar .thirdSemBox .right .intBox {
        margin: 0 0 10px; }
        #seminar .thirdSemBox .left .intBox div.dec, #seminar .thirdSemBox .center .intBox div.dec, #seminar .thirdSemBox .right .intBox div.dec {
          padding: 0 10px;
          color: #fff;
          font-size: 18px; }
          #seminar .thirdSemBox .left .intBox div.dec li, #seminar .thirdSemBox .center .intBox div.dec li, #seminar .thirdSemBox .right .intBox div.dec li {
            padding-bottom: 15px; }
          #seminar .thirdSemBox .left .intBox div.dec a, #seminar .thirdSemBox .center .intBox div.dec a, #seminar .thirdSemBox .right .intBox div.dec a {
            color: #fff;
            display: block;
            text-align: center;
            background: #c95f2b;
            border-bottom: 4px solid #9f2808;
            padding: 5px 0 0; }
            #seminar .thirdSemBox .left .intBox div.dec a:hover, #seminar .thirdSemBox .center .intBox div.dec a:hover, #seminar .thirdSemBox .right .intBox div.dec a:hover {
              text-decoration: underline; }
      #seminar .thirdSemBox .left a, #seminar .thirdSemBox .center a, #seminar .thirdSemBox .right a {
        color: #fff; }
        #seminar .thirdSemBox .left a:hover, #seminar .thirdSemBox .center a:hover, #seminar .thirdSemBox .right a:hover {
          text-decoration: underline; }
    #seminar .thirdSemBox h4 {
      text-align: center;
      color: #fff;
      padding: 20px 10px;
      font-weight: normal; }
    #seminar .thirdSemBox p.dec {
      padding: 20px;
      color: #fff;
      line-height: 1.6;
      font-weight: normal; }
    #seminar .thirdSemBox h3 {
      padding: 10px 0;
      text-align: center;
      color: #094a70; }
  #seminar .SemBox {
    clear: both;
    width: 100%;
    margin: 0px auto 20px;
    padding: 30px 0 10px; }
    #seminar .SemBox .boxInt {
      width: 100%;
      margin: 0 auto;
      line-height: 2;
      overflow: hidden; }
    #seminar .SemBox .inn {
      overflow: hidden; }
      #seminar .SemBox .inn .left {
        width: 300px;
        float: none;
        background: none; }
      #seminar .SemBox .inn .right {
        width: 300px;
        float: none; }
      #seminar .SemBox .inn .intBox {
        padding: 15px 0;
        overflow: hidden; }
        #seminar .SemBox .inn .intBox p.human {
          width: 100px;
          margin: 5px 0 0;
          height: 100px;
          background: #000;
          float: left; }
        #seminar .SemBox .inn .intBox dl.name {
          width: 190px;
          float: left;
          padding: 0 10px 0 20px; }
          #seminar .SemBox .inn .intBox dl.name dt {
            padding: 0 0 5px;
            font-weight: bold; }
          #seminar .SemBox .inn .intBox dl.name dd {
            font-size: 12px;
            line-height: 1.3; }
    #seminar .SemBox .border {
      background: url(/wordpress/wp-content/themes/undo/images/pages/bid/seminar/border_r.png) left top repeat-x; }
  #seminar .topBidBox {
    clear: both;
    width: 100%;
    margin: 0px auto 20px;
    padding: 30px 0 10px; }
    #seminar .topBidBox .main {
      clear: both; }
      #seminar .topBidBox .main table {
        width: 300px;
        margin: 10px auto;
        border-collapse: collapse; }
        #seminar .topBidBox .main table th {
          width: 25%;
          padding: 3px;
          text-align: left;
          font-weight: bold;
          font-size: 10px; }
        #seminar .topBidBox .main table td {
          padding: 3px;
          border: 1px solid #ebebeb;
          font-size: 10px; }
  #seminar .secondBidBox {
    clear: both;
    width: 100%;
    margin: 0 auto;
    padding: 30px 0; }
    #seminar .secondBidBox .boxInt {
      width: 100%;
      margin: 0 auto;
      line-height: 2;
      overflow: hidden; }
    #seminar .secondBidBox .innInt {
      width: 300px;
      padding: 10px;
      margin: 0 auto 10px;
      border: 4px solid #d3daf2;
      border-radius: 8px;
      overflow: hidden; }
      #seminar .secondBidBox .innInt dl.title {
        display: table;
        padding: 0 0 20px; }
        #seminar .secondBidBox .innInt dl.title dt {
          width: 100px;
          display: table-cell; }
        #seminar .secondBidBox .innInt dl.title dd {
          width: 180px;
          padding: 0 10px;
          display: table-cell;
          vertical-align: middle;
          font-size: 14px;
          color: #0040a8; }
      #seminar .secondBidBox .innInt .lineLeft {
        clear: both;
        width: 55%;
        float: left; }
      #seminar .secondBidBox .innInt .lineRight {
        width: 42%;
        float: right; }
      #seminar .secondBidBox .innInt .line {
        clear: both; }
    #seminar .secondBidBox .left {
      float: none; }
    #seminar .secondBidBox .right {
      float: none; }
  #seminar .sum {
    font-size: 12px;
    padding: 10px 20px;
    text-align: left; }

#voice {
  clear: both; }
  #voice .topVoiceBox {
    clear: both;
    width: 100%;
    margin: 0px auto;
    padding: 30px 10px; }
    #voice .topVoiceBox .boxInt {
      clear: both;
      width: 300px;
      margin: 0 auto;
      padding: 30px 0;
      overflow: hidden; }
    #voice .topVoiceBox .voiceBoxLeft {
      width: 100%;
      float: none;
      padding: 0; }
    #voice .topVoiceBox .voiceBoxRight {
      width: 100%;
      float: none;
      padding: 0; }
    #voice .topVoiceBox .intBox dl.woman {
      background: url(/common/images/woman_icon.png) 0 0 no-repeat;
      padding: 0 0 0 60px; }
    #voice .topVoiceBox .intBox dl.man {
      background: url(/common/images/man_icon.png) 0 0 no-repeat;
      padding: 0 0 0 60px; }
    #voice .topVoiceBox .intBox .title {
      font-size: 20px; }
    #voice .topVoiceBox .intBox .name {
      padding: 15px 0; }
    #voice .topVoiceBox .intBox p.text {
      background: url(/common/images/shadow.png) -20px 0 no-repeat;
      padding: 30px 0;
      line-height: 1.6; }
    #voice .topVoiceBox .img {
      clear: both;
      padding: 0;
      text-align: center; }
      #voice .topVoiceBox .img img {
        width: 95%; }
  #voice .boxBorder {
    height: 20px;
    background: url(/common/images/contentBorder.png) center center repeat-x; }

#faq {
  clear: both; }
  #faq .topFaqBox, #faq .secondFaqBox {
    clear: both;
    width: 100%;
    margin: 0px auto 20px;
    padding: 30px 10px; }
    #faq .topFaqBox .boxInt, #faq .secondFaqBox .boxInt {
      width: 100%;
      margin: 30px auto;
      line-height: 2; }
    #faq .topFaqBox ul, #faq .secondFaqBox ul {
      clear: both; }
      #faq .topFaqBox ul .textBox, #faq .secondFaqBox ul .textBox {
        width: 100%;
        float: none; }
        #faq .topFaqBox ul .textBox.la, #faq .secondFaqBox ul .textBox.la {
          float: none; }
        #faq .topFaqBox ul .textBox dl.accordion, #faq .secondFaqBox ul .textBox dl.accordion {
          width: 100%;
          padding-bottom: 20px; }
          #faq .topFaqBox ul .textBox dl.accordion dt, #faq .secondFaqBox ul .textBox dl.accordion dt {
            background: url(/common/images/open_icon.png) 7px 12px no-repeat #ddd;
            padding: 10px 0 10px 40px;
            cursor: pointer; }
          #faq .topFaqBox ul .textBox dl.accordion dd, #faq .secondFaqBox ul .textBox dl.accordion dd {
            padding: 10px 0;
            display: none; }
          #faq .topFaqBox ul .textBox dl.accordion dt.open, #faq .secondFaqBox ul .textBox dl.accordion dt.open {
            background: url(/common/images/close_icon.png) 7px 12px no-repeat #ddd; }
  #faq .secondFaqBox {
    margin: 0px auto; }
  #faq .boxBorder {
    height: 20px;
    background: url(/common/images/contentBorder.png) center center repeat-x; }

#about {
  clear: both; }
  #about .topAboutBox {
    clear: both;
    width: 100%;
    margin: 0px auto;
    padding: 30px 0;
    background: url(/wordpress/wp-content/themes/undo/images/pages/about/aboutContentBg01.png) center top repeat; }
    #about .topAboutBox p.text {
      padding: 10px;
      text-align: left;
      color: #fff;
      line-height: 1.4; }
  #about .secondAboutBox {
    overflow: hidden;
    clear: both;
    color: #fff;
    width: 100%;
    margin: 0px auto;
    padding: 30px 0 10px;
    background: #333; }
    #about .secondAboutBox .boxInt {
      width: 100%;
      margin: 20px auto;
      position: relative;
      height: 100%;
      line-height: 2; }
    #about .secondAboutBox .inner01 {
      position: static;
      padding: 10px; }
      #about .secondAboutBox .inner01 h6 {
        text-align: left;
        padding: 0 0 5px; }
      #about .secondAboutBox .inner01 ol li {
        text-align: left;
        padding-bottom: 20px; }
    #about .secondAboutBox .inner02 {
      width: 100%;
      position: static;
      padding: 20px 10px 10px; }
      #about .secondAboutBox .inner02 h6 {
        text-align: left;
        padding: 0 0 5px; }
    #about .secondAboutBox .inner03 {
      width: 100%;
      position: static;
      padding: 20px 10px 10px; }
      #about .secondAboutBox .inner03 h6 {
        text-align: left;
        padding: 0 0 5px; }
      #about .secondAboutBox .inner03 dl {
        padding-bottom: 20px; }
  #about .secondAboutLast {
    padding-bottom: 30px;
    background: url(/wordpress/wp-content/themes/undo/images/pages/about/aboutContentBgArrow.png) center top no-repeat; }
  #about .thirdAboutBox {
    clear: both;
    width: 100%;
    margin: 0px auto;
    padding: 30px 0; }
    #about .thirdAboutBox .cosw {
      display: none; }
    #about .thirdAboutBox .bx-controls {
      display: none; }
    #about .thirdAboutBox .history {
      display: block; }
      #about .thirdAboutBox .history ul {
        clear: both; }
        #about .thirdAboutBox .history ul .textBox {
          width: 300px;
          margin: 0 auto; }
          #about .thirdAboutBox .history ul .textBox dl.accordion {
            width: 100%;
            padding: 20px 5px 0; }
            #about .thirdAboutBox .history ul .textBox dl.accordion dt {
              background: url(/common/images/open_icon.png) 7px 7px no-repeat #ddd;
              padding: 10px 0 10px 40px;
              cursor: pointer; }
            #about .thirdAboutBox .history ul .textBox dl.accordion dd {
              padding: 10px;
              display: none; }
              #about .thirdAboutBox .history ul .textBox dl.accordion dd span.era {
                display: block;
                font-weight: bold;
                padding: 10px 0 3px; }
            #about .thirdAboutBox .history ul .textBox dl.accordion dt.open {
              background: url(/common/images/close_icon.png) 7px 7px no-repeat #ddd; }
    #about .thirdAboutBox .text {
      width: 100%;
      margin: 0 auto 10px;
      line-height: 2;
      padding: 10px; }
  #about .fourthAboutBox {
    position: relative;
    clear: both;
    color: #fff;
    width: 100%;
    margin: 0 auto;
    padding: 20px 0;
    background: #ea6948; }
    #about .fourthAboutBox .humanImg {
      display: none; }
    #about .fourthAboutBox .boxInt {
      width: 100%;
      margin: 30px auto; }
    #about .fourthAboutBox .text {
      width: 100%;
      padding: 10px 0 0 40px;
      line-height: 2;
      padding: 10px; }

#privacy {
  clear: both; }
  #privacy .topPrivacyBox {
    clear: both;
    width: 100%;
    margin: 0px auto 20px;
    padding: 10px 0 20px; }
    #privacy .topPrivacyBox dl {
      width: 100%;
      margin: 10px auto 0;
      line-height: 2;
      padding: 10px; }

#training {
  clear: both; }
  #training .topTraingBox {
    clear: both;
    width: 100%;
    margin: 0 auto;
    padding: 30px 0 0; }
    #training .topTraingBox .boxInt {
      width: 95%;
      margin: 30px auto 10px;
      line-height: 2; }
    #training .topTraingBox ul {
      clear: both;
      overflow: hidden;
      padding: 40px 0; }
      #training .topTraingBox ul li.left {
        width: 95%;
        float: none; }
        #training .topTraingBox ul li.left img {
          width: 100%;
          max-width: 100%; }
        #training .topTraingBox ul li.left span {
          text-align: center;
          color: #f00;
          display: block;
          padding: 10px 0 0; }
      #training .topTraingBox ul li.right {
        width: 95%;
        float: none; }
        #training .topTraingBox ul li.right ol.line li.num {
          font-weight: bold;
          font-size: 16px;
          padding: 0 0 10px; }
        #training .topTraingBox ul li.right ol.line li span {
          color: #f00; }
        #training .topTraingBox ul li.right p.bold {
          font-weight: bold;
          font-size: 16px;
          padding: 0 0 40px; }
        #training .topTraingBox ul li.right p.colors {
          font-size: 14px;
          color: #f00; }
  #training .secondTraingBox {
    clear: both;
    width: 100%;
    padding: 0 0 80px;
    text-align: center; }
    #training .secondTraingBox img {
      width: 90%;
      max-width: 90%; }
    #training .secondTraingBox p.thm {
      text-align: center;
      font-size: 16px;
      font-weight: bold;
      padding: 10px 0 0; }
    #training .secondTraingBox dl.box {
      padding: 20px 0 0;
      text-align: center; }
      #training .secondTraingBox dl.box dt {
        padding: 10px 0; }
      #training .secondTraingBox dl.box dd {
        font-size: 14px;
        text-align: center; }
  #training .boxBorder {
    height: 0px; }

#contact, #online-one, #room-beginner, #room-primary, #room-mind, #seminer-mind, #seminer-train {
  clear: both; }
  #contact .topContactBox, #online-one .topContactBox, #room-beginner .topContactBox, #room-primary .topContactBox, #room-mind .topContactBox, #seminer-mind .topContactBox, #seminer-train .topContactBox {
    clear: both;
    width: 100%;
    margin: 0px auto 20px;
    padding: 20px 0; }
    #contact .topContactBox .boxInt, #online-one .topContactBox .boxInt, #room-beginner .topContactBox .boxInt, #room-primary .topContactBox .boxInt, #room-mind .topContactBox .boxInt, #seminer-mind .topContactBox .boxInt, #seminer-train .topContactBox .boxInt {
      width: 100%;
      margin: 30px auto 0;
      line-height: 1.4; }
    #contact .topContactBox p.dec, #online-one .topContactBox p.dec, #room-beginner .topContactBox p.dec, #room-primary .topContactBox p.dec, #room-mind .topContactBox p.dec, #seminer-mind .topContactBox p.dec, #seminer-train .topContactBox p.dec {
      font-weight: bold;
      font-size: 12px;
      padding: 10px; }
    #contact .topContactBox ul, #online-one .topContactBox ul, #room-beginner .topContactBox ul, #room-primary .topContactBox ul, #room-mind .topContactBox ul, #seminer-mind .topContactBox ul, #seminer-train .topContactBox ul {
      padding: 10px; }
    #contact .topContactBox dl, #online-one .topContactBox dl, #room-beginner .topContactBox dl, #room-primary .topContactBox dl, #room-mind .topContactBox dl, #seminer-mind .topContactBox dl, #seminer-train .topContactBox dl {
      padding: 10px; }
    #contact .topContactBox .acceptance, #online-one .topContactBox .acceptance, #room-beginner .topContactBox .acceptance, #room-primary .topContactBox .acceptance, #room-mind .topContactBox .acceptance, #seminer-mind .topContactBox .acceptance, #seminer-train .topContactBox .acceptance {
      clear: both;
      width: 100%;
      margin: 0px auto 20px;
      padding: 20px 0;
      text-align: center; }
  #contact .secondContactBox, #online-one .secondContactBox, #room-beginner .secondContactBox, #room-primary .secondContactBox, #room-mind .secondContactBox, #seminer-mind .secondContactBox, #seminer-train .secondContactBox {
    clear: both;
    width: 100%;
    margin: 0 auto;
    padding: 0; }
    #contact .secondContactBox ul, #online-one .secondContactBox ul, #room-beginner .secondContactBox ul, #room-primary .secondContactBox ul, #room-mind .secondContactBox ul, #seminer-mind .secondContactBox ul, #seminer-train .secondContactBox ul {
      overflow: hidden;
      margin: 20px auto;
      line-height: 1.4; }
      #contact .secondContactBox ul li, #online-one .secondContactBox ul li, #room-beginner .secondContactBox ul li, #room-primary .secondContactBox ul li, #room-mind .secondContactBox ul li, #seminer-mind .secondContactBox ul li, #seminer-train .secondContactBox ul li {
        float: none;
        width: 100%;
        text-align: center;
        font-weight: bold;
        padding-bottom: 20px; }
        #contact .secondContactBox ul li dl dd.name, #online-one .secondContactBox ul li dl dd.name, #room-beginner .secondContactBox ul li dl dd.name, #room-primary .secondContactBox ul li dl dd.name, #room-mind .secondContactBox ul li dl dd.name, #seminer-mind .secondContactBox ul li dl dd.name, #seminer-train .secondContactBox ul li dl dd.name {
          font-weight: bold;
          padding: 10px 0; }
  #contact .mapContactBox, #online-one .mapContactBox, #room-beginner .mapContactBox, #room-primary .mapContactBox, #room-mind .mapContactBox, #seminer-mind .mapContactBox, #seminer-train .mapContactBox {
    clear: both;
    width: 100%;
    margin: 0 auto;
    padding: 30px 0 !important; }
    #contact .mapContactBox ul, #online-one .mapContactBox ul, #room-beginner .mapContactBox ul, #room-primary .mapContactBox ul, #room-mind .mapContactBox ul, #seminer-mind .mapContactBox ul, #seminer-train .mapContactBox ul {
      overflow: hidden;
      margin: 20px auto 0;
      line-height: 2;
      overflow: hidden; }
      #contact .mapContactBox ul li, #online-one .mapContactBox ul li, #room-beginner .mapContactBox ul li, #room-primary .mapContactBox ul li, #room-mind .mapContactBox ul li, #seminer-mind .mapContactBox ul li, #seminer-train .mapContactBox ul li {
        float: none;
        width: 100%;
        text-align: center;
        font-weight: bold;
        padding-bottom: 20px; }
        #contact .mapContactBox ul li span, #online-one .mapContactBox ul li span, #room-beginner .mapContactBox ul li span, #room-primary .mapContactBox ul li span, #room-mind .mapContactBox ul li span, #seminer-mind .mapContactBox ul li span, #seminer-train .mapContactBox ul li span {
          font-size: 14px; }
      #contact .mapContactBox ul li.right, #online-one .mapContactBox ul li.right, #room-beginner .mapContactBox ul li.right, #room-primary .mapContactBox ul li.right, #room-mind .mapContactBox ul li.right, #seminer-mind .mapContactBox ul li.right, #seminer-train .mapContactBox ul li.right {
        float: none; }
  #contact .thirdContactBox #map, #online-one .thirdContactBox #map, #room-beginner .thirdContactBox #map, #room-primary .thirdContactBox #map, #room-mind .thirdContactBox #map, #seminer-mind .thirdContactBox #map, #seminer-train .thirdContactBox #map {
    height: 200px !important; }

/*----------------------------------------------------
  page - twoColumn-area && -
----------------------------------------------------*/
.page .twoColumn-area {
  clear: both;
  width: 100%;
  margin: 10px auto;
  overflow: hidden; }
  .page .twoColumn-area .two-content {
    width: 300px;
    float: none;
    margin: 0 auto; }
  .page .twoColumn-area .secondColumn {
    width: 300px;
    float: none;
    margin: 0 auto; }

/*----------------------------------------------------
  category - twoColumn-area && -
----------------------------------------------------*/
.category, #line {
  overflow: hidden; }
  .category .categoryInt, #line .categoryInt {
    width: 100%; }
  .category .twoColumn-area, #line .twoColumn-area {
    clear: both;
    width: 100%;
    margin: 10px auto;
    overflow: hidden; }
    .category .twoColumn-area .two-content, #line .twoColumn-area .two-content {
      width: 300px;
      float: none;
      margin: 0 auto; }
    .category .twoColumn-area .secondColumn, #line .twoColumn-area .secondColumn {
      width: 300px;
      float: none;
      margin: 0 auto; }
    .category .twoColumn-area .custom_games, #line .twoColumn-area .custom_games {
      height: 270px !important; }
  .category .cateOneColumn .thumbnail, #line .cateOneColumn .thumbnail {
    width: 100%; }
    .category .cateOneColumn .thumbnail img, #line .cateOneColumn .thumbnail img {
      width: 100%;
      max-width: 100%; }

.category-games {
  clear: both; }
  .category-games .custom_games {
    margin: 0 auto 10px !important;
    float: none !important; }

.category .twoColumn-area .pager .wp-pagenavi,
#line .twoColumn-area .pager .wp-pagenavi {
  font-size: 10px; }

/*----------------------------------------------------
  single-post - twoColumn-area && -
----------------------------------------------------*/
.single-post .twoColumn-area {
  clear: both;
  width: 100%;
  margin: 10px auto;
  overflow: hidden; }
  .single-post .twoColumn-area .two-content {
    width: 300px;
    float: none;
    margin: 0 auto; }
  .single-post .twoColumn-area .singleInt {
    clear: both;
    padding: 20px 0;
    border-top: 5px solid #d6fbf1; }
    .single-post .twoColumn-area .singleInt .time {
      font-size: 15px; }
    .single-post .twoColumn-area .singleInt .entry-title {
      font-size: 16px;
      padding: 15px 0; }
    .single-post .twoColumn-area .singleInt img {
      width: 100%;
      max-width: 100%; }
  .single-post .twoColumn-area .entry-content {
    font-size: 14px;
    line-height: 1.7;
    padding: 10px 0 50px; }
    .single-post .twoColumn-area .entry-content .entry-thumbnail {
      width: 300px !important;
      float: none !important;
      text-align: center;
      padding-bottom: 15px; }
    .single-post .twoColumn-area .entry-content .booksBox {
      width: 300px !important;
      float: none !important; }
    .single-post .twoColumn-area .entry-content .size-full {
      width: 90%;
      display: block;
      margin: 15px auto 0;
      height: auto; }
  .single-post .twoColumn-area .secondColumn {
    width: 300px;
    float: none;
    margin: 0 auto; }
    .single-post .twoColumn-area .secondColumn h3 {
      font-size: 14px;
      margin: 0 0 5px;
      padding: 0 0 15px;
      border-bottom: 1px dotted #333; }
    .single-post .twoColumn-area .secondColumn .categoriesNavi {
      padding: 15px 5px;
      border-bottom: 1px solid #ccc; }
      .single-post .twoColumn-area .secondColumn .categoriesNavi a {
        padding: 10px;
        font-size: 14px; }
      .single-post .twoColumn-area .secondColumn .categoriesNavi:before {
        content: "  ????";
        margin: 0px; }
    .single-post .twoColumn-area .secondColumn .sidebar-commons {
      clear: both; }
      .single-post .twoColumn-area .secondColumn .sidebar-commons aside {
        margin: 40px 0 0; }
      .single-post .twoColumn-area .secondColumn .sidebar-commons ul li {
        padding: 15px 5px;
        border-bottom: 1px solid #ccc; }
        .single-post .twoColumn-area .secondColumn .sidebar-commons ul li a {
          padding: 10px;
          font-size: 14px; }
        .single-post .twoColumn-area .secondColumn .sidebar-commons ul li:before {
          content: "  ????";
          margin: 0px; }

.comicinn .bx-viewport {
  height: 100% !important; }