@charset "UTF-8";

/* Micro clearfix */

.cf { zoom: 1; }
.cf:before, .cf:after { content: ""; display: table; }
.cf:after { clear: both; }

/* 必要要素の初期設定 */

body {
 width: 100%;
 margin: 0 0;
 padding: 0;
 color:#222;
 font-size: 100%;
font-family: sans-serif;
background-color:#fff;
 /*background:#999 url(../images/body_bg.png) repeat-y center top;*/
}
a {text-decoration:none;
 color: #F60;
}
a:hover {
	text-decoration: underline;
 color: #3CC;
}
h1, h2, h3, h4, h5, h6 {
 margin: 0 0 0.5em;
 line-height: 1.1;
 /*font-family: "Hiragino Mincho", "Hiragino Mincho", serif;*/
 letter-spacing:-1px;
}
p {
 margin: 0 0 1em;
 color: #444;
 font-family: 'Asap', sans-serif;
 line-height: 1.4em;
 text-align: left;
  font-size: 1em;
	margin-bottom:0.4em;
	clear:both;
}

ul {
 margin: 0 0 1em 1.2em;
 padding: 0;
 list-style-position: outside;
}


small {
 text-transform: uppercase;
}





/* ベースレイアウト */

* html body {     
   /* background: url(null) fixed;  上部で固定しておくために*/   
} 

#wrapper {
 width: 960px;
 margin: 0 auto;
}


header {
	 margin:0 auto;
	 width:960px;
 padding:0;
 color: #111;
 overflow: hidden;
 /*background:url(../images/header_bg.png) no-repeat right top;*/

	
}

header h1 {
 font-family: 'Lora', serif;
 font-weight: 200;
 font-style: italic;
 font-size: 2.7em;
 margin:10px 20px 10px 0;
 float:left;
}/*ロマークのところ*/
p.tagline {
 font-size: 0.9em;
 text-align: left;
 text-transform: uppercase;
 color:#999;
 margin:25px 0 0;
}

/*
nav
*/

nav	{
	width: 100%;
	/*height:60px;*/
	padding:0;
	margin:-6px 0;
	background:url(../images/nav_bg.png) repeat-x;
	/*border-bottom: 1px solid #CCC;*/
	color: #FFF;
	/*position: fixed;
	top:120px;
	left:0;
	z-index:100;*/
}/*上部で固定しておくCSS*/

/*
nav ul {
 list-style: none;
 margin: 0;
 padding: 0;
 background-color: #000;
}
nav ul li {
 display: block;
 width: 100%;
 margin: 0 ;
 text-align: center;
 font-size: 1.3em;
 line-height: 2.5em;
 color:#fff;
 border-bottom: 1px dotted #f0ece2;
}
*/

nav ul{
	display: block;
	width: 960px;
	height: 60px;
	text-align: left;
	margin:0 auto;
	}

nav	ul li{
	display: block;
	height: 60px;
	margin: 0;
	float: left;
}

nav	ul li a{
	display: block;
	height: 60px;
	 width:160px;
	text-indent: -9999em;
}


a#globalNavi1{
	background-image: url(../images/nav.png);
	background-repeat: no-repeat;
	background-position: 0 0;
}
a#globalNavi2{background: url(../images/nav.png) no-repeat -160px 0;}
a#globalNavi3{background: url(../images/nav.png) no-repeat -320px 0;}
a#globalNavi4{background: url(../images/nav.png) no-repeat -480px 0;}
a#globalNavi5{background: url(../images/nav.png) no-repeat -640px 0;}
a#globalNavi6{background: url(../images/nav.png) no-repeat -800px 0;}

a:hover#globalNavi1{background: url(../images/nav.png) no-repeat 0 -60px;}
a:hover#globalNavi2{background: url(../images/nav.png) no-repeat -160px -60px}
a:hover#globalNavi3{background: url(../images/nav.png) no-repeat -320px -60px}
a:hover#globalNavi4{background: url(../images/nav.png) no-repeat -480px -60px}
a:hover#globalNavi5{background: url(../images/nav.png) no-repeat -640px -60px}
a:hover#globalNavi6{background: url(../images/nav.png) no-repeat -800px -60px}

a:here#globalNavi1{background: url(../images/nav.png) no-repeat 0 -60px;}
a:here#globalNavi2{background: url(../images/nav.png) no-repeat -160px -60px}
a:here#globalNavi3{background: url(../images/nav.png) no-repeat -320px -60px}
a:here#globalNavi4{background: url(../images/nav.png) no-repeat -480px -60px}
a:here#globalNavi5{background: url(../images/nav.png) no-repeat -640px -60px}
a:here#globalNavi6{background: url(../images/nav.png) no-repeat -800px -60px}






#common-contents {
 width:960px;
 margin:0 auto;

}

ul#path{ overflow:hidden; margin:6px 0 }
ul#path li{ float:left; list-style:none; padding-right:0.5em}




/*
#pagetitle{background: url(../images/pagetitle_bg.png) no-repeat 0 center;
padding:6px}
*/




article {
 margin:0 0 0.6em;
}

article.main {
  float: left;
  width: 100%;
  margin:0 0 0 0;/*２カラムのときmargin: 0 3% 0 0;*/
	
}

article.main h1 {
 font-size: 1.4em;
 padding:6px;
	border-bottom:2px solid #ccc;
	border-top:2px solid #f4f4f4;
	color:#399;
	 text-shadow: 0 1px 0 #fff;
	 margin-top:2em;
	 background-color:#eee;
 
}

.lead{ font-size:1.2em;
font-weight:bold}

article.main h2 {
	font-size: 1.18em;
	margin: 1.2em 0 0.4em;
	padding:6px 10px;
	background-color: #FC3;
}

article.main h3 {
	font-size: 1.2em;
	color:#F60;
	border-left:20px solid #FFF0E6;
	padding-left:10px;
	margin: 1.2em 0 0.4em;
}

article.main h4 {
	font-size: 1em;
	color:#666;
	margin: 1.2em 0 0.4em;
	padding:0.4em;
	 background-color:#f4f4f4;
	 display:inline-block;
}


section {
 margin: 0 6em 1em;}
 

.note{ font-size:0.8em; font-weight:normal}
.txtCenter{ text-align:center}
.txtRight{ text-align:right}

aside.side {
 width: 100%;
}


aside.side h1 {
 margin-bottom: 0.7em;
 font-size: 1.4em;
 color: #333;
 border-bottom: 1px dotted #f0f0f0;
}
aside.side ul {
 margin: 0 0 0 1.5em;
}
aside.side ul li {
 font-size: 1.3em;
 line-height: 1.5;
 color: #555;
}
aside.side ul li ul {
 margin-bottom: 0.3em;
}
aside.side ul li ul li {
 font-size: 1em;
 color: #666;
}

footer {
 width: 100%;
 text-align: center;
}
/*footer {
 width: 790px;
  padding:10px 0;
	margin:0 auto;
	background-color:#008EE4;
	font-size:0.80em;
	 color:#FFF;
	 text-align:right;
}*/
/*footer div.inner{ text-align:left; padding:10px}
footer .footerAdress{ float:right; width:40%; text-align:right}*/

footer #footerLink { color: #F60 }

/*footer small{margin-right:10px}*/

/*

*/



/* Media Queries による切り替え */
/*
@media only screen and (min-width: 481px) {

 p {
  font-size: 1.1em;
}
nav {
  padding: 0 0 0 6%;
}
nav ul {
  width: 408px;
  padding: 1px 0;
  border-top: 1px solid #222;
  background-color: #000;
}
nav ul li {
  float:left;
  width: 100px;
  text-align: center;
  font-size: 1em;
  line-height: 2.5em;
  border-left: 1px solid #333;
  border-right: 1px solid #222;
  border-bottom: none;
}
#sidebar1 {
  width: 47%;
  padding-right: 3%;
  float: left;
}
#sidebar2 {
  width: 47%;
  padding-left: 3%;
  float: right;
}

}
*/

/*
デスクトップ版
*/
@media only screen and (min-width: 961px) {
 
 

/*header {
  padding:0;
	margin:40px auto 0;
	width:960px
}*/

/*nav{padding: 0 ;}
nav ul{
	width:960px;
	height:40px;
	margin:0 auto;
	display:block;
	background:url(../images/nav.png) no-repeat center top;
	overflow:hidden;
	padding:0;
}
nav ul li{ text-indent:-9999px}*/

/*#common-contents {
  width: 88%;
  margin: 2em 0 2em;
  padding: 0 6%;
}

aside.side {
  float: right;
  width: 25%;
  margin: 0;
  padding: 0.5em 0 0 0;
}
#sidebar1, #sidebar2 {
  width: 100%;
  padding:0;
  float: none;
}
aside.side ul li {
  font-size: 1em;
}*/

}



/*
-----
shisetsu.html
-----
*/


/*
-----
cafe.html
-----
*/
#cafe .foodMenu,
#cafe .drinkMenu{ margin-top:1em;padding:0 2em 1em;background-color:#FFFF99 }
#cafe .foodMenu h1,
#cafe .drinkMenu h1{ background-color:#66CC33; text-align:center; margin:auto -1.40em 1em; color: #FC0;
}
/*
-----
dogrun.html
-----
*/