@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 1em;
	padding: 0;
	color:#444;
	font-size: 80%;
	font-family: "メイリオ","Meiryo","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック","MS PGothic",sans-serif;
/* 	background-image: url(../images/bodybg.png); */  
	background-repeat: repeat;
}
a {
 color: #009944;
 text-decoration:underline;
}
h1, h2, h3, h4, h5, h6 {
 margin: 0 0 0.5em;
 line-height: 1.5;

/* letter-spacing:-1px;*/
}
p {
 margin: 0 0 1em;
 color: #444;
 font-size: 0.9em;
 line-height: 1.3;
 text-align: left;
}
ul {
 margin: 0 0 2em;
 padding: 0;
 list-style-position: outside;
}

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

#wrapper {
 width: 100%;
 margin: 0;
}
header {

	color: #111;
	overflow: hidden;
	
	padding-right: 6%;
	padding-left: 6%;
	/* 	padding-top: 1%;
	background-color: #6dc584;
	background-image: url(../images/headbg.gif); */
	background-repeat: repeat;
}
nav {
	background-color: #fff;
}
#common-contents {
	width: 88%;
	margin: 1em auto 1em;
}
article.main {
	width: 100%;
	/*background-color: #f7f4f0;*/
}
section {
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 1.5em;
	margin-left: 0;
}
aside.side {
 width: 100%;
}
footer {
 width: 100%;
 text-align: center;
}

/* 各要素のデザイン、レイアウト */

header h1 {
 font-family: 'Futura', serif;
 font-weight: 400;
 font-size: 2.7em;
 margin: 0.5em 0 0 0%;
}
p.tagline {
	font-size: 0.8em;
	text-align: left;
	color: #FFF;
/*	margin: 0 0 0.5em 0;*/
}
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: 1em;
 /*line-height: 2.5em;
 border-bottom: 1px dotted #f0ece2;*/
 color:#fff;
 
}

#common-nav a {
	color: #999;
}
#common-nav a:hover {
	color: #32b16c;
}


article {
 margin: 0 0 2em;
 border-bottom: 1px solid #f0f0f0;
}
article.main h1 {
	font-size: 1.3em;
	font-weight:lighter;
	margin-bottom: 0.5em;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #999;
}
article.main h2 {
 font-size: 1.2em;
 margin-top: 1.3em;
}
aside.side h1 {
	margin-bottom: 0.5em;
	font-size: 1em;
	color: #333;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #999999;
}
aside.side ul {
	margin: 0 0 0 0;
}
aside.side ul li {
 font-size: 0.8em;
 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;
}
small {
}

#mainImage img {
	height: auto;
	width: 100%%;
	max-width: 100%;
}

#about,#gallery,#contact {
	/*margin-right: 1em;
	margin-left: 1em;*/
}

/* Media Queries による切り替え */

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

 p {
  font-size: 0.9em;
}
nav {
  padding: 0 0 0 6%;
 /* border-top: 1px solid #f0ece2;*/
}
nav ul {
	width: 408px;
	padding: 1px 0;
	/* border-top: 1px solid #222; */
	background-color: #fff;
}
nav ul li {
  float:left;
  width: 100px;
  text-align: left;
  font-size: 1em;
  /*line-height: 1.5em;
   border-left: 1px solid #333;
  border-right: 1px solid #222; */
  border-bottom: none;
}
#sidebar1 {
	width: 44%;
	padding-left: 3%;
	padding-right: 3%;
	float: left;
}
#sidebar2 {
	width: 44%;
	padding-left: 3%;
	padding-right: 3%;
	float: right;
}

#sidebar1 a,
#sidebar2 a,
#sidebar1 a:hover,
#sidebar2 a:hover {
	color:#555;
	text-decoration:none;
}


}

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

 p {
  font-size: 0.9em;
  line-height: 1.3em;
}
#wrapper {
  width: 100%;
  margin: 0 auto;
}
header {
  padding: 0% 1% 0 5.5%;
}
nav {
  padding: 0 6%;
}
#common-contents {
  width: 88%;
  margin: 2em 0 2em;
  padding: 0 6%;
}
article {
  border-bottom: none;
}
article.main {
  float: left;
  /*width: 72%;*/
  margin: 0 3% 0 0;
}
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: 0.8em;
}

}


.top {
	font-size: 0.7em;
	text-decoration: none;
	text-align: right;
}

.top a,
#sidebar1 .top a,
#sidebar2 .top a{
	color: #009944;
}

table {
	border-collapse: collapse;
	margin-top: 10px;
	margin-right: 0;
	margin-bottom: 10px;
	margin-left: 0;
	width: 98%;
	font-size:0.8em;
}
.form tr {
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #c9c9c9;
}	
.first {
	border-top-width: 1px;
	border-top-style: dotted;
	border-top-color: #c9c9c9;
	}	
.form tr td ul li.last {
	border: none;
	padding-bottom: 0px;
}
.form th {
	background-color: #707070;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	white-space: nowrap;
	color: #FFF;
}

.form td {
	background-color: #FFF;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
}
.center {
	text-align: center;
	width: 100%;
	margin-right: auto;
	margin-left: auto;
}
.button {
	background-color: #707070;
	padding: 5px;
	color: #FFF;
	text-decoration: none;
	width: 10%;
	text-align: center;
	font-size: 0.8em;
}
.button a{
	color: #FFF;
	text-decoration: none;
}

.red {
	color: #C00;
}
.green {
	background-color: #009944;
	color: #ffffff;
	padding: 0 3px;
}


.greenfont a {
	color: #009944;
}