@charset "utf-8";
/* デフォルトスタイルクリア */
@import "reset.css";
/* Common */
body {
    width: 100%;
    height: 100%;
}

img {
    border-style: none;
}

h1 {
	height: 0;
	text-indent: -9999px;
}

.mobile h1 {
	height: 1.2em;
	text-indent: 0;
	font-size: medium;
	font-weight: bolder;
	margin-bottom: 4px;
	padding-top: 8px;
}

.left {
    float: left;
}

.right {
    float: right;
}

.center {
    text-align: center;
}

.pre {
    white-space: pre; /* CSS 2.0 */
    white-space: pre-wrap; /* CSS 2.1 */
    white-space: pre-line; /* CSS 3.0 */
    white-space: -pre-wrap; /* Opera 4-6 */
    white-space: -o-pre-wrap; /* Opera 7 */
    white-space: -moz-pre-wrap; /* Mozilla */
    white-space: -hp-pre-wrap; /* HP Printers */
    word-wrap: break-word; /* IE 5+ */
}

.b {
	font-weight: bold;
}

/* レイアウト */
#header {
    background-image: url(/images/layout/header.gif);
    background-repeat: no-repeat;
    background-position: center top;
    height: 155px;
    text-align: center;
}

#header img {
    position: absolute;
}

#back {
    background-image: url(/images/layout/back.gif);
    background-repeat: repeat-y;
    background-position: center top;
}

#back img {
/*
    position: absolute;
*/
}

#base {
    width: 900px;
    margin: 0 auto;
}

#base_show {
    width: 652px;
    margin: 0 auto;
}

#footer {
	font-size: 14px;
  background-color: #c4b386;
}

/* 料金ページ */
#ryoukin {
	padding-top: 10px;
}

#ryoukin table {
	width: 700px;
	margin: 12px auto;
}

#play table {
	margin: 0 auto;
}

#ryoukin table th {
	background-color: #DCDDDD;
	color: #777777;
	font-size: 14px;
	font-weight: bolder;
	text-align: center;
	border: 1px solid #999999;
	padding: 8px;
}

#ryoukin table td {
	font-size: 24px;
	font-weight: bold;
	color: #9B7600;
	text-align: center;
	border: 1px solid #999999;
	border-top: none;
	padding: 8px;
}


#play table thead td {
	background-image: url(/images/price/ryoukin_th.gif);
	background-repeat: no-repeat;
    color: #FFFFFF;
    font-size: 20px;
    font-weight: bold;
	padding: 2px 20px;
	border: 1px solid #BEA46D;
}

#play h3,
#ryoukin h3 {
	background-image: url(/images/price/ryoukin_th.gif);
	background-repeat: no-repeat;
    color: #FFFFFF;
    font-weight: bold;
	padding: 2px 20px;
	border: 1px solid #BEA46D;
	margin-top: 15px;
}

.mobile #play table thead td,
.mobile #ryoukin table thead td {
    color: #000000;
    font-family: "";
    font-size: small;
    font-weight: bold;
	padding: 2px 20px;
	border: none;
}

#play table tbody td{
    background-color: #FFFFFF;
    border-bottom: 1px solid #BEA46D;
    border-top: 1px solid #BEA46D;
    color: #BEA46D;
	font-size: 18px;
    font-weight: bold;
	padding: 18px;
}

.mobile #play table tbody td,
.mobile #ryoukin table tbody td {
    background-color: #FFFFFF;
    border-bottom: 1px solid #BEA46D;
    border-top: 1px solid #BEA46D;
    color: #BEA46D;
    font-family: inherit;
    font-size: small;
    font-weight: bold;
}

#play table tbody td.l_col {
	background-color: #BEA46D;
	border-left: 1px solid #BEA46D;
	border-right: 1px solid #BEA46D;
	border-bottom: 1px solid #FFFFFF;
	color: #FFFFFF;
	text-align: center;
	font-weight: normal;
	width: 200px;
}

#play table tbody td.r_col {
    border-right: 1px solid #BEA46D;
    text-align: center;
    width: 300px;
}

.mobile #ryoukin table tbody td.r_col {
    border-right: 1px solid #BEA46D;
    padding-right: 20%;
    text-align: right;
    width: 50%;
}

.mobile #play table tbody td.r_col {
    border-right: 1px solid #BEA46D;
    padding-right: 20%;
    text-align: left;
    width: 50%;
}

#ryoukin #ps {
	border: 1px solid #BEA46D;
	width: 404px;
	height: 80px;
	padding: 10px;
	padding-left: 40px;
}

#ryoukin #ps ul {
	list-style-image: url('/images/common/mark_square.gif');
}

#ryoukin #deli {
	background-color: #BEA46D;
	color: #FFFFFF;
    font-weight: bold;
	height: 102px;
}

.mobile #ryoukin #deli {
	background-color: #BEA46D;
	color: #FFFFFF;
    font-weight: bold;
	height: auto;
}

#ryoukin #deli p {
	padding: 20px;
}

.price_table {
    border: 1px solid #999999;
    border-collapse: collapse;
    text-align: right;
}

.price_table td {
    border: 1px solid #999999;
    height: 1.5em;
    padding: 2px;
}

#ryoukin .title {
	height: 47px;
    width: 900px;
    margin: 0 auto;
	background-image: url(/images/common/title_bk.gif);
	background-repeat: repeat-x;
}

#ryoukin .title h1 {
    padding: 12px 0 0 20px;
	text-indent: 0;
	color: #FFFFFF;
	font-size: 16px;
	font-weight: bold;
}


/* TOP */
#menu_container {
    position: absolute;
    height: 30px;
    width: 900px;
    margin: -45px 0 0;
    z-index: 90;
    text-align: center;
}

#menu_container dl {
    width: 112.5px;
    float: left;
    height: 30px;
}

#menu_container dt a {
    background-image: url(/images/layout/menubar.gif);
    height: 30px;
    width: 112.5px;
    text-indent: -9999px;
    display: block;
}

#menu_container dt.current a {
    background-image: none;
}

#menu_container dt {
    background-image: url(/images/layout/menubar.gif);
    height: 30px;
    width: 112.5px;
    text-indent: -9999px;
    display: block;
}

#menu_1 a {
    background-position: 0px 0px;
}

#menu_1, #menu_1 a:hover {
    background-image: url(/images/layout/menubar_hov.gif);
    background-position: 0px -30px;
}

#menu_2 a {
    background-position: -112.5px 0px;
}

#menu_2, #menu_2 a:hover {
    background-image: url(/images/layout/menubar_hov.gif);
    background-position: -112.5px -30px;
}

#menu_3 a {
    background-position: -225px 0px;
}

#menu_3, #menu_3 a:hover {
    background-image: url(/images/layout/menubar_hov.gif);
    background-position: -225px -30px;
}

#menu_4 a {
    background-position: -337.5px 0px;
}

#menu_4, #menu_4 a:hover {
    background-image: url(/images/layout/menubar_hov.gif);
    background-position: -337.5px -30px;
}

#menu_5 a {
    background-position: -450px 0px;
}

#menu_5, #menu_5 a:hover {
    background-image: url(/images/layout/menubar_hov.gif);
    background-position: -450px -30px;
}

#menu_6 a {
    background-position: -562.5px 0px;
}

#menu_6, #menu_6 a:hover {
    background-image: url(/images/layout/menubar_hov.gif);
    background-position: -562.5px -30px;
}

#menu_7 a {
    background-position: -675px 0px;
}

#menu_7, #menu_7 a:hover {
    background-image: url(/images/layout/menubar_hov.gif);
    background-position: -675px -30px;
}

#menu_8 a {
    background-position: -787.5px 0px;
}

#menu_8, #menu_8 a:hover {
    background-image: url(/images/layout/menubar_hov.gif);
    background-position: -787.5px -30px;
}

#menu li {
    display: block;
    float: left;
    width: 110px;
}

#header_logo {
    position: absolute;
    margin: -200px 0 0;
    height: 136px;
    width: 280px;
    z-index: 90;
}

#mobile_link {
    position: absolute;
    width: 205px;
    margin: -172px 0 0 695px;
    z-index: 90;
    text-align: right;
	font-size: 14px;
}

#mobile_link a {
	color: #000000;
}

#leftcolumn {
    float: left;
    margin-right: 10px;
}

#rightcolumn {
    float: left;
    width: 652px;
}

#schedulewidget {
    width: 236px;
    border: 1px solid #BEA46D;
}

#schedulewidget #schebox {
    height: 396px;
	overflow-y: scroll;
}

#schedulewidget .comps {
	margin: 6px;
    padding: 6px;
	background: #E6E0C8;
}

#schedulewidget .comps img.pic {
    float: left;
	margin: 0 2px 2px 0;
}

#schedulewidget .comps p {
	font-size: 11px;
}

#schedulewidget .comps .timeup {
    background-color: #000000;
    color: #FFFFFF;
    font-size: 14px;
    font-weight: bold;
	float: left;
	margin: 2px 0 3px;
}

#sidemenu {
    width: 238px;
	position: relative;
}

#sidemenu a {
	display: block;
	height: 65px;
	width: 236px;
	margin: 10px 0;
	position: relative;
}

#sidemenu a#mailmag {
	background-image: url(/images/top/sidemenu_mailmag.gif);
}

#sidemenu a#recruit {
	background-image: url(/images/top/sidemenu_recruit.gif);
}

#sidemenu a#movie {
	background-image: url(/images/top/sidemenu_movie.gif);
}

#sidemenu a#tenchounikki {
	background-image: url(/images/top/sidemenu_tenchounikki.gif);
}

#sidemenu a#mailmag:hover {
	background-image: url(/images/top/sidemenu_mailmag_hov.gif);
}

#sidemenu a#recruit:hover {
	background-image: url(/images/top/sidemenu_recruit_hov.gif);
}

#sidemenu a#movie:hover {
	background-image: url(/images/top/sidemenu_movie_hov.gif);
}

#sidemenu a#tenchounikki:hover {
	background-image: url(/images/top/sidemenu_tenchounikki_hov.gif);
}

#sidemenu .new_icon {
	position: absolute;
	top: 1px;
	left: 1px;
	z-index: 9999;
}

#event_title {
	margin: 30px 19px 0 0;
}

#eventwidget {
/*
	height: 280px;
    margin-top: 12px;
*/
}

#event #eventwidget {
	width: 900px;
	margin: 0 auto;
}

#event .eventbox {
	padding: 6px;
}

#event h2 {
	margin-bottom: 4px;
}

#event .eventbox .pic {
	float: left;
}

#event .eventbox .comment {
	padding: 0 10px;
}

#base_show #eventwidget {
    margin-top: 0;
	padding-top: 10px;
}

#topicwidget #title_list .datetime {
	font-size: 12px;
	font-weight: normal;
}

#topicwidget #title_list .title {
	background-image: none;
	font-size: 14px;
	font-weight: bold;
	height: 100%;
	width: 100%;
	padding-bottom: 4px;
	border-bottom: 1px dotted #666666;
}

#topicwidget #detail .dt {
    font-size: 14px;
    font-weight: normal;
	color: #DDCBA2;
	width: 100%;
	padding: 4px 4px 0;
}

#topicwidget #detail .ttl {
    background-color: #000000;
	color: #DDCBA2;
    font-size: 18px;
    font-weight: bolder;
    margin-bottom: 4px;
	padding: 0 4px 4px;
}

#topicwidget #detail .cmt {
    height: 400px;
	overflow-y: scroll;
}

#topicwidget #detail .cmt {
    height: 492px;
	padding: 0 6px;
	overflow-y: scroll;
}

#eventwidgetprice {
    margin-top: 10px;
}

#eventwidget #gallery,
#eventwidgetprice #gallery {
	height: 220px;
	width: 501px;
}

#event #eventwidget #gallery,
#eventwidgetprice #gallery {
	height: 211px;
	width: 501px;
}

#eventwidget div.navigation a img,
#eventwidgetprice div.navigation a img {
	width: 185px;
	height: 92.5px;
}

#topicwidget,
#topicwidgetprice {
    width: 650px;
    border: 1px solid #BEA46D;
}

#topicwidget #title_list,
#topicwidgetprice #title_list {
    width: 188px;
    height: 534px;
    border-right: 1px solid #BEA46D;
	padding: 6px;
	overflow-y: scroll;jj
}

#topicwidget #title_list ul li,
#topicwidgetprice #title_list ul li {
    padding: 0 4px;
}

#topicwidget #title_list ul li {
	cursor: pointer;
	text-decoration: underline;
}

#topicwidget .dt {
	float: left;
}

#topicwidget .dt {
	float: left;
	margin-right: 10px;
}

/* サービス内容 */
#play {
	padding: 10px;
}

#play p {
	padding: 10px;
	background-color: #F4F0F0;
	border: 1px dotted #000000;
	width: 600px;
	margin: 4px auto;
}

#play #map {
    margin: 4px auto;
	text-align: center;
}

/* セラピスト紹介 */
.title {
	height: 47px;
    margin: 0 auto 6px;
	background-image: url(/images/common/title_bk.gif);
	background-repeat: repeat-x;
}

.title h2,
#play h2,
#playmovie h1,
#event h1,
#schedules h1,
#contentinner h1,
#linkbanner h1,
#companions h1 {
    padding: 12px 0 0 20px;
	text-indent: 0;
	color: #FFFFFF;
	font-size: 16px;
	font-weight: bold;
}

#companions .title #ranksamplebox {
	float: right;
	margin-right: 6px;
}

#companions #boxframe {
	padding: 10px;
}

#companions #boxframe div.box {
    background-color: #E6E0C8;
    color: #000000;
    width: 160px;
	height: 300px;
    margin: 4px;
    padding: 4px;
    text-align: center;
    float: left;
}

.mobile #companions #boxframe div.box {
    background-image: none;
}

#companions #boxframe div.box div.picframe {
	height: 228px;
	overflow: hidden;
}

#companions #boxframe div.box img.pic {
    width: 150px;
	margin: 4px 0;
}

.mobile #companions #boxframe div.box img.pic {
    width: 80px;
	float: left;
}

#companions #boxframe div.box div.name {
    background-color: #C0A975;
	color: #FFFFFF;
    height: 2.6em;
    width: 144px;
    padding: 3px;
    margin: 0 auto 4px;
}

#companions #boxframe div.box div.comment {
    background-color: #444444;
	color: #FF9933;
    font-size: 13px;
	text-align: left;
    height: 1.3em;
    padding: 3px;
	margin-bottom: 2px;
}

.mobile #companion_popup {
    text-align: center;
}

#companion_popup #picbox {
	width: 304px;
    float: left;
}

.mobile #companion_popup #picbox {
    float: none;
}

#companion_popup #pic {
    width: 240px;
    height: 300px;
    overflow: hidden;
    float: left;
}

.mobile #companion_popup #pic {
}

#companion_popup #thumbs {
	width: 60px;
	float: left;
	background-color: #000000;
	padding: 2px 2px 0;
}

#companion_popup #thumbs li {
	display: block;
	width: 60px;
	height: 72.5px;
	margin-bottom: 2px;
	overflow: hidden;
}

#companion_popup .schebox {
    float: left;
    width: 41px;
	height: 53px;
	margin: 0 2px 0 0;
    text-align: center;
    background-image: url("/images/companion_pu/sche_day_bg.gif");
    background-repeat: no-repeat;
}

#companion_popup .schebox .date {
	color: #FFFFFF;
	font-size: 10px;
}

#companion_popup .schebox .time {
	color: #666666;
	font-size: 12px;
	padding-top: 2px;
	line-height: 1.5em;
}

.mobile #companion_popup .schebox {
	width: 76px;
}

#companion_popup .schebox .time {
    border_bottom: 1px solid #999999;
}

#companion_popup #detail {
	background-image: url(/images/companion_pu/detail_bg.gif);
	background-repeat: no-repeat;
	height: 387px;
    float: left;
}

#companion_popup #companion_schedule {
    height: 60px;
    width: 304px;
	padding: 3.5px 0 0 2.5px;
    float: left;
	background-image: url(/images/companion_pu/sche_bg.gif);
	background-repeat: no-repeat;
}

.mobile #companion_popup #companion_schedule {
	float: none;
	margin: 0 auto;
	text-align: center;
}

#companion_popup #detail #name {
	background-image: url(/images/companion_pu/name_bg.gif);
	background-repeat: no-repeat;
	color: #FFFFFF;
    margin: 12px auto 6px;
    padding: 4px;
    width: 267px;
}

#companion_popup #detail  #name #nameage {
	font-weight: bold;
}

#companion_popup #detail  #name #spec {
	font-size: 12px;
}

#companion_popup #detail  #name .rankpic {
	margin: 4px 0 0 0;
}

#companion_popup #detail #icons {
    margin: 0 auto 4px;;
    width: 275px;
	height: 20px;
}

#companion_popup #detail #comment {
	width: 275px;
	margin: 0 auto;
}

#companion_popup #detail #shopcomment {
	width: 275px;
	margin: 0 auto;
}

#companion_popup #detail #comment .combox,
#companion_popup #detail #shopcomment .combox {
    font-size: 12px;
    height: 58px;
	padding: 4px;
    overflow-y: scroll;
}

#companion_popup #detail #shopcomment .combox {
    height: 58px;
}

#companion_popup #detail #othercomment {
	width: 275px;
	margin: 0 auto;
}

#companion_popup #detail #onelinecomment {
	background-image: url(/images/companion_pu/comment_bg.gif);
	background-repeat: no-repeat;
    color: #FFFFFF;
    height: 20px;
    margin: 4px auto 0;
    padding: 4px;
    width: 272px;
}

/* 出勤一覧 */
#schedules {
	padding: 10px;
}

#event h2,
#linkbanner h2,
#schedules h2 {
    background-image: url("/images/common/title_bk2.gif");
    background-repeat: repeat-x;
    color: #FFFFFF;
    font-size: 1.2em;
    margin-top: 10px;
	padding-top: 0;
    padding-left: 10px;
}

#play h2 {
	padding-top: 12px;
}

#schedules div.boxframe div.box {
    width: 210px;
	height: 170px;
    border: 1px solid #C5B68C;
    background-color: #F4EACA;
    float: left;
    margin: 3px 4px 1px 0;
    padding: 2px;
	font-size: 0.8em;
}

#schedules div.boxframe div.box img {
    margin: 0 4px 4px 0;
}

#schedules div.boxframe div.box img.icon {
    margin: 0 2px 2px 0;
	float: left;
}

#schedules #daysbox {
	width:450px;
	margin:0 auto;
}

#schedules #daysbox .days {
    background-image: url("/images/common/button02.gif");
    background-color: #F5EBCB;
    color: #CFB276;
    width: 140px;
    margin: 4px;
    float: left;
    padding: 4px 0;
    text-align: center;
}

.mobile #schedules #daysbox .days {
    background-image: none;
}

#schedules #daysbox .current .days {
    background-image: url("/images/common/button01.gif");
    background-color: #372A1D;
    color: #FFFFFF;
	font-weight: bolder;
}

.mobile #schedules #daysbox .current .days {
    background-image: none;
}

#schedules #daysbox a:hover {
    background-image: url("/images/common/button01.gif");
	color: #FFFFFF;
	font-weight: bold;
}

/* bk-comp_sche */
#schedulebox {
    width: 1300px;
}

#schedulebox .daybox {
    border: 1px solid #CCCCCC;
}

#schedulebox .daybox label {
    float: left;
    width: 30px;
}

ul.checkbox_list li {
    display: inline;
}


/* お問い合わせフォーム */
#contentinner {
	padding: 10px;
}

#inquiryform {
    width: 450px;
    margin: 0 auto;
}

.mobile #inquiryform {
    width: 100%;
    margin: 0 auto;
}

.mobile #inquiryform {
	width: 96%;
	padding: 2%;
}

.mobile #inquiryform #inquiry_comment {
	width: 100%;
}

/* リンク集 */
#linkbanner {
	padding: 13px;
}

#linkbanner h1 {
	text-indent: 0;
}

#banner,
#linktable {
	padding: 10px;
}

#linktable ul li
{
	float: left;
	margin: 5px;
}

#linktable ul li img
{
	width: 88px;
	height: 31px;
}


/* プレイ動画 */
#playmovie {
	padding: 10px;
}

#playmovie #player {
	width: 640px;
	margin: 10px auto;
}