@charset "shift-jis";
/* CSS Document */

/*共通部分------------------------------*/

section dl{
	padding:10px ;
}

section dt {
	font-weight:bold;
	background-color:#fff4d0;
	color:#e14d19;
	font-size:14px;
	border:1px solid #cccccc;
	padding:7px 12px;
	font-weight:bold;
}

section dd {
	border-left:1px solid #cccccc;
	border-right:1px solid #cccccc;
	padding:10px;
	font-weight:bold;
}

section dd.last02 {
	border-bottom:1px solid #cccccc;
}

section span.text {
	display:inline;
}

dd.error p {
    background: none repeat scroll 0 0 #FF0000;
    color: #FFFFFF;
    margin-bottom: 10px;
    padding: 3px 0 4px 3px;
}

/*会員登録がまだの方------------------------------*/


p#explanation {
	font-weight:bold;
	padding:10px 10px 0 10px ;
	margin: 0 auto;
	font-size:13px;
}

dl#registration dt span {
	color:#cb2c2c;
	padding-left:10px;
}

dl#registration dd {
	line-height:1em !important;
}


dl#registration dd span {
	color:#cb2c2c;
	font-size:10px;
}


/*テキスト幅-------------------------------*/

#CardNum{
	width:75%;
}
dl#registration input[type="text"] {
	margin: 0 ;
}

dl#registration input#regist-text-1, 
dl#registration input#regist-text-2, 
dl#registration input#regist-text-3, 
dl#registration input#regist-text-4, 
dl#registration input#regist-text-10 {
	width:65%;
}

dl#registration input#regist-text-1, 
dl#registration input#regist-text-2, 
dl#registration input#regist-text-3, 
dl#registration input#regist-text-4 {
	margin-left:10px;
}

dl#registration input#regist-text-1,
dl#registration input#regist-text-3 {
	margin-bottom:10px;
}

dl#registration input#regist-text-7,
dl#registration input#regist-text-8,
dl#registration input#regist-text-9,
dl#registration input#regist-text-11,
dl#registration input#regist-text-12,
dl#registration input#regist-text-15, 
dl#registration input#regist-text-16,
dl#registration input#regist-text-17 {
	width:99.7%;
	height:20px;
	padding:2px 0 ;
}

dl#registration input#regist-text-13,
dl#registration input#regist-text-14 {
	width:40%;
	height:20px;
	padding:2px 0 ;
}

dl#registration input#regist-text-10 {
	width:70%;
}

dl#registration input#regist-number-1 {
	width:100%;
}

/*オナマエ（フリガナ）-----------------*/

dl#registration input#regist-text-4 {
	margin-bottom:10px;
}

section .name01 {
	position:relative;
	top:-3px;
	font-size:14px !important;
	color:#666 !important;
}

section .name02 {
	position:relative;
	top:1px;
	font-size:14px !important;
	color:#666 !important;
}

section .name03 {
	position:relative;
	top:-3px;
	font-size:14px !important;
	color:#666 !important;
}


/*性別---------------------------------*/

dl#registration input#regist-radio-1{
	margin-left:5px;
}

.sexText {
	font-size:14px !important;
}

/*生年月日-----------------------------*/

dl#registration .birth {
	height:20px;
	padding:2px 0 ;
	margin-bottom:10px;
}

dl#registration .birthText {
	position:relative;
	top:-3px;
	margin-left:5px;
	margin-right:10px;
}


/*郵便番号-----------------------------*/

dl#registration input.numberText01 {
	width:50px;
	height:20px;
	padding:2px 0 ;
}

dl#registration input.numberText02 {
	width:70px;
	height:20px;
	padding:2px 0 ;
}

a#postalCode {
	background:url(../img/login/arrow.png) left no-repeat;
	-webkit-background-size: 3px 6px !important;
	-moz-background-size: 3px 6px !important;
	-o-background-size: 3px 6px !important;
	padding-left:5px;
	font-size:10px;
	color:#0e6aa4 !important;
	display:inline !important;
	margin-left:10px;
	position:relative;
	top:1px;
}

span.bar {
    color: #333333 !important;
    padding-left: 1px;
}
/*都道府県-----------------------------*/

dl#registration select#area {
	margin: 0 ;
	width:55%;
}

/*電話番号-----------------------------*/

.telText {
	height:20px;
	padding:2px 0 ;
}

/*ニックネーム-------------------------*/

dl#registration input#regist-text-10 {
	margin-bottom:10px;
	height:20px;
	padding:2px 0 ;
}

/*メールアドレス&モバイル---------------*/

dl#registration input#regist-text-12 {
	margin: 0 0 10px;
}

span.mailAdd{
	color:#333333 !important;
}

span.checkT {
	color:#333333 !important;
	margin:10px 0 ;
	display:block;
}

.smailadm {
	margin-top: 0 !important;
}
/*ユーザーID---------------------------*/

dd#userID {
	font-size:11px !important;
	color:#666666 !important;
	padding-right:0 !important;
}

span.userIDText {
	font-size:11px !important;
	color:#666666 !important;
	display:block;
	padding:10px 0 ;
}

dl#registration dd.userIDArea {
	padding-top:0px !important;
}

dl#registration input.useridchk {
	position:relative;
	top:2px;
	margin-bottom:10px;
}

.userIDArea label {
	font-size:10px !important;
}

dl#registration input#regist-text-15 {
	margin:10px 0 ;
}

.Useridtext {
	height:20px;
	padding:2px 0 ;
}

/*パスワード---------------------------*/

dl#registration input#regist-text-17 {
	margin:0 0 10px;
}

/*秘密の質問---------------------------*/

dl#registration #regist-select-2 {
	width:55%;
	margin-top: 0 !important;
}

dl#registration .secreta{
	width:54%;
	height:20px;
	padding:2px 0 ;
}

/*お知らせメール------------------------*/

#registration dd.tailEnd02 {
	border-bottom:1px solid #dbdbdb;
}

/*確認テキスト-------------------------*/

dl#registration span.checkT {
	color:#666666 !important;
}

/*※テキスト群-------------------------*/

span.indent {
	margin-bottom:10px;
	display:block;
	text-indent:-1em;
	margin-left:1em;
}

span.indent01 {
	margin-top:10px;
	display:block;
	text-indent:-1em;
	margin-left:1em;
}

span.indent02 {
	display:block;
	text-indent:-1em;
	margin-left:1em;
}

/*非表示-------------------------------*/

dl#registration dt.hidden,
dl#registration dd.hidden {
	display:none;
}

/*登録ボタン---------------------------*/

#registBtn {
	margin: 10px auto 0 ;
	display: block;
	width:170px;
	height:40px;
}
/*クレジットカード有効期限---------------------------*/

#ExpCardMonth{
	display:inline;
	margin-top:0!important;
}#ExpCardYear{
	display:inline;
	width:30%!important;
}

/*見出し修正---------------------------*/
#registration h2,#reservation h2{
	background:url(../img/common/label_bg.png) 0 0 repeat-x;
    -webkit-background-size: 100% 35px !important;
    -moz-background-size: 100% 35px !important;
    -o-background-size: 100% 35px !important;
	color:#FFFFFF;
	font-weight:bold;
	padding:5px 0px 8px 8px;
}

.cancel p{
	padding:8px;
	line-height:1.1em;
	
}

/*修正ボタン---------------------------*/

#correctionBtn {
	margin:8px auto ;
	display: block;
	width:120px;
	height:25px;
}

/*利用規約------------------------------*/

span#ruleBtn {
	display:block;
	text-indent:-9999px;
	width:180px;
	height:50px;
	-webkit-background-size: 180px 50px !important;
	-moz-background-size: 180px 50px !important;
	-o-background-size: 180px 50px !important;
	margin: 0 auto 10px;
}

span.ruleOff {
	background:url(../img/reservation/rule_off.png) 0 0 no-repeat;
}

span.ruleOn {
	background:url(../img/reservation/rule_on.png) 0 0 no-repeat;
}


div#agreement {
	background:#fff8dc;
	border-top:3px solid #ffa22a;
	border-bottom:3px solid #ffa22a;
	margin-top:10px;
	padding:10px 0 ;
}

div#agreement dl {
	border:1px solid #d9ba84;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
	width:95%;
	padding: 0 0 10px 0 ;
	margin:0 auto; 
	background:#FFF;
}

div#agreement dt {
	border-bottom:1px dashed #dbdbdb;
	color:#666666 !important;
	text-align:center;
	padding:10px 0 ;
	width:90%;
	margin: 0 auto 10px;
	font-weight:bold;
}

div#agreement dd {
	margin: 0 auto;
	width:90%;
	font-weight:bold;
	font-size:12px;
}

div#agreement span {
    color: #E14D19;
    font-size: 14px;
    font-weight: bold;
	display:block;
	margin-top:10px;
}

span#checkArea {
	text-align:center;
	font-weight:bold;
	display:block;
	margin:10px 0 0 ;
}

div#agreement #agreement-check {
	vertical-align:baseline;
}


/*登録ボタン--------------------------*/

#reservationBtn {
	margin: 10px auto 20px ;
	display: block;
	width:95px;
	height:0px;
	padding-top:40px;
	overflow:hidden;
	background:url(../img/reservation/reservation_btn.png) 0 0 no-repeat;
	-webkit-background-size: 95px 40px !important;
	-moz-background-size: 95px 40px !important;
	-o-background-size: 95px 40px !important;
    border: none !important;
	cursor:pointer;
}

.hidden {
	display:none;
}
.password-input {
	display: block;
    position: relative;
}
.password-input i {
    position: absolute;
    cursor: pointer;
    right: 10px;
    top: 10%;
    font-size: 1rem;
    color: #000;
}