@charset "UTF-8";
/*
 Browzer Reset 
---------------------------------------------------------- */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td {
	margin:0;
	padding:0;
}
fieldset, img {
	border:0;
}
address, caption, cite, code, dfn, em, strong, th, var {
	font-style:normal;
	font-weight:normal;
}
ol, ul {
	list-style:none;
}
caption, th {
	text-align:left;
}
h1, h2, h3, h4, h5, h6 {
	font-size:100%;
	font-weight:normal;
}
q:before, q:after {
	content:'';
}
abbr, acronym {
	border:0;
}
/*
 set up 
---------------------------------------------------------- */
body {
	font-size:80%;
	background:#000000;
	font-family:'ヒラギノ明朝 Pro W3', 'Hiragino Mincho Pro', "ＨＧＰ明朝Ｅ", 'ＭＳ Ｐ明朝', 'MS PMincho', "ＭＳ Ｐ明朝", "verdana", "Lucida Grande", "メイリオ", Meiryo, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", Osaka, sans-serif;
	font-style:normal;
	font-variant:normal;
	font-weight:normal;
	line-height:120%;
	color:#ffffff;
}
p, li {
	line-height:150%;
}
p {
	margin:0 0 1em 0;
}
li {
	list-style-type:none;
}
img {
	border:0;
}
.cl {
	clear:both;
}
/*
 Link Color 
----------------------------------------------------------- */
a {
	text-decoration:none;
}
a:link {
	color:#FFFFFF;
}
a:visited {
	color:#666666;
}
a:hover {
	text-decoration:underline;
}
a:active {
	color:blue;
}
/*
 Site Size
----------------------------------------------------------- */
#wrap {
	background-image:url(../img/header_back.jpg);
	background-repeat:repeat-x;
}
/*
 header
----------------------------------------------------------- */
#headercontent {
	width:900px;
	height:86px;
	margin:0 auto;
}
#head {
	width:295px;
	height:48px;
	margin:-68px 0 0 605px;
	clear:both;
	position:absolute;
}
#head-r {
	background-repeat:no-repeat;
	height:48px;
	position:relative;
	width:295px;
}
#head-r li {
	display:inline;
}
#head-r li a {
	background-image:url(../img/right_top_tab.jpg);
	background-repeat:no-repeat;
	float:left;
	height:0pt;
	overflow:hidden;
	padding-top:48px;
	width:147px;
}
#head-r li#sitemap a {
	background-position:0px 0px;
}
#head-r li#contact a {
	background-position:-147px 0px;
}
#head-r li#sitemap a:hover {
	background-position:0px -48px;
}
#head-r li#contact a:hover {
	background-position:-147px -48px;
}
/*
 Phone
---------------------------------------------------------- */
#phonenumber {
	width:147px;
	height:48px;
	position:absolute;
	margin:-68px 0 0 440px;
}
/*
 Logo 
---------------------------------------------------------- */
#logo {
	margin:0px 0 0 0;
}
/*
 Menu 
---------------------------------------------------------- */
#menunavi {
	background-image:url(../img/menu_tab_back.jpg);
	background-repeat:repeat-x;
	height:40px;
}
#navi {
	width:900px;
	height:40px;
	margin:0px auto;
	clear:both;
}
#navimage {
	background-repeat:no-repeat;
	height:40px;
	position:relative;
	width:900px;
}
#navi li {
	display:inline;
}
#navi li a {
	background-image:url(../img/menu.jpg);
	background-repeat:no-repeat;
	float:left;
	height:0pt;
	overflow:hidden;
	padding-top:40px;
	width:150px;
}
#navi li#top a {
	background-position:0px 0px;
}
#navi li#concept a {
	background-position:-150px 0px;
}
#navi li#shopimage a {
	background-position:-300px 0px;
}
#navi li#menu a {
	background-position:-450px 0px;
}
#navi li#party a {
	background-position:-600px 0px;
}
#navi li#shopinfo a {
	background-position:-750px 0px;
}
#navi li#top a:hover {
	background-position:0px -40px;
}
#navi li#concept a:hover {
	background-position:-150px -40px;
}
#navi li#shopimage a:hover {
	background-position:-300px -40px;
}
#navi li#menu a:hover {
	background-position:-450px -40px;
}
#navi li#party a:hover {
	background-position:-600px -40px;
}
#navi li#shopinfo a:hover {
	background-position:-750px -40px;
}
/*
 info
---------------------------------------------------------- */
#content {
	width:900px;
	margin:0 auto;
}
/*
 info
---------------------------------------------------------- */
#info {
	width:605px;
	height:100px;
	background:url(../img/newinfo.jpg) no-repeat;
	padding:56px 0 0 0;
	margin:35px 10px 0 0;
	float:left;
}
#info_new {
	width:605px;
	height:100px;
	background:url(../img/newinfo2.jpg) no-repeat;
	padding:56px 0 0 0;
	margin:35px 10px 0 0;
	_margin:15px 10px 0 0;
	float:left;
}
#campaign {
	width:285px;
	height:100px;
	background:url(../img/campaign_info.jpg) no-repeat;
	padding:56px 0 0 0;
	margin:35px 0 0 0;
	float:left;
}
#mobile {
	width:285px;
	height:100px;
	background:url(../img/mobile_info.jpg) no-repeat;
	padding:56px 0 0 0;
	margin:35px 0 0 0;
	_margin:15px 0 0 0;
	float:left;
}
#photodiv {
	background-repeat: no-repeat;
	margin:35px 0 0 0;
}
.topbanner_right {
	margin:20px 0 0 0;
}
.topbanner_left {
	margin:18px 0 0 0;
}
.topbanner_right_qr {
	margin:0 0 0 101px;
}
ul.infolist {
	margin:0 0 10px 20px;
}
ul.infolist li {
	list-style-type:disc;
}
/*
 topic
---------------------------------------------------------- */
#topic {
	margin:35px 0 5px 0;
	color:#777777;
	font-size:0.7em;
	background-image:url(../img/homeicon.png);
	background-repeat:no-repeat;
	background-position:0px 3px;
	padding:0 0 0 13px;
}
#topic a {
	text-decoration:underline;
}
/*
 title
---------------------------------------------------------- */
#title {
	margin:10px 0 25px 0;
}
#title2 {
	margin:35px 0 25px 0;
	font-size:2em;
}
#title h3 {
	font-size:2em;
}
/*
 textinfo
---------------------------------------------------------- */
.textinfo {
	float:left;
}
.conceptinfo {
	width:600px;
	float:left;
}
.textinfo-r {
	float:right;
}
.photo {
	float:right;
	padding:0 0 0 15px;
}
.photo-ikeda {
	float:left;
	padding:0 0 0 20px;
}
.photo-l {
	float:left;
	padding:0 15px 0 0;
}
.font-w {
	font-weight:bold;
	font-size:1.3em;
	color:#999999;
}
.block430 {
	width:410px;
	float:left;
	margin:0 20px 0 0;
	_margin:0 20px -40px 0;
}
/*
 menu
---------------------------------------------------------- */
.menulayout {
	width:201px;
	height:137px;
	float:left;
	padding:0 20px 10px 0;
	_padding:0 20px 0 0;
}
.menu_text_m {
	width:500px;
/*	height:137px;	*/
	float:left;
	
}
.menulayout_wine {
	float:left;
	margin:0 20px 10px 0;
}
.menu_text_wine {
	float:left;
	margin:0 20px 30px 0;
}
.menu_name {
	font-weight:bold;
	line-height:14px;
	padding-top:5px;
}
.coffe_name {
	font-size:1.3em;
	font-weight:bold;
	line-height:20px;
	padding-top:5px;
}
.coffe_space {
	margin:40px 0 10px 0;
	font-weight:bold;
	border-left:5px solid #999999;
	padding:0 0 0 10px;
}
.menu_name p {
	font-size:0.8em;
	line-height:15px;
}
.menu_name_s {
	font-weight:bold;
	font-size:0.9em;
	line-height:18px;
}
.smalltext {
	font-size:0.8em;
	width:200px;
}
ul.menulist {
	margin:0 0 20px 20px;
}
ul.menulist li {
	list-style-type:disc;
}
.cafemenu {
	float:left;
	margin:0;
	width:170px;
}
.cafephoto {
    float:left;
	width:201px;
	margin:0 20px 0 0;
	_margin:0;
}
.iemenu {
	float:left;
	margin:0 20px 0 0;
}
.menu_font-w {
	font-size:1.3em;
	font-weight:bold;
	border-bottom:1px solid #999999;
	margin:30px 0;
	color:#CCCCCC;
}
#flashcontent {
	height:800px;
}
#flash-h {
	padding:10px 0;
}
dl.pricelist {
	width:300px;
	margin:0 0 20px 0;
}
.pricelist dt {
	float:left;
	width:200px;
	padding:5px 0 5px 0px;
	clear:both;
}
.pricelist dd {
	width:60px;
	margin-left:200px;
	padding:5px 5px 5px 10px;
}
.drinkleft {
    float:left;
	width:300px;
}
.drinkright {
    float:left;
	margin:30px 0 0 0;
}

/* add 2010.02 */

#fragment-2
	.lunch_course {
		clear: both;
		margin: 20px 0 0 0;
}

#fragment-2
	.lunch_course
		.lunch_course_photo {
			float: left;
			width: 220px;
}

#fragment-2
	.lunch_course
		.lunch_course_photo {
			float: left;
			width: 220px;
}

#fragment-2
	.lunch_course
		.lunch_course_photo
			span {
				display: block;
				margin: 0 0 10px 0;
}


#fragment-3
	.cafe_description {
		clear: both;
		margin: 0 0 30px 0;
}

#fragment-3
	.cafe_pic {
		float: left;
		margin: 0 20px 40px 0;
}

#fragment-3
	.cafe_text {
		margin: 0 0 0 220px;
}

#fragment-3
	.cafe_pic_inside {
		float: right;
		margin: 0 10px 10px 15px;
}

#fragment-3
	.coffe_space {
		clear: both;
}


#fragment-4
	.dinner_course {
		clear: both;
		margin: 20px 0 0 0;
}

#fragment-4
	.dinner_course
		.dinner_course_photo {
			float: left;
			width: 220px;
}

#fragment-4
	.dinner_course
		.dinner_course_photo {
			float: left;
			width: 220px;
}

#fragment-4
	.dinner_course
		.dinner_course_photo
			span {
				display: block;
				margin: 0 0 10px 0;
}



/* /add 2010.02 */


/*
 Party
---------------------------------------------------------- */
.party_topspace {
	padding:20px 0 0 0;
}
/*
 shopinfo
---------------------------------------------------------- */
.gmap {
	float:left;
	margin:0 0 0 35px;
}
/*
 privacy
---------------------------------------------------------- */
.pr-title {
	border-bottom:1px solid #CCCCCC;
	border-left:8px solid #CCCCCC;
	padding:10px 0 10px 5px;
	margin:10px 0 20px;
	font-size:1.2em;
	font-weight:bold;
}
.pr-space {
	margin:0 0 40px 10px;
}
/*
 company
---------------------------------------------------------- */
table.companyt {
	width:900px;
	background-color: #c9c9c9;
}
table.companyt p {
	padding:0px 0;
}
table.companyt tr {
	border-bottom:1px solid #e9e9e9;
}
table.companyt tr th {
	padding:5px 0px 5px 30px;
	background-color: #f0ede4;
	text-align:left;
	color:#252525;
	border:1px solid #ffffff;
	height:20px;
	width:80px;
}
table.companyt tr td {
	padding:5px 10px 5px 20px;
	width:700px;
	background-color:#000000;
}
/*
 shopinfo
---------------------------------------------------------- */
ul.map {
	margin:0 0 0 15px;
}
ul.map li {
	list-style-type:disc;
}
/*
 sitemap
---------------------------------------------------------- */

.sitemap1 {
	background: url(../img/map1.gif) no-repeat;
	padding:0 0 0 25px;
}
.sitemap2 {
	background: url(../img/map2.gif) no-repeat;
	padding:0 0 0 25px;
	margin:0 0 0 40px;
}
.sitemap3 {
	background: url(../img/map3.gif) no-repeat;
	padding:0 0 0 25px;
	margin:0 0 0 40px;
}
/*
 contact
---------------------------------------------------------- */
table.mailform {
	margin:20px 0;
	padding:20px;
	background-color:#f9f9f9;
	color:#333333;
}
table.mailform td p {
	font-size: 9px;
	color: #0B479F;
	display: block;
	margin: 0px;
}
table.mailform td span {
	font-size: 10px;
	color: #FF0000;
}
/*
 footer
---------------------------------------------------------- */
#footer {
	text-align:center;
	font-size:80%;
	color:#999999;
	margin:25px 0 10px 0;
	padding:5px 0 10px 0;
	border-top:1px solid #cccccc;
}
#footer a {
	color:#999999;
}
#footer ul {
	position:relative;
	text-align:left;
}
#footer li {
	background-image:url(../img/footer_arrow.jpg);
	background-repeat:no-repeat;
	background-position:0px 1px;
	padding:0 10px 0 15px;
	margin:-15px 0 0 0px;
	float:left;
	line-height:160%;
}