@import url(../../css/global.css);
@import url(juneau.css);

#cont {
	padding-top: 0px;
}
#mainContents {
	margin: 0px;
	padding: 0px;
}
#mainContents.lunch .header {
	background: url(../images/juno/lunch/title.jpg) no-repeat left top;
	height: 207px;
}
#mainContents.dinner .header {
	background: url(../images/juno/dinner/title.jpg) no-repeat left top;
	height: 207px;
}
#mainContents .header h2 {
	display: none;
}
#mainContents .details {
	padding: 10px;
}
#mainContents.lunch .details {
	background: #fcfaed;
	border-right: 1px solid #dedac0;
	border-bottom: 1px solid #dedac0;
	border-left: 1px solid #dedac0;
	padding: 10px;
	width: 593px;
}
#mainContents.dinner .details {
	background: #000000;
	border-right: 1px solid #000000;
	border-bottom: 1px solid #000000;
	border-left: 1px solid #000000;
	padding: 10px;
	width: 593px;
}
#mainContents.lunch .open {
	background: url(../images/juno/lunch/box_bg.gif) repeat-y left top;
	text-align: center;
	padding: 10px;
	border: 2px solid #d6c28e;
	font-size: 80%;
	line-height: 1.3em;
	color: #716339;
	margin-bottom: 20px;
}
#mainContents.dinner .open {
	text-align: center;
	padding: 10px;
	border: 2px solid #3f3828;
	font-size: 80%;
	line-height: 1.3em;
	color: #FFFFFF;
	margin-bottom: 20px;
	background: #391309;
}
#mainContents .imgBox01 {
	width: 233px;
	padding-left: 9px;
	margin-bottom: 23px;
}
#mainContents .imgBox02 {
	width: 260px;
}
#mainContents .imgBox02 img {
	margin-bottom: 10px;
}
#mainContents .txtBox01 {
	width: 335px;
}
#mainContents .txtBox02 {
	width: 375px;
	margin-bottom: 23px;
}
#mainContents .txtBox03 {
	width: 210px;
}
#mainContents h3 {
	font-size: 95%;
	line-height: 1.3em;
	padding-bottom: 5px;
	margin-bottom: 12px;
	padding-right: 2px;
	padding-left: 2px;
}
#mainContents.lunch h3 {
	color: #9c8444;
	border-bottom: 1px solid #ccbf98;
}
#mainContents.dinner h3 {
	color: #cfb168;
	border-bottom: 1px solid #a08950;
}
#mainContents p {
	font-size: 80%;
	line-height: 1.3em;
}
#mainContents li, #mainContents dt, #mainContents dd {
	font-size: 95%;
	line-height: 1.3em;
}
#mainContents.lunch p, #mainContents.lunch li, #mainContents.lunch dt, #mainContents.lunch dd {
	color: #524d30;
}
#mainContents.dinner p, #mainContents.dinner li, #mainContents.dinner dt, #mainContents.dinner dd {
	color: #dbdbdb;
}
#mainContents .details p {
	margin-bottom: 1.3em;
	padding-right: 1.5em;
}
#mainContents.lunch .details p.caution {
	text-indent: -1em;
	padding-left: 2.5em;
	color: #d24747;
}
#mainContents.dinner .details p.caution {
	text-indent: -1em;
	padding-left: 2.5em;
	color: #f38282;
}

#mainContents .details dt {
	list-style-type: disc;
	display: list-item;
	width: 300px;
}
#mainContents .details dl {
	padding-left: 35px;
	margin-bottom: 1.5em;
}
#mainContents .details dd {
	text-align: right;
	margin-top: -1.3em;
	margin-bottom: 0.5em;
}

/*　アラカルト-----------------------------------------------*/
#mainContents .alacarte {
	float: left;
	width: 260px;
	padding-left: 10px;
	padding-right: 10px;
}
#mainContents.dinner h4 {
	font-size: 95%;
	line-height: 1.3em;
	font-weight: normal;
	background: #371f1b;
	padding: 1px 7px 2px;
	color: #ffffff;
	margin-bottom: 0.5em;
}

#mainContents .alacarte dt.border {
	margin-bottom: 0.5em;
	padding-bottom: 0.4em;
	border-bottom: 1px dotted #a4a4a4;
}

#mainContents .alacarte dt.blue {
	color:#39C;
}

#mainContents.lunch h4 {
	font-size: 95%;
	line-height: 1.3em;
	font-weight: normal;
	background: #371f1b;
	padding: 1px 7px 2px;
	color: #ffffff;
	margin-bottom: 0.5em;
}

#mainContents .alacarte dl {
	padding-left: 0px;
	margin-bottom: 0.7em;
}
#mainContents .alacarte dt, #mainContents .alacarte dd {
	font-size: 80%;
	line-height: 1.3em;
}
#mainContents .alacarte dt {
	list-style-type: none;
	width: 260px;
}
#mainContents .alacarte dd {
	margin-bottom: 3px;
	margin-left: 0px;
}
#mainContents .alacarte dd.comment {
	font-size: 70%;
	line-height: 1.2em;
	margin-top: 0px;
	color: #c2a35e;
	padding-left: 20px;
	text-align: left;
	margin-left: 0px;
}
#mainContents .alacarte dd.border {
	margin-bottom: 0.5em;
	padding-bottom: 0.4em;
	border-bottom: 1px dotted #a4a4a4;
}

.menuLCol {
	float: left;
	width: 285px;
}
.menuRCol {
	float: right;
	width: 285px;
}
#mainContents .menuLCol .alacarte ,
#mainContents .menuRCol .alacarte {
	width: 260px;
}
#mainContents .menuLCol .alacarte dt ,
#mainContents .menuRCol .alacarte dt {
	width: auto;
}

/*　アラカルト-----------------------------------------------*/



/*　アラカルト 2-----------------------------------------------*/
#mainContents .alacarte2 {
	float: left;
	width: 555px;
	padding-left: 15px;
	padding-right: 15px;
}
#mainContents.dinner h4 {
	font-size: 95%;
	line-height: 1.3em;
	font-weight: normal;
	background: #371f1b;
	padding: 1px 7px 2px;
	color: #ffffff;
	margin-bottom: 0.5em;
}

#mainContents .alacarte2 dt.border {
	margin-bottom: 0.5em;
	padding-bottom: 0.4em;
	border-bottom: 1px dotted #a4a4a4;
}

#mainContents.lunch h4 {
	font-size: 95%;
	line-height: 1.3em;
	font-weight: normal;
	background: #371f1b;
	padding: 1px 7px 2px;
	color: #ffffff;
	margin-bottom: 0.5em;
}

#mainContents .alacarte2 dl {
	padding-left: 0px;
	margin-bottom: 0.7em;
}
#mainContents .alacarte2 dt, #mainContents .alacarte2 dd {
	font-size: 80%;
	line-height: 1.3em;
}
#mainContents .alacarte2 dt {
	list-style-type: none;
	width: 500px;
}
#mainContents .alacarte2 dd {
	margin-bottom: 3px;
	margin-left: 0px;
}
#mainContents .alacarte2 dd.comment {
	font-size: 70%;
	line-height: 1.2em;
	margin-top: 0px;
	color: #c2a35e;
	padding-left: 20px;
	text-align: left;
	margin-left: 0px;
}
#mainContents .alacarte2 dd.border {
	margin-bottom: 0.5em;
	padding-bottom: 0.4em;
	border-bottom: 1px dotted #a4a4a4;
}

.menuLCol {
	float: left;
	width: 285px;
}
.menuRCol {
	float: right;
	width: 285px;
}
#mainContents .menuLCol .alacarte2 ,
#mainContents .menuRCol .alacarte2 {
	width: 260px;
}
#mainContents .menuLCol .alacarte2 dt ,
#mainContents .menuRCol .alacarte2 dt {
	width: auto;
}

/*　アラカルト 2-----------------------------------------------*/

.box p.txt-red ,.txt-red {
	color: #b42525;
}