@charset "utf-8";
/* ===================================================================
CSS information

 file name  :contact.css
 author     :Ability Consultant
style info  :お問い合わせ設定　ハックは最下部に記述
=================================================================== */


/* -----------------------------------------------------------
	各ページ専用指定
----------------------------------------------------------- */


/*-----------------------------------------------
	#header
	　ヘッダー
-------------------------------------------------*/
#contact #header h3{
	background: url(../contact/images/tl_page.png) no-repeat left top;
}

#contact #header .top_image{
	background: url(../contact/images/top_image.jpg) no-repeat center top;
}

/*-----------------------------------------------
	#main
	 メイン
-------------------------------------------------*/
#contact #main{
	background: url(../contact/images/bg_contact.gif) no-repeat 561px 21px;
}

/* .intro
-------------------------------------------------*/
#contact #main .intro h4{
	background: url(../contact/images/tl_page_sub.gif) no-repeat left top;
	height: 59px;
	text-indent: -9999px;
	font-size: 0;
}

#contact #main .intro p{
	margin: 29px 0 30px 0;
	background: url(../contact/images/txt_contact.gif) no-repeat left top;
	height: 15px;
	text-indent: -9999px;
	font-size: 0;
}

/* .form
--------------------------------------------------*/
#contact #main .form h5{
	background: url(../contact/images/tl_contact_form.gif) no-repeat left top;
	width: 695px;
	height: 40px;
	position: relative;
	left: -5px;
	font-size: 0;
	text-indent: -9999px;
	margin-bottom: 20px;
}

#contact #main .form table{
	width: 100%;
	border: 1px solid #999;
	margin-bottom: 22px;
}

#contact #main .form table th,
#contact #main .form table td{
	border: 1px solid #999;
	padding: 10px;
}

#contact #main .form table th{
	width: 160px;
	color: #32200D;
	font-weight: normal;
	background: #E8DCC7;
	text-align: left;
}

#contact #main .form table td .exam{
	color: #32200D;
}

#contact #main .form table .hissu{
	color: #CC3300;
}

#contact #main .form p{
	text-align: center;
}

#contact #main .form .err_msg{
	text-align: left;
	margin-bottom: 10px;
}

/* .ryokan_info
---------------------------------------------------*/
#contact #main .ryokan_info{
	width: 321px;
	margin: 27px auto 0 auto;
	background: url(../contact/images/bg_contact_bottom.gif) no-repeat left top;
	padding-top: 28px;
}

#contact #main .ryokan_info h6{
	background: url(../contact/images/txt_ryokan.gif) no-repeat left top;
	width: 162px;
	height: 17px;
	text-indent: -9999px;
	font-size: 0;
	margin: 0 auto 13px auto;
}

#contact #main .ryokan_info p{
	text-align: center;
	margin-bottom: 5px;
}


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

	hack - 各種cssハック - for IE7

=======================================*/
*:first-child+html {}


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

	hack - 各種cssハック - for IE6

=======================================*/
* html {}

#contact #page #contents #content_area #main .tel_contact p {
	font-size: 1.1em;
}
#main .tel_contact img {
	margin-bottom: 30px;
}
#main .tel_contact p {
	margin-bottom: 15px;
}