
/* Basic Elements */
* {
	margin:0;
	padding:0;
}

img {
	border: 0;
}

html, body {
	margin: 0;
	line-height:1.4;
	font-size:0.9em;
}
#wrapper {
	height: 100%;
}
#container {
	width: 800px;
	margin: 0 auto;
	padding-bottom: 100px;
	background: url(../img/bg.gif) repeat-y 0 0;
	}
#container_inner {
	width: 640px;
	margin: 0 auto;
	}
#header {
	width: 100%;
	height: 93px;
	background: url(../img/headerbg.gif) no-repeat 0 0;
	}
#content {
	width: 100%;
	height: 100%;
	background: url(../img/contentbg.gif) repeat-y 0 0;
}
#footer {
	width: 100%;
	clear: both;
	text-align: left;
	background: url(../img/contentbg.gif) repeat-y 0 0;
}
#footer #copyright{
	float: left;
	width: 60%;
	padding: 5px 20px;
	line-height: 18px;
	height: 18px;
}
#footer a#contact{
	display: block;
	float: right;
	text-align: right;
	widht: 40%;
	padding: 0px 30px;
	line-height: 18px;
	height: 18px;
	background: url(../img/mail.gif) no-repeat 0 0;
}
#footer a, a:hover{
	text-decoration: none;
	color: #000000;
}

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {display: inline-table;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

/* Nav Menu */
#nav {
	/*border: 1px solid #cecece;*/
	height: 32px;
	padding: 7px 0;
}
#nav ul {
	height: 32px;
	position: relative;
	margin: 0;
	padding: 0;
	list-style: none;
	background: url(../img/navbg.gif) no-repeat 0 0;
	}
#nav li {
	display: inline;
	padding: 0;
}
li#nav1 a, li#nav2 a, li#nav3 a, li#nav4 a, li#nav5 a {
	background: transparent;
	position: absolute;
	width: 126px;
	height: 32px;
	bottom: 0;
	text-decoration: none;
}
#nav li a {
	font-weight: bold;
	font-size: 1em;
	color: #666;
	text-decoration: none;
	padding: 0;
}
	
/* adjusted values for IE6 */
* html*li#nav1 a, * html*li#nav2 a, * html*li#nav3 a, * html*li#nav4 a, * html*li#nav5 a  { 
	bottom: 0px;
}

li#nav1 a {
	left: 0px; background: url(../img/nav_hover1.gif) 0 0 no-repeat;
}
li#nav2 a { 
	left: 129px; background: url(../img/nav_hover2.gif) 0 0 no-repeat; 
}
li#nav3 a {
	left: 258px; background: url(../img/nav_hover3.gif) 0 0 no-repeat;
}
li#nav4 a {
	left: 386px; background: url(../img/nav_hover4.gif) 0 0 no-repeat;
}
li#nav5 a {
	left: 515px; background: url(../img/nav_hover5.gif) 0 0 no-repeat;
}

li#nav1 a:hover, li#nav2 a:hover, li#nav3 a:hover, li#nav4 a:hover, li#nav5 a:hover {
	background-position: 0 -32px; 
}

#nav li.current a{
	background-position: 0 -32px; 
}

#nav span {
	display: none;
}

/* Home */
div#top_content {
	padding: 20px;
}
div#new {	
	width: 350px;
	height: 180px;
	overflow: auto;
	background: url(../img/newbg.gif);
	padding: 10px;
	margin-top: 7px;
	float: left;
}

div#new dl {  
}  
div#new dt {  
	float: left;  
	clear: left;
}  
div#new dd {  
	padding-left:5.5em;
}  

div#new2 {	
	float: left;
	margin: auto 7px;
	padding: 10px;
	text-align: center;
}

/* Access */
div#access_content{
	text-align: center;
}
div#address {
	width: 446px;
	text-align: left;
	margin-left:auto;
	margin-right:auto;
	padding: 20px;
}
#access_map {
	margin-top: 60px;
}
#access_hours {
	margin-top: 30px;
}

/* Staff */
div#staff_content{
	padding: 20px;
	text-align: center;
}

div#staff_dream{
	margin-left:auto;
	margin-right:auto;
	padding: 10px;
	width: 300px;
	text-align: left;
}

div#staff_recruit{
	margin-left:auto;
	margin-right:auto;
	padding: 10px
}


div#recruit{
	color: #FFFFFF;
	margin: 60px auto ;
	width: 545px;
	height: 345px;
	text-align: left;
	background: url(../img/recruitbg.gif) 0 0 no-repeat;
}
#subtitle_recruit{
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	padding: 25px;
}
#recruit_content{
	margin-left: auto;
	margin-right: auto;
	padding: 0 25px;
	width: 438px;

}

.staff_dream_em {
	color: #87244B;
}

/* Schedule */
div#schedule_content{
	text-align: center;
	padding: 20px;
	font-size: 0.85em;
}

div#schedule1 {	
	padding: 2px;
	margin-top: 7px;
	font-size:14px;
	text-align:center;
}

div#schedule2 {	
	float: right;
	margin-top: 7px;
	padding: 2px;
	text-align: left;
}

div#nonbusiness_day {
	text-align: left;
	height: 20px;
	line-height: 20px;
	background: url(../img/nonbusiness_day.gif) 0 0 no-repeat;
	text-indent: 20px;
}

/* Menu */
#menu_content {
	color: #221815;
	font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
	margin: auto 0;
	text-align: center;
}

#menu_content table, td, th, div, span{
	text-align: left;
}

table.drink td{
	height: 25px;
}

.menu_content_inner {
	padding: 30px;
	margin: auto 0;
}

.menu_content_inner table, td, th, div, span{
	text-align: left;
}

.menu_content_inner td, th{
	padding-left: 10px;
}

.size {
	color: #87244B;
	font-size: 11px;
	padding-right: 2px;
	font-weight: bold;
}
.menu_em {
	color: #87244B;
}
.menu_nm {
	font-size: 13px;
}

div.menu_category {
	padding-left: 10px;
	padding-bottom: 10px;
	font-size: 14px;
	font-weight: bold;
}

div.menu_category div {  
	float: left;  
}  
div.menu_category dl {  
	padding: 0px;
	float: left;  
	font-size: 11px;
}  
div.menu_category dt {  
	width: 8em;
	text-align: center;
	float: left;  
	clear: left;
}  
div.menu_category dd {  
	padding-left: 8em;
	font-weight: normal;
	text-align: left;
}  

div.food_detail_title {  
	float: left;
	width: 90px;
}  
div.food_detail {  
	float: left;
	width: 80%;
	margin-bottom: 5px;
} 
.description{
	font-size: 0.86em;
}

dl.menu_category {
	padding-bottom: 10px;
	font-weight: bold;
}

dl.menu_category {  
	padding: 0px;
	float: left;  
}  
dl.menu_category dt {  
	width: 7em;
	float: left;  
	clear: left;
}  
dl.menu_category dd {  
	font-size: 10px;
	padding-left: 7em;
	font-weight: normal;
}  

table.menu_category_detail {  
	padding: 0px;
	margin: 0px;
	float: left;  
}  
table.menu_category_detail th {  
	width: 166px;
	font-weight: normal;
}  

table.menu_category_detail td {  
	height: 25px;
}  

div#how_to_drink {
	text-align: center;
	padding: 5px;
	margin: 20px 0px;
}
.drink_with {
	padding-left: 2em;
	font-size: 0.85em;
}


.price {
	font-size: 14px;
	font-weight: bold;
}

.food_nm {
	text-align: center;
}

#hot_drink_comment {
	font-size: 10px;
}

.menu_bar {
	padding-top: 40px;
	background: url(../img/barshort.gif) repeat-x 0 50%;
}

.menu_short_bar {
	background: url(../img/barshort.gif) no-repeat 0 50%;
}

dl.alcohol {  
	padding-left: 10px;
	margin-bottom: 20px;
}  
dl.alcohol dt {  
}  
dl.alcohol dd { 
	text-indent: 1em;
	font-weight: normal;
}  

table#menu_set td{
	text-align: right;
}

.menu_notice{
	font-color: #CCCCCC;
}

#menu_takeout {
	line-height: 11px;
	height: 29px;
}

dl#menu_takeout dl {  
	padding: 0px;
	float: left;  
	font-size: 10px;
}  
dl#menu_takeout dt {  
	padding-top: 12px;
	float: left;  
	clear: left;
}  
dl#menu_takeout dd { 
	font-weight: normal;
}  

#alcohol_menu {
	width: 100%;
	background: url(../img/alcohol.jpg) bottom right no-repeat;
}

table#juice dl {  
	padding: 0px;
	float: left;  
	font-size: 10px;
}  
table#juice dt {  
	width: 10em;
	float: left;  
	clear: left;
}  
table#juice dd { 
	padding-left: 10em;
	font-weight: normal;
}  

table#juice td { 
	padding: 0px;
	margin: 0px;
	height: 190px;
}  

#juice01 {
	background: url(../img/juice01.gif) center right no-repeat;
}

#juice02 {
	background: url(../img/juice02.gif) center right no-repeat;
}

#juice03 {
	background: url(../img/juice03.gif) center right no-repeat;
}

#juice04 {
	background: url(../img/juice04.gif) center right no-repeat;
}

#juice05 {
	background: url(../img/juice05.gif) center right no-repeat;
}

#juice06 {
	background: url(../img/juice06.gif) center right no-repeat;
}
