@charset "UTF-8";
/*
Theme Name: Image Craft Theme
Theme URI:
Description: 株式会社Image Craft様のテーマです。
Version: 1.0
Author: ND&I
Author URI: http://www.n-di.co.jp/
*/
/* var base = 12;
var to = 72;
for (var i = 10; i<=to; i++) {
	var p = Math.ceil(i/base*100);
	console.log("$px"+i+":"+p+"%;");
} */
/* Base
============================================================= */
/* Font-Family
============================================================= */
/* Mixins
============================================================= */
/* Reset
============================================================= */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font: inherit;
  font-size: 100%;
  vertical-align: baseline;
}

html {
  line-height: 1;
}

ol, ul {
  list-style: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

caption, th, td {
  text-align: left;
  font-weight: normal;
  vertical-align: middle;
}

q, blockquote {
  quotes: none;
}
q:before, q:after, blockquote:before, blockquote:after {
  content: "";
  content: none;
}

a img {
  border: none;
}

article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
  display: block;
}

img {
  vertical-align: bottom;
}

a {
  -moz-transition: opacity 0.2s;
  -o-transition: opacity 0.2s;
  -webkit-transition: opacity 0.2s;
  transition: opacity 0.2s;
  color: #ccc;
  text-decoration: none;
}
a:hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
  opacity: 0.8;
  text-decoration: none;
}

body {
  font: 12px/1.7 "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", Helvetica, Arial, Sans-Serif;
  color: #ccc;
  text-align: left;
  background: #000;
  width: 100%;
}

/* Layout
============================================================= */
main {
  width: 1040px;
  margin: 0 auto;
  padding-bottom: 100px;
  min-height: 500px;
}
main#pages {
  background: url("img/page/bg_pages.png") 0 0 no-repeat;
}

/* Header
============================================================= */
header#header {
  width: 169px;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1000000000000;
  padding-top: 25px;
  background: url("img/common/bg_side_01.png") right top no-repeat;
  background-color: #dedede;
  background-size: 100%;
}
header#header #logo {
  margin-bottom: 13px;
}
header#header .logo_text {
  margin-bottom: 15px;
  text-align: center;
  color: #010000;
  font-weight: bold;
}
header#header h1 {
  font-size: 92%;
  width: 145px;
  margin: 0 0 20px 19px;
  min-height: 80px;
  color: #666;
}
header#header #g_navi ul li {
  margin-bottom: 25px;
}
header#header #g_navi ul li a:hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
  opacity: 1;
}
header#header #g_navi ul li img {
  -moz-transition: 0.2s;
  -o-transition: 0.2s;
  -webkit-transition: 0.2s;
  transition: 0.2s;
}
header#header #g_navi ul li img:hover {
  -moz-transform: translate(10px, -5px);
  -ms-transform: translate(10px, -5px);
  -webkit-transform: translate(10px, -5px);
  transform: translate(10px, -5px);
}
header#header .header_contact .contact_btn {
  margin-bottom: 8px;
}
header#header .header_contact .contact_btn a {
  display: block;
  position: relative;
  -moz-transition: 0.2s;
  -o-transition: 0.2s;
  -webkit-transition: 0.2s;
  transition: 0.2s;
}
header#header .header_contact .contact_btn a:after {
  content: "";
  background: #590000;
  display: block;
  width: 11px;
  height: 74px;
  position: absolute;
  right: -11px;
  bottom: 0;
}
header#header .header_contact .contact_btn a:before {
  content: "";
  background: #590000;
  display: block;
  width: 5px;
  height: 74px;
  position: absolute;
  left: -5px;
  bottom: 0;
}
header#header .header_contact .contact_btn a:hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
  opacity: 1;
  -moz-transform: translateX(5px);
  -ms-transform: translateX(5px);
  -webkit-transform: translateX(5px);
  transform: translateX(5px);
}
header#header .header_contact dl {
  text-align: center;
}
header#header .header_contact dl dt {
  margin-bottom: 5px;
}

/* Footer
============================================================= */
#footer {
  margin-left: 169px;
  border-top: 1px solid #a0a0a0;
  padding-top: 55px;
  padding-bottom: 55px;
  font-size: 92%;
}
#footer .inner {
  *zoom: 1;
}
#footer .inner:after {
  content: "";
  display: table;
  clear: both;
}
#footer .inner ul {
  float: left;
}
#footer .inner ul li {
  display: inline;
}
#footer .inner ul li:before {
  content: "|";
  padding: 0 10px;
}
#footer .inner ul li:first-child:before {
  content: none;
}
#footer .inner #copy a {
  color: #666;
  float: right;
}

/* Common
============================================================= */
#pages #breadcrumb {
  *zoom: 1;
  font-size: 84%;
  line-height: 1;
}
#pages #breadcrumb:after {
  content: "";
  display: table;
  clear: both;
}
#pages #breadcrumb li {
  float: left;
}
#pages #breadcrumb li:before {
  content: "-";
  margin: 0 0.5em;
}
#pages #breadcrumb li a:hover {
  text-decoration: underline;
}
#pages #breadcrumb li:first-child::before {
  content: "";
  margin: 0;
}
#pages .catch {
  color: #fff;
  font-size: 200%;
  text-align: center;
  padding: 17px 0 16px;
  border-bottom: 1px solid #fff;
  margin-bottom: 80px;
}

#page_title {
  text-align: center;
  padding: 32px 0 39px;
  border-bottom: 3px solid #fff;
  margin-bottom: 14px;
}

.inner {
  width: 1040px;
  margin: 0 auto;
  *zoom: 1;
}
.inner:after {
  content: "";
  display: table;
  clear: both;
}

/* Front Page
============================================================= */
#top .btn a {
  -moz-transition: 0.2s;
  -o-transition: 0.2s;
  -webkit-transition: 0.2s;
  transition: 0.2s;
  display: block;
  text-align: center;
  width: 108px;
  border: 1px solid #f4f4f4;
  padding: 9px 0;
  margin: 0 auto;
  color: #fff;
}
#top .btn a:hover {
  *zoom: 1;
  filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#B3FFFFFF', endColorstr='#B3FFFFFF');
  background: transparent;
  background: rgba(255, 255, 255, 0.7);
  color: #000;
}
:root #top .btn a:hover {
  filter: none\0/IE9;
}

#visual {
  height: 800px;
  margin: 0 auto;
  overflow: hidden;
  position: relative;
  background: url("img/bg_top_01.png") 0 0 repeat;
}
#visual .img_area_outer {
  padding: 300px 0;
  margin: 0 auto;
  position: relative;
}
#visual .img_area_outer #img_area {
  width: 2000px;
  height: 900px;
  margin: 0 auto;
  position: relative;
  top: -363px;
  left: -286px;
  z-index: 0;
}
#visual .img_area_outer #img_area ul {
  *zoom: 1;
}
#visual .img_area_outer #img_area ul:after {
  content: "";
  display: table;
  clear: both;
}
#visual .img_area_outer #img_area ul li {
  float: left;
  width: 400px;
  position: relative;
}
#visual .img_area_over {
  *zoom: 1;
  width: 1450px;
  margin: 0 auto;
  padding: 114px 0 6px 0;
  position: relative;
  top: -1500px;
}
#visual .img_area_over:after {
  content: "";
  display: table;
  clear: both;
}
#visual .img_area_over:before {
  content: " ";
  width: 2000px;
  height: 800px;
  background: #000;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
  opacity: 0.8;
  position: absolute;
  top: 0;
  right: 936px;
}
#visual .img_area_over:after {
  content: " ";
  width: 2000px;
  height: 800px;
  background: #000;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
  opacity: 0.8;
  position: absolute;
  top: 0;
  left: 914px;
}
#visual .img_area_over .left_area {
  float: left;
  width: 453px;
  position: relative;
  z-index: 10000;
}
#visual .img_area_over .left_area p:first-child {
  margin-bottom: 44px;
}
#visual .img_area_over .left_area h2 {
  margin-bottom: 24px;
}
#visual .img_area_over .right_area {
  float: left;
  width: 776px;
  margin: 41px 0 0 61px;
  position: relative;
  z-index: 10000;
}
#visual .img_area_over .right_area #next_top {
  position: absolute;
  top: 0;
  left: 167px;
  z-index: 10000;
  cursor: pointer;
}
#visual .img_area_over .right_area #next_top:hover {
  -moz-animation: top 0.3s linear;
  -webkit-animation: top 0.3s linear;
  animation: top 0.3s linear;
}
@-moz-keyframes top {
  0% {
    -moz-transform: translateY(-3px);
    transform: translateY(-3px);
  }
  33% {
    -moz-transform: translateY(0);
    transform: translateY(0);
  }
  67% {
    -moz-transform: translateY(3px);
    transform: translateY(3px);
  }
  100% {
    -moz-transform: translateY(0);
    transform: translateY(0);
  }
}
@-webkit-keyframes top {
  0% {
    -webkit-transform: translateY(-3px);
    transform: translateY(-3px);
  }
  33% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  67% {
    -webkit-transform: translateY(3px);
    transform: translateY(3px);
  }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}
@keyframes top {
  0% {
    -moz-transform: translateY(-3px);
    -ms-transform: translateY(-3px);
    -webkit-transform: translateY(-3px);
    transform: translateY(-3px);
  }
  33% {
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  67% {
    -moz-transform: translateY(3px);
    -ms-transform: translateY(3px);
    -webkit-transform: translateY(3px);
    transform: translateY(3px);
  }
  100% {
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}
#visual .img_area_over .right_area #next_bottom {
  position: absolute;
  bottom: -80px;
  left: 167px;
  z-index: 10000;
  cursor: pointer;
}
#visual .img_area_over .right_area #next_bottom:hover {
  -moz-animation: bottom 0.3s linear;
  -webkit-animation: bottom 0.3s linear;
  animation: bottom 0.3s linear;
}
@-moz-keyframes bottom {
  0% {
    -moz-transform: translateY(3px);
    transform: translateY(3px);
  }
  33% {
    -moz-transform: translateY(0);
    transform: translateY(0);
  }
  67% {
    -moz-transform: translateY(-3px);
    transform: translateY(-3px);
  }
  100% {
    -moz-transform: translateY(0);
    transform: translateY(0);
  }
}
@-webkit-keyframes bottom {
  0% {
    -webkit-transform: translateY(3px);
    transform: translateY(3px);
  }
  33% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  67% {
    -webkit-transform: translateY(-3px);
    transform: translateY(-3px);
  }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}
@keyframes bottom {
  0% {
    -moz-transform: translateY(3px);
    -ms-transform: translateY(3px);
    -webkit-transform: translateY(3px);
    transform: translateY(3px);
  }
  33% {
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  67% {
    -moz-transform: translateY(-3px);
    -ms-transform: translateY(-3px);
    -webkit-transform: translateY(-3px);
    transform: translateY(-3px);
  }
  100% {
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}
#visual .img_area_over .right_area #next_left {
  position: absolute;
  top: 200px;
  left: -81px;
  z-index: 10000;
  cursor: pointer;
}
#visual .img_area_over .right_area #next_left:hover {
  -moz-animation: left 0.3s linear;
  -webkit-animation: left 0.3s linear;
  animation: left 0.3s linear;
}
@-moz-keyframes left {
  0% {
    -moz-transform: translateX(-3px);
    transform: translateX(-3px);
  }
  33% {
    -moz-transform: translateX(0);
    transform: translateX(0);
  }
  67% {
    -moz-transform: translateX(3px);
    transform: translateX(3px);
  }
  100% {
    -moz-transform: translateX(0);
    transform: translateX(0);
  }
}
@-webkit-keyframes left {
  0% {
    -webkit-transform: translateX(-3px);
    transform: translateX(-3px);
  }
  33% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
  67% {
    -webkit-transform: translateX(3px);
    transform: translateX(3px);
  }
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}
@keyframes left {
  0% {
    -moz-transform: translateX(-3px);
    -ms-transform: translateX(-3px);
    -webkit-transform: translateX(-3px);
    transform: translateX(-3px);
  }
  33% {
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
  67% {
    -moz-transform: translateX(3px);
    -ms-transform: translateX(3px);
    -webkit-transform: translateX(3px);
    transform: translateX(3px);
  }
  100% {
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}
#visual .img_area_over .right_area #next_right {
  position: absolute;
  top: 200px;
  left: 446px;
  z-index: 10000;
  cursor: pointer;
}
#visual .img_area_over .right_area #next_right:hover {
  -moz-animation: right 0.3s linear;
  -webkit-animation: right 0.3s linear;
  animation: right 0.3s linear;
}
@-moz-keyframes right {
  0% {
    -moz-transform: translateX(3px);
    transform: translateX(3px);
  }
  33% {
    -moz-transform: translateX(0);
    transform: translateX(0);
  }
  67% {
    -moz-transform: translateX(-3px);
    transform: translateX(-3px);
  }
  100% {
    -moz-transform: translateX(0);
    transform: translateX(0);
  }
}
@-webkit-keyframes right {
  0% {
    -webkit-transform: translateX(3px);
    transform: translateX(3px);
  }
  33% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
  67% {
    -webkit-transform: translateX(-3px);
    transform: translateX(-3px);
  }
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}
@keyframes right {
  0% {
    -moz-transform: translateX(3px);
    -ms-transform: translateX(3px);
    -webkit-transform: translateX(3px);
    transform: translateX(3px);
  }
  33% {
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
  67% {
    -moz-transform: translateX(-3px);
    -ms-transform: translateX(-3px);
    -webkit-transform: translateX(-3px);
    transform: translateX(-3px);
  }
  100% {
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}
#visual .img_area_over .right_area #current_area {
  width: 400px;
  height: 300px;
  margin: 82px 0 0 0;
  position: relative;
  z-index: 3000;
}
#visual .img_area_over .right_area #current_area:before {
  content: " ";
  width: 400px;
  height: 800px;
  background: #000;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
  opacity: 0.8;
  position: absolute;
  top: -800px;
}
#visual .img_area_over .right_area #current_area:after {
  content: " ";
  width: 400px;
  height: 800px;
  background: #000;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
  opacity: 0.8;
  position: absolute;
  bottom: -800px;
}
#visual .img_area_over .scroll_img {
  position: absolute;
  bottom: -674px;
  width: 1040px;
  z-index: 10000;
  left: 350px;
}

#new_archives h3,
#news_access h3 {
  text-align: center;
  margin-bottom: 45px;
}

#new_archives {
  padding-top: 60px;
  margin-bottom: 38px;
}
#new_archives .archives_text {
  text-align: center;
  margin-bottom: 55px;
}
#new_archives ul {
  *zoom: 1;
  margin: 0 auto 27px;
}
#new_archives ul:after {
  content: "";
  display: table;
  clear: both;
}
#new_archives ul li {
  width: 240px;
  float: left;
  margin-left: 26px;
}
#new_archives ul li:first-child {
  margin-left: 0;
}
#new_archives ul li a {
  display: block;
}
#new_archives ul li .img {
  width: 230px;
  margin-bottom: 20px;
  border: 5px solid #600;
  background: #fff;
}
#new_archives ul li .text a {
  color: #970000;
}

#top_rental {
  width: 1040px;
  margin: 0 auto;
}
#top_rental h3 {
  text-align: center;
  margin-bottom: 35px;
}
#top_rental .box {
  *zoom: 1;
  background: url("img/bg_top01.png") right center no-repeat;
}
#top_rental .box:after {
  content: "";
  display: table;
  clear: both;
}
#top_rental .box .img {
  width: 534px;
  float: left;
  margin-right: 20px;
}
#top_rental .box .txtArea {
  width: 470px;
  float: left;
  padding-top: 65px;
}
#top_rental .box .txtArea dl {
  margin-bottom: 40px;
}
#top_rental .box .txtArea dl dt {
  font-size: 125%;
  margin-bottom: 10px;
}
#top_rental .box .txtArea .btn {
  width: 110px;
  margin: 0 auto;
}

#news_access {
  padding: 78px 1px 0 1px;
  background: url("img/common/bg_common_01.png") center 0 no-repeat;
  *zoom: 1;
}
#news_access:after {
  content: "";
  display: table;
  clear: both;
}
#news_access h3 {
  margin-bottom: 50px;
}
#news_access .news_area {
  width: 480px;
  float: left;
}
#news_access .news_area h4 {
  font-size: 117%;
  background: url("img/common/img_common_01.png") right 3px top 2px no-repeat;
  background-color: #013;
  padding: 18px 0 20px 19px;
  line-height: 1;
  margin-bottom: 26px;
}
#news_access .news_area dl {
  padding: 0 15px;
  margin-bottom: 6px;
}
#news_access .news_area dl dt a {
  color: #2c72c1;
}
#news_access .news_area dl dt a .date {
  font-size: 92%;
  color: #3659bd;
}
#news_access .news_area dl dd {
  margin-bottom: 15px;
}
#news_access .news_area dl dd a {
  text-decoration: underline;
}
#news_access .news_area .btn a {
  padding: 3px 0;
  margin-left: 341px;
  margin-bottom: 20px;
}
#news_access .news_area .fb_text {
  font-size: 117%;
  line-height: 1;
  background: #35529a;
  padding: 6px 0 5px 13px;
}
#news_access .about_area {
  width: 480px;
  float: right;
}
#news_access .about_area h4 {
  font-size: 117%;
  background: url("img/common/img_common_01.png") right 3px top 2px no-repeat;
  background-color: #600;
  padding: 18px 0 20px 19px;
  line-height: 1;
  margin-bottom: 26px;
}
#news_access .about_area > dl {
  padding: 0 15px;
  *zoom: 1;
  line-height: 16px;
  margin-bottom: 6px;
}
#news_access .about_area > dl:after {
  content: "";
  display: table;
  clear: both;
}
#news_access .about_area > dl > dt {
  font-size: 117%;
  width: 185px;
  float: left;
}
#news_access .about_area > dl > dd {
  width: 265px;
  float: left;
}
#news_access .about_area > dl > dd dd {
  margin-bottom: 30px;
}
#news_access .about_area .btn a {
  padding: 3px 0;
  margin-left: 368px;
  margin-bottom: 20px;
}
#news_access .about_area .map_text {
  font-size: 117%;
  line-height: 1;
  background: #313131;
  padding: 6px 0 5px 13px;
}

/* Category
============================================================= */
#pages.category .post {
  *zoom: 1;
  padding: 10px 0 20px;
}
#pages.category .post:after {
  content: "";
  display: table;
  clear: both;
}
#pages.category .post p.date {
  width: 220px;
  float: left;
  color: #fff;
  font-size: 92%;
  text-align: center;
  background: #313131;
}
#pages.category .post p.date a {
  display: block;
  padding: 56px 0;
}
#pages.category .post .txtArea {
  width: 790px;
  float: right;
  line-height: 1.5;
}
#pages.category .post .txtArea h3 {
  font-size: 134%;
}
#pages.category .post .txtArea h3 a {
  color: #2d72c1;
}
#pages.category .post .txtArea h3 a:hover {
  text-decoration: underline;
}
#pages.category .post .txtArea .excerpt {
  color: #fff;
}

#pager {
  text-align: center;
  font-size: 117%;
}
#pager.first {
  padding-left: 146px;
}
#pager.last {
  padding-right: 146px;
}
#pager .current {
  display: inline-block;
  width: 14px;
  height: 14px;
  line-height: 1;
  text-align: center;
  color: #ccc;
  text-decoration: underline;
  margin: 0 0.5em;
}
#pager a {
  display: inline-block;
  width: 14px;
  height: 14px;
  line-height: 1;
  color: #ccc;
  text-align: center;
  margin: 0 0.5em;
  -moz-transition: 0.2s;
  -o-transition: 0.2s;
  -webkit-transition: 0.2s;
  transition: 0.2s;
}
#pager a:hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
  opacity: 1;
  color: #fff;
}
#pager .next, #pager .prev {
  font-size: 86%;
  display: inline-block;
  width: 80px;
  height: 40px;
  line-height: 40px;
  color: #ccc;
  border: 1px solid #fff;
}
#pager .next:hover, #pager .prev:hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
  opacity: 1;
  *zoom: 1;
  filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#99FFFFFF', endColorstr='#99FFFFFF');
  background: transparent;
  background: rgba(255, 255, 255, 0.6);
  color: #000;
}
:root #pager .next:hover, :root #pager .prev:hover {
  filter: none\0/IE9;
}
#pager .next {
  margin-left: 66px;
}
#pager .prev {
  margin-right: 66px;
}

/* Single
============================================================= */
#pages.single.news .article {
  margin-bottom: 50px;
}
#pages.single.news .article h3 {
  width: 780px;
  float: right;
  line-height: 90px;
  margin-bottom: 40px;
}
#pages.single.news .article h3 span {
  display: inline-block;
  line-height: 1.7;
  vertical-align: middle;
}
#pages.single.news .article .date {
  width: 220px;
  float: left;
  background: #313131;
  text-align: center;
  padding: 36px 0;
}
#pages.single.news .article .txtArea {
  clear: both;
  margin-bottom: 60px;
}
#pages.single.news .article .txtArea a {
  text-decoration: underline;
  color: #2c72c1;
}
#pages.single.news .article .image_left {
  *zoom: 1;
  margin-bottom: 60px;
}
#pages.single.news .article .image_left:after {
  content: "";
  display: table;
  clear: both;
}
#pages.single.news .article .image_left p.img {
  width: 501px;
  float: left;
  background: #fff;
}
#pages.single.news .article .image_left .txt {
  width: 500px;
  float: right;
}
#pages.single.news .article .image_right {
  *zoom: 1;
  margin-bottom: 60px;
}
#pages.single.news .article .image_right:after {
  content: "";
  display: table;
  clear: both;
}
#pages.single.news .article .image_right p.img {
  width: 501px;
  float: right;
  background: #fff;
}
#pages.single.news .article .image_right .txt {
  width: 500px;
  float: left;
}

#page_navi {
  *zoom: 1;
  padding: 8px 0;
  background: #434343;
  position: relative;
  min-height: 40px;
}
#page_navi:after {
  content: "";
  display: table;
  clear: both;
}
#page_navi li {
  position: absolute;
  float: left;
  text-align: center;
  line-height: 38px;
}
#page_navi li a {
  display: block;
}
#page_navi li.prev, #page_navi li.next {
  width: 80px;
  border: 1px solid #fff;
  -moz-transition: 0.2s;
  -o-transition: 0.2s;
  -webkit-transition: 0.2s;
  transition: 0.2s;
}
#page_navi li.prev:hover, #page_navi li.next:hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
  opacity: 1;
  *zoom: 1;
  filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#99FFFFFF', endColorstr='#99FFFFFF');
  background: transparent;
  background: rgba(255, 255, 255, 0.6);
}
:root #page_navi li.prev:hover, :root #page_navi li.next:hover {
  filter: none\0/IE9;
}
#page_navi li.prev:hover a, #page_navi li.next:hover a {
  color: #000;
}
#page_navi li.prev {
  left: 40px;
}
#page_navi li.next {
  right: 40px;
}
#page_navi li.back {
  left: 50%;
}
#page_navi li.back a {
  margin-left: -50%;
}

/* Taxonomy Works
============================================================= */
#pages.archive .tab_btn {
  *zoom: 1;
  margin-left: -40px;
}
#pages.archive .tab_btn:after {
  content: "";
  display: table;
  clear: both;
}
#pages.archive .tab_btn li {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
  opacity: 0.7;
  width: 320px;
  float: left;
  margin-left: 40px;
  text-align: center;
  line-height: 1;
  background: url("img/page/works/icn_works01.png") 6px 5px no-repeat;
}
#pages.archive .tab_btn li a {
  display: block;
  padding: 19px 0;
}
#pages.archive .tab_btn li:hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
  opacity: 1;
}
#pages.archive .tab_btn li:hover a {
  filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
  opacity: 1;
}
#pages.archive .tab_btn li.current {
  filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
  opacity: 1;
}
#pages.archive .tab_btn li#list01 {
  background-color: #1f1f1f;
}
#pages.archive .tab_btn li#list02 {
  background-color: #600;
}
#pages.archive .tab_btn li#list03 {
  background-color: #013;
}
#pages.archive #works_list {
  *zoom: 1;
  border-top: 5px solid;
  margin-bottom: 50px;
}
#pages.archive #works_list:after {
  content: "";
  display: table;
  clear: both;
}
#pages.archive #works_list li {
  width: 346px;
  float: left;
  border-right: 1px solid #000;
  border-bottom: 1px solid #000;
}
#pages.archive #works_list li.right {
  border-right: none;
}
#pages.archive #works_list li .img {
  border-bottom: 1px solid #302e29;
  background: #fff;
}
#pages.archive #works_list li figure figcaption {
  padding: 25px 18px;
  font-size: 134%;
}
#pages.archive #works_list.ad_truck_list {
  background: #1f1f1f;
  border-color: #1f1f1f;
}
#pages.archive #works_list.character_truck_list {
  background: #600;
  border-color: #600;
}
#pages.archive #works_list.event_truck_list {
  background: #013;
  border-color: #013;
}

/* Single Works
============================================================= */
#pages.single.works .article {
  margin-bottom: 90px;
}
#pages.single.works .article .titArea {
  *zoom: 1;
  margin-bottom: 70px;
}
#pages.single.works .article .titArea:after {
  content: "";
  display: table;
  clear: both;
}
#pages.single.works .article .titArea h3 {
  width: 767px;
  float: right;
  font-size: 117%;
  color: #fff;
  line-height: 83px;
}
#pages.single.works .article .titArea h3 span {
  display: inline-block;
  line-height: 1.7;
  vertical-align: middle;
}
#pages.single.works .article .titArea .tit {
  width: 220px;
  float: left;
}
#pages.single.works .article .flexslider {
  width: 800px;
  margin: 0 auto 30px;
}
#pages.single.works .article .flexslider .slides {
  text-align: center;
}
#pages.single.works .article .txtArea {
  width: 800px;
  margin: 0 auto;
}

/*# sourceMappingURL=style.css.map */

/*# sourceMappingURL=style.css.map */