@charset "utf-8";
/* contact.css */


/*======================================

	contact内共通（見出しなど）

=======================================*/
/* image - ヘッダ画像 */
#contact div#pagetitle h2 {
	width: 950px;
	height: 189px;
	overflow: hidden;
	text-indent: -9999px;
	margin: 0 auto;
	padding: 0;
	background: url(../contact/images/title.jpg) center top no-repeat;
}

/* p - メイン部分テキスト幅（基本） */
#contact p.contact_txt {
	width: 650px;
	margin: 0 0 5px 0;
}

#contact p.contact_txt_short {
	width: 600px;
	margin: 0 0 0 25px;
}

/* pagetop - ページトップへ */
#contact div.contents_pagetop {
	width: 600px;
	margin: 20px 0 20px 25px;
	text-align: right;
}

/* hr - 水平線 */
#contact hr.contact_border {
	width: 600px;
	height: 1px;
	margin: 10px 0 20px 25px;
	padding: 0;
	border-width: 1px 0px 0px 0px;
	border-style: solid;
	border-color: #D7D58E;
}

/* h4 - 各種見出し */
#contact h4#st_contact_stay {
	width: 650px;
	height: 35px;
	margin: 40px 0 10px 0;
	background: url(../contact/images/subtit_for_stay.gif) no-repeat 0 0;
	text-indent: -9999px;
}

#contact h4#st_contact_spa {
	width: 650px;
	height: 35px;
	margin: 40px 0 10px 0;
	background: url(../contact/images/subtit_for_spa.gif) no-repeat 0 0;
	text-indent: -9999px;
}

#contact h4#st_contact_restaurant {
	width: 650px;
	height: 35px;
	margin: 40px 0 10px 0;
	background: url(../contact/images/subtit_for_restaurant.gif) no-repeat 0 0;
	text-indent: -9999px;
}

#contact h4#st_contact_bridal {
	width: 650px;
	height: 35px;
	margin: 40px 0 10px 0;
	background: url(../contact/images/subtit_for_bridal.gif) no-repeat 0 0;
	text-indent: -9999px;
}

#contact h4#st_contact_bridal_in {
	width: 650px;
	height: 35px;
	margin: 40px 0 10px 0;
	background: url(../contact/images/subtit_for_bridal_in.gif) no-repeat 0 0;
	text-indent: -9999px;
}

#contact h4#st_contact_party_conference {
	width: 650px;
	height: 35px;
	margin: 40px 0 10px 0;
	background: url(../contact/images/subtit_for_party_conference.gif) no-repeat 0 0;
	text-indent: -9999px;
}

#contact h4#st_club {
	width: 650px;
	height: 35px;
	margin: 40px 0 10px 0;
	background: url(../contact/images/subtit_club.gif) no-repeat 0 0;
	text-indent: -9999px;
}

#contact h4#st_other {
	width: 650px;
	height: 35px;
	margin: 40px 0 10px 0;
	background: url(../contact/images/subtit_other.gif) no-repeat 0 0;
	text-indent: -9999px;
}

#contact h4#st_security {
	width: 650px;
	height: 35px;
	margin: 40px 0 10px 0;
	background: url(../contact/images/subtit_security.gif) no-repeat 0 0;
	text-indent: -9999px;
}

#contact h4#st_material {
	width: 650px;
	height: 35px;
	margin: 40px 0 10px 0;
	background: url(../contact/images/subtit_material.gif) no-repeat 0 0;
	text-indent: -9999px;
}

#contact h4#st_harmony {
	width: 650px;
	height: 35px;
	margin: 40px 0 10px 0;
	background: url(../contact/images/subtit_harmony.gif) no-repeat 0 0;
	text-indent: -9999px;
}

/* h5 - 共通見出し */
#contact h5 {
	margin: 5px 0 5px 25px;
	padding: 0 0 0 5px;
	color: #582E1B;
	border-left: 4px #7A303D solid;
}

/* h6 - 共通見出し */
#contact h6 {
	margin: 0 0 0 25px;
	color: #582E1B;
}

/* div - 共通ボックス */
#contact div.contact_con {
	width: 580px;
	margin: 0 25px 15px 25px;
	padding: 10px;
	background-color: #FBFAE6;
}

#contact div.contact_con p.txt {
	width: 580px;
}

#contact div.contact_con p.bnr {
	width: 580px;
	margin: 15px 0 0 0;
	text-align: right;
}

/* table - 共通テーブル */
#contact table.t_contact {
	width: 600px;
	margin: 3px 25px 15px 25px;
}

#contact table.t_contact th {
	width: 116px;
	padding: 5px;
	background-color: #EBEABE;
}

#contact table.t_contact td {
	width: 487px;
	padding: 8px 5px;
	background-color: #FBFAE6;
	vertical-align: top;
}



/*======================================

	contact内共通（フォーム）

=======================================*/
#contact span.mark {
	color: #9F1721;
	font-size: 90%;
}

#contact fieldset {
	border-style: hidden;
}

#contact table.contactform input,
#contact table.contactform textarea {
	margin: 3px 2px 3px 0;
	border: 1px #D7D58E solid;
}

#contact table.contactform select {
	margin: 3px 0;
}

#contact table.contactform {
	width: 650px;
	margin: 5px 0;
}

#contact table.contactform th {
	width: 208px;
	padding: 8px 5px 8px 20px;
	background-color: #EBEABE;
	text-align: left;
	font-weight: normal;
}

#contact table.contactform td {
	width: 440px;
	padding: 8px 0 8px 20px;
	background-color: #FFF;
}

#contact table.contactform label.ahead {
	width: 180px;
	margin: 0 10px 0 0;
	padding: 0;
	display: block;
	float: left;
}

#contact table.contactform label.cName {
	width: 45px;
	margin: 0 10px 0 0;
	padding: 5px 0 0 0;
	display: block;
	float: left;
}

#contact table.contactform label.cName_c {
	width: 45px;
	margin: 0;
	padding: 5px 0 0 0;
	display: block;
	float: left;
	clear: left;
}

#contact table.contactform label.ahead input,
#contact table.contactform input.check {
	margin: 0 4px 0 0;
	vertical-align: text-top; 
}

#contact table.contactform input.textbox {
	width: 400px;
	height: 20px; 
}

#contact table.contactform input.textbox_name {
	width: 300px;
	height: 20px; 
}

#contact table.contactform input.textbox_medium {
	width: 100px;
	height: 20px; 
}

#contact table.contactform input.textbox_short {
	width: 50px;
	height: 20px; 
}

#contact table.contactform textarea {
	width: 400px;
	height: 130px;
}

#contact table.contactform span {
	color: #9F1721;
	font-size: 90%;
}

#contact div.submit_con {
	width: 650px;
	margin: 10px 0;
	text-align: center;
}
#contact div.submit_con button.submit {
	display: block;
	width: 160px;
	height: 30px;
	line-height: 2;
	margin: 10px auto 20px auto;
	text-align: center;
}

#contact div.error_con {
	width: 600px;
	margin: 10px 0 10px 15px;
	padding: 10px;
	background-color: #FFF;
}

#contact div#privacy_box {
	width: 398px;
	height: 150px;
	margin: 0.5em 0 1em;
	padding: 0;
	border: 1px solid #ddd;
	overflow: auto;
}

#contact div#privacy_box p{
	margin-bottom: 0.5em;
}







/*======================================

	index.htm - お問合せ総合

=======================================*/
/* contact - 総合 */
#contact h3#st_contact {
	width: 278px;
	height: 16px;
	margin: 20px 0;
	background: url(../contact/images/tit_contact.gif) no-repeat 0 0;
	text-indent: -9999px;
}

/* contact - 総合メニュー */
#contact div#menu_contact {
	width: 650px;
	height: 118px;
	margin: 0;
	padding: 0;
}

#contact div#menu_contact ul {
	width: 650px;
	height: 118px;
	margin: 0;
	padding: 0;
	background: url(../contact/images/menu_contact.gif) no-repeat 0 0;
}

#contact div#menu_contact ul li {
	width: 216px;
	height: 38px;
	float: left;
	list-style-type: none;
	text-indent: -9999px;
	border:0;
}

#contact div#menu_contact ul li a {
	width: 216px;
	height: 39px;
	display: block;
	overflow: hidden;
}


/*======================================

	stay.htm - 宿泊お問合せ

=======================================*/
#contact h4#st_contact_various {
	width: 650px;
	height: 35px;
	margin: 40px 0 10px 0;
	background: url(../contact/images/subtit_various.gif) no-repeat 0 0;
	text-indent: -9999px;
}

#contact ol.contact_list {
	margin: 5px 0 5px 20px;
}