@CHARSET "UTF-8";

.telephone { margin: 1em 0; text-align: center; }

.ui-content #logo { margin: -15px; margin-bottom: 1em; }
.ui-content .ui-header { margin: 0 -15px; }

.ui-content .ui-header { }
.ui-content .ui-header:before { content: ""; display: block; width: 54px; height: 42px; float: left; background: transparent url("/common/icons/sp/icon-arrows-triangle-clear-right.png") -8px center no-repeat; }
.ui-content .ui-header .ui-title { margin: .8em 0 .7em; text-align: left; }

.ui-content .ui-header[name="info"]:before      { content: ""; display: block; width: 54px; height: 42px; float: left; background: transparent url("/common/icons/sp/icon-alphanumeric-information2-ps.png") -8px center no-repeat; }
.ui-content .ui-header[name="companion"]:before,
.ui-content .ui-header[name="girls"]:before     { content: ""; display: block; width: 54px; height: 42px; float: left; background: transparent url("/common/icons/sp/icon-people-things-people-woman2.png") -8px center no-repeat; }
.ui-content .ui-header[name="newface"]:before   { content: ""; display: block; width: 54px; height: 42px; float: left; background: transparent url("/common/icons/sp/icon-culture-heart-solid-sc44.png") -8px center no-repeat; }
.ui-content .ui-header[name="shops"]:before     { content: ""; display: block; width: 54px; height: 42px; float: left; background: transparent url("/common/icons/sp/icon-business-home3.png") -8px center no-repeat; }
.ui-content .ui-header[name="ranking"]:before   { content: ""; display: block; width: 54px; height: 42px; float: left; background: transparent url("/common/icons/sp/icon-culture-crown-clear.png") -8px center no-repeat; }
.ui-content .ui-header[name="bible"]:before     { content: ""; display: block; width: 54px; height: 42px; float: left; background: transparent url("/common/icons/sp/icon-symbols-shapes-male-symbol1-sc48.png") -8px center no-repeat; }
.ui-content .ui-header[name="girlstalk"]:before { content: ""; display: block; width: 54px; height: 42px; float: left; background: transparent url("/common/icons/sp/icon-symbols-shapes-female-symbol2-sc48.png") -8px center no-repeat; }
.ui-content .ui-header[name="hotels"]:before    { content: ""; display: block; width: 54px; height: 42px; float: left; background: transparent url("/common/icons/sp/icon-people-things-bed.png") -8px center no-repeat; }
.ui-content .ui-header[name="magazine"]:before  { content: ""; display: block; width: 54px; height: 42px; float: left; background: transparent url("/common/icons/sp/icon-business-envelopes1.png") -8px center no-repeat; }
.ui-content .ui-header[name="schedule"]:before  { content: ""; display: block; width: 54px; height: 42px; float: left; background: transparent url("/common/icons/sp/icon-business-clock4.png") -8px center no-repeat; }
.ui-content .ui-header[name="girlsnow"]:before  { content: ""; display: block; width: 54px; height: 42px; float: left; background: transparent url("/common/icons/sp/icon-culture-heart-solid-sc44.png") -8px center no-repeat; }
.ui-content .ui-header[name="system"]:before    { content: ""; display: block; width: 54px; height: 42px; float: left; background: transparent url("/common/icons/sp/icon-business-currency-japanese-yen2-sc35.png") -8px center no-repeat; }
.ui-content .ui-header[name="mailbbs"]:before   { content: ""; display: block; width: 54px; height: 42px; float: left; background: transparent url("/common/icons/sp/icon-business-envelope5.png") -8px center no-repeat; }
.ui-content .ui-header[name="links"]:before     { content: ""; display: block; width: 54px; height: 42px; float: left; background: transparent url("/common/icons/sp/icon-arrows-track-back.png") -8px center no-repeat; }
.ui-content .ui-header[name="contact"]:before   { content: ""; display: block; width: 54px; height: 42px; float: left; background: transparent url("/common/icons/sp/icon-business-envelope5.png") -8px center no-repeat; }

.ui-navbar li .ui-btn { text-align: left; }
.ui-navbar li .ui-btn .ui-btn-inner { padding-left: 0; }
.ui-navbar li[name="top"] .ui-btn:before           { content: ""; display: block; float: left; background: transparent url("/common/icons/sp/icon-business-home7.png") center center no-repeat; background-size: 36px; }
.ui-navbar li[name="termsofuse"] .ui-btn:before    { content: ""; display: block; float: left; background: transparent url("/common/icons/sp/icon-business-document.png") center center no-repeat; background-size: 36px; }
.ui-navbar li[name="links"] .ui-btn:before         { content: ""; display: block; float: left; background: transparent url("/common/icons/sp/icon-arrows-track-back.png") center center no-repeat; background-size: 36px; }
.ui-navbar li[name="privacypolicy"] .ui-btn:before { content: ""; display: block; float: left; background: transparent url("/common/icons/sp/icon-business-lock6-sc48.png") center center no-repeat; background-size: 36px; }
.ui-navbar li[name="sitemap"] .ui-btn:before       { content: ""; display: block; float: left; background: transparent url("/common/icons/sp/icon-people-things-diploma-sc2.png") center center no-repeat; background-size: 36px; }
.ui-navbar li[name="system"] .ui-btn:before        { content: ""; display: block; float: left; background: transparent url("/common/icons/sp/icon-business-currency-japanese-yen2-sc35.png") center center no-repeat; background-size: 36px; }
.ui-navbar li[name="entry"] .ui-btn:before         { content: ""; display: block; float: left; background: transparent url("/common/icons/sp/icon-business-cart3.png") center center no-repeat; background-size: 36px; }
.ui-navbar li[name="contact"] .ui-btn:before       { content: ""; display: block; float: left; background: transparent url("/common/icons/sp/icon-business-envelope5.png") center center no-repeat; background-size: 36px; }
.ui-navbar li[name="hotels"] .ui-btn:before        { content: ""; display: block; float: left; background: transparent url("/common/icons/sp/icon-people-things-bed.png") center center no-repeat; background-size: 36px; }
.ui-navbar li[name="magazine"] .ui-btn:before      { content: ""; display: block; float: left; background: transparent url("/common/icons/sp/icon-business-envelopes1.png") center center no-repeat; background-size: 36px; }
.ui-navbar li[name="recommend"] .ui-btn:before     { content: ""; display: block; float: left; background: transparent url("/common/icons/sp/icon-natural-wonders-star16-solid.png") center center no-repeat; background-size: 36px; }
.ui-navbar li[name="schedule"] .ui-btn:before      { content: ""; display: block; float: left; background: transparent url("/common/icons/sp/icon-business-clock4.png") center center no-repeat; background-size: 36px; }
.ui-navbar li[name="pc"] .ui-btn:before            { content: ""; display: block; float: left; background: transparent url("/common/icons/sp/icon-business-computer-monitor.png") center center no-repeat; background-size: 36px; }
.ui-navbar li[name="info"] .ui-btn:before          { content: ""; display: block; float: left; background: transparent url("/common/icons/sp/icon-alphanumeric-information2-ps.png") center center no-repeat; background-size: 36px; }
.ui-navbar li { overflow: hidden; }
.ui-navbar li .ui-btn:before { border-top: 1px solid #FFF;
border-color: rgba(255, 255, 255, 0.3); width: 36px; height: 34px; }

#mainmenu .ui-header:before { content: ""; display: block; width: 54px; height: 40px; float: left; background: transparent url("/common/icons/sp/icon-business-document10-sc1.png") -8px center no-repeat; background-size: 58px; }
#navigation li a {padding-left: 0;}
#navigation li[name="home"] .ui-btn-text:before      { content: ""; display: block; width: 42px; height: 42px; float: left; background: transparent url("/common/icons/sp/icon-business-home7.png") center center no-repeat; background-size: 42px; }
#navigation li[name="info"] .ui-btn-text:before      { content: ""; display: block; width: 42px; height: 42px; float: left; background: transparent url("/common/icons/sp/icon-alphanumeric-information2-ps.png") center center no-repeat; background-size: 42px; }
#navigation li[name="companion"] .ui-btn-text:before { content: ""; display: block; width: 42px; height: 42px; float: left; background: transparent url("/common/icons/sp/icon-people-things-people-woman2.png") center center no-repeat; background-size: 42px; }
#navigation li[name="newface"] .ui-btn-text:before   { content: ""; display: block; width: 42px; height: 42px; float: left; background: transparent url("/common/icons/sp/icon-culture-heart-solid-sc44.png") center center no-repeat; background-size: 42px; }
#navigation li[name="shops"] .ui-btn-text:before     { content: ""; display: block; width: 42px; height: 42px; float: left; background: transparent url("/common/icons/sp/icon-business-home3.png") center center no-repeat; background-size: 42px; }
#navigation li[name="ranking"] .ui-btn-text:before   { content: ""; display: block; width: 42px; height: 42px; float: left; background: transparent url("/common/icons/sp/icon-culture-crown-clear.png") center center no-repeat; background-size: 42px; }
#navigation li[name="bible"] .ui-btn-text:before     { content: ""; display: block; width: 42px; height: 42px; float: left; background: transparent url("/common/icons/sp/icon-symbols-shapes-male-symbol1-sc48.png") center center no-repeat; background-size: 42px; }
#navigation li[name="girlstalk"] .ui-btn-text:before { content: ""; display: block; width: 42px; height: 42px; float: left; background: transparent url("/common/icons/sp/icon-symbols-shapes-female-symbol2-sc48.png") center center no-repeat; background-size: 42px; }
#navigation li[name="hotels"] .ui-btn-text:before    { content: ""; display: block; width: 42px; height: 42px; float: left; background: transparent url("/common/icons/sp/icon-people-things-bed.png") center center no-repeat; background-size: 42px; }
#navigation li[name="magazine"] .ui-btn-text:before  { content: ""; display: block; width: 42px; height: 42px; float: left; background: transparent url("/common/icons/sp/icon-business-envelopes1.png") center center no-repeat; background-size: 42px; }
#navigation li[name="system"] .ui-btn-text:before    { content: ""; display: block; width: 42px; height: 42px; float: left; background: transparent url("/common/icons/sp/icon-business-currency-japanese-yen2-sc35.png") center center no-repeat; background-size: 42px; }
#navigation li[name="schedule"] .ui-btn-text:before  { content: ""; display: block; width: 42px; height: 42px; float: left; background: transparent url("/common/icons/sp/icon-business-clock4.png") center center no-repeat; background-size: 42px; }
#navigation li[name="recruit"] .ui-btn-text:before   { content: ""; display: block; width: 42px; height: 42px; float: left; background: transparent url("/common/icons/sp/icon-business-document.png") center center no-repeat; background-size: 42px; }
#navigation li[name="links"] .ui-btn-text:before     { content: ""; display: block; width: 42px; height: 42px; float: left; background: transparent url("/common/icons/sp/icon-arrows-track-back.png") center center no-repeat; background-size: 42px; }
#navigation li[name="contact"] .ui-btn-text:before   { content: ""; display: block; width: 42px; height: 42px; float: left; background: transparent url("/common/icons/sp/icon-business-envelope5.png") center center no-repeat; background-size: 42px; }
#navigation li { overflow: hidden; }

.ui-li-thumb { max-width: 100px; max-height: 134px; padding: 4px; }
.companionlist .ui-li-has-thumb .ui-btn-inner a.ui-link-inherit { min-height: 118px; }

table.system { border-collapse: collapse; width: 100%; }
table.system th { width: 50%; padding: .3em 1em; background-color: #888888; border: 1px solid silver; }
table.system td { width: 50%; padding: .3em 1em; border: 1px solid silver; }

.pointer { height: 20px; text-align: center;}
.pointer span { display: inline-block; height: 8px; width: 8px; background-color: white; border: 2px solid silver;
	-moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px;
}
.pointer span.current { background-color: #ffdd88; }

.ui-footer .ui-navbar li { overflow: hidden; }

/* カスタムアイコン */
.ui-icon-magnum-2maru {
	background-image: url( /common/icons/sp/sym_2maru.png );
	background-size: 18px 18px;
}
.ui-icon-magnum-maru {
	background-image: url( /common/icons/sp/sym_maru.png );
	background-size: 18px 18px;
}
.ui-icon-magnum-batu {
	background-image: url( /common/icons/sp/sym_batu.png );
	background-size: 18px 18px;
}
.ui-icon-magnum-sankaku {
	background-image: url( /common/icons/sp/sym_sankaku.png );
	background-size: 18px 18px;
}

/* オプション一覧 */
.optionlist .ui-btn-inner {
	padding-left:20px;
}
.optioninfo { padding: 1em; }
.optioninfo .ui-icon { width: 18px;display: inline-block; margin-right: 8px; }
.optioninfo .ui-btn-up-a { opacity: 0.5; }
.optioninfo .ui-li-static.ui-li { padding: 6px; font-size: 14px; }

/* 2014-03-05 update */
.profile.comment * { white-space: normal; }
div[name=profile] + ul li * { white-space: normal; }

#navigation li { overflow: hidden; }
.ui-footer .ui-navbar li { overflow: hidden; }

.ui-navbar li { overflow: hidden; }
.ui-navbar li .ui-btn:before { border-top: 1px solid #FFF;
border-color: rgba(255, 255, 255, 0.3); width: 36px !important; height: 32px !important;
background-position-y: -2px !important; background-size: 32px !important;
}

.ui-content .ui-header + div { padding: 0; }
.ui-li-has-thumb .ui-btn-inner a.ui-link-inherit, .ui-li-static.ui-li-has-thumb {
    padding-left: 120px;
}

/* message */
.info .title,
.event .title
{
	text-align:center;
	font-weight:bold;
}
.info .date,
.event .date
{
	text-align:right;
	font-size:0.8em;
}
.info .message,
.event .message
{
	text-align:left;
	line-height:1.3;
}

i.required
{
	font-weight: bold;
	color: #ff0000;
}