@charset "utf-8";

/* トップページ */

div.k-top-category-of-class {
    margin: 1em 0em .5em;
    padding: .1em 0;
    width: 120px;
    color: white;
    text-align: center;
    font-size: 90%;
    border-radius: 2px;
    background: #4096ee;
    background: -moz-linear-gradient(45deg,  #4096ee 0%, #60abf8 56%, #7abcff 100%);
    background: -webkit-gradient(linear, left bottom, right top, color-stop(0%,#4096ee), color-stop(56%,#60abf8), color-stop(100%,#7abcff));
    background: -webkit-linear-gradient(45deg,  #4096ee 0%,#60abf8 56%,#7abcff 100%);
    background: -o-linear-gradient(45deg,  #4096ee 0%,#60abf8 56%,#7abcff 100%);
    background: -ms-linear-gradient(45deg,  #4096ee 0%,#60abf8 56%,#7abcff 100%);
    background: linear-gradient(45deg,  #4096ee 0%,#60abf8 56%,#7abcff 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4096ee', endColorstr='#7abcff',GradientType=1 );
}

ul.carClassList a {
    background-color: #fee;
    border-radius: 2px;
    color: black;
    display: inline-block;
    margin-left: -8px;
    text-align: center;
    text-decoration: none;
    width: 80%;
}

ul.carClassList a:hover {
    color: white;
    background: #773d3d;
    background: -moz-linear-gradient(-45deg,  #773d3d 0%, #bf8383 52%, #773d3d 100%);
    background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#773d3d), color-stop(52%,#bf8383), color-stop(100%,#773d3d));
    background: -webkit-linear-gradient(-45deg,  #773d3d 0%,#bf8383 52%,#773d3d 100%);
    background: -o-linear-gradient(-45deg,  #773d3d 0%,#bf8383 52%,#773d3d 100%);
    background: -ms-linear-gradient(-45deg,  #773d3d 0%,#bf8383 52%,#773d3d 100%);
    background: linear-gradient(135deg,  #773d3d 0%,#bf8383 52%,#773d3d 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#773d3d', endColorstr='#773d3d',GradientType=1 );
}

ul.optionList li label {
    cursor: pointer;
}

ul.optionList li label:hover {
    text-decoration: underline;
}

div.slide-add-text {
    text-align: center; background-color: white; color: red; font-weight: bold;
    background: #fcfff4; /* Old browsers */
    background: -moz-linear-gradient(left,  #fcfff4 0%, #e9e9ce 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(left,  #fcfff4 0%,#e9e9ce 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right,  #fcfff4 0%,#e9e9ce 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcfff4', endColorstr='#e9e9ce',GradientType=1 ); /* IE6-9 */
}

/* 料金表 */

div#k-class-description {
    overflow: hidden;
    margin: 2em 0;
}

div#k-class-description dl {
    float: left;
    width: 22%;
    border: 1px solid #b1d8f5;
}
div#k-class-description dl dt {
    color: #777;
    background: #e1ffff;
    background: -moz-linear-gradient(top,  #e1ffff 0%, #e1ffff 7%, #e1ffff 12%, #fdffff 12%, #e6f8fd 30%, #c8eefb 54%, #bee4f8 75%, #b1d8f5 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e1ffff), color-stop(7%,#e1ffff), color-stop(12%,#e1ffff), color-stop(12%,#fdffff), color-stop(30%,#e6f8fd), color-stop(54%,#c8eefb), color-stop(75%,#bee4f8), color-stop(100%,#b1d8f5));
    background: -webkit-linear-gradient(top,  #e1ffff 0%,#e1ffff 7%,#e1ffff 12%,#fdffff 12%,#e6f8fd 30%,#c8eefb 54%,#bee4f8 75%,#b1d8f5 100%);
    background: -o-linear-gradient(top,  #e1ffff 0%,#e1ffff 7%,#e1ffff 12%,#fdffff 12%,#e6f8fd 30%,#c8eefb 54%,#bee4f8 75%,#b1d8f5 100%);
    background: -ms-linear-gradient(top,  #e1ffff 0%,#e1ffff 7%,#e1ffff 12%,#fdffff 12%,#e6f8fd 30%,#c8eefb 54%,#bee4f8 75%,#b1d8f5 100%);
    background: linear-gradient(to bottom,  #e1ffff 0%,#e1ffff 7%,#e1ffff 12%,#fdffff 12%,#e6f8fd 30%,#c8eefb 54%,#bee4f8 75%,#b1d8f5 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e1ffff', endColorstr='#b1d8f5',GradientType=0 );
}

div#k-class-description dl:not(:nth-child(4n+1)) {
    margin-left: 3%;
}

div#k-class-description dl:nth-child(n+5) {
    margin-top: .5em;
}

div#k-class-description dl dt, div#k-class-description dl dd {
    text-align: center;
}

div#k-price-three {
    overflow: hidden;
    border-top: 1px solid #ccc;
    padding-top: 1em;
}

div#k-price-three a {
    display: block;
    float: left;
    width: 10.5em;
    border: 1px solid #b4b4b4;
    padding: .5em 1em;
    border-radius: 4px;
    text-align: center;
    font-weight: bold;
    color: #333;
    text-decoration: none;
    background: #f2f6f8;
    background: -moz-linear-gradient(top,  #f2f6f8 0%, #d8e1e7 50%, #b5c6d0 51%, #e0eff9 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f2f6f8), color-stop(50%,#d8e1e7), color-stop(51%,#b5c6d0), color-stop(100%,#e0eff9));
    background: -webkit-linear-gradient(top,  #f2f6f8 0%,#d8e1e7 50%,#b5c6d0 51%,#e0eff9 100%);
    background: -o-linear-gradient(top,  #f2f6f8 0%,#d8e1e7 50%,#b5c6d0 51%,#e0eff9 100%);
    background: -ms-linear-gradient(top,  #f2f6f8 0%,#d8e1e7 50%,#b5c6d0 51%,#e0eff9 100%);
    background: linear-gradient(to bottom,  #f2f6f8 0%,#d8e1e7 50%,#b5c6d0 51%,#e0eff9 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2f6f8', endColorstr='#e0eff9',GradientType=0 );
}

div#k-price-three a:not(:first-child) {
    margin-left: 2em;
}

div#k-price-three a:last-child {
    margin-left: 0;
    margin-top: 1em;
}

dl.k-caption dt, dl.k-caption dd, p.k-caption,
table.k-price th, table.k-price td
{
    font-family: "Lucida Grande","Lucida Sans Unicode","Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","メイリオ","Meiryo","ＭＳ Ｐゴシック",Helvetica,Arial,Verdana,sans-serif;
    line-height: 1.4em;
}

dl.k-caption, p.k-caption {
    margin-top: 1em;
}

dl.k-caption dt {
    float: left;
    width: 10em;
}

dl.k-caption dt, p.k-caption {
    border-left: 4px solid #ffb660;
    padding-left: 8px;
    font-weight: bold;
    font-size: 120%;
}

dl.k-caption dd {
    margin-left: 8em;
    text-align: right;
}

dl.k-caption dd a {
    padding-left: 1em;
    font-size: 90%;
}

table.k-price {
    border-spacing: 0;
    border-collapse: collapse;
    empty-cells: show;
    margin-top: 2.5em;
    width: 100%;
}

table.k-price th, table.k-price td {
    border: 1px solid gray;
    padding: 1em 8px;
}

table.k-price th {
    background-color: #FFFCDB;
    text-align: center;
}

table.k-price thead th:first-child {
    width: 126px;
}

table.k-class-std thead th:first-child {
    background-color: #00A0E9;
    color: white;
}

table.k-class-sp thead th:first-child {
    background-color: #F8B62B;
    color: white;
}

table.k-class-t thead th:first-child {
    background-color: #23AC38;
    color: white;
}

table.k-class-camp thead th:first-child {
    background-color: #374AFF;
    color: white;
}

table.k-price td:first-child {
    font-weight: bold;
    text-align: center;
}

table.k-class-std td:first-child {
    background-color: #b3e7ff;
}

table.k-class-sp td:first-child {
    background-color: #ffe4ab;
}

table.k-class-t td:first-child {
    background-color: #a9ffb6;
}

table.k-class-camp td:first-child {
    background-color: #C5DFFF;
}

table.k-price td:not(:first-child) {
    text-align: right;
}

table.k-class-std tr:nth-child(2n) td:not(:first-child) {
    background-color: #EFF8FE;
}

table.k-class-sp tr:nth-child(2n) td:not(:first-child) {
    background-color: #fff5e5;
}

table.k-class-t tr:nth-child(2n) td:not(:first-child) {
    background-color: #E5F2ED;
}

table.k-class-camp tr:nth-child(2n) td:not(:first-child) {
    background-color: #DDF2FF;
}

table.k-class-std span.k-price {
    font-size: 120%;
    color: #C30D23;
}

table.k-class-sp span.k-price {
    font-size: 120%;
    color: #1D2088;
}

table.k-class-t span.k-price {
    font-size: 120%;
}

table.k-class-camp span.k-price {
    font-size: 120%;
    color: #121E36
}


p.k-remarks {
    font-size: 90%;
}

div.k-triangle {
    text-align: right;
    margin-top: 2em;
    margin-bottom: 2em;
}

div.k-triangle a {
    display: inline-block;
    border: 1px solid #777;
    border-radius: 4px;
    padding: .2em 2em;
    color: white;
    background-color: #777;
    text-decoration: none;
}
