@charset "shift_jis";

.wrap_bottom {
	padding-bottom: aouto;
}

/* details_back */
#details_back {
	width: 910px;
	margin: 0px 0px 20px;
	padding: 22px 0px 30px;
	background: #fafafa url(../../IMG/details_back.gif) no-repeat left top;
	float: left;
}

/* V1200_001.html */
/* ------------------------------------------------------ */

#serve {
	width: 870px;
	margin-right: 20px;
	margin-left: 20px;
}
#serve h2 {
	width: 870px;
	margin: 0px 0px 18px;
	padding-top: 6px;
	font-size: 110%;
	position: relative;
}
#serve h2 img {
	position: absolute;
	top: 0px;
	right: 0px;
	padding-bottom: 20px;
}
#serve h3.long {
	background: url(../IMG/h3_long.gif) no-repeat left top;
	margin-top: 27px;
	width: 870px;
	font-size: 100%;
	padding-top: 19px;
	padding-left: 19px;
	padding-bottom: 20px;
	clear: both;
}
#serve h3.long_top {
	background: url(../IMG/h3_long.gif) no-repeat left top;
	margin-top: 20px;
	width: 870px;
	font-size: 100%;
	padding-top: 19px;
	padding-left: 19px;
	padding-bottom: 20px;
}
#serve p {
    font-size: 85%;
    line-height: 1.5em;
}
#serve p.text_space {
	margin-top: 20px;
}
#serve p.text_space2 {
	margin-left: 20px;
}
#serve strong.top {
	font-size: 120%;
	font-weight: normal;
}
#serve strong.top2 {
	color: #e60012;
}

/* attention_box */
#serve .attention_box {
	background: url(../IMG/attention_back.gif) repeat-y left top;
	margin: 20px 0px;
	padding: 0px;
	width: 870px;
}
#serve .attention_box p {
	margin: 0px;
	padding: 0px;
}
#serve .attention_box p.text {
	margin: 5px 20px;
	padding: 0px;
	font-size: 78%;
}
#serve .attention_box ul {
	margin: 5px 20px;
	padding: 0px;
}
#serve .attention_box li {
	font-size: 80%;
	line-height: 1.6em;
	text-indent: -1em;
	padding-left: 1em;
}

/* table */
#serve table {
	width: 870px;
	border-left: 1px solid #cccccc;
	border-top: 1px solid #cccccc;
	margin: 10px 0px;
}
#serve table.mb_0 {
    margin-bottom: 0 !important;
}
#serve table.mtb_0 {
    border-top: medium none !important;
    margin-bottom: 0 !important;
    margin-top: 0 !important;
}
#serve th {
	border-bottom: 1px solid #cccccc;
	border-right: 1px solid #cccccc;
	font-weight: bold;
	text-align: left;
	vertical-align: middle;
	padding: 5px 5px 5px 10px;
	line-height: 1.5em;
	font-size: 85%;
	background: #fffeee;
}
#serve th.style1 {
	border-bottom: 2px solid #cccccc;
	text-align: center;
	font-weight: bold;
}
#serve th.style2 {
	background: #eaeaea;
	font-weight: normal;
}
#serve th.style3 {
	background: #eaeaea;
	border-bottom: 2px solid #cccccc;
	text-align: center;
	font-weight: normal;
}
#serve th img {
	float: right;
}
#serve th img.paragraph {
	margin-bottom: 0.5em;
	margin-top: -0.7em;
}
#serve td {
	border-bottom: 1px solid #cccccc;
	border-right: 1px solid #cccccc;
	font-weight: normal;
	text-align: left;
	vertical-align: middle;
	padding: 5px 5px 5px 10px;
	line-height: 1.5em;
	font-size: 85%;
	background: #ffffff;
}
#serve td.center {
	text-align: center;
}
#serve td.confirm {
	font-weight: bold;
}
#serve td span {
    color: #888888;
    padding-left: 5px;
    padding-right: 5px;
	font-size: 90%;
}
#serve td span.normal {
	color: #333333;
	padding-left: 0px;
	padding-right: 0px;
	font-size: 90%;
}
#serve td.td_border2 span.error {
	margin-left: 2.5em !important;
	width: 120px;
}
#serve td.no_space2 span.error {
	margin-left: 2.5em !important;
	width: 120px;
}

/* th:必須エラー指定 */
#serve th.error_cell {
	background: #FFEDED;
}

/* td_style:ボーダーなし */
#serve td.td_border {
	border-right: none;
	padding-right: 0px;
}
#serve td.td_border2 {
	border-right: none;
	padding-right: 0px;
	border-bottom: none;
	vertical-align: top;
}
#serve td.td_border3 {
	padding-right: 0px;
	border-bottom: none;
	padding-bottom: 0px;
}

/* td_style:左スペースなし */
#serve td.no_space {
	padding-left: 0px;
}
#serve td.no_space2 {
	border-bottom: none;
	padding-left: 0px;
	vertical-align: top;
}

/* table:幅指定 */
.width01 {
	width: 33%;
}
.width02 {
	width: 27%;
}
.width03 {
	width: 40%;
}

/* form */
#serve td input {
    border: 1px solid #CCCCCC;
    height: 16px;
    margin-right: 5px;
    vertical-align: middle;
}
#serve td input.long {
	width: 300px;
}
#serve td input.long2 {
	width: 350px;
}
#serve td input.mail {
	width: 400px;
	ime-mode:disabled;
}
#serve td input.first_number {
	width: 80px;
	margin-right: 5px;
	margin-left: 0px;
	ime-mode:disabled;
}
#serve td input.number1 {
    width: 80px;
    margin: 2px 5px 2px 0px;
	ime-mode:disabled;
}
#serve td input.number {
	width: 80px;
	margin: 2px 5px;
	ime-mode:disabled;
}
#serve td input.radio, #serve td span.radio input {
	margin-right: 8px;
	margin-left: 5px;
	border: none;
	vertical-align: middle;
}
#serve td input.checkbox, #serve td span.checkbox input {
	margin-right: 8px;
	margin-left: 5px;
	border: none;
	vertical-align: middle;
}

#serve td span.radio, #serve td span.checkbox{
	color: #333333;
	padding-left: 0px;
	padding-right: 0px;
	font-size: 100%;
}
#serve td input.form_btn {
	border: none;
	height: auto;
}
#serve td select {
    border: 1px solid #CCCCCC;
    margin-right: 5px;
}
#serve div.indispensable,
#serve div.optional,
#serve div.error,
#serve div.finish {
	width: 160px;
}

/* btn_arrange */
#serve .btn_arrange {
	text-align: center;
	position: relative;
	width: 870px;
	height: 90px;
	margin-top: 30px;
	margin-right: 0px;
	margin-left: 0px;
}
#serve .btn_arrange span {
	position: absolute;
	left: 0px;
	bottom: 0px;
	margin-bottom: 0px;
}

/* receipt */
#serve dl.receipt {
	margin: 20px 0px;
	padding: 0px;
}
#serve dl.receipt dt {
	font-weight: bold;
	font-size: 85%;
    line-height: 1.5em;
    background: url(../IMG/h3.gif) no-repeat left center;
    padding-left: 10px;
}
#serve dl.receipt dd {
	font-weight: normal;
	font-size: 100%;
    line-height: 1.5em;
}

/* notes */
#serve ul.notes {
	margin-top: 10px;
	margin-bottom: 0px;
}
#serve ul.notes li {
	font-size: 80%;
	line-height: 1.5em;
}

/* e_message */
/* ------------------------------------------------------ */
#serve .e_message {
	background: #fff5f6;
	border: 2px solid #e60012;
	padding: 17px 15px 11px;
	margin: 10px 0 15px;
}
#serve .e_message p {
	margin: 0px;
	padding: 5px 0px 6px 38px;
	color: #e60012;
	background: url(../IMG/error.gif) no-repeat left top;
	font-size: 105%;
	font-weight: bold;
	line-height: 1.4em;
}

/* V0200_002.html */
/* ------------------------------------------------------ */

/* btn_center */
#serve p.btn_center {
	margin-top: 30px;
}

/* V0200_004.html */
/* ------------------------------------------------------ */

/* notes */
#serve td ul.notes {
	margin-top: 10px;
	margin-bottom: 0px;
}
#serve td ul.notes li {
	font-size: 90%;
	color: #888888;
	line-height: 1.5em;
}