@charset "UTF-8";

#reserve_article .timeline{
	margin-bottom:10px;
}

#reserve_article .back{
	text-align:center;
	margin-bottom:40px;
}

/*======================================
  入力ページ
 ======================================*/
#reserve_article .maga{
	text-align: right;
	margin: 10px 0;
}

#reserve_article .maga a{
	background: url("/img/common/icon_yajirusi.gif") no-repeat left;
	padding-left: 1em;
}

#reserve_article .dlstyle1 dt{
    margin: 10px 0 7px 0;
	padding: 1px 0 1px 20px;
	background:url("/img/common/icon_1.gif") no-repeat;
	font-weight:bold;
	color:#ff3d8b;
}

#reserve_article .dlstyle2 dt{
	font-weight:bold;
	padding:20px 0px 10px 0px;
	color:#6a4873;
	font-size:14px;
}

#reserve_article .dlstyle1 dd p,
#reserve_article .dlstyle2 dd p{
	line-height:160%;
}

#reserve_article .fbold{
	font-weight:bold;
}

#reserve_article .pink{
	color:#ff7bb0;
	font-weight:bold;
}

#reserve_article .mailform{
	width: 720px;
	margin-top: 10px;
	border-top: dotted 2px #dcdcdc;
	border-collapse: collapse;/*IE6,7対策*/
}

#reserve_article .mailform tr{
	height:57px;
}

#reserve_article .mailform tr.option{
	height:200px;
}

#reserve_article .mailform tr.youken{
	height:110px;
}

#reserve_article .mailform th{
	text-align: left;
	border-bottom: dotted 2px #dcdcdc;
	width: 170px;
}

#reserve_article .mailform th p{
	font-weight:bold;
	margin: 5px 0px;
	border-right: dotted 2px #dcdcdc;
	border-left: solid 5px #fe7ab0;
}

#reserve_article .mailform th .oneline{
	padding: 25px 20px 25px 15px;
}

#reserve_article .mailform th .option{
	padding: 75px 20px 75px 15px;
}

#reserve_article .mailform th .optionline{
	padding: 75px 20px 95px 15px;
}

#reserve_article .mailform th .youkenline{
	padding: 41px 20px 41px 15px;
}

#reserve_article .mailform th p span{
	font-weight:normal;
	color:#fe7ab0;
}

#reserve_article .mailform td{
	padding-left:21px;
	border-bottom: dotted 2px #dcdcdc;
	vertical-align: middle;
	line-height:1.2;
	empty-cells:show;/*IE6,7対策*/
}

#reserve_article .mailform td.right_td .checkbox{
    display: inline;
    float: left;
    margin-bottom: 10px;
    width:240px;
}

#reserve_article .mailform td p{
	color:#666666;
}

#reserve_article .bt_kakunin{
	text-align: center;
	margin: 20px 0;
}

#reserve_article .article_area p span.big_pink{
    color: #ff3d8b;
    font-size: 23px;
    font-weight: bold;
}
#reserve_article .article_area p span.big_orange{
    color: #ff8c00;
    font-size: 21px;
    font-weight: bold;
}
#reserve_article .article_area p span.big_green{
    color: #22911f;
    font-size: 21px;
    font-weight: bold;
}

#reserve_article .article_area p.lineheight_27px{
    line-height:27px;
}

#reserve_article .article_area p.text_16px{
    font-size:16px;
    font-weight: bold;
}

#reserve_article .article_area p.text_20px{
    font-size: 20px;
    font-weight: bold;
    margin-bottom: 10px;
}

.option_text {
	display: inline-block;
}

/*======================================
  確認ページ
 ======================================*/
#reserve_article .botan{
	margin:20px auto 15px auto;
	text-align:center;
}

/*======================================
  サンキューページ
 ======================================*/
#reserve_article .thanks{
	text-align:center;
	margin:60px auto 30px 0px;
}

#reserve_article .honbun{
	text-align:center;
	margin:0px auto 30px 0px;
	font-weight: bold;
	color: #ff3d8b;
}

/*======================================
  未完了、予約エラーページ
 ======================================*/
#reserve_article .kakunin{
	margin: 5px auto 25px 175px;
}

#reserve_article .kome{
	margin:25px 0px 25px 0px;
	font-weight: bold;
	color: #ff3d8b;
	font-size: 17px;
	line-height: 1.2;
	text-align: center;
}

#reserve_article .bol{
	margin:10px 0px 0px 0px;
	font-weight: bold;
	color: #6a4873;
}

/*======================================
  予約エラーページ
 ======================================*/
#reserve_article .caution{
	text-align:center;
	margin:60px auto 20px auto;
	font-weight: bold;
	font-size: 17px;
	padding-bottom: 20px;
	border-bottom: solid 1px #999999;
	width: 440px;
}

#reserve_article .caution span{
	font-weight: bold;
	color: #ff3d8b;
	font-size: 17px;
}

#reserve_article .style{
	padding: 5px 0px 35px 170px;
	color: #6a4873;
	line-height: 1.5;
}

/*======================================
  完了済ページ
 ======================================*/
#reserve_article .completed{
	text-align:center;
	margin:50px 0px 20px 0px;
	font-weight: bold;
	font-size: 16px;
}

#reserve_article .completed span{
	font-weight: bold;
	color: #ff3d8b;
	font-size: 16px;
}

/*予約についてstart*/
.reserve_caution_list {
    line-height: 1.6;
}
.caution_list_inner-list {
    padding-top: 5px;
    padding-left: 1.5em;
}
.caution_pickup {
    color: #ff0000;
    font-weight: 700;
}

.reserve_time_message {
    margin-bottom: 10px;
    color: #ff3d8b;
    font-size: 23px;
    font-weight: 700;
    line-height: 27px;
}

.article_area table.reservation_time{
    border-collapse: collapse;
    text-align: center;
    width: 100%;
    margin: 0 auto 20px;
    border: 5px solid #eee;
    font-family: メイリオ,Meiryo,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック","MS PGothic",Arial,Helvetica,sans-serif;
}

.reservation_title {
    text-align: left;
    font-size: 1.5em;
    font-weight: bold;
    border: 0;
}

.reservation_title img {
    margin-right: 5px;
    vertical-align: middle;
    padding-left: 12px;
    width: 22px;
}

.possible_member, .possible_date {
    background-color: #ededed;
    line-height: 1.1em;
    padding-top: 7px;
    font-size:1.2em;
}
.possible_member {
    border-right: 1px dashed rgba(0,0,0,0.05);
}
.possible_date{
    width: 270px;;
}
.possible_date span	{
    font-size: 0.5em;
}

.reservation_content_tr, .reservation_content_tr td {
    border: 1px dashed rgba(0,0,0,0.05);
}

.reservation_time th{
    width: 140px;
    height: 60px;
	letter-spacing: 0.05em;
}

.new_customer th{
    background-color: #59c2d1;
    color: #fff;
    font-size:1.2em;
    font-weight: bold;
    text-shadow:rgba(0,0,0,0.3) 1px 1px 0;;
}
.new_customer .yotei{
    color: #59c2d1;
    font-size: 1.6em;
    font-weight: bold;
}
.member th{
    background-color: #fbba3b;
    color: #fff;
    font-size:1.2em;
    font-weight: bold;
    text-shadow:rgba(0,0,0,0.3) 1px 1px 0;;
}
.member .yotei{
    color: #f09900;
    font-size: 1.6em;
    font-weight: bold;
}
.yotei{
    background-color: #ffffed;
}
.vip_member th{
    background-color: #ff7799;
    color: #fff;
    font-size:1.2em;
    font-weight: bold;
    text-shadow:rgba(0,0,0,0.3) 1px 1px 0;;
}
.vip_member .yotei{
    color: #ff3366;
    font-size: 1.6em;
    font-weight: bold;
}
td.telbox {
    border: 0;
    font-size: 1.2em;
    letter-spacing: 0.05em;
	vertical-align: middle;
    text-align: center;
}
td.telbox a{
    padding: 9px 160px 7px;
	background: #ff569a; /* Old browsers */
	background: -moz-linear-gradient(top, #ff569a 0%, #ff3284 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, #ff569a 0%,#ff3284 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #ff569a 0%,#ff3284 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff569a', endColorstr='#ff3284',GradientType=0 ); /* IE6-9 */
    color: #fff;
    border-radius: 5px;
    text-decoration: none;
    font-size: 1.2em;
    font-weight: bold;
    border-bottom: 2px solid #d43273;
    text-shadow: rgba(0,0,0,0.3)1px 1px 0;
}

td.telbox a:hover{
	opacity: 0.8;
	filter: alpha(opacity=80);
	-ms-filter: "alpha(opacity=80)";
}
.telbox span {
    margin-left: 0.3em;
    color: #ff3d8b;
    font-size: 2em;
    font-weight: bold;
	vertical-align: middle;
}
.kanou span {
    font-size: 1.6em;
    font-weight: bold;
	letter-spacing: 0.05em;
}
/*予約についてend*/