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

 file name  :group.css
 author     :Ability Consultant
style info  :グループ・団体様ページ設定　ハックは最下部に記述
=================================================================== */


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

/* ページタイトル
----------------------------------------------------------- */
#group #contents_head h2 {
	background: url(../group/images/st_group.gif) no-repeat center top;
}

/* サブメニュー
----------------------------------------------------------- */
#group ul.menu_group {
	width: 695px;
	height: 43px;
	margin: 0 0 15px 0;
	background: url(../group/images/menu_c_group.gif) no-repeat 0 0;
	text-indent: -9999px;
}

#group ul.menu_group li {
	width: 139px;
	height: 43px;
	float: left;
}

#group ul.menu_group li a {
	width: 139px;
	height: 43px;
	display: block;
	overflow: hidden;
}

/* グループ・団体様 */
#group ul.menu_group li.m_top a:hover,
#group ul.menu_group li.m_top a.active {
	background: url(../group/images/menu_c_group.gif) no-repeat 0 -43px;
}

/* 宿泊プラン */
#group ul.menu_group li.m_stay a:hover,
#group ul.menu_group li.m_stay a.active {
	background: url(../group/images/menu_c_group.gif) no-repeat -139px -43px;
}

/* 日帰りプラン */
#group ul.menu_group li.m_day a:hover,
#group ul.menu_group li.m_day a.active {
	background: url(../group/images/menu_c_group.gif) no-repeat -278px -43px;
}

/* ご宴会場・会議室 */
#group ul.menu_group li.m_party a:hover,
#group ul.menu_group li.m_party a.active {
	background: url(../group/images/menu_c_group.gif) no-repeat -417px -43px;
}

/* お問い合わせ */
#group ul.menu_group li.m_contact a:hover,
#group ul.menu_group li.m_contact a.active {
	background: url(../group/images/menu_c_group.gif) no-repeat -556px -43px;
}






/* -----------------------------------------------------------
	index.php グループ・団体様トップ
----------------------------------------------------------- */

/* group_catch_con キャッチ
----------------------------------------------------------- */
#group div.group_catch_con {
	width: 695px;
	margin: 0 0 40px 0;
}

#group div.group_catch_con h3 {
	width: 695px;
	height: 280px;
	margin: 0 0 20px 0;
	background: url(../group/images/st_omotenashi.jpg) no-repeat 0 0;
	text-indent: -9999px;
}


/* group_info_con 案内
----------------------------------------------------------- */
#group div.group_info_con {
	width: 695px;
	margin: 0 0 40px 0;
	overflow: hidden;
}

#group div.group_info_con div.group_info {
	width: 205px;
	margin: 0 5px 0 0;
	padding: 10px;
	border: 1px #beb181 dotted;
	overflow: hidden;
	float: left;
}

#group div.group_info_con div.group_info_last {
	width: 205px;
	padding: 10px;
	border: 1px #beb181 dotted;
	overflow: hidden;
	float: left;
}

#group div.group_info_con div.group_info p.photo,
#group div.group_info_con div.group_info_last p.photo {
	padding: 0 5px 0 0;
	float: left;
}

#group div.group_info_con div.group_info p.bt,
#group div.group_info_con div.group_info_last p.bt {
	padding: 0 0 0 8px;
	background: url(../images/icon_fallow.gif) no-repeat 0 7px;
}

#group div.group_info_con div.group_info div.txt,
#group div.group_info_con div.group_info_last div.txt {
	clear: both;
}

/* 見出し */
#group div.group_info_con h4 {
	width: 40px;
	height: 190px;
	text-indent: -9999px;
	float: right;
}

#group div.group_info_con h4.st_option {	
	background: url(../group/images/st_drink.gif) no-repeat 0 0;
}

#group div.group_info_con h4.st_nijikai {	
	background: url(../group/images/st_nijikai.gif) no-repeat 0 0;
}

#group div.group_info_con h4.st_companion {	
	background: url(../group/images/st_companion.gif) no-repeat 0 0;
}


/* recruit_nav ナビゲーション
----------------------------------------------------------- */
#group div.group_nav_con {
	width: 695px;
	margin: 0 0 80px 0;
}

#group div.group_nav_con div.bn_top {
	height: 110px;
	border-bottom: 1px #b26414 dotted;
	overflow: hidden;
}

#group div.group_nav_con div.bn_bottom {
	overflow: hidden;
}

#group div.group_nav_con p.bn_l {
	margin: 0;
	padding: 20px 30px 20px 20px;
	border-right: 1px #b26414 dotted;
	float: left;
}

#group div.group_nav_con p.bn_r {
	margin: 0;
	padding: 20px;
	float: right;
}






/* -----------------------------------------------------------
	stay/index.php
	higaeri/index.php 共通設定
----------------------------------------------------------- */

/* planlist_con 宿泊プラン一覧
----------------------------------------------------------- */
#group div.planlist_con {
	width: 695px;
	margin: 0 0 30px 0;
}

#group div.planlist_con div.planlist {
	width: 663px;
	margin: 0 0 10px 0;
	padding: 15px;
	border: 1px #bfb282 dotted;
	overflow: hidden;
}

#group div.planlist_con div.planlist p {
	margin: 0 0 10px 0;
}


#group div.planlist_con div.planlist div.list_l {
	width: 230px;
	float: left;
}

#group div.planlist_con div.planlist div.list_l p.ex {
	font-size: 86%;
}

#group div.planlist_con div.planlist div.list_r {
	width: 405px;
	float: right;
}

#group div.planlist_con div.planlist div.list_r table.tb_plan {
	width: 403px;
	margin: 0 auto;
	font-size: 90%;
}

#group div.planlist_con div.planlist div.list_r table.tb_price {
	width: 280px;
	margin: 5px auto;
	border-collapse: separate;
	border-spacing: 1px;
	font-size: 90%;
}

#group div.planlist_con div.planlist div.list_r table.tb_price th {
	background-color: #DDD6B6;
	border: none;
	text-align: center;
	font-weight: normal;
}

#group div.planlist_con div.planlist div.list_r table.tb_price td {
	background-color: #e1c1a7;
	border: none;
	text-align: center;
}





/* -----------------------------------------------------------
	stay/index.php グループ・団体宿泊プラン
----------------------------------------------------------- */

/* stayplan_con 見出し等
----------------------------------------------------------- */
#group div.stayplan_con {
	width: 695px;
	margin: 0 0 15px 0;
}

#group div.stayplan_con h3 {
	width: 695px;
	height: 60px;
	margin: 0 0 15px 0;
	background: url(../group/stay/images/st_group_stay.gif) no-repeat 0 0;
	text-indent: -9999px;
}

#group div.stayplan_con p {
	margin: 0 0 10px 0;
}

#group div.stayplan_con p.dl {
	font-size: 86%;
}

#group div.stayplan_con p.dl img {
	vertical-align: middle;
}

/* プラン一覧見出し設定 */
#group div.planlist_con div.planlist div.list_r h4.st_stay {
	width: 400px;
	height: 35px;
	margin: 0 0 10px 0;
	padding: 0 0 0 5px;
	line-height: 35px;
	background: url(../group/stay/images/st_plantitle.gif) no-repeat 0 0;
	color: #fff;
	font-weight: bold;
}



/* -----------------------------------------------------------
	higaeri/index.php グループ・団体日帰りプラン
----------------------------------------------------------- */

/* dayplan_con 見出し等
----------------------------------------------------------- */
#group div.dayplan_con {
	width: 695px;
	margin: 0 0 15px 0;
}

#group div.dayplan_con h3 {
	width: 695px;
	height: 60px;
	margin: 0 0 15px 0;
	background: url(../group/higaeri/images/st_group_higaeri.gif) no-repeat 0 0;
	text-indent: -9999px;
}

#group div.dayplan_con p {
	margin: 0 0 10px 0;
}

#group div.dayplan_con p.dl {
	font-size: 86%;
}

#group div.dayplan_con p.dl img {
	vertical-align: middle;
}

/* プラン一覧見出し設定 */
#group div.planlist_con div.planlist div.list_r h4.st_day {
	width: 400px;
	height: 35px;
	margin: 0 0 10px 0;
	padding: 0 0 0 5px;
	line-height: 35px;
	background: url(../group/higaeri/images/st_plantitle.gif) no-repeat 0 0;
	color: #fff;
	font-weight: bold;
}





/* -----------------------------------------------------------
	banquet.php 宴会・会議
----------------------------------------------------------- */

/* banqueting_meetings_con 宴会・会議
----------------------------------------------------------- */
#group div.banqueting_meetings_con {
	width: 695px;
	margin: 0 0 40px 0;
}

#group div.banqueting_meetings_con h3 {
	width: 695px;
	height: 60px;
	margin: 0 0 15px 0;
	background: url(../group/images/banquet/st_banqueting_meetings.gif) no-repeat 0 0;
	text-indent: -9999px;
}

#group div.banqueting_meetings_con p.kokuchi {
	width: 695px;
	height: 162px;
	margin: 0 0 20px 0;
	background: url(../group/images/banquet/kokuchi.gif) no-repeat 0 0;
	text-indent: -9999px;
}

/* 共通 */
#group div.banqueting_meetings_con div.banquet_list {
	width: 695px;
	margin: 0 0 20px 0;
	overflow: hidden;
}

#group div.banqueting_meetings_con div.banquet_list p {
	width: 225px;
	margin: 0 10px 10px 0;
	font-size: 86%;
	float: left;
}

#group div.banqueting_meetings_con div.banquet_list p.last {
	width: 225px;
	margin: 0;
	font-size: 86%;
	float: left;
}

#group div.banqueting_meetings_con h5 {
	width: 685px;
	margin: 0 0 10px 0;
	padding: 10px 0 10px 10px;
	border: 1px #af9c4b dotted;
	font-size: 120%;
}

#group div.banqueting_meetings_con table {
	width: 694px;
	margin: 0 0 20px 1px;
}

#group div.banqueting_meetings_con table th {
	width: 40%;
	text-align: left;
}


/* 宴会場 */
#group div.banqueting_meetings_con div.banquet_con {
	width: 695px;
	margin: 0 0 40px 0;
}

#group div.banqueting_meetings_con div.banquet_con h4 {
	width: 695px;
	height: 40px;
	margin: 0 0 10px 0;
	background: url(../group/images/banquet/st_banquet.gif) no-repeat 0 0;
	text-indent: -9999px;
}

/* 会議場 */
#group div.banqueting_meetings_con div.meeting_con {
	width: 695px;
	margin: 0 0 40px 0;
}

#group div.banqueting_meetings_con div.meeting_con h4 {
	width: 695px;
	height: 40px;
	margin: 0 0 10px 0;
	background: url(../group/images/banquet/st_meeting.gif) no-repeat 0 0;
	text-indent: -9999px;
}

#group div.banqueting_meetings_con div.meeting_con p.txt {
	margin: 0 0 20px 0;
}
	





/* -----------------------------------------------------------
	form/index.php グループ・団体お問い合わせ
	form_reserve/index.php グループ・団体ご予約
----------------------------------------------------------- */

/* tb_contact タブ
----------------------------------------------------------- */
#group ul.tb_contact {
	width: 695px;
	height: 35px;
	background: url(../group/form/images/menu_c_contact.gif) no-repeat 0 0;
	text-indent: -9999px;
}

#group ul.tb_contact li {
	width: 175px;
	height: 35px;
	float: left;
}

#group ul.tb_contact li a {
	width: 175px;
	height: 35px;
	display: block;
	overflow: hidden;
}


#group ul.tb_contact .tb_contact a:hover,
#group ul.tb_contact .tb_contact a.active {
	background: url(../group/form/images/menu_c_contact.gif) no-repeat 0 -35px;
}

#group ul.tb_contact .tb_reserve a:hover,
#group ul.tb_contact .tb_reserve a.active {
	background: url(../group/form/images/menu_c_contact.gif) no-repeat -175px -35px;
}



/* contact_con フォーム
----------------------------------------------------------- */
#group div.contact_con {
	width: 695px;
	margin: 0 0 40px 0;
}

/* お問い合わせ見出し */
#group div.contact_con h3.st_contact {
	width: 695px;
	height: 60px;
	margin: 0 0 15px 0;
	background: url(../group/form/images/st_group_contact.gif) no-repeat 0 0;
	text-indent: -9999px;
}

/* ご予約見出し */
#group div.contact_con h3.st_reserve {
	width: 695px;
	height: 60px;
	margin: 0 0 15px 0;
	background: url(../group/form_reserve/images/st_reserve.gif) no-repeat 0 0;
	text-indent: -9999px;
}

/* 共通 */
#group div.contact_con table {
	width: 695px;
	margin: 0 0 20px 0;
	border-top: 2px #bcb17d solid;
	border-left: none;
	border-right: none;
	border-bottom: none;
}

#group div.contact_con table th {
	width: 30%;
	padding: 8px;
	border-top: none;
	border-left: none;
	border-right: none;
	border-bottom: 1px #bcb17d dotted;
	text-align: left;
	vertical-align: top;
}

#group div.contact_con table td {
	padding: 8px;
	border-top: none;
	border-left: none;
	border-right: none;
	border-bottom: 1px #bcb17d dotted;
}

#group div.contact_con p.bt {
	width: 695px;
	padding: 10px 0;
	background-color: #e0d9b9;
	text-align: center;
}

#group div.contact_con span.ex {
	color: #b26414;
	font-size: 110%;
}

#group div.contact_con span.extex {
	color: #b26414;
	font-size: 90%;
}

#group div.contact_con input {
	margin: 0 2px 0 0;
	vertical-align: middle;
	border: 1px #cfc9aa solid;
}

#group div.contact_con label {
	color: #FF0000;
	font-weight: bold;
	font-size: 90%;
}

#group div.contact_con input.f_tex01 {
	width: 100px;
	margin: 0 10px 0 5px;
	padding: 2px 0;
	border: 1px #cfc9aa solid;
}

#group div.contact_con input.f_tex02 {
	width: 300px;
	padding: 2px 0;
	border: 1px #cfc9aa solid;
}

#group div.contact_con input.f_tex03 {
	width: 50px;
	padding: 2px 0;
	border: 1px #cfc9aa solid;
}

#group div.contact_con textarea {
	width: 400px;
	height: 200px;
	border: 1px #cfc9aa solid;
}

#group div.contact_con p.error {
	color: #964343;
}







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

	hack - 各種cssハック - for IE7

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


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

	hack - 各種cssハック - for IE6

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

/*  */
* html {}