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

 file name  :style.css
 author     :Drecom Generated Media (admin)
 style info :婚活パーティーEX
 
================================================================== */
/*----------------------------------------------------
　共通
----------------------------------------------------*/
 p.pr_link {
	 font-size: 10px;
	 margin: 5px auto;
}

 .bold {
	 font-weight: bold;
}

 p.bnr {
	 margin-top: 20px;
}


/*----------------------------------------------------
　婚活パーティーEXトップページ　-　partyTop
----------------------------------------------------*/
/* newBox - 新着情報 */
#contents #newBox h2 {
	width: 680px;
	height: 35px;
	background: url(../../../images/party/h2_new.jpg) no-repeat left top;
	text-indent: -9999px;
}

#contents #newBox div.infoBox {
	width: 668px;
	height: 5em;
	background: #F5F2E8;
	border: solid 1px #999;
	overflow: scroll;
	overflow-x: hidden;
	margin-top: 5px;
	padding: 5px;
}

#contents #newBox div.infoBox p.data {
	font-weight: bold;
	padding-bottom: 4px;
	border-bottom: dotted 1px #999;
	margin-bottom: 5px;
}

#contents #newBox div.infoBox p.data a {
	background: url(../../../images/party/icon1.gif) no-repeat left 1px;
	padding-left: 15px;
}

/* searchBox - 検索（カレンダー、タイプ別） */
#contents #searchBox {
	width: 680px;
}

/* calenderBox - カレンダー */
#contents #searchBox h2.calendar {
	width: 392px;
	height: 35px;
	background: url(../../../images/party/h2_calender.jpg) no-repeat left top;
	text-indent: -9999px;
}

#contents #searchBox div.calendarBox {
	width: 392px;
	float: left;
	padding-right: 12px;
}


#contents #searchBox div.calendarBox ul.tab_month {
	border-bottom: #C2A470 10px solid;
	width: 392px;
	margin-top: 5px;
	margin-bottom: 5px;
}

#contents #searchBox div.calendarBox ul.tab_month li {
	width: 60px;
	height: 18px;
	float: left;
	text-indent: -9999px;
}

#contents #searchBox div.calendarBox ul.tab_month li a {
	display: block;
	width: 60px;
	height: 18px;
}

#contents #searchBox div.calendarBox ul.tab_month li.fed a {
	background: url(../../../images/party/month_2.jpg) no-repeat left top;
}

#contents #searchBox div.calendarBox ul.tab_month li.mar a {
	background: url(../../../images/party/month_3.jpg) no-repeat left top;
}

#contents #searchBox div.calendarBox ul.tab_month li.apr a {
	background: url(../../../images/party/month_4.jpg) no-repeat left top;
}

#contents #searchBox div.calendarBox ul.tab_month li.may a {
	background: url(../../../images/party/month_5.jpg) no-repeat left top;
}

#contents #searchBox div.calendarBox ul.tab_month li.jun a {
	background: url(../../../images/party/month_6.jpg) no-repeat left top;
}

#contents #searchBox div.calendarBox ul.tab_month li.jul a {
	background: url(../../../images/party/month_7.jpg) no-repeat left top;
}

#contents #searchBox div.calendarBox ul.tab_month li.aug a {
	background: url(../../../images/party/month_8.jpg) no-repeat left top;
}

#contents #searchBox div.calendarBox ul.tab_month li.sep a {
	background: url(../../../images/party/month_9.jpg) no-repeat left top;
}

#contents #searchBox div.calendarBox ul.tab_month li.oct a {
	background: url(../../../images/party/month_10.jpg) no-repeat left top;
}

#contents #searchBox div.calendarBox ul.tab_month li.nov a {
	background: url(../../../images/party/month_11.jpg) no-repeat left top;
}

#contents #searchBox div.calendarBox ul.tab_month li.dec a {
	background: url(../../../images/party/month_12.jpg) no-repeat left top;
}

/* カレント */
#contents #searchBox div.calendarBox ul.tab_month li.current a {
	background-position: top;
}

#contents #searchBox div.calendarBox ul.tab_month li.non_current a {
	background-position: bottom;
}

#contents #searchBox div.calendarBox ul.tab_month li.non_current a:hover {
	background-position: top;
}

#contents #searchBox div.calendarBox ul li.non_current a.active {
	background-position: top;
}

/* カレンダーテーブル */
#contents #searchBox div.calendarBox h3 {
	border-left: 5px solid #A89A5F;
	padding: 5px 0 5px 5px;
	font-size: 10px;
	margin: 5px 0;
}

#contents #searchBox div.calendarBox h3 span {
	font-weight: bold;
	font-size: 12px;
}

#contents #searchBox div.calendarBox table {
	width: 392px;
	margin: 0 auto;
	text-align: center;
}

#contents #searchBox div.calendarBox table td {
	width: 55px;
	height: 40px;
	border-right: 1px solid #ccc;
	border-top: 1px solid #ccc;
	text-align: center;
	font-weight: bold;
	white-space: nowrap;
}

*html #contents #searchBox div.calendarBox table td {
	width: 60px;
	height: 40px;
}

#contents #searchBox div.calendarBox table td span {
	font-weight: normal;
	font-size: 10px;
}

#contents #searchBox div.calendarBox table td a {
	display: block;
	height: 80%;
	width: 100%;
	padding:0;
	margin:0;
	padding-top: 11px;
}

*html #contents #searchBox div.calendarBox table td a {
	height: 80%;
	width: 90%;
	padding:0;
	margin:0;
	padding-top: 11px;
}

#contents #searchBox div.calendarBox table td.last-y {
	border-right: none;
}

#contents #searchBox div.calendarBox table td.top {
	border-top: none;
}

#contents #searchBox div.calendarBox div.pagination {
	width: 392px;
	background-color: #ECE9E3;
}

#contents #searchBox div.calendarBox div.pagination p.prev {
	font-size: 10px;
	float: left;
	width: 196px;
	padding: 1px 0;
}

#contents #searchBox div.calendarBox div.pagination p.next {
	font-size: 10px;
	float: right;
	width: 196px;
	text-align: right;
	padding: 1px 0;
}

/* typeBox - タイプ別 */
#contents #searchBox h2.type {
	width: 276px;
	height: 35px;
	background: url(../../../images/party/h2_type.jpg) no-repeat left top;
	text-indent: -9999px;
	margin-bottom: 5px;
}

#contents #searchBox div.typeBox {
	width: 276px;
	float: right;
	text-align: left;
}

#contents #searchBox div.typeBox ul li {
	padding-bottom: 10px;
}

#contents #searchBox div.typeBox ul li.odd {
	width: 133px;
	float: left;
	padding-right: 10px;
}

#contents #searchBox div.typeBox ul li.even {
	width: 133px;
	float: right;
}

#contents #searchBox div.typeBox ul li span {
	font-size: 10px;
	background: url(../../../images/party/icon2.gif) no-repeat left 3px;
	padding-left: 15px;
	display: block;
	padding-top: 3px;
}

/* おすすめイベント情報 */
#contents #pickupBox {
	width: 680px;
}

#contents #pickupBox h2 {
	width: 680px;
	height: 35px;
	background: url(../../../images/party/h2_pickup.jpg) no-repeat left top;
	text-indent: -9999px;
}

#contents #pickupBox div.odd {
	width: 660px;
	background: #F5F2E8;
	padding: 10px;
}

#contents #pickupBox div.even {
	width: 660px;
	background: #FFF;
	padding: 10px;
}

/* エリア・日時 */
#contents #pickupBox div ul.aData {
	width: 660px;
	padding-bottom: 5px;
	border-bottom: 1px solid #000;
}

#contents #pickupBox div ul.aData li {
	float: left;
}

#contents #pickupBox div ul.aData li.area {
	color: #FFF;
	font-weight: bold;
	font-size: 12px;
	background: url(../../../images/party/ico_bg.gif) no-repeat left top;
	text-align: center;
	width: 70px;
	padding-top: 6px;
	height: 19px;
}

#contents #pickupBox div ul.aData li.data {
	width: 580px;
	padding-left: 10px;
	padding-top: 6px;
	font-size: 14px;
	font-weight: bold;
}

/* 内容 */
#contents #pickupBox div ul.bData {
	width: 660px;
	padding-top: 5px;
}

#contents #pickupBox div ul.bData li.img {
	width: 125px;
	padding-right: 5px;
	float: left;
}

#contents #pickupBox div ul.bData li.project {
	width: 530px;
	float: right;
	text-align: left;
}

#contents #pickupBox div ul.bData li.project img {
	padding-right: 3px;
	padding-bottom: 1px;
	vertical-align: middle;
}

#contents #pickupBox div ul.bData li.project span.project_name {
	font-weight: bold;
	font-size: 16px;
	display: block;
	padding-bottom: 10px;
}

#contents #pickupBox div ul.bData li.project span.project_place {
	display: block;
	padding-bottom: 10px;
	padding-top: 5px;
}

#contents #pickupBox div ul.bData li.project span.project_content {
	display: block;
	padding-bottom: 10px;
	padding-top: 5px;
}

/* 予約・詳細ボタン */
#contents #pickupBox div ul.button {
	width: 660px;
}

#contents #pickupBox div ul.button li {
	float: right;
}

#contents #pickupBox div ul.button li.reserv a {
	display: block;
	width: 184px;
	height: 43px;
	background: url(../../../images/party/reserv.jpg) no-repeat left top;
	text-indent: -9999px;
}

#contents #pickupBox div ul.button li.detail a {
	display: block;
	width: 154px;
	height: 43px;
	background: url(../../../images/party/detail.jpg) no-repeat left top;
	text-indent: -9999px;
}

#contents #pickupBox div ul.button li a:hover {
	background-position: bottom;
}

#contents #pickupBox div ul.button li a:active {
	background-position: bottom;
}

/* 人気エリア */
#contents #popular_areaBox {
	width: 680px;
	margin-top: 10px;
}

#contents #popular_areaBox h2.popular_area {
	width: 680px;
	height: 35px;
	background: url(../../../images/party/h2_poparea.jpg) no-repeat left top;
	text-indent: -9999px;
}

#contents #popular_areaBox ul {
	width: 670px;
	background: #F5F2E8;
	padding: 10px 5px;
}

#contents #popular_areaBox ul li {
	float: left;
	background:url(../../../images/party/icon2.gif) no-repeat left 1px;
	padding-left: 15px;
	margin-right: 10px;
}

/*----------------------------------------------------
　婚活パーティーEX検索結果一覧　-　.partyResult
----------------------------------------------------*/
/* メインビジュアル */
#contents #main_visual {
	width: 678px;
	background: url(../../../images/party/detail_h2.jpg) no-repeat left bottom;
	border: 1px solid #EDDFB0;
}

#contents #main_visual h2.keyword {
	width: 480px;
	font-size: 52px;
	padding-top: 30px;
	padding-left: 5px;
	color: #990000;
}

#contents #main_visual h2.keyword span {
	font-size: 38px;
}

#contents #main_visual p.text {
	font-size: 38px;
	padding-left: 5px;
	color: #990000;
	padding-bottom: 20px;
}

#contents #main_visual p.text img {
	vertical-align: top;
	padding-top: 10px;
}

.partyResult #contents #pickupBox div ul.aData li.data {
	padding-left: 0px;
}

.partyResult #contents .pagination {
	text-align: center;
}

/*----------------------------------------------------
　婚活パーティーEX 詳細　-　.partyDetail
----------------------------------------------------*/
/* おすすめパーティー情報 */
.partyDetail #contents #pickupBox {
	margin-top: 0;
}

.partyDetail #contents #pickupBox h2.result {
	background: url(../../../images/party/h2_details.jpg) no-repeat left top;
	width: 680px;
	height: 35px;
}

.partyDetail #contents #pickupBox div.partyData {
	width: 680px;
	margin-top: 5px;
}

.partyDetail #contents #pickupBox div.img {
	width: 125px;
	float: left;
}

.partyDetail #contents #pickupBox div.project {
	width: 545px;
	float: right;
}

.partyDetail #contents #pickupBox div.project p.project_name {
	font-size: 16px;
	font-weight: bold;
	margin-bottom: 5px;
	background-color: #F5F2E8;
	line-height: 120%;
}

.partyDetail #contents #pickupBox div.project p.project_data {
	margin-bottom: 5px;
}

.partyDetail #contents #pickupBox div.project p.project_place {
	margin-bottom: 5px;
}

.partyDetail #contents #pickupBox div ul.button {
	width: 184px;
	float: left;
	padding-top: 5px;
}

.partyDetail #contents #pickupBox div p.company {
	width: 321px;
	float: right;
	padding-top: 15px;
	text-align: right;
	font-size: 10px;
}

.partyDetail #contents #pickupBox div p.company img {
	vertical-align: middle;
}

/* おすすめパーティー内容 */
#contents table#partyContent {
	width: 678px;
	border: 1px solid #000;
	margin: 0 auto;
}

#contents table#partyContent th {
	width: 105px;
	background-color: #F5F2E8;
	vertical-align: top;
	padding-left: 5px;
	padding-top: 10px;
	border-right: 1px solid #000;
}

#contents table#partyContent th.odd, 
#contents table#partyContent td.odd {
	border-bottom: 1px solid #000;
}

#contents table#partyContent td {
	line-height: 150%;
	padding: 10px 5px;
}

#contents table#partyContent td.detailImg {
	vertical-align: top;
}

#contents table#partyContent td.detailImg img {
	vertical-align: top;
}

#contents table#partyContent td.man {
	background: url(../../../images/party/man.gif) no-repeat 5px 10px;
	padding-left: 45px;
}

#contents table#partyContent td.woman {
	background: url(../../../images/party/woman.gif) no-repeat 5px 10px;
	padding-left: 45px;
}

/* 予約ボタン　-　.btnArea */
#contents .btnArea {
	width: 680px;
	height: 120px;
	background: url(../../../images/party/btn_bg.jpg) no-repeat left top;
	margin-bottom: 5px;
}

#contents .btnArea p.btn {
	display: block;
	width: 360px;
	height: 62px;
	background: url(../../../images/party/btn.jpg) no-repeat left top;
	text-indent: -9999px;
	position: relative;
	top: 30px;
	left: 165px;
}

#contents .btnArea p.btn a {
	display: block;
	width: 360px;
	height: 63px;
	background: url(../../../images/party/btn.jpg) no-repeat left top;
	text-indent: -9999px;
}

#contents .btnArea p.btn a:hover {
	background-position: bottom;
}

#contents .btnArea p.btn a:active {
	background-position: bottom;
}

/*----------------------------------------------------
　予約基本情報＆プロフィール画面　-　.user
----------------------------------------------------*/
/* #body */
.user #contents {
	width: 900px;
}

.user #contents #main {
	padding-right: 0;
	width: 700px;
	margin: 0 auto;
	float: none;
}

/* ヘッダー */
.user #header {
	height: 95px;
}

.user div #topicPath {
	padding-top: 0;
}

/* 婚活パーティー・イベント確認 - confirmation */
.user #confirmation h2.reserv_info {
	width: 700px;
	height:33px;
	background: url(../../../images/party/form1_h2_1.jpg) no-repeat left top;
	text-indent: -9999px;
	margin-top: 10px;
}

.user #confirmation ul.party_confirm {
	width: 698px;
	background-color: #F5F2E8;
	border: 1px solid #666;
	margin-top: 5px;
}

.user #confirmation ul.party_confirm {
	width: 688px;
	background-color: #F5F2E8;
	border: 1px solid #666;
	margin-top: 5px;
	padding: 10px 5px 5px 5px;
}

.user #confirmation ul.party_confirm li {
	padding-bottom: 5px;
}

/* 婚活パーティー・イベント予約 - reservation */
#reservation {
	width: 700px;
}

#reservation h2.party_reserv {
	width: 700px;
	height: 33px;
	background:url(../../../images/party/form1_h2_2.jpg) no-repeat left top;
	text-indent: -9999px;
	margin-top: 10px;
}

/* ユーザーナビ - .userNav */
.user #reservation ul.userNav {
	width: 700px;
	margin-top: 10px;
}

.user #reservation ul.userNav li {
	float: left;
	width: 221px;
	height: 35px;
	text-indent: -9999px;
}

.user #reservation ul.userNav li.step1 {
	background: url(../../../images/party/step1.gif) no-repeat left top;
	padding-left: 18px;
}

.user #reservation ul.userNav li.step2 {
	background: url(../../../images/party/step2.gif) no-repeat left bottom;
	padding-left: 18px;
}

.user #reservation ul.userNav li.step3 {
	background: url(../../../images/party/step3.gif) no-repeat left bottom;
}

/* フォーム */
.user h3 {
	width: 685px;
	border-left: #A89A5F 5px solid;
	margin-top: 10px;
	padding: 5px 0 5px  10px;
	font-size: 16px;
	font-weight: bold;
}

.user p.notica {
	width: 690px;
	background-color: #F5F2E8;
	padding: 5px 5px;
	margin: 5px 0 5px 0;
}

.user p.notica span {
	font-size: 10px;
}

.user table {
	width: 698px;
	border: solid 1px #666;
	margin: 5px auto;
}

.user table th {
	width: 170px;
	border-right: solid 1px #666;
	background: #F5F2E8 url(../../../images/party/line_form.gif) repeat-x left top;
	vertical-align: top;
}

.user table th.top {
	background: #F5F2E8;
}

.user table th p {
	font-weight: bold;
	margin: 7px;
	padding: 3px;
	background-color: #FFF;
}

.user table th p span img {
	vertical-align: middle;
	padding-left: 2px;
}

.user table td {
	background: #FFF url(../../../images/party/line_form.gif) repeat-x left top;
	padding: 5px;
}

.user table td.top {
	background: #FFF;
}

.user table td input {
	border: 1px solid #ccc;
	height: 16px;
	font-size: 14px;
	padding: 2px;
}

.user table td input.radio {
	border: none;
	vertical-align: middle;
	margin-right: 2px;
}

.user table td span {
	font-size: 10px;
	color: #666;
}

/* 確認ボタン - nextstep  */
.user p.nextstep {
	width: 700px;
	text-align: center;
}

.user p.nextstep input {
	width: 184px;
	height: 45px;
	background: url(../../../images/party/button_confirm.jpg) no-repeat left top;
	cursor: pointer;
	text-indent: -9999px;
	display: block;
	margin: 0 auto;
}

.user p.nextstep input:hover {
	background-position: bottom;
}

/* ボタン - .add_delet_btn  */
.user div.add_delet_btn {
	width: 700px;
	text-align: right;
}

.user div.add_delet_btn input {
	cursor: pointer;
}

/* 追加ボタン - #add  */
.user div.add_delet_btn input#add {
	width: 110px;
	height: 35px;
	background: url(../../../images/party/add_btn.jpg) no-repeat left top;
}

.user div.add_delet_btn input#add:hover {
	background-position: bottom left;
}

/* 追加ボタン - #delet  */
.user div.add_delet_btn input#delet {
	width: 110px;
	height: 35px;
	background: url(../../../images/party/delet_btn.jpg) no-repeat left top;
}

.user div.add_delet_btn input#delet:hover {
	background-position: bottom left;
}


/* 同意確認 */
.user div.notice {
	margin-top: 10px;
	width: 690px;
	margin-bottom: 10px;
	padding: 5px 5px;
	background-color: #F6F6F6;
	text-align: center;
}


/* 個人情報の取扱いについて */
.user div#privacyBox {
	margin-top: 20px;
	border: 1px solid #DDDDDD;
}

.user div#privacyBox p {
	margin: 7px 5px 0 5px;
	line-height: 1.4;
	font-size: 10px;
}

.user div#privacyBox iframe {
	width: 100%;
	height: 100px;
	border: 0;
	font-size: 12px;
	color: #555555;
	margin: 0;
	padding: 0;
}


/*----------------------------------------------------
　予約確認画面　-　.confirm
----------------------------------------------------*/
/* ユーザーナビ - .userNav */
.confirm #reservation ul.userNav li.step1 {
	background-position: left bottom;
}

.confirm #reservation ul.userNav li.step2 {
	background-position: left top;
}

.confirm #reservation ul.userNav li.step3 {
	background-position: left bottom;
}

/* 修正ボタン */
.confirm p.revision {
	width: 700px;
}

.confirm p.revision a {
	display: block;
	width: 70px;
	height: 23px;
	background: url(../../../images/party/confirm_btn_revision.jpg) no-repeat left top;
	text-indent: -9999px;
	float: right;
}

.confirm p.revision a:hover {
	background-position: bottom;
}

/* 完了ボタン */
.confirm p.nextstep input {
	background: url(../../../images/party/button_complet.jpg) no-repeat left top;
}


/*----------------------------------------------------
　予約完了画面　-　.complet
----------------------------------------------------*/
/* ユーザーナビ - .userNav */
.complet #reservation ul.userNav li.step1 {
	background-position: left bottom;
}

.complet #reservation ul.userNav li.step2 {
	background-position: left bottom;
}

.complet #reservation ul.userNav li.step3 {
	background-position: left top;
}

/* 予約完了 */
.complet #completion h2.party_completion {
	width: 700px;
	height: 33px;
	background: url(../../../images/party/form3_h2_1.jpg) no-repeat left top;
	text-indent: -9999px;
	margin-top: 10px;
}

.complet #completion p {
	margin-top: 10px;
}

.complet #completion p span {
	font-size: 16px;
	color: #7A6300;
	font-weight: bold;
	display: block;
	padding-bottom: 5px;
}

/* リコメンド */
.complet #recommend h2.recommend {
	width: 700px;
	height: 51px;
	background: url(../../../images/party/form3_h2_2.jpg) no-repeat left top;
	text-indent: -9999px;
	margin-top: 10px;
}

.complet #recommend p {
	margin: 5px auto;
}

.complet #recommend p span {
	color: red;
}

.complet #recommend table {
	width: 698px;
	padding-top: 1px;
	border: 1px #FFD9D9 solid;
	padding: 0;
	margin: 0 auto;
	margin-top: 5px;
}

.complet #recommend table th {
	padding-top: 10px;
	padding-bottom: 10px;
	width: 90px;
	padding-left: 10px;
	background: #FFF none;
	border: none;
}

.complet #recommend table td {
	width: 243px;
	line-height: 150%;
	padding-left: 0px;
	padding-right: 10px;
	padding-top: 10px;
	padding-bottom: 10px;
	background: #FFF none;
	border-right: 1px #FFD9D9 solid;
}

.complet #recommend table tr {
	border: 1px #FFD9D9 solid;
}

/* 続けて申込ボタン */
.complet p.nextstep input {
	background: url(../../../images/party/button_recommend.jpg) no-repeat left top;
}

/* ホームへ戻る */
.complet p.backhome {
	width: 700px;
	text-align: right;
	font-size: 10px;
}

.complet p.backhome a {
	background: url(../../../images/party/icon1.gif) no-repeat left 1px;
	padding-left: 15px;
	padding-bottom: 3px;
}

/* エラー .error */
#contents .error {
	width: 680px;
	margin-bottom: 6px;
}

#contents .error p.error_comment {
	font-weight: bold;
	padding-bottom: 5px;
}

#contents .error p.error_comment img {
	vertical-align: middle;
	padding-right: 3px;
}

#contents .error p.error_comment {
	color: #FF0000;
}

#contents .error ul li.error {
	padding: 4px 5px;
	color: #FF0000;
	font-size: 10px;
}

/* フォーム入力エラー */
.fieldWithErrors input,
.fieldWithErrors select {
	margin-left: 0;
	background-color: #FF9;
	color: #F00;
	font-size: 14px;
}

.fieldWithErrors img,
.fieldWithErrors img {
	vertical-align: middle;
}

/*----------------------------------------------------
　結婚相談サービス紹介ページ　-　.services
----------------------------------------------------*/
/* タイトル */
.services #title,
.services #imageMain,
.services #contents #companyInfo {
	margin-top: 0;
}

.services #main {
	margin-bottom: 10px;
}

/*----------------------------------------------------
　婚活パーティーEX利用規約　-　.partyRule
----------------------------------------------------*/
.partyRule #contents h2.rule {
	width: 680px;
	height: 35px;
	background: url(../../../images/party/h2_rule.jpg) no-repeat left top;
	text-indent: -9999px;
}

.partyRule #main h3 {
	width: 675px;
	border-left: #A89A5F 5px solid;
	margin-top: 10px;
	padding: 5px 0 5px  10px;
	font-size: 16px;
	font-weight: bold;
}

.partyRule #contents dl {
	margin: 10px 0;
}

.partyRule #contents dl dt {
	margin-top: 10px;
	color: #9B8C45;
	border-bottom: 1px solid #000;
	padding-bottom: 1px;
	margin-bottom: 1px;
}

.partyRule #contents dl dd,
.partyRule #contents ul li {
	line-height: 150%;
}

/*----------------------------------------------------
　婚活パーティーEXサイトご利用方法　-　.partyAbout
----------------------------------------------------*/
/* 婚活パーティーEXとは？ */
.partyAbout #main div.mb10 {
	margin-bottom: 10px;
}

.partyAbout #main .aboutBox p span {
	font-weight: bold;
}

.partyAbout #contents h2.about {
	width: 680px;
	height: 35px;
	background: url(../../../images/party/h2_about.jpg) no-repeat left top;
	text-indent: -9999px;
	margin-bottom: 10px;
}

.partyAbout #main h3 {
	width: 498px;
	padding: 5px 0 5px 10px;
	border-left: #A89A5F 5px solid;
	margin-bottom: 5px;
	float: left;
}

.partyAbout #main p.text1 {
	width: 508px;
	padding-right: 20px;
	float: left;
}

.partyAbout #main p.pr_link {
	width: 508px;
	padding-right: 20px;
	float: left;
	margin-top: 10px;
	padding-bottom: 5px;
}


.partyAbout #main p.img1 {
	width: 142px;
	float: right;
}

.partyAbout #main p img {
	vertical-align: top;
}

.partyAbout #main div.aboutBox {
	width: 680px;
}

/* ご利用の流れ */
.partyAbout #main ul li {
	line-height: 150%;
}

.partyAbout #main ul li.new {
	background: url(../../../images/party/about_icon_1.jpg) no-repeat 6px 1px;
	padding-left: 30px;
	font-weight: bold;
	font-size: 14px;
}

.partyAbout #main ul li.calender {
	background: url(../../../images/party/about_icon_2.jpg) no-repeat 4px 3px;
	padding-left: 30px;
	font-weight: bold;
	font-size: 14px;
}

.partyAbout #main ul li.type {
	background: url(../../../images/party/about_icon_3.jpg) no-repeat 4px top;
	padding-left: 30px;
	font-weight: bold;
	font-size: 14px;
}

.partyAbout #main ul li span.f10 {
	font-size: 10px;
	text-align: left;
}

.partyAbout #main ul li.pickup {
	background: url(../../../images/party/about_icon_4.jpg) no-repeat left top;
	padding-left: 30px;
	font-weight: bold;
	padding-top: 2px;
	font-size: 14px;
}

.partyAbout #main ul li span {
	text-align: right;
	display: block;
	width: 420px;
}

.partyAbout #main ul li.area {
	background: url(../../../images/party/about_icon_5.jpg) no-repeat 3px top;
	padding-left: 30px;
	font-weight: bold;
	padding-top: 2px;
	font-size: 14px;
}

.partyAbout #main ul li.info {
	padding-bottom: 10px;
}

.partyAbout #main div.box {
	width: 680px;
	margin-top: 10px;
}

.partyAbout #main ul {
	width: 420px;
	float: left;
}

.partyAbout #main p.img2 {
	width: 250px;
	float: right;
	margin-top: 60px;
}

.partyAbout #main span.img2_1 img {
	padding: 2px;
	border: 2px solid #FF6600;
}


.partyAbout #main ul li span.orange {
	display: inline;
	text-align: left;
	color: #F60;
}

/* 予約方法 */
.partyAbout #main p.text2 {
	width: 456px;
	float: left;
}

.partyAbout #main p.img3 {
	width: 214px;
	float: right;
}

.partyAbout #main p.text2 a,
.partyAbout #main p.text1 a{
	background: url(../../../images/party/icon1.gif) no-repeat left 2px;
	padding-left: 15px;
}