/*	avoid IE4	*/
@import "css-importer.css";

/*	IE PNG Fix	*/

img {
	-ms-interpolation-mode: bicubic;
	border: none;
}

ul, ol {
	list-style-type: none;
}

/*	基本リンク（a要素）スタイル	*/

a:link  {  
	text-decoration: none;  
	color: #269CA6;  
}  

a:visited   {  
	text-decoration: none;  
	color: #269CA6;  
}  

a:hover {  
	text-decoration: underline;  
	color: #269CA6;  
}  

a:active    {  
	text-decoration: none;  
	color: #D95B1D;  
}


/*	基本フォントスタイル	*/

body {  
	font-family: "Helvetica Neue",Helvetica,verdana,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;  
	background: #FFFFFF;  
	color: #000000;  
	font-size: 75%;  
	line-height: 150%;  
	text-align: center;  
}

html>/**/body {  
	font-size: 12px;  
}  

* + html body {  
	font-family: "メイリオ","Meiryo";  
}

/*	基本要素	*/

#wrapper {
	width: 800px;
	height: 600px;
	position: absolute;  
	top: 50%;  
	left: 50%;  
	padding: 50px;
	margin: -300px 0 0 -400px;
	text-align: left;
}

#main {
	clear: both;
}

#left {
	width: 400px;
	margin: 0;
	float: left;
	clear: left;
}

#right {
	width: 350px;
	float: right;
	clear: right;
}

#footer {
	text-align: left;
	padding: 20px 0;
	margin: 0;
	clear: both;
}

.copyright{
	color: #D95B1D;  
	font-family: monospace;
	padding: 0;
	margin: 0;
}


#logo {
	width: 274px;
	height: 66px;
}

#uc{
	width: 285px;
	height: 17px;
	padding: 0;
	margin-top: 80px;
	text-indent:-9999px;
	display: block;
	overflow: hidden;
	background: url(http://cafetori.com/img/uc.gif) top left;	
}

#hours{
	margin-top: 80px;
}

#hours h3{
	margin-top: 40px;
}

#hours h3.open{
	width: 262px;
	height: 42px;
	padding: 0;
	text-indent:-9999px;
	display: block;
	overflow: hidden;
	background: url(http://cafetori.com/img/open.png) top left;	
}

#hours h3.close{
	width: 204px;
	height: 44px;
	padding: 0;
	text-indent:-9999px;
	display: block;
	overflow: hidden;
	background: url(http://cafetori.com/img/close.gif) top left;	
}

#info{
	margin-top: 80px;
}

#infoText{
	width: 176px;
	height: 155px;
	padding: 0;
	margin-right: 30px;
	text-indent:-9999px;
	display: block;
	overflow: hidden;
	background: url(http://cafetori.com/img/info.gif) top left;
	float: left;
	clear: left;
}

#infoMap{
	width: 186px;
	height: 156px;
	padding: 0;
	text-indent:-9999px;
	display: block;
	overflow: hidden;
	background: url(http://cafetori.com/img/map.png) top left;
	float: left;	
}

#dm{
	width: 350px;
	height: 238px;
	padding: 0;
	text-indent:-9999px;
	display: block;
	overflow: hidden;
	background: url(http://cafetori.com/img/tori_dm-1ann.png) top left;
}

#social{
	margin-top: 20px;
}

#twitter{
	width: 350px;
	height: 250px;
	padding: 0;
	background: #FFFFFF url(http://cafetori.com/img/follow_us.gif) top left;
	float: right;
	clear: right;
}

#twitter:hover{
	background-color: #F5F2EB;
}

#twitter_div{
	color: #000000;
	font-size: 0.8em;
	width: 230px;
	height: 100px;
	padding: 0;
	margin: 51px 0 0 28px;
	display:block;
	overflow: hidden;
}
#blog{
	z-index: 2;
	position: absolute;  
	bottom: 150px;  
	right: 60px; 
}

#blog a{
	width: 150px;
	height: 60px;
	padding: 0;
	text-indent:-9999px;
	display: block;
	overflow: hidden;
	background: url(http://cafetori.com/img/blog.gif) top left;
	float: right;
	clear: right;
}

#blog a:hover{
	background: url(http://cafetori.com/img/blog-hover.gif) top left;

}