@charset "UTF-8";
/* レイアウトＣＳＳ (170920) *




/*
■ コンテンツ
============================================================================= */
#contents {
}


/* ------------------------------------------------ ■ ログイン者情報 >> */
#memberHeader caption {
	margin-bottom: 5px;
	text-align: left;
}

	#memberHeader caption b {
		margin-right: 0.5rem;
		padding: 0 0.5rem;
		background-color: #f29b23;
		border-radius: 1rem; /* CSS3草案 */
		-webkit-border-radius: 1rem; /* Safari,Google Chrome用 */
		-moz-border-radius: 1rem; /* Firefox用 */
		color: #FFF;
		font-size: 0.8rem;
		font-weight: normal;
	}

#memberHeader tbody th {
	padding: 0 1rem;
	text-align: left;
}




/*
■ メインコンテンツ
============================================================================= */
#mainContents {
}

.attention2 {
	padding: 0.3rem;
	background: #d00;
	font-weight: bold;
	font-size: 1.5rem;
	color: #fff;
}


/* ◆ パスワードの変更 >> ---------------------- */
#changePW {
}

#contents #changePW table.newPw tbody th {
	background: #e0f3c4 url("img/tbl_bg01_w.gif") repeat 0 0;
	color: #337a2d;
}



/* ◆ 登録内容入力 >> -------------------------- */
.inputData caption {
	padding-left: 1.2rem;
	margin-bottom: 0.5rem;
	text-align: left;
	background: transparent url("img/point001_gr.gif") no-repeat 0 0.2rem;
}


.inputData input,
.inputData select {
	padding: 0.3rem 0.5rem;
}



/* ------------------------------------------------ ■ 手順等案内 >> */
.stepNote {
	margin: 0.5rem 0;
	background: #E8F1F9;
}

	.stepNote dl {
		margin-left: 0.5em;
		margin-top: 1em;
	}

	.stepNote dt {
		margin-bottom: 0.3rem;
		font-weight: bold;
		color: #246194;
	}

		.stepNote dt:before {
			content: "●";
		}

	.stepNote dd {
		margin-left: 1em;
	}



/* ------------------------------------------------ ■ 予約・受診時注意事項 >> */
.attentionNote h5 {
	line-height: 1.8rem;
	font-size: 1.1rem;
	color: #246194;
	font-weight: normal;
}



/* ------------------------------------------------ ■ 入れ子 >> */
.nestA,
.nestS,
.nestS2 {
}

#contents .nestA h3,
#contents .nestS h3 {
	margin-bottom: 5px;
	padding-bottom: 5px;
	border-bottom: 2px dotted #E8F1F9;
	color: #579CD3;
}

#contents .nestS > p {
	padding-left: 0.5rem;
}





/* login/resetpw
-------------------------------------------------------------------------- ■ パスワード初期化 >> */
#resetPW {
}

	#resetPW #mainContents h3 {
		margin-bottom: 0.5rem;
		color: #579CD3;
		border-bottom: 1px solid #579CD3;
	}

	#resetPW #mainContents {
		text-align: center;
		border: 5px solid #E8F1F9;
	}

		#resetPW #mainContents p {
			text-align: left;
		}

		#resetPW #mainContents table {
			margin: 1rem auto;
			background: #fff;
		}

			#resetPW #mainContents table tr {
				border-bottom: 1px solid #ddd;
			}


	#resetPW input {
		padding-left: 0.5rem;
	}

	#resetPW #mainContents input::-webkit-input-placeholder {
		color: #777;
		font-size: 0.9rem;
	}

	#resetPW #mainContents input:-ms-input-placeholder {
		color: #777;
		font-size: 0.9rem;
	}

	#resetPW #mainContents input::-moz-placeholder {
		color: #777;
		font-size: 0.9rem;
	}




/* ---------------------------------------------------------------------------------------- ▼ スマホ用 */
@media screen and (max-width:779px) {
	#resetPW {
		background: #E8F1F9;
	}
}
/* ▲ ------------------------------------------------------- ▲ スマホ用 END */

/* ---------------------------------------------------------------------------------------- ▽ ＰＣ用 */
@media screen and (min-width:780px) {
	#resetPW #mainContents {
		padding: 1rem 5%;
		width: 80%;
		background: #E8F1F9;
	}

	#resetPW #mainContents {
		margin: 0rem auto auto;
	}

	#resetPW #btn_update {
		margin-left: 2rem;
	}

	#resetPW #btn_cancel {
		margin-right: 2rem;
	}
}
/* △ ------------------------------------------------------- △ ＰＣ用 END */





/* sendMail/default
-------------------------------------------------------------------------- ■ お問い合わせ >> */
.temp {
	background: #F5FBEB;
	border: 1px solid #7DC035;
}

	.temp dt {
		font-weight: bold;
		font-size: 1.3rem;
		color: #3d9211;
	}

	.temp dd {
		font-size: 1.2rem;
	}

		.temp dd b {
			font-size: 1rem;
			color: #7DC035;
		}

#contact .nestS p > em,
#pnlEntry em {
	padding: 0 1rem font-weight: bold;
	font-size: 0.8rem;
	color: #d00;
}

#pnlEntry td span {
	color: #012b80;
	display: block;
	font-size: 0.9rem;
}

#pnlEntry td #validAddr {
	color: #d00;
}



/* ---------------------------------------------------------------------------------------- ▼ スマホ用 */
@media screen and (max-width:779px) {
	/* sendMail/default
-------------------------------------------------------------------------- ▼ お問い合わせ >> */
	.temp {
		margin: 0 1% 0.5rem;
		padding: 0.5rem;
		border-radius: 0.5rem; /* CSS3草案 */
		-webkit-border-radius: 0.5rem; /* Safari,Google Chrome用 */
		-moz-border-radius: 0.5rem; /* Firefox用 */
	}

		.temp dt,
		#pnlEntry td {
			text-indent: 0;
		}

		.temp dd:last-child b {
			display: block;
		}

	#contact #mainContents #pnlEntry table {
		text-align: left;
		width: 100%;
	}

		#contact #mainContents #pnlEntry table tbody td {
			text-align: left;
			padding: 0;
			text-indent: 0;
		}

		#contact #mainContents #pnlEntry table input[type="text"],
		#contact #mainContents #pnlEntry table textarea {
			margin: 0.2rem 1%;
			width: 97%;
		}

		#contact #mainContents #pnlEntry table input[type="submit"] {
			margin-top: 0.2rem;
			margin-left: 10%;
			width: 80%;
		}
}

/* ---------------------------------------------------------------------------------------- ▽ ＰＣ用 */
@media screen and (min-width:780px) {
	/* sendMail/default
-------------------------------------------------------------------------- ▽ お問い合わせ >> */
	#contact #mainContents {
		margin-top: 20px;
		rem;
	}

	.temp {
		margin: 1rem 2rem;
		padding: 1rem 2rem;
		border-radius: 1rem; /* CSS3草案 */
		-webkit-border-radius: 1rem; /* Safari,Google Chrome用 */
		-moz-border-radius: 1rem; /* Firefox用 */
	}

		.temp dt {
			margin: 0 0 0.5rem;
		}

		.temp dd {
			margin: 0.2rem 0.5rem;
		}

			.temp dd b {
				width: 5rem;
				text-align: right;
				margin-left: 2rem;
				margin-right: 0.5rem;
				display: inline-block;
			}
}






/* usertop
-------------------------------------------------------------------------- ■ 予約申込スタート >> */


/* ------------------------------------------------ ■ 同意確認 >> */
#spiCheck {
	margin: 1em 0px;
	border: 3px double #DDD;
	text-align: center;
}

#spi h3 span {
	font-size: 1.2rem;
}


/* page01
-------------------------------------------------------------------------- ■ 問診 >> */
.conditionInput {
}

	.conditionInput dt b {
		padding-right: 0.5rem;
	}

		.conditionInput dt b span {
			width: 2.5rem;
			height: 2.5rem;
			display: inline-block;
			background: #579CD3;
			line-height: 2.5rem;
			text-align: center;
			font-size: 1.5rem;
			color: #fff;
			text-shadow: 1px 1px 1px #444;
		}

	.conditionInput dt {
		display: table;
	}

		.conditionInput dt b,
		.conditionInput dt + span {
			display: table-cell;
			vertical-align: top;
		}

	.conditionInput dd {
		margin-bottom: 3px;
		border-bottom: 3px solid #579CD3;
	}

#mainContents .conditionInput dd table {
	margin-top: 0.5rem;
	margin-bottom: 2rem;
	border: none;
}

	#mainContents .conditionInput dd table td {
		border: none;
		border-bottom: 2px dotted #999;
	}

#mainContents .conditionInput dd input {
	margin-right: 0.5rem;
}





/* page11
-------------------------------------------------------------------------- ■ 医療機関検索結果 >> */
#hsLst {
	min-height: 200px;
}

	#hsLst .arrow {
		font-size: 45px;
		text-align: center;
		color: #7DC035;
	}

	#hsLst li a {
		padding: 5px;
		background: #F6FBED;
		border: 3px solid #7DC035;
		display: block;
		border-radius: 10px; /* CSS3草案 */
		-webkit-border-radius: 10px; /* Safari,Google Chrome用 */
		-moz-border-radius: 10px; /* Firefox用 */
		font-size: 20px;
		line-height: 1.2em;
		color: #337A2D;
		text-decoration: none;
	}

		#hsLst li a span {
			font-size: 14px;
			display: block;
			color: #333;
		}

		#hsLst li a:hover,
		#hsLst li a:active {
			background: #7DC035;
			color: #FFF;
		}


/* page12
-------------------------------------------------------------------------- ■ 予約報告 >> */
#myReserve .inputData b {
	margin-left: 1rem;
	color: #2f5398;
	background: #e5f5f9;
	font-weight: normal;
	padding: 0.5rem;
}

#myReserve .inputData .option ul {
	margin-left: 1rem;
}

#myReserve .inputData .option dt {
	margin-top: 0.5rem;
	padding-left: 2rem;
	background: transparent url(img/point003_or.gif) no-repeat 0.5rem 0.5rem;
	display: block;
	font-weight: normal;
	color: #F70;
}


/* ---------------------------------------------------------------------------------------- ▼ スマホ用 */
@media screen and (max-width:779px) {
	#myReserve .inputData .date span:first-child select {width: 6rem;}
	#myReserve .inputData .date span {display: block;}
}







/* page03
-------------------------------------------------------------------------- ■ 医療機関の検索 >> */
/* ------------------------------------------------ ■ 検索内容選択 >> */
.search {
	margin: 0.5rem 0;
}

#mainContents .search h3 {
	padding: 0.3rem 1rem 0.1rem;
	background: #EEE;
	color: #666;
}

.search input[type="text"],
.search select {
	margin: 0.5rem 0.5rem 1rem;
}

.search td {
	line-height: 2rem;
}


/* 住友林業社員用メッセージ >> ------------------------------------- */
#sumitomo {
	margin: 10px 20px;
	padding: 10px 1em;
	background: #F6FBED;
	background: #fcebd3;
	border-radius: 5px; /* CSS3草案 */
	-webkit-border-radius: 5px; /* Safari,Google Chrome用 */
	-moz-border-radius: 5px; /* Firefox用 */
}







/* page04
-------------------------------------------------------------------------- ■ 検索結果 >> */
#mainContents table.searchResults,
#mainContents table.searchResults td,
#mainContents table.searchResults table {
	border: none;
}
/* ------------------------------------------------ ■ 検索結果リスト ページタブ >> */
#mainContents .searchResults .pageTab {
	border-bottom: 2px solid #195998;
}

	#mainContents .searchResults .pageTab > td {
		padding: 0;
	}

	#mainContents .searchResults .pageTab table {
		margin: 0;
	}


.searchResults tr {
	border-top: 5px double #195998;
}

	.searchResults tr:first-child,
	.searchResults tr tr {
		border-top: none;
	}



#mainContents .searchResults .pageTab td,
#mainContents searchResults .pageTab table,
#mainContents .searchResults .pageTab table td {
	padding: 0;
	vertical-align: bottom;
}

#mainContents .searchResults .pageTab span,
#mainContents .searchResults .pageTab a {
	text-align: center;
	display: block;
}

.searchResults .pageTab table span,
.searchResults .pageTab table a {
	margin-left: 2px;
	border-radius: 10px 10px 0px 0px; /* CSS3草案 */
	-webkit-border-radius: 10px 10px 0px 0px; /* Safari,Google Chrome用 */
	-moz-border-radius: 10px 10px 0px 0px; /* Firefox用 */
	display: block;
}

.searchResults .pageTab table span {
	padding: 0.5rem 1rem 0;
	line-height: 2rem;
	color: #FFF;
	background: #195998;
	font-size: 1.8rem;
	font-weight: bold;
	text-shadow: 1px 1px 3px #036;
}

.searchResults .pageTab table a {
	background: #DDD;
	color: #444;
	text-decoration: none;
}

/* ------------------------------------------------ ■ 検索結果リスト >> */
.hosName {
	display: block;
	color: #012b80;
	font-size: 1.3em;
	font-weight: bold;
	text-shadow: 1px 1px 3px #aaa;
}

.searchResults .add {
	margin-bottom: 1rem;
}



/* < ■ コース・オプション > -------------------------- */
.searchResults .caption {
	padding-top: 0.1rem;
	text-indent: 0.5rem;
	background: #8abae0;
	color: #fff;
	font-weight: bold;
}

	.searchResults .caption:before {
		content: "▼";
		margin-right: 0.5rem;
	}

#contents #mainContents table.course {
	margin: 0;
}

	#contents #mainContents table.course tr {
		border-bottom: 3px solid #8abae0;
	}

		#contents #mainContents table.course tr:last-child {
			border-bottom: none;
		}

		#contents #mainContents table.course tr tr {
			border: none;
		}

.course td {
	vertical-align: top;
}

.courseDtl dt {
	padding-bottom: 0.3rem;
	font-size: 1.3rem;
	text-indent: 1.1rem;
	background: transparent url(img/point001_gr.gif) no-repeat 0 0.5rem;
	border-bottom: 1px dotted #ddd;
}

.courseDtl dd {
	text-align: right;
}

.optionLst {
	border: 2px solid #E0F3C4;
}

.optionLstCap {
	padding: 0.2rem;
	text-indent: 30px;
	margin-bottom: 0;
	display: block;
	background: #f5fbeb url(img/point003_gr.gif) no-repeat 0.3rem 50%;
	color: #337A2D;
	font-weight: bold;
}

#contents .optionLst table.optionLst {
	margin: 0;
	background: #fafdf5;
}

	#contents .optionLst table.optionLst td {
		border-top: 1px solid #ccc;
	}

.courseDtl .price {
	line-height: 2rem;
}

.courseDtl .price,
.optionLst .price {
	color: #F40;
	text-align: right;
	font-weight: normal;
	display: block;
}

.optionLst .price {
	float: right;
}

	.courseDtl .price em,
	.optionLst .price em {
		color: #999;
		font-size: 0.8rem;
	}










@media screen and (max-width:779px) {
	/* page04
-------------------------------------------------------------------------- ▼ 医療機関の検索結果 >> */
	/* ------------------------------------------------ ▼ 検索結果リスト ページタブ >> */
	#mainContents .searchResults .pageTab td,
	#mainContents .searchResults .pageTab table td {
		padding: 0;
		text-indent: 0;
	}

	#mainContents .searchResults .pageTab table {
		text-align: left;
		display: table;
	}

		#mainContents .searchResults .pageTab table td {
			min-width: 2rem;
			display: inline-block;
		}

	.searchResults .pageTab table a {
		padding: 0.5rem 0.8rem 0;
		line-height: 1.5rem;
		font-size: 1.2rem;
	}



	/* ------------------------------------------------ ▼ 検索結果リスト >> */
	.searchResults .add {
		margin-top: 0.5rem;
		margin-bottom: 0.5rem;
		display: block;
	}

		.searchResults .add:before {
			content: "▼ 住所";
			margin: 0;
			padding-top: 0.1rem;
			background: #E0F3C4;
			display: block;
			line-height: 1rem;
			color: #5C9557;
			font-size: 0.8rem;
		}

		.searchResults .add span {
			padding-top: 0.5rem;
			padding-left: 0.5rem;
			display: block;
		}
}
/* << ▲ mob END ---------- */




@media screen and (min-width:800px) {
	/* page04
-------------------------------------------------------------------------- ▽ 医療機関の検索結果 >> */
	/* ------------------------------------------------ ▽ 検索結果リスト ページタブ >> */
	#mainContents .searchResults .pageTab table {
		float: right;
		width: auto;
	}

	#mainContents .searchResults .pageTab span,
	#mainContents .searchResults .pageTab a {
		width: 4rem;
	}

	.searchResults .pageTab table a {
		padding-top: 0.3rem;
		line-height: 1.5rem;
		font-size: 1rem;
	}

		.searchResults .pageTab table a:hover,
		.searchResults .pageTab table a:active {
			font-size: 1.1rem;
			color: #FFF;
			background: #7DC035;
		}

	/* ------------------------------------------------ ▽ 検索結果リスト >> */
	.hosName {
		margin-bottom: 0.5rem;
		width: auto;
		float: left;
	}

	.searchResults .add {
		margin-top: 0.3rem;
		float: right;
	}

		.searchResults .add:before {
			content: "住所";
			padding: 0.1rem 0.5rem;
			margin-right: 0.5rem;
			height: 1.5rem;
			background: #E0F3C4;
			line-height: 1.5rem;
			text-align: center;
			color: #5C9557;
			font-weight: bold;
		}
	/* 回り込み解除 >> -------------------------- */
	.caption {
		clear: both;
	}

	/* < ▽ コース・オプション > -------------------------- */
	.optionLst input {
		margin-left: 1rem;
	}
}
/* << △ pc END ---------- */




/* page05
-------------------------------------------------------------------------- ■ 選択希望日 >> */

/* ------------------------------------------------ ■ 選択希望日 >> */
#dateSelect li {
	position: relative;
}

#dateSelect input {
	position: absolute;
	top: 0;
	right: 0;
	margin: 0.5rem;
	height: 2rem;
}

#dateSelect {
	text-align: center;
	width: 100%;
	display: block;
}

	#dateSelect li {
		margin: 0;
		background: #F4FCEB;
	}

		#dateSelect li b,
		#dateSelect li span {
			display: block;
		}

		#dateSelect li b {
			height: 3rem;
			line-height: 3rem;
			color: #3d9211;
			font-size: 1.3rem;
		}

		#dateSelect li span {
			padding-bottom: 10px;
		}


		#dateSelect li.noDisplay {
			display: none;
		}




/* ------------------------------------------------ ■ 選択希望日選択・カレンダー >> */
#slctDate {
	margin-top: 1rem;
}

	/* < ■ 表示月 > -------------------------------------- */
	#slctDate #controllBtn {
		display: table;
		text-align: center;
	}

		#slctDate #controllBtn li {
			display: inline-block;
		}

			#slctDate #controllBtn li:first-child {
				float: left;
			}

			#slctDate #controllBtn li:last-child {
				float: right;
			}

			#slctDate #controllBtn li a {
				height: 2.5rem;
				width: 2.5rem;
				background: #3d9211;
				border-radius: 0.5rem; /* CSS3草案 */
				-webkit-border-radius: 0.5rem; /* Safari,Google Chrome用 */
				-moz-border-radius: 0.5rem; /* Firefox用 */
				display: block;
				transform: rotate(-90deg);
				-moz-transform: rotate(-90deg);
				-webkit-transform: rotate(-90deg);
				color: #FFF;
				font-size: 2rem;
				line-height: 2.5rem;
				text-indent: 0;
				text-decoration: none;
			}

				#slctDate #controllBtn li a:active,
				#slctDate #controllBtn li a:hover {
					background: #7DC035;
					color: #337A2D;
				}

			#slctDate #controllBtn li:nth-child(2) {
				line-height: 2rem;
				font-weight: bold;
				color: #3d9211;
				text-align: center;
				text-shadow: 1px 1px 2px #999;
			}

				#slctDate #controllBtn li:nth-child(2) span {
					padding: 0.5rem;
				}


/* < ■ 表示例 > -------------------------------------- */
.markEx {
	margin-bottom: 10px;
	text-align: right;
}

	.markEx li {
		font-size: 0.9rem;
		display: inline-block;
	}

	.markEx span.am {
		color: #FF7285;
	}

	.markEx span.pm {
		color: #7F90FF;
	}

/* < ■ カレンダー > ---------------------------------- */
#contents .calendar {
	margin: 0;
	border: 1px solid #bbb;
}

	#contents .calendar td {
		background: #fff;
	}

.calendar td a,
.calendar td b,
.calendar td span,
.calendar td div {
	text-align: center;
}

#contents .calendar td {
	color: #666;
}

#contents .calendar .date td {
	color: #000;
}

#slctDate .calendar thead td.sat {
	background: #F8FBFD;
	color: #00A0C6;
}

#slctDate .calendar thead td.sun,
#slctDate .calendar thead td.hld {
	background: #FFF2F2;
	color: #DF8080;
}



/* < ■ 選択可表示 > ---------------------------------- */
.calendar td a {
	text-align: center;
	text-decoration: none;
}

.calendar td.ng a {
	display: none;
}



/* 枠あり > ------------------------------- */
.calendar td a {
	background: #FFF9E5;
	border: 2px solid #FFD966;
	color: #F60;
	text-decoration: none;
}

	.calendar td a div {
		color: #666;
	}

	.calendar td a:active,
	.calendar td a:hover {
		background: #FFBF00;
		border: 2px solid #FFBF00;
		color: #FFF;
	}



	/* 枠なし > ------------------------------- */
	.calendar td a.am {
		background: #FF7285;
	}

	.calendar td a.pm {
		background: #7F90FF;
	}

		.calendar td a.am b,
		.calendar td a.pm b {
			margin-top: 5px;
		}




		.calendar td a.am b,
		.calendar td a.pm b,
		.calendar td a.am div,
		.calendar td a.pm div {
			color: #FFF;
			line-height: 1rem;
		}

		.calendar td a.am:hover,
		.calendar td a.am:active,
		.calendar td a.pm:hover,
		.calendar td a.pm:active {
			background: #FFF9E5;
		}

			.calendar td a.am:hover b,
			.calendar td a.am:active b,
			.calendar td a.pm:hover b,
			.calendar td a.pm:active b,
			.calendar td a.am.select b,
			.calendar td a.pm.select b {
				color: #F60;
			}

			.calendar td a.am:hover div,
			.calendar td a.am:active div,
			.calendar td a.pm:hover div,
			.calendar td a.pm:active div,
			.calendar td a.am.select div,
			.calendar td a.pm.select div {
				color: #666;
			}

		.calendar td a.am.select,
		.calendar td a.pm.select {
			background: #FFD966;
		}

#contents .calendar tbody td.ng,
#slctDate .calendar td.ng {
	background: #eee;
}

#slctDate .calendar td.sat.ng {
	background: #F8FBFD;
}

#contents .calendar tbody td.ng b {
	color: #999;
}














/* page05 page06
-------------------------------------------------------------------------- ■ 予約申込内容 >> */
#reservation {
	margin-top: 1rem;
	padding: 0.5rem;
	border-radius: 0.5rem; /* CSS3草案 */
	-webkit-border-radius: 0.5rem; /* Safari,Google Chrome用 */
	-moz-border-radius: 0.5rem; /* Firefox用 */
	border: 5px solid #FFDF80;
}

	#reservation h3 {
		padding: 10px 15px;
		background: #EFEFEF;
		color: #222;
		text-shadow: 1px 1px 2px #FFF;
	}

	/* ------------------------------------------------ ■ 予約内容 >> */
	#reservation dl.yykDtl {
		width: 100%;
		display: block;
	}

.yykDtl dt {
	padding: 0.3rem;
	border-bottom: 1px dotted #999;
	color: #444;
	font-weight: bold;
}

	.yykDtl dt:before {
		content: "●";
		color: #fb0;
	}

.yykDtl .option b {
	padding-left: 1.5rem;
	background: transparent url(img/point003_or.gif) no-repeat 0% 0.2rem;
	display: block;
	font-weight: normal;
	color: #F70;
}

.yykDtl .option ul {
	margin: 0.5rem 0;
}

.yykDtl .option li {
	line-height: 1.5rem;
	font-size: 0.9rem;
	padding-left: 1.2rem;
	background: transparent url(img/arw01s_or.gif) no-repeat 0 0.3rem;
}

.yykMemo {
	width: 88%;
	background: transparent url(img/icon01_or.gif) no-repeat 0 0;
}

	.yykMemo b {
		padding-top: 0.5rem;
		padding-left: 1rem;
		color: #ff7f00;
		font-weight: normal;
	}

	.yykMemo textarea {
		padding: 0.2rem 0.3rem;
		width: 100%;
	}


/* page06
-------------------------------------------------------------------------- ■ 予約申込内容確認 >> */
/* ------------------------------------------------ ■ 金額 >> */
#priceLst {
	margin-top: 1rem;
}

	#priceLst li {
		font-size: 0.8em;
	}

		#priceLst li.noDisplay {
			display: none;
		}

		#priceLst li:first-child {
			border-left: none;
		}

		#priceLst li b {
			padding: 0.2rem 0.3rem 0.1rem;
			font-size: 0.75rem;
			background: #EEE;
		}

			#priceLst li b:after {
				margin-left: 0.5em;
				content: "(税込)";
				font-size: 0.9em;
				font-weight: normal;
				color: #444;
			}

		#priceLst li span {
			color: #F00;
		}

			#priceLst li span:after {
				margin-left: 0.2rem;
				margin-right: 0.2rem;
				content: "円";
				font-size: 0.8em;
			}

/* ------------------------------------------------ ■ 予約日 >> */
#dateConf {
	border: 3px solid #CAEE9B;
	background: #F4FCEB;
	text-align: left;
}

	#dateConf li {
		font-size: 1.1rem;
		line-height: 2rem;
	}

	#dateConf b {
		color: #8CC63F;
	}
















/* conf01
-------------------------------------------------------------------------- ■ 予約照会 >> */
.confData b,
.confData address {
	display: block;
}

.confData td > b {
	margin: 0;
	text-indent: 0.5rem;
	font-size: 1.3rem;
	background: #e5f5f9 url("img/tbl_bg01_w.gif") repeat 0 0;
	color: #2f5398;
	text-shadow: 1px 1px 2px #999;
}

.confData address {
	margin: 0;
	background: #b8cde1;
	color: #444;
}

.status span {
	height: 2.5rem;
	padding: auto;
	background: #ff7f00;
	border-radius: 5px; /* CSS3草案 */
	-webkit-border-radius: 5px; /* Safari,Google Chrome用 */
	-moz-border-radius: 5px; /* Firefox用 */
	display: block;
	color: #FFF;
	text-align: center;
	line-height: 2.5rem;
}

.confData td > dl {
	margin-top: 1rem;
}

.confData ul {
	margin-bottom: 0.5rem;
}

.confData td > dl > dt {
	padding: 0.1rem 0.5rem 0 0;
	background: #eee;
	color: #2f5398;
	text-shadow: 1px 1px 2px #999;
}

	.confData td > dl > dt:before {
		content: "●";
		margin-right: 0.3rem;
	}

.confData .date dd {
	margin: 1rem 0.5rem;
}

.confData .option dt {
	padding-left: 1rem;
	background-color: transparent;
	background-image: url(img/point001_gr.gif);
	background-repeat: no-repeat;
}

.confData .option dd {
	margin-top: 0.5rem;
	margin-left: 1rem;
}

.confData .option b {
	padding: 0 0.3rem 0 0.7rem;
	background: transparent url(img/point003s_gr.gif) no-repeat 0 0.2rem;
	text-indent: 0.5rem;
	font-size: 1rem;
	font-weight: normal;
	color: #337A2D;
}

.confData .option li {
	margin-left: 0;
	background: transparent url(img/point004_gr.gif) no-repeat 0px 0.3rem;
}


/* ------------------------------------------------ ■ input >> */
.confData .btn li input[type="submit"] {
	padding: auto 1rem;
	width: 6.5em;
	height: 2.5rem;
}





/* page20
-------------------------------------------------------------------------- ■ 帳票ﾀﾞｳﾝﾛｰﾄﾞ >> */
.dlData tr:nth-of-type(odd) {
	background: #e5f5f9 url("img/tbl_bg01_w.gif") repeat 0 0;
}

.dlData tr:nth-of-type(even) {
	background: #fff;
}

#mainContents.dlData .nestS th {
	padding: 0 1rem;
	text-align: left;
	background: none;
}

.dlData th b {
	width: 2rem;
	height: 2rem;
	line-height: 2rem;
	color: #579CD3;
	text-align: center;
	display: inline-block;
}

#mainContents.dlData .nestS td {
	border-left: none;
}

	#mainContents.dlData .nestS td:last-child {
		text-align: right;
	}





/* ---------------------------------------------------------------------------------------- ▼ スマホ用 */
@media screen and (max-width:779px) {
	.inputData caption,
	#spiCheck,
	#mainContents .searchResults .pageTab * {
		text-indent: 0;
	}

	#spiCheck {
		display: table;
	}

		#spiCheck label {
			display: table-cell;
		}

	#memberHeader thead {
		display: none;
	}

	#controller {
		position: fixed;
		bottom: 0;
		right: 0;
		z-index: 1000;
	}

		#controller .backBtn a {
			width: 23vw;
			height: 2.4rem;
			position: relative;
			display: block;
			z-index: 100;
			border-left: 1px solid #fff;
		}



	/* ------------------------------------------------ ▼ ログイン者情報 >> */
	#contents #memberHeader table {
		margin-top: 0;
	}

	#memberHeader caption input {
		float: right;
	}

	#memberHeader tbody th {
		padding: 0.3rem;
		background-color: #da6e27;
		color: #fff;
	}

		#memberHeader tbody th span {
			font-size: 1.1rem;
			text-shadow: 1px 1px 2px #666;
		}

	#memberHeader li {
		text-align: left;
	}

		#memberHeader li:before {
			font-size: 0.8rem;
			color: #da6e27;
		}

		#memberHeader li:first-child {
			width: 50%;
			float: left;
		}

			#memberHeader li:first-child:before {
				content: "資格：";
			}

		#memberHeader li:nth-child(2):before {
			content: "年度：";
		}

		#memberHeader li:nth-child(3),
		#memberHeader li:last-child {
			text-align: center;
		}

			#memberHeader li:nth-child(3):before,
			#memberHeader li:last-child:before {
				border-top: 1px dotted #ddd;
				background: #fef5e9 url("img/tbl_bg01_w.gif") repeat 0 0;
				display: block;
				text-align: left;
			}

			#memberHeader li:nth-child(3):before {
				content: "▼ 受診可能期間";
			}

			#memberHeader li:last-child:before {
				content: "▼ 予約可能期間";
			}

	/* ------------------------------------------------ ▼ メインコンテンツ >> */
	#mainContents {
	}

		#mainContents h2 span {
			font-size: 0.8rem;
			display: block;
		}



	/* ▼ コントローラー ---------------------------------------------- */
	#controller {
		margin-right: 0.5vw;
		margin-bottom: 1px;
		width: 23vw;
	}

		#controller li {
			text-align: center;
			width: 100%;
			line-height: 2.4rem;
			display: block;
		}

		#controller .backBtn {
			height: 2.4rem;
			background: #012b80 url("img/icon_back02_bl.png") no-repeat 50% 50%;
			background-size: auto 2rem;
		}

		#controller a span {
			display: none;
		}



	/* ------------------------------------------------ ▼ 手順等案内 >> */
	.stepNote {
		margin-bottom: 1rem;
		padding: 0.5rem 1%;
	}

		.stepNote p {
			padding: 0 2%;
		}

		.stepNote .attention {
			display: block;
		}


	/* ------------------------------------------------ ▼ 予約・受診時注意事項 >> */
	.attentionNote h5:before {
		margin-right: 0.5rem;
		content: "●";
	}

	.attentionNote p {
		margin: 0.5rem;
	}


	/* ------------------------------------------------ ▼ 入れ子 >> */
	.nestA,
	.nestS,
	.nestS2 {
		width: 96%;
		margin-left: 2%;
	}


	/* ------------------------------------------------ ▼ ボタン >> */
	ul.btn.side,
	#changePW ul.btn {
		width: 100%;
		display: table;
	}

		ul.btn.side li,
		#changePW ul.btn li {
			width: 50%;
			display: table-cell;
		}

			#changePW ul.btn li input {
				margin: 0;
			}

			ul.btn.side li input {
				width: 90%;
			}








	/* ------------------------------------------------ ▼ input >> */

	/* ▼ 登録内容入力 >> -------------------------- */
	#contents table.inputData {
		border-top: none;
		border-left: none;
		border-right: none;
	}

		#contents table.inputData td {
			border: none;
		}

		#contents table.inputData th {
			padding: 0;
			text-align: left;
			font-size: 0.8rem;
			border-top: 1px solid #999;
			border-bottom: 1px dotted #999;
		}

			#contents table.inputData th:before {
				content: "▼";
				margin-right: 0.3rem;
			}


	/* ▼ 登録内容入力 >> -------------------------- */
	.inputData input,
	.inputData select {
		margin-left: 0;
	}

	/* ▼ 検索内容選択 >> -------------------------- */
	.search {
		width: 94%;
		margin-left: 3%;
	}

		.search input[type="text"],
		.search select {
			width: 95%;
			margin: 0.5rem auto 1rem 2%;
		}

	.optionLst .price {
		width: 100%;
		display: block;
	}





	/* usertop
-------------------------------------------------------------------------- ▼ 予約申込スタート >> */
	/* ------------------------------------------------ ▼ 同意確認 >> */
	#spiCheck {
		text-indent: 0;
		margin: 1rem 1%;
		line-height: 2rem;
	}

		#spiCheck label {
			margin-bottom: 0.5rem;
			width: 48%;
			line-height: 2rem;
			display: inline-block;
			text-align: left;
		}

	/* page01
-------------------------------------------------------------------------- ▼ 問診 >> */
	.conditionInput * {
		text-indent: 0;
	}

	.conditionInput dd {
		padding-left: 0;
	}

	#myReserve .btn {
		width: 98%;
	}

	/* page11
-------------------------------------------------------------------------- ▼ 医療機関検索結果 >> */
	#hsLst ul {
	}

	#hsLst li {
		margin: 0.5rem 1%;
		display: block;
	}


	/* page12
-------------------------------------------------------------------------- ▼ 予約報告 >> */
	#myReserve .inputData div,
	#myReserve .inputData div b {
		text-indent: 0;
		display: block;
	}

	#myReserve .inputData b {
		margin: 0.5rem 0;
	}

	#myReserve .inputData select {
		text-indent: 0;
	}

	#myReserve .nestA .inputData div select {
		padding: 0;
		margin-bottom: 0.5rem;
		width: 4rem;
		text-align: left;
	}

		#myReserve .nestA .inputData div select.selectY {
			width: 6rem;
		}

	#myReserve .nestA .inputData div.time select {
		margin-right: 0;
	}

	#myReserve .inputData .option {
		margin-top: 0.5rem;
		padding: 0.5rem 0;
		background: #Fed;
		border-radius: 0.5rem; /* CSS3草案 */
		-webkit-border-radius: 0.5rem; /* Safari,Google Chrome用 */
		-moz-border-radius: 0.5rem; /* Firefox用 */
	}

		#myReserve .inputData .option dt {
			padding-left: 1.5rem;
			margin: 0;
			text-indent: 0;
		}



	/* page05
-------------------------------------------------------------------------- ▼ 選択希望日 >> */
	#dateSelect {
		border: 3px solid #CAEE9B;
	}

		#dateSelect li:nth-child(2) {
			border-top: 3px solid #CAEE9B;
			border-bottom: 3px solid #CAEE9B;
		}

		#dateSelect li b {
			text-indent: 1rem;
			text-align: left;
		}


	/* < ▼ 表示月 > -------------------------------------- */
	#slctDate #controllBtn {
		width: 100%;
		height: 3rem;
		position: relative;
	}

		#slctDate #controllBtn * {
			text-indent: 0;
		}

		#slctDate #controllBtn li:nth-child(2) {
			position: absolute;
			top: 0;
			left: 0;
			right: 0;
			z-index: 0;
		}

		#slctDate #controllBtn li:nth-child(2) {
			font-size: 6vw;
		}

			#slctDate #controllBtn li:nth-child(2) span {
				font-size: 10vw;
			}

		#slctDate #controllBtn li:first-child {
			position: absolute;
			left: 0;
			z-index: 2;
		}

		#slctDate #controllBtn li:last-child {
			position: absolute;
			right: 0;
			z-index: 2;
		}

	/* < ▼ 表示例 > -------------------------------------- */
	.markEx {
		margin-top: 0.5rem;
	}

		.markEx li {
			text-align: left;
			text-indent: 0;
			width: 9em;
			margin-left: 0.5rem;
			font-size: 0.8rem;
		}

	/* < ▼ カレンダー > ---------------------------------- */
	#contents #dayChoose {
		width: 100vw;
		margin-left: -2%;
	}

		#contents #dayChoose .calendar {
			position: relative;
			height: 160rem;
			display: block;
		}

			#contents #dayChoose .calendar thead,
			#contents #dayChoose .calendar tbody {
				position: absolute;
				top: 0;
				left: 0;
			}

		#contents #dayChoose .calendar {
			border: none;
			border-top: 2px solid #ddd;
		}

	.calendar thead,
	.calendar tbody {
		width: 100vw;
		display: table;
	}

		.calendar thead tr,
		.calendar tbody tr {
			display: table-cell;
		}

	#contents #dayChoose .calendar thead .date td,
	#contents #dayChoose .calendar thead .week td {
		padding: 0;
		height: 5rem;
		line-height: 2.5rem;
		border-bottom: 1px solid #ddd;
	}

	#contents #dayChoose .calendar thead .date td {
		text-align: center;
		width: 20vw;
	}

	#contents #dayChoose .calendar thead .week td {
		text-align: left;
		width: 80vw;
	}

	#contents #dayChoose .calendar thead .date td:after {
		content: "日";
		margin-left: 0.3rem;
		font-size: 0.8em;
	}

	#contents #dayChoose .calendar thead .week td:after {
		content: "曜日";
		margin-left: 0.3rem;
		font-size: 0.8em;
	}



	#contents #dayChoose .calendar tbody tr td {
		border-bottom: 1px solid #ddd;
	}


	/* 時間枠 > ------------------------------- */
	#contents #dayChoose .calendar tbody a {
		margin: 0;
		padding: 0;
		height: 3rem;
		display: block;
		border: none;
		border-right: 1px solid #ddd;
	}

	#contents #dayChoose .calendar tbody td {
		height: 3rem;
		margin: 0;
		padding: 2rem 0 0 0;
		border: none;
	}

	#contents #dayChoose .calendar tbody tr td,
	#contents #dayChoose .calendar tbody tr td.ng {
		background: none;
	}

		#contents #dayChoose .calendar tbody tr td.ng a {
			background: #eee;
		}

	.calendar tbody a b {
		display: block;
		font-size: 0.8rem;
		line-height: 1.2rem;
	}

	.calendar tbody a div,
	.calendar tbody a div span {
		display: block;
		font-size: 0.7rem;
		line-height: 0.6rem;
	}



	/* 午前・午後 > --------------------------- */

	.calendar td a.am b,
	.calendar td a.pm b {
		font-size: 1.4rem;
		line-height: 1.7rem;
	}

	.calendar td a.am div,
	.calendar td a.pm div {
		font-size: 1rem;
		line-height: 1.3rem;
	}

	#contents #dayChoose .calendar tr.noDisplay {
		display: none;
	}












	/* page06
-------------------------------------------------------------------------- ▼ 予約申込内容確認 >> */
	/* ------------------------------------------------ ▼ 予約内容 >> */
	.yykDtl {
		margin-bottom: 1rem;
	}

		.yykDtl * {
			text-indent: 0;
		}

		.yykDtl .option {
			padding: 0.5rem 0;
		}

			.yykDtl .option b {
				margin-left: 0.5rem;
			}

			.yykDtl .option li,
			.yykMemo {
				margin-left: 1rem;
			}

	/* ------------------------------------------------ ▼ 金額 >> */
	#priceLst {
		margin: 0.5rem 0;
		border-top: 1px solid #ddd;
	}

		#priceLst li {
			padding: 0;
			width: 100%;
			display: table;
			border-bottom: 1px solid #ddd;
		}

		#priceLst b,
		#priceLst span {
			height: 1rem;
			line-height: 1rem;
			padding: 0.5rem 0;
			display: table-cell;
		}

		#priceLst b {
			width: 45%;
		}

		#priceLst span {
			text-align: right;
		}






	/* ------------------------------------------------ ▼ 予約日 >> */
	#dateConf {
		margin: 1rem 0;
	}

		#dateConf li {
			padding-left: 1rem;
			text-align: center;
			border-bottom: 2px solid #CAEE9B;
		}

			#dateConf li:last-child {
				border-bottom: none;
			}

		#dateConf b {
			margin-left: -1rem;
			text-align: left;
			padding: 0.5rem 0 0;
			display: block;
		}

			#dateConf b:before {
				content: "▼";
				margin-right: 0.5rem;
			}



	/* page20
-------------------------------------------------------------------------- ▼ 帳票ﾀﾞｳﾝﾛｰﾄﾞ >> */
	#mainContents.dlData .nestS tr {
		border-bottom: 1px solid #ccc;
	}

	#mainContents.dlData .nestS th,
	#mainContents.dlData .nestS td {
		padding: 0;
		text-indent: 0;
		border-bottom: none;
	}

	.dlData th b {
		text-indent: 0;
		background: #579CD3;
		color: #fff;
	}

	#mainContents.dlData .nestS td {
		display: inline-block;
		vertical-align: top;
	}

		#mainContents.dlData .nestS td:nth-child(2) {
			margin-top: 0.5rem;
			margin-left: 1rem;
			float: left;
		}

		#mainContents.dlData .nestS td:last-child {
			float: right;
		}


	/* conf01
-------------------------------------------------------------------------- ▼ 予約照会 >> */
	#contents .nestS .confData tbody td {
		padding: 0;
	}

	.confData td > b,
	.confData address {
		padding: 0.2rem 0 0.1rem;
	}

	.status span {
		margin: 0.5rem;
	}

	.confData ul.btn {
		width: 100%;
		margin: 0;
	}

		.confData ul.btn li {
			margin: 0;
			width: 49%;
			display: inline-block;
		}

			.confData ul.btn li input[type="submit"] {
				margin-top: 0;
				width: 40vw;
			}

	.confData .date dd li:before {
		content: "■";
		display: inline-block;
		float: left;
		font-size: 0.6em;
		color: #2f5398;
	}

	.confData .option {
		margin-top: 0.5rem;
	}

		.confData .option dt {
			background-position: 0.5rem 0.2rem;
			background-size: 0.7rem;
		}

		.confData .option b {
			background-size: 0.7rem;
		}

		.confData .option li {
			margin-top: 0.3rem;
			padding-left: 0.8rem;
			background-position: 0.5rem 0.5rem;
			background-size: 0.2rem;
		}

		.confData .option ul {
			margin-bottom: 1rem;
		}
}
/* ▲ ------------------------------------------------------- ▲ スマホ用 END */


/* ---------------------------------------------------------------------------------------- ▽ ＰＣ用 */
@media screen and (min-width:780px) {

	/* ▽ レイアウト ---------------- */
	#mainContents {
		position: relative;
	}

	#controller {
		position: absolute;
		top: -0.2rem;
		right: 0;
	}

	.attention2 {
		text-align: center;
	}



	/* ------------------------------------------------ ▽ パスワードの変更 >> */
	#changePW {
	}

		#changePW table {
			margin-left: 15%;
			width: 70%;
		}

			#changePW table th {
				width: 40%;
			}

			#changePW table td {
				text-align: center;
			}

	/* ------------------------------------------------ ▽ ログイン者情報 >> */
	#memberHeader {
		position: relative;
	}

		#memberHeader caption input {
			position: absolute;
			top: -0.5rem;
			right: 0;
			margin: 0;
			height: 1.7rem;
			font-size: 0.8rem;
			line-height: 1.5rem;
		}

		#memberHeader table tbody th {
			background: #fef5e9 url("img/tbl_bg01_w.gif") repeat 0 0;
			color: #da6e27;
		}

		#memberHeader thead th,
		#memberHeader thead li {
			background-color: #fcebd3;
			color: #da6e27;
			font-size: 0.8rem;
		}

		#memberHeader ul {
			display: table;
			width: 100%;
		}

		#memberHeader li {
			width: 30%;
			display: table-cell;
			border-right: 1px dotted #ddd;
		}

			#memberHeader li:last-child {
				border-right: none;
			}

		#memberHeader tbody li {
			line-height: 2rem;
		}

		#memberHeader li:first-child,
		#memberHeader li:nth-child(2) {
			width: 15%;
		}


	/* ▽ コントローラー ---------------------------------------------- */
	#controller {
	}

		#controller a {
			height: 35px;
			width: 75px;
			background: transparent url("img/back01.gif") no-repeat 0% 0%;
			display: block;
		}

		#controller a {
		}

			#controller a:active,
			#controller a:hover {
				background-image: url("img/back02.gif");
			}

			#controller a span {
				display: none;
			}



	/* ------------------------------------------------ ▽ 手順等案内 >> */
	.stepNote {
		padding: 0.5rem 1rem;
		border-radius: 0.5rem; /* CSS3草案 */
		-webkit-border-radius: 0.5rem; /* Safari,Google Chrome用 */
		-moz-border-radius: 0.5rem; /* Firefox用 */
	}

		.stepNote p {
			text-indent: 1rem;
		}

	/* ------------------------------------------------ ▽ 予約・受診時注意事項 >> */
	.attentionNote {
		margin: 0.5rem 0px;
		padding: 0.5rem;
		border: 1px solid #DDD;
		border-radius: 0.5rem; /* CSS3草案 */
		-webkit-border-radius: 0.5rem; /* Safari,Google Chrome用 */
		-moz-border-radius: 0.5rem; /* Firefox用 */
	}

		.attentionNote h5 {
			padding-left: 30px;
			background: transparent url(img/icon01_bl.gif) no-repeat 0 0;
		}

		.attentionNote p {
			padding-left: 30px;
		}


	/* ------------------------------------------------ ▽ 入れ子 共通クラス >> */
	.nestA,
	.nestS,
	.nestS2 {
		padding: 0.5rem 1rem;
		border-radius: 0.5rem; /* CSS3草案 */
		-webkit-border-radius: 0.5rem; /* Safari,Google Chrome用 */
		-moz-border-radius: 0.5rem; /* Firefox用 */
		border: 5px solid #E8F1F9;
	}

	.option dt {
		padding: 0.3rem;
		border-bottom: 1px dotted #999;
	}

	.option ul {
		display: table;
	}

	.option li {
		margin: 0.3rem 0 0 1rem;
		line-height: 1rem;
		display: inline-block;
	}








	/* usertop
-------------------------------------------------------------------------- ▽ 予約申込スタート >> */
	/* ------------------------------------------------ ▽ 同意確認 >> */
	#spiCheck {
		padding: 1rem;
	}


	/* page11
-------------------------------------------------------------------------- ▽ 医療機関検索結果 >> */
	#hsLst ul {
		width: 100%;
		display: table;
	}

	#hsLst li {
		width: 49%;
		margin: 5px 0px 5px 1%;
		display: table-cell;
		float: left;
	}


	/* page12
-------------------------------------------------------------------------- ▼ 予約報告 >> */
	#myReserve .inputData div {
		display: inline-block;
	}



	/* page01
-------------------------------------------------------------------------- ▽ 問診 >> */
	.conditionInput dd {
		padding-left: 3rem;
	}

	#mainContents .conditionInput dd table {
		width: 95%;
		margin-left: 2%;
	}







	/* page03
-------------------------------------------------------------------------- ▽ 医療機関の検索 >> */
	/* ------------------------------------------------ ▽ 検索内容 >> */
	.search {
		padding: 1rem;
		border: 5px solid #E8F1F9;
		border-radius: 10px; /* CSS3草案 */
		-webkit-border-radius: 10px; /* Safari,Google Chrome用 */
		-moz-border-radius: 10px; /* Firefox用 */
	}

	#mainContents .checkLst td {
		padding-right: 2rem;
		border-bottom: none;
	}

	.checkLst tr {
		display: table-cell;
		float: left;
	}


	/* page05
-------------------------------------------------------------------------- ▽ 選択希望日 >> */
	#mainContents .nestA#slctDate h3 {
		padding: 5px;
		height: 2.5rem;
		line-height: 2.5rem;
		font-size: 1.8rem;
	}

	#dateSelect li {
		width: 32%;
		display: inline-block;
		border: 3px solid #CAEE9B;
	}

		#dateSelect li:nth-child(2) {
			margin: 0 0.5%;
		}


		#dateSelect li div {
			width: 100%;
			display: table;
			height: 2rem;
		}

	/* < ▽ 表示月 > -------------------------------------- */
	#slctDate {
		position: relative;
	}

		#slctDate #controllBtn {
			position: absolute;
			top: 0.5rem;
			/* right: 25%; */
			left: 30%;
		}

		#slctDate #controllBtn {
			width: 40%;
		}

			#slctDate #controllBtn li:nth-child(2) {
				font-size: 1.5rem;
			}

				#slctDate #controllBtn li:nth-child(2) span {
					font-size: 2rem;
				}

	/* < ▽ 表示例 > -------------------------------------- */
	.markEx li {
		margin-left: 2em;
	}

	/* < ▽ カレンダー > ---------------------------------- */
	#dayChoose {
		overflow-y: scroll;
	}

	#contents .calendar td {
		border: 1px solid #bbb;
	}

	.calendar td a,
	.calendar td b,
	.calendar td span,
	.calendar td div {
		display: block;
	}

	#contents .calendar thead {
		border-bottom: 2px solid #bbb;
	}

	#contents .calendar td {
		padding: 0;
		width: 3%;
	}

	#contents .calendar .week td {
		padding-top: 0.1rem;
		font-size: 0.85rem;
	}

	/* < ▽ 選択可表示 > ---------------------------------- */
	.calendar td a {
		margin: 3px;
		border-radius: 5px; /* CSS3草案 */
		-webkit-border-radius: 5px; /* Safari,Google Chrome用 */
		-moz-border-radius: 5px; /* Firefox用 */
	}

		/* 枠あり > ------------------------------- */
		.calendar td a div {
			margin: 3px;
			font-size: 12px;
		}

			.calendar td a div span {
				font-size: 12px;
				line-height: 8px;
			}

	.calendar tbody tr td.ng.sat a,
	.calendar tbody tr td.ng.sun a {
		display: none;
	}

	.calendar tbody tr td.ng a {
		background: #eee;
		border: none;
		display: block;
	}




	/* 枠なし > ------------------------------- */
	.calendar td a.am {
		border: 2px solid #FF7285;
	}

	.calendar td a.pm {
		border: 2px solid #7F90FF;
	}

		.calendar td a.am b,
		.calendar td a.pm b {
			font-size: 1.2rem;
		}

		.calendar td a.am div,
		.calendar td a.pm div {
			margin: 3px 0;
			font-size: 0.7rem;
		}

		.calendar td a.am:hover,
		.calendar td a.am:active,
		.calendar td a.pm:hover,
		.calendar td a.pm:active {
			border: 2px solid #FFD966;
		}

		.calendar td a.am.select,
		.calendar td a.pm.select {
			border: 2px solid #FFD966;
		}



	/* page06
-------------------------------------------------------------------------- ▽ 予約申込内容確認 >> */
	.yykDtl,
	.rBox {
		display: table-cell;
	}

	.rBox {
		width: 60%;
		vertical-align: top;
		text-align: right;
	}

	/* ------------------------------------------------ ▽ 予約内容 >> */
	.yykDtl .option {
		padding: 0.5rem 1rem;
	}

		.yykDtl .option li {
			margin-left: 1.5rem;
		}

	.yykMemo {
		margin-left: 2rem;
	}

	.yykCourse .option dd {
		margin-left: 0;
	}

	.yykCourse .option ul {
		margin-left: 1%;
		width: 99%;
	}

	.yykCourse .option li {
		vertical-align: top;
	}






	/* ------------------------------------------------ ▽ 金額 >> */
	#priceLst {
		border: 1px solid #000;
		display: inline-block;
	}

		#priceLst li {
			display: table-cell;
			border-left: 1px solid #000;
		}

			#priceLst li b {
				margin-bottom: 0.2rem;
				display: block;
			}

	/* ------------------------------------------------ ▽ 予約日 >> */
	#dateConf {
		margin: 0.5rem 0 1rem 2rem;
		padding: 0.5rem 1rem;
	}

		#dateConf li {
			margin: 0.5rem;
		}

		#dateConf b {
			margin-right: 0.5rem;
			padding-right: 1.5rem;
			background: transparent url(img/arw01_gr.gif) no-repeat 100% 45%;
		}

	#mainContents .btn li.confBtn input[type="submit"] {
		width: 18em;
	}


	/* page20
-------------------------------------------------------------------------- ▽ 帳票ﾀﾞｳﾝﾛｰﾄﾞ >> */
	.dlData .nestS {
		margin-top: 1rem;
	}

	#mainContents.dlData .nestS td span {
		margin-left: 1rem;
	}

	.dlData th b {
		margin-right: 1rem;
	}



	/* conf01
-------------------------------------------------------------------------- ▽ 予約照会 >> */
	.confData address {
		text-indent: 2rem;
	}

	.confData td > b {
		padding: 0.3rem 0.3rem 0.2rem;
	}

	.confData address {
		padding: 0 0.5rem 0;
	}

	.status,
	.confData .date {
		width: 28%;
		float: left;
	}

		.status span {
			margin: 1rem 0.5rem 0;
			width: 10em;
		}

	.confData ul.btn {
		float: right;
	}

	.yykCourse {
		width: 70%;
		float: right;
	}
	/* 回り込み解除 >> -------------------------- */
	.confData .date {
		clear: right;
	}

	.confData ul.btn,
	.confData ul.btn li {
		margin: 0;
		padding: 0;
		text-align: right;
	}

	.confData ul {
		margin-left: 1rem;
	}

	.confData td > dl {
		margin-left: 0.5rem;
	}

		.confData td > dl > dt {
			border-radius: 1rem 0 0 1rem; /* CSS3草案 */
			-webkit-border-radius: 1rem 0 0 1rem; /* Safari,Google Chrome用 */
			-moz-border-radius: 1rem 0 0 1rem; /* Firefox用 */
		}

			.confData td > dl > dt:before {
				margin-left: 0.3rem;
			}

	.confData .date dd li {
		margin: 0.5rem 0;
		padding-left: 0.8rem;
		background: transparent url(img/arw03_bl.gif) no-repeat 0% 0.4rem;
	}

	.confData .option {
		margin-left: 1rem;
	}

		.confData .option dt {
			background-position: 0 0.5rem;
		}

		.confData .option li {
			width: 31%;
			padding-left: 10px;
		}
}
/* △ ------------------------------------------------------- △ ＰＣ用 END */