@charset "utf-8";

@import url(default.css);

/* ------------------------  ------------------------ */

html{height:100%;}
body{
	height:100%;
	font-size:85%;
	color:#444;
	margin:0;
	padding:0;
	font-family: 'Muli', sans-serif;
	line-height:140%;
}

/* ------------------------  ------------------------ */

h1,h2,h3,h4,h5{
	font-weight:normal;
	font-size:1em;
	margin:0;
	padding:0;
}

rt{font-size:1em;}

ul,ol,dl,li,dl,dt,dd{padding:0;margin:0;}

img,area,table{border:0;}

form{display:inline;}

a{color:#444;}
a:hover{color:#c00;}

sup{
  vertical-align: baseline;
  position: relative;
  top: -1ex;
}

/* ------------------------  ------------------------ */

/* globalheader */

#globalheader{
	background:#262626;
	/*height:58px;*/
}
#home #globalheader{height:58px;}

	#globalheader h1{
		margin:0 0 0 12px;
		float:left;
		height:34px;
		overflow:hidden;
	}
	
		#globalheader #container{
			position:relative;
			/*top:110px;*/
			float:right;
			margin-bottom:-130px;
			z-index:10;
		}
	
			#globalheader #container-inner{
				position:relative;
				top:0;
				margin-top:-130px;
				height:144px;
			}
		
				#globalheader #container div{
					padding:7px 10px 2px;
					float:right;
					text-align:center;
					width:18px;
					cursor:pointer;
					background:#262626;
					border-left:1px solid #000;
				}
		
	#slidenavi{
		clear:both;
		color:#fff;
		background:#262626;
		height:127px;
		padding:3px 15px 0;
		border-left:1px solid #000;
	}
	
		#slidenavi li{
			font-size:90%;
			font-family: 'Source Sans Pro', sans-serif;
			font-weight:bold;
			line-height:100%;
			margin:12px 0 12px 20px;
		}
		
			#slidenavi li a{
				text-decoration:none;
				color:#fff;
			}


	/* navi */


		#globalheader nav{
			clear:both;
		}
		.others #globalheader nav{display:none;}

			#globalheader nav li{
				list-style:none;
				width:20%;
				height:21px;
				float:left;
				font-family: 'Source Sans Pro', sans-serif;
				font-weight:bold;
				font-size:80%;
				line-height:80%;
				text-align:center;
			}
		
				#globalheader nav li a,
				#globalheader nav li span{
					display:block;
					text-decoration:none;
					color:#fff;
					height:21px;
				}
				#globalheader nav li#all a{background:#369;}
				#globalheader nav li#all a,
				#globalheader nav li#all span{
					padding-top:7px;
					height:17px;
				}
		
				#globalheader nav li#amazing a{background:#0085d0;}
				#globalheader nav li#amazing a,
				#globalheader nav li#amazing span{
					padding-top:7px;
					height:17px;
				}
		
				#globalheader nav li#history a{background:#c50080;}
				#globalheader nav li#history a,
				#globalheader nav li#history span{
					padding-top:7px;
					height:17px;
				}
		
				#globalheader nav li#gourmet a{background:#ec6c00;}
				#globalheader nav li#gourmet a,
				#globalheader nav li#gourmet span{
					padding-top:7px;
					height:17px;
				}
		
				#globalheader nav li#area a{background:#009844;	height:17px;}
				#globalheader nav li#area a,
				#globalheader nav li#area span{
					padding-top:7px;
					height:17px;
				}
			
				#globalheader nav li span{
					color:#444;
					background:#fff;
				}


/* content */

				
	#main{
		margin-bottom:30px;
	}
			
		#main section{
			border-bottom:1px solid #d9d9d9;
			padding:10px 12px 10px 5px;
			margin:0 10px;
			background:url(../images-s/dot_arrow.gif) no-repeat 100% 50%;
		}
					
			#main section:after{
				content: ".";
				display: block;
				visibility: hidden;
				clear: both;
				height: 0px;						
			}
			* html #main section{display: inline-table;}
			/* no ie mac \*/
			* html #main section{height:1%;}
			#main section{display: block; min-height:0;}
			/* */
		
			
			#main section img{
				float:left;
				margin-right:10px;
			}
			
			#main section a{text-decoration:none;}
			
			#main section h1{
				font-weight:bold;
				margin:0 0 5px;
				font-size:80%;
				line-height:110%;
				padding-top:10px;
			}
			#main .amazing h1{background:url(../images-s/dot_smp_amazing.gif) no-repeat 80px 2px;}
			#main .history h1{background:url(../images-s/dot_smp_history.gif) no-repeat 80px 2px;}
			#main .gourmet h1{background:url(../images-s/dot_smp_gourmet.gif) no-repeat 80px 2px;}
			#main .area h1{background:url(../images-s/dot_smp_area.gif) no-repeat 80px 2px;}
			
			#main section p{
				margin:0;
				font-size:80%;
				line-height:110%;
			}
	
		#pankuzu{
			border-bottom:1px solid #ccc;
		}

			#pankuzu li{
				float:left;
				font-size:80%;
				margin:5px 10px 5px 0;
				padding-left:15px;	
				list-style:none;
				background:url(../images-s/line_pankuzu.gif) no-repeat 0 50%;
			}
			
				#pankuzu li:first-child{
					background:none;
				}


	.others #main header h1{
		color:#f00;	
		font-size:160%;
		font-family: 'Headland One', serif;
		margin:10px;
		line-height:110%;
	}
	
	#events #arealink li{
		width:18%;
		float:left;
		margin-right:1%;
		list-style:none;
		text-align:center;
		font-size:80%;
		line-height:100%;
	}
	#events #arealink li:first-child{margin-left:3%;}
	#events #arealink li:last-child{margin-right:0;}

	#events li#northern-link{background:#DFB500;}
	#events li#eastern-link{background:#0068B7;}
	#events li#central-link{background:#009844;}
	#events li#western-link{background:#ef8200;}
	#events li#flower-link{background:#faafcf;}
	
	#events #arealink li a{
		display:block;
		text-decoration:none;
		color:#fff;
		width:100%;
		padding:5px 0;
	}
	

	.others #main header .events-label{
		padding:4px 10px 1px;
	}
	.others #main header #northern-label{background:#DFB500;}
	.others #main header #eastern-label{background:#0068B7;}
	.others #main header #central-label{background:#009844;}
	.others #main header #western-label{background:#ef8200;}
	.others #main header #flower-label{background:#faafcf;}

		.others #main header .events-label h2{
			color:#fff;
			font-family: 'Francois One', sans-serif;
			font-size:150%;
			margin:0;
		}

		.others #main header p{
			color:#fff;
			margin:0;
			font-size:90%;
			position: relative;
		}

	#eventsschedule{
		position:relative;
		/*width:3190px;
		width:360px;*/
		overflow:scroll;
		background:#80b4db;
	}
	
		#eventsschedule table{
			width:3000px;
			border-collapse:collapse;
			position:relative;
			left:0;
		}
	
			#eventsschedule th,
			#eventsschedule td{
				border:1px solid #ccc;
			}
	
			#eventsschedule th{
				font-family: 'Source Sans Pro', sans-serif;
				font-weight:bold;
				color:#fff;
				background:#80b4db;
				padding:5px;
			}
			
			#eventsschedule td{
				width:292px;
				border:1px solid #ccc;
				height:297px;
				vertical-align:top;
				color:#333;
			}

			#northern-events{background:#fcf8e6;}
			#eastern-events{background:#e6f0f8;}
			#central-events{background:#e6f5ec;}
			#western-events{background:#fdf3e6;}
			#flower-events{background:#fae5ee;}

							
				#eventsschedule td ul{margin:5px 10px 5px 25px;}
				#eventsschedule td li{
					margin-bottom:5px;
					line-height:100%;
				}
							
				#eventsschedule td p{margin:10px;}
			
				#eventsschedule td img{margin-left:25px;}


		.events-term{position:relative;}

		#northern-term{margin-top:-85px;}
		#eastern-term{margin-top:-106px;}
		#central-term{margin-top:-64px;}
		#western-term{margin-top:-107px;}
		#flower-term{
			margin-top:-280px;
			top:-7px;
		}

			.flowerimage1{margin-top:55px;}
			.flowerimage2{margin-top:90px;}


	/* Map */


		#maparea{
			width:100%;
			height:700px;
			border:1px solid #ccc;;
			overflow:hidden;
		}



/* globalfooter */

	#globalfooter{
		background:#ccc;
		color:#333;
		text-align:center;
		margin-top:10px;
	}

	#globalfooter h1{
		font-family: 'Source Sans Pro', sans-serif;
		font-weight:bold;
		margin:0;
		font-size:90%;
		padding-top:5px;
	}

	#globalfooter p{
		font-size:80%;
		margin:0;
		padding-bottom:10px;
		line-height:100%;
	}