/* CAFE (cafe.sabaco.jp/) */

body{
background:url(/common/images/bg_body.gif) left top repeat-x #000044;
}

#header{
width:800px;
height:107px;
background:url(/common/images/bg_header.jpg) no-repeat left top;
}

#header p#title{
position:relative;
top:10px;
left:10px;
}

#header ul{
position:relative;
top:-52px;
left:296px;
width:172px;
}

#header ul li{
display:inline;
margin-right:34px;
}

p#indexLink{
position:relative;
top:-107px;
left:726px;
width:102px;
}

#nav{
width:800px;
height:47px;
margin-top:-85px;
background:url(/common/images/bg_nav.gif) no-repeat left top;
text-align:center;
}

#nav ul{
margin-left:41px;
}

#nav ul li{
display:inline;
}

p#topicPath{
margin:12px 30px;
color:#d5d5d5;
}

p#topicPath a{
color:#d5d5d5;
}

p#topicPath a:hover{
color:#fff;
}

#content{
width:800px;
min-height:700px;
_height:700px;/* IE6 BUG FIX */
background:url(/common/images/bg_content.gif) repeat-y left top;
zoom:1;/* clearfix option for IE */
}

#content:after{/* clearfix */
content:".";
display: block;
height:0px;
clear:both;
line-height:0; 
visibility:hidden;
}

h1{
padding:16px 30px;
background:url(/common/images/bg_h1.gif) left top #fff;
color:#fff;
font-weight:bold;
font-size:100%;
}

#mainContent{
float:left;
width:516px;
padding:17px 0 0 30px;
background:url(/common/images/bg_maincontent.gif) no-repeat left top;
zoom:1;/* clearfix option for IE */
}

#mainContent:after{/* clearfix */
content:".";
display: block;
height:0px;
clear:both;
line-height:0; 
visibility:hidden;
}

#mainContent p,
#mainContent ul,
#mainContent ol,
#mainContent dd,
#mainContent table{
margin-bottom:1.4em;
}

#mainContent h2{
margin:2em 0 1em;
padding:4px 0 6px 18px;
background:url(/common/images/bg_h2.gif) no-repeat left bottom;
font-size:100%;
font-weight:bold;
color:#593d21;
}

#mainContent>h2:first-child{
margin-top:0;
}

#mainContent h3{
margin-bottom:0.7em;
padding:5px 10px;
background:#f6f6f6;
border-left:8px solid #d3d3d3;
font-size:80%;
font-weight:bold;
}

#mainContent p.date{
margin-bottom:0.7em;
text-align:right;
font-weight:bold;
}

#mainContent p.sat{
color:#33a;
}

#mainContent p.sun{
color:#a33;
}

#mainContent a:link,
#mainContent a:active,
#mainContent a:visited{
color:#3e3e3e;
text-decoration:underline;
}

#mainContent a:hover{
color:#000;
background:#fdfbe9;
}

#mainContent dt{
font-weight:bold;
}

#mainContent dd{
padding-left:1em;
}

#mainContent ol{
list-style-type:decimal;
}

#mainContent ol li{
margin-left:2em;
}

#mainContent ul{
list-style-type:disc;
}

#mainContent ul li{
margin-left:2em;
}

#mainContent p.imgRight{
float:right;
margin-left:10px;
}

#mainContent p.imgLeft{
float:left;
margin-right:10px;
}

#mainContent .clear{
clear:both;
}

#mainContent ul.link{
list-style-type:none;
}

#mainContent p.link,
#mainContent ul.link li{
margin-left:0;
padding-left:18px;
background:url(/common/images/bg_bullet1.gif) no-repeat left 0.3em;
}

#mainContent p.button{
padding:20px 0;
text-align:center;
background:#f6f6f6;
}

#mainContent strong{
color:#F05200;
}

#mainContent table{
width:100%;
border-collapse:collapse;
border-top:1px solid #aaa;
border-left:1px solid #aaa;
}

#mainContent th,
#mainContent td{
padding:5px;
border-right:1px solid #aaa;
border-bottom:1px solid #aaa;
}

#mainContent th{
font-weight:bold;
background:#F6F6F6;
}

#mainContent thead th{
background:#EAEAF8;
}

#mainContent .section{
margin-bottom:1.4em;
padding-bottom:2.4em;
background:url(/common/images/bg_section.gif) no-repeat center bottom;
}

#mainContent div.notice{
margin-bottom:1em;
padding:10px;
background:#FDE9D9;
}

#mainContent div.footnote{
padding-top:0.6em;
border-top:3px double #ccc;
}

#mainContent div.footnote p{
font-size:70%;
}

#mainContent dl.tel{
margin-bottom:1.4em;
padding:10px 0;
border:3px double #ddd;
}

#mainContent dl.tel dt{
text-align:center;
font-size:0.8em;
}

#mainContent dl.tel dd{
margin-bottom:0;
text-align:center;
font-size:0.7em;
}

#mainContent dl.tel dd em{
padding:0 4px 0 26px;
background:url(/common/images/bg_tel.gif) no-repeat left center;
font-size:2.2em;
font-weight:bold;
color:#F05200;
}

#mainContent p.ec3_schedule{
text-align:right;
font-weight:bold;
color:#1a2b23;
}

#subContent{
float:right;
width:233px;
padding-top:50px;
background:url(/common/images/bg_subcontent.gif) no-repeat left top #ebebeb;
}

#subContent ul,
#subContent p{
margin-bottom:1em;
}

#subContent ul#localNav{
padding-bottom:4px;
background:url(/common/images/bg_localnav.gif) no-repeat left bottom;
}

#subContent ul#localNav li a{
display:block;
padding:10px 10px 10px 40px;
background:url(/common/images/bg_bullet2.gif) no-repeat 16px 0.9em #fbfbfb;
border-bottom:1px solid #d8d8d8;
font-size:110%;
text-decoration:underline;
}

#subContent ul#localNav li a:hover{
background:url(/common/images/bg_bullet2.gif) no-repeat 16px 0.9em #fdfbe9;
}

#subContent p.banner{
text-align:center;
}

#subContent a:link,
#subContent a:active,
#subContent a:visited{
color:#3e3e3e;
text-decoration:underline;
}

#subContent a:hover{
color:#000;
background:#ddd;
text-decoration:none;
}

#subContent #wp-calendar{
margin-bottom:1em;
text-align:center;
}

#subContent #wp-calendar table{
margin:0 auto;
width:180px;
}

#subContent #wp-calendar table th,
#subContent #wp-calendar table td{
text-align:center;
}

#subContent #wp-calendar table td#prev{
text-align:left;
}

#subContent #wp-calendar table td#next{
text-align:right;
}

#subContent #wp-calendar table caption{
text-align:center;
font-weight:bold;
}

#subContent #wp-calendar table td.ec3_eventday{
background:#DEE0C9;
font-weight:bold;
}

#footer{
width:800px;
height:129px;
background:url(/common/images/bg_footer.gif) no-repeat left top;
}

#footer ul{
margin-left:28px;
padding-top:71px;
}

#footer ul li{
display:inline;
}

#footer p{
display:none;
}