@font-face {
	font-family: Pacifico;
	src: url(../../fonts/Pacifico.ttf);
}
@font-face {
	font-family: AutourOne;
	src: url(../../fonts/AutourOne-Regular.otf);
}
html, body{
	margin:0;
	padding:0;
}
body {
	font-family: AutourOne;
	background-color: rgb(231, 128, 109);
	width:100%;	
}
#container {	
	margin: 0 auto;
	padding:0;
		
}
.menu-bar{	
	position: fixed;
	background: url(../images/navi_bar.png) center repeat;	
	width:100%;
	height:inherit;
	z-index:2;	
	top:0;
	left:0;
}
	.nav-table{		
		border:0px solid red;
		margin:0 auto;
	}
	.logo{
		background: url(../images/logo.png) center no-repeat;	
		width:146px;
		height:65px;
		border:0;
	}
	.dropdown 
	{
		color: #555;
		margin: 0px -100px 30px 0;
		width: 143px;
		position: relative;
		height: 17px;
		text-align:left;
	}
	.submenu
	{
		background-color: rgb(231, 128, 109);
		position: absolute;
		top: 42px;
		left: -134px;
		z-index: 100;
		width: 170px;
		display: none;
		margin: 0;
		padding: 0px 0 5px;
		/*border-radius: 0px;*/
		box-shadow: 0 2px 8px rgba(0, 0, 0, 0.45);
	}
	.dropdown li a 
	{
		color: #FFFFFF;
		display: block;	
		padding: 6px 15px;
		cursor: pointer;
		text-decoration:none;
	}
	
	.dropdown li a:hover
	{
		background:#f5848d;
		color: #FFFFFF;
		text-decoration: none;
	}
	a.account 
	{
		background: url(../images/navi_menu.png) center no-repeat;
		font-size: 11px;
		line-height: 16px;
		color: #555;
		position: absolute;
		z-index: 110;
		display: block;
		padding: 11px 0 0 0;
		height: 41px;
		width: 48px;
		margin: -11px 0 0 -10px;
		text-decoration: none;
		/*background: url(icons/arrow.png) 116px 17px no-repeat;*/
		cursor:pointer;
	}
	.root
	{
		list-style:none;
		margin:0px;
		padding:0px;
		font-size: 11px;
		padding: 11px 0 0 0px;
		border-top:1px solid #dedede;
	}

.home {
	background: url(../images/home.jpg) center no-repeat;	
	height: 700px;	
	padding-top: 100px;	
	border:0px solid #000000;
	clear:both;
}
	.home-title{
		width:400px;
		margin:0 auto;
		border:0px solid green;
		text-align:center;
		color:#FFFFFF;
	}	
	
	.home-title h1 {
	  font-family: Pacifico;
	  font-size: 36px;
	  margin:0;
	  padding: 0;	  
	}
	
	.home-title h3 {
	  font-family: AutourOne;
	  font-size: 13px;
	  line-height: 20px;	  
	}
	
	.nav-arrow{
		background: url(../images/arrow.png) center no-repeat;
		width: 107px;
		height: 77px;
		border:0px solid red;
		margin:480px auto 0;		
	}

.cafe {
	background: url(../images/cafe.jpg) center no-repeat;
	height: 800px;	
	border:0px solid red;
	clear:both;
		
}
	.cafe-title {
	  text-align: center;
	  border:0px solid green;
	  width:90%;	  
	  padding-top:30px;
	  margin:0 auto;	 	  
	}	
	.cafe-title h1 {
		font-family: Pacifico;
		font-size: 43px;
		margin: 0;
	  	padding: 0;
	  	color:#FFFFFF;
	  	font-weight:normal;
	}
	
	.cafe-title h3 {
	  font-family: AutourOne;
	  font-size: 14px;
	  font-weight:normal;
	  margin: 0;
	  padding: 0;
	  color:#FFFFFF;
	}
	.cafe-desc {
		width:312px;
		border:0px solid green;
		margin-top:80px;		
		/*padding: 20px 0 0 120px;*/
	}
	
	.cafe-desc h2, .merch-desc h2, .noodle-desc h2, .kitchen-desc h2 {
	  font-family: Pacifico;
	  font-size: 32px;
	  padding: 0;
	  color: #e64d5d;
	  margin: 0;
	}
	.cafe-desc .number {
		background: url("../images/1.png") no-repeat;
		width: 23px;
		height: 23px;
		display: inline-block;
		margin: 0 4px 0 0;
	}
	.cafe-desc p, .merch-desc p, .noodle-desc p, .kitchen-desc p {
		font-size: 10px;
		color: #808285;
		margin: 0 0 0 10%;		
		line-height: 11px;
	}
	.cafe-desc p {
		width: 200px;
		border:0px solid red;
	}	
	#drinks-menu {		
	    height: 90px;	    
	    width: 76px;
	    position:relative;	    
	    top:50px;
	    left:0px;
	}
	#food-menu {		
	    height: 90px;	     
	    width: 76px;
	    position:relative;
	    left:430px;
	    top:0px;
	}
.merchandise {
	background: url(../images/merchandise.jpg) center no-repeat;	
	height: 800px;	
	border:0px solid red;
	clear:both;
	
}	
	
	.merch-desc {
		width:350px;				
		border:0px solid green;
		margin:0;
		position:relative;
		top:9%;
		left:0;
		/*padding: 50px 0 0 320px;*/
	}
	.merch-desc .number {
		background: url("../images/2.png") no-repeat;
		width: 23px;
		height: 23px;
		display: inline-block;
		margin-right: 10px;
	}
	#shop {
	    height: 90px;	    
	    width: 76px;
	    position:relative;
	    left:18%;
	    top:300px;
	}
	#mamee-factory {
	    height: 90px;	    
	    width: 76px;
	    position:relative;
	    left:28%;
	    top:290px;
	}
	#photo-corner {
	    height: 90px;	    
	    width: 76px;
	    position:relative;
	    left:78%;
	    top:250px;
	}
.doodle {
	background: url(../images/doodle.jpg) center no-repeat;	
	height: 800px;	
	border:0px solid red;	
	clear:both;	
}	
	.noodle-desc {
		width:262px;
		border:0px solid green;
		margin:0;
		position:relative;
		top:16%;
		left:160px;
		/*padding: 100px 0 0 120px;*/
	}
	.noodle-desc .number {
		background: url("../images/3.png") no-repeat;
		width: 23px;
		height: 23px;
		display: inline-block;
		margin-right: 10px;
	}
	#noodle-doodle {
	    height: 90px;	    
	    width: 76px;
	    position:relative;
	    left:0px;
	    top:150px;
	}
	#chef-diy {
	    height: 90px;	    
	    width: 76px;
	    position:relative;
	    left:0px;
	    top:260px;
	}
.kitchen {
	background: url(../images/kitchen.jpg) center no-repeat;	
	height: 800px;	
	border:0px solid red;	
	clear:both;	
}	
	.kitchen-desc {
		width:380px;
		border:0px solid green;
		margin:0;
		position:relative;
		top:190px;
		left:/*300px*/0;
		/*padding: 170px 0 0 320px;*/
	}
	.kitchen-desc .number {
		background: url("../images/4.png") no-repeat;
		width: 23px;
		height: 23px;
		display: inline-block;
		margin-right: 10px;
	}
	#monster-kitchen {
	    height: 90px;	    
	    width: 76px;
	    position:relative;
	    left:/*320px*/0;
	    top:400px;
	}
	#monster-diy {
	    height: 90px;	    
	    width: 76px;
	    position:relative;
	    left:/*70px*/0;
	    top:250px;
	}
.event {
	background: url(../images/event.jpg) center no-repeat;	
	height: 800px;	
	border:0px solid red;	
	clear:both;	
}	
	.logo-event{
		/*padding: 140px 0 0 230px;*/
		width:338px;
		height:130px;
		margin:0 auto;
		padding-top:100px;
		border:0px solid red;	
		
	}
	.event-frame{		
		width:500px;
		height:inherit;
		margin:10px 0 0 0/*216px*/;
		border:0px solid green;	
	}
.map {
	background: url(../images/contact.jpg) center no-repeat;	
	height: 800px;	
	border:0px solid red;	
	clear:both;	
}	
	.letter-box {
		    height: 180px;		    
		    width: 480px;
		    z-index: 21;
		    margin: 0 auto;
		    border:0px solid red;
		    padding-top:580px;
		    font-size: 12px;
		}
		.letter-table{
			width: 480px;
		}
		.letter-td{
			width: 160px;
		}
		.letter-title{
			font-weight:bold;
			color:#000;
		}
		.letter-sub-title{
			color:#ED2870;
			padding-bottom:2px;
			margin-bottom:0;
		}
		.letter-desc{
			color:#999999;
			font-size: 10px;
		}
		.sub-td{
			width:36px;
		}
/*****MOBILE*****/
.menu-bar-m{	
	position: fixed;
	background: url(../images/mobile/navi_bar.png) center repeat;	
	width:100%;
	height:42px;
	z-index:2;	
	top:0;
	left:0;
}	
	.logo-m{
		background: url(../images/mobile/logo.png) center no-repeat;	
		width:79px;
		height:34px;
		border:0;
		margin-bottom:10px;
	}
	
.home-m {
	background: url(../images/mobile/home.jpg) center no-repeat;	
	height: 430px;	
	padding-top: 50px;	
	border:0px solid #000000;
	clear:both;	
}
	.home-title-m{
		width:250px;
		margin:0 auto;
		border:0px solid green;
		text-align:center;
		color:#FFFFFF;
	}	
	
	.home-title-m h1 {
	  font-family: Pacifico;
	  font-size: 26px;
	  margin:0;
	  padding: 0;	  
	}
	
	.home-title-m h3 {
	  font-family: AutourOne;
	  font-size: 10px;
	  line-height: 20px;	  
	}	

	.nav-arrow-m{
		background: url(../images/mobile/arrow.png) center no-repeat;
		width: 88px;
		height: 63px;
		border:0px solid red;
		margin:250px auto 0;
	}		
	
.cafe-m {
	background: url(../images/mobile/cafe.jpg) center no-repeat;
	height: 480px;	
	border:0px solid red;
	clear:both;
		
}
	.cafe-title-m {
	  text-align: center;
	  border:0px solid green;
	  width:90%;	  
	  padding-top:25px;
	  margin:0 auto;	 	  
	}	
	.cafe-title-m h1 {
		font-family: Pacifico;
		font-size: 26px;
		margin: 0;
	  	padding: 0;
	  	color:#FFFFFF;
	  	font-weight:normal;
	}
	.cafe-title-m h3 {
	  font-family: AutourOne;
	  font-size: 10px;
	  font-weight:normal;
	  margin: 0;
	  padding: 0;
	  color:#FFFFFF;
	}
	.cafe-desc-m {
		width:167px;
		border:0px solid green;
		margin:33px 0 0 0;		
		/*padding: 20px 0 0 120px;*/
	}
	
	.cafe-desc-m h2, .merch-desc-m h2, .noodle-desc-m h2, .kitchen-desc-m h2 {
	  font-family: Pacifico;
	  font-size: 22px;
	  padding: 0;
	  color: #e64d5d;
	  margin: 0;
	}
	
	.cafe-desc-m .number {
		background: url("../images/mobile/1.png") no-repeat;
		width: 12px;
		height: 13px;
		display: inline-block;
		margin: 0 4px 0 0;
	}
	.cafe-desc-m p, .merch-desc-m p, .noodle-desc-m p, .kitchen-desc-m p {
		font-size: 8px;
		color: #808285;
		margin: 0 0 0 10%;		
		line-height: 10px;
	}
	.cafe-desc-m p {
		width: 145px;
		border:0px solid red;
	}	
	#drinks-menu-m {		
	    height: 68px;	    
	    width: 58px;
	    position:relative;	    
	    top:10px;
	    left:50px;
	}
	#food-menu-m {		
	    height: 68px;	     
	    width: 56px;
	    position:relative;
	    left:0px;
	    top:-30px;
	}		
.merchandise-m {
	background: url(../images/mobile/merchandise.jpg) center no-repeat;	
	height: 480px;	
	border:0px solid red;
	clear:both;	
}		
	.merch-desc-m {				
		border:0px solid green;
		width:160px;
		margin:0;
		position:relative;
		top:36px;
		left:0/*220px*/;
		/*padding: 50px 0 0 320px;*/
	}
	.merch-desc-m h2, .noodle-desc-m h2, .kitchen-desc-m h2{	
		line-height:30px;
	}
	.merch-desc-m h2 {	
		padding-left:12px;
	}			
	.merch-desc-m .number {
		background: url("../images/mobile/2.png") no-repeat;
		width: 13px;
		height: 12px;
		display: inline-block;
		margin: 0 5px 0 -17px;
	}
	#shop-m {
	    height: 69px;	    
	    width: 58px;
	    position:relative;
	    left:0px;
	    top:-70px;
	}
	#mamee-factory-m {
	    height: 69px;	    
	    width: 57px;
	    position:relative;
	    left:0px;
	    top:120px;
	}
	#photo-corner-m {
	    height: 68px;	    
	    width: 57px;
	    position:relative;
	    left:0px;
	    top:40px;
	}	
.doodle-m {
	background: url(../images/mobile/doodle.jpg) center no-repeat;	
	height: 480px;	
	border:0px solid red;	
	clear:both;	
}	
	.noodle-desc-m {
		width:200px;
		border:0px solid green;
		margin:0;
		position:relative;
		top:18%;
		left:80px;
		/*padding: 100px 0 0 120px;*/
	}
	.noodle-desc-m .number {
		background: url("../images/mobile/3.png") no-repeat;
		width: 12px;
		height: 12px;
		display: inline-block;
		margin-right: 5px;
	}
	#noodle-doodle-m {
	    height: 68px;	    
	    width: 59px;
	    position:relative;
	    left:/*230px*/0;
	    top:90px;
	}
	#chef-diy-m {
	    height: 67px;	    
	    width: 56px;
	    position:relative;
	    left:/*30px*/0;
	    top:100px;
	}	
.kitchen-m {
	background: url(../images/mobile/kitchen.jpg) center no-repeat;	
	height: 480px;	
	border:0px solid red;	
	clear:both;	
}	
	.kitchen-desc-m {
		width:200px;
		border:0px solid green;
		margin:0;
		position:relative;
		top:90px;
		left:0/*190px*/;
		/*padding: 170px 0 0 320px;*/
	}
	.kitchen-desc-m h2{
		padding: 0 0 0 16px;
	}
	.kitchen-desc-m .number {
		background: url("../images/mobile/4.png") no-repeat;
		width: 13px;
		height: 13px;
		display: inline-block;
		margin: 0 5px 0 -15px;
	}
	#monster-kitchen-m {
	    height: 69px;	    
	    width: 58px;
	    position:relative;
	    left:/*192px*/0;
	    top:160px;
	}
	#monster-diy-m {
	    height: 68px;	    
	    width: 57px;
	    position:relative;
	    left:/*40px*/0;
	    top:80px;
	}
.event-m {
	background: url(../images/mobile/events.jpg) center no-repeat;	
	height: 480px;	
	border:0px solid red;	
	clear:both;	
}	
	.logo-event-m{		
		width:184px;
		height:50px;
		margin:0 auto;
		padding-top:80px;
		border:0px solid red;	
		
	}
	.event-frame-m{
		width:240px;
		height:180px;
		margin:10px 0 0 0/*130px*/;
		border:0px solid green;	
		overflow:hidden;
	}		
.map-m {
	background: url(../images/mobile/contact.jpg) center no-repeat;	
	height: 480px;	
	border:0px solid red;	
	clear:both;	
}	
	.letter-box-m {
		    height: 200px;		    
		    width: 240px;
		    z-index: 21;
		    margin: 0 auto;
		    border:0px solid red;
		    padding-top:280px;
		    font-size: 8px;
		}
		.letter-table-m{
			width: 240px;
		}
		.letter-td-m{
			width: 30%;
		}
		.letter-title-m{
			font-weight:bold;
			color:#000;
		}
		.letter-sub-title-m{
			color:#ED2870;
			padding-bottom:2px;
			margin-bottom:0;
		}
		.letter-desc-m{
			color:#999999;
			font-size: 7px;
		}	
		.sub-td-m{
			width:19px;
		}
	.menu-name-m{
		padding: 0;
		margin: 0;
	}
	
	#slider-m ul li{
		padding: 0;
		margin: 0;
	}