@charset "utf-8";

/* 詳細レイアウト */

/* 詳細リードのレイアウトを定義 */

#detail_read {
	display: block;
	min-width: 956px;
	_width: 100%;
	height: 21px;
}

#detail_read #detail_left {
	display: block;
	width: 871px;
	float: left;
}

#detail_read #detail_right {
	display: block;
	width: 85px;
	float: right;
}

#detail_read #detail_left p {
	float: left;
}

/* プリントボタンのレイアウトを定義 */

p#print_btn {
	display: block;
	width: 85px;
	height: 20px;
	background-image: url(../img/print_btn_off.jpg);
}

p#print_btn a {
	display: block;
	width: 85px;
	height: 20px;
}

p#print_btn a:hover {
	display: block;
	width: 85px;
	height: 20px;
	background-image: url(../img/print_btn_on.jpg);
}

/* リターンボタンのレイアウトを定義 */

p#return_btn {
	display: block;
	width: 54px;
	height: 12px;
	margin-top: 4px;
	background-image: url(../img/return_btn_off.jpg);
}

p#return_btn a {
	display: block;
	width: 54px;
	height: 12px;
}

p#return_btn a:hover {
	display: block;
	width: 54px;
	height: 12px;
	background-image: url(../img/return_btn_on.jpg);
}

/* 詳細タイトルのレイアウトを定義 */

#detail_ttl {
	display: block;
	min-width: 956px;
	_width: 100%;
	height: 40px;
	margin-top: 20px;
	margin-bottom: 20px;
	clear: both;
}

#detail_ttl p {
	color: #fff;
	font-size: 20px;
	font-weight: bold;
	padding: 10px;
}

/* 詳細メインのレイアウトを定義 */

#detail_maincontainer {
	display: block;
	width: 100%;
	height: auto;
	margin-left: -250px;
	float: right;
}

#detail_maincontainer #detail_maincontainer_right {
	display: block;
	width: auto;
	height: auto;
	margin-left: 250px;
}

#detail_maincontainer_left {
	display: block;
	width: 220px;
	height: auto;
	float: left;
}

/* 詳細メイン左側レイアウトを定義 */

input, textarea {
	font-family: sans-serif;
	font-size: 100%;
	line-height: 100%;
	letter-spacing: 1px;
}

p#photo_frame {
	display: block;
	width: 220px;
	height: 164px;
	margin-bottom: 20px;
}

p#photo_frame img {
	padding-top: 20px;
	padding-left: 25px;
}

p#inquiry_ttl {
	display: block;
	width: 220px;
	height: 40px;
	background-image: url(../img/inquery_ttl_bg.jpg);
}

#inquiry_container {
	display: block;
	width: 180px;
	padding: 10px 20px 20px 20px;
}

#inquiry_container p.form_inquiry_head {
	color: #fff;
	font-size: 10px;
	line-height: 20px;
	font-weight: bold;
}

#inquiry_container p.form_inquiry_head2 {
	color: #fff;
	font-size: 10px;
	line-height: 20px;
}

#inquiry_container p.form_inquiry_body2 {
	color: #2f2f2f;
	font-size: 11px;
	line-height: 20px;
	font-weight: bold;
	margin-bottom: 15px;
}

#inquiry_container p.form_inquiry_head .caution {
	color: #f00;
	margin-left: 10px;
}

#inquiry_container input.form_inquiry_name,
#inquiry_container input.form_inquiry_mail {
	display: block;
	width: 180px;
	height: 20px;
	border: none;
	margin-bottom: 5px;
	background-color: #fff;
}

#inquiry_container textarea.form_inquiry_body {
	display: block;
	width: 180px;
	height: 220px;
	border: none;
	background-color: #fff;
}

#inquiry_container textarea.form_inquiry_body2 {
	display: block;
	width: 180px;
	height: 50px;
	border: none;
	background-color: #fff;
}

#inquiry_container p#form_inquiry_submit_btn {
	display: block;
	width: 100px;
	height: 19px;
	margin: 20px 40px 0px 40px;
	background-image: url(../img/submit_btn_off.gif);
}

#inquiry_container p#form_inquiry_submit_btn a {
	display: block;
	width: 100px;
	height: 19px;
}

#inquiry_container p#form_inquiry_submit_btn a:hover {
	display: block;
	width: 100px;
	height: 19px;
	background-image: url(../img/submit_btn_on.gif);
}

#inquiry_container p#form_inquiry_cancel_btn {
	display: block;
	width: 80px;
	height: 19px;
	background-image: url(../img/cancel_btn_off.gif);
}

#inquiry_container p#form_inquiry_cancel_btn a {
	display: block;
	width: 80px;
	height: 19px;
}

#inquiry_container p#form_inquiry_cancel_btn a:hover {
	display: block;
	width: 80px;
	height: 19px;
	background-image: url(../img/cancel_btn_on.gif);
}

#inquiry_container p#form_inquiry_transmit_btn {
	display: block;
	width: 80px;
	height: 19px;
	margin-left: 100px;
	margin-top: -19px;
	background-image: url(../img/transmit_btn_off.gif);
}

#inquiry_container p#form_inquiry_transmit_btn a {
	display: block;
	width: 80px;
	height: 19px;
}

#inquiry_container p#form_inquiry_transmit_btn a:hover {
	display: block;
	width: 80px;
	height: 19px;
	background-image: url(../img/transmit_btn_on.gif);
}

/* 詳細メイン右側レイアウトを定義 */

table.detail_table {
	display: block;
	width: 100%;
	height: auto;
	border: 0px;
	border-collapse: collapse;
}

table.detail_table tr.detail_list_g {
	display: block;
	width: 100%;
	height: auto;
	background-color: #f3f3f3;
}

table.detail_table tr.detail_list_w {
	display: block;
	width: 100%;
	height: auto;
	background-color: #fff;
}

table.detail_table tr td.detail_list_title {
	width: 105px;
	height: auto;
	font-weight: bold;
	text-align: left;
	padding: 5px 20px;
}

table.detail_table tr td.detail_list_body {
	width: auto;
	height: auto;
	text-align: left;
	padding: 5px 20px 5px 0px;
}

#youtube {
	display: block;
	margin-top: 60px;
	margin-bottom: 100px;
	text-align: center;
}
