@charset "utf-8";

/* browser style reset
=========================================================*/
html,body,div,
h1,h2,h3,h4,h5,h6,p,pre,
table,caption,
dl,dt,dd,ul,ol,li,
fieldset,form,label,legend{
	margin:0;
	padding:0;
	font-size:100%;
}
table,tr,th,td{
	border-collapse:collapse;
	border-spacing:0;
}
a rt{text-decoration:none;}

/* element style
=========================================================*/
strong{font-weight:bold;}
a img{border-style:none;}
img{vertical-align:middle;}
ul{list-style: none;}

/* clear & reset class
=========================================================*/
/* Float containers fix:
 http://www.csscreator.com/attributes/containedfloat.php */
.clfix:after{
	content:"."; 
	display:block; 
	visibility:hidden; 
	clear:both; 
	height:0;
}
.clfix{display:inline-block;}
/* Hides from IE-mac \*/
* html .clfix{height:1%;}
.clfix{display:block;}
/* End hide from IE-mac */

.clr{clear:both !important;}
#container .first{margin-top:0 !important;}
.hide{display:none !important;}
.fend{float:none !important;}

hr{
	visibility:hidden;
	clear:both;
}
br.fclr,br.clr{
	clear:both;
	font-size:1px;
	line-height:1px;
}


/* Page format
=========================================================*/
body{
margin:0;
padding:0;
font-size:12px;
color: #1A1A1A;
font-family:"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"メイリオ",Meiryo,Verdana,Arial,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;
text-align:center;
}


/* contents
=========================================================*/
body{
background: none
}

#container{
width: 100%;
}

#contents{
width:800px;
margin: 0 auto;
text-align:left;
border-bottom: 4px solid #000;
border-top: 4px solid #000;

}

#wrapper{
width: 800px;
}

#menu{
width: 200px;
float: left;
margin-right: 100px;
margin-top: 30px;
}

#info{
width: 500px;
float: left;
margin-top: 30px;
}

div#footer{
color: #333;
margin-top: 30px;
padding: 0px;
text-align: right;
font-size: 78%;
font-weight: normal;
}

/* font style
=========================================================*/
a{
color: #000;
text-decoration: none;
}
a:hover{
color: #007fff;
}

small{
font-size: small;
letter-spacing: normal;
}


img{
margin: 12px 0;
padding: 0;
}
#logo img{
margin: 0;
padding: 0;
}
#images{
margin-top: 24px;
}

h1{
padding: 0px 0 30px 0px; 
}

#info h2{
font-size: 160%;
font-weight: bold;
letter-spacing: 0.2em;
margin: 0 0 30px 0;
padding: 0px;

}

#info h2.sub{
font-size: 140%;
border: 1px dotted #CCC;
font-weight: normal;
line-height: 240%;
text-align: center;
letter-spacing: 0.3em;
padding: 30px;
}

#info h3{
font-size: 130%;
font-weight: bold;
letter-spacing: 0.2em;
margin: 40px 0px 10px 0px;
padding: 4px 24px;
background-color: #fff;
background-image: url(line_500.gif);
background-repeat: no-repeat;
background-position:right;
}

span.h3s{
font-size: 70%;
font-weight: normal;
text-align: right;
letter-spacing: 0.1em;
padding-left: 160px;
}

h4{
font-size: 125%;
font-weight: normal;
margin: 30px 0;
padding-left: 10px;
border-left: 2px solid #666;
line-height: 180%;
}

h4 span{
font-size: 90%;
font-weight: normal;
}


h5{
margin: 12px 0 4px 0;
}


#info p.sub{
font-size: 95%;
padding: 0px 30px;
margin: 20px 0;
border: none;
border-left: 2px dotted #DDD;
line-height: 180%;
}

#info p.sub strong{
font-size: 130%;
border-left: 2px solid red;

}

#info p.red{
font-size: 140%;
font-weight: normal;
color: red;
border-left: 2px dotted #DDD;
}

#info p.s{
font-size: 90%;
margin: 10px 0px;
padding: 0px 0px 20px 0;
border: none;
border-bottom: 1px dotted #DDD;
line-height: 180%;
}
#info p.snob{
font-size: 92%;
margin: 0px;
padding: 0px 0px 20px 0;
border: none;
line-height: 200%;
}

#info p.border{
font-size: 100%;
margin: 10px 0px;
padding:20px;
border: 2px dotted #ccc;
line-height: 180%;
}

span.cafe{
padding: 20px 0;
}

ul{
list-style:none;
margin-top: 12px;
}
li{
padding: 4px 0;
}

li.ind{
text-indent: 4em;
}
li.red{
color: red;
}
li strong{
font-size:120%;
}


ul.past{
border: 1px dashed #AAA;
padding: 6 0 6 0px;
text-align: center;
}
ul.past li{
font-size: 98%;
}

ul.cafe{
border-bottom: 1px dotted #DDD;
padding: 6px 0 6px 0px;
margin-top: 0px;
text-align: left;
}
ul.cafe li{
font-size: 90%;
}


#map h2{
font-size: 130%;
font-weight: bold;
letter-spacing: 0.2em;
margin: 60px 0px 10px 0px;
padding: 4px 30px;
background-color: #fff;
background-image: url(line_800.gif);
background-repeat: no-repeat;
}



/* 1. bottom link
=========================================================*/
ul#link{
width:200px;
list-style:none;
margin:0;
overflow:visible;
padding:10px 0px;
}

#link li{
margin:0;
padding:0 20px;
height: 50px;
float: left;
position: relative;
list-style: none;
}

#link li.blog{ width: 50px;}
#link li.twitter{ width: 70px}
#link li.minato{ width: 50px;}

/* main level link */
#link a{
font-weight: normal;
color: #808080;
text-decoration: none;
display: block;
margin: 0;
height: 50px;
text-indent: -9999px;
background-repeat:no-repeat;
background-image:url(links.gif);
}

.blog a{background-position:0px 0px;}
.twitter a{background-position:-60px 0px;}
.minato a{background-position:-140px 0px;}

/* hover */
.blog a:hover{background-position:0px -60px;}
.twitter a:hover{background-position:-60px -60px;}
.minato a:hover{background-position:-140px -60px;}