@charset "Shift_JIS";
/*
CSS Information
==============================================================

	Site Name: EAST 21
	Description: パーティー用モジュール
	Version: 

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



/*---------- 共通 -------------*/
h1 img{ vertical-align: bottom;}
body #content-area P{
	margin: 0;
	font-size: 12px;
	line-height: 1.4;
}
div.section{
	clear: both;
	margin-bottom: 20px;
	overflow: hidden;
}
ul li{
	list-style: none;
}
/*---------- planTOP -------------*/

.planB{
	margin-bttom: 10px;
	overflow: hidden;
	clear: both;
}
.planB div{
	float: left;
	width: 290px;
}
.planB div h4{
	padding: 3px 0;
	color: #3F6B55;
	font-weight: bold;
	font-size: 12px;
}
.planB div.firstchild{
	margin-right: 10px;
}
.planB div p.fair-date{
	line-height: 1.6;
	background: url(../images/party/icon_day.gif) no-repeat 0 top;
	padding-left: 2em;
}
.planB div .btn,
.planS div.text .btn{
	margin-top: 10px;
	text-align: right;
}
.planS{
	padding-top:10px;
	clear: both;
	overflow: hidden;
}
.planS p.img{
	float: left;
	width: 150px;
}
.planS div.text{
	float: left;
	width: 440px;	float: left;
}
.planS div.text h4{
	padding-bottom: 3px;
	color: #3F6B55;
	font-weight: bold;
	font-size: 12px;
}




/*---------- plan -------------*/
.plan{
	overflow: hidden;
	margin-bottom: 5px;
	padding-bottom: 10px;
	zoom: 1; /* ie6 */
	background: url(../images/party/plan_bottom_bg.gif) no-repeat 0 bottom;
}

.plan_02{
	background: url(../images/party/plan_bottom_bg02.gif) no-repeat 0 bottom;
}
.plan div.firstchild{
	margin-right: 2px;
}
.plan div{
	position: relative;
	float: left;
	width: 294px;
}
.plan div h4{
	padding: 0;
}
.plan div ul.kind{
	position: absolute;
	right: 10px;
	top: 10px;
}
.plan div p.lead{
	margin-left: 10px;
}
.plan div dl{
	margin-left: 10px;
}
.plan div dl dt{
	clear: both;
	float: left;
	width: 40px;
}
.plan div dl dd{
	margin: 0 10px 5px 45px;
	color: #333;
}

.plan div.drink div{
	width: 288px;
	margin: 10px 0 10px;
	padding: 0 0 15px 7px;
	background: url(../images/party/drink_bottom_bg.gif) no-repeat 6px bottom;
}
.plan div.drink div h4{
	margin: 0 0 5px 10px;
}
.plan div.drink div ul{
	margin: 0 0 0 14px;
}
.plan div.drink div li{
	float: left;
	width: 90px;
	_width: 85px; /* ie6 */
	padding: 0 0 5px;
	color: #333;
}
.plan div.drink ul.attention{
	clear: both;
	width: 284px;
	margin: 0 0 0 10px;
}
.plan div.drink ul.attention li{
	padding: 0 0 3px 1em;
	text-indent: -1em;
}

#planBlock li{
	float:left;
	margin: 0 10px 10px 0;	
}
#planBlock li.lastchild{
	margin-right:0;	
}

/*---------- メニュー -------------*/

.menu{
	background: url(../images/party/menu_bottom_bg.gif) no-repeat 0 bottom;
}
.menu div{
	padding: 15px;
	background: url(../images/party/menu_top_bg.gif) no-repeat 0 top;
}
.menu div .menuList dt{
	float: left;
	clear: both;
	width: 60px;
}
.menu div .menuList dd{
	/text-indent: -3px;
	margin:0 0 7px 65px;
}
/*---------- バス -------------*/
div.bus{
	text-align: left;
	_zoom: 1; /* ie6 */
}
div.bus p.img{
	float:left;
	margin-right: 10px;
	width: 235px;
}

/*---------- ウインタープラン　20121015 -------------*/
.anchorNav{
	text-align: center;
	margin-bottom: 10px;
	background: #efefef;
	padding: 5px;
}
.anchorNav li{
	display: inline-block;
	/display: inline;　/* ie 6 7 */
	/zoom: 1; /* ie 6 */

}
#winter .planBlock{ margin-bottom: 20px;}
#winter .planBlock h4{ padding: 0;}
#winter .planBlock .inner{
	padding: 20px;
	border: 1px solid #ccc;
	border-top: none;
}
#winter .menuList h5{
	margin: 0 0 10px 0;
	padding:  0 0 10px 0;
	border-bottom: 1px dashed #ccc;
}
#winter .detailBlock .detail,
#winter .detailBlock .img{
	float: left;
	margin: 0;
	text-align: left;
}
#winter .detailBlock .detail{
	width: 285px;
	padding-right: 10px;	
}
#winter .detailBlock .img{ width: 250px;text-align: right;}
#winter .detailBlock .drinkBlock{
	margin: 0;
	padding: 10px;
	width: 235px;	
	border: 1px solid #ccc;
}
#winter .detailBlock .drinkBlock p{
	width: auto;	
}
#winter .menuList h6{
	margin: 0;
	padding: 0;
}
#winter .menuList div{
	padding: 10px;
}
#winter .menuList div li{
	display: inline-block;
	/display: inline;
	/zoom: 1;
	white-space: nowrap;	
	text-align: left;
	margin-right: 15px;
}
#winter .menuList .green{ background: #e6fee6;}
#winter .menuList .red{ background: #fee6e6;}


/*---------- spring -------------*/
#spring{
	width:590px;
	overflow:hidden;
}
#spring #planBlock{
	margin-bottom: 10px;
	padding-bottom: 10px;
	background: url(../images/spring/plan_bg_bottom.gif) no-repeat 0 bottom;
}
#spring #planBlock div{
	float: left;
	width: 170px;
	margin-left: 10px;
	padding: 10px 10px 0;
	background: url(../images/spring/plan_bg_top.gif) no-repeat 0 0;
}
#spring #planBlock div.firstchild{ margin-left: 0;}
#spring #planBlock div h5{ padding-bottom: 10px;}
#spring #planBlock div p{
	text-align: center;
	padding-bottom: 5px;
	line-height: 1.6;
}
#spring #planBlock div p.txt{
	text-align: left;
}
#spring .listBlock{
	margin-bottom: 20px;
	line-height: 1.6;
}

#spring .sampleMenu{
	margin-bottom: 10px;
	background: #faf1dc;
	padding: 15px;
}
#spring #drink{ background: #f1e6f3;}
#spring .sampleMenu p{
	margin-bottom: 10px;
}
#spring .sampleMenu div{
	margin-bottom: 10px;
	padding: 15px;
	background: #fff;
	width: 530px;
	_width: 520px;
}
#spring .sampleMenu div ul{
	float: left;
	margin-right:30px;
}
#spring .sampleMenu div ul.lastchlid{
	margin-right: 0;
}
#spring .sampleMenu div ul li{
	line-height: 1.6;
}
#spring #drink  ul{ float: none;}
#spring #drink  ul li{
	float: left;
	padding-right: 1.5em;
	list-style: none;
}
#spring .sampleMenu p.mar-b0{ margin-bottom: 0;}


.sampleMenu2{
	width: 610px;	
	margin-bottom: 10px;
	padding-bottom: 10px;
	overflow: hidden;
	background: url(../images/summer_2013/bg_bottom.jpg) no-repeat 0 bottom;
}
.sampleMenu2 .inner{
	width: 285px;
	float: left;
	margin-right: 20px;
	background:	#faf1dc;
}
.sampleMenu2 .inner h5{
	margin: 15px 0 10px 10px;
}
.sampleMenu2 .inner div{
	background: #fff;
	width: 245px;
	padding: 10px;
	margin: 0 10px;
}
.sampleMenu2 .inner div li{
	line-height: 1.6;
}
#spring .sampleMenu #spmenu ul{
	width:48%;
	float: left;
	margin-right: 10px;
}


/*---------- パーティプラン -------------*/
#party{
}

.partyNav{ text-align: center;}
.partyNav li{
	font-size: 11px;
	margin: 10px 0;
}

#party .frame{
	padding-top: 18px;
	background: url(../images/party/bg_top.gif) no-repeat 0 top;
}
#party .frame .inner{
	margin-bottom: 10px;
	padding: 0 18px 18px;
	background: url(../images/party/bg_bottom.gif) no-repeat 0 bottom;
}
#party .frame .inner .top{
	width: 545px;
	margin-bottom: 15px;
	background: url(../images/party/line.gif) no-repeat 0 bottom;
}
#party .frame .inner .planBlock{ margin-bottom: 30px;}
#party .frame .inner .lastchild{ margin-bottom: 10px;}
#party .frame .inner .tBlock{
	margin-bottom: 10px;
	padding-bottom: 10px;
	background: url(../images/party/t_line.gif) no-repeat 0 bottom;
}
#party .frame .inner .tBlock h4{
	float: left;
}
#party .frame .inner .tBlock .tread{
	float: left;
	margin-left: 20px;
}



#party .frame .inner .top h5{
	float: left;
	width: 40%;
	clear: both;
}
#party .frame .inner .top h5 img{
	margin-bottom: 2px;
}
#party .frame .inner .top ul{
	float: right;
	width: 55%;
}
#party .frame .inner .top ul li{
	float: right;
	margin: 20px 0 0 10px;
	display: inline-block;
	/display: inline;
	/zoom: 1;
}

#party .frame .inner .drinkList{
	margin-top: 15px;
	padding: 5px 10px;
	border: 1px solid #dacba5;
	background: #fcf1d5;
}





#optionBlock{
	margin-bottom: 10px;
	border: 1px solid #ccc;
	background: #f5f5f5;
}
#optionBlock .inner{
	padding: 10px 8px 0;
	border: 1px solid #fff;
	background: #f5f5f5;
}

#optionBlock .inner dl{
	float: left;
	width: 49%;	
	_width: 47%;	
	padding-bottom: 5px;
	font-size: 11px;
}
#optionBlock .inner dt{
	clear: both;
	float: left;
	line-height: 1.6;
}
#optionBlock .inner dd{
	text-align: right;
	line-height: 1.6;
	padding-right: 15px;
	font-size: 11px;
}
#optionBlock .inner p{
	clear: both;
	font-size: 11px;
	padding-bottom: 5px;
}
#optionBlock .inner dl.lastchild dd{
	padding: 0;
}
#notesBlock{
	margin-bottom: 10px;
}
#notesBlock li{
	text-indent: -1em;
	line-height: 1.6;
	padding-left: 1em;
	font-size: 10px;
	color: #333;
}















/*---------- 共通 -------------*/
.partyNav li,
#party .frame .inner .top dt,
#party .frame .inner .top dd{
	display: inline-block;
	/display: inline;　/* ie 6 7 */
	/zoom: 1; /* ie 6 */
}
.mar-b30{ margin-bottom: 30px;}