@charset "utf-8";
/*
 Browzer Reset
---------------------------------------------------------- */
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;
}
fieldset, img {
border:0;
}
address, caption, cite, code, dfn, em, th, var {
font-style:normal;
font-weight:normal;
}
ol, ul {
list-style:none;
}
caption, th {
text-align:left;
}
h1, h2, h3, h4, h5, h6 {
font-size:100%;
font-weight:normal;
}
q:before, q:after {
content:'';
}
abbr, acronym {
border:0;
}
/*
 set up
---------------------------------------------------------- */
body {
font-size:80%;
background:#fff;
font-family:"メイリオ", Meiryo, "verdana", "Lucida Grande", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", Osaka, sans-serif;
font-style:normal;
font-variant:normal;
font-weight:normal;
line-height:120%;
color:#5c5649;
/*border-top: 2px solid #543c0e;*/
}
p, li, dl {
line-height:140%;
}
p {
/*margin:0 0 0.5em 0;*/
}
li {
list-style-type:none;
}
img {
border:0;
}
.cl {
clear:both;
}
.clearfix:after {
content: ".";
display: block;
clear: both;
height: 0;
visibility: hidden;
}
.clearfix {
min-height: 1px;
}
* html .clearfix {
height: 1px;/*\*//*/
  height: auto;
  overflow: hidden;
  /**/
}
input {
    font-family:"メイリオ", Meiryo, "verdana", "Lucida Grande", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", Osaka, sans-serif;
}
/*
 Link Color
----------------------------------------------------------- */
a {
color: #85422c;
text-decoration:underline;
}
a:link {
color:#85422c;
}
a:visited {
color: #85422c;
}
a:hover {
color:#3d0f00;
text-decoration:none;
}
a:active {
color: #85422c;
}
/*
 header
----------------------------------------------------------- */
header {
width:960px;
margin:18px auto;
position:relative;
}
header h1 {
    font-size:0.8em;
    margin: 0 0 4px;
}
.logo {
float:left;
width:285px;
}
header .contact {
    float: right;
}
header .contact p {
    margin: 0 0 4px;
    /margin:  0 0 10px;
    text-align: right;
}
header .contact ul li {
    display: inline;
    background: url(../img/arrow.png) no-repeat 16px 8px;
    padding: 5px 0 0 26px;
    font-size:0.9em;
}

/*
 menu
----------------------------------------------------------- */
.menu {
    background: url(../img/header_back.png) repeat-x 0 26px; 
    z-index: 10;
    position: relative;
}
nav {
margin: 0 auto;
/*background:url("../img/navi.png") no-repeat;*/
width: 966px;
height: 56px;
/*z-index: 35;*/
}
nav li {
float: left;
}
nav li img {
    padding: 0;
    margin: 0;
}


/*
 banner
----------------------------------------------------------- */
#banner {
background:url(../img/banner_back.gif) repeat-x;
height:380px;
margin: -26px 0 0;
z-index: 2;
padding: 60px 0 0;
}
#b_back {
    width: 960px;
    margin: 0 auto;
    background: url(../img/banner_bg.png) no-repeat;
    height: 340px;
    position: relative;
}


/* .slideShow
------------------------- */
.slideShow {
margin: 0 auto;
text-align: left;
display: none;
}
.slideShow a {
border:none;
background:none;
}

/* .mainView
------------------------- */
.slideShow .mainView {
position: absolute;
right: -54px;
}
.slideShow .mainView ul {
}
.slideShow .mainView ul li {
top: -20px;
right: 0;
position: absolute;
}

.slideShow .slideText {
position: absolute;
left: 360px;
top:90px;
text-align: center;
}
.slideShow .slideText p {
    padding: 0 0 10px;
}

.slideShow .slideText ul li {
top: -20px;
right: 0;
position: absolute;
}
.slideShow .slideText ul li.view2 p:first-child {
    margin: 30px 0 0;
}
.slideShow .slideText ul li.view2 p.last {
    margin: 20px 0 0;
}
.slideShow .slideText ul li.view3 {
    margin: 0 20px 0 0;
}
.slideShow .slideText ul li.view3 p.last {
    margin: 25px 0 0;
}
.slideShow .slideText ul li.view4 {
    margin: 20px 0 0 0;
}
.slideShow .slideText ul li.view4 p.last {
    margin: 15px 0 -10px;
}

/* .thumbNail
------------------------- */
.slideShow .thumbNail {
width: 350px;
margin: 0 0 0 30px;
}

.slideShow .thumbNail ul {
text-align: center;
margin: 310px 0 0 130px;
}

.slideShow .thumbNail ul li {
float: left;
cursor: pointer;
padding: 3px 20px 3px 0;
}

.slideShow .thumbNail ul li.active img {
    height: 20px;
    margin: -3px 0 0;
}

.slideShow .thumbNail ul li.active {
filter: alpha(opacity=100)!important;
-moz-opacity: 1!important;
opacity: 1!important;
}



/* sideNavi
------------------------- */
.slideShow .mainView .btnPrev,
.slideShow .mainView .btnNext {
top: 0;
width: 5%;
height: 100%;
position: absolute;
z-index: 100;
}
.slideShow .mainView .btnPrev {
left: 0;
background: #ccc url(/common/img/btnPrev.png) no-repeat center center;
}
.slideShow .mainView .btnNext {
right: 0;
background: #ccc url(/common/img/btnNext.png) no-repeat center center;
}


/* =======================================
ClearFixElements
======================================= */
.slideShow ul:after {
content: ".";
height: 0;
clear: both;
display: block;
visibility: hidden;
}

.slideShow ul {
display: inline-block;
overflow: hidden;
}


/*
 top-contents
----------------------------------------------------------- */
#contents {
width:960px;
margin:34px auto 10px;
}
#subContents {
width:960px;
margin:10px auto 10px;
}
#left {
width:694px;
float:left;
position: relative;
}
#right {
width:250px;
float:right;
}
/*
 left-contents
----------------------------------------------------------- */
#planArea {
width:624px;
background: url(../img/reserve_back.png) no-repeat;
height: 270px;
padding: 35px;
}
.planLeft {
    width: 300px;
    float: left;
}
.planRight {
    width: 300px;
    float: right;
}
.title {
    background: url(../img/plan_line.gif) no-repeat left bottom;
    padding: 0 0 10px;
    position: relative;
    width: 300px;
}
.planLink {
    position: absolute;
    right: 0;
    top:2px;
}
.planLeft form {
    margin: 20px 10px 10px;
    font-size: 1.1em;
}
.planLeft form p {
    margin: 5px 0;
    /margin: 0;
}
.planLeft form ul.check {
    margin: 0 0 14px;
    position: relative;
}
.planLeft form ul.check li {
    float: right;
}
.planLeft form ul.check li:first-child {
    float: left;
}
.planLeft form select {
    padding: 5px 5px;
    margin: -9px 0 0;
    border: 1px solid #c2aa66;
    border-radius: 3px;
    width: 60px;
}
.planLeft form ul.check li input {
    padding: 5px 5px;
    margin: -6px 0 0;
    border: 1px solid #c2aa66;
    border-radius: 3px;
    width: 150px;
}
.planLeft form .ui-datepicker-trigger {
    position: absolute;
    right:5px;
    top:3px;
}
.planLeft form #btnSubmit {
    text-align: center;
    margin: 15px auto;
}
form #btnSubmit input {
    background: url(../img/form_btn_off.png) no-repeat left top;
    width: 160px;
    height: 35px;
    display: block;
    margin: 0 auto;
    text-indent: -500px;
    border:none;
    cursor: pointer;
}
form #btnSubmit input:hover {
    background: url(../img/form_btn_on.png) no-repeat left top;
}
.planLeft .tel {
    /margin: -10px 0 0;
}
.planRight .planEntry {
    overflow: hidden;
    margin: 6px 0 -15px;
}
.planRight .planEntry .image {
    float: left;
    margin: 0 0 0 10px;
    padding: 0;
    width: 162px;
}
.planRight .planEntry .planText {
    float: right;
    width: 128px;
}
.planRight .planEntry .planText p {
    padding: 5px 0 5px 9px;
}
.planRight .planEntry .planText p:first-child  {
    background: url(../img/plan_arrow.png) no-repeat left 8px;
}

#info {
    margin: 20px 0;
}
#info p.infoImg {
    border-bottom: 2px solid #ba8b20;
    padding: 0 0 4px;
    margin: 0 0 10px; 
}
#info .infoEntry {
    margin: 20px 0;
    overflow: hidden;
}
#info .image {
    float: left;
    padding: 0 10px;
}
#info .infoBody {
    float: left;
    padding: 10px 0;
    width: 510px;
}
#info .infoBody .date {
    color:#694700;
}

#info .infoTitle {
    font-size:1.1em;
    padding: 0 0 5px 9px;
    background: url(../img/plan_arrow.png) no-repeat left 3px;
}
#info .infoTitle a {
    color:#694700;
}
/*
 right
----------------------------------------------------------- */
#right ul li img {
    padding: 0 0 8px;
    margin: 0;
    vertical-align: bottom;
}
#right ul li:first-child img {
    /*padding: 0 0 4px;*/
}
#right .sideReserve {
    background: url(../img/sub_side_reserve_bg.gif) no-repeat;
    width: 210px;
    height: 350px;
    padding: 20px;
    margin: 0 0 10px;
}
#right .sideReserve h4 {
    text-align: center;
}
#right .sideReserve form {
    margin: 30px 0 10px;
}
#right .sideReserve form p {
    margin: 5px 0;
    /margin: 0;
    text-align: center;
}
#right .sideReserve form ul.check {
    margin: 0 0 14px;
    position: relative;
}
#right .sideReserve form ul.check li {
    float: right;
}
#right .sideReserve form ul.check li:first-child {
    float: left;
}
#right .sideReserve form select {
    padding: 5px 5px;
    margin: -9px 0 0;
    border: 1px solid #c2aa66;
    border-radius: 3px;
    width: 60px;
}
#right .sideReserve form input.number {
    padding: 5px 5px;
    margin: -9px 0 0;
    border: 1px solid #c2aa66;
    border-radius: 3px;
    width: 60px;
}
#right .sideReserve form ul.check li input {
    padding: 5px 5px;
    margin: -6px 0 0;
    border: 1px solid #c2aa66;
    border-radius: 3px;
    width: 100px;
}
#right .sideReserve form .ui-datepicker-trigger {
    position: absolute;
    right:5px;
    top:3px;
}
#right .sideReserve form #btnSubmit {
    text-align: center;
    margin: 15px auto;
}
#right .sideReserve ul.linkList {
    margin: 0 0 5px 20px;
}
#right .sideReserve ul.linkList li {
    float: left;
    padding: 0 0 0 10px;
}
#right .sideReserve .center {
    text-align: center;
}
#right .sideReserve .tel {
    text-align: center;
    margin: 15px 0 0;
}
/*
 sub
----------------------------------------------------------- */
#breadcrumb {
    width: 960px;
    margin: 10px auto 0;
    padding: 0 0 0 20px;
}
h2.subH2 {
    border-bottom: 1px solid #dcbe5b;
    padding: 0 0 15px;
    margin: 15px 0 25px;
}
h2.subH2 ~ h2.subH2 {
    padding: 0 0 10px;
    margin: 15px 0 25px;
}
p.line {
    line-height: 180%;
}
p.planList {
    position: absolute;
    right: 10px;
    top: 90px;
}
.planBg {
    background: url(../img/sub_plan_bg.gif) no-repeat;
    width: 690px;
    height: 371px;
    margin: 25px 0;
}
.planArea {
    width: 410px;
    padding: 20px 20px 10px;
    position: relative;
}
.planArea h3 {
    background: url(../img/sub_plan_text_back.gif) no-repeat;
    padding: 11px 11px 0;
    height: 35px;
    color: #c03259;
    font-weight: bold;
}
.planArea .right,
.recommendArea .right {
    text-align: right;
    margin: 10px 0;
}
.planArea p {
    padding: 0 10px;
}
p.planAreaR {
    padding: 0;
}
.planAreaR {
    position: absolute;
    right: -230px;
    top:20px;
    padding: 0;
}
.recommendArea {
    margin: 15px 0 0;
}
.recommendL {
    width: 430px;
    float: left;
    padding: 0;
    margin: 0;
    position: relative;
}
.recommendL p {
    padding: 0 10px;
}
.recommendL strong {
    color:#b5610f;
}
.recommendAreaR {
    float: left;
    padding: 0 0 0 7px;
    width: 241px;
    margin: 0 0 -10px;
}
.recommendArea h3 {
    background: url(../img/sub_plan_recommend_bg.gif) no-repeat;
    padding: 11px 11px 0;
    height: 35px;
    color: #694700;
    font-weight: bold;
}
hr {
    border:none;
    background: #fff;
    height: 0;
}
hr.styleHr {
    border: 0;
    border-bottom: 1px dotted #d2b2a5;
    background: none;
}
.recommendArea .planLink {
    position: relative;
    background: url(../img/plan_arrow.png) no-repeat 10px center;
    padding: 5px 0 5px 18px;
}
.small {
    font-size:0.8em;
    text-align: center;
    color: #666666;
}
.planSample {
    background: url(../img/sub_plan_smple_bg.gif) no-repeat;
    width: 690px;
    height: 90px;
    margin: 40px auto 20px;
    position: relative;
}

.planSample p {
    position: absolute;
    top:20px;
    right: 80px;
}
.planSample p:first-child {
    position: absolute;
    top:20px;
    right: 20px;
    left:60px;
}
.planContact {
    background: url(../img/sub_plan_contact_bg.gif) no-repeat;
    width: 690px;
    height: 170px;
    margin: 0 0 20px;
}
.planContact p:first-child {
    padding: 35px 0 0;
    text-align: center;
    margin: 0 auto;
}
.planContact ul {
    margin: 20px 0 0;
    text-align: center;
}
.planContact ul li {
    display: inline;
    padding:  0 10px 0 0;
}
/*
 about
---------------------------------------------------------- */
#left #aboutPage {
    background: url(../../about/images/about_base.png) no-repeat;
    height: 1260px;
    padding: 0 20px 60px;
    position: relative;
    font-size:0.9em;
}
.aboutWedding {
    padding:  0 0 0 10px;
}
.aboutWedding .life {
    position: absolute;
    right: 100px;
    top:20px;
}
.aboutWedding .wedding {
    position: absolute;
    left:210px;
    top:290px;
}
.aboutWedding .weddingPhoto {
    position: absolute;
    left:380px;
    top:240px;
}
.aboutWedding .weddingImgText {
    position: absolute;
    left:160px;
    top:370px;
    line-height: 160%;
}
.aboutWedding .weddingImgText img {
    padding: 0 0 10px;
}
.aboutWedding .weddingImgText .link {
    padding: 10px 0;
}
.aboutProposal {
    margin: 50px 0 0;
    position: relative;
}
.aboutProposal .aboutProposalText {
    position: absolute;
    top:10px;
    left: 270px;
}
.aboutProposal .aboutProposalText2 {
    position: absolute;
    top:75px;
    left: 308px;
}
.aboutProposal .aboutProposalText3 {
    position: absolute;
    top:135px;
    left: 308px;
    line-height: 160%;
}
.aboutProposal .aboutProposalText3 img {
    padding: 10px 0;
}
.aboutAnniversary {
    margin: 30px 0 0 40px;
    position: relative;
}
.aboutAnniversary .aboutAnniversaryText {
    padding:  0 0 10px 135px;
}
.aboutAnniversary .aboutAnniversaryPhoto {
    position: absolute;
    top:40px;
    left: 308px;
}
.aboutAnniversary .aboutAnniversaryText2 {
    padding: 20px 0 0;
    line-height: 160%;
}
.aboutAnniversary ul {
    margin: 10px 0;
}
.aboutAnniversary ul li {
    display: inline;
    padding:  0 10px 0 0;
}

.aboutAnniversary2 {
    margin: -220px 0 0 40px;
    position: relative;
    padding: 0 0 0 100px;
}
.aboutAnniversary2 .aboutAnniversaryText {
    padding:  50px 0 10px 5px;
}
.aboutAnniversary2 .aboutAnniversaryPhoto {
    position: absolute;
    top:10px;
    left: 348px;
}
.aboutAnniversary2 .aboutAnniversaryText2 {
    padding: 20px 0 0;
    line-height: 160%;
}
.aboutAnniversary2 ul {
    margin: 10px 0;
}
.aboutAnniversary2 ul li {
    display: inline;
    padding:  0 10px 0 0;
}

.aboutWedding2 {
    padding:  0 0 0 10px;
    position: relative;
    margin: 20px 0 0;
}
.aboutWedding2 .life {
    position: absolute;
    right: 100px;
    top:40px;
}
.aboutWedding2 .wedding {
    position: absolute;
    left:260px;
    top:0px;
}
.aboutWedding2 .weddingPhoto {
    position: absolute;
    left:360px;
    top:40px;
}
.aboutWedding2 .weddingImgText {
    position: absolute;
    left:60px;
    top:70px;
    line-height: 160%;
}
.aboutWedding2 .weddingImgText img {
    padding: 0 0 10px;
}
.aboutWedding2 .weddingImgText .link {
    padding: 10px 0;
}

/*
 Propose
---------------------------------------------------------- */
.proposePlan {
    margin: 15px;
    position: relative;
}
.proposePlanText {
    font-size:0.9em;
    padding: 0 0 20px 30px;
}
.proposePlanPhoto {
    position: absolute;
    right: -10px;
    top:0;
}
.proposeNagare {
    margin: 15px;
}
.NagareFlow {
    background: url(../../plan/propose/images/nagare_back.png) no-repeat;
    width: 660px;
    height: 162px;
    margin: 15px 0;
    position: relative;
}
.NagareFlow img {
    padding: 0 0 8px;
}
.NagareFlow1 {
    position: absolute;
    left:22px;
    top:55px;
}
.NagareFlow2 {
    position: absolute;
    left:110px;
    top:18px;
    width: 132px;
    font-size: 0.9em;
}
.NagareFlow3 {
    position: absolute;
    left:310px;
    top:18px;
    width: 132px;
    font-size: 0.9em;
}
.NagareFlow4 {
    position: absolute;
    left:510px;
    top:18px;
    width: 132px;
    font-size: 0.9em;
}
.NagareCost {
    width: 293px;
    position: relative;
    padding: 15px 0;
}
.NagareCostText {
    color: #702800;
    font-weight: bold;
    border-bottom: 1px solid #ba8b20;
    margin: 0 0 8px;
}
.NagareCost ul li {
    background: url(../../plan/propose/images/propose_link.gif) no-repeat left 3px;
    padding: 0 0 3px 13px;
}
.NagareDinner {
    font-size:0.8em;
    color:#666666;
    margin: 10px 0 0;
}
.NagarePlan {
    position: absolute;
    top:22px;
    left:325px ;
}
.proposeButai {
    margin: 20px 0;
}
.ButaiEntry {
    padding: 20px 20px 10px;
}
.ButaiText {
    font-size:1.1em;
    margin: 0 0 20px;
}
.ButaiLeft {
    width: 325px;
    float: left;
}
.ButaiLeft img {
    margin: 0 0 -10px -8px;
}
.ButaiUp {
    color: #702800;
    font-size: 1.1em;
    margin: 0 0 6px;
}
.ButaiRight {
    width: 325px;
    float: right;
}
.ButaiRight img {
    margin: 0 0 -10px 0;
}
.ButaiRight p {
    margin: 0 0 6px 10px;
}
.ButaiRight p:first-child {
    margin: 0;
}
.proposeUnder {
    position: relative;
}
.proposeImgRight {
    position: absolute;
    right: 0;
    top: 0;
}
.proposeImgCenter {
    text-align: center;
    margin: 30px 0 60px;
}

/*
 access
----------------------------------------------------------- */
.accessMap {
    padding: 0 10px 20px;
    margin: 0 0 20px;
}
.accessMapText {
    float: left;
}
.accessTel {
    margin: 10px 0;
}
.googleMap {
    background: url("../img/f_blank_link.png") no-repeat left center;
    padding: 0 20px 0 15px;
}
.accessMapPhoto {
    float: right;
}
.mapBig {
    text-align: center;
    margin: 4px 0;
}
.mapBig a {
    background: url("../img/plan_arrow.png") no-repeat left center;
    padding: 0 20px 0 10px;
}
.accessNagoya {
    margin: 0 0 15px;
}
.accessNagoyaEntry {
    padding: 20px;
    margin: 0 auto;
}
.accessNagoyaEntry ul {
    margin: 10px 0;
}

.deletePrint {
    display:none;
}
.printEntry {
    width:100%;
}
.accessNagoyaEntry li,
.accessCarEntry li {
    background: url(../img/li_link.gif) no-repeat left 5px;
    padding: 2px 0 2px 13px;
}
.accessCarEntry {
    padding: 10px 20px 40px;
}
.accessCarEntry p {
    font-size: 0.9em;
    margin: 0 0 10px;
}
p.carGuide {
    color: #702800;
    font-weight: bold;
    border-bottom: 1px solid #ba8b20;
    margin: 20px 0 10px;
}

/*
 facilities
----------------------------------------------------------- */
.facilitiesArea {
    margin: 20px 0 130px;
    position: relative;
}
.facilitiesText {
    width: 330px;
    margin: 25px 0 0 20px;
}
.facImg {
    margin: 20px 0;
}
.facPhoto {
    position: absolute;
    right: 0;
    top:62px;
}
.facilitiesText ul {
    margin: 20px 0;
}
.facilitiesText ul li {
    display: inline;
    padding: 0 10px 0 0;
}

/*
 location
----------------------------------------------------------- */
.locationArea {
    margin: 20px 0 35px;
    position: relative;
}
.locationEntry {
    padding: 10px 10px 6px;
    width: 100%;
}
.locationPhoto {
    float: left;
    padding: 0 17px 0 0;
    width: 204px;
}
.locationText {
    float: left;
}
a.locationMap {
    background: url(../../location/images/location_map.png) no-repeat left center;
    padding: 0 0 0 12px;
}
.locationTitle {
    font-size: 1.2em;
    color: #694700;
    padding: 10px 0 7px;
}
.locationText ul {
    margin: 0 0 15px;
}

/*
 faq
----------------------------------------------------------- */
.faqList {
    background-color: #fdfbf3;
    border: 1px solid #f2eddc;
    padding: 18px 21px;

}
.faqList ul li {
    display: inline;
    padding: 0 15px 0 0;
    font-size:0.9em;
}
.faqList ul li a {
    background: url(../../faq/images/faq_arrow.png) no-repeat left center;
    padding: 0 0 0 10px;
}
.faqArea {
    margin: 20px 0 40px;
}
.faqEntry {
    padding: 10px;
    border-bottom: 1px dotted #d2b2a5;
    margin: 0 0 20px;
}
.faqQ {
    background: url(../../faq/images/faqBack.gif);
    padding: 10px 10px 8px;
    border-radius: 3px;
    margin: 0 0 2px;
}
.faqQ .faqQText {
    background: url(../../faq/images/faq_q.png) no-repeat left top;
    padding: 6px 30px;
    font-size:1.1em;
    color: #694700;
}
.faqA {
    padding: 10px 10px 8px;
}
.faqA .faqAText {
    background: url(../../faq/images/faq_a.png) no-repeat left top;
    padding: 6px 30px;
}

.faqAText ul {
    margin: 10px 0 0;
}
.faqAText ul li {
    background: url(../../faq/images/faq_arrow.png) no-repeat left center;
    padding: 0 0 0 10px;
}
.faqAText p {
    margin: 10px 0 0;
}
.pageTop {
    text-align: right;
    margin: -10px 15px 0 0;
}

/*
 contact
----------------------------------------------------------- */
.contactText {
    padding: 0 10px 90px;
    font-size: 1.1em;
}
.comodo {
    position: absolute;
    right: 0;
    top:90px;
    width: 140px;
    font-size: 0.8em;
    margin: 0 auto;
}
.comodo img {
    text-align: center;
    padding: 0 5px 5px;
}

table.contact {
    padding: 0 10px;
    color: #444444;
    width: 100%;
    margin: 20px 0 40px;
}

table.contact tr th {
    border-bottom: 2px solid #f1ebd4;
    color: #694700;
    padding: 14px 10px;
    width: 175px;
}
table.contact tr th span {
    color:#ca375f;
}
table.contact tr th.first {
    border-top: 2px solid #f1ebd4;
    vertical-align: top;
    padding: 18px 10px;
}
table.contact tr th.last {
    vertical-align: top;
    padding: 18px 10px;
}
table.contact td {
    border-bottom: 2px solid #f1ebd4;
    padding: 14px 0;
    text-align: left;
}
table.contact td.first {
    border-top: 2px solid #f1ebd4;
}
table.contact td li span {
    padding: 0 0 0 6px;
}
table.contact td ul {
    margin: 0;
}
table.contact td ul li {
    padding: 10px 0 0;
}
table.contact td ul li:first-child {
    padding: 0;
}
table.contact td input[type="text"],
table.contact td textarea {
    padding: 6px;
    border:1px solid #dbdbdb;
    border-radius: 3px;
    box-shadow: 1px 1px 1px #efefef inset;
}
.contactPrivacy {
    margin: 0 auto 20px;
    text-align: center;

}
.contactPrivacy p {
    padding: 0 0 10px;
}
.contactPrivacy span {
    padding: 0 0 0 6px;
}
.contactBtn,
.contactConfirm {
    margin: 10px auto 80px;
    text-align: center;
}
input#cBtn {
    background: url("../../contact/images/contact_btn_off.png") no-repeat  left top;
    border: none;
    cursor: pointer;
    display: block;
    height: 50px;
    margin: 0 auto;
    text-indent: -500px;
    width: 200px;
}

input#cBtn:hover {
    background: url("../../contact/images/contact_btn_on.png") no-repeat left top;
}

.contactConfirm #confirmBtn {
    float: left;
    padding: 0;
    background: url("../../contact/images/contact_btn2_off.png") no-repeat  left top;
    border: none;
    cursor: pointer;
    display: block;
    height: 50px;
    margin: 0 0 0 100px;
    text-indent: -500px;
    width: 200px;
}
.contactConfirm #confirmBtn:hover {
    background: url("../../contact/images/contact_btn2_on.png") no-repeat left top;
}

.contactConfirm #submitBtn {
    float: left;
    background: url("../../contact/images/contact_btn3_off.png") no-repeat  left top;
    border: none;
    cursor: pointer;
    display: block;
    height: 50px;
    margin: 0 0 0 20px;
    text-indent: -500px;
    width: 200px;
}
.contactConfirm #submitBtn:hover {
    background: url("../../contact/images/contact_btn3_on.png") no-repeat left top;
}
.contactComp {
    margin: 0 0 300px;
    font-size: 1.1em;
}
.contactComp p {
    margin: 0 0 20px;
}

/*
 room
----------------------------------------------------------- */
.roomTop {
    padding: 0 20px;
}
.roomTop p:first-child {
    margin: 0 0 10px;
}
.roomType {
    margin: 20px 0;
    position: relative;
}
.roomType p:first-child {
    position: relative;
}
.roomDetail {
    position: absolute;
    right: 20px;
    top: 8px;
    font-size:0.9em;
    color: #694700;
}
.roomPhoto {
    padding: 20px 0 20px 20px;
}
.roomPhotoArea {
    float: left;
    width: 223px;
    position: relative;
    padding:  0 0 20px;
}
.roomPhotoArea .roomSmall {
    font-size: 0.9em;
}
.roomImg {
    margin: 0 0 -5px -8px;
    /margin: 0 0 0 -8px;
}
.roomName {
    color: #702800;
}
.roomLink {
    position: absolute;
    right: 24px;
    top:153px;
}
.roomPhotoArea ul {
    margin: 7px 0;
}
.roomPhotoArea ul li {
    display: inline;
    padding: 0 15px 0 0;
}
.roomPhotoArea ul li img {
    vertical-align: middle;
}
.roomPlan {
    background: url(../../room/images/frame.png) no-repeat;
    position: absolute;
    width: 352px;
    height: 151px;
    right: 50px;
    top: 550px;
}
.roomPlan p {
    text-align: center;
}
.roomPlan p:first-child {
    margin: 35px 0 5px;
}
.roomLady {
    background: url(../../room/images/base.png) no-repeat;
    margin: -20px auto 20px;
    width: 610px;
    height: 227px;
    padding: 35px 30px 0;
    position: relative;
}
.roomText {
    width: 333px;
    font-size: 0.9em;
}
.roomText p {
    margin: 0 0 15px;
}

.roomText ul li {
    display: inline;
    padding:  0 15px 0 10px;
    background: url(../../room/images/room_arrow.png) no-repeat left center;
}
.ladyPhoto {
    position: absolute;
    right: 15px;
    top: 15px;
}
.ladyPlan {
    position: absolute;
    right: 29px;
    bottom:0;
}
.roomService {
    margin: 40px 0;
    position: relative;
}
.roomService p:first-child {
    margin: 0 0 20px;
}
.roomServiceArea {
    width: 340px;
    margin: 10px 10px 15px;
    padding:  0 0 7px 10px;
    border-bottom: 2px solid #f1ebd4;
}

.roomLeft {
    width: 75px;
    float: left;
    color: #694700;
    font-weight: bold;
}
.roomRight {
    float: right;
    width: 250px;
}
.roomRight ul li {
    border-top: 1px solid #dad4bc;
    padding: 7px 10px;
    font-size:0.9em;
}
.roomRight ul li:first-child {
    border:none;
    padding:  0 10px 5px;
}
.roomServicePhoto1 {
    position: absolute;
    right: 0;
    top: 50px;
}
.roomServicePhoto2 {
    position: absolute;
    right: 0;
    top: 270px;
}
.noBorder {
    border:none;
}
.roomInfo {
    margin: 0 0 30px;
}
.roomInfo dl {
    padding: 10px;
}
.roomInfo dt {  
 float:left;  
 width:140px;  
 padding:10px 0 10px 10px;  
 clear:both;  
 font-weight:bold;
 border-bottom:1px solid #dad4bc;
color:#694700;
}  
.roomInfo dd {  
 width:500px;  
 margin-left:100px;  
 padding:10px 5px 10px 10px;  
 border-bottom:1px solid #dad4bc;
 overflow: hidden;
}
.roomInfo dd ul li {
    background: url(../../room/images/room_info.png) no-repeat left center;
    padding: 0 0 0 10px;
}
.roomBtn {
    margin: 0 auto 30px;
    text-align: center;
}
.roomBtn ul li {
    display: inline;
    padding: 0 20px 0 0;
}
.roomRegist {
    background: url(../../room/images/regist_back.png) no-repeat;
    width: 690px;
    height: 250px;
    text-align: center;
    margin: 0 0 40px;
}
.roomRegist p {
    margin: 10px;
}
.roomRegist p:first-child {
    padding: 38px 0 0;
}
.roomRegist ul li {
    display: inline;
    padding:  0 10px;
}
.roomNew {
    padding: 15px 0 0;
}

.roomPhotoBig {
    background-color: #fff;
    width: 614px;
    height: 643px;
    padding: 30px;
    position: relative;
    border: 1px solid #ccc;
    margin: 0 0 20px;
}
.roomPhotoBig .BigPhoto {
    /*margin: 0 0 0 -6px;*/
}
.roomPhotoBig .bigLeft {
    width: 375px;
    margin: 20px 0 0 7px;
}
.roomPhotoBig .bigLeft p:first-child {
    color: #702800;
    font-size: 1.1em;
    font-weight: bold;
    padding: 0 0 10px;
}
.roomPhotoBig .bigLeft dl {
    padding: 10px 0;
    font-size: 0.95em;
}
.roomPhotoBig .bigLeft dt {  
 float:left;  
 width:100px;  
padding:5px 0 3px;  
 clear:both;  
 border-bottom:1px solid #dad4bc;
color:#694700;
}  
.roomPhotoBig .bigLeft dd {  
 width:270px;  
 margin-left:10px;  
 padding:5px 0 3px;  
 border-bottom:1px solid #dad4bc;
 overflow: hidden;
}
.roomPhotoBig .bigLeft .roomSmall {
    font-size: 0.8em;
}
.roomPhotoBig .bigPlan {
    position: absolute;
    right: 40px;
    bottom:180px;
}
.roomPhotoBig .bigText {
    position: absolute;
    right: 40px;
    bottom:70px;
    font-size: 0.8em;
}
.roomPhotoBig .bigClose {
    position: absolute;
    right: 40px;
    bottom: 20px;
    cursor: pointer;
}

.modal{display:none;}
.modalBody{
    position: fixed; 
    z-index:1000; 
    width:614px; 
    left:50%; 
    top:50%; 
    height: 643px;
    background: #000;
}
.modalBK{
    position: fixed; 
    z-index:999; 
    height:100%; 
    width:100%;
    background:#000; 
    opacity: 0.6;
    filter: alpha(opacity=90);-moz-opacity:0.90;
}
.btns{cursor: pointer}


/*
 privacy
----------------------------------------------------------- */
.section, .sectionRead {
    margin-bottom: 40px;
    font-size:0.9em;
}
.h3_basic {
    margin-bottom: 20px;
    padding-bottom: 12px;
    position: relative;
}
.mb30 {
    margin-bottom: 30px;
}
.taC {
    text-align: center;
}
.olPrivacy01 li h4 {
    font-weight: bold;
    margin-bottom: 5px;
}
.olPrivacy01 li {
    margin: 0 0 20px;
}
.taR {
    text-align: right;
}
.olPrivacy01 p {
    margin: 0 0 20px;
}
/*
 footer
----------------------------------------------------------- */
#subMenu {
    background: url(../img/foot_subbg.png) repeat-x;
    height: 51px;
    margin: 40px 0 0;
}
.footArea {
    width: 960px;
    margin: 0 auto;
    position: relative;
}
ul.subNavi li {
 float: left;
 padding: 18px 20px 0 10px;
 background: url(../img/plan_arrow.png) no-repeat left 22px;
}
ul.subNavi li.target {
    background: url(../img/f_blank_link.png) no-repeat left 22px;
    padding: 18px 20px 0 15px;
}
#pageTop {
    position: absolute;
    right:0;
    top:-25px;
}
footer {
background: url(../img/footer_back.png) repeat-x;
height: 384px;
}
.footImg {
    position: relative;
    padding: 28px 0 10px;
}
.footImg2 {
    position: absolute;
    left:326px;
    top:32px;
}
.footImg3 {
    position: absolute;
    right:0;
    top:22px;
}
.footNav {
    float: left;
    width: 320px;
}
.footNav p {
    font-size:1.2em;
    margin: 0 0 6px;
    font-weight:bold;
}
.footNav ul {
    margin: 0 0 14px;
}
.footNav ul li {
    padding: 3px 0;
}
#copy {
    width: 960px;
    margin: 20px auto;
    /padding: 0 0 20px;
}
#copy p {
    float: left;
}
ul#footerSns  {
float: right;
margin:0 -60px 0 0;
/margin:0 -50px 0 0;
}
ul#footerSns li {
    float: left;
    padding: 0 0 0 10px;
}