@charset "shift_jis";


/*---------- ページ全体の指定 ----------*/

body {
  font-family:"Times New Roman","Verdana", "Arial", "Helvetica", "MS  Gothic", "Osaka","MS UI Gothic","AR P浪漫明朝体U", "AR P明朝体U", "ヒラギノ角ゴ Pro W3", 
  "sans-serif","MSP ゴシック",;
  margin: 0;
  padding: 0;
  font-size: 13px;
  color: #333;
  background-image: url(img/wall2.png);

}

a:link {
  color: #585858;
  font-size: 12px;
}

a:hover {
  color: #005ebb;
  font-size: 12px;
}

a:visited {
  color: #585858;
  font-size: 12px;
}

p {
  margin: 20px 0 20px 0;
  line-height: 150%;
  letter-spacing: 1px;
  
}

h1 {
  font-size: 15px;
  font-family:"MS UI Gothic";
  margin: 0;
  padding: 2px 3px 0px 3px;
  color: #333;
}


/*---------- メイン ----------*/

#main {
  margin: 0 auto 0 auto;
  padding: 0;
  width: 800px;
  background-color: #ffffff;
}


/*---------- ヘッダー ----------*/

#header {
  margin: 0;
  background-image: url(img/kabe1.png);
}

#header-inner {
  margin: 0;
  padding: 0;
  color: #585858;
  width: 800px;
  background-image: url(img/kabe2.png);

}

#table-left{
  text-align: left;
   margin: 0;
  padding: 0px 0px 5px 30px;
  font-size: 15px;
  font-weight: bolder;
  color: #585858;
  line-height: 150%;
  text-decoration: none;
}

#table-left a{
  font-size: 15px;
  color: #585858;
  text-decoration: none;
}

#table-left a:hover{
  font-size: 15px;
  color: #666666;
  text-decoration: none;
}


#table-center{
  text-align: center;
  margin: 0;
  padding: 0px 0px 5px 0px;
  font-size: 15px;
  color: #585858;
  line-height: 150%;
  text-decoration: none;
}

#table-center a{
  font-size: 15px;
  color: #585858;
  text-decoration: none;
}

#table-center a:hover{
  font-size: 15px;
  color: #666666;
  text-decoration: none;
}




#table-right1{
  text-align: right;
  margin: 0;
  padding: 5px 50px 5px 50px;
  font-size: 15px;
  font-weight: bolder;
  font-family:"Times New Roman";
  color: #333333;
  line-height: 150%;
  text-decoration: none;
}

#table-right1 a{
  font-size: 15px;
  color: #333333;
  text-decoration: none;
}

#table-right1 a:hover{
  font-size: 15px;
  color: #666666;
  text-decoration: none;
}

#table-right2{
  text-align: right;
  margin: 0;
  padding: 5px 50px 5px 50px;
  font-size: 15px;
  font-weight: bolder;
  font-family:"Times New Roman";
  color: #333333;
  line-height: 150%;
  text-decoration: none;
}

#table-right2 a{
  font-size: 15px;
  color: #333333;
  text-decoration: none;
}

#table-right2 a:hover{
  font-size: 15px;
  color: #666666;
  text-decoration: none;
}

#header-menu {
  margin: 0px;
  padding: 0px;
  height: 28px;
  background-image: url(img/menu_bar1.png);
  background-repeat: no-repeat;
  
}

#header-menu li {
  list-style-type: none;
  float: left;
  
}

#header-menu li a {
  font-size: 15px;
  font-weight: bolder;
  height: 25px;
  width: 120px;
  line-height: 25px;
  color: #ffffff;
  text-align: center;
  font-family:"Times New Roman";
  display: block;
  border-left-width: 1px;
  border-left-style: solid;
  border-left-color: #77FF77;
  text-decoration: none;
  padding-top: 3px;
}

#header-menu li  a:hover {
  color: #FFFFFF;
  background-color: #26d977;
}

#header-menu #contact {
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #26d977;
}


#header-img1 {
  margin: 0;
  padding: 0;
  width: 800px;
  height: 200px;
  font-family:Times New Roman;
  background-image: none;
  background-repeat: no-repeat;
}

#header-img2 {
  margin: 0;
  padding: 0;
  width: 800px;
  height: 180px;
  font-family:Times New Roman;
  background-image: url(img/green1.png);
  background-repeat: no-repeat;
}
/*---------- コンテンツ ----------*/

#container {
  margin: 0px;
  padding: 5px;
  width: 780px;
  background-color: #ffffff;
  color: #353535;
}



/*---------- メインコンテンツ ----------*/

#contents {
  float: right;
  margin:  5px 0 0 0;
  padding: 0 0 0 6px;
  line-height: 150%;
  letter-spacing: 1px;
  width: 570px;
}

#contents img.sample1 {
  float: right;
  margin: 20px;
}

#contents img.sample2 {
  float: left;
  margin: 20px;
}
#contents img.sample3 {
  float: center;
  margin: 20px;
}

#contents img.sample5 {
  float: center;
  margin: 20px;
}



#contents h2 {
  margin: 0;
  padding: 5px 0 4px 6px;
  line-height: 100%;
  font-size: 15px;
  color: #ffffff;
  border-left: solid 6px #0bb524;
  background-image: url(img/titel_bar1.png);
}


#contents h3 {
  margin: 0;
  padding: 5px 0 4px 6px;
  line-height: 100%;
  font-size: 15px;
  color: #ffffff;
  border-left: solid 6px #ff71ff;
  background-image: url(img/titel_bar2.png);
}

#contents h5 {
  margin: 0;
  padding: 5px 0 4px 6px;
  line-height: 100%;
  font-size: 15px;
  color: #ffffff;
  border-left: solid 6px #ff8000;
  background-image: url(img/titel_bar3.png);
}


#contents p {

  margin: 0;
  padding: 15px 0 15px 0;
  color: #353535;
}

#contents a{

  color: #353535;
  font-size: 13px;
  

 }

#contents a:hover{

  color: #ff8040;
  font-size: 13px;
}


/*---------- メニュー ----------*/

#menu {
  float: left;
  margin: 0;
  padding: 5px 5px 0 5px;
  width: 170px;
  text-align: left;
  line-height: 150%;
  letter-spacing: 1px;
  background-color: #ffffff;
}

#menu h4 {
  margin: 0;
  padding: 5px 0 4px 6px;
  line-height: 100%;
  font-size: 13px;
  color: #ffffff;
  border-left: solid 6px #0bb524;
  background-image: url(img/side_bar1.png);
  background-repeat: no-repeat;
  
}

#menu p {
  margin: 10px 4px 16px 4px;
  line-height: 150%;
}

li {
  list-style-image: noneurl(img/);
  margin: 0 0 5px 0;
}

#menu a{
  color: #ffffff;
  font-size: 13px;
  text-decoration : none;
  
 }

#menu a:hover{
  color: #ff8000;
  font-size: 13px;
  
  }

  
  
#news {
  color: #585858;
  font-size: 13px;
  
  width: 160px;
  height: 180px;
  float: left;
  overflow-y: auto;
  overflow-x: hidden;
  background-color: #fef8de ;
  padding: 5px;
  margin: 12px 0 10px 0;
  
  border-color:#95d493;
  border-width:3px; 
  border-style:double;
  
  
}













#news a{
  color: #585858;
  font-size: 13px;
 
  text-decoration : none;

 }

#news a:hover{
  color: #ff8040;
  font-size: 13px;
}



/*---------- フッター ----------*/

#footer {
  clear: both;
  margin: 0;
  padding: 8px 0 8px 4px;
  text-align: center;
  font-size: 12px;
  color: #666666;
  border-top: 2px;
  border-top-style: dotted;
  border-top-color: #999999;
  background-color: #ffffff;
}

#footer h6 {
  margin: 0;
  text-align: right;
  padding: 2px 8px 0 0;
  font-size: 10px;
  color: #666666;
}

#footer h6 a {
  color: #666666;
  font-size: 10px;
 }

#footer h6 a:hover {
  color: #666666;
}

#footer a {
  color: #666666;
  font-size: 12px;
 }

#footer a:hover {
  color: #333333;
}