@charset "utf-8";
/* ===================================================================
	■cafe
	/cafe/index.html
=================================================================== */

/*----------------------------------------------------------------------
	1.reset
----------------------------------------------------------------------*/
* {
	margin: 0;
	padding: 0;
	font-size: 100%;
}

html { overflow-y: scroll; }
img,abbr,acronym,fieldset { border: 0; }
li { list-style-type: none; }

/*----------------------------------------------------------------------
	2.default（フォント、カラー、リンク）
----------------------------------------------------------------------*/
body {
	background: #FFF url(../img/title_bg.gif) repeat-x 644px 0 ;
	color: #333333;
	font-size: 12px;
	font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',verdana,sans-serif;
	text-align: center;
	line-height: 1.6;
}

/* for IE6 */
* html body { font-size: 75%; }
/* for IE7 */
*:first-child+html body { font-size: 75%; }

/* -----font-----*/
.t9 { font-size: 80%; }
.t10 { font-size: 84%; }
.t14 { font-size: 117%; }
.t16 { font-size: 134%; }

/* ----- clear -----*/
.clear { clear: both; }

/* ----- bold -----*/
.bold { font-weight: bold; }
.red { color: #CC0000; }

/* -----link-----*/
a:link,a:visited		{ color: #FFFFFF; text-decoration: none; }
a:active,a:hover		{ color: #4D4D4D; text-decoration: none; }


/*----------------------------------------------------------------------
	2.cafe
----------------------------------------------------------------------*/
#cafe {
	background: url(../img/side_bg.gif) repeat-y left top;
	background-attachment:fixed;
	text-align: left;
	position: relative;
	width: 100%;
}

/*---- side navi -------*/
#side {
	width: 300px;
	padding-top: 45px;
	position: fixed;
	left: 0;
	line-height: 0;
	font-size: 0;
}

/*-- ie6 --*/
* html div#side {     
     position: absolute;     
     top: expression(eval(document.documentElement.scrollTop+0)); 
}

#side h1 {
	margin: 0 0 40px 35px;
}
#side ul {
	margin: 0 0 0 58px;
}
#side li { margin-bottom: 28px; }


/*---- contents ------*/
#contents {
	margin-left: 300px;
	width: 650px;
	padding-bottom: 40px;
}

#main {
	margin: 39px 0 0 20px;
}
#main h3 { margin: 60px 0 14px 0; }
#main p.plink { margin-top: 30px; }

/*---- information ------*/
#main #twitter { width: 100%; position: relative; }
#main #twitter p.icon { position: absolute; top: -22px; right:0; }
#main #twitter dl { border: solid 1px #d9d9d9; padding: 12px; padding-bottom:4px; width: 606px; overflow: hidden; }
#main #twitter dt { clear: both; float: left; line-height: 1.2; margin-right: 5px; }
#main #twitter dd { float: left; width: 510px; line-height: 1.2; display: block; padding-bottom: 8px;}
#main #twitter dd img { margin-left: 5px; vertical-align: middle; }

/*---- lunch -------*/
#main div.lunch {
	margin-top: 15px;
}
#main div.lunch p.ph { margin-bottom: 40px; }
#main div.lunch ul { width: 630px; overflow: hidden; margin: 15px 0 10px 0; }
#main div.lunch li {
	width: 305px;
	float: left;
	margin-right: 10px;
	padding-bottom: 10px;
	display: inline;
	height: 100px;
	/* min-height: 100px; */
}
	html>body #main div.lunch li { height: auto; }
#main div.lunch ul.hs li {
		min-height: 70px; height: 70px;
}
	html>body #main div.lunch ul.hs li { height: auto; }
	
#main div.lunch h4 { margin-bottom: 5px; }
#main div.lunch h5 { margin: 0 0 10px 0; }
#main div.lunch p { margin-bottom: 10px; line-height: 1.4; }
#main div.lunch dd { padding-left: 1em; font-size: 84%; }

#main .lunch .note { padding-bottom: 40px; }

/*---- cafe以下 -------*/
#main div.box {
	position: relative;
	min-height: 180px; height: 180px;
	margin-top: 15px;
}
	html>body #main div.box {height: auto;}

#main div.box p.ph { position: absolute; top:0; left:0; }
#main div.box div.txt { margin-left: 385px; font-size: 84%; }
#main div.box div.txt li { line-height: 1.3; margin-bottom: 6px; }

#main p.box {
	margin-top: 60px;
	font-size:84%;
}

/*---- party -------*/
#main p.mt { margin-top: 12px; }
#main ul.ph {
	margin: 30px 0;
	line-height: 0;
	font-size:0;
}
#main ul.ph li { margin-bottom: 10px; }

/*---- art -------*/
#main p.cap { margin: 5px 0 12px 0; }
#main ul.artSchedule { margin-top: 12px; position: relative; }
#main ul.artSchedule li { width: 300px; }
#main ul.artSchedule li.next {
	position: absolute;
	top: 0;
	left: 315px;
}


/*---- accsess -------*/
#main p.plead { margin-top: 16px; }
#main p.map { margin-top: 20px; }
#main div.info {
	position: relative;
	margin: 20px 0 40px 0;
}
#main div.info p { margin-bottom: 12px; width: 460px; }
#main div.info ul {
	position: absolute;
	top: 0;
	right: 0;
	width: 144px;
}

/*---- copyright -------*/
#main p.pagetop,
#main p.copyright { text-align: right; margin-top: 10px; }