@charset "utf-8";

/*
 * Reset & Default Styles
 */

* {
    margin: 0;
    padding: 0;
    _zoom: 1;
}

body {
    font: 12px/1.231 'ＭＳ Ｐゴシック', sans-serif;
    *font-size: small;
    *font: x-small;
    color: #1b1b1b;
}

select,
input,
button,
textarea {
    font: 99% arial, helvetica, clean, sans-serif;
}

table {
    font-size: inherit;
    font: 100%;
}

pre,
code,
kbd,
samp,
tt {
    font-family: monospace;
    *font-size: 108%;
    line-height: 100%;
}

p,
pre,
address,
cite {
    margin: 0;
    font-style: normal;
}

p {
    margin: 10px auto;
    line-height: 1.539;
}

pre {
    padding: 0.5em 10px;
    border: 1px solid #aaa;
    width: 90%;
    overflow: scroll;
    color: #333;
    background-color: #f5f5f5;
    font-family: "Osaka－等幅", monospace;
}

blockquote {
    margin: 1.5em 20px;
    background: url(/images/site/qs.gif) 0 0 no-repeat;
    border: 1px solid #ddd;
}

blockquote p {
    padding: 10px 40px;
    background: url(/images/site/qe.gif) 100% 100% no-repeat;
}

strong,
em {
    font-style: normal;
    font-weight: normal;
}

a {
    color: #630000;
    text-decoration: none;
}

a:hover {
    color: #0000FF;
    text-decoration: underline;
}

a:visited {
    color: #990099;
    text-decoration: none;
}

a.type1 {
    color: #0000FF;
    text-decoration: underline;
}

a.type1:hover {
    color: #0000FF;
    text-decoration: none;
}

a.type1:visited {
    color: #990099;
    text-decoration: underline;
}

a.type2 {
    color: #FFFFFF;
    text-decoration: none;
}

a.type2:hover {
    color: #FFFFFF;
    text-decoration: underline;
}

a.type2:visited {
    color: #FFFFFF;
    text-decoration: none;
}

a.type3 {
    color: #630000;
    text-decoration: underline;
}

a.type3:hover {
    color: #0000FF;
    text-decoration: none;
}

a.type3:visited {
    color: #630000;
    text-decoration: underline;
}

ul,
ol {
    list-style: none;
}

ul.list li {
    overflow: hidden;
}

ul.default {
    margin: 10px 0 10px 15px;
    list-style: disc;
}

ul.default li {
    line-height: 1.6em;
    text-align: left;
}

ul.default ul {
    margin-bottom: 15px;
}

ol.default {
    margin: 5px 0 10px 20px;
    list-style: decimal;
    _padding-left: 20px;
}

*:first-child+html ol.default {
    margin: 5px 0 10px 25px;
}

ol.default li {
    line-height: 1.6em;
}

ol li ol {
    margin: 10px 0 10px 20px;
    list-style: decimal;
}

ol li {
    margin-bottom: 5px;
    line-height: 1.3em;
}

ol li ol li {
    margin-bottom: 5px;
    line-height: 1.3em;
}

ul,
ol,
li {
    _zoom: normal;
}

dl.list {
    padding: 15px 0;
    border-top: 1px solid #dbdbdb;
    border-bottom: 1px solid #dbdbdb;
}

dl.list dt {
    margin-bottom: 10px;
    width: 90px;
    float: left;
}

dl.list dd {
    margin-left: 90px;
    margin-bottom: 10px;
    padding-left: 10px;
}

dl.utility {
    padding: 15px 0;
    border-top: 1px solid #dbdbdb;
    border-bottom: 1px solid #dbdbdb;
}

dl.utility dt {
    margin-bottom: 20px;
    width: 120px;
    float: left;
    font-weight: bold;
}

dl.utility dd {
    margin-left: 120px;
    margin-bottom: 20px;
    padding: 0 0 10px 10px;
    background: url(/images/site/border_dotted.gif) repeat-x left bottom;
}

dl.utility dd p {
    margin-top: 0 !important;
}

.ward_form_element {
    clear: left;
    margin-top: 5px;
    padding-top: 8px;
    background: url(/images/site/border_dotted.gif) repeat-x left top;
}

fieldset {
    margin-bottom: 10px;
}

form {
    margin: 0.5em 0;
    padding: 1px 0;
}

legend {
    padding: 0 5px 0 2px;
}

input,
textarea {
    padding: 3px;
    vertical-align: middle;
    font-size: inherit !important;
    font-family: Arial, Helvetica, "ヒラギノ角ゴ Pro W3", sans-serif;
}

input {
    line-height: 1.2;
}

input.default {
    width: 440px !important;
}

input.name {
    width: 104px;
}

input.zip {
    width: 43px !important;
}

input.size1 {
    width: 400px;
}

input.size2 {
    width: 200px;
}

input.submit {
    padding: 10px 20px;
}

textarea.comment {
    width: 95%;
    height: 100px;
}

textarea.content1 {
    width: 334px;
    height: 200px;
}

input.file {
    width: 500px;
}

label {
    margin: 0 3px 0 2px;
    font-weight: normal;
    cursor: pointer;
}

table {
    margin: 10px auto 0 auto;
    width: 100%;
    border: 1px solid #cacaca;
    border-collapse: collapse;
    border-spacing: 0;
}

caption {
    margin: 0 0 5px 0;
    text-align: left;
    font-weight: bold;
}

th {
    padding: 10px 0;
    background: #ededed;
    border: 1px solid #cacaca;
    text-align: center;
}

td {
    padding: 10px 8px;
    border: 1px solid #cacaca;
    line-height: 1.4em;
    text-align: left;
}

table.view {
    margin: 10px auto;
    width: 677px;
}

table.view th,
table.view td {
    padding: 8px;
    background: #e6eeee;
    border: 1px solid #cdcdcd;
}

table.view td {
    background: #fff;
}

table.view tbody td {
    background: transparent;
}

table.view tbody tr.odd td {
    background: #f5f5f5;
}

img {
    border: none;
}

hr {
    display: none;
}

#breadcrumbs {
    position: absolute;
    top: -2px;
    right: 5px;
    overflow: hidden;
    margin: 10px 0 10px 5px;
    text-align: left;
    font-size: 11px;
}

#breadcrumbs em,
#breadcrumbs span {
    font-style: normal;
    font-weight: normal;
    color: #999;
}

#breadcrumbs span {
    padding: 0 5px;
}


/*
 * Form
 */

#complete {
    margin: 10px auto;
    padding: 10px;
    text-align: left;
    border: 1px solid #dbdbdb;
}


/*
 * Buttons
 */

.box_buttons {
    width: 100%;
    text-align: center;
}

.buttons {
    margin: 20px auto 15px auto;
}

.buttons button {
    margin: 0;
    padding: 0 12px;
    overflow: visible;
    cursor: pointer;
}

.buttons button span {
    display: block;
    margin: 0;
    padding: 0 0 0 20px;
    line-height: 2.3em;
    _width: 180px;
    font-weight: bold;
}

.buttons button span.edit {
    background: url(/images/site/icon/page_edit.png) no-repeat left center;
}

.buttons button span.confirm {
    background: url(/images/site/icon/page_white_edit.png) no-repeat left center;
}

.buttons button span.send {
    background: url(/images/site/icon/page_white_go.png) no-repeat left center;
}

.buttons button span.back {
    background: url(/images/site/icon/prev.png) no-repeat left center;
}

.buttons button span.close {
    background: url(/images/site/icon/cross.png) no-repeat left center;
}

.buttons button span.print {
    background: url(/images/site/icon/printer.png) no-repeat left center;
}

.buttons button span.google {
    background: url(/images/site/google.gif) no-repeat left center;
}

.buttons button span.comment {
    background: url(/images/site/icon/comment.png) no-repeat left center;
}

.buttons button span.email {
    background: url(/images/site/icon/email.png) no-repeat left center;
}


/*
 * Decorations Module
 */


/*
h1 span,h2 span,h3 span,h4 span,h5 span{display:none}
 */

p.right {
    margin: 5px 0 0 0;
    float: none !important;
    text-align: right;
}

p.border {
    padding-top: 5px;
    border-top: 1px solid #dbdbdb
}

img.left {
    float: left;
    margin: 0 10px 10px 0;
    padding: 1px;
}

img.right {
    float: right;
    margin: 0 0 10px 10px;
    padding: 1px;
}

img.middle {
    vertical-align: middle;
}

img.border {
    padding: 1px;
}

img.middle {
    vertical-align: middle;
}

.hr {
    padding: 15px 0;
    background: url(/images/site/border_dotted.gif) repeat-x left center;
}

span.b {
    font-weight: bold;
}

span.ex {
    font-size: 93%;
    color: #999;
}

span.big {
    font-size: 123.1%;
}

span.small {
    font-size: 93%;
}

span.red,
strong.red {
    color: #cc0000;
}

strong {
    font-weight: bold
}

span.blue {
    color: #3333ff;
}

span.gray {
    color: #999;
}

.NOTES {
    font-weight: bold;
    color: #990000;
}

.NOTES2 {
    color: #ff0000;
}

.NOTICE {
    font-weight: bold;
    font-size: 174%;
    color: #990000;
}

span.marker {
    background: #f5d123;
    font-weight: bold;
}

.num {
    text-align: right;
}

.error-message {
    margin: 5px 0 3px 0;
    padding: 5px 2px 0 20px;
    border-top: 1px dotted #d4d4d4;
    background: url(/images/site/icon/exclamation.png) no-repeat scroll 0 center;
    color: #990000;
    text-align: left !important;
}

.form-error {
    border: 1px solid #ff0000;
    background: #ffcccc;
}

tr.odd td {
    background: #fafafa !important;
}

tr.selected_row td {
    background: #e8d9d8 !important;
}


/* Complete Message */

div.messages {
    padding: 2px 2px 2px 25px;
    background: #ffffcb;
    border: 1px solid #ccc;
    text-align: center;
    font-weight: bold;
    font-size: 123.1%;
    color: #ff0000;
}

div.cream {
    border: 1px solid #D4D4D4;
    margin: 10px auto !important;
    padding: 10px !important;
    background: #FAFFF0;
}

div.cream p {
    margin: 0;
}

div.cream ul {
    margin: 0 0 0 10px;
}


/*
 * Common Layout Module
 */

body {
    background: url(/images/site/bg_body.gif) repeat-y left top fixed;
}

#topsection {
    z-index: 2;
    position: fixed;
    top: 0;
    left: 0;
    width: 720px;
    height: 78px;
    background: #fff;
}

#header {
    overflow: hidden;
    background: #000;
    color: #fff;
    font-size: 11px;
}

#headervisual {
    width: 720px;
    height: 65px;
    overflow: hidden;
    background: url(/images/site/bg_head2.jpg) top left no-repeat;
}

#headervisual a img {
    margin-left: 5px;
}

#headervisual a {
    z-index: 100;
    position: relative;
}

#header h1 {
    font-size: 11px;
    font-weight: normal;
}

#header a,
#header a:hover {
    color: #fff;
    text-decoration: none;
}

#contentcolumn {
    z-index: 1;
    position: absolute;
    top: 78px;
    left: 140px;
    width: 580px;
    text-align: center;
}

#leftcolumn {
    z-index: 2;
    position: fixed;
    top: 78px;
    left: 0;
    width: 140px;
}

#left_info {
    margin: 10px 5px;
    color: #fff;
    text-align: center;
    font-size: 10px;
}

#left_info a {
    color: #fff;
}


/*
	 * Grobal Navigation
	 */

#gnav {
    width: 140px;
    text-align: center;
    background: url(/images/site/bg_gnav2.jpg) no-repeat left top;
    padding-top: 25px;
}

#gnav li {
    width: 140px;
    height: 28px;
    /* IE6 FIX */
    _font-size: 1px;
    _margin-bottom: -1px;
}


/* IE7 FIX */

*:first-child+html #gnav li {
    vertical-align: bottom;
}

#gnav li a {
    display: block;
    width: 140px;
    height: 28px;
    background-image: url(/images/site/bg_gnav2.jpg);
    background-repeat: no-repeat;
}

#gnav li a span {
    display: none;
}

#gnav li#gnav_home a {
    background-position: left -25px;
}

#gnav li#gnav_home a:hover {
    background-position: -140px -25px
}

#gnav li#gnav_home a.current {
    background-position: right -25px
}

#gnav li#gnav_realtime a {
    background-position: left -53px;
}

#gnav li#gnav_realtime a:hover {
    background-position: -140px -53px
}

#gnav li#gnav_realtime a.current {
    background-position: right -53px
}

#gnav li#gnav_news a {
    background-position: left -81px;
}

#gnav li#gnav_news a:hover {
    background-position: -140px -81px
}

#gnav li#gnav_news a.current {
    background-position: right -81px
}

#gnav li#gnav_companion a {
    background-position: left -137px;
}

#gnav li#gnav_companion a:hover {
    background-position: -140px -137px
}

#gnav li#gnav_companion a.current {
    background-position: right -137px
}

#gnav li#gnav_schedule a {
    background-position: left -109px;
}

#gnav li#gnav_schedule a:hover {
    background-position: -140px -109px
}

#gnav li#gnav_schedule a.current {
    background-position: right -109px
}

#gnav li#gnav_system a {
    background-position: left -249px;
}

#gnav li#gnav_system a:hover {
    background-position: -140px -249px
}

#gnav li#gnav_system a.current {
    background-position: right -249px
}

#gnav li#gnav_faq a {
    background-position: left -389px;
}

#gnav li#gnav_faq a:hover {
    background-position: -140px -389px
}

#gnav li#gnav_faq a.current {
    background-position: right -389px
}

#gnav li#gnav_reserve a {
    background-position: left -277px;
}

#gnav li#gnav_reserve a:hover {
    background-position: -140px -277px
}

#gnav li#gnav_reserve a.current {
    background-position: right -277px
}

#gnav li#gnav_offer a {
    background-position: left -305px;
}

#gnav li#gnav_offer a:hover {
    background-position: -140px -305px
}

#gnav li#gnav_offer a.current {
    background-position: right -305px
}

#gnav li#gnav_enquete a {
    background-position: left -193px;
}

#gnav li#gnav_enquete a:hover {
    background-position: -140px -193px
}

#gnav li#gnav_enquete a.current {
    background-position: right -193px
}

#gnav li#gnav_new_face a {
    background-position: left -221px;
}

#gnav li#gnav_new_face a:hover {
    background-position: -140px -221px
}

#gnav li#gnav_new_face a.current {
    background-position: right -221px
}

#gnav li#gnav_ranking a {
    background-position: left -165px;
}

#gnav li#gnav_ranking a:hover {
    background-position: -140px -165px
}

#gnav li#gnav_ranking a.current {
    background-position: right -165px
}

#gnav li#gnav_costume a {
    background-position: left -361px;
}

#gnav li#gnav_costume a:hover {
    background-position: -140px -361px
}

#gnav li#gnav_costume a.current {
    background-position: right -361px
}

#gnav li#gnav_bbs a {
    background-position: left -333px;
}

#gnav li#gnav_bbs a:hover {
    background-position: -140px -333px
}

#gnav li#gnav_bbs a.current {
    background-position: right -333px
}

#gnav li#gnav_recruit a {
    background-position: left -417px;
}

#gnav li#gnav_recruit a:hover {
    background-position: -140px -417px
}

#gnav li#gnav_recruit a.current {
    background-position: right -417px
}

#gnav li#gnav_link a {
    background-position: left bottom;
}

#gnav li#gnav_link a:hover {
    background-position: -140px bottom
}

#gnav li#gnav_link a.current {
    background-position: right bottom
}

#footer {
    border-top: 1px solid #650000;
    margin: 10px 5px;
    font-size: 100%;
}

#footer #box_footer {
    margin: 10px 5px;
    text-align: center;
}

#box_footer div {
    line-height: 1.8em;
}

#box_footer div span {
    color: #630000;
    padding: 0 4px;
}

#box_footer div a,
#box_footer div a:visited {
    color: #630000;
    text-decoration: none;
}

#box_footer div a:hover {
    color: #630000;
    text-decoration: underline;
}

address {
    margin: 20px 0 0 0;
    text-align: right;
    font-family: arial, sans-serif;
    font-size: 85%;
}


/*
 * Universal Box Modules
 */

.innertube {
    margin: 15px;
}

.innertube2 {
    margin: 15px 15px 40px 15px;
}

.innertube3 {
    margin: 15px 10px 40px 10px;
}

.innertube4 {
    margin: 15px 15px 20px 15px;
}

.box {
    overflow: hidden;
}

.left {
    float: left;
}

.right {
    float: right;
}

.center {
    text-align: center;
}

div.p20 div.left {
    width: 20%;
    text-align: center;
}

div.p25 div.left {
    width: 25%;
    text-align: center;
}

div.p33 div.left {
    width: 33%;
    text-align: center;
}

ul.list {
    margin-bottom: 10px;
}

ul.list li {
    padding: 8px 0;
    background: url(/images/site/border_dotted.gif) repeat-x left bottom;
}

ul.list li .date {
    float: left;
    width: 135px;
}

ul.list li .content {
    float: left;
    width: 415px;
}

ul.view li .date {
    width: 110px !important;
}

ul.view li .content {
    float: left;
    width: 553px !important;
}

a.kochira {
    padding: 0 0 0 15px;
    background: url(/images/site/kochira.gif) no-repeat left center;
}

div.kochira {
    float: right;
    margin: 0px 10px 0 0;
    text-align: right;
}

div.kochira p {
    margin: 0 0 5px 0;
    background: url(/images/site/border_dotted.gif) repeat-x left bottom;
}

div.kochira p img {}

.page_comment {
    margin: 0 auto;
    width: 505px;
}

.page_comment p {
    margin: 0;
    padding: 10px;
}

.page_comment p.ranking {
    background: url(/images/site/bg_ranking_comment.jpg) no-repeat center center;
}

.page_comment p.report {
    background: url(/images/site/bg_report_comment.gif) no-repeat center center;
}

p.common {
    padding: 0 0 0 20px;
}


/* Form */

input.text {
    width: 95%;
}

textarea.textarea {
    width: 95%;
    height: 200px
}

.table_form {
    margin: 0 auto;
    border: 1px solid #d4d4d4;
    background: #f5f5f5;
    border-collapse: collapse;
    border-spacing: 0;
}

.table_form th {
    width: 164px;
    border: 1px solid #d4d4d4;
}

.table_form th.s {
    width: 76px !important;
    font-weight: normal;
}

.table_form th#caption {
    width: auto;
    padding: 7px 8px;
    text-align: left;
    background: #eee !important;
}

.table_form td {
    width: 460px;
    background: #fff;
    border: 1px solid #d4d4d4;
    word-break: break-all;
}

.box_NOTES {
    overflow: hidden;
    margin: 0 auto 15px auto;
    padding: 10px;
    border: 1px solid #650000;
    background: #ffeaea;
}

.box_NOTES h3 {
    line-height: 1em;
    padding: 4px 0 4px 20px !important;
    border-bottom: 1px solid #650000;
    color: #000 !important;
    font-size: 1.17em !important;
    font-weight: bold !important;
}

.box_NOTES h3.confirm {
    background: url(/images/site/icon/page_white_edit.png) no-repeat left center;
}

.box_NOTES h3.email {
    background: url(/images/site/icon/email.png) no-repeat left center;
}

.box_NOTES h3.error {
    background: url(/images/site/icon/error.png) no-repeat left center;
}

.box_NOTES ul {
    margin: 10px 10px -10px 20px;
}

.box_NOTES li {
    line-height: 1em;
    margin-bottom: 10px;
}

.box_NOTES .buttons {
    margin: 0 !important;
    float: right;
}

.form-checkbox {
    float: left;
    margin: 0 0 10px 0;
    width: 128px;
}

.form-checkbox-small {
    float: left;
    margin: 0;
    width: 90px;
}

.back2top {
    clear: both;
    overflow: hidden;
    margin: 0 auto;
    width: 98%;
}

.back2top a {
    float: right;
    display: block;
    width: 132px;
    height: 25px;
    background: url(/images/site/back2top.gif) no-repeat left top;
}

.back2top a span {
    display: none;
}


/*
 * Main Contents
 */

.box_main {
    overflow: hidden;
    width: 570px;
    margin: 0 auto 10px auto;
    text-align: left;
}

.box_header {
    overflow: hidden;
    margin: 7px auto 0 auto;
    text-align: left;
}

.box_header h1 span,
.box_header2 h2 span,
.box_header h2 span,
.box_header h3 span {
    display: none
}

.box_header h2 div.right span {
    display: inline;
    font-weight: normal;
}

.box_header h1,
.box_header2 h2 {
    margin-bottom: 10px;
    width: 570px;
    height: 26px;
}

#h1_companion {
    background: url(/images/site/midashi/companion.gif) no-repeat left top
}

#h1_companion_newface {
    background: url(/images/site/midashi/newface_special.gif) no-repeat left top
}

#h1_real_time {
    background: url(/images/site/midashi/realtime.gif) no-repeat left top
}

#h1_news {
    background: url(/images/site/midashi/news.gif) no-repeat left top
}

#h1_schedule {
    background: url(/images/site/midashi/todays_schedule.gif) no-repeat left top
}

#h1_reserve {
    background: url(/images/site/midashi/reserve.gif) no-repeat left top
}

#h1_costume {
    background: url(/images/site/midashi/costume.gif) no-repeat left top
}

#h1_system {
    background: url(/images/site/midashi/system.gif) no-repeat left top
}

#h1_faq {
    background: url(/images/site/midashi/qa.gif) no-repeat left top
}

#h1_ranking {
    background: url(/images/site/midashi/ranking.gif) no-repeat left top
}

#h1_enquete {
    background: url(/images/site/midashi/report.gif) no-repeat left top
}

#h1_bbs {
    background: url(/images/site/midashi/bbs.gif) no-repeat left top
}

#h1_recruit {
    background: url(/images/site/midashi/recruit.gif) no-repeat left top
}

#h1_link {
    background: url(/images/site/midashi/link.gif) no-repeat left top
}

#h1_campaign_monthly {
    background: url(/images/site/midashi/campaign_monthly.gif) no-repeat left top
}

#h1_campaign_special {
    background: url(/images/site/midashi/campaign_special.gif) no-repeat left top;
    height: 30px;
}

#h1_free_course {
    background: url(/images/site/midashi/free_course.gif) no-repeat left top
}

#h1_inquiry {
    background: url(/images/site/midashi/inquiry.gif) no-repeat left top
}

#h1_pv {
    background: url(/images/site/midashi/pv.gif) no-repeat left top
}

#h1_new_year_greeting {
    background: url(/images/site/midashi/new_year_greeting.gif) no-repeat left top
}

#h1_offer {
    height: 29px;
    background: url(/images/site/midashi/offer.gif) no-repeat left top
}

#h2_newface {
    background: url(/images/site/midashi/newface.gif) no-repeat left top
}

#h2_pickup {
    background: url(/images/site/midashi/pickup.gif) no-repeat left top
}

#h2_news {
    background: url(/images/site/midashi/news.gif) no-repeat left top
}

#h2_enquete {
    background: url(/images/site/midashi/enquete.gif) no-repeat left top
}

#h2_ml {
    background: url(/images/site/midashi/magazine.gif) no-repeat left top
}

#h2_group {
    background: url(/images/site/midashi/group.gif) no-repeat left top
}

#h2_link {
    background: url(/images/site/midashi/link.gif) no-repeat left top
}

#h2_todays_schedule {
    background: url(/images/site/midashi/todays_schedule.gif) no-repeat left top
}

.box_header h2 {
    margin-bottom: 10px;
    height: 15px;
    border-bottom: 1px solid #650000;
    font-size: 100%;
}

.box_banner {
    margin: 0 auto 7px auto;
}


/*
 * Home
 */

.filmstrip li {
    width: 148px;
    height: 16px;
    line-height: 16px;
    color: #fff;
}

.box_news {
    margin: 0 auto;
    width: 503px;
    border-right: 1px solid #000;
    border-bottom: 1px solid #000;
}

.box_news ul.list {
    margin: 0;
    padding: 5px 10px;
    border: 1px solid #650000;
    background: url(/images/site/bg_renga.gif) repeat left top
}

.box_news ul.list li {
    margin: 0 0 5px 0;
    padding: 5px 0 0 0;
    background: none !important;
    border-bottom: 1px dotted #650000;
}

.box_news ul.list li div.date {
    float: left;
    width: 140px;
}

.box_news ul.list li div.content {
    float: left;
    width: 341px !important;
}


/*
 * Companion
 */

.box_companions {
    overflow: hidden;
    width: 580px;
    margin: 0 -10px 0 4px;
}

.box_companion_wrapper {
    float: left;
    margin: 0 10px 10px 0;
    width: 179px;
    border-right: 1px solid #000;
    border-bottom: 1px solid #000;
}

*:first-child+html .box_companion_wrapper {}

.box_companion {
    border: 1px solid #650000;
}

.box_companion .box .left {
    width: 120px;
    height: 160px;
    border-right: 1px solid #650000;
}

.box_companion .box .right {
    padding: 2px;
    width: 52px;
    text-align: center;
}

.box_companion .box .right h2 {
    margin: 2px 0;
    padding: 1px 0 0 10px;
    background: url(/images/site/point2.gif) repeat-y left top;
    border-bottom: 1px solid #650000;
    text-align: left;
    font-size: 12px;
    font-weight: normal;
}

.box_companion .box .right p {
    margin: 0;
    text-align: right;
}

.box_companion .box .right dl {
    margin-top: 2px;
    padding-top: 2px;
    border-top: 1px solid #650000;
    border-bottom: 1px solid #650000;
    background: url(/images/site/bg_renga.gif) repeat left top;
}

.box_companion .box .right dl dt {
    float: left;
    padding: 1px 0;
    width: 25px;
    text-align: right;
    border-bottom: 1px dotted #650000;
}

.box_companion .box .right dl dd {
    margin-left: 26px;
    padding: 1px 0;
    text-align: right;
    border-bottom: 1px dotted #650000;
}

.box_companion .box .right dl dt.last,
.box_companion .box .right dl dd.last {
    border-bottom: none;
}

.box_companion .bt{
	text-align: center;
}

.box_companion .bottom {
    padding: 2px 0;
    text-align: center;
    background: #650000 url(/images/site/bg_point.gif) no-repeat left center;
    color: #fff;
}

.box_companion .bottom2 {
    padding: 5px 0;
}

.box_companion .bottom2 p {
    margin: 0 5px;
    line-height: 1.4em;
}

*:first-child+html .box_companion .bottom2 p {
    letter-spacing: -1px;
}

.box_newface {
    margin: 15px auto 30px auto !important;
}

.box_newface h2 span {
    padding: 0 0 5px 10px;
    font-weight: normal !important;
    font-size: 93% !important;
    color: #990000;
}

.box_reverse {}

.box_reverse .left {
    float: right !important;
}

.box_reverse .right {
    float: left !important;
}

.box_companion_detail {
    overflow: hidden;
    width: 550px;
    margin: 20px auto 0 auto;
}

.box_companion_detail .body {
    overflow: hidden;
    margin: 15px 0 0 0;
    position: relative;
    z-index: 9997;
    min-height: 256px;
}

.box_companion_detail .body .left {
    width: 344px;
    min-height: 256px;
    height: auto !important;
    height: 256px;
    background: url(/images/site/bg_pickup.jpg) no-repeat right center;
}

.box_companion_detail .body .left p {
    margin: 0 10px;
    line-height: 1.4em;
}

#box_thumbs {
    text-align: center;
    width: 354px;
    margin: 10px -12px 0 12px;
}

#box_thumbs a {
    display: block;
    width: 74px;
    height: 94px;
    margin: 0 12px 0 0;
    float: left;
    background: url(/images/site/bg_companion_profile_thumb.gif) no-repeat left top
}

#box_thumbs a img {
    margin: 7px 0 0 0;
}

.box_companion_detail .body .right {
    position: absolute;
    z-index: 9998;
    right: 0;
    bottom: 0;
    width: 196px;
    height: 256px;
    background: url(/images/site/bg_companion_profile.gif) no-repeat left bottom;
}

.box_companion_detail .body .right img#img_profile {
    margin: 8px 0 0 8px;
}

#img_name {
    position: absolute;
    right: 0;
    margin: -7px 18px 0 0;
    z-index: 9999;
}

.box_companion_detail .body .right p {
    clear: right;
    margin-top: 20px;
    padding-top: 8px;
    background: url(/images/site/border_dotted.gif) repeat-x left top;
}

.box_companion_detail h3 {
    overflow: hidden;
    height: 20px;
    border-bottom: 1px solid #650000;
    font-size: 12px;
    font-weight: normal;
}

.box_companion_detail h3 .left span {
    display: none;
}

.box_companion_detail h3 .right {
    padding: 7px 0 0 0;
}

.box_pickup {
    width: 550px;
    margin: -5px auto 0 auto;
}

.box_pickup .body {
    overflow: hidden;
    margin: 15px 0 0 0;
    position: relative;
    min-height: 265px;
}

.box_pickup .body .left {
    padding-bottom: 1px;
    width: 196px;
    background: url(/images/site/bg_companion_profile.gif) no-repeat left top;
    bottom: 0;
    position: absolute;
}

.box_pickup .body .left img#img_profile {
    margin: 8px 0 0 8px;
}

.box_pickup #img_name {
    position: relative;
    float: right;
    margin: -1px 2px 0 0;
}

.box_pickup .body .right {
    position: relative;
    width: 344px;
    min-height: 256px;
    height: auto !important;
    height: 256px;
    background: url(/images/site/bg_pickup.jpg) no-repeat right bottom;
}

.box_pickup .body .right h3 {
    margin: 0 0 5px 10px;
    padding: 5px 0;
    border-bottom: 1px solid #650000;
    font-size: 12px;
    font-weight: normal;
}

.box_pickup .body .right p {
    /*position: absolute;*/
    right: 0;
    /*bottom:3px;*/
    margin: 0 10px;
    line-height: 1.4em;
}

#h3_companion_schedule {
    background: url(/images/site/companion/schedule.gif) no-repeat left top
}

#h3_companion_qa {
    background: url(/images/site/companion/qa.gif) no-repeat left top
}

#h3_companion_playmenu {
    background: url(/images/site/companion/playmenu.gif) no-repeat left top
}

#h3_companion_costume {
    background: url(/images/site/companion/costume.gif) no-repeat left top
}

#h3_companion_report {
    background: url(/images/site/companion/report.gif) no-repeat left top
}

#h3_companion_data {
    background: url(/images/site/companion/data.gif) no-repeat left top
}

#box_companion_detail_data {}

#box_companion_detail_data .left {
    width: 325px;
    background: url(/images/site/bg_companion_qa.gif) no-repeat center center;
}

ul#ul_companion_qa {
    margin: 5px 0 0 0;
}

ul#ul_companion_qa li {
    overflow: hidden;
    padding: 6px 0;
    background: url(/images/site/border_dotted.gif) repeat-x left bottom;
}

ul#ul_companion_qa li .date {
    float: left;
    width: 110px;
    font-weight: bold;
}

ul#ul_companion_qa li .content {
    float: left;
    width: 205px !important;
}

#box_companion_detail_data .right {
    width: 210px;
}

.table_companion_data {
    margin-bottom: 15px;
    font-size: 93%;
    border: 1px solid #650000;
    border-right: 2px solid #650000;
    border-bottom: 2px solid #650000;
}

.table_companion_data th,
.table_companion_data td {
    padding: 5px 4px;
    border: 1px solid #650000;
}

.table_companion_data th {
    text-align: left;
    background: url(/images/site/bg_renga.gif) repeat left top;
}

.table_companion_data td {
    text-align: center;
}

.play_menu th,
.play_menu td {
    color: #630000;
    font-weight: normal;
    font-size: 12px;
}

dl#dl_companion_report {
    margin: 10px 0 0 0;
}

ul#ul_companion_qa {
    margin: 5px 0 0 0;
}

ul#ul_companion_qa li {
    overflow: hidden;
    padding: 6px 0;
    background: url(/images/site/border_dotted.gif) repeat-x left bottom;
}

ul#ul_companion_qa li .date {
    float: left;
    width: 110px;
    font-weight: bold;
}

ul#ul_companion_qa li .content {
    float: left;
    width: 205px !important;
}

.box_relation_girls {
    overflow: hidden;
    margin: 10px 0 20px 0;
    width: 560px;
}

.box_relation_girls .relation_girl {
    float: left;
    width: 100px;
    margin: 0 8px 0 0;
    background: url(/images/site/bg_renga.gif) repeat left top;
    border: 1px solid #650000;
    border-right: 2px solid #650000;
    border-bottom: 2px solid #650000;
}

.box_relation_girls .relation_girl .box .left {
    width: 50px;
}

.box_relation_girls .relation_girl .box .left img {
    border-right: 1px solid #650000;
}

.box_relation_girls .relation_girl .box .right {
    padding-top: 10px;
    width: 49px;
    text-align: center;
}

.box_relation_girls .relation_girl .bottom {
    margin-top: -3px;
    padding: 3px 0;
    border-top: 1px solid #650000;
    background: url(/images/site/bg_newface.jpg) repeat-x left top;
    text-align: center;
    font-size: 93%;
}

.box_cool_girls {
    overflow: hidden;
    margin: 20px auto;
    width: 560px;
    border: 1px solid #650000;
    border-right: 2px solid #650000;
    border-bottom: 2px solid #650000;
}

.box_cool_girls .header {
    overflow: hidden;
    padding: 5px 10px;
}

.box_cool_girls .body {
    overflow: hidden;
    padding: 10px;
    border-top: 1px solid #650000;
    background: url(/images/site/bg_renga.gif) repeat left top;
    width: 558px;
    margin-right: -8px;
}

.box_cool_girls .body .relation_girl {
    float: left;
    width: 100px;
    margin: 0 8px 0 0;
    background: url(/images/site/bg_renga.gif) repeat left top;
    border: 1px solid #650000;
}

.box_cool_girls .body .relation_girl .box .left {
    width: 50px;
}

.box_cool_girls .body .relation_girl .box .left img {
    border-right: 1px solid #650000;
}

.box_cool_girls .body .relation_girl .box .right {
    padding-top: 10px;
    width: 49px;
    text-align: center;
}

.box_cool_girls .body .relation_girl .bottom {
    margin-top: -3px;
    padding: 3px 0;
    border-top: 1px solid #650000;
    background: url(/images/site/bg_newface.jpg) repeat-x left top;
    text-align: center;
    font-size: 93%;
}


/*
 * PV
 */

#box_companions_pv {
    overflow: hidden;
    margin: 0 15px;
}

#box_companions_pv .left,
#box_companions_pv .right {
    width: 258px;
    border: 1px solid #950000;
    border-right: 2px solid #950000;
    border-bottom: 2px solid #950000;
    background: url(/images/site/bg_pv.jpg) no-repeat right 30px;
}

#box_companions_pv .left h2,
#box_companions_pv .right h2 {
    padding: 2px 0 2px 4px;
    border-bottom: 1px solid #950000;
}

.ol_pv {
    margin: 10px 5px;
}

.ol_pv li {
    overflow: hidden;
    _zoom: 1;
    background: url(/images/site/border_dotted.gif) repeat-x left bottom;
    padding-bottom: 10px;
    margin-bottom: 10px;
    width: 248px;
}

.ol_pv li a.best3 {
    display: block;
    float: left;
    width: 50px;
    height: 50px;
    padding: 1px;
    border: 1px solid #950000;
}

.ol_pv li p {
    float: left;
    _zoom: 1;
    margin: 0 0 0 10px;
    line-height: 1.4em;
}

.ol_pv li .cnt {
    margin-right: 10px;
    text-align: right;
    font-weight: bold;
    font-size: 123.1%;
    color: #950000;
}

.ol_pv li.out_of_best3 {
    float: left;
    width: 124px;
}

.ol_pv li.out_of_best3 .box {
    margin: 0 5px;
}

.ol_pv li.out_of_best3 .box .left,
.ol_pv li.out_of_best3 .box .right {
    border: none !important;
    background: none !important;
}

.ol_pv li.out_of_best3 .box .left {
    width: 70px !important;
}

.ol_pv li.out_of_best3 .box .left span {
    font-weight: bold;
    color: #950000;
}

.ol_pv li.out_of_best3 .box .right {
    text-align: right;
    width: 44px !important;
}


/*
 * Schedule
 */

#box_schedule_today_companions {
    overflow: hidden;
    width: 550px;
    margin-left: 15px;
    margin-right: -10px;
}

#box_schedule_today_companions .left {
    margin: 0 10px 10px 0;
    width: 97px;
    border: 1px solid #670001;
    border-right: 2px solid #670001;
    border-bottom: 2px solid #670001;
    text-align: center;
}

#box_schedule_today_companions .left img {
    vertical-align: bottom;
}

#box_schedule_today_companions .left .bottom {
    padding: 3px 0 0 0;
    border-top: 1px solid #670001;
}

#box_schedule_today_companions .left .bottom p {
    margin: 3px 0 0 0;
    padding: 3px 0 2px 0;
    border-top: 1px dotted #670001;
    background: #ffeded;
}

#table_companion_schedule {
    border: 1px solid #650000;
    border-right: 2px solid #650000;
    border-bottom: 2px solid #650000;
}

#table_companion_schedule caption {
    font-size: 100%;
    text-align: right;
    font-weight: normal;
    color: #C00;
}

#table_companion_schedule th {
    background: url(/images/site/bg_newface.jpg) repeat left top;
}

#table_companion_schedule th,
#table_companion_schedule td {
    padding: 2px 0;
    font-size: 12px;
    text-align: center;
    border: 1px solid #650000 !important;
    color: #630000;
}

#table_companion_schedule td {
    background: #ffeded;
}

.sunday {
    color: #FF0000;
    display: inline !important;
}

.saturday {
    color: #0000FF;
    display: inline !important;
}

#table_companion_schedule td .tooltip {
    display: none;
    background: #fff;
    width: 289px;
    height: 115px;
    overflow: hidden;
    background: url(/images/site/bg_tooltip_schedule.png) no-repeat left top;
    font-size: 12px !important;
}

#table_companion_schedule td .tooltip .box {
    margin: 18px 0 0 12px;
}

#table_companion_schedule td .tooltip .left {
    width: 70px;
}

#table_companion_schedule td .tooltip .right {
    width: 199px;
    text-align: left;
}

#table_companion_schedule td a,
#table_companion_schedule td a:visited {
    color: #630000;
    text-decoration: underline;
}

#table_companion_schedule td a:hover {
    color: #0000FF;
    text-decoration: none;
}


/*
 * Offer
 */

.box_offer {
    width: 550px;
    margin-bottom: 10px;
    padding-bottom: 10px;
    background: url(/images/site/offer/bg.jpg) left top;
}

.box_offer .box {
    margin: 10px;
    margin-bottom: 0;
    background-color: #fff;
    text-align: center;
}

.box_offer h3 {
    background-image: url(/images/site/offer/title.gif);
    background-repeat: none;
    width: 550px;
    height: 30px;
}

.box_offer h3 span {
    display: none
}

.box_offer #h3_1 {
    background-position: left top
}

.box_offer #h3_2 {
    background-position: left bottom
}

.box_offer ul {
    list-style-type: disc;
    margin: 20px;
}

.box_offer li {
    text-align: left;
    margin: 0 0 10px 20px;
    color: #650000;
    font-size: 14px;
    line-height: 1.6em;
}

#btnAttendanceRequest button {
    width: 491px;
    height: 70px;
    padding: 0;
    margin: 0 auto 20px auto;
    border: 0;
    font-size: 0;
    line-height: 0;
    overflow: visible;
    cursor: pointer;
    background-image: url(/images/site/offer/btn.gif);
    background-repeat: no-repeat;
    background-position: left top;
}

#btnAttendanceRequest button:hover {
    background-position: left bottom;
}

.Attendance_request {
    width: 570px;
    font-size: 13px;
}

.Attendance_request p {
    display: inline;
    float: left;
    background: #efefef;
    margin: 0;
    padding: 3px 5px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px;
    border: 1px solid #ddd;
}

.Attendance_request p.current {
    display: inline;
    float: left;
    background: #ffcccc;
    margin: 0;
    padding: 3px 5px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px;
    border: 1px solid #731515;
}

.Attendance_request span {
    float: left;
    padding: 4px 3px;
}

.cf:after {
    content: "";
    display: block;
    clear: both;
    height: 0;
    visibility: hidden;
}

ul {
    list-style: none;
}

.cf {
    zoom: 1;
}


/*
 * Reserve
 */

.reserve_flow_h2 {
    margin-bottom: 10px;
    border-bottom: 1px solid #650000;
}

.box_reserve_flow {
    overflow: hidden;
    _zoom: 100%;
    margin: 0 auto 20px auto;
    width: 548px;
    border: 1px solid #650000;
    text-align: center;
}

.box_reserve_flow h3 {
    padding: 5px;
    font-size: 12px;
    color: #fff;
    font-weight: normal;
    background: #650000;
    text-align: left;
}

.box_reserve_flow .box {
    margin: 15px 20px;
}

.box_reserve_flow .box h4 {
    margin-bottom: 5px;
    font-weight: normal;
    font-size: 12px;
    border-bottom: 1px solid #650000;
    text-align: left;
}

.box_reserve_flow .box ul {
    margin: 10px 0 0 30px;
    list-style-type: square;
}

.box_reserve_flow .box ol li {
    margin-bottom: 15px;
    padding-bottom: 15px;
    background: url(/images/site/border_dotted.gif) repeat-x left bottom;
}

.box_reserve_flow .box ol li p {
    margin-bottom: 15px;
    text-align: left;
}

.box_reserve_flow .box .box_NOTES {
    margin-bottom: 6px !important;
}

.reserve_flow {
    margin: 10px auto 0 auto;
    width: 570px;
    height: 29px;
    background-image: url(/images/site/reserve_flow.gif);
    background-repeat: no-repeat;
}

.reserve_flow span {
    display: none;
}

#flow1 {
    background-position: left top;
}

#flow2 {
    background-position: left -29px;
}

#flow3 {
    background-position: left -58px;
}

#flow4 {
    background-position: left -87px;
}

#flow5 {
    background-position: left bottom;
}

#box_header_form {
    margin: 0 auto 15px auto;
}

#box_header_form h3 {
    overflow: hidden;
    border-bottom: 1px solid #650000;
}

#box_header_form h3.reserve .left {
    width: 124px;
    height: 23px;
    background: url(/images/site/midashi/reserve_form.gif) no-repeat left top;
}

#box_header_form h3 span {
    display: none;
}

#box_header_form h3 .right {
    width: 446px;
}

#box_header_form h3 .right span {
    display: block;
    float: right;
    padding: 5px 0 0 18px;
    height: 16px;
    background: url(/images/site/icon/lock.gif) no-repeat scroll left center;
    font-size: 77% !important;
    font-weight: normal;
}

#box_header_form h3 .right p {
    margin: -3px 0 0 0;
}

#box_reserve_companion {
    margin: 0 auto 10px auto;
    padding-bottom: 15px;
    overflow: hidden;
    background: url(/images/site/border_dotted.gif) repeat-x left bottom;
}

#box_reserve_companion .left {
    width: 62px;
}

#box_reserve_companion .left img {
    border: 1px solid #650000;
}

#box_reserve_companion .right {
    width: 498px;
}

#box_reserve_companion .right h2 {
    overflow: hidden;
    padding: 0 0 3px 0;
    border-bottom: 1px solid #650000;
    font-size: 100%;
}

#box_reserve_companion .right h2 .left {
    width: 300px;
}

#box_reserve_companion .right h2 .right {
    width: 198px;
    font-weight: normal;
}

#box_reserve_companion .right dl {
    margin-top: 3px;
    padding-top: 3px;
}

#box_reserve_companion .right dl dt {
    float: left;
    padding: 4px 0;
    width: 120px;
    text-align: right;
    background: url(/images/site/border_dotted.gif) repeat-x left bottom;
    font-weight: bold;
}

#box_reserve_companion .right dl dd {
    margin-left: 120px;
    padding: 4px 0 4px 5px;
    background: url(/images/site/border_dotted.gif) repeat-x left bottom;
}

.box_reserve_option {
    margin: 5px auto 0 auto;
    padding: 10px 0 0 0;
    border-top: 1px dotted #999;
}

#total_price {
    margin-bottom: 5px;
    padding-bottom: 5px;
    background: url(/images/site/border_dotted.gif) repeat-x left bottom;
}

#total_price em {
    font-weight: bold !important;
}


/*
 * Campaign
 */

.box_campaign {
    margin: -10px 0 40px 10px;
    padding: 10px;
    border-right: 1px solid #650000;
    border-bottom: 2px solid #650000;
}

.box_campaign p {
    margin: 0;
}


/*
 * Costume
 */

.box_costume {
    overflow: hidden;
    margin: 0 auto 10px auto;
    width: 570px;
    height: 285px;
    background-repeat: no-repeat;
    background-position: left top;
}

.box_costume .thumbs {
    margin: 17px;
    width: 290px;
    width: 300px;
    margin-right: -10px;
    height: 250px;
}

.box_costume .thumbs a {
    display: block;
    float: left;
    margin: 0 10px 7px 0;
}

#private {
	background-image: url(/images/site/costume/private/bg.jpg)
}

#nurse {
    background-image: url(/images/site/costume/nurse/bg.jpg)
}

#police {
    background-image: url(/images/site/costume/police/bg.jpg)
}

#ca {
    background-image: url(/images/site/costume/ca/bg.jpg)
}

#ol {
    background-image: url(/images/site/costume/ol/bg.jpg)
}

#gater {
    background-image: url(/images/site/costume/gater/bg.jpg)
}

#bud {
    background-image: url(/images/site/costume/bud/bg.jpg)
}

#bunny {
    background-image: url(/images/site/costume/bunny/bg.jpg)
}

#cheongsam {
    background-image: url(/images/site/costume/cheongsam/bg.jpg)
}

#bondage {
    background-image: url(/images/site/costume/bondage/bg.jpg)
}


/*
 * Ranking
 */

.h3_ranking {
    width: 538px;
    margin-bottom: 10px;
    padding: 3px 0 0 6px;
    font-size: 108% !important;
    background: #E5D0D0;
    border-top: 1px solid #630000;
    border-bottom: 1px solid #630000;
    border-left: 5px solid #630000;
    border-right: 1px solid #630000;
}


/*
 * Report and Enquete and Inquiry
 */

.bg_enquete {
    height: 65px;
    background: url(/images/site/bg_enquete.gif) no-repeat center top;
}

.box_report {
    overflow: hidden;
    margin: 12px auto;
    width: 505px;
    border: 1px solid #650000;
    border-right: 2px solid #650000;
    border-bottom: 2px solid #650000;
}

.box_report .header {
    overflow: hidden;
    padding: 5px 10px;
	position:relative;
}

.box_report .header .left {
    padding-left: 84px;
    background: url(/images/site/compa_point.gif) no-repeat left center;
	position:relative;
}

.box_report .header .nobg {
    padding-left: 0 !important;
    background: none !important;
}

.box_report .header .right {}

.box_report .body {
    overflow: hidden;
    padding: 0 10px;
    border-top: 1px solid #650000;
    background: url(/images/site/bg_renga.gif) repeat left top;
}

.box_report .body table,
.box_report .body table td {
    margin: 0;
    padding: 0;
    border: none;
}

.box_report .body td img {
    margin: 5px 0;
    background: #fff;
    border: 1px solid #650000;
}

.box_report .body .left {
    padding: 10px 0;
    width: 52px;
}

.box_report .body .left img {
    background: #fff;
    border: 1px solid #650000;
}

.box_report .body .right {
    width: 420px;
}

#box_header_form h3.enquete .left {
    width: 160px;
    height: 15px;
    background: url(/images/site/midashi/enquete_form.gif) no-repeat left top;
}

#box_header_form h3.enquete .right {
    width: 410px;
}

#box_header_form h3.inquiry .left {
    width: 180px;
    height: 20px;
    background: url(/images/site/midashi/inquiry_form.gif) no-repeat left top;
}

#box_header_form h3.inquiry .right {
    width: 370px;
}


/*
 * ML
 */

.bg_ml {
    padding: 10px 0;
    background: url(/images/site/bg_magazine.gif) repeat-y right top;
}


/*
 * Group Link
 */

#box_home_group_link {
    overflow: hidden;
    width: 468px;
    margin: 0 auto;
}

#box_home_group_link .left,
#box_home_group_link .right {
    text-align: center;
}

#box_home_group_link .left a,
#box_home_group_link .right a {
    display: block;
    margin-bottom: 8px;
    font-size: 93%;
}


/*
 * Link
 */

.table_link {
    margin: 15px auto;
    background: #E8D9D9;
}

.table_link th,
.table_link td {
    padding: 5px 0;
    text-align: center;
    border: 1px solid #950000;
}

.table_link th#caption {
    background: #630000 !important;
    color: #fff;
}


/*
 * Midashi Icon
 */

.midashi_icon {
    float: left;
    display: block;
    width: 15px;
    height: 15px;
    vertical-align: middle;
}

.icon_onpu {
    background: url(/images/site/icon.gif) no-repeat left top
}

.icon_moon {
    background: url(/images/site/icon.gif) no-repeat -15px top
}

.icon_moon2 {
    background: url(/images/site/icon.gif) no-repeat -30px top
}

.icon_hotel {
    background: url(/images/site/icon.gif) no-repeat -45px top
}

.icon_tel {
    background: url(/images/site/icon.gif) no-repeat -60px top
}

.icon_yen {
    background: url(/images/site/icon.gif) no-repeat -75px top
}

.icon_time {
    background: url(/images/site/icon.gif) no-repeat -90px top
}

.icon_batsu {
    background: url(/images/site/icon.gif) no-repeat -105px top
}

.icon_excl {
    background: url(/images/site/icon.gif) no-repeat -120px top
}

.icon_mail {
    background: url(/images/site/icon.gif) no-repeat -135px top
}


/*
 * System and Recruit
 */

.bg_system_night {
    padding: 10px 0;
    background: url(/images/site/bg_system_night.jpg) no-repeat center top;
}

.bg_system_maewari {
    padding: 0 0 0 20px;
    background: url(/images/site/bg_system_maewari.gif) no-repeat center top;
}

#h2_riyou {
    background: url(/images/site/system/riyou.gif) no-repeat 14px top
}

#h2_kinshi {
    background: url(/images/site/system/kinshi.gif) no-repeat 18px top
}

#h2_type {
    background: url(/images/site/system/type.gif) no-repeat 14px top
}

#h2_price {
    background: url(/images/site/system/price.gif) no-repeat 16px top
}

#h2_option {
    background: url(/images/site/system/option.gif) no-repeat 16px top
}

#h2_kotsu {
    background: url(/images/site/system/kotsu.gif) no-repeat 16px top
}

#h2_onlinePay {
    background: url(/images/site/system/onlinePayment.gif) no-repeat 16px 78px;
    padding: 78px 0 0;
    margin: -78px 0 0;
}

#h2_maewari {
    background: url(/images/site/system/maewari.gif) no-repeat 16px top
}

#h2_hotel {
    background: url(/images/site/system/hotel.gif) no-repeat 16px top
}

#h2_recruit_companion {
    background: url(/images/site/recruit/companion.gif) no-repeat 16px top
}

#h2_recruit_tencho {
    background: url(/images/site/recruit/tencho.gif) no-repeat 16px top
}

#h2_recruit_staff {
    background: url(/images/site/recruit/staff.gif) no-repeat 16px top
}

#h2_recruit_driver {
    background: url(/images/site/recruit/driver.gif) no-repeat 16px top
}

#box_recruit_banner {}

#recruit_banner {
    position: absolute;
    right: 45px;
    margin-top: 16px;
}

#ul_recruit {
    margin: 0 15px;
    padding: 10px;
    border-top: 1px solid #650000;
    border-right: 2px solid #650000;
    border-left: 1px solid #650000;
    border-bottom: 2px solid #650000;
}

#ul_recruit li {
    overflow: hidden;
    _zoom: 1;
    background: url(/images/site/border_dotted.gif) repeat-x left bottom;
    margin: 6px 0;
    padding-bottom: 5px;
}

#ul_recruit li.last {
    background: none !important;
}

#ul_recruit li p {
    float: right;
    margin: 0;
    width: 437px;
    _zoom: 1;
}

#ul_recruit li div.list {
    float: left;
    width: 50px;
    height: 15px;
    background-image: url(/images/site/recruit/sprite.gif);
    background-repeat: no-repeat;
}

#ul_recruit li div.list span {
    display: none;
}

.list1 {
    background-position: left top;
}

.list2 {
    background-position: left -15px;
}

.list3 {
    background-position: left -30px;
}

.list4 {
    background-position: left -45px;
}

.list5 {
    background-position: left -60px;
}

.list6 {
    background-position: left -75px;
}

.list7 {
    background-position: left -90px;
}

.list8 {
    background-position: left -105px;
}

.ul_recruit_companion {
    background: url(/images/site/recruit/bg_companion.jpg) no-repeat right bottom;
}

.ul_recruit_driver {
    background: url(/images/site/recruit/bg_driver.jpg) no-repeat right bottom;
}

#ol_system {
    background: url(/images/site/bg_system1.jpg) no-repeat right bottom;
}

#ol_system li {
    overflow: hidden;
    _zoom: 1;
    background: url(/images/site/border_dotted.gif) repeat-x left bottom;
    padding-bottom: 10px;
    margin-bottom: 10px;
}

#ol_system li p {
    float: right;
    width: 505px;
    margin: 0;
    line-height: 1.6em;
    _zoom: 1;
}

.number {
    float: left;
    width: 25px;
    height: 20px;
    background-image: url(/images/site/num.gif);
    background-repeat: no-repeat;
}

.num1 {
    background-position: left top;
}

.num2 {
    background-position: -25px top;
}

.num3 {
    background-position: -50px top;
}

.num4 {
    background-position: -75px top;
}

.num5 {
    background-position: -100px top;
}

.num6 {
    background-position: -125px top;
}

.num7 {
    background-position: -150px top;
}

.num8 {
    background-position: -175px top;
}

#dl_system {
    margin: 10px 0 0 15px;
    background: url(/images/site/bg_system_hotel.jpg) no-repeat center bottom;
}

#dl_system dt {
    border-top: 1px solid #630000;
    border-left: 5px solid #630000;
    border-right: 1px solid #630000;
    border-bottom: 1px solid #630000;
    padding: 5px;
    margin-bottom: 10px;
    background: #e5d0d0;
    font-weight: bold;
}

#dl_system dd {
    margin: 0 0 20px 10px;
    line-height: 1.539em;
}

.box_read {
    margin: 10px auto;
    width: 500px;
    height: 70px;
}

.box_read p {
    padding: 10px;
}

#read_faq {
    background: url(/images/site/bg_read_faq.jpg) no-repeat left top;
}


/*
 * Index
 */

#mainvisual {
    padding: 20px 0;
    background: url(/images/site/mainvisual.jpg) no-repeat right center;
}

#mainvisual ul {
    margin-left: 10px;
    font-size: 123.1%;
}

#mainvisual li {
    padding: 2px 0 0 24px;
    line-height: 2em;
    background: url(/images/site/bg_arrow2.gif) no-repeat left center;
}


/*
 * Faq
 */

.innertube h3 {
    padding: 0 0 0 33px;
    height: 31px;
    line-height: 31px;
    background: url(/images/site/faq_bg_h.gif) no-repeat left top;
    font-size: 14px;
    text-align: left;
    color: #fff;
    text-shadow: 1px 1px 1px #313131;
}

#dl_faq {
    margin: 20px auto;
    background: url(/images/site/bg_faq.gif) repeat-y right top;
}

#dl_faq dt {
    margin: 10px 0 10px 0;
    padding: 5px 0 5px 16px;
    color: #51b142;
    background: url(/images/site/q_a_q.gif) no-repeat left center;
    border-bottom: 1px dotted #650000;
}

#dl_faq dt span {
    display: none;
}

#dl_faq dd {
    display: none;
    margin: 0 0 30px 20px;
    padding: 0 0 5px 20px;
    line-height: 1.6em;
    background: url(/images/site/q_a_a.gif) no-repeat left top;
    border-bottom: 1px solid #650000;
}


/*
 * Bbs
 */

.box_bbs {
    overflow: hidden;
    margin: 12px auto;
    width: 505px;
    border: 1px solid #650000;
    border-right: 2px solid #650000;
    border-bottom: 2px solid #650000;
}

.box_bbs .header {
    padding: 5px 10px 0 10px;
    background: #fff;
}

.box_bbs .header h3 {
    margin: 0;
    padding: 0 0 0 74px;
    background: url(/images/site/bbs_subject.gif) no-repeat left center;
    font-weight: normal;
    font-size: 100%;
}

.box_bbs .name_date {
    overflow: hidden;
    margin: 5px 0 0 0;
    padding: 5px 0 2px 0;
    background: url(/images/site/border_dotted.gif) repeat-x left top;
}

.box_bbs .name_date .name {
    float: left;
    padding: 0 0 0 74px;
    background: url(/images/site/bbs_name.gif) no-repeat 18px center;
}

.box_bbs .name_date .date {
    float: right;
}

.box_bbs .body {
    overflow: hidden;
    padding: 0 10px;
    border-top: 1px solid #650000;
    background: url(/images/site/bg_renga.gif) repeat left top;
}

.box_bbs p.add_res {
    margin: 0;
    padding: 5px 10px;
    border-top: 1px solid #650000;
    text-align: right;
}

.box_bbs_res {
    float: right;
    margin: 12px auto;
    width: 450px;
    border: 1px solid #650000;
}

#box_agreement {
    margin: 20px;
    padding: 5px 15px;
    border: 1px solid #950000;
    border-right: 2px solid #950000;
    border-bottom: 2px solid #950000;
    background: url(/images/site/bg_bbs_agreement.jpg) no-repeat right center;
}

#box_decision {
    margin: 20px auto;
    text-align: center;
}

#box_decision img {
    vertical-align: middle
}


/*
 * Search Area
 */

.search_box {
    float: left;
    margin: 0 0 0 30px;
}

.search_box input.q {
    margin: 0 5px 0 0;
    padding: 4px 3px 4px 18px;
    width: 290px;
    border: 1px solid #999;
    background: #fff url(/images/site/icon/search.gif) no-repeat 2px center;
    vertical-align: middle;
    color: #666;
}

.search_box input.bt {
    padding: 3px 4px;
    vertical-align: middle;
}


/*
 * Buttons
 */

.btn,
.btn_opa {
    overflow: hidden;
    _zoom: 100%;
}

.btn a,
.btn_opa a {
    display: block;
    margin: 0 auto;
    width: 100%;
    height: 100%;
}

.btn a span,
.btn_opa a span {
    display: none;
}

.btn_opa a:hover,
.btn_opa a.current {
    filter: alpha(opacity=70);
    -moz-opacity: 0.70;
    opacity: 0.70;
}

#btn_common_apply a {
    width: 250px;
    height: 142px;
    background: url(/images/site/banner_apply.gif) no-repeat left top;
}

#btn_common_voice a {
    margin-top: 10px;
    width: 250px;
    height: 86px;
    background: url(/images/site/banner_voice.gif) no-repeat left top;
}

#btn_common_faq a {
    margin-top: 10px;
    width: 250px;
    height: 86px;
    background: url(/images/site/banner_faq.gif) no-repeat left top;
}

#btn_common_company a {
    margin-top: 10px;
    width: 250px;
    height: 86px;
    background: url(/images/site/banner_company.gif) no-repeat left top;
}

#btn_common_law a {
    margin-top: 10px;
    width: 250px;
    height: 86px;
    background: url(/images/site/banner_law.gif) no-repeat left top;
}

#btn_common_flow a {
    margin-top: 10px;
    width: 250px;
    height: 153px;
    background: url(/images/site/banner_flow.gif) no-repeat left top;
}


/* liScroll styles */

.tickercontainer {
    /* the outer div with the black border */
    overflow: hidden;
    margin: 0 auto 10px 8px;
    padding: 0;
    width: 568px;
    width: 560px;
    height: 27px;
    border: 1px solid #650000;
    background: #fff;
}

.tickercontainer .mask {
    /* that serves as a mask. so you get a sort of padding both left and right */
    overflow: hidden;
    position: relative;
    left: 6px;
    top: 7px;
    width: 558px;
}

ul.newsticker {
    /* that's your list */
    position: relative;
    margin: 0;
    padding: 0;
    left: 220px;
    /* start position */
    list-style-type: none;
}

ul.newsticker li {
    float: left;
    /* important: display inline gives incorrect results when you check for elem's width */
    margin: 0 40px 0 0;
    padding: 0;
    background: #fff;
    white-space: nowrap;
}

ul.newsticker a {
    text-decoration: none;
}

ul.newsticker span {
    margin: 0 10px 0 0;
}

ul#ticker_enquete {
    display: none;
}

#voice {
    position: absolute;
    z-index: 2;
    top: 0;
    left: 0;
    width: 124px;
    height: 29px;
    background: url(/images/site/voice.png) no-repeat left top;
}

#voice span {
    display: none;
}


/* Pagination */

.pagination {
    margin: 20px 0;
}

.pagination ul {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    margin-left: 0;
    margin-bottom: 0;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
    -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
}

.pagination ul>li {
    display: inline;
}

.pagination ul>li>a,
.pagination ul>li>span {
    float: left;
    padding: 4px 12px;
    line-height: 20px;
    text-decoration: none;
    background-color: #ffffff;
    border: 1px solid #dddddd;
    border-left-width: 0;
}

.pagination ul>li>a:hover,
.pagination ul>li>a:focus,
.pagination ul>.active>a,
.pagination ul>.active>span {
    background-color: #f5f5f5;
}

.pagination ul>.active>a,
.pagination ul>.active>span {
    color: #999999;
    cursor: default;
}

.pagination ul>.disabled>span,
.pagination ul>.disabled>a,
.pagination ul>.disabled>a:hover,
.pagination ul>.disabled>a:focus {
    color: #999999;
    background-color: transparent;
    cursor: default;
}

.pagination ul>li:first-child>a,
.pagination ul>li:first-child>span {
    border-left-width: 1px;
    -webkit-border-top-left-radius: 4px;
    -moz-border-radius-topleft: 4px;
    border-top-left-radius: 4px;
    -webkit-border-bottom-left-radius: 4px;
    -moz-border-radius-bottomleft: 4px;
    border-bottom-left-radius: 4px;
}

.pagination ul>li:last-child>a,
.pagination ul>li:last-child>span {
    -webkit-border-top-right-radius: 4px;
    -moz-border-radius-topright: 4px;
    border-top-right-radius: 4px;
    -webkit-border-bottom-right-radius: 4px;
    -moz-border-radius-bottomright: 4px;
    border-bottom-right-radius: 4px;
}

.pagination-centered {
    text-align: center;
}

table#ssl_seal,
table#ssl_seal th,
table#ssl_seal td {
    margin: -10px auto 0 auto !important;
    border: none !important;
    text-align: center;
}


/*
 * twitter bootstrap
 */

.alert {
    padding: 8px 35px 8px 14px;
    margin-bottom: 18px;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
    background-color: #fcf8e3;
    border: 1px solid #fbeed5;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    color: #c09853;
}

.alert-heading {
    color: inherit;
}

.alert .close {
    position: relative;
    top: -2px;
    right: -21px;
    line-height: 18px;
}

.alert-success {
    background-color: #dff0d8;
    border-color: #d6e9c6;
    color: #468847;
}

.alert-danger,
.alert-error {
    background-color: #f2dede;
    border-color: #eed3d7;
    color: #b94a48;
}

.alert-info {
    background-color: #d9edf7;
    border-color: #bce8f1;
    color: #3a87ad;
}

.alert-block {
    padding-top: 14px;
    padding-bottom: 14px;
}

.alert-block>p,
.alert-block>ul {
    margin-bottom: 0;
}

.alert-block p+p {
    margin-top: 5px;
}

.fl {
    float: left;
}

.fr {
    float: right;
}

.cf:after {
    content: "";
    display: block;
    clear: both;
    height: 0;
    visibility: hidden;
}

.cf {
    zoom: 1;
}

.ui-datepicker-trigger {
    margin-left: 3px;
    vertical-align: middle;
    cursor: pointer;
}

.creditcard {
    float: right;
    width: 106px;
    height: 17px;
    margin: 2px 7px 0 0;
}

.hatena-bookmark-button-frame {
    margin-left: -14px;
}

.box_companions_filter {
    margin: 0 6px 10px 4px;
    padding: 5px;
    border: 1px solid #999;
}

.girl-tag {
    margin-top: 5px;
    display: table;
    table-layout: fixed;
    width: 100%;
}

.girl-tag li {
    display: table-cell;
    text-align: center;
}

.girl-tag li a {
    padding: 5px 10px;
    background: #fefefe;
    /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIxJSIgc3RvcC1jb2xvcj0iI2ZlZmVmZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlMGUwZTAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top, #fefefe 1%, #e0e0e0 100%);
    /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(1%, #fefefe), color-stop(100%, #e0e0e0));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #fefefe 1%, #e0e0e0 100%);
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #fefefe 1%, #e0e0e0 100%);
    /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #fefefe 1%, #e0e0e0 100%);
    /* IE10+ */
    background: linear-gradient(to bottom, #fefefe 1%, #e0e0e0 100%);
    /* W3C */
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#fefefe', endColorstr='#e0e0e0', GradientType=0);
    /* IE6-8 */
    border: 1px solid #ccc;
    border-radius: 4px;
    font-size: 80%;
    display: block;
}

.girl-tag li a:hover {
    text-decoration: none;
    background: #f7e1e1;
    /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIxJSIgc3RvcC1jb2xvcj0iI2Y3ZTFlMSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNjY2FkYWQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top, #f7e1e1 1%, #ccadad 100%);
    /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(1%, #f7e1e1), color-stop(100%, #ccadad));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #f7e1e1 1%, #ccadad 100%);
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #f7e1e1 1%, #ccadad 100%);
    /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #f7e1e1 1%, #ccadad 100%);
    /* IE10+ */
    background: linear-gradient(to bottom, #f7e1e1 1%, #ccadad 100%);
    /* W3C */
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#f7e1e1', endColorstr='#ccadad', GradientType=0);
    /* IE6-8 */
    border-color: #BD9797;
    color: #A50000;
}

.girl-tag li a.active {
    color: #fff;
    background: #a55656;
    /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIxJSIgc3RvcC1jb2xvcj0iI2E1NTY1NiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM2NTAwMDAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top, #a55656 1%, #650000 100%);
    /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(1%, #a55656), color-stop(100%, #650000));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #a55656 1%, #650000 100%);
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #a55656 1%, #650000 100%);
    /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #a55656 1%, #650000 100%);
    /* IE10+ */
    background: linear-gradient(to bottom, #a55656 1%, #650000 100%);
    /* W3C */
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#a55656', endColorstr='#650000', GradientType=0);
    /* IE6-8 */
    border-color: #650000
}

[class^="label-"],
[class*="label-"] {
    color: #fff;
    font-size: 10px;
    padding: 0 2px;
    text-align: center;
    display: inline-block;
    width: 73px;
    line-height: 13px;
}

.label-3,
.label-5,
.label-7 {
    background: #000098;
    background: linear-gradient(to top, #000098 0%, #5656E7 100%);
    border: 1px solid #000098;
}

.label-1,
.label-2,
.label-6 {
    background: #ca0000;
    background: linear-gradient(to top, #ca0000 0%, #EF4747 100%);
    border: 1px solid #ca0000;
}

.label-4 {
    background: #fe6400;
    background: linear-gradient(to top, #fe6400 0%, #FF9E5F 100%);
    border: 1px solid #fe6400;
}

.label-8 {
    background: #ca0000;
    background: linear-gradient(to top, #414141 0%, #7c7c7c 100%);
    border: 1px solid #414141;
}

.label-41 {
    background: #00fa9a;
    background: linear-gradient(to top, #00fa9a 0%, #00fa9a 100%);
    border: 1px solid #00fa9a
}

.label-42 {
    background: #f88;
    background: linear-gradient(to top, #f88 0%, #f88 100%);
    border: 1px solid #f88
}

.label-43 {
    background: #0A0;
    background: linear-gradient(to top, #0A0 0%, #0A0 100%);
    border: 1px solid #0A0
}

.bg-pink {
    background: #ffeded;
}

.mh-auto {
    margin-right: auto;
    margin-left: auto;
}

.tac {
    text-align: center;
}

.va1 {
    vertical-align: 1px
}

.bt {
    border-top: 1px solid #670001
}

.mv5 {
    margin-top: 5px;
    margin-bottom: 5px;
}

.pv3 {
    padding-top: 3px !important;
    padding-bottom: 3px !important;
}

.pt1 {
    padding-top: 1px !important
}

.pb1 {
    padding-bottom: 1px !important
}

.pb2 {
    padding-bottom: 2px !important
}

.pt5 {
    padding-top: 5px !important;
}

.pb6 {
    padding-bottom: 6px !important;
}

.h20 {
    height: 20px;
}

.h18 {
    height: 18px
}

.lh14 {
    line-height: 14px !important
}

.lh15 {
    line-height: 15px !important
}

.lh16 {
    line-height: 16px
}

.lh19 {
    line-height: 19px
}


/* add (s) 2015/08/15 #46 */

.schedule_week {
    overflow: hidden;
    width: 550px;
    margin-left: 15px;
    margin-right: -10px;
    margin-bottom: 5px;
}

.schedule_week table {
    table-layout: fixed;
    margin: 0 auto;
    background: #ffeded;
    border-collapse: collapse;
    border-spacing: 0;
    border-right: 2px solid #670001;
    border-bottom: 2px solid #670001;
}

.schedule_week table td {
    border: 1px solid #670001;
    background: #ffeded;
    text-align: center;
    vertical-align: middle;
    padding: 1px;
    font-size: 13px;
}

.schedule_week a {
    display: block;
    height: 20px;
    padding-top: 5px;
    border: dashed 1px #670001;
    text-decoration: none;
    color: #000000;
    background: #ffeded;
}

.schedule_week a.sel {
    color: #ffffff;
    background: #cc0001;
}

.schedule_week a:hover {
    color: #0000ff;
    background: #e8d9d9;
}


/* add (e) 2015/08/15 #46 */


/* 20220308 enquete */

.enquete_switch {
	width:100%;
	text-align:center;
}
.enquete_switch div {
	width:250px;
	margin:20px auto;
	background-color:#CC0001;
	border-radius:50px;
}
.enquete_switch div:hover {
	background-color:#990001;
}
.enquete_switch div a:link,
.enquete_switch div a:visited,
.enquete_switch div a:hover,
.enquete_switch div a:active {
	color:#FFF;
	text-decoration:none;
}
.enquete_switch div p {
	padding:10px 0 10px 20px;
	font-size:130%;
	background:url(/images/site/icon_enquete_arrow.png) 24px 12px no-repeat;
	letter-spacing:2px;
}

/* 20220512 enquete pickup */

.box_report .header .left a {
	padding-right:10px;
}
.pickup_badge_cp1 {
	background-color:#03C757;
	padding:2px 20px 1px 20px;
	color:#FFF;
	border-radius:9px;
	font-weight:bold;
	font-size:80%;
	font-family:Microsoft Sans serif;
	position:absolute;
	left:140px;
}
.pickup_badge_cp2 {
	background-color:#03C757;
	padding:2px 20px 2px 20px;
	color:#FFF;
	border-radius:9px;
	font-weight:bold;
	font-size:80%;
	font-family:Microsoft Sans serif;
}
.pickup_badge_ct {
	background-color:#03C757;
	padding:2px 20px 1px 20px;
	color:#FFF;
	border-radius:9px;
	font-weight:bold;
	font-size:80%;
	font-family:Microsoft Sans serif;
	position:absolute;
	top:5px;
	left:155px;
}

#box_reserve_caution_by_shop {
	margin-left: 5px;
	margin-bottom: 10px;
	line-height: 1.5;
}

#box_reserve_caution_by_shop > div {
    margin-top: 10px;
	text-align: center;
}

#box_reserve_caution_by_shop > div > label {
	font-weight: bold;
}

#box_reserve_time_button {
    margin: 0 auto 10px auto;
    padding-bottom: 15px;
    overflow: hidden;
    background: url(/images/site/border_dotted.gif) repeat-x left bottom;
}

#box_reserve_time_button .left {
    width: 62px;
}

#box_reserve_time_button .left img {
    border: 1px solid #650000;
}

#box_reserve_time_button .right {
    width: 498px;
}

#box_reserve_time_button .right h2 {
    overflow: hidden;
    padding: 0 0 3px 0;
    border-bottom: 1px solid #650000;
    font-size: 100%;
}

#box_reserve_time_button .right h2 .left {
    width: 300px;
}

#box_reserve_time_button .right h2 .right {
    width: 198px;
    font-weight: normal;
}

#box_reserve_time_button .right button {
	margin: 5px;
    padding: 5px;
}


/*
#box_reserve_time_button {
    margin: 0 auto 10px auto;
    padding-bottom: 15px;
    overflow: hidden;
    background: url(/images/site/border_dotted.gif) repeat-x left bottom;
	text-align: center;
	min-height: 124px;

	display: flex;
	justify-content: center;
	position: relative;
	align-items: stretch;
}

#box_reserve_time_button > .left {
    width: 62px;
	text-align: left;

**	position: absolute;
	left: 0;
	float: none; **
}

#box_reserve_time_button > .left img {
    border: 1px solid #650000;
}

#box_reserve_time_button > .right {
    width: 498px;
}

#box_reserve_time_button > .right h2 {
    overflow: hidden;
    padding: 0 0 3px 0;
    border-bottom: 1px solid #650000;
    font-size: 100%;
}

#box_reserve_time_button > .right h2 .left {
    width: 300px;
	text-align: left;
}

#box_reserve_time_button > .right h2 .right {
    width: 198px;
    font-weight: normal;
	text-align: left;
}

#box_reserve_time_button .box_center {
	float: none;
	flex: none;
}

#box_reserve_time_button .box_center button {
	margin: 5px;
    padding: 5px;
}
*/

/*
#box_reserve_time_button .center_wrapper {
	display: flex;
	justify-content: center;
	position: relative;
	align-items: stretch;
}

#box_reserve_time_button .center_wrapper .left {
	position: absolute;
	left: 0;
	float: none;
}

#box_reserve_time_button .center_wrapper .box_center {
	flex: none;
}

#box_reserve_time_button .center_wrapper .box_center button {
	margin: 5px;
    padding: 5px;
}
*/

table.reserve_nstep1 th {
    background: white;
}

table.reserve_nstep1 tr.reserve_date_time_course .caption {
	font-weight: bold;
}

/* table.reserve_nstep1 tr.reserve_date_time_course .error-message {
	white-space: nowrap;
} */

#box_reserve_date_time_course {
	display: flex;
	justify-content: center;
}

#box_reserve_date_time_course div {
	box-sizing: border-box;
	padding: 10px 30px;
	font-size: 100%;
	text-align: center;
}

tr.reserve_date_time_course td {
	vertical-align: top;
	width: 33%;
}

tr.reserve_date_time_course td span,
tr.reserve_date_time_course td select {
	font-size: 120%;
}

#box_reserve_date_time_course div {
    vertical-align: bottom;
}

tr.reserve_date_time_course td span.material-symbols-outlined,
#box_reserve_date_time_course div span.material-symbols-outlined {
	font-size: 20px;
	position: relative;
	top: 5px;
	line-height: 0;
}

#box_reserve_date_time_course div span.caption {
	font-weight: bold;
	line-height: 27px;
}

#box_complete_pre_reserve_caution {
	margin: 10px;
	font-weight: bold;
	line-height: 1.5;
}

#reserve_nstep1_caution {
    font-weight: bold;
    color: #990000;
    text-align: center;
	letter-spacing: -1px; /* 例として-1pxに設定 */
}

#msg_date_target_excluded {
	color: #990000;
	background: url(/images/site/icon/exclamation.png) no-repeat scroll 0 center;
	margin: 10px;
	padding: 5px 2px 0 20px;
/*	font-size: 120%; */
	font-weight: bold;
}

#reserve_option_ex {
	margin: 0;
	clear: both;
}

#toggle_option {
	padding: 0 5px;
}