@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: #F9A5B9 !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: #313131;
    text-decoration: underline;
}

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

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

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

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 {
    font-size: 62.5%;
}

html,
body {
    height: 100%;
}

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

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

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

.push {
    background: url(/images/site/bg_push.png) repeat-x left top;
}

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

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

#contentColumn {
    margin-right: 230px;
    /*Set right margin to RightColumnWidth*/
    padding-top: 10px;
}

#rightColumn {
    float: left;
    width: 230px;
    /*Width of right column*/
    margin-left: -230px;
    /*Set left margin to -(RightColumnWidth) */
}

#topSection {
    position: relative;
    margin: 0 auto;
    width: 960px;
    height: 133px;
    text-align: center;
}

#boxTopSection {
    width: 960px;
}

#boxTopSection h1 {
    float: left;
    margin-top: 8px;
    margin-left: -14px;
    width: 267px;
    height: 75px;
}

#boxTopSection h1 a {
    display: block;
    width: 100%;
    height: 100%;
    background: url(/images/site/logo.png) no-repeat left top;
}

#boxTopSection .boxCenter {
    float: left;
    margin-top: 29px;
    width: 463px;
}

#boxTopSection .boxRight {
    width: 230px;
    height: 79px;
    background: url(/images/site/bg_info.png) no-repeat left top;
}

#boxTopSection .boxRight p {
    display: none;
}

#gNav {
    position: absolute;
    left: 0;
    bottom: 0;
    overflow: hidden;
    margin: 0 auto;
    width: 960px;
    height: 43px;
}

#gNav li {
    float: left;
    width: 192px;
    height: 43px;
}

#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 li a span {
    display: none;
}

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

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

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

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

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

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

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

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

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

#sNav {
    overflow: hidden;
    margin: 0 auto;
    padding: 5px 0;
    width: 230px;
    background: #544a41;
}

#sNav li {
    float: left;
    margin: 0 5px;
    width: 220px;
    height: 39px;
}

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

#sNav li a span {
    display: none;
}

#sNav li#sNavNews a:hover,
#sNav li#sNavNews a.current {
    background-position: right top;
}

#sNav li#sNavSystem a {
    background-position: left -39px;
}

#sNav li#sNavSystem a:hover,
#sNav li#sNavSystem a.current {
    background-position: right -39px;
}

#sNav li#sNavSchedule a {
    background-position: left -117px;
}

#sNav li#sNavSchedule a:hover,
#sNav li#sNavSchedule a.current {
    background-position: right -117px;
}

#sNav li#sNavCompanion a {
    background-position: left -78px;
}

#sNav li#sNavCompanion a:hover,
#sNav li#sNavCompanion a.current {
    background-position: right -78px;
}

#sNav li#sNavReserve a {
    background-position: left -156px;
}

#sNav li#sNavReserve a:hover,
#sNav li#sNavReserve a.current {
    background-position: right -156px;
}

#sNav li#sNavOffer a {
    background-position: left -405px;
}

#sNav li#sNavOffer a:hover,
#sNav li#sNavOffer a.current {
    background-position: right -405px;
}

#sNav li#sNavCostume a {
    background-position: left -195px;
}

#sNav li#sNavCostume a:hover,
#sNav li#sNavCostume a.current {
    background-position: right -195px;
}

#sNav li#sNavEnquete a {
    background-position: left -234px;
}

#sNav li#sNavEnquete a:hover,
#sNav li#sNavEnquete a.current {
    background-position: right -234px;
}

#sNav li#sNavFaq a {
    background-position: left -273px;
}

#sNav li#sNavFaq a:hover,
#sNav li#sNavFaq a.current {
    background-position: right -273px;
}

#sNav li#sNavBbs,
#sNav li#sNavRecruit,
#sNav li#sNavLink {
    height: 31px !important;
}

#sNav li#sNavBbs a {
    background-position: left -312px;
}

#sNav li#sNavBbs a:hover,
#sNav li#sNavBbs a.current {
    background-position: right -312px;
}

#sNav li#sNavRecruit a {
    background-position: left -343px;
}

#sNav li#sNavRecruit a:hover,
#sNav li#sNavRecruit a.current {
    background-position: right -343px;
}

#sNav li#sNavLink a {
    background-position: left -374px;
}

#sNav li#sNavLink a:hover,
#sNav li#sNavLink a.current {
    background-position: right -374px;
}


/* add (s) 2016/02/23 #152 */

#sNav li#sNavStaff a {
    background-position: left -444px;
}

#sNav li#sNavStaff a:hover,
#sNav li#sNavStaff a.current {
    background-position: right -444px;
}


/* add (e) 2016/02/23 #152 */

#searchNav {
    overflow: hidden;
    margin: 7px -7px 0 0;
    width: 705px;
    height: 89px;
}

#searchNav li {
    float: left;
    margin-right: 7px;
    width: 169px;
    height: 89px;
}

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

#searchNav li a span {
    display: none;
}

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

#searchNav li#searchNavSchedule a {
    background-position: -176px top;
}

#searchNav li#searchNavSchedule a:hover,
#searchNav li#searchNavSchedule a.current {
    background-position: -176px bottom;
}

#searchNav li#searchNavEnquete a {
    background-position: -353px top;
}

#searchNav li#searchNavEnquete a:hover,
#searchNav li#searchNavEnquete a.current {
    background-position: -353px bottom;
}

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

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

#footer {
    height: 349px;
    background: url(/images/site/bg_footer.png) repeat-x left bottom;
    color: #fff;
}

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

#footerLeft {
    float: left;
    margin: 50px 0 0 0;
    width: 629px;
    text-align: left;
}

#fNav {
    overflow: hidden;
}

#fNav li {
    float: left;
    padding-left: 20px;
    width: 180px;
    height: 20px;
}

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

#fNav li a:hover {
    color: #ff386c;
}

#footerRight {
    float: right;
    margin-top: 30px;
    width: 331px;
    height: 211px;
    background: url(/images/site/logo_footer.png) no-repeat left top;
}

address {
    position: absolute;
    left: 0;
    bottom: 18px;
    margin: 0 auto;
    width: 960px;
    text-align: center;
    font-size: 10px;
    font-size: 1.0rem;
    font-weight: normal;
    font-style: normal;
    color: #fff;
}

address a {
    color: #fff !important;
    text-decoration: none !important;
}

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

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

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

#backToTop a span {
    display: none;
}


/*
 * Common Module
 */

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

.boxMain .header {
    overflow: hidden;
    margin: 0 auto 15px auto;
    width: 710px;
    height: 50px;
    background-image: url(/images/site/sprite_h.gif);
    background-repeat: no-repeat;
    background-position: left top;
}

#pickUpGirl {
    background-position: left top;
}

#scheduleToday {
    background-position: left -50px;
}

#companion {
    background-position: left -100px;
}

#system {
    background-position: left -150px;
}

#reserveForm {
    background-position: left -200px;
}

#companionPv {
    background-position: left -250px;
}

#ranking {
    background-position: left -300px;
}

#profile {
    background-position: left -350px;
}

#enquete2 {
    background-position: left -400px;
}

#news2 {
    background-position: left -450px;
}

#costume {
    background-position: left -500px;
}

#faq2 {
    background-position: left -550px;
}

#bbs {
    background-position: left -600px;
}

#recruit {
    background-position: left -650px;
}

#link {
    background-position: left -700px;
}

#inquiry {
    background-position: left -750px;
}

#reserveTel {
    background-position: left -800px;
}

#reserveOnline {
    background-position: left -850px;
}

#newFace {
    background-position: left -900px;
}

#pr {
    background-position: left -950px;
}

#realTime {
    background-position: left -1000px;
}

#offer {
    background-position: left -1050px;
}

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

.boxMain .headerHalf {
    margin: 0 auto 15px auto;
    width: 350px;
    height: 50px;
    background-image: url(/images/site/sprite_h_half.gif);
    background-repeat: no-repeat;
    background-position: left top;
}

#newComer {
    background-position: left top;
}

#news {
    background-position: left -50px;
}

#mobile {
    background-position: left -100px;
}

#mailMagazine {
    background-position: left -150px;
}

#faq {
    background-position: left -200px;
}

#enquete {
    background-position: left -250px;
}

#realTimeTop {
    background-position: left -300px;
}

.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: 39px;
    line-height: 39px;
    background: url(/images/site/bg_h_common.png) repeat-x left top;
    font-size: 15px;
    font-size: 1.5rem;
    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;
}

.boxMain .header2 h5 {
    padding: 0 10px;
    height: 28px;
    line-height: 28px;
    background: #d3d1d0;
    text-align: left;
}

.boxFloatLR,
.boxFloatLRHalf {
    overflow: hidden;
}

.boxLeft {
    float: left;
}

.boxRight {
    float: right;
}

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

.boxCenter {
    text-align: center;
}

.boxBorder {
    overflow: hidden;
    padding: 5px;
    border: 1px solid #e5e5e5;
    background: #fff;
    text-align: left;
}

.boxBorder .content {
    margin: 5px 0 0 0;
    padding: 5px;
    background: #f7f4eb;
}

.innerTube {
    margin: 10px;
}

.innerTubeY {
    margin: 10px auto;
}

.innerTubeX {
    margin: 0 10px;
}

.boxNews {
    margin: 0 auto;
}

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

.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;
    margin: 0;
    padding: 0;
    width: 558px;
    text-align: left;
    text-indent: 0.5em;
    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;
    text-align: left;
}

.boxArticle h3 {
    overflow: hidden;
    margin: 0 0 10px 0;
    padding: 0 0 0 30px;
    height: 30px;
    line-height: 30px;
    border-bottom: 1px solid #544a41;
    background: url(/images/site/icon_new.png) no-repeat left center;
}

.boxArticle h3 .boxRight {
    width: 100px;
    font-weight: normal;
    text-align: right;
}

.boxArticle .boxFloatLR .boxLeft {
    width: 154px;
    text-align: center;
}

.boxArticle .boxFloatLR .boxLeft a {
    width: 154px;
    height: 206px;
}

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

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

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

.dspn {
    display: none;
}

.lastLi {
    background: none !important;
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
}

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

.b {
    font-weight: bold;
}

.px10 {
    font-size: 10px;
    font-size: 1.0rem;
}

.px11 {
    font-size: 11px;
    font-size: 1.1rem;
}

.px12 {
    font-size: 12px;
    font-size: 1.2rem;
}

.px13 {
    font-size: 13px;
    font-size: 1.3rem;
}

.px14 {
    font-size: 14px;
    font-size: 1.4rem;
}

.px16 {
    font-size: 16px;
    font-size: 1.6rem;
}

.px18 {
    font-size: 18px;
    font-size: 1.8rem;
}

.px20 {
    font-size: 20px;
    font-size: 2.0rem;
}

.px22 {
    font-size: 22px;
    font-size: 2.2rem;
}

.px24 {
    font-size: 24px;
    font-size: 2.4rem;
}

.px26 {
    font-size: 26px;
    font-size: 2.6rem;
}

.px28 {
    font-size: 28px;
    font-size: 2.8rem;
}

.px30 {
    font-size: 30px;
    font-size: 3.0rem;
}

.red {
    color: #b10001;
}

.pink {
    color: #ff386c;
}

.green {
    color: #4ca900;
}

.blue {
    color: #00a0e9;
}

.yellow {
    color: #f1b81e;
}

.b {
    font-weight: bold;
}

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

.bubble {
    position: absolute;
    height: 62px;
    background-image: url(/images/site/sprite_reserve_bubble.png);
    background-repeat: no-repeat;
    background-position: left top;
}

.bubbleTel {
    left: 160px;
    top: 40px;
    width: 204px;
}

.bubbleOnline {
    left: 210px;
    top: 40px;
    width: 297px;
    background-position: left bottom;
}

.iconStatus {
    position: absolute;
    width: 10px;
    background-image: url(/images/site/sprite_icon_status.gif);
    background-repeat: no-repeat;
    background-position: left top;
}

.iconNew {
    z-index: 9999;
    top: 7px;
    left: 1px;
    height: 30px;
    background-position: left top;
}

.iconToday {
    z-index: 9999;
    top: 7px;
    left: 1px;
    height: 40px;
    background-position: -10px top;
}

.iconPickUp {
    z-index: 9999;
    top: 7px;
    left: 1px;
    height: 44px;
    background-position: right top;
}

.boxNewComer .iconNew {
    left: -1px;
}

.boxCompanion .iconNew,
.boxCompanion .iconToday,
.boxCompanion .iconPickUp {
    left: 155px;
}

.boxPickUp .iconNew,
.boxPickUp .iconToday,
.boxPickUp .iconPickUp {
    left: 199px;
}

.boxSchedule .iconNew,
.boxSchedule .iconToday,
.boxSchedule .iconPickUp {
    left: 125px;
}

#boxCompanionDetail .iconNew,
#boxCompanionDetail .iconToday,
#boxCompanionDetail .iconPickUp {
    left: 289px;
}

.iconPickUp+.iconToday {
    top: 51px;
}

.iconToday+.iconNew {
    top: 47px;
}

.iconPickUp+.iconToday+.iconNew {
    top: 91px;
}

.iconPickUp+.iconNew {
    top: 51px;
}

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


/*
.iconNew{
	padding: 0 0 0 30px;
	background: url(/images/site/icon_new.png) no-repeat left center;
}
*/

.iconClip {
    padding: 0 0 0 20px;
    background: url(/images/site/icon_clip.png) 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;
}

.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 20px;
    list-style: disc;
}

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

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

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

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

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

.boxNotes h3 {
    line-height: 1em;
    padding: 4px 0 4px 20px !important;
    border-bottom: 1px solid #544a40;
    color: #000 !important;
    font-size: 1.17em !important;
    font-weight: bold !important;
    text-shadow: none !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 #c14867;
    background: #e9567c;
    color: #fff;
}

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

div.pagination a:hover {
    background: #b40000;
    border: 1px solid #c14867;
    background: #e9567c;
    color: #fff;
}

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 0 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 #e9567c;
    padding-left: 10px;
    color: #e9567c;
    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.search {
    background: url(/images/site/icon/magnifier.png) 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
 */

.back {
    background: url(/images/site/icon/prev.png) no-repeat left center;
    padding: 0 0 0 20px;
}

.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: 181px;
    height: 27px;
    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: 169px;
    height: 27px;
    background-image: url(/images/site/btn_mobile_url.gif);
}

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

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

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

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

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

#btnMlDel1 {
    float: left;
    width: 71px;
    height: 27px;
    background-image: url(/images/site/btn_ml_del.gif);
}

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

#btnCompanionDetailEnqueteForm {
    float: left;
    width: 169px;
    height: 27px;
    background-image: url(/images/site/btn_enquete.gif);
}

#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: 127px;
    height: 54px;
    background-image: url(/images/site/btn_bbs_agreement.png);
}

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

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

#btnSearch {
    overflow: hidden;
    width: 720px;
    margin-right: -10px;
}

#btnSearch a {
    display: block;
    float: left;
    margin-right: 10px;
    width: 170px;
    height: 55px;
    background-image: url(/images/site/btn_search_companion.png);
    background-repeat: no-repeat;
}

#btnSearch a span {
    display: none;
}

#btnSearchRanking {
    background-position: left top;
}

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

#btnSearchSchedule {
    background-position: -180px top;
}

#btnSearchSchedule:hover {
    background-position: -180px bottom;
}

#btnSearchVoice {
    background-position: -360px top;
}

#btnSearchVoice:hover {
    background-position: -360px bottom;
}

#btnSearchType {
    background-position: -540px top;
}

#btnSearchType:hover {
    background-position: -540px bottom;
}


/*
 * 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 ul {
    background: #fbf8f0;
    border: 1px solid #544a41;
}

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

.sideHeader {
    margin: 10px 0 0 0;
    width: 230px;
    height: 37px;
    background-image: url(/images/site/sprite_side_h.gif);
    background-position: left top;
}

#shRealTime {
    background-position: left top;
}

#shContact {
    background-position: left -37px;
}

#shRecentCheck {
    background-position: left -74px;
}

#shHotel {
    background-position: left -111px;
}

#shCredit {
    background-position: left -148px;
}

#shVoice {
    background-position: left -185px;
}

#shHealth {
    background-position: left -222px;
}

#shSsl {
    background-position: left -259px;
}

#shGroup {
    background-position: left -296px;
}

#shRecruit {
    background-position: left -333px;
}

#shQr {
    background-position: left -370px;
}

#shDiary {
    background-position: left -407px;
}

#shNews {
    background-position: left -444px;
}

.sideHeader a {
    display: block;
    height: 37px;
}

.sideMore {
    margin: -5px 5px 5px 5px;
    padding: 3px 0;
    width: 218px;
    text-align: right;
    background-color: #F3EFE6;
}

.sideImg {
    width: 65px;
    height: 43px;
    background-image: url(/images/site/sprite_side_img.jpg);
    background-position: left top;
}

.sideImg a {
    display: block;
    width: 100%;
    height: 100%;
}

#siHotel {
    background-position: left -43px;
}

#siCredit {
    background-position: left top;
}

#siVoice {
    background-position: left -86px;
}

.boxSideContent {
    overflow: hidden;
    margin: 0 auto 10px auto;
    width: 228px;
    background: #fff;
    border: 1px solid #e5e5e5;
    border-top: none;
}

.sideContent {
    overflow: hidden;
    margin: 3px 5px 5px 5px;
    padding: 5px;
    background: #f3efe6;
    text-align: left;
}

.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;
    margin: -3px -5px -5px -5px;
    padding: 5px;
    height: 200px;
    text-align: left;
}

#sideNewseRecent {
    overflow: auto;
    height: 300px;
}

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

#sideNewseRecent li .boxLeft {
    width: 56px;
}

#sideNewseRecent li .boxLeft a {
    width: 56px;
    height: 56px;
}

#sideNewseRecent li .boxRight {
    width: 130px;
}

#sideNewseRecent li .boxRight a {}

#sideRecentCheckCompanion {}

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

#sideRecentCheckCompanion li .boxLeft {
    width: 56px;
}

#sideRecentCheckCompanion li .boxLeft a {
    width: 56px;
    height: 56px;
}

#sideRecentCheckCompanion li .boxRight {
    width: 145px;
}

#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: 119px;
	*/
    width: 148px;
    height: 25px;
    line-height: 25px;
    color: #fff;
    font-size: 11px;
    font-size: 1.1rem;
}


/*
 * Companion Link
 * Border Sytle
 */

a.companionLink {
    display: block;
    border: 1px dotted #b2b2b2;
    background: #fff;
    text-align: center;
}

a.companionLink:hover {
    background: #ffddee;
}

a.companionLink img {
    margin-top: 3px;
}

.boxPickUp {
    width: 710px;
    margin-bottom: 10px;
    padding-bottom: 10px;
    text-align: left;
    background: url(/images/site/border_dotted_x.gif) repeat-x left bottom;
}

.boxPickUp .boxLeft {
    width: 210px;
    position: relative;
}

.boxPickUp .boxLeft a {
    width: 198px;
    height: 276px;
}

.boxPickUp .boxRight {
    width: 500px;
}

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

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

.boxNewFace {
    width: 710px;
    margin-bottom: 10px;
    padding-bottom: 10px;
    text-align: left;
    background: url(/images/site/border_dotted_x.gif) repeat-x left bottom;
}

.boxNewFace .boxLeft {
    width: 500px;
}

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

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

.boxNewFace .boxRight {
    width: 210px;
    position: relative;
}

.boxNewFace .boxRight a {
    float: right;
    width: 198px;
    height: 276px;
}

.boxNewComer {
    margin: 5px auto;
    width: 323px;
    background: #fff;
    border: 1px solid #e3e2e0;
    text-align: left;
}

.boxNewComer .boxLeft {
    width: 142px;
}

.boxNewComer .boxLeft a {
    width: 140px;
    height: 140px;
}

.boxNewComer .boxRight {
    width: 181px;
}

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

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

.boxNewsHome .title {
    overflow: hidden;
    margin: 0 0 5px 0;
    padding: 0 0 0 30px;
    height: 20px;
    line-height: 20px;
    border-bottom: 1px solid #544a41;
    background: url(/images/site/icon_new.png) no-repeat left center;
}

.boxNewsHome .title h4 {
    float: left;
}

.boxNewsHome .title .date {
    float: right;
    width: 64px;
    font-weight: normal;
    text-align: right;
}

.boxNewsHome .boxLeft {
    width: 56px;
    line-height: 0;
}

.boxNewsHome .boxLeft a {
    width: 56px;
    height: 56px;
}

.boxNewsHome .boxRight {
    width: 267px;
}

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

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

.boxRealTimeHome .date {
    margin: 0 0 5px 0;
    height: 20px;
    line-height: 20px;
    font-weight: normal;
    text-align: left;
}

.boxScrollArea {
    overflow: auto;
    margin-top: -15px;
    /* Header's Margin' */
    height: 340px;
    border-bottom: 2px solid #525345;
}

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


/* liScroll styles */

.tickercontainer {
    overflow: hidden;
    margin: 0 auto;
    padding: 0;
    width: 710px;
    height: 54px;
    background: url(/images/site/ticker_container.png) no-repeat right bottom;
}

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

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: 12px 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: 122px;
    height: 54px;
    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
 */

#tableCompanionSearch {
    margin: 0 auto;
}

#tableCompanionSearch th {
    width: 83px;
}

#tableCompanionSearch th,
#tableCompanionSearch td {
    padding: 8px 5px;
    background: url(/images/site/border_double.gif) repeat-x left bottom;
    text-align: left;
}

#tableCompanionSearch th span {
    display: block;
    width: 83px;
    height: 14px;
    background-image: url(/images/site/sprite_companion_search.png);
    background-repeat: none;
}

#tableCompanionSearch th span#searchAge {
    background-position: left top;
}

#tableCompanionSearch th span#searchHeight {
    background-position: left -14px;
}

#tableCompanionSearch th span#searchCup {
    background-position: left -28px;
}

#tableCompanionSearch th span#searchAtendance {
    background-position: left -42px;
}

#tableCompanionSearch th span#searchNewFace {
    background-position: left -56px;
}

#tableCompanionSearch th span#searchSmoke {
    background-position: left -70px;
}

#tableCompanionSearch th span b {
    display: none;
}

#boxCompanionList {
    overflow: hidden;
    margin: 0 -18px 0 0;
    width: 728px;
}

.boxCompanion {
    position: relative;
    z-index: 1;
    float: left;
    margin: 0 18px 20px 0;
    width: 164px;
    background: url(/images/site/border_double.gif) repeat-x left bottom;
}

.boxCompanion a {
    width: 154px;
    height: 206px;
}

.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 p {
    margin: 5px auto;
    text-align: center;
    white-space: nowrap;
}

#boxCompanionDetail {
    overflow: auto;
    margin: 0 auto;
    width: 710px;
    min-height: 388px;
    position: relative;
    overflow: hidden;
}

#boxCompanionDetail .boxLeft {
    /*width: 298px;*/
    width: 290px;
    line-height: 0;
    /*position: absolute;*/
    position: relative;
    left: 0;
    /*bottom: 0;*/
}

#boxMainPhoto {
    width: 288px;
    height: 386px;
    border: 1px dotted #b2b2b2;
    background: #fff;
    text-align: center;
}

#boxMainPhoto img {
    padding-top: 3px;
}

#boxCompanionDetail .boxRight {
    position: relative;
    width: 420px;
    min-height: 388px;
    text-align: left;
}

#boxCompanionDetail .content {
    margin: 0 0 0 20px;
}

#boxCompanionDetail .boxRight h3 {
    margin-bottom: 10px;
    padding-bottom: 10px;
    background: url(/images/site/border_double.gif) repeat-x left bottom;
    font-weight: normal;
}

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

#boxCompanionDetail .boxRight p.commentShop {
    padding-bottom: 10px;
    background: url(/images/site/border_double.gif) repeat-x left bottom;
}

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

#boxThumbs {
    overflow: hidden;
    margin-left: 20px;
}

#boxThumbs a {
    float: left;
    margin: 4px 4px 0 0;
    /*width: 65px;*/
    /*height: 86px;*/
    width: 59px;
    height: 80px;
}


/*
 * Schedule
 */

#boxScheduleList {
    overflow: hidden;
    margin: 0 -9px 0 0;
    width: 719px;
}

.boxSchedule {
    position: relative;
    z-index: 1;
    float: left;
    margin: 0 9px 10px 0;
    width: 134px;
}

.boxSchedule a {
    width: 124px;
    height: 176px;
}

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

.boxSchedule p {
    margin: 2px auto 0 auto;
    text-align: center;
    white-space: nowrap;
    line-height: 1.3em;
}

#boxCompanionDetailSchedule {
    overflow: hidden;
    margin: 5px auto;
    width: 702px;
    padding: 3px;
    border: 1px solid #e5e5e5;
    background: #fff;
}

#boxCompanionDetailSchedule .header {
    overflow: hidden;
    margin: 0 auto 1px auto;
    width: 702px;
    height: 35px;
    line-height: 35px;
    background: url(/images/site/bg_h_common.png) repeat-x left top;
}

#boxCompanionDetailSchedule .header h3 {
    float: left;
    margin: 0 0 0 8px;
    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;
}

.boxCompanionDetailData {
    margin: 0 0 11px 0;
}

.headerCompanionDetailData {
    overflow: hidden;
    margin: 0 auto 1px auto;
    height: 35px;
    line-height: 35px;
    background: url(/images/site/bg_h_common.png) repeat-x left top;
}

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

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

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

#ulCompanionQa {
    margin: 0 0 0 0;
    background: #f7f4eb;
}

#ulCompanionQa li {
    overflow: hidden;
    height: 25px;
    line-height: 25px;
    text-align: left;
    background: url(/images/site/border_dotted_x.gif) repeat-x left bottom;
}

#ulCompanionQa li .q,
#ulCompanionQa li .a {}

#ulCompanionQa li .q {
    float: left;
    width: 115px;
    text-indent: 0.5em;
}

#ulCompanionQa li .a {
    float: left;
    margin: 0;
    padding: 0;
    width: 273px !important;
    background: url(/images/site/arrow_companion_qa.gif) no-repeat left center;
    text-indent: 1em;
}

.tableCompanionDetailData {
    border-collapse: separate;
    border-spacing: 1px;
}

.tableCompanionDetailData th,
.tableCompanionDetailData td {
    height: 25px;
    line-height: 25px;
    border: 1px dotted #acaaa4;
}

.tableCompanionDetailData th {
    text-indent: 0.3em;
    background: #eee;
}

.tableCompanionDetailData td {
    text-align: center;
}

.playStatus {
    display: block;
    margin: 0 auto;
    width: 13px;
    height: 11px;
    background-image: url(/images/site/icon_status_play.png);
    background-repeat: no-repeat;
}

.statusY {
    background-position: left top;
}

.statusN {
    background-position: left center;
}

.statusO {
    background-position: left bottom;
}


/*
 * Costume
 */

#boxCostumes {
    overflow: hidden;
    margin: 0 auto;
    width: 768px;
    margin-right: -58px;
}

.boxCostume {
    float: left;
    width: 95px;
    margin: 0 58px 10px 0;
}

.boxCostume a {
    display: block;
    width: 95px;
    height: 246px;
    cursor: default;
}

.boxCostume a span {
    display: block;
    margin: 3px;
    width: 89px;
    height: 240px;
}

.boxCostume a:hover span {
    background-position: left bottom;
}

#blazer1 span {
    background-image: url(/images/site/costume/blazer1.jpg);
}

#blazer2 span {
    background-image: url(/images/site/costume/blazer2.jpg);
}

#sera1 span {
    background-image: url(/images/site/costume/sera1.jpg);
}

#highsox1 span {
    background-image: url(/images/site/costume/highsox1.jpg);
}

#stu1 span {
    background-image: url(/images/site/costume/stu1.jpg);
}

#nur1 span {
    background-image: url(/images/site/costume/nur1.jpg);
}

#nur2 span {
    background-image: url(/images/site/costume/nur2.jpg);
}

#ch1 span {
    background-image: url(/images/site/costume/ch1.jpg);
}

#ch2 span {
    background-image: url(/images/site/costume/ch2.jpg);
}

#ch3 span {
    background-image: url(/images/site/costume/ch3.jpg);
}

#bud1 span {
    background-image: url(/images/site/costume/bud1.jpg);
}

#rq1 span {
    background-image: url(/images/site/costume/rq1.jpg);
}

#ol1 span {
    background-image: url(/images/site/costume/ol1.jpg);
}

#ol2 span {
    background-image: url(/images/site/costume/ol2.jpg);
}

#ol3 span {
    background-image: url(/images/site/costume/ol3.jpg);
}

#bunny1 span {
    background-image: url(/images/site/costume/bunny1.jpg);
}

#po1 span {
    background-image: url(/images/site/costume/po1.jpg);
}

#maid1 span {
    background-image: url(/images/site/costume/maid1.jpg);
}

#maid2 span {
    background-image: url(/images/site/costume/maid2.jpg);
}

#maid3 span {
    background-image: url(/images/site/costume/maid3.jpg);
}

#maid4 span {
    background-image: url(/images/site/costume/maid4.jpg);
}


/*
 * PV
 */

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

#boxCompanionsPv .boxLeft,
#boxCompanionsPv .boxRight {
    width: 340px;
    background: #fff;
}

.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: 56px;
    height: 56px;
}

.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: 16px;
    font-size: 1.6rem;
    color: #ff5d87;
}

.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: #ff5d87;
}

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


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

#boxAboutShop {
    padding: 10px;
}

#boxAboutShop p {
    margin: 0 auto 10px auto;
    padding-bottom: 5px;
    line-height: 1.6em;
    background: url(/images/site/border_double.gif) repeat-x left bottom;
}

#boxAboutShop ul {
    margin-bottom: 0;
}

#systemPriceList {
    position: relative;
    margin-bottom: 10px;
    width: 710px;
    height: 167px;
    background: url(/images/site/system_price_list.png) no-repeat left top;
}

#systemPriceList p {
    position: absolute;
    bottom: 14px;
    left: 0;
    width: 700px;
    padding-right: 10px;
    text-align: right;
    color: #fff;
}

#systemPriceList p a {
    color: #ff5d87;
}

#systemPriceListNew {
    position: relative;
    margin-bottom: 10px;
    width: 710px;
    height: 167px;
    /*	background: url(/images/site/system_price_list_new.png) no-repeat left top;*/
    background: url(/images/site/system_price_list_new_191001.png) no-repeat left top;
}

#systemPriceListNew p {
    position: absolute;
    bottom: 14px;
    left: 0;
    width: 700px;
    padding-right: 10px;
    text-align: right;
    color: #fff;
}

#systemPriceListNew p a {
    color: #ff5d87;
}

#systemPriceTransport {
    margin: 10px auto;
    border: 3px solid #544a41;
    color: #fff;
}

#systemPriceTransport th,
#systemPriceTransport td {
    padding: 5px;
    border: 1px solid #544a41;
    text-align: center;
}

#systemPriceTransport th {
    background: #1d1612;
}

#systemPriceTransport td {
    background: #766e67;
}

.systemUsageFlow {
    overflow: hidden;
    margin: 10px 10px 15px 10px;
    padding-bottom: 10px;
    background: url(/images/site/border_double.gif) repeat-x left bottom;
}

.systemUsageFlow .boxLeft {
    width: 84px;
    height: 115px;
    background-image: url(/images/site/sprite_system_usage_flow.png);
    background-repeat: no-repeat;
}

.systemUsageFlow #step1 {
    background-position: left top;
}

.systemUsageFlow #step2 {
    background-position: left -115px;
}

.systemUsageFlow #step3 {
    background-position: left -230px;
}

.systemUsageFlow #step4 {
    background-position: left -345px;
}

.systemUsageFlow #step5 {
    background-position: left bottom;
}

.systemUsageFlow .boxRight {
    width: 570px;
}

.systemUsageFlow h4 {
    padding-bottom: 5px;
    background: url(/images/site/border_dotted_x.gif) repeat-x left bottom;
    text-shadow: 1px 1px 1px #fff;
}


/*
 * 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: 5px auto 0 auto;
}

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


/*
 * 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 #1d1612;
}

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

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

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

#boxTableCompanionSchedule table td {
    white-space: nowrap;
}

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

#boxTableCompanionSchedule table td .tooltip .box {
    margin: 9px 2px 0 12px;
    padding: 3px;
}

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

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

#boxTableCompanionSchedule table td.time {
    padding-left: 0;
    padding-right: 0;
    font-size: 96%;
    width: 62px;
}

/*
 * 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.png);
    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 #e9567c;
    border-right: 2px solid #e9567c;
    border-bottom: 2px solid #e9567c;
    background: #f7f4eb;
}

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

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

.boxReport .body {
    margin: 10px;
}

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

.tdReportLeft {
    width: 80px;
}

.tdReportLeft a {
    width: 80px;
    height: 106px;
}

.tdReportRight {
    padding-left: 10px;
}


/*
 * Recruit
 */

.tableRecruit {
    margin: 5px auto 0 auto;
    background: #fdfdfd;
}

.tableRecruit th,
.tableRecruit td {
    text-align: center;
    border: 1px solid #e5e5e5;
}

.tableRecruit th {
    padding: 8px 0;
    width: 140px;
    font-weight: bold;
}

.tableRecruit td {
    padding: 8px;
    text-align: left;
}

#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 {
    margin-top: 5px;
    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: 5px auto 15px auto;
}

.boxRanking .body {
    overflow: hidden;
    margin-rigth: -5px;
    width: 715px;
}

.boxRanking .boxCompanion {
    float: left;
    margin: 0 5px 0 0;
    width: 136px;
    border: 1px solid #e5e5e5;
}

.boxRanking .boxCompanion .box {
    overflow: hidden;
    background: #fff;
}

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

.boxRanking .boxCompanion .box .boxLeft a {
    width: 56px;
    height: 56px;
}

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

.boxRanking .boxCompanion .box .boxRight p {
    margin: 5px 0 0 5px;
    text-align: left;
}

.boxRanking .boxCompanion .bottom {
    padding: 3px;
    border-top: 1px solid #e5e5e5;
    background: #fff;
}

.boxRanking .boxCompanion .bottom p {
    margin: 0;
    background: #d3d1d0;
}


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


/*
 * Gallery View User Style
 */

div#pointer {
    border: 2px solid #e9567c !important;
}


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

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

.cf {
    zoom: 1;
}

a.crelink {
    display: block;
    width: 96px;
    height: 18px;
    float: right;
    margin-top: 60px;
}

.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 span {
    padding: 5px 10px;
    background: #fefefe;
    border: 1px solid #ccc;
    border-radius: 4px;
    font-size: 80%;
    display: block;
    color: #fff;
    background: #f496ad;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Y0OTZhZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlZjZmOGUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top, #f496ad 0%, #ef6f8e 100%);
    /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f496ad), color-stop(100%, #ef6f8e));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #f496ad 0%, #ef6f8e 100%);
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #f496ad 0%, #ef6f8e 100%);
    /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #f496ad 0%, #ef6f8e 100%);
    /* IE10+ */
    background: linear-gradient(to bottom, #f496ad 0%, #ef6f8e 100%);
    /* W3C */
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#f496ad', endColorstr='#ef6f8e', GradientType=0);
    /* IE6-8 */
    border-color: #d35977;
}

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

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


/*offer*/

.box_offer {
    /*width: 100%;
	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 {}

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

.boxInnerOffer {
    margin-top: 10px;
    text-align: center;
    padding: 10px 0;
}

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

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

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

.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;
    padding: 10px 8px;
    line-height: 1.4em;
    text-align: left;
}

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

#h1_offer {
    text-align: left;
    line-height: 40px;
    font-size: 20px;
}

.tac {
    text-align: center;
}

.mt10 {
    margin-top: 10px;
}

.fs14 {
    font-size: 14px;
}


/* ADD (S) 2015/03/22 loveima_1504_01 */

[class^="label-"],
[class*="label-"] {
    color: #fff;
    font-size: 10px;
    padding: 0 2px;
    text-align: center;
    display: inline-block;
    width: 73px;
    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: #ff8888;
    background: linear-gradient(to top, #ff8888 0%, #ff8888 100%);
    border: 1px solid #ff8888;
}

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

.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: 1px;
}


/* ADD (E) 2015/03/22 loveima_1504_01 */


/* add (s) 2015/08/16 #34 */

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


/* add (e) 2015/08/16 #34 */


/*
 * Bbs Search
 */

.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_box input.bt {
    padding: 3px 4px;
    vertical-align: middle;
}


/* 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: 700;
    border: 1px solid #c14867;
    background: #e9567c;
    color: #fff;
}

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

div.pagination a:hover {
    background: #b40000;
    border: 1px solid #c14867;
    background: #e9567c;
    color: #fff;
}

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

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


/* add (e) 2017/03/20 */


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

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


/* 210317 改修 */

.reserv .table_form th {
	width:140px;
}
.reserv .table_form td {
	width:auto;
}
.search i {
	font-size:120%;
}
.search select {
	padding:2px 0 0 0;
}
.search .course {
	overflow:hidden;
}
.search .course span {
	float:left;
	position:relative;
	top:2px;
}
.search .course div {
	width:130px;
	float:left;
}

.search_btn {
	text-align:center;
	width:30%;
	color:#FFF;
	background-color:#7D5BEE;
	padding:15px 30px;
	margin: 10px auto 0 auto;
}

.search_cptime.table_form th {
	text-align:left;
	padding-left:20px;
}
.search_cptime .inner {
	overflow:hidden;
}
.search_cptime .inner .image {
	float:left;
	width:15%;
}
.search_cptime .inner .result {
	float:left;
	width:83%;
}
.search_cptime .inner .result .top {
	overflow:hidden;
}
.search_cptime .inner .result .top p {
	margin: 0 auto 10px auto;
}
.search_cptime .inner .result .name {
	float:left;
}
.search_cptime .inner .result .data {
	float:right;
}
.search_cptime .inner .result .select_time {
	overflow:hidden;
}
.search_cptime .inner .result .select_time li {
	float:left;
	width:50px;
	margin:0 10px 10px 0;
	background-color:#7D5BEE;
	border-radius:4px;
	padding:10px 20px;
	text-align:center;
	color:#FFF;
	list-style-type:none;
	font-weight:bold;
}

/* 20220308 enquete */
.enquete_switch {
	width:100%;
	text-align:center;
}
.enquete_switch div {
	width:260px;
	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 {
	text-align:center;
	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 */

.boxReport .header .boxLeft .cp_name {
	float:left;
}
.pickup_badge_cp1 {
	position:absolute;
	left:190px;
}
.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_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:7px;
	left:170px;
}

#boxReserveTimeButton {
    overflow: hidden;
    margin: 5px auto;
    width: 702px;
    padding: 3px;
    border: 1px solid #e5e5e5;
    background: #fff;
	text-align: center;
	min-height: 124px;
}

#boxReserveTimeButton .centerWrapper {
	display: flex;
	justify-content: center;
	position: relative;
	align-items: stretch;
}

#boxReserveTimeButton .centerWrapper .boxLeft {
	position: absolute;
	left: 0;
	float: none;
}

#boxReserveTimeButton .centerWrapper .boxCenter {
	flex: none;
}

#boxReserveTimeButton .centerWrapper .boxCenter button {
	margin: 5px;
    padding: 5px;
}

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

#boxReserveDateTimeCourse div {
    vertical-align: bottom;
}

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

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

table.reserveNstep1 th {
    background: white;
}

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

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

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

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

#toggleOption {
	padding: 0 5px;
}