@media screen and (min-width: 768px) {
  * {
      margin: 0;
      padding: 0;
  }
  .smp {
      display: none;
  }
  html {
  }
  body {
      color: #555555;
      font-size: 12px;
      line-height: 1.6;
      text-align: center;
  }
  * html body {
      font-size: 62.5%;
      line-height: 1.6;
  }
  *:first-child+html body {
      font-size: 62.5%;
      line-height: 1.6;
  }
  p {
      font-size: 1.2em;
      text-align: justify;
      padding-bottom: 1.2em;
  }
  dt {
      font-size: 1.2em;
  }
  dd {
      font-size: 1.2em;
  }
  strong, th {
      font-weight: bold;
  }
  ul, ol {
      padding-bottom: 1.2em;
  }
  li {
      font-size: 1.2em;
  }
  li li {
      font-size: 1em;
  }
  td p, td li, td dt, td dd, dd li, dd p {
      font-size: 1em;
  }
  table {
      font-size: 100%;
      line-height: 1.6;
      border-top: 1px solid #cccccc;
      border-left: 1px solid #cccccc;
      border-right-style: none;
      border-bottom-style: none;
  }
  td, th {
      font-size: 1.2em;
      text-align: left;
      vertical-align: top;
      padding: 9px;
      border-right: 1px solid #cccccc;
      border-bottom: 1px solid #cccccc;
      border-top-style: none;
      border-left-style: none;
      outline-style: none;
  }
  hr {
      text-align:        left;
      vertical-align:    top;
      height: 1px;
      border-top-style:  none;
      border-bottom:     1px solid #cccccc;
      border-right-style: none;
      border-left-style: none;
      outline-style:     none;
  }
  a:link {
      color: #0e71cf;
  }
  a:visited {
      color: #6492de;
  }
  a:hover {
      text-decoration:none;
  }
  a:active {
  }
  img {
      border-style: none;
      border-width: 0;
  }
  a:hover img {
      opacity:0.7;
      filter: alpha(opacity=70);
  }
  .smp {
      display: none !important;
  }
  
  
  /******************************************************/
  /* base  */
  /******************************************************/
  #top {
      width: 100%;
  }
  .inbox {
      text-align: left;
      width: 960px;
      padding: 0 20px;
      margin-right: auto;
      margin-left: auto;
  }
  #content {
  }
  .totop {
      text-align: right;
      float: none;
      clear: both;
      padding: 0;
  }
  .totop a  {
      background: url(/wp/wp-content/themes/treha/images/btn_page_top.png) no-repeat;
      display: inline-block;
      height: 43px;
      width: 100px;
      text-indent: 100%; 
      white-space: nowrap; 
      overflow: hidden; 
  }
  .totop a:hover {
      opacity:0.7;
      filter: alpha(opacity=70);
  }
  
  /******************************************************/
  /* header  */
  /******************************************************/
  #header {
      background: url(/wp/wp-content/themes/treha/images/header_bg.png) repeat-x center top;
      width: 100%;
      min-width: 1000px;
  }
  #header .inbox {
      position: relative;
      height: 97px;
  }
  #header h1 {
      height: 50px;
      width: 510px;
      position: absolute;
      top: 35px;
      left: 20px;
  }
  #header h1 a {
      display: block;
      height: 50px;
      width: 510px;
  }
  #header h1 a:hover {
      opacity:0.7;
      filter: alpha(opacity=70);
  }
  #header p.contact {
      position: absolute;
      top: 0;
      right: 184px;
  }
  #header p.contact a {
      width: 138px;
      height: 63px;
      display: block;
      white-space: nowrap; 
      overflow: hidden;
  }
  #header p.contact a:hover img {
      opacity:1.0;
      filter: none;
  }
  #header p.company {
      position: absolute;
      top: 0;
      right: 16px;
  }
  #header p.company a {
      width: 168px;
      height: 63px;
      display: block;
      white-space: nowrap; 
      overflow: hidden;
  }
  #header p.company a:hover img {
      opacity:1.0;
      filter: none;
  }
  #header #gn {
      background: url(/wp/wp-content/themes/treha/images/header_navi_bg.png);
      height: 55px;
      overflow: hidden;
  }
  #header #gn ul {
      width: 804px;
      margin: auto;
      padding: 0;
  }
  #header #gn li {
      height: 55px;
      float: left;
  }
  #header #gn li a {
      height: 55px;
      width: 201px;
      float: left;
      display: block;
      text-indent: -9999px;
  }
  #header #gn1 a { background: url(/wp/wp-content/themes/treha/images/header_navi1.png) no-repeat; }
  #header #gn2 a { background: url(/wp/wp-content/themes/treha/images/header_navi2.png) no-repeat; }
  #header #gn3 a { background: url(/wp/wp-content/themes/treha/images/header_navi3.png) no-repeat; }
  #header #gn4 a { background: url(/wp/wp-content/themes/treha/images/header_navi4.png) no-repeat; }
  #header #gn1 a:hover, #header #gn1 a.active { background: url(/wp/wp-content/themes/treha/images/header_navi1_ov.png) no-repeat; }
  #header #gn2 a:hover, #header #gn2 a.active { background: url(/wp/wp-content/themes/treha/images/header_navi2_ov.png) no-repeat; }
  #header #gn3 a:hover, #header #gn3 a.active { background: url(/wp/wp-content/themes/treha/images/header_navi3_ov.png) no-repeat; }
  #header #gn4 a:hover, #header #gn4 a.active { background: url(/wp/wp-content/themes/treha/images/header_navi4_ov.png) no-repeat; }
  
  
  /******************************************************/
  /* footer */
  /******************************************************/
  #footer {
      background: #aae1e1;
      width:100%;
      min-width: 1000px;
      clear: both;
  }
  #footer .inbox {
      padding-top: 20px;
      padding-bottom: 20px;
  }
  #fnavi {
      background: url(/wp/wp-content/themes/treha/images/f_border.png) repeat-y center top;
  }
  #fnavi #fn01 {
      float: left;
      width: 564px;
      margin-right: 32px;
  }
  #fnavi #fn02 {
      float: left;
      width: 364px;
  }
  #fnavi .fn .list_group {
      height: 22px;
      display: block;
      margin-bottom: 13px;
  }
  #fnavi .fn a {
      height: 22px;
      display: block;
      text-indent: -9999px;
      margin-bottom: 8px;
  }
  #footer #fnavi .fn_sub {
      padding: 0;
  }
  #footer #fnavi .fn_sub li {
  }
  #footer #fnavi .fn_sub a {
      background: url(/wp/wp-content/themes/treha/images/footer_arw.png) no-repeat 10px center;
      height: auto;
      display: inline-block;
      text-indent: 0;
      padding: 2px 6px 2px 24px;
      margin: 2px 0;
      color: #524337;
  }
  #footer #fnavi #fn01 .fn_sub li {
      width: 141px;
      float: left;
  }
  #footer_under {
      padding: 0;
      margin: 0;
  }
  #footer_under ul {
      margin: 15px 0 0 150px;
      padding: 0;
  }
  #footer_under li {
      border-right: 1px solid #68594d;
      display: inline;
      padding-right: 20px;
      margin-right: 20px;
      line-height: 1;
  }
  #footer_under .footer_inbox ul {
      margin: 15px auto 0;
      padding: 0;
      width: 960px;
      text-align:center;
  }
  #footer_under .footer_inbox li {
      border-right: 1px solid #68594d;
      display: inline;
      padding-right: 10px;
      margin-right: 10px;
      line-height: 1;
  }
  #footer_under .footer_inbox li.last {
      margin-right: 0px;
  }
  #footer_under li a {
      color: #68594d;
  }
  .copyright {
      padding: 0;
      text-align: center;
      margin: 28px 0 15px;
      font-size: 12px;
  }
  
  
  /******************************************************/
  /* 左カラム  */
  /******************************************************/
  #leftcolumn {
      float: left;
      position: relative;
      width: 200px;
      background: #fff;
  }
  #lnavi {
  }
  #lnavi h2 {
      height: 40px;
  }
  #lnavi #ln01 span.parent {
      height: 41px;
      display: block;
  }
  #lnavi #ln02 span.parent {
      height: 44px;
      display: block;
  }
  #leftcolumn #lnavi .ln_sub {
      border-left: 1px solid #c5bebe;
      border-right: 1px solid #c5bebe;
      border-bottom: 1px solid #c5bebe;
      margin-top: -1px;
      padding: 0;
  }
  #leftcolumn #lnavi .ln_sub li {
      background: #fffff7 url(/wp/wp-content/themes/treha/images/ln_border.png) repeat-x left top;
  }
  #leftcolumn #lnavi .ln_sub a {
      background: url(/wp/wp-content/themes/treha/images/side_navi_arw.png) no-repeat 182px center;
      height: auto;
      display: block;
      text-indent: 0;
      padding: 6px 24px 6px 18px;
      color: #524337;
  }
  #leftcolumn #ln_banners {
      padding: 12px 10px 2px;
  }
  #ln_banners p {
      padding: 0;
      margin: 0 0 9px 0;
  }
  #leftcolumn img {
      display: block;
  }
  
  #lnavi a {
      text-decoration: none;
  }
  
  #lnavi a:hover {
      text-decoration: underline;
  }
  
  
  /******************************************************/
  /* メインカラム  */
  /******************************************************/
  #main {
      width: 730px;
      float: right;
  }
}