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


body {
	font: 70% "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS P Gothic", sans-serif;
	background: #ffffff;
	margin: 0;
	padding: 0;
	text-align:left;
	color: #000000;line-height:150%;
 
	}


ul {list-style-type: none;}

a {color:#222;
	text-decoration:none;
	outline: none;
}
img {
border-style:none;
}
#container {
	width: 860px;
	height:auto;
	background: #FFFFFF;
	margin: 0 auto;
	text-align: left;
	position: relative;
}
#logo {
	position: absolute;
	top: 22px;
	left:36px;
}
#japan {
	position: absolute;
	top: 107px;
	left:40px;
}
.nav {
	margin: 0;
	padding: 0;
	width: 464px;
	height: 43px;
	position: absolute;
	top: 31px;
	left:357px;
}
.nav ul {
	width: 464px;
	height: 43px;
	list-style-type: none;
	margin: 0;
	padding: 0;
	background-image: url(../images/nabiback2.gif);
}
.nav li {
	text-indent: -9999px;
	float:left;
	margin: 0;
	padding: 0;
}
.nav li#news {
	margin-right:48px;
	height: 43px;
	width: 42px;
}
.nav li#about {
	margin-right:45px;
	height: 43px;
	width:105px;
}
.nav li#shop {
	margin-right:40px;
	height: 43px;
	width:43px;
}
.nav li#menu {
	margin-right:45px;
	height: 43px;
	width: 45px;
}
.nav li#home {
	height: 43px;
	width: 45px;
}
.nav a {
	display: block;
	height: 43px;
	
	text-decoration: none;
 background-position: top:25px;
	left:356px;
}
.nav li#news a {
	background-image: url(../images/navi_news.gif);
	width: 42px;
	height: 43px;
	background-position:  0 0;
}
.nav li#about a {
	background-image: url(../images/navi_about.gif);
	
	width:105px;
	height: 43px;
 background-position: 0 0;
}
.nav li#shop a {
	background-image: url(../images/navi_shop.gif);
	
	height: 43px;
	width:43px;
background-position:  0 0;
}
.nav li#menu a {
	background-image: url(../images/navi_menu.gif);
	height: 43px;
	width: 45px;
background-position:   0 0;
}
.nav li#home a {
	background-image: url(../images/navi_home.gif);
 background-position:   0 0;
	width: 45px;
	height: 43px;
}
.nav li#news a:hover {
	background-position:  0 -43px;
}
.nav li#about a:hover {
	background-position:  0 -43px;
}
.nav li#shop a:hover {
	background-position:  0 -43px;
}
.nav li#menu a:hover {
	background-position:  0 -43px;
}
.nav li#home a:hover {
	background-position:  0 -43px;
}





.topics {
	margin:0;
	padding:0;
	position: absolute;
	top: 221px;
	left:45px;
	width :280px;
	height:450px;
	clear: left;
	
}


#photo {
	position: absolute;
	top: 221px;
	left:363px;
}
#whats {
	position: absolute;
	top: 178px;
	left:45px;
}
#kei {
	border-top:solid 1px #6B6868;
	position: absolute;
	top: 595px;
	left:45px;
	width:769px;
}
#copy {
	position: absolute;
	top: 604px;
	left:45px;
}

.title {
	font-weight:bold;margin-bottom:5px;
}
.title2 {
	margin-bottom:8px;
	font-weight:bold;
}
.dot {
	color:#878383;
}
.open {
	color:#760421;
	margin:5px 0 5px 0;
}
.topicstext{margin-bottom:8px;
}


#car {
	position: absolute;
	top: 410px;
	left:40px;
}
.abouttext {
	line-height:20px;
}
#gomap {
	position: absolute;
	top: 195px;
	left:723px;
}
#map {
	position: absolute;
	top: 221px;
	left:360px;
	border:dotted 1px #6B6868;
}
#pagetop {
	position: absolute;
	top: 604px;
	left:725px;
}
.topic3 {
	margin-bottom:9px;
}
.date {
	
	
	border-bottom:dotted 1px #6B6868;
	margin-bottom:7px;
}
.news {
	margin:0;
	padding:0;
	position: absolute;
	top: 221px;
	left:45px;
	width :500px;
	height:500px;
	clear: left;
	padding:0;
}
.archive {
	
	
	position: absolute;
	top: 213px;
	left:588px;
	width :230px;
	height:298px;
	
}


	

.archivetitle {
	font-size:11px;
	color:#333;
	border-bottom:dotted 1px #6B6868;
	margin-bottom:7px;
}
.titlenews {
	font-weight:bold;
	margin:10px 0 10px 0;
}
.newstext {
	margin-bottom:35px;
}
#copynews {
	position: absolute;
	top: 1461px;
	left:40px;
}
#keinews {
	border-top:solid 1px #6B6868;
	position: absolute;
	top: 1450px;
	left:45px;
	width:769px;
}
#pagetopnews {
	position: absolute;
	top: 1461px;
	left:730px;
}
.month {
	text-align:right;
	margin-bottom:5px;
}
.month a{color:#333;text-decoration:underline;}
.newsphoto{
	margin-bottom:10px;}
.title2 a {color:#222;text-decoration:underline;}
.nextpage {position: absolute;
		top: 1050px;
		left:0px;
		margin:0 ;}
.nextpage a{color:#333;text-decoration:none;}

.donut{position: absolute;
		top: 221px;
		left:39px;
		}
.drink{position: absolute;
		top: 329px;
		left:39px;
		}
.other{position: absolute;
		top: 442px;
		left:39px;
		}
#dancyu {position: absolute;
		top: 221px;
		left:506px;
		}
.menutext {position: absolute;
		top: 235px;
		left:151px;margin:0;padding:0px;
		}
.menutext2 {position: absolute;
		top: 339px;
		left:151px;
		}
.menutext3 {position: absolute;
		top: 464px;
		left:151px;
		}

#keimenu {
	border-top:solid 1px #6B6868;
	position: absolute;
	top: 595px;
	left:45px;
	width:769px;
}
#copymenu {
	position: absolute;
	top: 606px;
	left:40px;	}	
#pagetopmenu {
	position: absolute;
	top: 603px;
	left:730px;
}		
.plain {position: absolute;
	top:210px;
	left:161px;
}	
.cheese {position: absolute;
	top:210px;
	left:317px;
}		
.c65 {position: absolute;
	top:210px;
	left:472px;
}	
.cina {position: absolute;
	top:210px;
	left:631px;}
.maccha{position: absolute;
	top:380px;
	left:161px;}
.goma{position: absolute;
	top:382px;
	left:320px;}
.arl{position: absolute;
	top:383px;
	left:477px;}
.kabocha{position: absolute;
	top:380px;
	left:631px;}
.plainprice {font-size:12px;text-align:center;
	position: absolute;
	top:296px;
	left:145px;width:121px;}
.cheeseprice {font-size:12px;text-align:center;
	position: absolute;
	top:296px;
	left:300px;width:121px;}
.c65price {font-size:12px;text-align:center;
	position: absolute;
	top:296px;
	left:458px;width:121px;}
.cinamonprice {font-size:12px;text-align:center;
	position: absolute;
	top:296px;
	left:620px;width:121px;}
	
	.macchaprice {font-size:12px;text-align:center;
	position: absolute;
	top:471px;
	left:145px;width:121px;}
.gomaprice {font-size:12px;text-align:center;
	position: absolute;
	top:471px;
	left:300px;width:121px;}
	
	
.arlprice {font-size:12px;text-align:center;
	position: absolute;
	top:471px;
	left:458px;width:121px;}
	
	
.kabochaprice {font-size:12px;text-align:center;
	position: absolute;
	top:471px;
	left:620px;width:121px;}

.late{position: absolute;
	top:160px;
	left:141px;
}	
.ameri{position: absolute;
	top:170px;
	left:245px;
}	
.espresso{position: absolute;
	top:170px;
	left:350px;
}	

.teiban {font-size:12px;text-align:left;
	position: absolute;
	top:182px;
	left:170px;}
.higawari {font-size:12px;text-align:left;
	position: absolute;
	top:355px;
	left:164px;}
.otanosimi {
	font-size:12px;
	text-align:left;
	position: absolute;
	top:525px;
	left:164px;
	line-height: 19px;
}

.otanosimi2 {
	font-size:12px;
	text-align:left;
	position: absolute;
	top:560px;
	left:164px;
	line-height: 19px;
}
.drinklink {position: absolute;
		top: 210px;
		left:52px;
		margin:0 ;
		}

.foods{position: absolute;
	top:-3px;
	left:3px;
}	

.skon1 {position: absolute;
	top:210px;
	left:171px;
}	
.skon2 {position: absolute;
	top:210px;
	left:326px;
}		
.kukki1 {position: absolute;
	top:204px;
	left:465px;
}	
.kukki2 {position: absolute;
	top:200px;
	left:628px;}
	
.wanko{position: absolute;
	top:347px;
	left:623px;}
.fina{position: absolute;
	top:385px;
	left:161px;}
.fina2{position: absolute;
	top:385px;
	left:317px;}
.sand{position: absolute;
	top:373px;
	left:448px;}
.tomatoprice {font-size:12px;text-align:center;
	position: absolute;
	top:296px;
	left:145px;width:121px;}
.blueprice {font-size:12px;text-align:center;
	position: absolute;
	top:296px;
	left:300px;width:121px;}
.ckukkiprice {font-size:12px;text-align:center;
	position: absolute;
	top:296px;
	left:458px;width:121px;}
.bkukkiprice {font-size:12px;text-align:center;
	position: absolute;
	top:296px;
	left:620px;width:121px;}


.finaprice {font-size:12px;text-align:center;
	position: absolute;
	top:471px;
	left:145px;width:121px;}
.fina2price {font-size:12px;text-align:center;
	position: absolute;
	top:471px;
	left:300px;width:121px;}
.sandprice {font-size:12px;text-align:center;
	position: absolute;
	top:471px;
	left:438px;width:161px;}
.wankoprice {font-size:12px;text-align:center;
	position: absolute;
	top:471px;
	left:620px;width:121px;}





.donutmark {
		position: absolute;
		top: 221px;
		left:39px;
		width:85px;height:85px;
		}
.donutmark a{background-image:url(../images/donuts_mark2.jpg);background-position:-95px 0 ;
			width:95px;text-indent: -9999px;
			height:85px;display:block;
						}
.donutmark a:hover{background-position:0 0 ;}

.donutmark a:active{background-position:0 2px ;}

.drinkmark {position: absolute;
		top: 329px;
		left:39px;
		width:95px;height:85px;}
.drinkmark a{background-image:url(../images/drink_mark2.jpg);background-position:-96px 0 ;
			width:93px;text-indent: -9999px;
			height:85px;display:block;
						}
.drinkmark a:hover{background-position:0 0 ;}

.drinkmark a:active{background-position:0 2px ;}

.othermark {position: absolute;
		top: 442px;
		left:39px;
		}
.othermark a {background-image:url(../images/other_mark2.jpg);background-position:-94px 0 ;
			width:93px;text-indent: -9999px;
			height:85px;display:block;
						}
.othermark a:hover {background-position:0 0 ;}
.othermark a:active {background-position:0 2px ;}

#hidden {
visibility: hidden;
}
.dot2{
	font-size:7px;
	color:#000;
	vertical-align: middle;
}
table.hot{position: absolute;font-size:12px;
	top:207px;
	left:210px;width:267px;border-collapse:collapse;padding:0;
}	

table.ice{position: absolute;font-size:12px;
	top:207px;
	left:541px;width:267px;border-collapse:collapse;padding:0;
}	

.ice th, .hot th{
	font-weight: normal;line-height:23px;padding:0px;text-align:left;
}
.ice td, .hot td{line-height:23px;padding:0px;text-align:right}

#kanban{position: absolute;
	top:422px;
	left:50px;}
#hotcup{position: absolute;
	top:168px;
	left:198px;}
#icecup{position: absolute;
	top:168px;
	left:525px;}
.huteiki{position: absolute;
	top:555px;
	left:214px;
	line-height: 19px;}

	
#same{position: absolute;
	top:142px;
	left:678px;}
.hotdrink{text-align:left;font-size:14px;font-weight:bold;margin-bottom:3px;}
.icedrink{text-align:left;font-size:14px;font-weight:bold;margin-bottom:3px;}