@charset "utf-8";
/* CSS Document */



.viewer {
	padding:30px 0;
	margin: 0 auto;
	width: 1200px;
	height: 600px;
	text-align: left;
	overflow: hidden;
}

.viewer ul {
	width: 1200px;
	height: 600px;
	text-align: left;
	overflow: hidden;
	position: relative;
}

.viewer ul li {
	top: 0;
	left: 0;
	width: 1200px;
	height: 600px;
	display: none;
	position: absolute;
}


.box{
	width:370px;
	margin:15px;
	float:left;
	font-size:12px;

	}

.box a{
	color: #CCC;
	display:block;
	}



#link_lunch{
	background: url(../../images/index/lunch.png) no-repeat top ;
	padding:240px 0 0 0;
	text-decoration:none;
	}

#link_dinner{
	background: url(../../images/index/dinner.png) no-repeat top;
	padding:240px 0 0 0;
	text-decoration:none;
	}

#link_shop{
	background: url(../../images/index/access.png) no-repeat top;
	padding:240px 0 0 0;
	text-decoration:none;
	}


#link_lunch:hover{
	background: url(../../images/index/lunch_on.png) no-repeat top ;
	padding:240px 0 0 0;
	}

#link_dinner:hover{
	background: url(../../images/index/dinner_on.png) no-repeat top;
	padding:240px 0 0 0;
	}

#link_shop:hover{
	background: url(../../images/index/access_on.png) no-repeat top;
	padding:240px 0 0 0;
	}

#philosophy{
	width:760px;
	margin:30px auto;
	text-align:center;
	}


#philosophy p{
	background:url(../../images/index/philosophy_bg.jpg) no-repeat left;
	padding:10px 0 10px 400px;
	text-align:left;
	margin:40px 0;
	line-height:2em;
	}

#access{
	font-size:12px;
	width:760px;
	margin:30px auto;
	text-align:center;
	}

#access table td{
	white-space:nowrap;
	padding:5px 7px;
	vertical-align:top;
	text-align:left;
	}

#access table td#map{
	padding-right:30px;
	}

#access img{
	margin:30px 0;
	}

iframe{
	border:#333 2px solid;
	}


#topics{
	width:760px;
	margin:30px auto;
	text-align:center;
	}

#topics li{
	font-size:14px;
	border-bottom:#666 1px dashed;
	padding:20px 0;
	}