@charset "Shift_JIS";

/*
*Since: 2007-08-27
*Last Modified: 2008-04-30
*Editor(s): Masanori Kobayashi
*/

/*-------------------------------------local navigation*/

/*--- ステップバー ---*/
#stepbar{
	border:1px solid #969696;
	background:#CCCCCC;
	height:25px;
	margin:10px 0;
}
#stepbarLast{/* 最後のステップ用 */
	border:1px solid #969696;
	background:#FFFFFF;
	height:25px;
	margin:10px 0;
}
#stepbar p,
#stepbarLast p{
	line-height:23px;
	padding-left:10px;
	padding-right:10px;
	padding-top:2px;
	float:left;
}
#stepbar .tradename{
	background:#FFFFFF
}
#stepbar .present,
#stepbarLast .present{
	background:#FFFFFF
}
#stepbar .next{
	background:url(/common/images/stepbar01.gif) #CCCCCC no-repeat 0 0;
	padding-left:20px;
}
#stepbar .finished,
#stepbarLast .finished{
	background:url(/common/images/stepbar03.gif) #CCCCCC no-repeat right 0;
	padding-right:15px;
}
#stepbar em,
#stepbarLast em{
	font-weight:bold;
}
#stepbar strong,
#stepbarLast strong{
	background:#F6D6C5;
}
#stepbar:after{
	content:"";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}
#stepbar{
	display:inline-block;
}
/* Hides from IE-mac \*/
* html #stepbar{height:1%;}
#stepbar{display:block;}
/* End hide from IE-mac */

/*-------------------------------------contents*/

/*--- 共通 ---*/
h1,h2,h3,h4{
	font-weight:bold;
}
h1{
	font-size:128.7%;
}
h2{
	font-size:114.5%;
}

/*--- ページタイトル ---*/
#pageTitle,
#subTitle{
	margin-top:20px;
	border-bottom:2px solid #666666;
}
#pageTitle h1,
#subTitle h2{
	float:left;
}
#pageTitle p,
#subTitle p{
	float:right;
	margin-top:4px;
}
#pageTitle:after,
#subTitle:after{
	content:"";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}
#pageTitle,#subTitle{
	display:inline-block;
}
/* Hides from IE-mac \*/
* html #pageTitle,
* html #subTitle{height:1%;}
#pageTitle,#subTitle{display:block;}
/* End hide from IE-mac */

#pageTitleSub {
	background:url(/common/images/title_h1.gif) no-repeat left bottom;
	margin-top:20px;
	padding-left:25px;
	padding-bottom:5px;
	margin-bottom:5px;
}
#pageTitleSub h1 {
	background:url(/common/images/spacer.gif);
	padding-top:15px;
	padding-bottom:15px;
	
	float:left;
}
#pageTitleSub:after{
	content:"";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}
#pageTitleSub{
	display:inline-block;
}
/* Hides from IE-mac \*/
* html #pageTitleSub{height:1%;}
#pageTitleSub{display:block;}
/* End hide from IE-mac */

/*-- タスク --*/
#task{
	margin-top:5px;
}

/*--- 各種テーブル ---*/

/* 選択内容 */
table.selectedTable{
	width:100%;
	border-left:1px solid #969696;
	border-top:1px solid #969696;
}
table.selectedTable th,
table.selectedTable td{
	padding:3px;
	border-right:1px solid #969696;
	border-bottom:1px solid #969696;
}
table.selectedTable tbody th{	width:180px;
	background-color:#cccccc;
	font-weight:normal;
}

/* 一覧 */
table.listTable,
table.scheduleTable{
	clear:both;
	width:100%;
	border-left:1px solid #969696;
	border-top:1px solid #969696;
}
table.listTable th,
table.listTable td,
table.scheduleTable th,
table.scheduleTable td{
	padding:3px;
	border-right:1px solid #969696;
	border-bottom:1px solid #969696;
}
table.listTable thead th,
table.scheduleTable thead th{
	background-color:#cccccc;
	font-weight:normal;
}

/* 入力フォーム系 */
table.formTable{
	width:100%;
	border-top:1px solid #969696;
}
table.formTable th,
table.formTable td{
	padding:3px;
	border-bottom:1px solid #969696;
	border-right:1px solid #ffffff;
}
table.formTable thead th{
	background-color:#cccccc;
}
table.formTable tbody th{
	width:180px;
	background-color:#eeeeee;
	font-weight:bold;
}
table.formTable tbody th em{
	margin-left:5px;
	font-weight:normal;
	color:#CC0033;
	font-size:86%;
}
table.formTable .assist{
	width:20%;
}
table.formTable tr.error th,
table.formTable tr.error td{
	background:#CC0033;
	color:#FFFFFF;
}
table.formTable tr.error th em{
	color:#FFFFFF;
}
table.formTable tr.error td.assist{
	background:#FFFFFF;
	color:#333333;
}
table.formTable tbody td.assist{
	font-size:86%;
	font-weight:normal;
}

/*--- ご注意・ご案内 ---*/
#attention{
	margin-top:20px;
	border:1px solid #969696;
}
#attention h2{
	padding:3px;
	background-color:#eaeaea;
	border-bottom:1px solid #aaaaaa;
}
#attention .contentsBlock{
	margin:10px;
}
#attention .contentsBlock h3{
	margin-top:10px;
	font-weight:bold;
}

/*--- action ---*/
#action h2{
	margin-top:20px;
}

#action .contentsBlock .description{
	float:left;
	width:60%;
	padding:10px 20px;
}
#action .contentsBlock .button{
	float:right;
	width:30%;
	text-align:right;
	padding:10px 20px;
}
#action .contentsBlock:after{
	content:"";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}
#action .contentsBlock{
	display:inline-block;
}
/* Hides from IE-mac \*/
* html #action .contentsBlock{height:1%;}
#action .contentsBlock{display:block;}
/* End hide from IE-mac */

#action .contentsBlock{
	border:1px solid #deb887 !important;
	background:#fffaf0 !important;
	margin-bottom:10px;
}
#action .contentsBlock .button input{
	width:250px;
	margin-left:20px;
}
#errorPage #action .contentsBlock{
	border:none !important;
	background:#FFFFFF !important;
	margin-bottom:10px;
	margin-top:20px;
}
#errorPage #action .contentsBlock .button{
	float:none;
	width:auto;
	text-align:right;
	padding:10px 20px;
}
#action .contentsBlock h3{
	border-bottom:1px solid #8b4513;
	background-color:#F2DFB5;
	padding:3px;
}
#action #reserveOnline .paymentShop{
	clear:both;
	border-top:1px dashed #969696;
}

#action #reserveTel .description,
#action #reserveShop .description{
	float:none;
	width:auto;
}
#action #reserveProgress .description,
#action #reserveProgress .button{
	float:none;
	width:auto;
}
#action #reserveProgress .button input{
	margin-left:10px;
}
#action #reserveProgress .button .stop{
	width:100px;
}
#action #reserveProgress .button strong{
	border:3px solid #CC0033;
	background:#CC0033;
	margin-left:10px;
	padding:2px 0
}
#action #reserveProgress .button strong input{
	margin-left:0;
}
#action #reserveRegress .contentsBlock .button{
	float:none;
	width:auto;
	text-align:right;
}

/* 会員確認 */
#memberDistinction #action{
	background:url(/common/images/member_login.gif) 19em top no-repeat;
	padding-top:12px;
	margin-top:8px;
}
#memberDistinction #action h2{
	display:block;
	margin-top:0;
}
#memberDistinction #action .remind{
	text-align:right;
	margin:3px 0;
}
#memberDistinction #action .contentsBlock .description{
	float:none;
	width:auto;
}
#memberDistinction #action .contentsBlock .button{
	float:none;
	width:auto;
	text-align:right;
}
#memberDistinction #action #member .button{
	padding:5px 0 0 0;
}
#memberDistinction #action #member .explain,
#memberDistinction #action #notMember .explain{
	width:auto;
}
#memberDistinction #action #member .loginForm{
	width:490px;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:10px;
	margin-top:10px;
}
#memberDistinction #action #member .loginForm table{
	border-collapse: collapse;
	width:100%;
}
#memberDistinction #action #member .loginForm th,
#memberDistinction #action #member .loginForm td {
	border: 1px solid #999999;
	padding: 5px;
	vertical-align: middle;
}
#memberDistinction #action #member .loginForm th {
	background-color: #eeeeee;
	font-weight: normal;
	text-align: right;
	width: 80px;
}
#memberDistinction #action #member .loginForm td {
	background-color: #ffffff;
}
#memberDistinction #action #member .loginForm td input {
	margin-right:5px;;
}	
#memberDistinction #action #member .loginForm input {
	width: 250px;
}
#memberDistinction #action #member .loginForm p.button {
	margin:5px 0 0 0;
}
#memberDistinction #action #member .loginForm th.error {
	background:#CC0033;
	color:#FFFFFF;
	font-weight:bold;
}
#memberDistinction #action #member .loginForm p.error {
	color:#CC0033;
	font-weight:bold;
	margin:3px 0 0 0;
}
#memberDistinction #action #notMember{
	margin-top:20px;
}
#memberDistinction #action #notMember h2{
	display:block;
}
#memberDistinction #action #notMember .memberRegistration .memberInfo{
	width:669px;
	margin-left:auto;
	margin-right:auto;
}
#memberDistinction #attention strong{
	color:#CC0033;
}

#memberDistinction #action .pointInfo{
	margin-top:10px;
	margin-left:10px;
}
#memberDistinction #action .pointInfo em{
	font-weight:bold;
}
#memberDistinction #action .pointInfo strong{
	font-weight:bold;
	color:#CC0000
}
/*----------------20090306変更-------------------*/
/*
#memberDistinction #action .pointReg{
	float:left;
	padding:1px 5px;
	background:#E0FFFF;
	border:1px solid #87CEFA;
	margin-right:8px;
}
#memberDistinction #action .pointVip{
	float:left;
	padding:1px 5px;
	background:#FFE4E1;
	border:1px solid #FFB6C1
}
*/
/*------------20090306変更ここまで-------------*/
#memberDistinction #action .pointAttention{
	margin-left:10px;
	color:#CC0033
}
/*----------------20090306追加------------------*/
#memberDistinction #action .pointReg{
float:left;
margin-right:10px;
}
#memberDistinction #action .pointReg .bgPoint,
#memberDistinction #action .pointVip .bgPoint{
float:left;
}
#memberDistinction #action .pointReg .textPoint_dp,
#memberDistinction #action .pointReg .textPoint_pkg,
#memberDistinction #action .pointVip .textPoint_dp,
#memberDistinction #action .pointVip .textPoint_pkg{
padding:1px 2px 3px 2px;
float:left;
font-size: 86%;
line-height:1.2em;
_margin:0px;
}
#memberDistinction #action .pointReg .textPoint_pkg{
background:url(/kokunai/pkg/contents/images/bt_freepoint_center.gif) repeat-x;
}
#memberDistinction #action .pointVip .textPoint_pkg{
background:url(/kokunai/pkg/contents/images/bt_vippoint_center.gif) repeat-x;
}
#memberDistinction #action .pointReg .textPoint_dp{
background-image: url(/yado/images/bt_freepoint_center.gif);
background-repeat: repeat-x;
}
#memberDistinction #action .pointVip .textPoint_dp{
background:url(/yado/images/bt_vippoint_center.gif) repeat-x;
}
#memberDistinction #action .pointInfo .imgBlock{
	margin-top:10px;
}
/*------------20090306追加ここまで-------------*/

/*--- 個人情報 ---*/
#privacy {
	margin-top:20px;
}
#privacy td .description{
	margin:10px 0;
	padding:5px 5px 0 5px;
	border-top:1px solid #969696
}
#privacy .inputCheck{
	margin-top:10px;
	padding:3px;
	background:#F6D6C5;
}
#privacy .inputCheck strong{
	font-weight:bold;
}
#privacy tr.error td .inputCheck{
	color:#333333;
}

/*--- 戻るリンク ---*/
.linkReturn {
	margin-top:10px;
}

/*--- チェックボックス・ラジオボタン位置合わせ ---*/
.inputCheck input{
	margin-bottom:1px;
}

/*--- 正規表現 ---*/
input.zip3{
	width:29px;
	padding:0 2px;
	margin-right:3px;
}
input.zip4{
	width:36px;
	padding:0 2px;
	margin-left:3px;
}
input.telNumber{
	width:99px;
	padding:0 2px
}
input.mailAddress{
	width:200px;
	padding:0 2px
}