
body {
	font-family: sans-serif;
	font-size: 100%;
	line-height: 1.6;
	background-color: #fff;
	color: #666;
	padding: 0;
	margin: 0;
	}

/* Fonts
 -------------------------- */
h1{font-size:1.5em;}
h2{font-size:1.4em;}
h3{font-size:1.0em;}

h2.obento-name{color: #40A9BF;width: 100%;
		border-bottom: 1px solid #666;}
h2.area1 {background-color: #9BEEFF;padding: 0.5em;text-align: center}
h2.area2 {background-color: #10FF7D;padding: 0.5em;text-align: center}
h2.area3 {background-color: #FFFE05;padding: 0.5em;text-align: center}
h2.area4 {background-color: #FFB9B3;padding: 0.5em;text-align: center}
h2.area5 {background-color: #E6E6E6;padding: 0.5em;text-align: center}
h2.area6 {background-color: #E6E6E6;padding: 0.5em;text-align: center}



/* Links
 -------------------------- */

a:link { color: purple;}
a:visited {color: purple;}
a:hover {color: blue;}
a:active {color: purple;}



/* Header
 -------------------------- */

header {
	width:100%;
	float:left;
	background-color: #FF1F00;
	text-align: center
}

.kizan-brand{
	display: block;
}






/* Main nav
 -------------------------- */
.main-nav{
	width: 100%;
	float: left;
	background-color: #F3BD46;
}

 .main-nav ul {
 width: 100%;
float: left;
 display: none;
 list-style: none;
 padding: 0px;
 margin: 0px;
 text-align: center;
  }

  .main-nav ul li {
  	display: inline-block;
/*  	text-align: left; */
  }
  .main-nav ul li a {
  	display: block;
  	padding: 1em 1em;
  	text-decoration: none;

  }

  .main-nav ul li a:hover {

}

 .anchor-link {
 	display: inline-block;
 	text-align: center;
 	padding-top: 1em;
 	padding-bottom: 1em;
 	text-decoration: none;
 	width: 100%; }

.anchor-link:hover {
 	background-color: #F7D30B;

 }









/* Content
 -------------------------- */


.content{
	width: 80%;
	margin-left:auto;
	margin-right:auto;
	margin-bottom: 2em;
	overflow: auto;

	}

	article{
		margin-bottom: 4em;

	}

	article.news-entry{
		margin-bottom: 0;
		padding-top: 1em;
		padding-bottom: 2em;
		border-top: 1px solid #ccc;
		float: left;
		width: 100%
		/*border-bottom: 1px solid #666*/


	}



main,aside {
	width: 100%;
	float: left;
	padding-bottom: 2em
}

.image-container{float: left;text-align: center;width: 100%}
.news-image {
	border: 0;
	margin: auto;
	max-width: 100%;
}


.obento{border: 0;max-width: 100%;}
/*.footer {border-top: 2px solid #666;}*/

.std-image {max-width: 100%;}





.a-schedule-list {
	list-style: none;
 margin-left: 0;
 padding-left: 0;
 margin-bottom: 4em
}
.a-schedule-list li {padding-top: 1em;padding-bottom: 1em;}
li.date{width: 100%;background-color: #A1BBD4;color: #fff;}
li.stripe{background-color: #E4EDF7;}








/* Mobile nav
 -------------------------- */

 #mobile-nav {
 	width: 100%;
 	float: left;
 	/*display: block;*/
 }

 #mobile-nav ul {
 	width: 100%;
 	float: left;
 	list-style: none;
 	margin: 0;
 	padding: 0;
 	background-color: #F3BD46;
 }
 #mobile-nav ul li {
 	list-style: none;
 	text-align: center;
 }
 #mobile-nav ul li a {
  display: block;
  padding: 1em;
  border-bottom: 0;
  text-decoration: none;
}
 #mobile-nav ul li a:hover {
 	background-color: #F7D30B;

 }



/* Footer
 -------------------------- */
footer {
	width: 80%;
	margin-left:auto;
	margin-right:auto;
	overflow: auto;
	/*padding-top: 2em;*/
	border-top: 1px solid #ccc;
	text-align: center
}

footer img {display: inline;}
footer p {margin-bottom: 2em}






.link-button:link {
 background-color: purple;
 text-decoration: none;
 display: block;
 border: 0;
 color: #fff;
 text-align: center;
 font-size: 100%;
 cursor: pointer;
 overflow: auto;
 padding-top: 0.75em;
 padding-bottom: 0.75em;
 /*margin-bottom: 1em*/
  margin-bottom: 1em
}

.link-button:visited {color: #fff;}
.link-button:hover {color: #fff;background-color:#560B57;}
.link-button:active {color: #fff;}












@media screen and (min-width:768px) {

.content,footer {
	width:1024px;
	}

main {
	width: 65.13671875%; /*667px*/
	float: left;

	}

aside {
	width:30.2734375%; /*310px*/
	float: right
}





 .main-nav ul { display: block; }
 .anchor-link { display: none; }
  #mobile-nav { display: none; }

h1{font-size:2.0em;}
h2{font-size:1.7em;}
h3{font-size:1.2em;}



}