@charset "utf-8";

/* ================================================================================ */
/*     fonts css                                                                    */  
/* ================================================================================ */

/*
Copyright (c) 2008, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.5.1
*/
/**
 * Percents could work for IE, but for backCompat purposes, we are using keywords.
 * x-small is for IE6/7 quirks mode.
 */
body {font:13px/1.231 arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small;}
table {font-size:inherit;font:100%;}
/**
 * Bump up IE to get to 13px equivalent
 */
pre,code,kbd,samp,tt {font-family:monospace;*font-size:108%;line-height:100%;}


/*======================================================================*//**
 * 
 */

html {
	height      :100%;
	margin      :0;
	padding     :0;
	}

body {
	height      :100%;
	margin      :0;
	padding     :0;
	}

	/* ================================================================================ */
	/*     basic                                                                        */  
	/* ================================================================================ */

	body,div,pre,p,blockquote,
	form,fieldset,input,textarea,select,option,
	dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,
	table,th,td,embed,object {
	margin: 0;
	padding: 0;
	vertical-align: baseline;
	font-family:'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, 'ＭＳ ゴシック', sans-serif;
	}


/*======================================================================*//**
 * 
 */
 
a {
	color: #fff;
	background-color: #DE037B;
	text-decoration: none;
	padding: 3px 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}

a:hover {
	text-decoration: underline;
}

.goTop a {
	font-size: 0.7em;
	position: absolute;
	top: 0;
	right: 0;
	color: #fff;
	background-color: #DE037B;
	text-decoration: none;
	padding: 1px 1em 0 1em;
}

.goTop a:hover {
	text-decoration: underline;
}

.bold {
	font-weight: bold;	
}

.leftmargin1 {
	margin: 0 0 0 1em !important;
}

/*大きな項目は5emあける*/
li {
	list-style: none;
	position: relative;
}

#flashcontent {
	width       :100%;
	height      :100%;
	line-height	:0;
	background-color: #fff;
	background-image: url(fabre_logo_bg.gif);
	background-repeat: repeat;
	background-position: 5em 5em;
}

#leftcontent,
#rightcontent {
	float: left;
	overflow: hidden;
	width: 35em;
	margin: 0;
	padding: 0;
}

#leftcontent {
	margin: 0 5em 0 0;
	padding: 0 5em 0 0;
	border-right: #aaa dotted 1px;
}

/*大きな項目は5emあける*/
li#navi,
#leftcontent li.outer,
#rightcontent li.outer {
	margin: 0 0 0 0;
	padding: 5em 0 5em 0;
	position: relative;
	border-bottom: 1px dotted #999;
}

li#navi {
	padding-top: 7em;
	border: none;	
}

#leftcontent li.outer:first-child,
#rightcontent li.outer:first-child {
	padding-top: 0;		
}

#leftcontent li.outer:last-child,
#rightcontent li.outer:last-child {
	border: none;	
}

h2,
h3,
h4 {
	color: #000;
	margin: 0 0 1em 0;
	text-shadow:1px 1px 1px #ccc;
}

h2:before{
	content: "●";	
}

h3:before{
	content: "○";	
}


/*項目内のブロックは2em空ける*/
#leftcontent li.outer li.inner,
#rightcontent li.outer li.inner {
	margin: 0;
	padding: 2em 0 2em 0;
	border-bottom: 1px dotted #ddd;
}

#leftcontent li.outer li.inner:last-child,
#rightcontent li.outer li.inner:last-child {
	padding-bottom: 0;
	border: none;
}


li.inner h4 {
	margin: 2.5em 0 0 0;	
}

li.inner h3 + h4 {
	margin: 0;
	padding: 0;
}

#rightcontent li#schedule.outer li.inner,
li.outer li,
li.inner li {
	margin: 0;
	padding: 0;
	border: none;
}

/*ヘッダロゴ*/
#header {
	padding: 0 0 11em 0;
}

#mobile_header {
	margin: 0;
	padding: 0 0 4em 0;
}

#twitter_div h3 {
	margin: 1em 0 0 0;	
}

.mainnavi li {
	font-size: 0.9em;
	display: inline;
	margin: 0 1em 0 0;
}
	
#attention{
	position: relative;
	color: #111;
	background-color: transparent;
	font-size: 100%;
	line-height: 1.6;
	width: 100%;
	padding: 5em;
}

#attention p{
	margin-bottom: 1em;
	text-align: justify;
    text-justify: inter-ideograph;
}

#caution {
	position: absolute;
	font-size: 0.9em;
	border: 1px solid #DE037B;
	margin: 1em 0 5em 0;
	padding: 1em;
	top: 18em;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}

#caution ul li{
	list-style-type: circle;
	list-style-position: inside;
	margin: 0;
	padding: 0;
}

#caution #enableList{
	margin: 1em 0 0 0;	
}

#caution p{
	margin: 0;
}

/*絵本のたび*/
#ehon dl dt {
	position: absolute;
	width: 5em;
	font-weight: bold;
	text-align: right;	
}

#ehon dl dd {
	padding: 0 0 0 6em;
}

/*anomino coffee*/
#anomino_coffee dl dd{
	margin: 0 0 0 1em;
}

/*カフェファーブルについて*/
#about_us dl {
	position: relative;
	width: 100%;
}

#about_us dl dt {
	position: absolute;
	width: 4em;
	font-weight: bold;
	text-align: right;
}

#about_us dl dd {
	padding: 0 0 0 5em;
}

#about_us img {
	margin: 1em 0 0 5em;	
}

/*スタッフ募集*/
#recruit ul {
	margin: 0 0 1em 0;
}

/*スケジュール*/
#schedule dl {
	position: relative;
	width: 100%;
}

#schedule dl dt {
	position: absolute;
	width: 8em;
	font-weight: bold;
}

#schedule dl dd {
	padding: 0 0 0 8em;
}


/*メニュー*/
#menu .bunchu,
#menu .chu{
	color: #d00;
}

div#lunchimage > img {
	margin: 0 1em 0 0;
}

ul.subnavi {
	margin: 0 0 2em 0;	
}

.subnavi li {
	font-size: 0.9em;
	display: inline;
	margin: 0 1em 0 0;
}


#menu dl {
	overflow: hidden;
	width: 100%;
	line-height: 2;
}

#menu dl dt {
	float: left;
	clear: left;
}

#menu dl dd {
	margin: 0 0 0 1em;
}

#menu dl dd.price {
	margin: 0 0 0 1em;
	float: left;
	clear: none;
	font-weight: bold;
}

#menu span.price {
	font-weight: bold;	
}

#menu dl dd {
	clear: left;	
}

/*カクテルとspiritだけ表示方法をかえる*/
#menu dl#cocktail,
#menu dl#spirit {
	overflow: hidden;	
}

#menu dl#cocktail dt,
#menu dl#spirit dt{
	font-weight: bold;
	float: left;
	clear: left;
}

#menu dl#cocktail dd,
#menu dl#spirit dd{
	margin: 0 0 0 1em;
	float:left;
	clear: none;
}

#menu dl#cocktail dd:before,
#menu dl#spirit dd:before{
	content: "・";	
}

/*コピーライト*/
#copyright {
	margin: 5em 0 1em 0;
	padding: 0;
	clear: both;
}

#copyright a {
	margin: 0 2px;	
}