@charset "UTF-8";

#mainSlim{
width:830px;
margin:0 auto;
padding:15px 75px;
background:url(../img/menber_bg_main.jpg) top center repeat-y;
}

#main #mainSlim{
width:830px;
margin:0 auto;
padding:0px 0px;
background:none;
}

#mainSlim .table01 th{
width:120px;
}

#footerBoxSlim .footer_in {
margin:0 auto;
padding-bottom:10px;
width:900px;
overflow:hidden;
}

#footerBoxSlim address {
float:left;
clear:none;
color:#FFFFFF;
font-size:10px;
padding:10px 0px 20px 0px;
}

#header ul.LightHeader li{
float:right;
}

#UserActionFinish-Module{
text-align:center;
margin:50px auto 0px auto;
}


#UserActionFinish-Module .MainSentence{
font-size:20px;
font-weight:bold;
color:#FF6600;
margin-bottom:1em;
}

p.SignInButton-Unit{
clear:both;
margin:0px auto 30px auto;
text-align:left;
font-weight:bold;
}

p.MiddleButton-Unit{
clear:both;
margin:0px auto 20px auto;
text-align:center;
font-weight:bold;
}


p.Button-Unit{
clear:both;
margin:20px auto 30px auto;
text-align:center;
font-weight:bold;
}

p.Button-Unit strong{
font-weight:bold;
color:red;
margin-bottom:20px;
}

ul.Button-Unit{
clear:both;
margin:20px auto 30px auto;
text-align:center;
width:auto;
overflow:hidden;
}

ul.Button-Unit li{
display:inline;
vertical-align: middle;
margin:0 15px 0 15px;
}

.Button-Unit img,
.Button-Unit input{
margin:0 0 10px 0;
padding:0;
}


#UserActionFinish-Module .Button-Unit{
margin:50px auto 60px auto;
text-align:center;
font-weight:bold;
}


#AttentionSentence-Module{
padding:15px;
margin:10px 0;
background:#FFF5E5}

#AttentionSentence-Module dl{
width:950px;
overflow:hidden;
}

#AttentionSentence-Module dl dt{
float:left;
width:78px;
}

#AttentionSentence-Module dl dd{
margin-left:100px;
padding:20px 0;
}

.h2_title{
margin-bottom:10px;
}

.h3_title .Explain{
font-size:0.85em;
}

.h3_title .Explain strong{
color:red;
font-weight:normal;
}



th em{
font-size:0.85em;
color:red;
}

td{
overflow:hidden;
width:auto;
line-height:1.6em;
}

dl.FamilyName,
dl.FirstName{
float:left;
width:300px;
overflow:hidden;
}
dl.FamilyName dt,
dl.FirstName dt{
float:left;
width:3.1em;
text-align:right;
}
dl.FamilyName dd.Example,
dl.FirstName dd.Example{
clear:both;
margin-left:3.1em;
}

dl.Address01,
dl.Address02,
dl.Address03{
width:auto;
overflow:hidden;
margin-bottom:0.5em;
}
dl.Address01 dt,
dl.Address02 dt,
dl.Address03 dt{
float:left;
width:5.1em;
text-align:right;
}

select.JapanArea{
margin:0.5em 0;
}

input.SizeS{
width:60px;
font-size:1.2em;
vertical-align:middle;
}

input.SizeM{
width:220px;
font-size:1.2em;
vertical-align:middle;
}

input.SizeL{
width:400px;
font-size:1.2em;
vertical-align:middle;
}

.MenbersRules-Area{
overflow: auto;
width:950px;
height:100px;
padding:14px;
margin-top:10px;
background:#F9F8E7;
border:1px solid #CCCCCC;
}

.MenbersRules-Area p{
margin-bottom:0.8em;
}

.MenbersRules-Area p strong{
font-size:1.2em;
font-weight:bold;
}

.PageLink-Unit{
background: url(../img/menber_bg_gray.jpg) right center repeat-y;
height:40px;
padding-right:15px;
text-align:right;
}

.PageLink-Unit a{
background: url(../img/circle-arrow_right.gif) center left no-repeat;
padding-left:20px;
height:40px;
line-height:40px;
color:black;
}

.PageLink-Unit a:hover{
color:#FF3300;
}

p.ActionHelp{
margin-bottom:15px;
}

p.ActionHelp strong{
color:red;
font-weight:bold;
}


p.CancelActionHelp{
margin-bottom:15px;
border:1px solid red;
padding:10px;
color:red;
}




.FlowChart-Module{
margin-bottom:15px;
}

#mainSlim table table.RoomMenber{
margin:0 auto;
}

#mainSlim table table.RoomMenber th,
#mainSlim table table.RoomMenber td{
	border:none;
	background:none;
	text-align:center;
	vertical-align:middle;
	padding:0;
	width:80px;
border-bottom:10px solid white;
}
#mainSlim table table.RoomMenber th{
white-space:nowrap;
}
#mainSlim table table.RoomMenber th em{
display:block;
width:70px;
text-align:center;
font-size:9px;
padding:2px;
background:#EEEEEE;
border:1px solid #CCCCCC;
font-weight:normal;
color:black;
margin:1px auto;
}


#mainSlim table table.RoomMenber .RoomInfo td{
border-bottom:10px solid white;
}
#mainSlim table table.RoomMenber .RoomInfo th{
	border-bottom:10px solid white;
	white-space: nowrap!important;
	background:#0066CC;
	color:white;
	padding: 0px 2px;
}

table textarea{
width:100%;
height:75px;}


#CostAttention-Module{
padding:15px;
margin:0px 0 10px 0;
background:#FFF6E9;
}

#CostAttention-Module dl{
width:100%;
overflow:hidden;
}

#CostAttention-Module dl dt{
float:left;
width:78px;
}

#CostAttention-Module dl dd{
margin-left:90px;
}



#PayAttention-Module{
min-height: 90px;
height: auto !important;
height: 90px;
padding:15px;
margin:0px 0 10px 0;
background:#E7F1F8;
width: 800px;
}

#PayAttention-Module li{
	float: left;
	width: 140px;
}

#PayAttention-Module dl{
overflow:hidden;
}

#PayAttention-Module dl dt{
float:left;
width:78px;
}

#PayAttention-Module dl dd{
margin-left:90px;
}


#CancelAttention-Module{
min-height: 90px;
height: auto !important;
height: 90px;
width: 800px;
padding:15px;
margin:0px 0 20px 0;
background:#FAF0F5;
}

#CancelAttention-Module dl{
width:380px;
overflow:hidden;
}

#CancelAttention-Module dl dt{
float:left;
width:78px;
}

#CancelAttention-Module dl dd{
margin-left:90px;
}

.table01 th.StayCount{
width:50px;
background:#EEEEEE;
text-align:center;
}

.table01 dl.PriceCalc dt{
font-weight:bold;
}
.table01 dl.PriceCalc dd{
padding-left:5px;
}

.table01 p.Subtotal{
margin:3px;
padding:5px;
background:#FFFFC2;
text-align:right;
}

.table01 p.Discount{
margin:3px;
padding:5px;
background:white;
text-align:right;
color:#0066CC;
font-size:14px;
}
.table01 p.Total{
margin:3px;
padding:5px;
background:#FFDCDC;
text-align:right;
color:red;
font-size:14px;
}


#ReserveNumber-Module{
margin:20px auto 20px auto;
text-align:center;
color:red;
}

#ReserveNumber-Module dl.ReserveNumber-Unit{
width:510px;
overflow:hidden;
margin:0px auto 5px auto;
border:2px solid #CCCCCC;
padding:15px;
}

#ReserveNumber-Module dl.ReserveNumber-Unit dt{
width:80px;
padding:10px;
color:white;
background:#416FBA;
float:left;
font-size:14px;
}
#ReserveNumber-Module dl.ReserveNumber-Unit dd{
margin-left:115px;
padding:10px 20px;
color:red;
background:#FFFFCC;
font-size:16px;
font-weight:bold;
text-align:left;
}


#MenberIntro-Module{
padding:15px;
margin:0px 0 10px 0;
background:#FFEFEF;
}

#MenberIntro-Module dl{
width:100%;
overflow:hidden;
}

#MenberIntro-Module dl dt{
float:left;
width:78px;
margin-right:12px;
}

#MenberIntro-Module dl dd.Sentence{
float:left;
width:350px;
margin-top:12px;
}

#MenberIntro-Module dl dd.Arrow{
float:left;
width:40px;
margin-right:10px;
margin-top:25px;
}

#MenberIntro-Module dl dd.Button{
float:left;
width:306px;
margin-top:12px;
}

table.table01-red {
border-right:1px solid #CCCCCC;
border-top:1px solid #CCCCCC;
margin-bottom:15px;
margin-top:10px;
width:100%;
}

.table01-red th {
width:120px;
background-color:#FFCCCC;
border-bottom:1px solid #CCCCCC;
border-left:1px solid #CCCCCC;
padding:5px;
text-align:left;
}

.table01-red td {
border-bottom:1px solid #CCCCCC;
border-left:1px solid #CCCCCC;
padding:5px;
color:red;
font-weight:bold;
}
.table01-red .normal td{
color:black;
}
.table01-red .CancelCostAttention th,
.table01-red .CancelCostAttention td{
color:red;
}

.equalize{
width:100%;
overflow:hidden;
}

.MenbersMenu{
width:385px;
padding:10px;
border:2px solid #CCCCCC;
float:left;
}

.MenbersMenu h3{
margin-bottom:15px;
}

.MenbersMenu dl{
width:385px;
overflow:hidden;
margin-top:15px;
}

.MenbersMenu dt{
width:140px;
float:left;
font-size:14px;
font-weight:bold;
text-align:right;
}

.MenbersMenu dd{
width:240px;
float:right;
}

.MenbersMenu dd input{
width:200px;
margin-right:40px;
}

.MenbersMenu dd.Attention{
color:red;
font-weight:bold;
}

.MenbersMenu .PageLink{
margin-top:5px;
}

.MenbersMenu .PageLink a{
background: url(../img/circle-arrow_right.gif) center left no-repeat;
margin-left:105px;
padding-left:20px;
}


.MenbersMenu .Button-Unit{
padding:0px;
margin-top:15px;
margin-bottom:0;
}


.GuestsMenu{
width:385px;
padding:10px;
border:2px solid #CCCCCC;
float:right;}

.GuestsMenu h3{
margin-bottom:15px;
}

.GuestsMenu dt{
font-weight:bold;
}

.GuestsMenu .Button{
padding:0px;
margin-top:10px;
margin-bottom:15px;
text-align:center;
}



.table01 th.Name,
.table01 th.Date,
.table01 th.Number,
.table01 th.Price,
.table01 th.Status,
.table01 th.Action{
text-align:center;
}
.table01 th.Date,
.table01 th.Number,
.table01 th.Price,
.table01 th.Status,
.table01 th.Action{
}


.table01 td.Date,
.table01 td.Number,
.table01 td.Price,
.table01 td.Status,
.table01 td.Action{
text-align:center;
}

.table01 th.Name,
.table01 td.Name{
width:600px;
}



.table01 td.Name img{
float:left;
margin-right:10px;
}

.table01 td.Status{
font-weight:bold;
}

.MyPageTitle-Module{
width:908px;
overflow:hidden;
padding:10px 10px 10px 60px;
background:#FFF5E6 url(../img/menber_img_icon-people.jpg) 25px 15px no-repeat;
margin:20px auto;
border:1px solid #FF9900;}

.MyPageTitle-Module h2{
float:left;
width:630px;
font-size:14px;
height:43px;
line-height:43px;
font-weight:bold;
}
.MyPageTitle-Module h2 strong{
font-size:16px;
font-weight:bold;
color:#FF6600;
}



.MyPageTitle-Module p{
float:right;
width:255px;
}


#signin01.table01,
#signin02.table01{
width:600px;
}

#signin01.table01 input,
#signin02.table01 input{
width:390px;
padding:3px;
}

#signin01.table01 input.SizeM,
#signin02.table01 input.SizeM{
width:220px;
font-size:1em;
vertical-align:middle;
}


.ForgotPageLink-Unit{
margin-bottom:20px;
}
.ForgotPageLink-Unit a{
background: url(../img/circle-arrow_right.gif) center left no-repeat;
padding-left:20px;
}

.red_bold{
	font-weight: bold;
	color: #FF0000;
}