@charset "utf-8";
/* CSS Document */

@import url("common.css");

/* common
---
---------------------------------------------*/

header {
	height: 118px;
}

#header_navi {
	width: 920px;
	height: 23px;
	background-image: url(/images/drink/header_navi.png);
	background-repeat: no-repeat;
	text-align: center;
	margin: 0 auto 10px auto;
	padding: 13px 0 0 0;
	color: #404040;
	font-size: 11px;
}

#header_navi a {
	color: #404040;
	text-decoration: none;
}

#header_navi a:hover {
	color: #404040;
	text-decoration: underline;
}

#menu {
	padding: 0 0 0 0;
}

#menu ul {
	width: 880px;
	height: 32px;
	margin: 0 0 0 40px;
	padding: 0;
}

#menu li {
	list-style-type: none;
	padding: 0;
	margin: 0;
	float: left;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
}

#menu a {
	display: block;
	width: 920px;
	height: 232px;
	background: url(/images/drink/menu.jpg) left top;
}

#button10 a {
	background-position: 0 0;
	display: block;
	height: 232px;
	width: 220px;
}

#button10 a:hover, #button10 a.on  {
	background-position: 0 -232px;
}

#button11 a {
	background-position: 660px 0;
	display: block;
	height: 232px;
	width: 220px;
}

#button11 a:hover, #button11 a.on {
	background-position: 660px -232px;
}

#button12 a {
	background-position: 440px 0;
	display: block;
	height: 232px;
	width: 220px;
}

#button12 a:hover, #button12 a.on  {
	background-position: 440px -232px;
}

#button13 a {
	background-position: 220px 0;
	display: block;
	height: 232px;
	width: 220px;
}

#button13 a:hover, #button13 a.on {
	background-position: 220px -232px;
}

.drink_box {
	width: 619px;
	margin: 0 0 60px 0;
	padding: 0;
}

.drink_box_img {
	float: left;
	width: 224px;
	margin: 0;
	padding: 0;
}

.drink_box_ttl{
    width: 59px;
    -ms-writing-mode: tb-rl;
    writing-mode: vertical-rl;
    letter-spacing: 2px;
    font-size: 14px;
    text-align: center;
    line-height: 59px;
    display: block;
    color: #6e655d;
    /* border-right: 1px solid #d0c3b7;
    border-left: 1px solid #d0c3b7;
    margin: 0 0 0 -5px!important;
    height: 229px; */
}

.drink_box h3 {
	float: left;
	margin: 0;
	padding: 0;
}

.drink_box_content {
	float: left;
	width: 315px;
	margin: 0 0 0 21px;
}

.drink_box_temp {
	margin: 0 0 8px 0;
}

.drink_box_temp img {
	margin: 0 6px 0 0;
}

.drink_box h4 {
	font-size: 12px;
	font-weight: bold;
	color: #483d2f;
	margin: 0 0 8px 0;
	padding: 0;
}

.drink_box_comment {
	margin: 0 0 20px 0;
	padding: 0;
}

.drink_box_spec {
	width: 301px;
	height: 57px;
	padding: 7px 0 0 104px;
	margin: 0 0 20px 0;
	background-image: url(/images/drink/spec_bg.gif);
	background-repeat: no-repeat;
}

.drink_box_spec01 {
	margin: 0 0 12px 0;
	font-size: 11px;
	color: #404040;
}

.drink_box_spec02 {
	font-size: 11px;
	color: #404040;
}

.drink_box_link {
}

.drink_box_link01 {
	margin: 0 0 3px 0;
}

.drink_box_link02 {
}

.last {
	margin-bottom: 0px;
}

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



/* ikkyusabou
------------------------------------------------*/

.ikkyusabou_link {
	width: 504px;
	height: 27px;
	background-image: url(/images/drink/ikkyusabou_link.gif);
	background-repeat: no-repeat;
	margin: 0 0 40px 0;
	padding: 14px 0 0 87px;
}

.footer {
	margin: 60px 0 0 0;
}

.ikkyusabou_link a {
	background-image: url(/images/tea_server/arrow_off.gif);
	background-position: 0 6px;
	margin: 0 0 0 20px;
	padding: 0 0 0 14px;
	background-repeat: no-repeat;
	text-decoration: underline;
	color: #404040;
}

.ikkyusabou_link a:hover, .ikkyusabou_link a.on  {
	background-image: url(/images/tea_server/arrow_on.gif);
	background-position: 0 6px;
	padding: 0 0 0 14px;
	background-repeat: no-repeat;
	color: #c92424;
}

/* other
------------------------------------------------*/

#preview{
	position: absolute;
	border: 3px solid #ffffff;
	background: #ffffff;
	padding: 0;
/*	display: none;
	color: #ffffff;
	text-align: center;*/
}