* {
 margin: 0px;
 padding: 0px;
}

img {
 border: none;
}

ul, li {
 list-style-type: none;
}

h1, h2, h3, h4, h5, th {
 font-weight: normal;
}

table {
 border-collapse: collapse;
}

/******************* layer *******************/
body {
 text-align: center;
 background-color: #8F4801;
}

#contentsBody {
 position: relative;
 z-index: 0;
 width: 1000px;
 margin: 0px auto 0px auto;
 text-align: left;
 font-size: 0.8em;
 background-color: #F5F5DC;
}

#leftContents {
 width: 725px;
 float: left;
 margin-right: 15px;
}

#rightContents {
 float: left;
 width: 255px;
}

#footer {
 clear: both;
}

/******************* header *******************/
#header h1,
#header #logo {
 height: 258px;
 width: 1000px;
 text-indent: -9999px;
 background: url(/images/logo.jpg) no-repeat;
}

#header .description {
 font-size: 13px;
 line-height: 13px;
 padding: 5px 0;
 color: #FFF;
 text-indent: 10px;
 width: 100%;
 background-color: #4E2701;
}

#header .shopAddress {
 position: absolute;
 top: 2px;
 right: 5px;
 font-size: 15px;
 font-weight: bold;
 color: #FFF;
}

#topLinkSapporo {
 position: absolute;
 top: 33px;
 right: 11px;
}

#topLinkSendai {
 position: absolute;
 top: 136px;
 right: 11px;
}

#topLinkSapporo a,
#topLinkSendai a {
 display: block;
 width: 94px;
 height: 94px;
 text-indent: -9999px;
}

#topLinkSapporo a {
 background: url(/images/linkTopSapporoOn.jpg) no-repeat;
}

#topLinkSapporo a:hover,
#topLinkSapporo a:active {
 background: url(/images/linkTopSapporoOff.jpg) no-repeat;
}
#topLinkSendai a {
 background: url(/images/linkTopSendaiOn.jpg) no-repeat;
}
#topLinkSendai a:hover,
#topLinkSendai a:active {
 background: url(/images/linkTopSendaiOff.jpg) no-repeat;
}

/******************* mainContents *******************/
#mainContents .memberIncrease {
 padding: 10px 0 0 10px;
 margin-bottom: 10px;
}

#mainContents .topicPath {
 font-weight: bold;
 font-size: 12px;
 text-indent: 10px;
 margin-bottom: 10px;
 width: 100%;
}

#mainContents #leftContents .nowRoom {
 width: 117px;
 height: 35px;
 text-indent: -9999px;
 background: url(/images/nowRoom.gif) no-repeat;
 margin-left: 10px;
 margin-bottom: 10px;
 padding: 0;
}

#mainContents iframe {
 margin-left: 10px;
}

/******************* rightContents *******************/
#rightContents h2 {
 text-indent: -9999px;
 width: 195px;
 height: 35px;
 background: url(/images/shopInformation.gif) no-repeat;
 margin-bottom: 10px;
}

#rightContents .shopInformation {
 background: url(/images/rightBackground.jpg) repeat-y;
 width: 255px;
}

#rightContents .shopInformation p {
 margin-bottom: 10px;
 padding: 0 12px 0 13px;
 text-align: center;
}

#rightContents .shopInformation p img { margin: 0 auto; }

#rightContents .shopInformation .shopInformationHeader {
 padding-top: 10px;
 background: url(/images/rightBackgroundHeader.jpg) no-repeat;
}

#rightContents .shopInformation .shopInformationFooter {
 margin: 0;
 padding-bottom: 15px;
 background: url(/images/rightBackgroundFooter.jpg) no-repeat bottom;
}

/******************* page ***********************/
#leftContents h1 {
 text-indent: -9999px;
 height: 35px;
 width: 300px;
 margin-bottom: 10px;
}
.flowPage h1 { background: url(/images/headlineFlow.jpg) no-repeat 10px; }
.firstPage h1 { background: url(/images/headlineFirst.jpg) no-repeat 10px; }
.pricePage h1 { background: url(/images/headlinePrice.jpg) no-repeat 10px; }
.accessPage h1 { background: url(/images/headlineAccess.jpg) no-repeat 10px; }
.eventPage h1 { background: url(/images/headlineEvent.jpg) no-repeat 10px; }
.qaPage h1 { background: url(/images/headlineQa.jpg) no-repeat 10px; }
.secretPage h1 { background: url(/images/headlineSecret.jpg) no-repeat 10px; }
.linkPage h1 { background: url(/images/headlineLink.jpg) no-repeat 10px; }
.contactPage h1 { background: url(/images/headlineContact.jpg) no-repeat 10px; }
.submitPage h1 { background: url(/images/headlineContact.jpg) no-repeat 10px; }
.couponPage h1 { background: url(/images/headlineCoupon.jpg) no-repeat 10px; }
.sitemapPage h1 { background: url(/images/headlineSitemap.jpg) no-repeat 10px; }
.mobilePage h1 { background: url(/images/headlineMobile.jpg) no-repeat 10px; }
.melmaPage h1 { background: url(/images/headlineMelma.jpg) no-repeat 10px; }

#leftContents h2 {
 clear: both;
 width: 670px;
 display: block;
 text-indent: 20px;
 font-size: 15px;
 font-weight: bold;
 line-height: 15px;
 color: #333;
 padding: 30px 0 10px 0;
 margin-bottom: 15px;
 background: url(/images/h2back.jpg) no-repeat 0 bottom;
}

#leftContents .entry {
 position: relative;
 left: 10px;
 float: left;
 width: 720px;
 margin-left: 0px;
 background: url(/images/entryBody.jpg) repeat-y;
}
#leftContents .entryHeader {
 width: 720px;
 float: left;
 background: url(/images/entryHeader.jpg) no-repeat;
}
#leftContents .entryFooter {
 width: 720px;
 float: left;
 background: url(/images/entryFooter.jpg) no-repeat 0 bottom;
}
#leftContents .entryContents {
 width: 670px;
 position: relative;
 left: 20px;
 float: left;
 margin: 0 0px 0 0px;
 padding: 0 0 30px 0;
}

#leftContents .entry p {
 padding-left: 10px;
 margin-bottom: 1em;
 line-height: 150%;
 max-width: 650px;
}

#leftContents p .alignleft {
 float: left;
 margin-right: 15px;
}
#leftContents p .alignright {
 float: right;
 margin-left: 15px;
}

#leftContents .rightBox {
 float: left;
 width: 400px;
}

.firstPage #leftContents p,
.secretPage #leftContents p,
.melmaPage #leftContents p { float: left; }
.firstPage #leftContents .rightBox p,
.secretPage #leftContents .rightBox p,
.melmaPage #leftContents .rightBox p { float: none; }
.melmaPage #leftContents .floatnone p { float: none; }

.pricePage .mensPrice,
.pricePage .ladysPrice { margin-left: 10px; }

.pricePage th { font-weight: bold; }

.pricePage tr,
.pricePage th,
.pricePage td {
 border-collapse: collapse;
 border: 1px solid #F99;
 text-align: center;
 padding: 2px 0;
 font-size: 13px;
}

.pricePage .mensPrice th {
 width: 325px;
 background-color: #FFC;
 font-size: 15px;
}

.pricePage .mensPrice td {
 color: #F00;
 font-weight: bold;
}

.pricePage .mensPrice .tableHeader th {
 color: #FFF;
 font-weight: bold;
 background-color: #F36;
}

.pricePage .mensPrice td.tableDescription {
 color: #FFF;
 background-color: #F99;
 text-align: left;
}

.pricePage .ladysPrice th { width: 165px; background-color: #FFC; }
.pricePage .ladysPrice td { width: 160px; }

.qaPage dl {
 margin-left: 10px;
 width: 650px;
}

.qaPage dt {
 padding: 7px 0 5px 50px;
 margin-bottom: 10px;
 color: #06F;
 font-size: 14px;
 line-height: 140%;
 background: url(/images/question.gif) no-repeat;
}

.qaPage dd {
 padding: 17px 0 5px 50px;
 margin-bottom: 20px;
 color: #F0F;
 font-size: 14px;
 line-height: 150%;
 border-top: 1px dotted #CCC;
 background: url(/images/answer.gif) no-repeat 0 10px;
}

.contactTable {
 margin-left: 10px;
 width: 650px;
}

.contactTable th {
 width: 160px;
 vertical-align: top;
 text-align: left;
 font-weight: bold;
 padding: 5px 0;
}

.contactTable td { padding: 5px 0; }

.contactTable td input {
 width: 490px;
 font-size: 13px;
}

.contactTable textarea {
 width: 490px;
 height: 100px;
 font-size: 13px;
}

.contactTable td #contactSubmit {
 width: 200px;
 text-align: center;
}

.submitPage ul { margin: 0 0 10px 10px; }

.submitPage li {
 font-size: 13px;
 font-weight: bold;
 color: #F33;
 line-height: 150%;
}
/******************* headerMenu *******************/
#headerMenu {
 position: absolute;
 top: 243px;
 left: 10px;
}

#headerMenu ul li {
 float: left;
 margin-right: 6px;
 height: 30px;
 text-indent: -9999px;
}

#headerMenu ul li a {
 display: block;
 height: 30px;
}

.menuTop a { width: 120px; background: url(/images/menuTop.jpg) no-repeat; }
.menuFlow a { width: 120px; background: url(/images/menuFlow.jpg) no-repeat; }
.menuPrice a { width: 120px; background: url(/images/menuPrice.jpg) no-repeat; }
.menuFirst a { width: 130px; background: url(/images/menuFirst.jpg) no-repeat; }
.menuMap a { width: 130px; background: url(/images/menuMap.jpg) no-repeat; }
.menuEvent a { width: 120px; background: url(/images/menuEvent.jpg) no-repeat; }
.menuBbs a { width: 99px; background: url(/images/menuBbs.jpg) no-repeat; }
.menuCoupon a { width: 99px; background: url(/images/menuCoupon.jpg) no-repeat; }
.menuQuestion a { width: 78px; background: url(/images/menuQuestion.jpg) no-repeat; }
.menuContact a { width: 120px; background: url(/images/menuContact.jpg) no-repeat; }

.menuTop a:hover, .menuTop a:active { width: 120px; background: url(/images/menuTopOn.jpg) no-repeat; }
.menuFlow a:hover, .menuFlow a:active { width: 120px; background: url(/images/menuFlowOn.jpg) no-repeat; }
.menuPrice a:hover, .menuPrice a:active { width: 120px; background: url(/images/menuPriceOn.jpg) no-repeat; }
.menuFirst a:hover, .menuFirst a:active { width: 130px; background: url(/images/menuFirstOn.jpg) no-repeat; }
.menuMap a:hover, .menuMap a:active { width: 130px; background: url(/images/menuMapOn.jpg) no-repeat; }
.menuEvent a:hover, .menuEvent a:active { width: 120px; background: url(/images/menuEventOn.jpg) no-repeat; }
.menuBbs a:hover, .menuBbs a:active { width: 99px; background: url(/images/menuBbsOn.jpg) no-repeat; }
.menuCoupon a:hover, .menuCoupon a:active { width: 99px; background: url(/images/menuCouponOn.jpg) no-repeat; }
.menuQuestion a:hover, .menuQuestion a:active { width: 78px; background: url(/images/menuQuestionOn.jpg) no-repeat; }
.menuContact a:hover, .menuContact a:active { width: 120px; background: url(/images/menuContactOn.jpg) no-repeat; }

/******************* footer ****************/
#footer {
 width: 1000px;
 text-align: center;
 padding-top: 50px;
 padding-bottom: 15px;
 font-size: 12px;
 background: url(/images/footerBackground.jpg) no-repeat 0 50px;
}

#footerMenu { margin-bottom: 30px; }