@charset "utf-8";

/* ################################## */
/* ## ページCSS - Introduction     ## */
/* ################################## */

@import url("/styles/common/reset.css");
@import url("/styles/layout/standard.css");

/* #---------------------# */
/* # 内容                # */
/* #---------------------# */
#content {
	margin: 0 20px;
}

#content-header {
	background-color: #5c4b36;
	background-image: url(/images/common/content_header-bg_lbrown.gif);
	background-repeat: no-repeat;
	margin: 20px 0 15px 0;
	position: relative;
}

#content-header a {
	display: block;
	height: 21px;
}

#content-header img {
	top: 1px;
	left: 30px;
	position: absolute;
}

/* #---------------------# */
/* # ガイド              # */
/* #---------------------# */
#guide {
	margin-bottom: 10px;
	width: 100%;
	position: relative;
}

#guide th {
	background-color: #272119;
	text-align: center;
	vertical-align: middle;
	width: 150px;
	height: 100px;
	border-bottom: 10px solid #362E23;
}

#guide td {
	background-color: #272119;
	vertical-align: middle;
	padding: 20px 10px 20px 0;
	line-height: 150%;
	border-bottom: 10px solid #362E23;
}


/* #---------------------# */
/* # 問い合わせ先        # */
/* #---------------------# */

/* 電話での問い合わせ */
#contact-tel {
	border: 1px solid #000000;
	margin: 10px 0;
	width: 49%;
	float: left;
	overflow: auto;
}

#contact-tel table {
	width: 100%;
}

#contact-tel caption {
	text-align: center;
	padding: 23px 0;
}

#contact-tel th {
	text-align: center;
	vertical-align: middle;
	width: 45%;
}

#contact-tel td {
	text-align: left;
	vertical-align: middle;
}

#contact-tel tr {
	height: 100px;
}


/* メールでの問い合わせ */
#contact-mail {
	border: 1px solid #000000;
	margin: 10px 0;
	width: 49%;
	float: right;
	overflow: auto;
}

#contact-mail table {
	width: 100%;
}

#contact-mail caption {
	text-align: center;
	padding: 23px 0;
}

#contact-mail th {
	text-align: center;
	width: 80px;
}

#contact-mail td {
	padding: 5px 0;
}

#contact-mail .smallChar {
	font-size: 75%;
}

#contact-mail .submitCell {
	text-align: center;
}

#contact-mail .errMsgCell {
	background-color: #FFFFFF;
	background-image: url(/images/common/exclamation_mark.gif);
	background-position: 10px center;
	background-repeat: no-repeat;
	color: #FF0000;
	font-weight: bold;
	border: 1px solid #d65038;
	padding: 10px 10px 10px 50px !important;
}

#contact-mail .textbox {
	width: 50%;
}

#contact-mail .textarea {
	width: 95%;
	height: 8em;
}

/* 共通 */
tr.emRow {
	background-color: #272119;
}


/* #---------------------# */
/* # Thanks              # */
/* #---------------------# */
#thanks {
	padding: 10px;
}

#thankMsgs {
	background-color: #272119;
	margin: 20px 0;
	padding: 20px;
}

#thankMsgs ul {
	list-style-type: disc;
}

#thankMsgs ul li {
	margin: 10px;
}

#thankMsgs #kongo {
	padding: 15px 0;
	font-weight: bold;
}