@charset "utf-8";
@import "/css/template.css";

/*------------------------------------------------------------
	ドリンクメニュー
------------------------------------------------------------*/
#conts {
	margin: 0 75px;
	padding: 0;
	
	font-size: 120%;
}

#conts img.copy {
	margin: 0 0 15px 0;
}


#conts h2 {
	margin: 5px 0 10px 0;
}

#conts h3 {
	margin: 5px 0 10px 0;
	clear: both;
}

#conts h4 {
	margin: 0 0 10px 0;
	padding: 5px 0 0 0;
}

#conts p {
	padding: 0 0 30px 0;
	
	line-height: 1.7;
}

#conts p.top {
	padding: 0 0 12px 0;
}

#conts p.bold {
	padding: 0 0 12px 0;

	font-weight: bold;
}

#conts p.btm {
	padding: 0 0 20px 0;
}

#conts ul {
	margin: 0 0 40px 0;

	font-size: 90%;
}

#conts li {
	margin: 0 0 8px 0;
}

#conts li a {
	padding: 0 0 0 10px;
	background: url(/img/template/arrow01.gif) no-repeat left center;
}

#conts img.right {
	margin: 5px 0 35px 20px;
	
	float: right;
}

#conts div {
	margin: 0 40px;
	padding: 5px 0;
}

#conts div p {
	padding: 0 0 25px 0;
}

#conts div ul.one {
	margin: 0 0 10px 5px;
	padding: 20px 10px 0;
	height: 50px;
	/*background: url(/img/menu/drink/box1.gif) no-repeat left;*/
	position: relative;
	
	clear: left;
}

	* html #conts div ul.one {
		height: 70px;
		/*Mac IE用ハック*/
		/*\*//*/
		height: 50px;
		/**/ 
	}

#conts div ul.one1 {
	margin: 0 0 20px 5px;
	padding: 20px 10px 0;
	height: 220px;
	/*background: url(/img/menu/drink/box1.gif) no-repeat left;*/
	position: relative;
	
	clear: left;
}

	* html #conts div ul.one1 {
		height: 190px;
		/*Mac IE用ハック*/
		/*\*//*/
		height: 170px;
		/**/ 
	}


#conts div ul.two {
	margin: 0 0 0 5px;
	padding: 22px 10px 0;
	height: 138px;
	/*background: url(/img/menu/drink/box2.gif) no-repeat left;*/
	
	clear: left;
}

#conts div ul.three {
	margin: 0 0 0 5px;
	padding: 20px 10px 0;
	height: 115px;
	/*background: url(/img/menu/drink/box3.gif) no-repeat left;*/
	
	clear: left;
}

	* html #conts div ul.one, * html #conts div ul.two, * html #conts div ul.three {
		margin-bottom: 5px;
		/*Mac IE用ハック*/
		/*\*//*/
		margin-bottom: 0;
		/**/ 
		padding-top: 10px;
		/*Mac IE用ハック*/
		/*\*//*/
		padding-top: 20px;
		/**/ 
	}

#conts div li {
	width: 50%;
	
	float: left;
	
	font-size: 110%;	
	line-height: 1.3;
}

#conts div li.last {
	width: auto;
	position: absolute;
	bottom: 5px;
	right: 25px;
	
	color: #CC0000;
	font-weight: bold;
}

	* html #conts div ul.one li.last {
		position: relative;
		bottom: -5px;
		left: 425px;
		/*Mac IE用ハック*/
		/*\*//*/
		position: absolute;
		bottom: 5px;
		right: 25px;
		/**/ 
	}
	
	*+html #conts div ul.one li.last {
		position: relative;
		bottom: 5px;
		left: 425px;
	}

#conts div ul.two li {
	width: 50%;
	
	float: left;
	
	font-size: 110%;	
	line-height: 1.1;
}

#conts .box1 {
	margin: 0 0 30px;
	padding: 5px 10px 0 0;
	width: 520px;

	/*background: url(/img/menu/drink/back1.gif) no-repeat 130px 10px;*/
	position: relative;
}

#conts .box1 p {
	margin: 0 0 10px 0;
	padding: 0;
	
	position: relative;
	
	line-height: 1;
}

#conts .box1 p span {
	position: absolute;
	top: 0;
	right: 7px;
	
	color: #CC0000;
	font-weight: bold;
}

#conts .box2 {
	margin: 0 0 30px;
	padding: 5px 10px 0 0;
	width: 520px;

	background: url(/img/menu/drink/back2.gif) no-repeat 115px 13px;
	position: relative;
}

#conts .box2 p {
	margin: 0;
	padding: 0;
	
	position: relative;
	
	line-height: 1.1;
}

#conts .box2 p span {
	position: absolute;
	top: 0;
	right: 7px;
	
	color: #CC0000;
	font-weight: bold;
}

#conts .box3 {
	margin: 0;
	padding: 5px 10px 0 0;
	width: 520px;

	/*background: url(/img/menu/drink/back3.gif) no-repeat 75px 12px;*/
	position: relative;
}

#conts .box3 p {
	margin: 0 0 20px;
	padding: 0;
	
	position: relative;
	
	line-height: 1.1;
}

#conts .box3 p span {
	position: absolute;
	top: 0;
	right: 7px;
	
	color: #CC0000;
	font-weight: bold;
}

#conts .box4 {
	margin: 0 0 15px;
	padding: 5px 10px 0 0;
	width: 520px;

	/*background: url(/img/menu/drink/back04.gif) no-repeat 45px 13px;*/
	position: relative;
}

#conts .box4 p {
	margin: 0 0 12px;
	padding: 0;
	
	position: relative;
	
	line-height: 1.1;
}

#conts .box4 p span {
	position: absolute;
	top: 0;
	right: 7px;
	
	color: #CC0000;
	font-weight: bold;
}

#conts .box5 {
	margin: 0 0 20px;
	padding: 5px 10px 0 0;
	width: 520px;

	/*background: url(/img/menu/drink/back4.gif) no-repeat 163px 13px;*/
	position: relative;
}

#conts .box5 p {
	margin: 0 0 12px;
	padding: 0;
	
	position: relative;
	
	line-height: 1.1;
}

#conts .box5 p span {
	position: absolute;
	top: 0;
	right: 7px;
	
	color: #CC0000;
	font-weight: bold;
}

#conts .box6 {
	margin: 0 0 20px;
	padding: 5px 10px 0 0;
	width: 520px;

	/*background: url(/img/menu/drink/back5.gif) no-repeat 115px 13px;*/
	position: relative;
}

#conts .box6 p {
	margin: 0 0 12px;
	padding: 0;
	
	position: relative;
	
	line-height: 1.1;
}

#conts .box6 p span {
	position: absolute;
	top: 0;
	right: 7px;
	
	color: #CC0000;
	font-weight: bold;
}

#conts .box7 {
	margin: 0 0 20px;
	padding: 5px 10px 0 0;
	width: 520px;

	/*background: url(/img/menu/drink/back6.gif) no-repeat 135px 12px;*/
	position: relative;
}

#conts .box7 p {
	margin: 0 0 12px;
	padding: 0;
	
	position: relative;
	
	line-height: 1.1;
}

#conts .box7 p span {
	position: absolute;
	top: 0;
	right: 7px;
	
	color: #CC0000;
	font-weight: bold;
}

#conts .box8 {
	margin: 0 0 10px;
	padding: 5px 10px 0 0;
	width: 520px;

	/*background: url(/img/menu/drink/back7.gif) no-repeat 120px 12px;*/
	position: relative;
}

#conts .box8 p {
	margin: 0 0 12px;
	padding: 0;
	
	position: relative;
	
	line-height: 1.1;
}

#conts .box8 p span {
	position: absolute;
	top: 0;
	right: 7px;
	
	color: #CC0000;
	font-weight: bold;
}

#conts .box9 {
	margin: 0 0 10px;
	padding: 5px 10px 0 0;
	width: 520px;

	/*background: url(/img/menu/drink/back8.gif) no-repeat 105px 16px;*/
	position: relative;
}

#conts .box9 p {
	margin: 0 0 5px;
	padding: 0;
	
	position: relative;
	
	line-height: 1.7;
}

#conts .box9 p span {
	position: absolute;
	top: 0;
	right: 7px;
	
	color: #CC0000;
	font-weight: bold;
}

	* html #conts .box9 p span {
		top: -4px;
		/*Mac IE用ハック*/
		/*\*//*/
		top: 0;
		/**/ 
	}
	
	*+html #conts .box9 p span {
		top: -4px;
	}

#conts .box10 {
	margin: 0 0 10px;
	padding: 5px 10px 0 0;
	width: 520px;

	/*background: url(/img/menu/drink/back9.gif) no-repeat 100px 16px;*/
	position: relative;
}

#conts .box10 p {
	margin: 0 0 5px;
	padding: 0;
	
	position: relative;
	
	line-height: 1.7;
}

#conts .box10 p span {
	position: absolute;
	top: 0;
	right: 7px;
	
	color: #CC0000;
	font-weight: bold;
}

	* html #conts .box10 p span {
		top: -4px;
		/*Mac IE用ハック*/
		/*\*//*/
		top: 0;
		/**/ 
	}
	
	*+html #conts .box10 p span {
		top: -4px;
	}

#conts .box11 {
	margin: 0 0 10px;
	padding: 5px 10px 0 0;
	width: 520px;

	/*background: url(/img/menu/drink/back10.gif) no-repeat 120px 16px;*/
	position: relative;
}

#conts .box11 p {
	margin: 0 0 5px;
	padding: 0;
	
	position: relative;
	
	line-height: 1.7;
}

#conts .box11 p span {
	position: absolute;
	top: 0;
	right: 7px;
	
	color: #CC0000;
	font-weight: bold;
}

	* html #conts .box11 p span {
		top: -4px;
		/*Mac IE用ハック*/
		/*\*//*/
		top: 0;
		/**/ 
	}
	
	*+html #conts .box11 p span {
		top: -4px;
	}

#conts .box12 {
	margin: 0 0 10px;
	padding: 5px 10px 0 0;
	width: 520px;

	/*background: url(/img/menu/drink/back11.gif) no-repeat 150px 16px;*/
	position: relative;
}

#conts .box12 p {
	margin: 0 0 5px;
	padding: 0;
	
	position: relative;
	
	line-height: 1.7;
}

#conts .box12 p span {
	position: absolute;
	top: 0;
	right: 7px;
	
	color: #CC0000;
	font-weight: bold;
}

	* html #conts .box12 p span {
		top: -4px;
		/*Mac IE用ハック*/
		/*\*//*/
		top: 0;
		/**/ 
	}
	
	*+html #conts .box12 p span {
		top: -4px;
	}

#conts .box13 {
	margin: 0 0 10px;
	padding: 5px 10px 0 0;
	width: 520px;

	/*background: url(/img/menu/drink/back13.gif) no-repeat 120px 16px;*/
	position: relative;
}

#conts .box13 p {
	margin: 0 0 5px;
	padding: 0;
	
	position: relative;
	
	line-height: 1.7;
}

#conts .box13 p span {
	position: absolute;
	top: 0;
	right: 7px;
	
	color: #CC0000;
	font-weight: bold;
}

	* html #conts .box13 p span {
		top: -4px;
		/*Mac IE用ハック*/
		/*\*//*/
		top: 0;
		/**/ 
	}
	
	*+html #conts .box13 p span {
		top: -4px;
	}

#conts .box14 {
	margin: 0 0 10px;
	padding: 5px 10px 0 0;
	width: 520px;

	/*background: url(/img/menu/drink/back13.gif) no-repeat 120px 16px;*/
	position: relative;
}

#conts .box14 p {
	margin: 0 0 5px;
	padding: 0;
	
	position: relative;
	
	line-height: 1.7;
}

#conts .box14 p span {
	position: absolute;
	top: 0;
	right: 7px;
	
	color: #CC0000;
	font-weight: bold;
}

	* html #conts .box14 p span {
		top: -4px;
		/*Mac IE用ハック*/
		/*\*//*/
		top: 0;
		/**/ 
	}
	
	*+html #conts .box14 p span {
		top: -4px;
	}

#conts .box15 {
	margin: 0 0 10px;
	padding: 5px 10px 0 0;
	width: 520px;

	/*background: url(/img/menu/drink/back15.gif) no-repeat 110px 16px;*/
	position: relative;
}

#conts .box15 p {
	margin: 0 0 5px;
	padding: 0;
	
	position: relative;
	
	line-height: 1.7;
}

#conts .box15 p span {
	position: absolute;
	top: 0;
	right: 7px;
	
	color: #CC0000;
	font-weight: bold;
}

	* html #conts .box15 p span {
		top: -4px;
		/*Mac IE用ハック*/
		/*\*//*/
		top: 0;
		/**/ 
	}
	
	*+html #conts .box15 p span {
		top: -4px;
	}

#conts .box16 {
	margin: 0 0 10px;
	padding: 5px 10px 0 0;
	width: 520px;

	/*background: url(/img/menu/drink/back16.gif) no-repeat 135px 16px;*/
	position: relative;
}

#conts .box16 p {
	margin: 0 0 5px;
	padding: 0;
	
	position: relative;
	
	line-height: 1.7;
}

#conts .box16 p span {
	position: absolute;
	top: 0;
	right: 7px;
	
	color: #CC0000;
	font-weight: bold;
}

	* html #conts .box16 p span {
		top: -4px;
		/*Mac IE用ハック*/
		/*\*//*/
		top: 0;
		/**/ 
	}
	
	*+html #conts .box16 p span {
		top: -4px;
	}

#conts .box17 {
	margin: 0 0 10px;
	padding: 5px 10px 0 0;
	width: 520px;

	/*background: url(/img/menu/drink/back17.gif) no-repeat 135px 16px;*/
	position: relative;
}

#conts .box17 p {
	margin: 0 0 5px;
	padding: 0;
	
	position: relative;
	
	line-height: 1.7;
}

#conts .box17 p span {
	position: absolute;
	top: 0;
	right: 7px;
	
	color: #CC0000;
	font-weight: bold;
}

	* html #conts .box17 p span {
		top: -4px;
		/*Mac IE用ハック*/
		/*\*//*/
		top: 0;
		/**/ 
	}
	
	*+html #conts .box17 p span {
		top: -4px;
	}

#conts .box18 {
	margin: 0 0 10px;
	padding: 5px 10px 0 0;
	width: 520px;

	/*background: url(/img/menu/drink/back18.gif) no-repeat 240px 16px;*/
	position: relative;
}

#conts .box18 p {
	margin: 0 0 5px;
	padding: 0;
	
	position: relative;
	
	line-height: 1.7;
}

#conts .box18 p span {
	position: absolute;
	top: 0;
	right: 7px;
	
	color: #CC0000;
	font-weight: bold;
}

	* html #conts .box18 p span {
		top: -4px;
		/*Mac IE用ハック*/
		/*\*//*/
		top: 0;
		/**/ 
	}
	
	*+html #conts .box18 p span {
		top: -4px;
	}

#conts .box19 {
	margin: 0 0 10px;
	padding: 5px 10px 0 0;
	width: 520px;

	/*background: url(/img/menu/drink/back19.gif) no-repeat 95px 16px;*/
	position: relative;
}

#conts .box19 p {
	margin: 0 0 5px;
	padding: 0;
	
	position: relative;
	
	line-height: 1.7;
}

#conts .box19 p span {
	position: absolute;
	top: 0;
	right: 7px;
	
	color: #CC0000;
	font-weight: bold;
}

	* html #conts .box19 p span {
		top: -4px;
		/*Mac IE用ハック*/
		/*\*//*/
		top: 0;
		/**/ 
	}
	
	*+html #conts .box19 p span {
		top: -4px;
	}

#conts .box20 {
	margin: 0 0 10px;
	padding: 5px 10px 0 0;
	width: 520px;

	/*background: url(/img/menu/drink/back20.gif) no-repeat 80px 16px;*/
	position: relative;
}

#conts .box20 p {
	margin: 0 0 5px;
	padding: 0;
	
	position: relative;
	
	line-height: 1.7;
}

#conts .box20 p span {
	position: absolute;
	top: 0;
	right: 7px;
	
	color: #CC0000;
	font-weight: bold;
}

	* html #conts .box20 p span {
		top: -4px;
		/*Mac IE用ハック*/
		/*\*//*/
		top: 0;
		/**/ 
	}
	
	*+html #conts .box20 p span {
		top: -4px;
	}

#conts .box21 {
	margin: 0 0 15px;
	padding: 5px 10px 0 0;
	width: 520px;

	/*background: url(/img/menu/drink/back21.gif) no-repeat 40px 11px;*/
	position: relative;
}

#conts .box21 p {
	margin: 0 0 12px;
	padding: 0;
	
	position: relative;
	
	line-height: 1.2;
}

#conts .box21 p span {
	position: absolute;
	top: 0;
	right: 7px;
	
	color: #CC0000;
	font-weight: bold;
}

#conts .box22 {
	margin: 0 0 15px;
	padding: 5px 10px 0 0;
	width: 520px;

	/*background: url(/img/menu/drink/back22.gif) no-repeat 130px 40px;*/
	position: relative;
}

#conts .box22 p {
	margin: 0 0 11px;
	padding: 0;
	
	position: relative;
	
	line-height: 1.2;
}

#conts .box22 p span {
	position: absolute;
	top: 0;
	right: 7px;
	
	color: #CC0000;
	font-weight: bold;
}

#conts .box23 {
	margin: 0 0 15px;
	padding: 5px 10px 0 0;
	width: 520px;

	/*background: url(/img/menu/drink/back23.gif) no-repeat 110px 13px;*/
	position: relative;
}

#conts .box23 p {
	margin: 0 0 11px;
	padding: 0;
	
	position: relative;
	
	line-height: 1.2;
}

#conts .box23 p span {
	position: absolute;
	top: 0;
	right: 7px;
	
	color: #CC0000;
	font-weight: bold;
}

#conts .menu {
	margin: 0 0 30px;
	padding: 5px 10px 0 0;
	width: 520px;
	background: none;

	position: relative;
}

#conts .menu p {
	margin: 0 0 10px 0;
	padding: 0;
	/*background: url(/img/menu/drink/dashed.gif) repeat-x left center;*/

	position: relative;

	line-height: 1;
}

#conts .menu p span {
	background: #fff;
}

#conts .menu p span.name {
	position: relative;
	top: 0;
	right: 0;
	
	color: #333;
	font-weight: normal;
}

#conts .menu p span.price {
	padding: 0 7px 0 10px;

	position: absolute;
	top: 0;
	right: 0;
	
	color: #CC0000;
	font-weight: bold;
}

#conts #menuTable {
	margin: 0 40px 50px 40px;
	padding: 1px;
	border: 2px solid #000;
}

#conts #menuTable table {
	background: #000;
}

#conts #menuTable th,
#conts #menuTable td {
	padding: 8px;
	background: #fff;
}

#conts #menuTable th {
	padding-right: 30px;
	background: #E6E0C0;
}

#conts #menuTable tr.nonalcoholic th {
	background: #CEDF58;
}

#conts #menuTable tr.nonalcoholic td {
	background: #F9FBEC;
}

#conts #menuTable td {
	width: 100%;
}

#conts #menuTable td ul {
	margin: 0;
}

#conts #menuTable td li {
	margin-bottom: 3px;
	width: auto;

	float: none;
}