@charset "utf-8";
/************************************************************

		Layout setteing

*************************************************************/
/*-------------------------------------
headerwrapper
--------------------------------------*/
#headerwrapper{
	margin:0;
	padding:0;
	width: 100%;
	height:170px;
}

/*-------------------------------------
header
--------------------------------------*/
#header{
	width:760px;
	height:170px;
	margin:0 auto;
	text-align:left;
}
#header span{
	display:inline-block;
	position:absolute;
	top:7px;
	font-size:12px;
	color:#999;
	text-align:left;
}

/* clearfix */
#header{ /zoom : 1; }
#header:after{ content: ''; display:block; clear:both; height:0;}

/*-------------------------------------
cbody
--------------------------------------*/
#cbody{
	width:760px;
	height:100%;
	margin:10px auto 0 auto;
	padding:0;
	text-align:left;
	background:#fff;/*仮*/
	/zoom : 1;
}

/* #cbodyのmargin用div*/
#details{
	margin:0 10px;
	padding-top: 10px;
}

/* clearfix */
#cbody:after{ content: ''; display:block; clear:both; height:0;}

#cbody h2{
	height: 40px;
	line-height: 40px;
	margin-bottom: 10px;
	font-size: 16px;
}

#systemSummary{
	margin-bottom: 15px;
}

div#basicInfo{
	margin-top:10px;
	margin-bottom: 25px;
	background:#fff;
}

#flow{
	height:60px;
	background:#f1f1f1;
	padding-left:64px;
	margin:15px 0 25px 0;
}

#flow div{
	padding-right:5px;
}


#footer{
	margin:20px 10px 0 10px;;
	padding: 5px 0;
	border-top:1px solid #ccc;
}

#footer p{
	font-size:11px;
	color:#999;
	text-align:center;
}
#footer span{
	display:inline-block;
	margin-top:5px;
	font-size:12px;
	color:#999;
	text-align:left;
}

/*===========================================================
	table style
===========================================================*/
/* basicInfo table */
#basicInfo table th{
	width:120px;
	vertical-align: middle;
}

/************************************************************

	ページ個別設定

*************************************************************/

/*===========================================================
	calender form style
===========================================================*/

.currentMonth{
	text-align: center;
	font-weight: bold;
	font-size: large;
}
/* calender table */
table.calender{
	width:715px;
	margin:5px auto;
	background:#fff;
}

table.calender td{
	width:101px;
	text-align:center;
	padding:0;
}

.calender td p{
	height:34px;
	line-height:34px;
}

/* カレンダーセルの色分け
--------------------------------------*/
/* 休診日に設定している日付のtdの背景色を赤にします。 */
.closedayCell{
	background:#f8e2e9;
}

/* 診療日に設定している日付のtdの背景色を白にします。 */
.opendayCell{
	background:#fff;
}

/* カレンダー上の日曜・祝祭日のtdの日付文字色を赤にします。 */
.holiday{
	color:#de1138;
}

/* 予約状況表示の設定
--------------------------------------*/
/* 予約状況のclassについての解説 */
/*
// possibleDay = 予約可能日（○表示）
// fullDay = 予約空きなし（×表示）
// impossibleDay = 予約不可（黒色―表示）
// closeDay = 休診日（赤色―表示）
*/

.possibleDay, .fullDay, .impossibleDay, .closeDay{
	/*height:34px;*/
	display:block !important;
	margin:0 !important;
	padding:4px !important;
	border-top:1px dotted #bbb !important;
	border-bottom:none !important;
	border-left:none !important;
	border-right:none !important;
}

.blank{
	display:block !important;
	height:34px;
	margin:0 !important;
	padding:0 !important;
	border-top:1px dotted #bbb !important;
	border-bottom:none !important;
	border-left:none !important;
	border-right:none !important;
	background-color:#fff!important;
}
/* -----------------------------------------------
※ 表示ボタンの背景はデザイン別cssで指定します
----------------------------------------------- */
/* 予約可能日（○表示）の設定 */
.possibleDay{
	background-color:#fff !important;
	color:#474747 !important;
	line-height:26px;
}

/* 予約空きなし（×表示）の設定 */
.fullDay{
	background:#fff !important;
	color:#474747 !important;
}

/* 予約不可（―表示：ハイフンの色=黒）の設定*/
.impossibleDay{
	background:#fff !important;
	color:#474747;
}

/* 休診日表示（―表示：ハイフンの色=赤）の設定*/
.closeDay{
	background:#f8e2e9 !important;
	color:#de1138;
}

/* カレンダー予約状況のガイドエリアの設定 */
＃statusGuide{
	margin-top:10px;
}

/*===========================================================
	Reserve form style
===========================================================*/
.reserveFormNotes{
	margin: 15px 0;
}

.infoContentsBox div{
	margin-top:15px;
}

.infoContentsBox table{
	width: 740px;
}

.infoContentsBox th{
	width:170px;
	vertical-align:middle;
}

.infoContentsBox th.must{
	width:130px;
	padding-right:40px;
}

.infoContentsBox .must_monsin{
	margin-left: 10px;
	vertical-align: middle;
}

.infoContentsBox td{
	vertical-align:middle;
	background:#fff;
}

.serviceStopMessage, .noticeMessage{
	border: none;
	padding: 10px;
	text-align: left;
	color:#c00;
	font-weight:bold;
	background:#fff;
}

.gotoCalendar{
	margin-left:20px;
	text-decoration:underline;
}

iframe{
	border:1px solid #999;
	margin-top:5px;
}

/*===========================================================
	印刷用設定
===========================================================*/
@media print{
	body, #headerwrapper, #footer{
		background: #fff !important;
		/*background-image: none !important;*/
		color: #000 !important;
	}
	/*
	a, a:link, a:visited{
		color: #000 !important;
		text-decoration: none;
	}
	*/
}