@charset "utf-8";

/* ------------------------------------------------------------

	filename:	sokuyoyaku.css
	created:	120420
	update:		120420

------------------------------------------------------------ */

.btnSokuyoyaku {
	margin-top:10px;
	margin-left:10px;
	text-align:center;
}
.h2Sokuyoyaku {
	padding-bottom: 10px;
	text-align:center;
}
div#mainContents h2.resetH2 {
	margin: 0;
	padding: 0;
	background-image: none;
}
div#mainContents table.cpNoticeBox td.preCPbox p.fg12 {
	font-size: 100%;
}
.mb10 { margin-bottom: 10px; }
.mb17 { margin-bottom: 17px; }
.mb20 { margin-bottom: 20px; }
div#mainContents .actionTable .commitmentTable .pb2,
div#mainContents div.searchPanel div.actionTable table.commitmentTable tbody .pb2 {
	padding-bottom: 2px;
}
div#mainContents table.cpNoticeBox  a ,div#mainContents table.access a{
    color: #1470CC;
}
div#mainContents table.cpNoticeBox p.linkArwTbl a ,div#mainContents table.access p.linkArwTbl a{
	background-image: url(/SYS/cmn/images/common/mark_links.gif);
    background-position: -5px 0;
    background-repeat: no-repeat;
    padding-left: 8px;
}
.ttlSokuyoyaku {
	text-align:center;
	padding:10px 0;
	font-size:14px;
	clear:both;
}
.ttlSokuyoyaku a {
	font-weight:bold;
	text-decoration:underline;
}
.ttlSokuyoyaku a:hover {
	text-decoration:none;
}
.tdu a {
	font-weight:bold;
	text-decoration:underline;
}
.tdu a:hover {
	text-decoration:none;
}
div#mainContents div.article ul.shopIcon li {
	background-color: transparent;
    display: inline;
    margin-right: 0;
    text-align: right;
}
div#mainContents div#mainContentsWrapFirst div#mainContentsWrapSecond div.article div.articleHeader .shopIcon {
	float: none;
    margin: 0;
    text-align: right;
    white-space: nowrap;
    width: auto;
    padding-right:7px;
}
div#mainContents div#mainContentsWrapFirst div#mainContentsWrapSecond div.article div.articleHeader .shopIcon li {
 	background-color: transparent;
    display: inline;
    padding-right: 0;
    text-align: right;
}
.bubble {
    position: relative;
	right: 1px;
}
.btnTac {
	margin: 10px 0;
	text-align:center;
}

.tdwSokuyoyaku {
	width: 115px;
}

/*****************************************************************
	予約プラン一覧
*****************************************************************/

.searchResultNone span,
.planNumStatus span,
.planListContent span,
.planInfo span.planDetailStrong,
.reservePlanDetail .planListStatus span {
	font-weight: bold;
	color: #d0111a;
}

/**** Search Panel ****/
#mainContents .planListSearchBox {
	width: 720px;
	margin-left: 20px;
}
#mainContents .planListSearchTitle {
	border: 1px solid #c4c4c4;
}
#mainContents .planListSearchTitle h2 {
	border: 1px solid #fff;
	background-image: none;
	background-color: #dedad8;
	padding: 4px 7px 3px;
	margin: 0;
}
#mainContents .planListSearchList {
	border: 1px solid #c4c4c4;
	border-top: 0;
	margin: 0;
	padding: 0 6px;
}
#mainContents .planListSearchLine {
	border-bottom: 1px dotted #c4c4c4;
}
#mainContents .planListSearchLine dl {
	padding: 6px 10px;
	margin: 0;
	float: left;
	border-right: 1px dotted #c4c4c4;
}
#mainContents .planListSearchLine .planInputSeat {
	padding-right: 0;
}
#mainContents .planListSearchLine dt,
#mainContents .searchSeatBoxDate dt
{
	font-weight: bold;
	padding-top: 2px;
	margin-right: 5px;
}
*:first-child+html #mainContents .searchLine01 dt {
	padding-top: 2px;
}
#mainContents .planListSearchLine dt,
#mainContents .planListSearchLine dd {
	float: left;
}
#mainContents .planListSearchLine select {
	height: 20px;
	font-size: 110%;
}
#mainContents dl.planInputDate dd input.inputDate {
	margin-top: 0;
}
#mainContents div.searchSeatBoxDate a:hover,
#mainContents div.planListSearchList a:hover,
#mainContents .searchSeatBox a:hover
{
	text-decoration: none;
}
#mainContents .searchSeatBoxDate .planInputDate input {
	margin-top: 3px;
}
*:first-child+html #mainContents .searchSeatBoxDate .planInputDate input {
	margin-top: 1px;
}
#mainContents .planListSearchLine .planInputDate img {
	margin-bottom: 2px;
}
#mainContents .searchSeatBoxDate .planInputPeople {
	margin-left: 10px;
}
#mainContents .planListSearchLine .planInputDate input.inputDate,
#mainContents .searchSeatBoxDate .planInputDate select
{
	width: 120px;
}
#mainContents .planListSearchLine .planInputDate input.inputSuspended {
	margin-left: 10px;
}
#mainContents .planListSearchLine .planInputTime select {
	width: 87px;
}
#mainContents .planListSearchLine .planInputPeople select {
	width: 87px;
}
#mainContents .searchSeatBoxDate .planInputPeople select {
	width: 87px;
	margin-top: 2px;
}
#mainContents .planListSearchLine .planInputBudget select {
	width: 145px;
}
#mainContents .planListSearchLine .planInputSeat dd {
	width: 465px;
}
#mainContents .planListSearchLine .planInputBudget,
#mainContents .planListSearchLine .planInputSeat,
#mainContents .planListSearchLine .planInputSmoking
{
	border: 0;
}
#mainContents .searchLine02 {
	border: 0;
	position: relative;
}
#mainContents div.searchSeat div.searchSeatBoxDate {
	position: relative;
}
#mainContents .planListSearchLine dd {
	margin-top: 2px;
}
#mainContents .planListSearchLine dd li {
	float: left;
	margin-right: 12px;
	white-space: nowrap;
}
#mainContents .searchLine02 dd li {
	margin-right: 6px;
}
#mainContents .planListSearchLine dd input {
	margin: -2px 1px 2px 0;
	vertical-align: middle;
}
/* IE7 */
*:first-child+html #mainContents .planListSearchLine dd input {
	margin: 0;
}
#mainContents .planListSearchLine dd label {
	margin-right: 0;
}
#mainContents .planListSearchLine .planInputSeat input {
	margin-right: 2px;
}
#mainContents .planListSearchLine p.planSearchSubmit {
	position: absolute;
	right: 0;
	top: 3px;
	margin: 0;
}
#mainContents .planListSearchLine p.planSearchSubmit input {
	width: 178px;
	height: 29px;
}
#mainContents .searchSeatBoxDate p.planSearchSubmit {
	position: absolute;
	right: 0;
	top: 4px;
	margin: 0;
}
#mainContents .searchSeatBoxDate p.planSearchSubmit input {
	width: 98px;
	height: 29px;
}
#mainContents .planNumStatus {
	font-size: 140%;
	font-weight: bold;
	margin-top: 20px;
	margin-bottom: 0;
	line-height: 1;
}
#mainContents .planNumStatus span {
	font-size: 160%;
}

/**** Casette ****/
#mainContents .planListContent {
	background: #fffce8;
	margin: 8px 0 0 20px;
	padding: 15px 15px 14px;
	border: 1px solid #CCC;
}
#mainContents .planListContentInner {
	position: relative;
}
#mainContents .planListContent p,
#mainContents .planListContent table
{
	margin: 0;
	width: 100%;
}
#mainContents .shopInfoTitle span {
	color: #333;
}
#mainContents .planListContentTitle {
	margin-bottom: 10px;
}
#mainContents .planListContent h2 {
	background-image: none;
	margin: 0;
	padding-bottom: 0;
	}
#mainContents .planListContent h2 a {
	text-decoration: underline;
}
#mainContents .planListContent h2 a:hover {
	text-decoration: none;
}
#mainContents .planListThumbnail {
	width: 225px;
	float: right;
	margin-left: 20px;
	padding-bottom: 10px;
}
#mainContents .planListContentsData {
	overflow: hidden;
}
#mainContents .planListInfoWrap {
	position: relative;
}
#mainContents .planListInfo {
	width: 445px;
}
#mainContents .planListContent .photoL,
#mainContents .planListContent .photoL a {
	width: 223px;
	height: 167px;
	display: block;
}

#mainContents .planInfo table,
#mainContents .planListInfo table{
	margin-top: 1px;
}
#mainContents .planListInfo table th,
#mainContents .planListInfo table td {
	padding: 6px 6px 5px;
}
#mainContents .planListInfo table .onlySheat th,
#mainContents .planListInfo table .onlySheat td {
	padding: 15px 6px 13px;
}
#mainContents .planListInfo table th {
	text-align: center;
	width: 15%;
}
#mainContents .planListInfo table td {
	width: 35%;
}
#mainContents .planListContentsData .planListDesc {
	margin-bottom: 10px;
}
#mainContents p.planAskBtn {
	width: 223px;
	position: absolute;
	right: 0;
	bottom: 1px;
	text-align: center;
}
#mainContents .planListStatus {
	padding-top: 30px;
}
.mB13 {margin-bottom: 13px !important;}
.nmT1 {margin-top: -1px !important;}
/**** table ****/
.planListSeatInfo th {
	font-weight: normal;
}
#mainContents .planListSeatType {
	width: 240px;
	line-height: 21px;
	padding-left: 6px;
	padding-right: 4px;
}
#mainContents .planListSeatType,
#mainContents .planListSeatHead,
#mainContents .roomTypeListBox {
	text-align: left;
}
#mainContents th.planListSeatHead {
	width: 76px;
	padding-left: 4px;
	padding-right: 4px;
}
#mainContents td.planListSeatReserve {
	width: 80px;
}
#mainContents td.planListSeatReserve span {
	cursor: pointer;
}
th.planListSeatType span {
	color: #666;
}
#mainContents .seatPhoto {
	position: absolute;
	top: 0;
	right: 0;
	margin-top: -6px;
	text-align: right;
}
#mainContents .seatPhoto a {
	background: url(/SYS/sokuyoyaku/images/icn/icon_calendar.gif) no-repeat 0 3px;
	padding-left: 7px;
}
.planListRequest {
	font-size: 120%;
	padding-left: 8px;
	margin-top: 10px !important;
	background: url(/SYS/sokuyoyaku/images/icn/icon_calendar.gif) no-repeat 0 6px;
	float: right;
}
#mainContents .roomTypeListBox {
	padding-top: 5px;
	padding-bottom: 1px;
	vertical-align: middle !important;
}
#mainContents .roomTypeListBoxInner,
#mainContents .planListSeatInfo .roomTypeListBoxInner {
	position: relative;
	margin-bottom: 4px;
	zoom: 1;
}
#mainContents .roomTypeListBoxInner span {
	display: inline-block;
	zoom: 1;
	padding-top: 1px;
	padding-left: 20px;
	margin-right: 10px;
	font-size: 12px;
	line-height: 16px;
	color: #D2232A;
	font-weight: bold;
}
.roomTypeListBoxInner p {
	line-height: 16px;
	margin: 0 !important;
}
#mainContents .calendarShopItemInfoInner .roomTypeListBoxInner .seatPhoto {
	top: 0;
	right: 5px;
}
#mainContents .planListSeatReserve img {
	padding: 0;
	margin: 0;
}
#mainContents .reserveAttentionText {
	font-size: 110%;
	text-align: right;
}
#mainContents .searchResultNone {
	width: 718px;
	margin: 10px 0 10px 20px;
	padding: 30px 0 24px;
	background: #fff;
	border: 1px solid #c4c4c4;
	text-align: center;
	line-height: 0.8;
}

/*****************************************************************
	予約プラン詳細
*****************************************************************/

/* ------------------------------------------------------------ ナビゲーションTOP */
div#mainContents div.shopNav.top ul.nav {
	width: 545px !important;
}
div#mainContents div.shopNav.top ul.shopNavBtn {
	width: 213px !important;
}

/* ------------------------------------------------------------ ナビゲーションBOTTOM */
div#mainContents div.shopNav.bottom ul.nav {
	width: 545px !important;
}
div#mainContents div.shopNav.bottom ul.shopNavBtn {
	width: 213px !important;
}
/* ------------------------------------------------------------  */
#mainContents .shopInfoTitle,
#mainContents .reservePlanDetail h2
{
	word-break: break-all;
}
/* ------------------------------------------------------------  */
#mainContents .planDetailDesc {
	margin: 0 0 10px 30px;
}
.icnMembersLimitation,
.icnPoint5times{
	position: relative;
	top: -2px;
	margin-right: 5px;
}
#mainContents .planDetailDesc p {
	font-size: 140%;
	font-weight: bold;
	margin: 0 !important;
}

/**** table ****/
#mainContents .planInfo {
	width: 710px;
	margin-left: 30px;
}
#mainContents .planInfo table {
	margin-left: 0;
}
#mainContents .planInfo table th {
	width: 110px;
	padding: 13px 6px;
	text-align: left;
}
#mainContents .planInfo table td {
	padding: 13px 6px;
	width: 202px;
}
#mainContents .planInfo table td.planDetailCellL {
	width: 246px
}
#mainContents .planInfo table td.planDetailCellR {
	width: 186px;
}
#mainContents .planInfo table td.planDetailTxtS {
		width: 560px;
}
#mainContents .planInfo .planInfoDetail p {
	margin-left: 0;
}
#mainContents span.planPrice {
	font-size: 16px;
	margin-left: 6px;
	margin-top: 0;
	font-weight: bold;
	color: #d0111a;
	vertical-align: top;
	line-height: 16px;
}
*:first-child+html #mainContents span.planPrice {
	display: inline-block;
	margin-top: -2px;
}
#mainContents .planListInfo table td.planPriceCell p span.planPrice{
	*vertical-align: middle;
}
#mainContents .planListInfo table td.planPriceCell p {
	font-size: 12px;
	line-height: 16px;
	*vertical-align: middle;
}
#mainContents .planInfo table td.planPriceCell img {
	vertical-align: top;
}
div#mainContents span.referencePrice {
	color: #333;
	font-weight: normal;
}
#mainContents .planInfo td img {
	margin-right: 5px;
}
#mainContents .planInfo td.planPriceCell img {
	margin-right: 2px;
}

/**** 今すぐ予約する ****/
.planReserveBtn a {
	display: block;
	width: 720px;
	height: 55px;
	margin-left: 20px;
	text-align: center;
	background: url(/SYS/sokuyoyaku/images/bg/bg_reservation_soon.gif) no-repeat 0 0;
}
.planReserveBtn span {
	display: block;
	padding-top: 22px;
	background: url(/SYS/sokuyoyaku/images/icn/icon_soon.gif) no-repeat 271px 23px;
	font-size: 140%;
	font-weight: bold;
	margin: 0 0 10px 30px;
	line-height: 1.5;
}
.planReserveBtn a:hover {
	background: url(/SYS/sokuyoyaku/images/bg/bg_reservation_soon_on.gif) no-repeat 0 0;
	text-decoration: underline;
}
/* ------------------------------------------------------------ コース内容 */
#mainContents .planCourse table.itemNum {
	margin-left: 30px;
	width: 217px;
}
#mainContents .planCourse .planCourseAttention {
	text-align: right;
	font-size: 100%;
}
#mainContents .planCourse th {
	width: 80px;
	padding: 6px 10px;
	text-align: center;
}
#mainContents .planCourse td {
	width: 134px;
	padding: 6px 10px;
	text-align: center;
	font-weight: bold;
}
#mainContents .planCourse td span {
	font-size: 160%;
	font-weight: bold;
}
#mainContents .planCourseContent {
	float: left;
	width: 462px;
}
div#mainContents div.planCourseContent p,
div#mainContents div.planCourseContentWide p {
	margin-bottom: 0;
	margin-left: 30px;
}
#mainContents .planCoursePhoto {
	float: right;
	width: 238px;
	margin: 0;
	padding: 0;
}

/* ------------------------------------------------------------ 飲み放題内容 */
#mainContents .planHodai p.planHodaiDesc,
div#mainContents div.locator p.planHodaiDesc {
	font-weight: bold;
	margin-left: 30px;
}
#mainContents .planHodai table {
	width: 710px;
}
#mainContents .planHodai th {
	width: 158px;
	padding: 7px 7px 6px 7px;
}
#mainContents .planHodai td {
	width: 471px;
	padding: 7px 7px 6px 7px;
}
.planDrinkTtl {
	padding-left: 10px;
}
/* ------------------------------------------------------------ 空席検索 */
.searchSeat h2 {
	background: url(/SYS/sokuyoyaku/images/bg/bg_h2_bottom_02.gif) 0 100% !important;
}
.searchSeat h2 span {
	background: url(/SYS/sokuyoyaku/images/bg/bg_h2_top_02.gif) !important;
}
#mainContents .searchSeat ol {
	margin-bottom: 0;
}
.searchSeat ol span
{
	font-weight: bold;
	color: #d2232a;
}
#mainContents .searchSeatBox p.searchSeatBoxDesc {
	float: left;
	display: block;
	width: 335px;
}
#mainContents .searchSeat p.searchFlowTitle {
	font-weight: bold;
	font-size: 120%;
	margin: 0;
}
#mainContents .searchSeat p.searchFlowTitleDate {
	font-weight: bold;
	font-size: 140%;
	margin: 0 0 6px 30px;
}
.searchSeatBox {
	width: 708px;
	height: 29px;
	padding: 4px 0;
	border: solid 1px #cecece;
	margin-top: 5px;
}
#mainContents .searchSeatDesc span {
	font-size: 140%;
	margin: 0 !important;
}
#mainContents .searchSeatDesc span span {
	font-size: 100%;
}
#mainContents .searchSeatBox .searchSeatBoxL {
	float: left;
	width: 395px;
	height: 100%;
	margin: 0 0 0 6px;
}
#mainContents .searchSeatBox .searchSeatBoxL span {
	font-size: 140%;
	margin: 0 !important;
}
#mainContents .searchSeatBox div.formWrap {
	width: 300px;
	float: right;
	margin-right: 4px;
	text-align: right;
}
#mainContents .formWrap .formInner {
	width: 300px;
	line-height: 2.5;
	/line-height: 1;
}
*:first-child+html #mainContents form span {
	line-height: 1.4;
	margin-top: 7px;
	zoom: 1;
}
*:first-child+html #mainContents form select {
	zoom: 1;
	margin-top: -1px;
}
*:first-child+html #mainContents form .planInputDate img {
	vertical-align: middle;
}
.searchSeatBox form span {
	color: #333;
}
#mainContents .searchSeatBox select,
#mainContents .selectPeopleOfNumber select{
	width: 160px;
	height: 20px;
	margin-right: 4px;
	margin-top: -3px;
	font-size: 110%;
}
#mainContents .searchSeatFlow02 {
	padding-top: 30px;
	background: url(/SYS/sokuyoyaku/images/icn/icon_arrow_01.gif) no-repeat 329px 0;
}
#mainContents div.searchFlow02Content {
	margin-top: 5px;
}
#mainContents div.searchFlow02Content span {
	font-weight: bold;
	color: #d0111a;
}
.searchSeat ol p {
	margin-bottom: 0 !important;
}
#mainContents .searchSeatBoxDate .searchSeatCondition {
	float: left;
	font-weight: bold;
	color: #d0111a;
	margin: 5px 6px;
}
#mainContents .searchSeatBoxDate dl {
	float: left;
	margin: 2px 0 0 0;
}
#mainContents .searchSeatBoxDate dd {
	float: left;
}
#mainContents .searchSeatBoxDate p.planSearchSubmit {
	margin: 0 4px;
}

/**** 前週・次週・席写真 ****/
#mainContents .chooseWeek li {
	display: inline-block;
	*display: inline;
	*zoom: 1;
	font-size: 120%;
	color: #D2BD88;
	cursor: pointer;
}
#mainContents .chooseWeek li + li {
	margin-left: 10px;
}
#mainContents .chooseWeek li:hover {
	text-decoration: underline;
}
#mainContents .chooseWeekPrev,
#mainContents .chooseWeekNext,
#mainContents .shopInnerCourse .seatPhoto .imagethickbox {
	color: #1470CC;
	cursor: pointer;
}
#mainContents .chooseWeekPrev:hover,
#mainContents .chooseWeekNext:hover,
#mainContents .shopInnerCourse .seatPhoto .imagethickbox:hover {
	text-decoration: underline;
}
#mainContents .seatPhoto .imagethickbox {
	background: url(/SYS/sokuyoyaku/images/icn/icon_calendar.gif) no-repeat 0 center;
	padding-left: 7px;
}
#mainContents .seatMarkInfo {
	float: left;
	font-size: 8px;
	margin: 5px 0 0;
}
.seatMarkInfo li {
	float: left;
}
.seatMarkInfo li + li {
	margin-left: 4px;
}
.seatMarkInfo li span {
	color: #1470CC;
	font-weight: bold;
}

/**********************************************/

#mainContents .calenderShopItemTime span {
	font-size: 13px;
}
#mainContents .planListPeopleNum {
	text-align: center;
}

/**********************************************/

/* ------------------------------------------------------------ アンカーリンク */
.planAnchorLink {
	clear: both;
}
.planAnchorLink p.otherPlan {
	margin-left: 20px !important;
	margin-bottom: 0 !important;
	font-size: 100%;
}
#mainContents .planAnchorLink p.otherPlan a {
	display: block !important;
	padding: 5px !important;
	zoom: 1 !important;
	text-align: right !important;
}
.planAnchorLink p.otherPlan a:hover {
	background: #DBF1FF;
}
.planAnchorLink p.otherPlan a span {
	padding-bottom: 2px !important;
	padding-left: 15px !important;
	background: url(/SYS/sokuyoyaku/images/icn/mark_otherplan.gif) no-repeat 0 0;
}
#mainContents .reserveSelectDetail .planAnchorLink p {
	margin: 10px 0 0;
}

/*****************************************************************
	カレンダー
*****************************************************************/

/*reset*/

#mainContents .calendarInner table,#mainContents .calendarInner table td,#mainContents .calendarPopUp .calendarBgMiddle .calendarDiscription,#mainContents .calendarPopUp .calendarInner .calendarTitle {
	width: auto;
	margin: 0;
	padding: 0;
	background-image: none;
}
#mainContents .calendarTypeTitleInner p {
	margin-bottom: 0;
}

/*----------------------------------------------------------------------------------------------------------sokuyoyakuPC(PopCalendar)*/

/* .sokuyoyakuPC */

.sokuyoyakuPC table,
.sokuyoyakuPC thead th,
.sokuyoyakuPC thead td,
.sokuyoyakuPC tbody th,
.sokuyoyakuPC tbody td,
.sokuyoyakuPC tfoot th,
#mainContents .sokuyoyakuPC tfoot td,
#mainContents .sokuyoyakuPC p
{
	margin: 0;
	padding: 0;
	border: 0;
	line-height: 1;
}

#mainContents .sokuyoyakuPC {
	position: relative;
	padding-bottom: 10px;
}

/* .sokuyoyakuPC .sokuyoyakuPC */

#mainContents .sokuyoyakuPC table,#mainContents .sokuyoyakuPC table td {
	border: solid 1px #CCCCCC;
}
#mainContents .sokuyoyakuPC table td {
	width: 36px;
	color: #AAAAAA;
}

#mainContents .sokuyoyakuPC table a {
	color: #1470CC;
}
#mainContents .sokuyoyakuPC .calendarBody {
	padding: 2px;
	width: 300px;
	background-color: #FFFF00;
	border: solid 1px #000000 !important;
}
/* .sokuyoyaku h2 */
#mainContents .calendarWrapper {
	border-left: solid 1px #DBDAD6;
	border-right: solid 1px #DBDAD6;
	border-bottom: solid 1px #DBDAD6;
	width: 534px;
	padding: 12px;
}
#mainContents .reserveBnr {
	background: none;
	padding: 0;
	margin: 0;
}
/* * .sokuyoyakuPC_liquid */

#mainContents .sokuyoyakuPC .calendarInner .calendarBox {
	margin-top: -1px;
	width: 260px;
	border-right: solid 1px #BFBFBF;
	border-bottom: solid 1px #BFBFBF;
}

/* .sokuyoyakuPC .calendarInner * .calendarBox */
#mainContents .sokuyoyakuPC .calendarBox td a,#mainContents .sokuyoyakuPC .calendarBox td {
	text-align: center;
	font-weight: bold;
}


/*.sokuyoyakuPC .calendarInner .calendarThisMonth */


#mainContents .sokuyoyakuPC .calendarInner .calendarThisMonth {
	float: left;
}

/*.sokuyoyakuPC .calendarInner .calendarNextMonth */
#mainContents .sokuyoyakuPC .calendarInner .calendarNextMonth {
	float: right;
	margin-bottom: 10px;
}

/* Common_Cell_day */
#mainContents .sokuyoyakuPC .calendarNumber td {
	zoom: 1;
	background-image: none;
	text-decoration: none;
}

#mainContents .sokuyoyakuPC .calendarNumber a,#mainContents .sokuyoyakuPC .calendarNumber a:hover {
	zoom: 1;
	display: block;
	color: #AAAAAA;
	background-image: none;
	text-decoration: none;
}

#mainContents .sokuyoyakuPC .calendarNumber td {
	background-color: #F7F7F7;
	line-height: 20px;
}
#mainContents .sokuyoyakuPC .calendarNumber .copiousness {
	background-color: #FFFFFF;

}

#mainContents .sokuyoyakuPC .calendarNumber .copiousness a {
	color: #1470CC;
	text-decoration: none;
}

#mainContents .sokuyoyakuPC .calendarNumber .copiousness a:hover {
	background: url(/SYS/sokuyoyaku/images/bg/bg_calendar_short_alfa.png) no-repeat 0 0;
}

/* Common_Cell_Saturday */
#mainContents .sokuyoyakuPC .calendarNumber .copiousness a.calendarSaturday,#mainContents .sokuyoyakuPC .calendarNumber table .copiousness a.calendarSaturday:hover {
	background-color: #F0F0FF;
}

/* Common_Cell_Sunday */
#mainContents .sokuyoyakuPC .calendarNumber .copiousness a.calendarSunday,#mainContents .sokuyoyakuPC .calendarNumber table .copiousness a.calendarSunday:hover {
	background-color: #FFE5E5;
}

/* Common_Cell_Current */
#mainContents .sokuyoyakuPC .calendarNumber .current a,#mainContents .sokuyoyakuPC .calendarNumber .current a:hover {
	color: #1470CC;
	background: url(/SYS/sokuyoyaku/images/bg/bg_calendar_short_alfa.png) no-repeat 0 0;
	background-color: #FFCC99;
}

/* Common_Calendar_Discription */
#mainContents .sokuyoyakuPC .calendarDiscription a {
	color: #1470CC;
	text-decoration: none;
	padding-left: 8px;
}
#mainContents .calendarDiscription a:hover {
	text-decoration: underline;
}
#mainContents .sokuyoyakuPC .calendarDiscription {
	text-align: right;
}

/* Common_Calendar_Title */
#mainContents .sokuyoyakuPC .calendarInner .calendarTitle {
	margin-bottom: 8px;
}
#mainContents .sokuyoyakuPC .calendarInner .calendarTitle .calendarTitleDay {
	text-align: center;
	font-size: 15px;
	font-weight: bold;
	color: #666666;
}

/* Common_Calendar_Week */
#mainContents .sokuyoyakuPC .calendarInner .last-Cchild {
	border-color: #FF00FF;

}
#mainContents .sokuyoyakuPC .calendarInner .calendarWeek {
	width: 259px;

}

#mainContents .sokuyoyakuPC .calendarInner .calendarWeek td {
	width: auto;
	height: 20px;
	background-color: #FFFFFF;
}
#mainContents .sokuyoyakuPC .calendarInner .calendarWeek,#mainContents .calendarInner .calendarWeek td {
	border: 0;
}

/*----------------------------------------------------------------------------------------------------------------------------calendarChooseSheet */

/*------------------------------------------------------------------------------------------------------parts */
.bold {
	font-weight: bold;
}
.mT8 {
	margin-top: 8px;
}
.mT10 {
	margin-top: 10px;
}
.mT12 {
	margin-top: 12px;
}
.mT6 {
	margin-top: 6px;
}
.fgRed {
	color: #D2232A;
	font-weight: bold;
}
.bB0 td {
	border-bottom: 0;
}

/*------------------------------------------------------------------------------------------------------frame */

#mainContents .calendarShopItemInfo {
	padding: 0 5px;
	height: 23px;
	vertical-align: middle !important;
}
.calendarReserveListBox {
	margin-top: -18px;
}

/*------------------------------------------------------------------------------------------------------roomTypeList */
#mainContents ul.roomTypeList {
	margin: 0;
}
.roomTypeList li {
	display: inline-block;
	*display: inline;
	*zoom: 1;
	line-height: 16px;
	color: #D2232A;
	font-weight: bold;
	padding-left: 18px;
}
.privateRoom	{ background: url(/SYS/sokuyoyaku/images/icn/icon_condition_03.gif) no-repeat 0 0; }
.reservePlanDetail .privateRoom	{ *background: url(/SYS/sokuyoyaku/images/icn/icon_condition_03.gif) no-repeat 0 50%; }
.noSmokingRoom	{ background: url(/SYS/sokuyoyaku/images/icn/icon_condition_02.gif) no-repeat 0 0; }
.reservePlanDetail .noSmokingRoom	{ *background: url(/SYS/sokuyoyaku/images/icn/icon_condition_02.gif) no-repeat 0 50%; }
.smokingRoom	{ background: url(/SYS/sokuyoyaku/images/icn/icon_condition_01.gif) no-repeat 0 50%; }


#mainContents .roomPhoto {
	position: absolute;
	top: 50%;
	right: 0;
	margin-top: -6px;
	background: url(/SYS/sokuyoyaku/images/icn/icon_calendar.gif) no-repeat left center;
	padding-left: 7px;
}
.roomPhoto a {
	text-decoration: none;
	color: #1470CC;
}
.roomPhoto a:hover {
	text-decoration: underline;
}

/*****************************************************************
	reserve select
*****************************************************************/

/*----------------------------------------------------------------------------------------------------------------------------calendarSelect */

.fwB {
	font-weight: bold;
}
.vaB {
	vertical-align: bottom;
}
.m0 {
	margin: 0;
}
.p0 {
	padding: 0;
}
/*------------------------------------------------------------------------------------------------------reset */

#mainContents .reserveSelectDetail p,
#mainContents .reserveSelectDetail ul,
#mainContents .reserveSelectDetail ol,
#mainContents .reserveSelectDetail dl,
#mainContents .reserveSelectDetail div {
margin: 0;
padding: 0;
}

#mainContents .reserveSelectDetail table,
#mainContents .reserveSelectDetail table td,
#mainContents .reserveSelectDetail .calendarPopUp .calendarBgMiddle .calendarDiscription,
#mainContents .reserveSelectDetail .calendarPopUp .calendarInner .calendarTitle {
	width: auto;
	margin: 0;
	padding: 0;
	background-image: none;
}
.flowSokuYoyaku {
	margin: 0;
	padding: 0;
}

.z1 {

	zoom: 1;
}
.pR {
	position: relative;
}
#mainContents .emptySheatSeachCalendar h2 {
padding: 0;
margin: 0;
background-image: 0;
font-weight: normal;
font-size: 100%;
}
/*------------------------------------------------------------------------------------------------------common */

.reserveSelectDetail {
	padding: 20px 19px;
}


#mainContents .calendarEmptySelect {
	position: relative;
	padding-bottom: 10px;
}

#mainContents .calendarEmptySelectInner {
	padding:40px 25px 10px 25px;
	position: relative;

}
#mainContents  .reserveSelectDetail .emptySheatSeachInner {
	padding: 15px 10px;

}
.calendarAplicationPeople {
	color: #D2232A;
	font-size: 16px;
	font-weight: 900;

}
.calendarSelectMenu {
	zoom: 1;
	border: solid 1px #CECECE;
	margin-top: 10px;
	padding: 4px 10px;

}
.imgEnptySeatSeach {
	margin-left: 5px;

}
.calendarSelectMenuList {
	line-height: 27px;

}



/*------------------------------------------------------------------------------------------------------flow*/

#mainContents .reserveSelectDetail .flowSokuYoyakuTitle {
	background: url(/SYS/sokuyoyaku/images/icn/icon_select_02.png) no-repeat 10px 8px;
	background-color: #D94148;
	height: 29px;
	color: #FFFFFF;
	line-height: 29px;
	padding-left: 35px;
	height: 29px;
	width: 315px;
	font-weight: bold;
}

#mainContents .reserveSelectDetail .flowRequestYoyakuTitle {
	background: url(/SYS/sokuyoyaku/images/icn/icon_select_01.png) no-repeat 10px 8px;
	background-color: #87604C;
	height: 29px;
	color: #FFFFFF;
	line-height: 29px;
	padding-left: 35px;
	height: 29px;
	width: 315px;
	font-weight: bold;
}
.flowRequestYoyakuInner {
	padding: 12px 10px 25px 10px;
	position: relative;

}

#mainContents .emptySheatSeachTitle {
	background: url(/SYS/sokuyoyaku/images/bg/bg_h2_reserve_select.gif) no-repeat 0 0;
	height: 19px;
	margin: 0;
	padding: 5px 25px;
}
#mainContents .reserveSelectDetail .howToReserveInner {
	padding: 10px 5px 10px 5px;
}

.howToReserve dd,
.howToReserve p {
	line-height: 1.7em;
}
#mainContents .reserveSelectDetail .flowSokuYoyaku {
	float: left;
	width: 350px;
	padding-bottom: 90px;
}

#mainContents .reserveSelectDetail .flowRequestYoyaku {
	float: right;
	width: 350px;
	padding-bottom: 90px;
}

.fR {
	float: right;
}
.fL {
	float: left;
}
.mT4 {
	margin-top: 4px;
}
.mT1 {
	margin-top: 1px;
}

.flowDrawingDiscription,
.flowDrawingBox {
	width: 185px;
}
.flowAttention {
	font-size: 11px;
	color: #E30F0E;
	letter-spacing: -1px;
}
.flowSokuYoyakuInner {
	padding: 12px 10px 25px 10px;
	position: relative;


}
.mT30 {
	margin-top: 30px;

}
.flowDrawingDiscriptionTitle {
	font-weight: bold;
}
.arrowDiscription {
	position: absolute;
	left: 46%;
	bottom: -13px;
}
.emptySheatSeachPeople {
	position: relative;
	padding-bottom: 30px;
	zoom: 1;
}
.emptySheatSeachPeopleTitle {
	font-size: 13px;
	font-weight: bold;

}
a.goToTopCalendar {
	text-align: center;
	display: block;
	background-color: #E7F0FA;
	text-decoration: underline;
	height: 40px;
	line-height: 40px;
	font-weight: bold;
	font-size: 14px;
}
a.goToTopCalendar:hover {
	text-decoration: none;
}
.goToTopCalendarIcon {
	padding: 4px 0 6px 23px;
	padding-left: 23px;
	background: url(/SYS/sokuyoyaku/images/icn/icon_go_to_calendar.png) no-repeat 0 0;
}
.yoyakuFullDiscription {
	color: #1570CB;
	position: absolute;
	right: 12px;
	bottom: 0;
}
.yoyakuFullDiscription a {
	padding-left: 7px;
	line-height: 12px;
	background: url(/SYS/sokuyoyaku/images/icn/icon_calendar.gif) no-repeat 0 3px;
}

.calendarMarkDiscription {
	display: inline;
}
.calendarMarkDiscriptionBox {
	text-align: right;
	font-size: 11px;
	margin-top: 5px !important;
}
.emptySheatSeachCalendar .chooseMonth {
	position: absolute;
	width: 652px;
	left: center;
	top: 0;
}
.emptySheatSeachCalendar .chooseLastMonth a,
.emptySheatSeachCalendar .chooseNextMonth a {
	font-weight: bold;
	position: absolute;
	color: #1470CC;
}
.emptySheatSeachCalendar .chooseLastMonth a {
	top: 20px;
	left: 0px;
}
.emptySheatSeachCalendar .chooseNextMonth a {
	top: 20px;
	right: 0px;
}

/* .calendarEmptySelect .calendarEmptySelect */

#mainContents .reserveSelectDetail td {
	line-height: 1;
	font-size: 12px;
}

#mainContents .calendarEmptySelect .calendarBox {
	border-right: solid 1px #BFBFBF;
	border-bottom: solid 1px #BFBFBF;

}


#mainContents .calendarEmptySelect table,#mainContents .calendarEmptySelect table td {
	border: solid 1px #CCCCCC;
}
#mainContents .calendarEmptySelect table td {
	width: 42px;
	color: #AAAAAA;
	text-align: center;
}

/*.calendarEmptySelect .calendarInner .calendarThisMonth */


#mainContents .calendarEmptySelect .calendarInner .calendarThisMonth {
	float: left;
}

/*.calendarEmptySelect .calendarInner .calendarNextMonth */
#mainContents .calendarEmptySelect .calendarInner .calendarNextMonth {
	float: right;
}

/* Common_Cell_day */
#mainContents .calendarEmptySelect .calendarNumber td {
	background-image: none;
	text-decoration: none;
	zoom: 1;
	background-color: #F7F7F7;
	height: 46px;
}
#mainContents .calendarEmptySelect .calendarNumber a,#mainContents .calendarEmptySelect .calendarNumber a:hover {
	zoom: 1;
	display: block;
	background-image: none;
	text-decoration: none;
	height: 46px;
}
#mainContents .calendarEmptySelect .calendarNumber .copiousness {
	background-color: #FFFFFF;

}
#mainContents .calendarEmptySelect .calendarNumber .copiousness a {
	text-decoration: none;
}
#mainContents .calendarEmptySelect .calendarNumber .copiousness .multiLineList {
	padding: 5px 0;

}
#mainContents .calendarEmptySelect .calendarNumber .copiousness .multiLineList .cellMarkDim {
	color: #888888;
} 
#mainContents .calendarEmptySelect .calendarNumber .copiousness a:hover {
	background: url(/SYS/sokuyoyaku/images/bg/bg_calendar_standart_alfa.png) no-repeat 0 0;
}
#mainContents .calendarEmptySelect .calendarNumber .copiousness a .cellMark {
	text-decoration: none;
}
#mainContents .calendarEmptySelect .calendarNumber .copiousness a:hover .cellMark {
	text-decoration: underline;
}
#mainContents .reserveSelectDetail div.emptySheatSeach {
	margin-bottom: 10px;
}
.emptySheatSeachCalendar {
	zoom: 1;
}

.cellMark {
	color: #1470CC;
	font-weight: bold;
}
a .cellMark {
	text-decoration: underline;
	margin-left: 1px;
}
a:hover .cellMark {
		text-decoration: none;
}
.cellNumber {
	color: #666666	;
	font-weight: bold;

}


/* Common_Cell_Saturday */
#mainContents .calendarEmptySelect .calendarNumber td.calendarSaturday {
	background-color: #F0F0FF;
}
#mainContents .calendarEmptySelect .calendarNumber table .calendarSaturday a:hover {
	background: #F0F0FF url(/SYS/sokuyoyaku/images/bg/bg_calendar_short_alfa.png) no-repeat 0 0;
}
/* Common_Cell_Sunday */
#mainContents .calendarEmptySelect .calendarNumber td.calendarSunday {
	background-color: #FFE5E5;
}
#mainContents .calendarEmptySelect .calendarNumber table .calendarSunday a:hover {
	background: #FFE5E5 url(/SYS/sokuyoyaku/images/bg/bg_calendar_short_alfa.png) no-repeat 0 0;
}

/* Common_Calendar_Title */
#mainContents .calendarEmptySelect .calendarInner .calendarTitle {
	margin-bottom: 8px;
}
#mainContents .calendarEmptySelect .calendarInner .calendarTitle .calendarTitleDay {
	text-align: center;
	font-size: 12px;
	font-weight: bold;
	color: #666666;
}

/* Common_Calendar_Week */
#mainContents .calendarEmptySelect .calendarInner .calendarWeek {
	width: 259px;

}

#mainContents .calendarEmptySelect .calendarInner .calendarWeek td {
	width: auto;
	height: 20px;
	padding-top: 2px;
	background-color: #EEE4D1;
}
#mainContents .calendarEmptySelect .calendarInner .calendarWeek td span {
	font-weight: bold;
}
#mainContents .calendarEmptySelect .calendarInner .calendarWeek td span.weekday {
	color: #555555;
}
#mainContents .calendarEmptySelect .calendarInner .calendarWeek td span.weeksat {
	color: #222589;
}
#mainContents .calendarEmptySelect .calendarInner .calendarWeek td span.weeksun {
	color: #A30000;
}
#mainContents .calendarEmptySelect .calendarInner .calendarWeek,#mainContents .calendarInner .calendarWeek td {
	border: 0;
}

/**** map ****/
div#mainContents table.cpNoticeBox td.preCPbox {
	width: 40%;
}
/* reserve_course_detail.html */
#mainContents .infoTable {
	margin-bottom: 0;
}
.typeSe #mainContents .closeBtn {
	margin-top: 40px;
}

.searchSeatBoxLInner {
    font-size: 100% !important;
    line-height: 2.5 !important;
}

/**** Search Panel ****/
#mainContents .planListSearchBox {
	position: relative;
	width: 718px;
	margin-left: 20px;
	margin-top: -1px;
	border: 1px solid #C4C4C4;
	display: none;
}
#mainContents .planListSearchTitle {
	border-top: none;
	border-right: none;
	border-left: none;
	border-bottom: 1px solid #C4C4C4;
}
#mainContents .planListSearchList {
	border: none;
	border-top: 0;
	margin: 0;
	padding: 0 6px;
}

/*****************************************************************
 日付未選択時の画面
*****************************************************************/
/*変更*/
#mainContents .searchSeatBox form p {
	float: left;
	margin: 0;
}
#mainContents .chooseWeek {
	width: 80px;
	float: right;
	margin: 5px 0 0;
	text-align: right;
	font-size: 10px;
}
#mainContents .searchSeatBox select.selectNumberForm,
#mainContents .selectPeopleOfNumber select.selectNumberForm{
	height: 25px;
}
/*新規*/
div#mainContents p.conditionsSelect {
	float: left;
	font-weight: bold;
	margin: 0 0 0 10px;
}
.tabMenuListWrap {
	position: relative;
	width: 720px;
	height: 28px;
	margin: 22px 0 2px 20px;
}
div#mainContents ul.tabMenuList {
	position: absolute;
	top: 0;
	right: 5px;
	margin: 0;
}
div#mainContents ul.tabMenuList > li {
	float: left;
	margin-right: 5px;
}
div#mainContents ul.tabMenuList > li > a {
	display: block;
}
div#mainContents table.calendarReserveList {
	width: 100%;
	margin: 0;
	border-collapse: collapse;
}
.calendarReserveListWrap {
	width: 720px;
	margin: 0 0 0 20px;
	min-height: 80px;
}
.calendarReserveList > thead th.cellTitle,
.calendarReserveList > thead th.cellMonth,
.calendarReserveList > thead th.cellWeek,
.calendarReserveList > thead th.cellDates,
.calendarReserveList > thead th.calendarShopItemTitle {
	background: #f1f1f1;
	text-align: center;
	padding: 0;
	font-size: 12px;
	font-weight: normal;
}
.calendarReserveList > thead th.cellMonth,
.calendarReserveList > thead th.calendarShopItemTitle {
	color: #666666;
	font-weight: bold;
}
.calendarReserveList > thead th.cellWeek,
.calendarReserveList > thead th.cellDates {
	width: 21px;
}
.calendarReserveList > tbody td {
	height: 34px;
	padding: 5px;

}
.calendarReserveList .cellMark {
	text-decoration: underline;
	cursor: pointer;
}
.calendarReserveList .cellMark:hover {
	background: #fee6a3;
	text-decoration: none;
}
.cellWeek {
	padding: 5px;
}
.calendarReserveList > thead th.cellCurrent,
.calendarReserveList > tbody td.cellCurrent {
	background: #FFEAD4;
}
.calendarReserveList > thead th.cellSaturday,
.calendarReserveList > tbody td.cellSaturday {
	background: #E4F5FF;
}
.calendarReserveList > thead th.cellSunday,
.calendarReserveList > tbody td.cellSunday {
	background: #FFEDEB;
}
.calendarReserveList > thead th.cellDisabled,
.calendarReserveList > tbody td.cellDisabled {
	color: #666;
	background: #F5F5F5;
}
.calendarReserveList > tbody td.cellInvalid {
	background: #E7E7E7;
}
.smokingIcon {
	background: url(/SYS/sokuyoyaku/images/icn/icon_condition_01.gif) no-repeat top right;
	padding-right: 15px;
}
.nonSmokingIcon {
	background: url(/SYS/sokuyoyaku/images/icn/icon_condition_02.gif) no-repeat top right;
	padding-right: 18px;
}
.privateRoomIcon {
	background: url(/SYS/sokuyoyaku/images/icn/icon_condition_03.gif) no-repeat top right;
	padding-right: 18px;
}
div#mainContents table p.seatType,
div#mainContents table p.seatCaption,
div#mainContents table p.seatPhotoLink {
	margin-bottom: 0;
}
.seatCaption {
	width: 230px;
	font-size: 10px;
}
.seatPhotoLink > span {
	font-size: 10px;
	color: #1470CC;
	cursor: pointer;
}
.seatPhotoLink > span:hover {
	cursor: pointer;
}
.selectNumberFormWrap {
	float: left;
	margin-right: 10px;
	text-align: right;
}
div#mainContents p.selectNumberFormInner {
	line-height: 2.5;
	/line-height: 2.5;
	margin: 0;
}
#mainContents .searchSeatDesc span.mLR3 { margin: 0 3px !important;}

.calendarSeatType {
	width: 250px;
}
.calendarVisitPossibleTime {
	width: 91px;
}
.calendarSeatCapacity {
	width: 58px;
}
.cellVisitTime {
	padding: 5px 0 !important;
	text-align: center;
}
.w710 {width: 710px;}
.w95 {width: 95px;}
.fgblue {color:#0066FF;}
/*****************************************************************
 日付選択時の画面
*****************************************************************/
/*変更*/
#mainContents .searchSeatBoxDate {
	margin-left: 30px;
	padding: 4px 0;
}
#mainContents .planListSeatInfo {
	width: 720px;
	margin: 0 0 0 20px;
}
#mainContents .searchSeatBoxDate dt {
	float: left;
	line-height: 29px;
}
/*新規*/
.balloonIco {
	background: url(/SYS/sokuyoyaku/images/icn/pointBalloonIco.png) no-repeat center right;
	padding-right: 80px;
}
div#mainContents p.reservationState {
	float: left;
	margin-bottom: 0;
	line-height: 31px;
}
.seatReservationBtn {
	float: right;
}
.seatReservationBtn > img {
	cursor: pointer;
}
.h38 {height: 38px;}
/*吹き出し*/
.calendarBalloonWrap {
	position: absolute;
	top: -5px;
	left: 415px;
}
/*店舗写真マウスオーバー*/
.resizeImg {
	max-width: 238px;
	max-height: 238px;
}
/*席タイプリンク*/
.calendarSeatTypeLink {
	color: #1470CC;
	text-decoration: none;
	cursor: pointer;
}
.calendarSeatTypeLink:hover {
	text-decoration: underline;
}
.shopDetailFigure {
	border: 1px solid #DFDFDF;
	width: 180px;
	height: 180px;
	text-align: center;
	position: relative;
	z-index: 99;
}
.dropDownSmallFigure {
	position: absolute;
	width: 264px;
	z-index: 200;
}
.boxFigure {
	border-radius: 3px;
	border: 3px solid #DFDFDF;
	background: #DFDFDF;
}
.boxFigureInner {
	border-radius: 3px;
	background: #FFFFFF;
}
.positionFigure {
	right: -268px;
	top: -3px;
}
.dropDownFigure {
	border: 1px solid #DFDFDF;
	margin: 0 auto !important;
	text-align: center;
	width: 238px;
	height: 238px;
}
.dropDownArrow {
	position: absolute;
	top: 16px;
	right: 264px;
}
div#mainContents .dropDownFigureCaption,
.dropDownFigureCaption {
	margin: 5px 10px 0;
}
.padTB10	{ padding: 10px 0 !important; }
.mL40		{ margin-left: 40px !important; }
.mB15		{ margin-bottom: 15px !important; }
.z1			{ z-index: 1 !important; }

/* 201412月本反映 */
/* コース一覧 */
.planListSearchBoxWide,
.shopInnerWide .searchResultNone{
	width: 758px !important;
	margin-left: 0px !important;
}
.calendarReserveListWrapWide,
.planListSeatInfoWide{
	width: 760px !important;
}