@charset "utf-8";

/*--------------------------------------
   page layout
--------------------------------------*/
.wrap-haisha {
  background: url(../img/haisha/hdct-haisha-bgi.png) top repeat-x;
}
.page-contents-haisha { width: 1000px; margin: 0 auto 30px; }
.main-visual-haisha {
  background: url(../img/haisha/haisha_mv_bg.png) no-repeat;
  height: 320px;
  background-position: center bottom;
  margin-bottom: 30px;
}
.main-visual-haisha .contents {
    position: relative;
    width: 1000px;
    margin: 0 auto;
}
.main-visual-haisha .mvh_title {
    position: absolute;
    left: 0;
    top: 45px;
}
.main-visual-haisha .mvh_0 {
    position: absolute;
    top: 235px;
}
.page-footer-haisha {
  height: 160px;
  background: url(../img/haisha/ft-bgi-haisha.png) bottom repeat-x;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.page-footer-haisha .inner .secondary p {
  font-size: 86%;
  line-height: 1em;
}
.haisha_squaretitle {
  font-size: 129%;
  font-weight: bold;
  color: #C00;
  line-height: 20px;
  background: url(/img/haisha/icon-block-blackandyellow.png) no-repeat;
  background-size: 18px 18px;
  padding-left: 30px;
  margin-bottom: 10px;
}
.haisha_squaretitle_small {
  font-size: 120%;
  font-weight: bold;
  color: #C00;
  line-height: 18px;
  background: url(/img/haisha/icon-block-blackandyellow.png) no-repeat;
  background-size: 18px 18px;
  padding-left: 25px;
}


/*haisha_table*/
.haishatable {
  width: 1000px;
}
.haishatable .table {
  table-layout: fixed;
  border: 2px solid #ccc;
}
.haishatable .table th {
  background: #f2f2f2;
  border: 1px solid #ccc;
  padding: 12px;
  vertical-align: middle;
}
.haishatable .table td {
  text-align: center;
  border: 1px solid #ccc;
  padding: 12px;
  vertical-align: middle;
}
.haishatable .table .muryo {
  background: #fff8dd;
  font-size: 140%;
  font-weight: bold;
  color: #C00;
}
.haishatable .table .muryo_total {
  background: #fff1b9;
  font-size: 140%;
  font-weight: bold;
  color: #C00;
}
.haishatable .table .total {
  background: #ffebe9;
  font-size: 120%;
  font-weight: bold;
}
.haishatable .table .white {
  background: #FFF;
}
.haishatable .table .chubu {
  background: #1a4276;
  color: #FFF;
}
.haishatable .table .hoshoimg {
  text-align: center;
  border: 1px solid #ccc;
  padding: 10px 5px;
  vertical-align: middle;
}
.haishatable .table .hoshogaku {
  background: #fff8dd;
  font-weight: bold;
  color: #C00;
}

/*haisha_flow*/
.haisha_flow {
  width: 1000px;
  margin-bottom: 10px;
}
.haisha_flow dl {
  width: 240px;
  float: left;
  margin-right: 10px;
}
.haisha_flow dt {
  margin-bottom: 10px;
}
.haisha_flow dd {
  line-height: 1.4em;
  padding: 2px;
}
.haisha_flow .arrow {
  position: absolute;
  left: 238px;
  bottom: 125px;
}
.haisha_flow .arrow2 {
  position: absolute;
  left: 238px;
  bottom: 90px;
}
.haisha_flow .flowstep::after {
  position: absolute;
  width: 25px;
  height: 90px;
  content: "";
  background: url(/img/haisha/flow_arrow.png) no-repeat !important;
  background-size: 25px 90px !important;
  margin-top: 42px;
}


/*haishabox*/
.jitsurei_box {
  display: inline-block;
  vertical-align: top;
  border: 2px solid #ccc;
  height: 285px;
}
.jitsurei_box img {
  width: 316px;
  height: 209px;
}
.jitsurei_box .casetitle {
  background: #f2f2f2;
  padding: 8px;
  font-size: 115%;
}
.jitsurei_box .caseprice {
  text-align: right;
  color: #C00;
  font-weight: bold;
  font-size: 125%;
  padding-top: 9px;
  padding-right: 10px;
}

.jitsurei_omakase {
  display: inline-block;
  vertical-align: top;
  width: 320px;
}
.jitsurei_omakase .omakaseimg {
  margin: 0px 9px;
}

/*Q&A*/
.haisha_faq dl {
  margin-bottom: 30px;
}

.haisha_q_title {
  font-size: 125%;
  font-weight: bold;
  color: #C00;
  line-height: 40px;
  background: url(../img/haisha/icon_q.png) no-repeat;
  background-size: 30px 30px;
  background-position: 5px 5px;
  padding-left: 45px;
}
.haisha_answer {
  padding-left: 50px;
}

/*haisha_form*/
.haishayoyaku-form {
  border: 1px solid #CCC;
  display: table;
  padding: 10px;
  margin-bottom: 30px;
  text-align: left;
  vertical-align: middle;
  width: 100%;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}
.haishayoyaku-form th {
  border: 1px solid #CCC;
  background: #F2F2F2;
  padding: 10px;
  text-align: left;
  vertical-align: middle;
  width: 200px;
}
.haishayoyaku-form td {
  border: 1px solid #CCC;
  padding: 10px;
  vertical-align: middle;
}
.haishayoyaku-form input {
  margin: 0 5px 0 0;
}
.haisha_textarea {
  resize: vertical;
}
.input-radio {
  padding-right: 10px;
}

.closure_notice {
  border: 2px solid #F8BF0E;
  background: #FFF8D9;
}
.closure_notice h3 {
  color: #d40700;
}


/*footer*/
.page-footer-haisha .inner { width: 1000px; margin-left: auto; margin-right: auto; position: relative; }
.page-footer-haisha .inner .primary { text-align: center; height:30px; }
.page-footer-haisha .inner .primary li { display: inline-block; border-right: 1px solid #194373; margin: 0 10px 0 ; padding-right: 20px; }
.page-footer-haisha .inner .primary li:last-child { border-right: none; margin-right: 0; }
.page-footer-haisha .inner .secondary { height: 90px; }
.page-footer-haisha .inner .fabrica-service { height: 40px; text-align: center; }
.page-footer-haisha .inner .fabrica-service li {
  display: inline-block;
  border-right: 1px solid #666;
  margin: 14px 10px 0 0;
  padding-right: 10px;
  font-size: 79%;
  line-height: 12px;
}
.page-footer-haisha .inner .fabrica-service li:last-child { margin-right: 0; padding-right: 0; border-right: none; }
.page-footer-haisha .inner .fabrica-service li a { color: #666; }

/*contents*/
.haishasatei .btn { position: absolute; top: 15px; right: 15px; overflow: hidden; width: 470px; height: 70px; }
.haishasatei .btn img { position: absolute; }
.haishasatei .btn:hover img { top: -70px; }





/* end haisha css */

/*--------------------------------------
   common
--------------------------------------*/
html { font-size: 62.5%; height: 100%; }
body { font-size: 1.4em; font-family: Arial, Helvetica, Roboto, 'Droid Sans', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
  color: #333;
  line-height: 1.6em;
  min-width: 1000px;
}
.block { display: block; }
.relative { position: relative; }
.inlineblock { display: inline-block; }
.hidden { overflow: hidden; }
.nowrap { white-space: nowrap; }
.left { text-align: left; }
.right { text-align: right; }
.center { text-align: center; }
.floatleft { float: left; }
.floatright { float: right; }
.radius4 { border-radius: 4px; }
.radius5 { border-radius: 5px; }
.justify { text-align: justify; }
.annotation { text-indent: -1em; padding-left: 1em; }
.red { color: #C00; }
.blue { color: #194374; }
.gray { color: #999; }
.white { color: #FFF; }
.red a { color: #C00; }
.blue a { color: #194374; }
.gray a { color: #999; }
.orange { color: #FE7E00; }
.black { color: #333; }
.boxsizing-borderbox {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.verticalalign-top { vertical-align: top; }
.verticalalign-middle { vertical-align: middle; }
.verticalalign-bottom { vertical-align: bottom; }
.overflow-hidden { overflow: hidden; }
.overflow-scrolly { overflow-y: scroll; overflow-x: hidden; }














/*--------------------------------------
    background
--------------------------------------*/
.bgi-white { background: #FFF; }
.bgi-red { background: #ffeae8; }
.bgi-pink { background: #f8ebe8; }
.bgi-gray { background: #EDEDED; }
.bgi-thin-gray { background: #F2F2F2; }
.bgi-dark-gray { background: #CCC; }
.bgi-beige { background: #FFFCF3; }
.bgi-yellow { background: #FFBA03; }
.bgi-thin-yellow { background: #FFF8D9; }
.bgi-shine-yellow { background: #FFDE21; }
.gradation-gray-white {
  background: #FFF url(../img/ct-bgi-gradation-gray-white.png) repeat-x;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  border: 1px solid #CCC;
  position: relative;
  padding: 70px 19px 19px;
}
/*--------------------------------------
    border
--------------------------------------*/
.border-thin-gray { border: 1px solid #E5E5E5; }
.border-red { border: 1px solid #C00; }
.border2-red { border: 2px solid #C00; }
.border-gray { border: 1px solid #CCC; }
.border2-gray { border: 2px solid #CCC; }
.border-gray-dotted { border: 1px dotted #CCC; }
.border-bottom-gray { border-bottom: 1px solid #CCC; }
.border-bottom-gray-dotted { border-bottom: 1px dotted #CCC; }
.border-top-darkgray-dotted { border-top: 1px dotted #999; }
.border-bottom-darkgray-dotted { border-bottom: 1px dotted #999; }
.border-right-gray-dotted { border-right: 1px dotted #CCC; }
.border-orange { border: 1px solid #FFC600; }
.border2-orange { border: 2px solid #FFC600; }
.border-yellow { border: 1px solid #F8BF0E; }
.border2-yellow { border: 2px solid #F8BF0E; }
.border3-yellow { border: 3px solid #F8BF0E; }
.border-radius4 { border-radius: 4px; }
.border-radius5 { border-radius: 5px; }
/*--------------------------------------
    breadcrumb
--------------------------------------*/
.breadcrumb {
  width: 1000px;
  height: 35px;
  margin: 0 auto;
  font-size:90%;
  box-sizing: border-box;
}
.breadcrumb li {
  float:left;
  line-height: 30px;
  padding-top: 5px;
}
.breadcrumb li a {
  display:block;
  padding-right: 15px;
  background: url(../img/icon-arrow-yellow.png) center right no-repeat;
  margin-right: 10px;
}
.breadcrumb li a:hover { text-decoration: none; }
/*--------------------------------------
    font
--------------------------------------*/
.normal { font-weight: normal; }
.bold { font-weight: bold; }
.xsmall { font-size: 70%; }
.small { font-size: 80%; }
.large { font-size: 120%; }
.xlarge { font-size: 140%; }
.xxlarge { font-size: 160%; }
.xxxlarge { font-size: 180%; }
.xxxxlarge { font-size: 200%; }
.xxxxxlarge { font-size: 220%; }
.xxxxxxlarge { font-size: 240%; }
.xxxxxxxlarge { font-size: 260%; }
.xxxxxxxxlarge { font-size: 280%; }
.xxxxxxxxxlarge { font-size: 300%; }
.xxxxxxxxxxlarge { font-size: 320%; }
.lineheight1em { line-height: 1em; }
.lineheight1-1em { line-height: 1.1em; }
.lineheight1-2em { line-height: 1.2em; }
.lineheight1-3em { line-height: 1.3em; }
.lineheight1-4em { line-height: 1.4em; }
.lineheight1-5em { line-height: 1.5em; }
.lineheight1-5em { line-height: 1.5em; }
.lineheight1-6em { line-height: 1.6em; }
.lineheight1-7em { line-height: 1.7em; }
.fontsize12 { font-size: 86% }
/*--------------------------------------
    form
--------------------------------------*/
input:focus {
  background-color: #FFF;
}
.input-text {
  border-radius: 2px;
  border: 1px solid #CCC;
  background: #F8F8F8;
  padding: 7px;
}
.select {
  padding: 8px 0 8px 10px;
  border: 1px solid #CCC;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
  background: #F8F8F8 url(../img/haisha/form_pulldown_arrow.png) no-repeat center right 8px !important;
  background-size: 26px 28px !important;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  min-width: 150px;
  appearance:none;
  -webkit-appearance: none;
  -moz-appearance: none;
}
.select option { margin-right: 15px; display: block; }
.checkbox {
  display: inline-block;
  width: 18px;
  height: 15px;
  margin: 0 4px 0 0;
  padding: 0;
  vertical-align: top;
}
.checklabel { cursor: pointer; }
.uploadButton {
    display:inline-block;
    position:relative;
    overflow:hidden;
    border-radius:3px;
    color:#666;
    text-align:center;
    padding:10px;
    line-height:15px;
    width:340px;
    cursor:pointer;
    border: 1px solid #CCC;
background-image:-moz-linear-gradient(50% 0% -90deg,rgb(255,255,255) 0%,rgb(230,230,230) 100%);
background-image:-webkit-gradient(linear,50% 0%,50% 100%,color-stop(0, rgb(255,255,255)),color-stop(1, rgb(230,230,230)));
background-image:-webkit-linear-gradient(-90deg,rgb(255,255,255) 0%,rgb(230,230,230) 100%);
background-image:-ms-linear-gradient(-90deg,rgb(255,255,255) 0%,rgb(230,230,230) 100%);
background-image:linear-gradient(180deg,rgb(255,255,255) 0%,rgb(230,230,230) 100%);
float: left;
margin-right: 10px;
}
.uploadButton input[type=file] {
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    cursor:pointer;
    opacity:0;
}
.uploadValue {
    display:none;
    border-radius:3px;
    padding:3px;
    margin-left: 10px;
    width: 90%;
}
.inputtype-file .label { line-height: 35px; display: inline-block; float: left; margin-right: 10px; font-weight: bold; }
.inputtype-file .small { line-height: 35px; display: inline-block; float: left; margin-right: 10px; }

/* 150527_�NjL�䔨_�J�����_�[ */
.wednesday .ui-state-default,
.holiday .ui-state-default {
  color: #cc0000 !important;
}


/*--------------------------------------
    link
--------------------------------------*/
a {
  color: #194373;
  text-decoration: underline;
}
a:hover {
  text-decoration: none;
}
/*--------------------------------------
    list
--------------------------------------*/
ul.liststyle-none li { margin-bottom: 5px; }
ul.liststyle-none li:last-child { margin-bottom: 0; }
ul.liststyle {
  list-style:disc outside;
  margin-left:1.5em;
}
ol.liststyle {
  list-style:decimal outside;
  margin-left:1.5em;
}
.list-disc {
  list-style: disc outside;
  margin-left: 1em;
}
.pagenation ul { text-align: center; }
.pagenation li { display: inline-block; margin-right: 5px; }
.pagenation li a {
  display: block;
  width: 25px;
  height: 25px;
  line-height: 25px;
  text-align: center;
  background: #FFF;
  border: 1px solid #CCC;
  font-family: Arial, 'Droid Sans', sans-serif;
  font-weight: bold;
}
.pagenation li a.active,.pagenation li a:hover { background: #D8D8D8; }
/*--------------------------------------
    margin
--------------------------------------*/
.mb5 { margin-bottom: 5px; }
.mb10 { margin-bottom: 10px; }
.mb15 { margin-bottom: 15px; }
.mb20 { margin-bottom: 20px; }
.mb25 { margin-bottom: 25px; }
.mb30 { margin-bottom: 30px; }
.mb40 { margin-bottom: 40px; }
.mt5 { margin-top: 5px; }
.mt10 { margin-top: 10px; }
.mt15 { margin-top: 15px; }
.mt20 { margin-top: 20px; }
.mt25 { margin-top: 25px; }
.mr5 { margin-right: 5px; }
.mr9 { margin-right: 9px; }
.mr10 { margin-right: 10px; }
.mr11 { margin-right: 11px; }
.mr13 { margin-right: 13px; }
.mr15 { margin-right: 15px; }
.mr20 { margin-right: 20px; }
.mr23 { margin-right: 23px; }
.mr30 { margin-right: 30px; }
.ml5 { margin-left: 5px; }
.ml10 { margin-left: 10px; }
.ml15 { margin-left: 15px; }
.ml20 { margin-left: 20px; }
.mlb10 { margin: 0 0 10px 10px; }
.mauto { margin-left: auto; margin-right: auto; }
/*--------------------------------------
    padding
--------------------------------------*/
.p5 { padding: 5px; }
.p9 { padding: 9px; }
.p10 { padding: 10px; }
.p15 { padding: 15px; }
.p20 { padding: 20px; }
.p25 { padding: 25px; }
.pt10 { padding-top: 10px; }
.pt20 { padding-top: 20px; }
.pt30 { padding-top: 30px; }
.pl5 { padding-left: 5px; }
.pl10 { padding-left: 10px; }
.pl15 { padding-left: 15px; }
.pl25 { padding-left: 25px; }
.pr10 { padding-right: 10px; }
.pr15 { padding-right: 15px; }
.pr20 { padding-right: 20px; }
.pb10 { padding-bottom: 10px; }
.pb15 { padding-bottom: 15px; }
.pb20 { padding-bottom: 20px; }
/*--------------------------------------
    table
--------------------------------------*/
.table { display: table; }
.tablecell { display: table-cell; }
.tr { display: table-row; }
.th,
.td {
  display: table-cell;
  border-top: none;
  border-right: none;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.table-space-none { border-collapse: collapse; }
table.shop_info_table {
  width: 100%;
  margin-bottom: 20px;
}
table.shop_info_table th,table.shop_info_table td {
  padding: 10px;
  line-height: 1.3em;
  vertical-align: middle;
  border: 1px solid #CCC;
}
table.shop_info_table th {
  border: 1px solid #CCC;
  background: #F2F2F2;
  text-align: center;
  height: 50px;
  width: 11em;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.border-gray td {
 border: 1px solid #CCC; 
}
.p5 th,
.p5 td {
  padding: 5px;
}
.p10 th,
.p10 td {
  padding: 10px;
}
.center th,
.center td {
  text-align: center;
}
.verticalalign-middle th,
.verticalalign-middle td {
  vertical-align: middle;
}
.table-div6 th { width: 16%; }
/*--------------------------------------
    width
--------------------------------------*/
.width100per { width: 100%; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; }
.width1000 { width: 1000px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; }
.width980 { width: 980px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; }
.width960 { width: 960px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; }
.width920 { width: 920px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; }
.width900 { width: 900px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; }
.width800 { width: 800px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; }
.width730 { width: 730px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; }
.width700 { width: 700px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; }
.width680 { width: 680px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; }
.width640 { width: 640px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; }
.width620 { width: 620px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; }
.width600 { width: 600px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; }
.width570 { width: 570px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; }
.width560 { width: 560px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; }
.width535 { width: 535px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; }
.width500 { width: 500px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; }
.width495 { width: 495px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; }
.width480 { width: 480px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; }
.width470 { width: 470px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; }
.width450 { width: 450px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; }
.width420 { width: 420px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; }
.width410 { width: 410px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; }
.width400 { width: 400px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; }
.width330 { width: 330px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; }
.width320 { width: 320px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; }
.width315 { width: 315px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; }
.width310 { width: 310px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; }
.width300 { width: 300px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; }
.width295 { width: 295px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; }
.width280 { width: 280px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; }
.width265 { width: 265px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; }
.width260 { width: 260px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; }
.width250 { width: 250px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; }
.width240 { width: 240px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; }
.width210 { width: 210px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; }
.width200 { width: 200px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; }
.width190 { width: 190px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; }
.width180 { width: 180px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; }
.width170 { width: 170px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; }
.width150 { width: 150px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; }
.width120 { width: 120px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; }
.width110 { width: 110px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; }
.width100 { width: 100px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; }
.width90 { width: 90px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; }
.width80 { width: 80px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; }
.width70 { width: 70px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; }
.width60 { width: 60px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; }
.width45 { width: 45px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; }
.width40 { width: 40px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; }


















/*--------------------------------------
   page layout
--------------------------------------*/
.wrap { background: url(../img/hd-bgi.png) top repeat-x; }
.wrap-bankin { background: url(../img/hdct-bankin-bgi.png) top repeat-x; }
.wrap-bankin-local { background: url(../img/hdct-bankin-local-bgi.png) top repeat-x; }
.page-header {
  width: 1000px;
  margin: 0 auto;
}
.page-background { background: url(../img/ct-top-mainvisual-bgi.png) repeat-x; }
.page-contents { width: 1000px; margin: 0 auto 100px; }
.page-contents-bankin { width: 1000px; margin: 0 auto 30px; }
.page-footer {
  height: 190px;
  background: url(../img/ft-bgi.png) bottom repeat-x;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.page-footer-bankin {
  height: 160px;
  background: url(../img/ft-bgi-bankin.png) bottom repeat-x;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.main-visual { margin-bottom: 25px; }
.main-visual-bankin {
  background: url(../img/ct-bankin-mainvisual-bgi.png) right no-repeat;
  height: 295px;
  margin-bottom: 25px;
}
.one-column {
  width: 1000px;
  margin-left: auto;
  margin-right: auto;
}
.main-column {
  width: 730px;
  float: left;
}
.side-column {
  width: 250px;
  float: right;
}
.one-column .side-column { width: 265px; }
/* header */
.logo { line-height: 90px; }
.description { font-weight: lighter; line-height: 30px; }
.freedial { position: absolute; top: 35px; right: 0; z-index: 100; }
.nav { width: 1001px; margin-left: -1px; }
.nav li {
  position: relative;
  width: 139px;
  height: 50px;
  overflow: hidden;
  float: left; }
.nav li a img {
  position: absolute;
  top: 0;
  z-index: 1;
}

div.error_box {
    margin-bottom: 30px;
    border: 3px solid #e67474;
    background-color: #fae0e0;
    padding: 20px;
}
div.error_box li,
div.error_box p {
    color: #f00;
}
div.error_box ul {
    padding-left: 30px;
}
div.error_box ul li {
    list-style-type: disc;
}

.nav li.btn07 { width: 149px; }
.nav li.btn04 { width: 156px; }
.nav li.btn01 img { left: 0; }
.nav li.btn02 img { left: -139px; }
.nav li.btn03 img { left: -278px; }
.nav li.btn04 img { left: -417px; }
.nav li.btn05 img { left: -573px; }
.nav li.btn06 img { left: -712px; }
.nav li.btn07 img { left: -851px; }
.nav li a:hover img { top: -50px; }
.page-header .site-info { height: 44px; }
.page-header .site-info div { height: 44px; display: table-cell; vertical-align: middle; }
/* footer */
.page-footer .inner { width: 1000px; margin-left: auto; margin-right: auto; position: relative; }
.page-footer .inner .primary { text-align: center; height:30px; }
.page-footer .inner .primary li { display: inline-block; border-right: 1px solid #194373; margin: 0 10px 0 ; padding-right: 20px; }
.page-footer .inner .primary li:last-child { border-right: none; margin-right: 0; }
.page-footer .inner .secondary { height: 90px; }
.page-footer .inner .fabrica-service { height: 40px; text-align: center; }
.page-footer .inner .fabrica-service li { display: inline-block; border-right: 1px solid #666; margin: 12px 10px 0 0; padding-right: 10px; font-size: 90%; }
.page-footer .inner .fabrica-service li:last-child { margin-right: 0; padding-right: 0; border-right: none; }
.page-footer .inner .fabrica-service li a { color: #666; }
.page-footer-bankin .inner { width: 1000px; margin-left: auto; margin-right: auto; position: relative; }
.page-footer-bankin .inner .primary { text-align: center; height:30px; }
.page-footer-bankin .inner .primary li { display: inline-block; border-right: 1px solid #194373; margin: 0 10px 0 ; padding-right: 20px; }
.page-footer-bankin .inner .primary li:last-child { border-right: none; margin-right: 0; }
.page-footer-bankin .inner .secondary { height: 90px; }
.page-footer-bankin .inner .fabrica-service { height: 40px; text-align: center; }
.page-footer-bankin .inner .fabrica-service li { display: inline-block; border-right: 1px solid #666; margin: 12px 10px 0 0; padding-right: 10px; font-size: 90%; }
.page-footer-bankin .inner .fabrica-service li:last-child { margin-right: 0; padding-right: 0; border-right: none; }
.page-footer-bankin .inner .fabrica-service li a { color: #666; }
.copyright { font-size: 10px; line-height: 30px; color: #FFF; }
/* side */
/* contents */
.muryotenken .btn { position: absolute; top: 20px; right: 15px; overflow: hidden; width: 350px; height: 60px; }
.muryotenken .btn img { position: absolute; }
.muryotenken .btn:hover img { top: -60px; }
.feature li { width: 730px; height: 80px; overflow: hidden; margin-bottom: 15px; }
.feature li:last-child { margin-bottom: 0; }
.feature li .btn { position: absolute; overflow: hidden; width: 142px; height: 38px; right: 20px; top: 50%; margin-top: -19px; }
.feature li .btn img { position: absolute; }
.feature li .btn:hover img { top: -38px; }
.bana .btn { display: block; position: relative; overflow: hidden; width: 360px; height: 80px; }
.bana .btn img { position: absolute; }
.bana .btn:hover img { top: -80px; }
.faq dl { margin-bottom: 10px; }
.faq dl:last-child { margin-bottom: 0; }
.title-question { width: 730px; height: 50px; border: 1px solid #CCC; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; line-height: 50px; padding-left: 50px; font-size: 14px; color: #333; font-weight: bold; background: url(../img/ct-top-faq-icon-baroon-q.png) no-repeat; background-position: 5px 5px; }
.title-question.open { border-bottom: 1px dotted #CCC; }
.btn-question { background: url(../img/ct-top-faq-btn-on.png) no-repeat; width: 112px; height: 28px; position: absolute; right: 10px; top: 50%; margin-top: -15px; cursor: pointer; }
.open .btn-question { background: url(../img/ct-top-faq-btn-off.png) no-repeat; }
.answer-area { border: 1px solid #CCC; border-top: none; padding: 15px; line-height: 1.6em; padding-left: 50px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; background: #F2F2F2 url(../img/ct-top-faq-icon-baroon-a.png) no-repeat; background-position: 5px 5px; }
.baloon-orange { position: relative; width: 60px; height: 64px; }
.baloon-orange .kazu { position: absolute; bottom: 12px; left: 50%; margin-left: -10px; }
/*.faq-baloon { background: url(../img/ct-faq-voice-baloon.png) no-repeat; width: 620px; height: 90px; padding: 15px 15px 15px 40px; }*/
.price-list th,.price-list td { padding: 15px 5px; }
.price-list th { width: 75px; }
.price-list .cartype td { color: #194374; font-weight: bold; }
.bgi-square-pink { background: url(../img/bgi-square-pink.png); }
.side-muryotenken { position: relative; }
.side-muryotenken .btn { position: absolute; bottom: 10px; left: 10px; overflow: hidden; width: 230px; height: 60px; }
.side-muryotenken .btn img { position: absolute; }
.side-muryotenken .btn:hover img { top: -60px; }
.side-warranty { position: relative; }
.side-warranty .btn { position: absolute; bottom: 10px; left: 10px; overflow: hidden; width: 230px; height: 45px; }
.side-warranty .btn img { position: absolute; }
.side-warranty .btn:hover img { top: -45px; }
.icon-baloon-boshuchu { position: absolute; right: 10px; top: -5px; z-index: 1; }
.bankin-contact-01 { position: relative; width: 610px; height: 190px; }
.bankin-contact-01 .btn-bankin-form {
  position: absolute;
  right: 15px;
  top: 20px;
  width: 285px;
  height: 60px;
  overflow: hidden;
}
.bankin-contact-02 { position: relative; width: 1000px; height: 90px; }
.bankin-contact-02 .btn-bankin-form {
  position: absolute;
  left: 300px;
  top: 15px;
  width: 285px;
  height: 60px;
  overflow: hidden;
}
.btn-bankin-form img { position: absolute; }
.btn-bankin-form:hover img { bottom: 0; }

/* btn */
.btn-muryotenken { width: 360px; height: 66px; overflow: hidden; position: absolute; top: 10px; right: 0; }
.btn-muryotenken img { position: absolute; }
.btn-muryotenken:hover img { top: -66px; }
.btn-pagetop { position: absolute; top: -15px; right: -80px; width: 53px; height: 53px; overflow: hidden; display: block; }
.btn-pagetop:hover img { position: absolute; top: -53px; }
.btn-bankin { width: 250px; height: 160px; overflow: hidden; position: relative; display: block; }
.btn-bankin img { position: absolute; }
.btn-bankin:hover img { top: -160px; }
.btn-syahan { width: 250px; height: 160px; overflow: hidden; position: relative; display: block; }
.btn-syahan img { position: absolute; }
.btn-syahan:hover img { top: -160px; }
.btn-recruit { width: 192px; height: 38px; overflow: hidden; margin: 0 auto 2px; position: relative; display: block; }
.btn-recruit img { position: absolute; }
.btn-recruit:hover img { top: -38px; }
.btn-haisha:hover img { opacity: 0.8; }
.btn-mailmember { width: 250px; height: 60px; overflow: hidden; position: relative; display: block; }
.btn-mailmember img { position: absolute; }
.btn-mailmember:hover img { top: -60px; }
.btn-muryotenken-small { overflow: hidden; position: relative; width: 180px; height: 40px; display: inline-block; }
.btn-muryotenken-small img { position: absolute; left: 0; }
.btn-muryotenken-small:hover img { top: -40px; }
.btn-print { overflow: hidden; width: 100px; height: 24px; position: relative; }
.btn-print img { position: absolute; left: 0; }
.btn-print:hover img { top: -24px; }
.yoyaku-form th { width: 180px; }
.btn-form { overflow: hidden; width: 300px; height: 60px; position: relative; }
.btn-form input { position: absolute; top: 0; left: 0; }
.btn-form:hover input { top: -60px; }
.btn-calender { overflow: hidden; width: 27px; height: 27px; position: relative; vertical-align: bottom; }
.btn-calender img { position: absolute; top: 0; left: 0; cursor: pointer; }
.btn-calender:hover img { top: -27px; }
.btn-ft-bankin { width: 490px; height: 60px; overflow: hidden; position: relative; display: block; }
.btn-ft-bankin img { position: absolute; }
.btn-ft-bankin:hover img { top: -60px; }

/* title */
.title-yellowline { border-left: 15px solid #F8BF0E; line-height: 50px; color: #FFF; padding: 0 15px 0 15px; font-size: 143%; background: #333; margin-bottom: 20px; }
.title-redline { background: url(../img/side-title-redline.png) no-repeat; width: 250px; height: 48px; line-height: 48px; padding-left: 20px; font-size: 120%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.title-bottomredline { background: url(../img/ct-title-bgi-bottomredline.png) repeat-x bottom; width: 730px; height: 105px; padding: 15px 15px 0 15px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; line-height: 90px; font-size: 280%; font-weight: bold; }
.title-yellowsquare { font-weight: bold; }
.title-yellowsquare:first-letter { color: #F8BF0C; padding-right: 2px; }
.title-haisha-redline { padding-top: 35px; padding-bottom: 5px; border-bottom: 5px solid #C00; line-height: 50px; font-size: 240%; font-weight: bold; }
.title-haisha-yellowbox { margin-top: 30px; }
.title-haisha-yellowbox-mt40 { margin-top: 40px; }

/*--------------------------------------
    review
--------------------------------------*/
.review_total_area{
	border:10px solid #E6E6E6;
	padding:15px 15px 0 15px;
	margin-bottom:2em;
}
.review_total_area > .inner{
	display:table;
	width:100%;
}
.review_total_area .total_rating_area{
	display:table-cell;
	width:100%;
	vertical-align:top;
}
.review_total_area table{
	width:100%;
}
.review_total_area th,.review_total_area td{
	border:1px solid #ccc;
	padding:.5em .7em;
}
.review_total_area .total_average th,.review_total_area .total_average td{
	padding:1em;
}
.review_total_area .total_average th{
	font-size:1.2em;
}
.review_total_area th{
	background:#F2F2F2;
	text-align:center;
	width:120px;
	box-sizing:border-box;
}
.review_total_area td{
	text-align:center;
}
.review_chart_area{
	display:table-cell;
	padding-left:30px;
	vertical-align:top;
}
.review_star {
	display:inline-block;
	width:116px;
	height:20px;
	overflow:hidden;
	position:relative;
	vertical-align:-.3em;
	margin-right:.7em;
}
.review_star.rating_0_0 img {
	position:absolute;
	top: 0;
	left: -117px;
}
.review_star.rating_0_5 img {
	position:absolute;
	top:-30px;
	left:-94px;
}
.review_star.rating_1_0 img {
	position:absolute;
	top:0;
	left:-94px;
}
.review_star.rating_1_5 img {
	position:absolute;
	top:-30px;
	left:-70px;
}
.review_star.rating_2_0 img {
	position:absolute;
	top:0;
	left:-70px;
}
.review_star.rating_2_5 img {
	position:absolute;
	top:-30px;
	left:-47px;
}
.review_star.rating_3_0 img {
	position:absolute;
	top:0;
	left:-47px;
}
.review_star.rating_3_5 img {
	position:absolute;
	top:-30px;
	left:-23px;
}
.review_star.rating_4_0 img {
	position:absolute;
	top:0;
	left:-23px;
}
.review_star.rating_4_5 img {
	position:absolute;
	top:-30px;
	left:0;
}
.review_star.rating_5_0 img {
	position:absolute;
	top:0;
	left:0;
}
.review_star_num{
	color:#c00;
	font-weight:bold;
	font-size:1.2em;
}
/*review s*/
.review_star_s {
	display:inline-block;
	width:85px;
	height:15px;
	overflow:hidden;
	position:relative;
	vertical-align:-.1em;
	margin-right:.7em;
}
.review_star_s img {
	width:169px;
	height:65px;
}
.review_star_s.rating_0_0 img {
	position:absolute;
	top: -50px;
	left: 0;
}
.review_star_s.rating_0_5 img {
	position:absolute;
	top:-25px;
	left:-68px;
}
.review_star_s.rating_1_0 img {
	position:absolute;
	top:0;
	left:-68px;
}
.review_star_s.rating_1_5 img {
	position:absolute;
	top:-25px;
	left:-51px;
}
.review_star_s.rating_2_0 img {
	position:absolute;
	top:0;
	left:-51px;
}
.review_star_s.rating_2_5 img {
	position:absolute;
	top:-25px;
	left:-34px;
}
.review_star_s.rating_3_0 img {
	position:absolute;
	top:0;
	left:-34px;
}
.review_star_s.rating_3_5 img {
	position:absolute;
	top:-25px;
	left:-17px;
}
.review_star_s.rating_4_0 img {
	position:absolute;
	top:0;
	left:-17px;
}
.review_star_s.rating_4_5 img {
	position:absolute;
	top:-25px;
	left:0;
}
.review_star_s.rating_5_0 img {
	position:absolute;
	top:0;
	left:0;
}
.review_star_num_s {
	color:#c00;
	font-weight:bold;
}
.review_list_box{
	border:2px solid #ccc;
	margin-bottom:1em;
}
.review_list_box .name{
	float:right;
	color:#666;
	font-weight:bold;
	font-size:1.1em;
}
.review_list_box .total_rating{
	float:left;
	display:inline-block;
	margin-right:1.5em;
}
.review_list_box .individual_rating{
	display:inline-block;
	color:#999;
	letter-spacing:-.4em;
	white-space:nowrap;
}
.review_list_box .individual_rating li{
	display:inline-block;
	letter-spacing:normal;
	margin-right:.8em;
}
.review_list_box .customer{
	background:#FFF8E5;
}
.review_list_box .customer .upper{
	padding:10px 0;
	margin:0 10px;
	border-bottom:1px solid #ccc;
	line-height:20px;
}
.review_list_box .comment{
	padding:10px;
	color:#666;
	line-height:1.4;
}
.review_list_box .shop_comment{
	padding:10px;
	line-height:1.4;
	border-top:1px solid #ccc;
}
.review_list_box .shop_comment dt{
	float:left;
	margin-right:10px;
	background:#ccc;
	color:#fff;
	font-weight:bold;
	border-radius:3px;
	padding:.2em .4em;
	font-size:.9em;
}
.review_list_box .shop_comment dd{
	overflow:hidden;
	color:#999;
}
.review_pagination{
	letter-spacing:-.4em;
}
.review_pagination li {
	display:inline-block;
	letter-spacing:normal;
	margin-left:5px;
}
.review_pagination li a, .review_pagination li span {
	display:block;
	padding:0 9px;
	height:24px;
	line-height:24px;
	border:1px solid #ccc;
}
.review_pagination li a {
	color:#194373;
	text-decoration:none;
	background: #fff;
}
.review_pagination li a:hover, .review_pagination li span {
	border:1px solid #666;
	color:#fff;
	background: #114277;
}
/*--------------------------------------
    clearfix
--------------------------------------*/
.clearfix:before, .clearfix:after {
  content: " ";
  display: table;
}
.clearfix:after {
  clear: both;
  height: 0.1px;
  font-size: 0.1em;
  line-height: 0;
}
.clearfix {
 *zoom: 1;
}

@media print {
  .page-header,
  .page-footer,
  .side-column,
  .breadcrumb,
  .muryotenken,
  .print-none {
    display: none;
  }
  .wrap { background: transparent; }
}
/*--------------------------------------
    index pricetable
--------------------------------------*/
.indexprice_box{
	display: inline-block;
	vertical-align: top;
	width: 234px;
}
.indexprice_box .pricetb_title{
	border: 1px solid #ccc;	
	border-bottom: none;
	text-align: center;
}
.indexprice_box .cartype{
	background: #f2f2f2;
	padding: 10px;
}
.indexprice_box .car_img{
	display: block;
	min-height: 75px;
	padding : 10px 0;
}
.indexprice_box .table th{
	background: #f2f2f2;
	border: 1px solid #ccc;
	font-size: 1.2em;
	line-height: 1.2em;
	padding: 7px;
	text-align: left;
	vertical-align: middle;
	width: 45%;
}
.indexprice_box .table .discount{
	background: #fef8dc;
}
.indexprice_box .table .total th{
	background: #f8ebe8!important;
}
.indexprice_box .table .total td{
	font-size: 140%!important;
}
.indexprice_box .table .total .icon{
	position: absolute;
	left: 80px;
	bottom: 5px;
}
.indexprice_box .table td{
	border: 1px solid #ccc;
	font-size: 1.2em;
	padding: 7px;
	text-align: right;
	vertical-align: middle;
	width: 55%;
}
.btn_to_price .btn { display: block; position:relative; overflow: hidden; width: 360px; height: 70px; }
.btn_to_price .btn img { position: absolute; }
.btn_to_price .btn:hover img { top: -70px; }	
/*--------------------------------------
    index custmer review
--------------------------------------*/
.index_custmer1 {
    background:url(../img/custmer_icon1.png) center left no-repeat;
    margin-bottom: 15px;
	position: relative;
}
.index_custmer2 {
    background:url(../img/custmer_icon2.png) center left no-repeat;
    margin-bottom: 15px;
    position: relative;
}
.index_custmer3{
    background:url(../img/custmer_icon3.png) center left no-repeat;
    margin-bottom: 15px;
	position: relative;
}
.index_custmer_innner{
    height:60px;
    padding:15px;
    margin-left: 120px;
    line-height: 1.5em;
	position: relative;
	background: #FFF8D9;
	border:3px solid #FFDE21;
	border-radius:5px;
}
.index_custmer_innner:after{
	right: 100%;
	top: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-color: rgba(136, 183, 213, 0);
	border-right-color: #FFDE21;
	border-width: 10px;
	margin-top: -10px;
}
.index_custmer_name{
    float:right;
 	position: absolute;
    margin-top:-2em;
    right:20px;
}
/*--------------------------------------
    warrnty
--------------------------------------*/
.warranty-troubles { width: 730px; height: 642px; position: relative; }
.warranty-troubles h4 { z-index: 0 }
.warranty-troubles .item { z-index: 100; position: absolute; bottom: 70px; left: 20px; width: 690px; min-height: 100px; }
.warranty-troubles .item li { margin-top: 10px; }
.warraty-pack { padding-top: 35px; }