@charset "UTF-8";


/* ========BASIC======== */
html {
   overflow-y:scroll;/* 縦スクロールバーのみが表示 */
}

/* ヘッダー */
.header_area {
  position: fixed;/* 固定 */
  top: 0; /* 一番上に表示 */
  width:100%; /* 中央に表示 */
  border-top:8px solid #009e46;
  text-align: right; /* 右合わせ */  
}

body {
   margin:20px 0;
   padding:0;
   line-height:1.5;
   letter-spacing:1px;/* 文字の間隔を指定 */
   font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
   font-size:14px;
   color:#333;
   background:url(images/back02.gif);
} 

br {
   letter-spacing:normal;
}

a:link {/*未訪問のリンク*/
    color:339933;
    font-style:normal;
    text-decoration:none;
}


a {/*リンクされた文字*/
   color:#339933;
   text-decoration:none;
}

a:hover {/*マウスをのせたとき*/
	color:#33ff00;
	text-decoration:none;
	font-weight: bold;
}

img {
   border:0;
}

/* ========見出し<h2 class="midashi-b">テキスト</h2>======= */
.midashi-a {
	font-size:28px;
	font-weight: bold;
	text-align: center;
	color:#009e46;
    padding-bottom: 0px;
	border-bottom: 2px solid #009e46;
}

.midashi-b {
	font-size:20px;
	font-weight: bold;
	color:#333333;
    padding:10px 0;
}


/* ========中央揃え<div class="center"><p></p></div>======= */
.center{
	text-align: center;
}
.boxcenter{
	border: 1px solid #aaa;
	width: 400px;
	text-align: center;
	margin: 0 auto; /* BOXをセンター合わせ */ 
}
.boxleft{
	border: 1px solid #aaa;
	width: 400px;
	text-align: center;/* margin: 0 autoが無いとBOXは左に */ 
}


/* ========TEMPLATE LAYOUT======== */
#top {
   width:960px;
   margin:20px auto;/* センター合わせ */
   padding:0px;
   background: #fff
}

#header {
   width:960px;

   text-align: center; /* センター合わせ */
   margin:0 auto;/* センター合わせ */
}

#contents {
   clear:both;
   width:960px;
   margin:0 auto;
   background: #fff
   text-align: left; 
}

#main {
   float:center;
   width:960px;
   margin:30px 0px 0px 0px;
   padding:0px;
   text-align: left;
   background-color:#fff;
   border-right: 0px solid #fff;
}

/* =======2段組<div class="block_a"></div>========= */
div.block_a {
   float: left;
   width: 20%;
   text-align: left;
}
div.block_b {
   float: left;
   width: 80%;
   text-align: left;
}
div.block_c {
   float: left;
   width: 100%;
   text-align: left;
}

/*========2段組み<div class="left"></div><div class="right"></div>========*/
div.left {
   float: left;
   width: 464px;
}
div.right {
   float: right;
   width: 464px;
}

/* =======下線<p class="line">テキスト</p>========= */
p.line {
   border-bottom: 1px solid #666;
   line-height:400%;
   font-size:15px;
}
p.line_a {
   border-bottom: 1px solid #666;
   line-height:400%;
   font-size:15px;
}
p.line_b {
   border-bottom: 1px solid #666;
   line-height:400%;
   font-size:15px;
}
/* ========ナビゲーションメニュー<ul id="nav"></ul>======== */
#nav {
  width:960px;
  height: 45px;
  padding: 0;
  margin: 0;
  list-style-type: none;
  background: #fff;
  border-bottom: 5px solid #ccc;
  border-left:1px solid #ccc;
}
#nav li {
  width: 160px;
  float: left;
  padding: 0;
  margin: 0;
  text-align: center;
}
#nav li a {
  width: auto;
  color: #333;
  font-size: 15px;
  font-weight: bold;
  margin: 0;
  padding: 11px 0;
  text-decoration: none;
  display: block;
  border-right:1px solid #ccc;
	
}
#nav li a:hover {
  border-bottom: 5px solid #009e46;
  color: #009e46;
}

/* 回り込み解除 */
#contents:after {
   content:"";
   display:block;
   height:0;
   clear:both;
   visibility:hidden;
}

/* ========トップに戻る<div class="pagetop">画像</div>========= */
.pagetop {
    background: url("images/pagetop01.png") no-repeat; /* ロールオーバー時のチラつき防止 */
	float: right;
}

.pagetop a {
    width: 60px;
    height: 60px;
    background: url("images/pagetop01.png") no-repeat;
    display: block;
    text-indent: -9999px;
}

.pagetop a:hover {
background-image: url("images/pagetop02.png");
}

.fb {
    background: url("top_img/fb.png") no-repeat; /* ロールオーバー時のチラつき防止 */
	float: right;
}
.fb a {
    width: 60px;
    height: 60px;
    background: url("top_img/fb.png") no-repeat;
    display: block;
    text-indent: -9999px;
}

.fb a:hover {
background-image: url("top_img/fb.png");
}


/* ========フッターBG<div id="footerbg"></div>======== */
#footerbg {
background-color:#009e46;
width:100%;
min-width:960px;
}

/*========フッター<div id="footer"></div>*/
#footer {
width: 960px;
padding:12px 0;
margin-right: auto;
margin-left: auto;
font-style:normal;
line-height:1.4;
font-size:13px;
color:#fff;
text-align:left;
}

/*========コピーライト<div class="copyright"></div>*/
.copyright {
   padding:10px 0;
   font-style:normal;
   font-size:11px;
   color:#fff;
   text-align:center;
}