@charset "utf-8";
* {
    margin: 0;
    padding: 0;
}


/*======================================

Reset YUI

=======================================*/

body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
form,
fieldset,
input,
textarea,
p,
blockquote,
th,
td {
    margin: 0;
    padding: 0;
    word-break: break-all;
}

pre {
    text-align: left;
}

table {
    width: 100%;
    border-collapse: collapse;
    border-spacing: 0;
}

table tr.odd {
    background-color: #f3f3f3;
}

table tr.selectedRow td {
    background: #ffcccc !important;
}

fieldset,
img {
    border: 0;
}

address,
caption,
cite,
code,
dfn,
em,
strong,
th,
var {
    font-weight: normal;
    font-style: normal;
}

ol,
ul {
    list-style: none;
}

caption,
th {
    text-align: left;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-size: 100%;
    font-weight: bold;
}

h2 span {
    display: none;
}

q:before,
q:after {
    content: '';
}

abbr,
acronym {
    border: 0;
}

a,
a:visited {
    color: #b10001;
    text-decoration: underline;
}

a:hover {
    color: #cf8484;
    text-decoration: none;
}

form {
    font-family: 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', sans-serif;
}

p {
    text-align: left;
    line-height: 1.4em;
}

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;
}


/*======================================

Common Layout

=======================================*/

html,
body {
    height: 100%;
}

body {
    font: 12px/1.231 'メイリオ', Meiryo, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', "Century Gothic", Arial, 'ＭＳ Ｐゴシック', sans-serif;
    *font-size: small;
    *font: x-small;
    color: #313131;
    text-align: center;
    background: url(/images/site/bg_body.png) repeat-y center top;
}

.m10 {
    margin: 10px
}

.tar {
    text-align: right
}


/*
 * NoScript
 */

#noScript {
    padding: 10px auto;
    position: relative;
    width: 100%;
    height: 92px;
    background: #fff url(/images/site/icon/noscript.gif) no-repeat 10px center;
}

#noScript .msg {
    position: absolute;
    top: 50%;
    left: 82px;
    margin-top: -1em;
}

#wrapper {
    min-height: 100%;
    height: auto !important;
    height: 100%;
    margin: 0 auto -249px;
    background: url(/images/site/bg_wrapper.png) repeat-x left top;
}

#wrapper.shinyokohama {
    background: url(/images/site/bg_wrapper_shinyokohama.png) repeat-x left top;
}

#wrapper.kinshicho {
    background: url(/images/site/bg_wrapper_kinshicho.png) repeat-x left top;
}

#footer,
.push {
    height: 249px;
}

#mainContainer {
    overflow: hidden;
    _zoom: 100%;
    margin: 0 auto;
    width: 960px;
}

#contentWrapper {
    float: left;
    width: 100%;
}

#contentColumn {
    margin-right: 230px;
    padding-top: 10px;
}

#rightColumn {
    float: left;
    width: 230px;
    margin-left: -230px;
}

#topSection {
    margin: 0 auto;
    width: 960px;
    height: 129px;
    background: url(/images/site/bg_top_section.png) no-repeat left top;
}

#topSection.shinyokohama {
    background: url(/images/site/bg_top_section_shinyokohama.png) no-repeat left top;
}

#topSection.kinshicho {
    background: url(/images/site/bg_top_section_kinshicho.png) no-repeat left top;
}

#boxTopSection {
    overflow: hidden;
    width: 960px;
    height: 75px;
}

#boxTopSection .boxLeft {
    margin: 6px 0 0 0;
    width: 217px;
    height: 64px;
}

#boxTopSection.branch .boxLeft {
    width: 289px;
}

#boxTopSection .boxLeft a {
    display: block;
    width: 100%;
    height: 100%;
    background-image: url(/images/site/logo_with_branch.png);
    background-repeat: no-repeat;
}

#boxTopSection .boxLeft a span {
    display: none;
}

#logo {
    background-position: left top;
}

.shibuya #logo {
    background-position: left -64px;
}

.shinjuku #logo {
    background-position: left -128px;
}

.shinagawa #logo {
    background-position: left -192px;
}

.shinyokohama #logo {
    background-position: left -256px;
}

.kinshicho #logo {
    background-position: left bottom;
}

#boxTopSection .boxCenter {
    float: left;
    width: 503px;
    padding: 22px 0 0 0;
}

#boxTopSection.branch .boxCenter {
    width: 431px;
}

#boxTopSection .boxRight {
    margin: 6px 0 0 0;
    width: 240px;
    height: 64px;
    background: url(/images/site/bg_info.png) no-repeat left top;
}

#boxTopSection .boxRight p {
    display: none;
}

#boxTopSection #shop_shinyokohama.boxRight {
    background: url(/images/site/bg_info_shinyokohama.png) no-repeat left top;
}

#boxTopSection #shop_kinshicho.boxRight {
    background: url(/images/site/bg_info_kinshicho.png) no-repeat left top;
}

#gNav {
    overflow: hidden;
    margin: 0 auto;
    width: 830px;
    height: 50px;
}

#gNav li {
    float: left;
    width: 166px;
    height: 50px;
}

#gNav li a {
    display: block;
    width: 100%;
    height: 100%;
    background-image: url(/images/site/bg_gnav.png);
    background-repeat: no-repeat;
    background-position: left top;
}

#gNav.shinyokohama li a {
    background-image: url(/images/site/bg_gnav_shinyokohama.png);
}

#gNav.kinshicho li a {
    background-image: url(/images/site/bg_gnav_kinshicho.png);
}

#gNav li a span {
    display: none;
}

#gNav li#gNavHome a:hover,
#gNav li#gNavHome a.current {
    background-position: left bottom;
}

#gNav li#gNavSchedule a {
    background-position: -166px top;
}

#gNav li#gNavSchedule a:hover,
#gNav li#gNavSchedule a.current {
    background-position: -166px bottom;
}

#gNav li#gNavSystem a {
    background-position: -332px top;
}

#gNav li#gNavSystem a:hover,
#gNav li#gNavSystem a.current {
    background-position: -332px bottom;
}

#gNav li#gNavCompanion a {
    background-position: -498px top;
}

#gNav li#gNavCompanion a:hover,
#gNav li#gNavCompanion a.current {
    background-position: -498px bottom;
}

#gNav li#gNavReserve a {
    background-position: right top;
}

#gNav li#gNavReserve a:hover,
#gNav li#gNavReserve a.current {
    background-position: right bottom;
}

#sNav {
    margin-bottom: 10px;
}

#sNav li {
    margin-bottom: 1px;
    margin-left: 3px;
    font: bold 16px serif;
    text-align: left;
    border-bottom: 1px dotted #d6d3ca;
}

#sNav li a {
    display: block;
    background: #fafaeb;
    padding: 10px;
    text-decoration: none;
    color: #333;
    box-shadow: inset -1px -1px 1px rgba(0, 0, 0, 0.6), inset 1px 1px 1px rgba(255, 255, 255, 0.8);
}

#sNav li a:hover,
#sNav li a.current {
    color: #fff;
    background: #b10001;
}

#sNav.shinyokohama li a:hover,
#sNav.shinyokohama li a.current {
    background: #A55740;
}

#sNav.kinshicho li a:hover,
#sNav.kinshicho li a.current {
    background: #810181;
}

#sNav li a span.caption {
    color: #b10001;
    font-size: 12px;
    display: block;
    font-weight: normal
}

#sNav li a:hover span.caption,
#sNav li a.current span.caption {
    color: #fff;
}

#sNav li a span.small {
    font-size: 12px;
}

.triangle {
    float: left;
    width: 0px;
    height: 0px;
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent;
    border-left: 5px solid #c60000;
    border-right: 0px solid transparent;
    margin: 5px 5px 0 0;
}

#sNav li a:hover .triangle,
#sNav li a.current .triangle {
    border-left-color: #fff;
}

#triangle_shinyokohama.triangle {
    border-left: 5px solid #996633;
}

#triangle_kinshicho.triangle {
    border-left: 5px solid #810181;
}

#footer {
    background: url(/images/site/index/bg_footer.gif) repeat-x left bottom;
    color: #fff;
    text-shadow: 1px 1px 1px #313131;
}

#boxFooter {
    position: relative;
    overflow: hidden;
    margin: 0 auto;
    width: 960px;
    height: 229px;
}

#footerLeft {
    float: left;
    margin: 30px 0 0 0;
    width: 215px;
    height: 144px;
    background: url(/images/site/logo_footer.png) no-repeat left top;
}

#footerLeft.shinyokohama {
    background: url(/images/site/logo_footer_shinyokohama.png) no-repeat left top;
}

#footerLeft.kinshicho {
    background: url(/images/site/logo_footer_kinshicho.png) no-repeat left top;
}

#footerLeft p {
    display: none;
}

#footerRight {
    float: right;
    margin: 30px 0 0 0;
    width: 600px;
    text-align: left;
}

#fNav {
    overflow: hidden;
}

#fNav li {
    float: left;
    padding-left: 20px;
    width: 180px;
    height: 20px;
    background: url(/images/site/border_dotted_y.gif) repeat-y left top;
}

#fNav li a {
    display: block;
    width: 100%;
    height: 100%;
    padding-left: 10px;
    background: url(/images/site/arrow_fnav.png) no-repeat left 3px;
    color: #fff;
    text-decoration: none;
}

address {
    position: absolute;
    right: 0;
    bottom: 5px;
    font-size: 10px;
    font-weight: normal;
    font-style: normal;
}

address a {
    color: #fff !important;
    font-size: 8px !important;
    text-decoration: none;
}


/*
 * Common Module
 */

.boxMain {
    overflow: hidden;
    margin: 0 0 20px 0;
    width: 710px;
}

.boxMain .header {
    overflow: hidden;
    margin: 0 0 5px 0;
    height: 31px;
    background: url(/images/site/header/bg.gif) repeat-x left bottom;
}

.boxMain .header h2 {
    float: left;
    margin: 0 0 0 10px;
    height: 19px;
}

h2#scheduleToday {
    width: 158px;
    background: url(/images/site/header/schedule_today.gif) no-repeat left top;
}

h2#recommendedWife {
    width: 105px;
    background: url(/images/site/header/recommended_wife.gif) no-repeat left top;
}

h2#newComer {
    width: 106px;
    background: url(/images/site/header/new_face.gif) no-repeat left top;
}

h2#news {
    width: 106px;
    background: url(/images/site/header/news.gif) no-repeat left top;
}

h2#real_time {
    width: 199px;
    background: url(/images/site/header/realtime.gif) no-repeat left top;
}

h2#realTime {
    width: 159px;
    background: url(/images/site/header/real_time.gif) no-repeat left top;
}

h2#mobile {
    width: 161px;
    background: url(/images/site/header/mobile.gif) no-repeat left top;
}

h2#mailMagazine {
    width: 145px;
    background: url(/images/site/header/mail_magazine.gif) no-repeat left top;
}

h2#faq {
    width: 142px;
    background: url(/images/site/header/faq.gif) no-repeat left top;
}

h2#enquete {
    width: 103px;
    background: url(/images/site/header/enquete.gif) no-repeat left top;
}

h2#enquete2 {
    width: 122px;
    background: url(/images/site/header/enquete2.gif) no-repeat left top;
}

h2#companion {
    width: 163px;
    background: url(/images/site/header/companion.gif) no-repeat left top;
}

h2#companionPv {
    width: 139px;
    background: url(/images/site/header/companion_pv.gif) no-repeat left top;
}

h2#ranking {
    width: 106px;
    background: url(/images/site/header/ranking.gif) no-repeat left top;
}

h2#profile {
    width: 123px;
    background: url(/images/site/header/profile.gif) no-repeat left top;
}

h2#system {
    width: 132px;
    background: url(/images/site/header/system.gif) no-repeat left top;
}

h2#systemGuideSun {
    width: 157px;
    background: url(/images/site/header/system_sun.gif) no-repeat left top;
}

h2#systemGuideMoon {
    width: 157px;
    background: url(/images/site/header/system_moon.gif) no-repeat left top;
}

h2#aboutShop {
    width: 137px;
    background: url(/images/site/header/about_shop.gif) no-repeat left top;
}

h2#prohibition {
    width: 216px;
    background: url(/images/site/header/prohibition.gif) no-repeat left top;
}

h2#utilityCreditCard {
    width: 399px;
    background: url(/images/site/header/credit.gif) no-repeat left top;
}

h2#link {
    width: 68px;
    background: url(/images/site/header/link.gif) no-repeat left top;
}

h2#reserveTel {
    width: 177px;
    background: url(/images/site/header/reserve_tel.gif) no-repeat left top;
}

h2#reserveOnline {
    width: 142px;
    background: url(/images/site/header/reserve_online.gif) no-repeat left top;
}

h2#reserve_form {
    width: 146px;
    background: url(/images/site/header/reserve_form.gif) no-repeat left top;
}

h2#bbs {
    width: 86px;
    background: url(/images/site/header/bbs.gif) no-repeat left top;
}

h2#recruit {
    width: 106px;
    background: url(/images/site/header/recruit.gif) no-repeat left top;
}

h2#inquiry {
    width: 141px;
    background: url(/images/site/header/inquiry.gif) no-repeat left top;
}

h2#campaign {
    width: 126px;
    background: url(/images/site/header/campaign.gif) no-repeat left top;
}

.boxMain .header .boxRight {
    width: auto !important;
    line-height: 19px;
}

.boxMain .header .boxRight .en {
    color: #61615b;
}

.boxMain .header2 {
    margin: 0 auto 5px auto;
}

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

.boxMain .header2 h3 span {
    display: block;
    float: right;
    font-size: 85%;
}

.boxMain .header2 h3 span.saturday,
.boxMain .header2 h3 span.sunday {
    display: inline;
    float: none;
    font-size: 100%;
}

.boxMain .header2 h3 span a {
    color: #fff;
}

.boxFloatLR,
.boxFloatLRHalf {
    overflow: hidden;
}

.boxLeft {
    float: left;
}

.boxRight {
    float: right;
}

.boxFloatLRHalf .boxLeft,
.boxFloatLRHalf .boxRight {
    width: 350px;
}

.boxBorder {
    overflow: hidden;
    padding: 3px;
    border: 1px solid #dcdcdc;
    text-align: left;
}

.boxSystem {
    margin: 10px auto;
    width: 568px;
}

.innerTube {
    margin: 10px;
}

.innerTubeY {
    margin: 10px auto;
}

.innerTubeX {
    margin: 0 10px;
}

.boxScrollArea {
    overflow: auto;
    margin-top: -10px;
    padding: 7px 0 0 0;
    height: 340px;
    border-bottom: 2px solid #525345;
}

.boxNews {
    margin: 0 auto;
}

.boxNews ul {
    margin: 0 auto;
    width: 702px;
}

.boxNews ul li {
    overflow: hidden;
    height: 30px;
    line-height: 30px;
}

.boxNews ul li div.date {
    float: left;
    width: 140px;
    background: url(/images/site/bg_companion_detail_data_th.gif) no-repeat right bottom;
}

.boxNews ul li div.content {
    float: left;
    width: 562px;
    text-indent: 0.5em;
    text-align: left;
    background: url(/images/site/bg_companion_detail_data_td.gif) no-repeat left bottom;
}

.boxNews ul li div.content a {
    display: block;
}

.boxArticle {
    margin-bottom: 10px;
    padding: 10px 0;
    background: url(/images/site/border_dotted_x.gif) repeat-x left bottom;
}

.boxArticle h3 {
    overflow: hidden;
    margin: 0 0 10px 0;
    border-bottom: 1px solid #b30000;
}

.boxArticle h3 .boxLeft {
    width: 154px;
    padding: 3px 0 3px 20px;
    text-align: left;
}

.boxArticle h3 .boxRight {
    width: 526px;
    padding: 3px 0;
    text-align: left;
}

.boxArticle .boxFloatLR .boxLeft {
    width: 174px;
}

.boxArticle .boxFloatLR .boxRight {
    width: 526px;
}

#breadCrumbs {
    margin: 0 0 10px 0;
    text-align: left;
    font-size: 12px;
}

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

#breadCrumbs span {
    padding: 0 5px;
}

#backToTop {
    overflow: hidden;
    margin: 0 auto;
    width: 960px;
    height: 20px;
}

#backToTop a {
    float: right;
    display: block;
    width: 105px;
    height: 20px;
    background-image: url(/images/site/back2top.png);
    background-repeat: no-repeat;
    background-position: left top;
}

#backToTop a:hover {
    background-position: left bottom;
}

#backToTop a span {
    display: none;
}

#addBookMark {
    display: block;
    margin: 10px auto 0 auto;
}

.alignCenter {
    text-align: center !important;
}

.b {
    font-weight: bold
}

.px14 {
    font-size: 14px
}

.px16 {
    font-size: 16px
}

.px18 {
    font-size: 18px
}

.px20 {
    font-size: 20px
}

.px22 {
    font-size: 22px
}

.px24 {
    font-size: 24px
}

.px30 {
    font-size: 30px
}

.red {
    color: #b10001
}

.yellow {
    color: #f1b81e
}

p.default {
    margin: 10px 0;
}

p.center {
    text-align: center;
}

p.right {
    float: right;
}

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

.left {
    float: left;
}

.right {
    float: right;
}

span.sunday {
    color: #ff0000;
}

span.saturday {
    color: #0000ff;
}

span.gray {
    color: #999;
}

th.sunday,
td.sunday {
    background: #f9a5b9 !important;
}

th.saturday,
td.saturday {
    background: #abdfea !important;
}

.iconMail {
    padding: 0 0 0 16px;
    background: url(/images/site/icon_mail.gif) no-repeat left center;
}

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

.iconMinutes {
    display: block;
    margin-top: 9px;
    width: 61px;
    height: 17px;
    background-image: url(/images/site/icon_minutes.gif);
    background-repeat: no-repeat;
}

#minutes_shinyokohama.iconMinutes {
    background-image: url(/images/site/icon_minutes_shinyokohama.gif);
}

#minutes_kinshicho.iconMinutes {
    background-image: url(/images/site/icon_minutes_kinshicho.gif);
}

.min75 {
    background-position: left bottom
}

.min90 {
    background-position: left top
}

.min120 {
    background-position: left -17px
}

.iconMinutes span {
    display: none;
}

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

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

.boxNotes {
    overflow: hidden;
    margin: 0 auto 15px auto;
    padding: 10px;
    border: 1px solid #b30000;
    background: #faf8ec;
    text-align: left;
}

.boxNotes 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;
}

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

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

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

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

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

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

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

.num1 {
    background-position: left top;
}

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

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

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

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

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

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

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


/*
 * Pagination
 */

div.pagination * {
    vertical-align: middle;
}

div.pagination {
    margin: 10px 2px;
    padding-right: 5px;
}

div.pagination em {
    padding: 2px 6px;
    font-style: normal !important;
    font-weight: bold;
    border: 1px solid #650000;
    background: #cc9999;
}

div.pagination a {
    background: #f9f8ea;
    border: 1px solid #b40000;
    margin-right: 3px;
    padding: 2px 6px;
    background-position: bottom;
    text-decoration: none;
    color: #333;
}

div.pagination a:hover {
    background: #b40000;
    border: 1px solid #b40000;
    background: #cc9999;
}

div.pagination span.current {
    margin-right: 3px;
    padding: 2px 6px;
    font-weight: bold;
    background: #b40000;
    border: 1px solid #b40000;
}

div.pagination span.disabled {
    margin-right: 3px;
    padding: 2px 6px;
    color: #adaaad;
}


/*
 * Form
 */

input.text {
    width: 98%;
}

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

fieldset {
    margin-bottom: 10px;
}

form {
    margin: 0.5em 0;
}

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

input,
textarea {
    padding: 3px;
    vertical-align: middle;
    font-size: inherit !important;
}

input {
    line-height: 1.2;
}

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

input.name {
    width: 200px;
}

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

input.size1 {
    width: 400px;
}

input.size2 {
    width: 200px;
}

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

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

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

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

.inputText {
    padding: 0;
    width: 180px;
    height: 22px;
    line-height: 22px;
    border: 1px solid #61615b;
}

.tableForm {
    margin: 0 auto;
    border: 1px solid #d4d4d4;
    background: #f5f5f5;
    border-collapse: collapse;
    border-spacing: 0;
    text-align: left;
}

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

.tableForm th,
.tableForm td {}

.tableForm th {
    padding: 10px 0;
    width: 215px;
    border: 1px solid #d4d4d4;
    font-weight: bold;
    text-align: center;
}

.tableForm td {
    padding: 10px 8px;
    background: #fff;
    border: 1px solid #d4d4d4;
    word-break: break-all;
}

.notes {
    font-weight: bold;
    color: #b10001;
}

.notesWithLeftBorder {
    margin: 10px auto;
    border-left: 10px solid #b10001;
    padding-left: 10px;
    color: #b10001;
    line-height: 1.6em;
    font-weight: bold;
}

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

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

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

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


/*
 * Form Buttons
 */

.boxButtons {
    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;
}


/*
 * Form Error
 */

.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;
}


/*
 * Buttons
 */

.btn {
    overflow: hidden;
}

.btn a {
    display: block;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-position: left top;
}

.btn a:hover {
    background-position: left bottom !important;
}

.btn a span {
    display: none;
}

#btnCompanionListReserve {
    float: left;
    width: 83px;
    height: 25px;
    background-image: url(/images/site/btn_reserve_detail.gif);
}

#btnCompanionListReserve:hover {
    background-position: left bottom;
}

#btnCompanionListDetail {
    float: right;
    width: 83px;
    height: 25px;
    background: url(/images/site/btn_reserve_detail.gif) no-repeat right top;
}

#btnCompanionListDetail:hover {
    background-position: right bottom !important;
}

#btnPriceDetail {
    width: 186px;
    height: 29px;
    background-image: url(/images/site/btn_price_detail.gif);
}

#btnReserveOnline {
    margin: 0 auto;
    width: 186px;
    height: 29px;
    background-image: url(/images/site/btn_reserve_online.gif);
}

#btnCheckOutOnline {
    margin: 8px auto 0 auto;
    width: 186px;
    height: 29px;
    background-image: url(/images/site/btn_checkout_online.gif);
}

#btnMobileUrl {
    float: left;
    margin: 10px 0 0 0;
    width: 156px;
    height: 24px;
    background-image: url(/images/site/btn_mobile_url.gif);
}

#btnFaq {
    float: left;
    margin: 10px 0 0 0;
    width: 156px;
    height: 24px;
    background-image: url(/images/site/btn_faq.gif);
}

#btnEnquete {
    float: left;
    margin: 10px 0 0 0;
    width: 156px;
    height: 24px;
    background-image: url(/images/site/btn_enquete.gif);
}

#btnMlAdd {
    float: left;
    margin: 0 6px;
    width: 77px;
    height: 24px;
    background-image: url(/images/site/btn_ml_add.gif);
}

#btnMlDel {
    float: left;
    width: 77px;
    height: 24px;
    background-image: url(/images/site/btn_ml_del.gif);
}

#btnCompanionDetailEnquete {
    float: left;
    margin: 0 6px;
    width: 126px;
    height: 24px;
    background-image: url(/images/site/btn_enquete_companion_detail.gif);
}

#btnCompanionDetailEnqueteForm {
    float: left;
    width: 146px;
    height: 24px;
    background-image: url(/images/site/btn_enquete_companion_detail.gif);
    background-position: right top;
}

#btnCompanionDetailEnqueteForm:hover {
    background-position: right bottom !important;
}

#btnGoToOnline {
    margin: 0 auto;
    width: 300px;
    height: 50px;
    background-image: url(/images/site/btn_goto_online.gif);
}

#btnBbsAgreement {
    margin: 0 auto;
    width: 135px;
    height: 50px;
    background-image: url(/images/site/btn_bbs_agreement.gif);
}

#btnRecruit {
    margin: 0 auto;
    width: 318px;
    height: 50px;
    background-image: url(/images/site/btn_recruit.gif);
}

#btnReserveNow {
    margin: 0 auto;
    width: 357px;
    height: 50px;
    background-image: url(/images/site/btn_reserve_now.gif);
}


/*
 * Side Module
 */

.sideInformation {
    overflow: hidden;
    margin: 10px auto;
    width: 228px;
}

.sideInformation .header {
    width: 228px;
    height: 27px;
    line-height: 27px;
    background: url(/images/site/bg_side_information_header.png) no-repeat left top;
    font-size: 14px;
    font-weight: bold;
    color: #fff;
    text-shadow: 1px 1px 1px #313131;
}

.sideInformation #shop_shinyokohama.header {
    background: url(/images/site/bg_side_information_header_shinyokohama.png) no-repeat left top;
}

.sideInformation #shop_kinshicho.header {
    background: url(/images/site/bg_side_information_header_kinshicho.png) no-repeat left top;
}

.sideInformation ul {
    background: #f9f8eb;
    border: 1px solid #b10001;
}

.sideInformation ul.shinyokohama {
    border: 1px solid #015c01;
}

.sideInformation ul.kinshicho {
    border: 1px solid #810181;
}

.sideInformation li {
    overflow: hidden;
    margin: 5px 20px;
    padding: 5px 0;
    width: 186px;
    background: url(/images/site/border_dotted_x.gif) repeat-x left bottom;
    font-size: 14px;
    font-weight: bold;
    text-shadow: 1px 1px 1px #fff;
}

.sideInformation li.last {
    background: none !important;
    font-size: 100%;
    font-weight: normal;
}

.sideInformation2 {
    overflow: hidden;
    margin: 10px auto;
    width: 228px;
}

.sideInformation2 .header,
#sideRecentCheckCompanion .header {
    width: 228px;
    height: 28px;
    line-height: 28px;
    background: url(/images/site/bg_side_information2_header.png) no-repeat left top;
    font-size: 14px;
    font-weight: bold;
    text-shadow: 1px 1px 1px #fff;
}

.sideInformation2 ul {}

.sideInformation2 li {
    overflow: hidden;
    margin: 5px auto 5px 5px;
    padding: 5px 0;
    background: url(/images/site/border_dotted_x.gif) repeat-x left bottom;
    text-align: left;
    text-shadow: 1px 1px 1px #fff;
}

.sideInformation2 li.last {
    background: none !important;
    font-size: 100%;
    font-weight: normal;
}

.sideInformation2 li a {
    display: block;
    padding: 3px 0 3px 20px;
    width: 203px;
    background: url(/images/site/icon_exclamation.png) no-repeat left center;
}

#sideRealTimeRecent {
    overflow: auto;
    height: 200px;
    padding: 10px;
    text-align: left;
}

#sideRecentCheckCompanion {}

#sideRecentCheckCompanion li {
    overflow: hidden;
    margin: 10px 0 5px auto;
}

#sideRecentCheckCompanion li .boxLeft {
    width: 60px;
    text-align: right;
    line-height: 0;
}

#sideRecentCheckCompanion li .boxRight {
    width: 165px;
    text-align: left;
}

#sideRecentCheckCompanion li .boxRight p {
    line-height: 1.4em;
}

.boxGroupLink {
    margin: 10px auto;
}

.boxGroupLink p {
    margin: 0 auto 10px auto;
    text-align: center;
}

.boxGroupLink a {
    display: block;
    margin: 3px auto;
}


/*
 * Home
 */

.filmstrip li {
    width: 148px;
    height: 25px;
    line-height: 25px;
    color: #fff;
    font-size: 11px;
    font-size: 1.1rem;
    font-size: 0.7rem;
}

#boxMainBanner {
    position: relative;
    margin: 0 auto 10px 0;
    width: 710px;
    height: 160px;
}

#mainBannerNavi {
    position: absolute;
    top: 5px;
    right: 5px;
}

#mainBannerNavi ul li {
    margin: 0 0 0 5px;
    width: 20px;
    height: 20px;
}

#mainBannerNavi ul li a {
    display: block;
    background: #f9f8ea;
    border: 1px solid #b40000;
}

#mainBannerNavi ul li a:hover {
    background: #b40000;
    border: 1px solid #b40000;
    color: #fff;
}

#ulAreaSearch {}

#ulAreaSearch {
    overflow: hidden;
    padding: 0 0 0 116px;
    background: url(/images/site/bg_area_search.gif) no-repeat left center;
}

#ulAreaSearch li {
    float: left;
    margin-left: 2px;
    width: 57px;
    height: 21px;
}

#ulAreaSearch li a {
    display: block;
    width: 100%;
    height: 100%;
    background-image: url(/images/site/bg_area_nav.gif);
    background-repeat: no-repeat;
}

#ulAreaSearch li a span {
    display: none;
}

#anav1 a {
    background-position: left top;
}

#anav1 a:hover,
#anav1 a.current {
    background-position: left bottom;
}

#anav2 a {
    background-position: -57px top;
}

#anav2 a:hover,
#anav2 a.current {
    background-position: -57px bottom;
}

#anav3 a {
    background-position: -114px top;
}

#anav3 a:hover,
#anav3 a.current {
    background-position: -114px bottom;
}

#anav4 a {
    background-position: -171px top;
}

#anav4 a:hover,
#anav4 a.current {
    background-position: -171px bottom;
}

#anav5 a {
    background-position: -228px top;
}

#anav5 a:hover,
#anav5 a.current {
    background-position: -228px bottom;
}

#anav6 a {
    background-position: -285px top;
}

#anav6 a:hover,
#anav6 a.current {
    background-position: -285px bottom;
}

#anav7 a {
    background-position: -342px top;
}

#anav7 a:hover,
#anav7 a.current {
    background-position: -342px bottom;
}

.boxPickUp {
    text-align: left;
}

.boxPickUp .boxLeft .boxLeft,
.boxPickUp .boxRight .boxLeft {
    line-height: 0;
}

.boxPickUp .boxLeft .boxRight,
.boxPickUp .boxRight .boxRight {}

.boxPickUp .boxLeft .boxRight p,
.boxPickUp .boxRight .boxRight p {
    margin: 5px 2px 5px 10px;
}

.boxNewComer {
    margin: 0 0 5px 0;
    width: 322px;
    background: #fff;
    text-align: left;
}

.boxNewComer .boxLeft {
    line-height: 0;
}

.boxNewComer .boxRight {}

.boxNewComer .boxRight p {
    margin: 5px 2px 5px 10px;
}

.boxNewsHome {
    margin: 0 0 5px 0;
    padding: 0 0 10px 0;
    background: #fff url(/images/site/border_dotted_x.gif) repeat-x left bottom;
    text-align: left;
}

.boxNewsHome .title {
    margin-bottom: 5px;
    padding: 0 0 5px 0;
    border-bottom: 1px solid #b10001;
}

.boxNewsHome .boxLeft {
    line-height: 0;
}

.boxNewsHome .boxRight {}

.boxNewsHome .boxRight p {
    margin: 0 2px 0 10px;
}

#boxFormHomeMailMagazine {
    margin: 10px 0 0 0;
    overflow: hidden;
    text-align: left;
}


/* liScroll styles */

.tickercontainer {
    overflow: hidden;
    margin: 0 auto;
    padding: 0;
    width: 710px;
    height: 27px;
    border-top: 1px solid #d5d4cc;
    background: #e4e4db;
}

.tickercontainer .mask {
    overflow: hidden;
    position: relative;
    top: 6px;
    left: 0px;
    width: 710px;
}

ul.newsticker {
    position: relative;
    margin: 0;
    padding: 0;
    left: 220px;
    list-style-type: none;
}

ul.newsticker li {
    float: left;
    margin: 0 40px 0 0;
    padding: 0;
    white-space: nowrap;
}

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

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

ul#ticker_enquete {
    display: none;
}

.tickerHeader {
    position: absolute;
    z-index: 2;
    top: 1px;
    left: 0;
    width: 94px;
    height: 27px;
    background-image: url(/images/site/ticker_header.png);
    background-repeat: no-repeat;
}

.tickerHeader span {
    display: none;
}

#tRealTime {
    background-position: left top
}

#tEnquete {
    background-position: left bottom
}


/*
 * Companion
 */

#boxCompanionList {
    overflow: auto;
    margin: 0 -16px 0 0;
    width: 726px;
    background: url(/images/site/bg_box_companion_list.gif) no-repeat center bottom;
}

.boxCompanion {
    position: relative;
    z-index: 1;
    float: left;
    margin: 0 4px 4px 0;
    padding: 3px;
    width: 166px;
    height: 340px;
    border: 1px solid #dcdcdc;
}

.boxCompanion .icon {
    display: block;
    position: absolute;
    z-index: 2;
    right: 3px;
    width: 25px;
    background-image: url(/images/site/icon_new_sun_moon.gif);
    background-repeat: no-repeat;
    background-position: left top;
}

.boxCompanion .iconNewSunMoon {
    top: 135px;
    height: 75px;
}

.boxCompanion .iconNewSun {
    top: 160px;
    height: 50px;
    background-position: left top;
}

.boxCompanion .iconNewMoon {
    top: 160px;
    height: 50px;
    background-image: url(/images/site/icon_new_moon.gif);
    background-position: left top;
}

.boxCompanion .iconNew {
    top: 185px;
    height: 25px;
    background-position: left top;
}

.boxCompanion .iconSunMoon {
    top: 160px;
    height: 50px;
    background-position: left -25px;
}

.boxCompanion .iconSun {
    top: 185px;
    height: 25px;
    background-position: left -25px;
}

.boxCompanion .iconMoon {
    top: 185px;
    height: 25px;
    background-position: left -50px;
}

.boxCompanion p {
    margin: 5px auto;
    text-align: center;
    white-space: nowrap;
}


/* Hack IE7 */

*:first-child+html .boxCompanion {
    font-size: 0
}

*:first-child+html .boxCompanion p {
    font-size: 12px !important
}

.boxBranch {
    margin: 10px auto;
    overflow: hidden;
    background: url(/images/site/bg_box_companion_list.gif) no-repeat center bottom;
}

.boxBranch h4 {
    margin: 0 auto 5px 0;
    padding-left: 10px;
    font-size: 14px;
    line-height: 28px;
    text-align: left;
    background: url(/images/site/bg_side_information2_header.png) no-repeat left top;
}

#boxCompanionDetail {
    overflow: auto;
    margin: 0 auto;
    width: 702px;
    padding: 3px;
    border: 1px solid #dcdcdc;
    position: relative;
}

#boxCompanionDetail .boxLeft {
    width: 272px;
}

#boxCompanionDetail .boxRight {
    position: relative;
    margin: 0 12px 0 0;
    width: 398px;
    min-height: 380px;
    text-align: left;
}

#boxCompanionDetail .boxRight h3 {
    margin: 7px 0 0 0;
    line-height: 1.4em;
    font-size: 14px;
    font-weight: normal;
}

#boxCompanionDetail .boxRight h3 span {
    font-weight: bold;
}

#iconNewSunMoonDetail {
    background: url(/images/site/icon_new_sun_moon_detail.gif) no-repeat right top;
}

#iconNewSunDetail {
    /* 電車アイコンは廃止
    background: url(/images/site/icon_new_sun_detail.gif) no-repeat right top;
    */
    background: url(/images/site/icon_new_detail.gif) no-repeat right top;
}

#iconNewMoonDetail {
    background: url(/images/site/icon_new_moon_detail.gif) no-repeat right top;
}

#iconSunMoonDetail {
    background: url(/images/site/icon_sun_moon_detail.gif) no-repeat right top;
}

#iconSunDetail {
    background: url(/images/site/icon_sun_detail.gif) no-repeat right top;
}

#iconMoonDetail {
    background: url(/images/site/icon_moon_detail.gif) no-repeat right top;
}

#iconNewDetail {
    /* 電車アイコンは廃止
    background: url(/images/site/icon_new_sun_detail.gif) no-repeat right top;
    */
    background: url(/images/site/icon_new_detail.gif) no-repeat right top;
    background-position: left top;
    width: 25px;
    height: 25px;
    float: right;
}

#boxCompanionDetail .boxRight p {
    margin: 10px auto;
    line-height: 1.6em;
}


/* Hack IE7 */

*:first-child+html #boxCompanionDetail .boxRight p {
    line-height: 1.4em
}

#boxCompanionDetail .boxRight h4 {
    width: 171px;
    height: 20px;
    line-height: 20px;
    background: url(/images/site/bg_companion_message.gif) no-repeat left top;
    text-align: center;
    color: #fff;
    text-shadow: 1px 1px 1px #313131;
}

#boxThumbs {
    text-align: left;
}

#boxCompanionDetailSchedule {
    overflow: hidden;
    margin: 2px auto;
    width: 702px;
    padding: 3px;
    border: 1px solid #dcdcdc;
}

#boxCompanionDetailSchedule .header {
    overflow: hidden;
    margin: 0 auto 1px auto;
    height: 33px;
    background: url(/images/site/header/bg_red.gif) no-repeat left top;
}

#boxCompanionDetailSchedule .header h3 {
    float: left;
    margin: 0 0 0 15px;
    line-height: 33px;
    font-size: 14px;
    color: #fff;
    text-shadow: 1px 1px 1px #313131;
}

#boxCompanionDetailSchedule .header .boxRight {
    margin: 0 5px 0 0;
    width: auto !important;
    line-height: 33px;
    font-size: 12px;
    color: #fff;
}

#boxCompanionDetailSchedule table {
    border-collapse: separate;
    border-spacing: 1px;
}

#boxCompanionDetailSchedule table th,
#boxCompanionDetailSchedule table td {
    width: 100px;
    padding: 8px 0;
    text-align: center;
    background: #e5e5e5;
    line-height: 1.6em;
}

#boxCompanionDetailSchedule table td a {
    display: block;
    width: 100%;
    height: 100%;
    font-weight: bold;
    color: #313131;
    text-decoration: underline;
}

#boxCompanionDetailSchedule table td a:hover {
    text-decoration: none;
}

#boxCompanionDetailSchedule .boxCenter {
    text-align: center;
}

.headerCompanionDetailData {
    overflow: hidden;
    margin: 0 auto 1px auto;
    height: 31px;
    background: url(/images/site/header/bg_checker.gif) repeat-x left top;
}

.headerCompanionDetailData h4 {
    float: left;
    margin: 0 0 0 9px;
    line-height: 31px;
    font-size: 14px;
    color: #fff;
    text-shadow: 1px 1px 1px #313131;
}

.headerCompanionDetailData .boxRight {
    margin: 0 5px 0 0;
    width: auto !important;
    line-height: 31px;
    font-size: 12px;
    color: #fff;
}

.headerCompanionDetailData .boxRight .en {
    font-size: 10px;
}

#ulCompanionQa {
    margin: 0 0 0 0;
}

#ulCompanionQa li {
    overflow: hidden;
    text-align: left;
}


/* Hack IE7 */

*:first-child+html #ulCompanionQa li {
    margin-bottom: -4px;
}

#ulCompanionQa li .date,
#ulCompanionQa li .content {
    height: 30px;
    line-height: 30px;
    text-indent: 0.5em;
}

#ulCompanionQa li .date {
    float: left;
    width: 200px;
    background: #ededed;
    font-weight: bold;
    text-shadow: 1px 1px 1px #fff;
    background: url(/images/site/bg_companion_detail_data_th.gif) no-repeat right bottom;
}

#ulCompanionQa li .content {
    float: left;
    width: 502px !important;
    background: url(/images/site/bg_companion_detail_data_td.gif) no-repeat left bottom;
}

#boxCompanionDetailReserveOnline {
    margin-bottom: 2px;
    width: 354px;
    height: 58px;
}

#boxCompanionDetailReserveOnline p {
    margin: 0 3px;
    padding: 3px 0;
    text-align: center !important;
}

#boxCompanionDetailReserveOnline p img {
    vertical-align: middle;
}

.tableCompanionDetailData {}

.tableCompanionDetailData th,
.tableCompanionDetailData td {
    height: 30px;
    line-height: 30px;
    font-size: 80%;
    background: #eee;
    border: 1px solid #fff;
}

.tableCompanionDetailData th {
    text-indent: 0.5em;
    border-right: 1px solid #eee;
}

.tableCompanionDetailData td {
    text-align: center;
    font-size: 14px;
    border-left: 1px solid #eee;
}

.playStatus {
    color: #333;
}

.statusY {
    color: #f4b900 !important
}


/*
 * NewFace
 */

.boxNewFace {
    width: 702px;
    margin-bottom: 10px;
    text-align: left;
    line-height: 0;
}

.boxNewFace p.comment {
    padding: 10px 0 0 0;
    line-height: 1.8em;
    background: url(/images/site/border_double.gif) repeat-x left top;
}

.boxNewFaceR .boxLeft {
    width: 190px;
    position: relative;
}

.boxNewFaceR .boxRight {
    padding-top: 25px;
    width: 512px;
}

.boxNewFaceR p {
    margin: 10px 4px 5px 20px;
}

.boxNewFaceL .boxLeft {
    padding-top: 25px;
    width: 512px;
}

.boxNewFaceL .boxRight {
    width: 190px;
    position: relative;
}

.boxNewFaceL p {
    margin: 10px 20px 5px 4px;
}

.boxNewFaceL #iconNewSunMoonDetail {
    background: url(/images/site/icon_new_sun_moon_detail.gif) no-repeat left top;
}

.boxNewFaceL #iconNewSunDetail {
    /* 電車アイコンは廃止
    background: url(/images/site/icon_new_sun_detail.gif) no-repeat left top;
    */
    background: url(/images/site/icon_new_detail.gif) no-repeat left top;
}

.boxNewFaceL #iconNewMoonDetail {
    background: url(/images/site/icon_new_moon_detail.gif) no-repeat left top;
}

.boxNewFaceL #iconSunMoonDetail {
    background: url(/images/site/icon_sun_moon_detail.gif) no-repeat left top;
}

.boxNewFaceL #iconSunDetail {
    background: url(/images/site/icon_sun_detail.gif) no-repeat left top;
}

.boxNewFaceL #iconMoonDetail {
    background: url(/images/site/icon_moon_detail.gif) no-repeat left top;
}

.boxNewFaceL #iconNewDetail {
    /* 電車アイコンは廃止
    background: url(/images/site/icon_new_sun_detail.gif) no-repeat left top;
    */
    background: url(/images/site/icon_new_detail.gif) no-repeat left top;
    background-position: left top;
    width: 25px;
    height: 25px;
    float: none;
}

.boxNewFaceR #iconNewDetail {
    /* 電車アイコンは廃止
    background: url(/images/site/icon_new_sun_detail.gif) no-repeat right top;
    */
    background: url(/images/site/icon_new_detail.gif) no-repeat right top;
    background-position: left top;
    width: 25px;
    height: 25px;
    float: right;
    position: relative;
    top: -25px;
}


/*
 * PV
 */

#box_companions_pv {
    overflow: hidden;
    margin: 0 auto;
}

#box_companions_pv .boxLeft,
#box_companions_pv .boxRight {
    width: 340px;
    /* 2020/03/23 画像がないのでとりあえずコメント
    background: url(/images/site/bg_pv.jpg) no-repeat right 30px;
*/
}

.olPv {
    margin: 10px auto 0 auto;
}

.olPv li {
    overflow: hidden;
    _zoom: 1;
    background: url(/images/site/border_dotted_x.gif) repeat-x left bottom;
    padding-bottom: 10px;
    margin-bottom: 10px;
    text-align: left;
}

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

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

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

.olPv li.outOfBest3 {
    float: left;
    width: 170px;
}

.olPv li.outOfBest3 .box {
    overflow: hidden;
    margin: 0 auto;
}

.olPv li.outOfBest3 .box .boxLeft,
.olPv li.outOfBest3 .box .boxRight {
    border: none !important;
    background: none !important;
}

.olPv li.outOfBest3 .box .boxLeft {
    width: 100px !important;
}

.olPv li.outOfBest3 .box .boxLeft span {
    font-weight: bold;
    color: #950000;
}

.olPv li.outOfBest3 .box .boxRight {
    text-align: right;
    margin-right: 10px;
    width: 60px !important;
}


/*
 * Faq
 */

.boxFaq {
    margin-bottom: 15px;
}

.boxFaq 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;
}

.boxFaq dl {
    margin: 0 3px 0 33px;
}

.boxFaq dl dt,
.boxFaq dl dd {
    text-align: left;
}

.boxFaq dl dt {
    margin: 10px 0 10px 0;
    padding: 8px 0 8px 20px;
    background: url(/images/site/faq_q.gif) no-repeat left center;
    border-bottom: 1px dotted #666;
    font-size: 14px;
}

.boxFaq dl dt a {
    display: block
}

.boxFaq dl dd {
    display: none;
    margin: 0 0 10px 20px;
    padding: 0 0 5px 23px;
    background: url(/images/site/faq_a.gif) no-repeat left 2px;
    border-bottom: 1px dotted #666;
}

.boxFaq dl dd p {
    line-height: 1.6em;
    background: url(/images/site/faq_bg_dd_p.gif) no-repeat right top;
}


/*
 * System
 */

.boxProhibition {
    text-align: left;
}

.boxProhibition p {
    margin: 0 auto 20px auto;
}

.boxProhibition ul {
    margin: 15px 0 15px 10px;
    padding: 10px 0 10px 20px;
    list-style: disc;
    border-top: 1px dotted #999;
    border-bottom: 1px dotted #999;
}

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

#tabs {
    margin: 0 auto;
}

#tabs ul {
    overflow: hidden;
    margin-bottom: 20px;
}

#tabs li,
#tabs li div {
    float: left;
}

#tabs li a span {
    display: none;
}

#tabs li a {
    display: block;
    margin-right: 2px;
    width: 149px;
    height: 59px;
    background-image: url(/images/site/system/bg_system_tab_20191001.gif);
    background-repeat: no-repeat;
}

#tabs.shinyokohama li a {
    background-image: url(/images/site/system/bg_system_tab_shinyokohama_20191001.gif);
}

#tabs.kinshicho li a {
    background-image: url(/images/site/system/bg_system_tab_kinshicho_20191001.gif);
}

li#tabsSystemDefault a {
    background-position: left top;
}

li#tabsSystemDefault a:hover {
    background-position: left bottom
}

li#tabsSystemSun a {
    background-position: -149px top;
}

li#tabsSystemSun a:hover {
    background-position: -149px bottom
}

li#tabsSystemMoon a {
    background-position: right top;
}

li#tabsSystemMoon a:hover {
    background-position: right bottom
}

.ui-tabs-panel {}

.ui-tabs-hide {
    display: none;
}

.ui-tabs-selected #tabSelected1 a {
    background-position: left bottom !important;
}

.ui-tabs-selected #tabSelected2 a {
    background-position: -149px bottom !important;
}

.ui-tabs-selected #tabSelected3 a {
    background-position: right bottom !important;
}

#boxAboutShop {
    text-align: left;
    font-size: 108%;
}

#boxAboutShop p {
    margin: 0 auto 20px auto;
    line-height: 1.6em;
}

#boxAboutShop ul {
    margin: 15px 0 15px 10px;
    padding: 10px 0 10px 20px;
    list-style: disc;
    border-top: 1px dotted #999;
    border-bottom: 1px dotted #999;
}

#boxAboutShop ul li {
    line-height: 1.6em;
    text-align: left;
}


/*
 * CreditCard
 */

#boxCreditCardNotes {
    margin: 0 0 15px 0;
    padding-bottom: 10px;
    background: url(/images/site/border_dotted_x.gif) repeat-x left bottom;
}

#boxCreditCardNotes p {
    padding: 12px 0 12px 80px;
    background: url(/images/site/credit_icon.gif) no-repeat 10px center;
    color: #b20000;
    font-size: 123.1%;
}

.boxCreditCard {
    margin-bottom: 15px;
}

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

.boxCreditCard p {
    overflow: hidden;
    padding: 10px 10px 10px 0;
    font-size: 108%;
}

.boxCreditCard p span {
    display: block;
    float: left;
    margin: 0 10px;
    width: 48px;
    height: 33px;
    background-image: url(/images/site/credit_step.gif);
    background-repeat: no-repeat;
}

.boxCreditCard p.step1 span {
    background-position: left top;
}

.boxCreditCard p.step2 {
    background: url(/images/site/credit_cards.gif) no-repeat right 32px;
}

.boxCreditCard p.step2 span {
    background-position: left -33px;
}

.boxCreditCard p.step3 span {
    background-position: left -66px;
}

.boxCreditCard p.step4 span {
    background-position: left -100px;
}

.boxCreditCard p.step5 span {
    background-position: left bottom;
}


/*
 * Link
 */

.tableLink {
    margin: 0 auto;
}

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


/*
 * Schedule
 */

#boxTableCompanionSchedule {
    margin-top: -10px;
    padding: 10px 0 0 0;
    background: url(/images/site/border_dotted_x.gif) repeat-x left top;
}

#boxTableCompanionSchedule table {
    border: 1px solid #b30000;
}

#boxTableCompanionSchedule table caption {
    padding: 5px 0;
    text-align: right;
}

#boxTableCompanionSchedule table th,
#boxTableCompanionSchedule table td {
    padding: 3px 5px;
    border: 1px solid #b30000;
    text-align: center;
}

#boxTableCompanionSchedule table th {
    background: #ffcccc;
    font-weight: bold;
}

#boxTableCompanionSchedule table td {
    background: #faf8ec;
}

#boxTableCompanionSchedule table td .tooltip {
    z-index: 999999;
    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;
}

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

#boxTableCompanionSchedule table td .tooltip .boxLeft {
    width: 70px;
}

#boxTableCompanionSchedule table td .tooltip .boxRight {
    width: 199px;
    text-align: left;
}


/*
 * Reserve
 */

#boxReserveTel {
    margin: 10px 10px 0 10px;
    text-align: left;
}

#boxReserveTel h4 {
    margin-bottom: 10px;
    font-size: 108%;
    border-bottom: 1px solid #b30000;
}

#boxReserveTel ul {
    margin: 10px 0 10px 30px;
}

#boxReserveOnline {
    margin: 10px 10px 0 10px;
    text-align: left;
}

#boxReserveOnline h4 {
    margin-bottom: 10px;
    font-size: 108%;
    border-bottom: 1px solid #b30000;
}

#boxReserveOnline ul {
    margin: 10px 0 10px 30px;
}

#boxReserveOnline ol li {
    margin-bottom: 15px;
    padding-bottom: 15px;
    background: url(/images/site/border_dotted_x.gif) repeat-x left bottom;
    text-align: center;
}

#boxReserveOnline ol li p {
    margin-bottom: 15px;
    text-align: left;
}

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

.reserveFlow span {
    display: none;
}

#flow1 {
    background-position: left top;
}

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

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

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

#flow5 {
    background-position: left bottom;
}

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

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

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

#ulReserveConfirm {
    margin: 10px;
}

#ulReserveConfirm li {
    overflow: hidden;
    margin-bottom: 5px;
    padding-bottom: 5px;
    background: url(/images/site/border_dotted_x.gif) repeat-x left bottom;
    font-size: 108%;
}

#ulReserveConfirm li .boxLeft {
    width: 170px;
    font-weight: bold;
    text-align: right;
}

#ulReserveConfirm li .boxRight {
    width: 326px;
    text-align: left;
}


/*
 * Bbs
 */

.boxBbs {
    overflow: hidden;
    margin-bottom: 15px;
}

.boxBbs h3 {
    overflow: hidden;
    padding: 0 10px 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;
}

.boxBbs h3 a {
    color: #fff;
}

.boxBbs h3 span {
    float: right;
    font-size: 85%;
}

.boxBbs p.right {
    margin-right: 15px;
}

.boxBbs .body {
    overflow: hidden;
}

.boxBbs .body p {
    margin: 5px 15px 5px 15px;
    line-height: 1.6em;
}

.boxBbs p.by {
    padding: 5px 0 0 0;
    background: url(/images/site/border_dotted_x.gif) repeat-x left top;
    text-align: right;
}

.boxBbs .boxBbsRes {
    float: right;
    width: 80%;
    margin: 5px 15px 5px 0;
}

#boxAgreement {
    margin: 15px;
    text-align: left;
    line-height: 1.6em;
}

#boxAgreement p {
    margin: 10px 0;
}


/*
 * Enquete
 */

.boxReport {
    margin: 10px auto;
    border: 1px solid #b10001;
    border-right: 2px solid #b10001;
    border-bottom: 2px solid #b10001;
    background: #fafaeb;
}

.boxReport .header {
    overflow: hidden;
    padding: 5px;
    height: auto;
    background: #fff;
    border-bottom: 1px solid #b10001;
    position:relative;
}

.boxReport .header .boxLeft,
.boxReport .header .boxRight {
    height: 25px;
    line-height: 25px;
}

.boxReport .header .boxRight span.icon {
    display: block;
    float: right;
    width: 25px;
    height: 25px;
    background-image: url(/images/site/icon_sun_moon_detail.gif);
    background-repeat: no-repeat;
}

.boxReport .header .boxRight span.iconSun {
    background-position: left top;
}

.boxReport .header .boxRight span.iconMoon {
    background-position: right top;
}

.boxReport .body {
    margin: 10px;
}

.boxReport .body p {
    line-height: 1.6em;
}


/*
 * Recruit
 */

#boxRecruitMain {
    margin: 10px auto;
    text-align: center;
}

#boxRecruitMain p {
    margin: 10px auto 0 auto;
    width: 580px;
    border-left: 10px solid #cc0001;
    padding: 0 0 0 10px;
    color: #666;
    font-size: 108%;
    line-height: 1.6em;
}

#boxRecruitList {
    padding: 20px;
    border: 1px solid #b10001;
    background: #fafaeb url(/images/site/recruit_list.jpg) no-repeat 460px 20px;
    text-align: left;
    font-size: 108%;
    line-height: 1.6em;
}

#boxRecruitList dl {
    overflow: hidden;
    margin: 40px auto;
}

#boxRecruitList dl dt,
#boxRecruitList dl dd {
    margin: 0 auto 10px auto;
}

#boxRecruitList dl dt {
    float: left;
    width: 70px;
}

#boxRecruitList dl dd {
    margin-left: 70px;
}


/*
 * Ranking
 */

.boxRanking {
    margin-bottom: 15px;
}

.boxRanking .body {
    overflow: hidden;
    margin-right: -4px;
    width: 706px;
}

.boxRanking .boxCompanion {
    float: left;
    margin: 0 4px 0 0;
    padding: 3px;
    width: 129px;
    border: 1px solid #dcdcdc;
}

.boxRanking .boxCompanion .box {
    overflow: hidden;
}

.boxRanking .boxCompanion .box .boxLeft {
    width: 50px;
}

.boxRanking .boxCompanion .box .boxRight {
    width: 74px;
}

.boxRanking .boxCompanion .bottom {
    padding: 4px 0 2px 0;
    background: #eee url(/images/site/border_dotted_x.gif) repeat-x left top;
    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;
}

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

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

.cf {
    zoom: 1;
}

.clearfix {
    *zoom: 1;
}

.clearfix:before,
.clearfix:after {
    display: table;
    content: "";
    line-height: 0;
}

.clearfix:after {
    clear: both;
}

.hide-text {
    font: 0/0 a;
    color: transparent;
    text-shadow: none;
    background-color: transparent;
    border: 0;
}

.input-block-level {
    display: block;
    width: 100%;
    min-height: 30px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.label,
.badge {
    display: inline-block;
    padding: 2px 4px;
    font-size: 11.844px;
    font-weight: bold;
    line-height: 14px;
    color: #ffffff;
    vertical-align: baseline;
    white-space: nowrap;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    background-color: #999999;
}

.label {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

.badge {
    padding-left: 9px;
    padding-right: 9px;
    -webkit-border-radius: 9px;
    -moz-border-radius: 9px;
    border-radius: 9px;
}

.label:empty,
.badge:empty {
    display: none;
}

a.label:hover,
a.label:focus,
a.badge:hover,
a.badge:focus {
    color: #ffffff;
    text-decoration: none;
    cursor: pointer;
}

.label-important,
.badge-important {
    background-color: #b94a48;
}

.label-important[href],
.badge-important[href] {
    background-color: #953b39;
}

.label-warning,
.badge-warning {
    background-color: #f89406;
}

.label-warning[href],
.badge-warning[href] {
    background-color: #c67605;
}

.label-success,
.badge-success {
    background-color: #468847;
}

.label-success[href],
.badge-success[href] {
    background-color: #356635;
}

.label-info,
.badge-info {
    background-color: #3a87ad;
}

.label-info[href],
.badge-info[href] {
    background-color: #2d6987;
}

.label-inverse,
.badge-inverse {
    background-color: #333333;
}

.label-inverse[href],
.badge-inverse[href] {
    background-color: #1a1a1a;
}

.btn .label,
.btn .badge {
    position: relative;
    top: -1px;
}

.btn-mini .label,
.btn-mini .badge {
    top: 0;
}

a.keiretsu {
    display: block;
    width: 198px;
    height: 28px;
    background: #fafaeb;
    color: #a50003;
    text-align: center;
    font-weight: bold;
    font-size: 130%;
    border: 1px solid #e4e4c9;
    padding-top: 10px;
    margin: 10px auto;
}

a.keiretsu-shinyokohama {
    display: block;
    width: 198px;
    height: 28px;
    background: #fafaeb;
    color: #015c01;
    text-align: center;
    font-weight: bold;
    font-size: 130%;
    border: 1px solid #e4e4c9;
    padding-top: 10px;
    margin: 10px auto;
}

a.keiretsu-kinshicho {
    display: block;
    width: 198px;
    height: 28px;
    background: #fafaeb;
    color: #810181;
    text-align: center;
    font-weight: bold;
    font-size: 130%;
    border: 1px solid #e4e4c9;
    padding-top: 10px;
    margin: 10px auto;
}

a.crelink {
    display: block;
    width: 102px;
    height: 17px;
    float: right;
    margin-top: 46px;
}

.boxCaption {
    margin: 0 auto;
    padding: 10px;
}

.boxCaption h4 {
    font-size: 120%;
    margin-bottom: 10px;
}

.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;
    /* 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: #facdc5;
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZhY2RjNSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlMmExOTgiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top, #facdc5 0%, #e2a198 100%);
    /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #facdc5), color-stop(100%, #e2a198));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #facdc5 0%, #e2a198 100%);
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #facdc5 0%, #e2a198 100%);
    /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #facdc5 0%, #e2a198 100%);
    /* IE10+ */
    background: linear-gradient(to bottom, #facdc5 0%, #e2a198 100%);
    /* W3C */
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#facdc5', endColorstr='#e2a198', GradientType=0);
    /* IE6-8 */
    border-color: #cb8d84;
    color: #A50000;
}

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

.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;
}


/*
   todo: change markup for input[readonly=readonly]
*/

.boxInnerOffer {
    margin-top: 10px;
    padding: 10px;
    font-size: 25px;
}

.boxInnerOffer p {
    text-align: center;
}

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

.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: 400px;
    height: 80px;
    padding: 0;
    margin: 0 auto 20px auto;
    border: 0;
    font-size: 0;
    line-height: 0;
    overflow: visible;
    cursor: pointer;
    background: url(/images/site/offer/shukkinyousei.png);
    background-repeat: no-repeat;
    background-position: left top;
}

#btnAttendanceRequest {
    text-align: center;
}

#btnAttendanceRequest2 button {
    width: 400px;
    height: 80px;
    padding: 0;
    margin: 0 auto 20px auto;
    border: 0;
    font-size: 0;
    line-height: 0;
    overflow: visible;
    cursor: pointer;
    background: url(/images/site/offer/shukkinyousei2.png);
    background-repeat: no-repeat;
    background-position: left top;
}

#btnAttendanceRequest2 {
    text-align: center;
}

.tac {
    text-align: center;
}

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

.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-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
}

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

.bg-pink {
    background: #ffeded;
}

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

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

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

.va1 {
    vertical-align: bottom;
}

.schedule_week {
    overflow: hidden;
    width: 710px;
    margin-left: 0px;
    margin-right: 0px;
    margin-bottom: 5px;
}

.schedule_week table {
    table-layout: fixed;
    margin: 0 auto;
    background: #ffffff;
    border-collapse: collapse;
    border-spacing: 0;
}

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

.schedule_week a {
    display: block;
    height: 20px;
    padding-top: 5px;
    border: 1px dotted #b2b2b2;
    text-decoration: none;
    color: #313131;
    background: #f7f4eb;
}

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

.schedule_week a:hover {
    color: #313131;
    background: #f9a5b9;
}


/*
 * Search Area
 */

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


/*
 * Search Area
 */

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


/*
 * Search Area
 */

.search_box input.q3 {
    /*margin: 0 5px 0 0;*/
    padding: 4px 3px 4px 18px;
    width: 40px;
    margin: 0 5px;
    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;
}


/**
お客様の声 評価
*/

.input-range {
    display: none;
}

.range-group {
    position: relative;
}

.range-group>a {
    display: inline-block;
    width: 20px;
    height: 20px;
}

.range-group>a:before {
    content: "☆";
    font-size: 20px;
    color: #aaa;
}

.range-group>a.on:before {
    content: "☆";
    color: #fc3;
}


/* 20220308 enquete */
.enquete_switch {
    width:100%;
    text-align:center;
}
.enquete_switch div {
    width:250px;
    margin:10px auto 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 {
    text-align:center;
    padding:10px 0 10px 20px;
    font-size:130%;
    background:url(/images/site/icon_enquete_arrow.png) 20px 10px no-repeat;
    letter-spacing:2px;
}
.shopenquete .boxRight {
    float:left;
    padding-left:5px;
}

/* 20220513 enquete pickup */

.boxReport .header .boxLeft .cp_name {
    float:left;
}
.pickup_badge_cp1 {
    position:absolute;
    left:187px;
}
.pickup_badge_cp1 span {
    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_cp2 {
    float:left;
    margin-left:10px;
}
.pickup_badge_cp2 span {
    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_ct1 {
    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:10px;
    left:195px;
}
.pickup_badge_ct2 {
    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:10px;
    left:250px;
}

#boxReserveCautionByShop {
    margin-left: 5px;
    margin-bottom: 10px;
    text-align: left;
    line-height: 1.5;
}

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

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

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

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

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

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

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

tr.reserveDateTimeCourse .caption {
    font-weight: bold;
}

#boxReserveDateTimeCourse div {
    vertical-align: bottom;
}

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

table.reserveNstep1 th {
    background: white;
}

table.reserveNstep1 #areaHelp, table.reserveNstep2 #detailHelp {
    white-space: nowrap;
}

table.reserveNstep2 {
    margin-top: 5px;
}

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

#msgDateTargetExcluded {
    color: #990000;
    background: url(/images/site/icon/exclamation.png) no-repeat scroll 0 center;
    margin: 10px;
    padding: 5px 2px 0 20px;
    font-weight: bold;
    text-align: left;
}

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

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

#toggleOption {
    padding: 0 5px;
}

div.sctble_mat a.long {
    width: 340px;
}

div.sctble_mat a.long2 {
    height: 33px;
    line-height: 1.2em;
    margin-top: 0;
    margin-bottom: 2px;
    padding-top: 5px
}

div.sctble_mat a.selected {
    background-color: #d2d0e8 !important;
}

a#delivery_ward_dammy.sctble_display span {
    background: url(/images/site/selectable/default/select_left_long.gif) no-repeat left top;
    overflow: hidden;
    text-overflow: ellipsis;
}

a#delivery_ward_dammy.sctble_display:hover span {
    background-position: left -25px;
}

/* vi: set ts=4 sw=4 et fenc=utf-8 ff=unix notx jcode=t : encoding="UTF-8" */