@charset "utf-8";

/* CUSTOMIZE THE CAROUSEL
-------------------------------------------------- */
body, dd, dt, li, th, td, p {
	font-family: 'メイリオ', Meiryo, 'ヒラギノ角ゴ ProN W3', 'Hiragino Kaku Gothic ProN', Sans-Serif;
	color: #444;
	font-size: 16px;
	line-height: 1.5;
}
a:hover img {
	filter:alpha(opacity=50);
	opacity: 0.5;
}
.container {
	margin-top: 30px;
	margin-bottom: 30px;
}
.form-group em {
	font-size: small;
	color: #444;
}
h3 {
	padding:0 0 25px;
	text-align: center;
	margin-right: -15px;
	margin-left: -15px;
}
label {
	font-weight: normal;
	padding-top: 7px;
}
label.control-label {
	font-weight: 700;
}
span.label {
	padding: 6px 0px;
	text-align: left;
}
.bg-gray {
	padding: 10px 15px;
	background-color: #efefef;
	border: #dcdddd 1px solid;
	border-bottom: none;
	margin-bottom: 0;
}
.bg-gray:first-of-type {
	margin-top: 30px;
}
.bg-gray:last-of-type {
	background-color: bisque;
	border-bottom: #dcdddd 1px solid;
	margin-bottom: 30px;
}
.bg-warning {
	padding: 20px;
}
.form-inline .form-control-s {
	width: 100px;
}

.conf-td {
	padding: 7px 15px;
	background-color: #fff;
	border: #dcdddd 1px solid;
	border-bottom: none;
}
.form-inline .form-control {
	display: inline;
}


.flow {
	margin: 10px 0 30px 30px;text-align: center;
}
.flow div {
	padding: 10px;
	text-align: center;
}
.flow .flow-selected {
	background-color: #f0ad4e;
	color: #fff;
}
.flow .flow-unselected {
	background-color: #efefef;
	border: #dcdddd 1px solid;
	color: #444;
}

.desc-up {
	text-align: center;
}
@media (max-width: 767px) {
	.container {
		margin-top: 0;
		margin-bottom: 30px;
	}
	.bg-gray {
		border-left: none;
		border-right: none;
	}
	.form-control-s {
		width: auto;
	}
	.desc-up {
		text-align: left;
	}
}

/* カレンダー日曜日のカラー設定 */
td.ui-datepicker-week-end:first-child a.ui-state-default{
background-color: #ffecec;   /* 背景色を設定 */
	color: #f00!important;       /* 文字色を設定 */
}
/* カレンダー土曜日のカラー設定 */
td.ui-datepicker-week-end:last-child a.ui-state-default{
	background-color: #eaeaff;   /* 背景色を設定 */
	color: #00f!important;       /* 文字色を設定 */
}
/* カレンダーホバー時の動作 */
td.ui-datepicker-week-end a.ui-state-hover{
	opacity: 0.8;
}
/* カレンダー当日を示す色はそのまま */
td.ui-datepicker-week-end a.ui-state-highlight{
	background-color: #fffa90!important;
}