body {
color:#333333;
text-align:center;
display:block;
  font-size: 12px;	
  line-height: 150%;}

#box{
width:850px;
margin : 20px auto 0;
}

a {
text-decoration: none;     /* 下線を消す */   
}

h2 {
  color:#214200;
padding:0;
  font-size:12px;
  }

/* 一括で全ての要素の余白をゼロに指定 */
* {
  margin: 0;
  padding: 0;
}

/* 画像コンテンツ */
img {
  border-style: none;}

/* ヘッダーコンテンツ */
.header {
background-image:url(img/kousoburotopk.gif);
  width:100%;
  height:303px;
  position: relative;
}

h1{
  color:#333333;
  font-size:12px;
  padding:0;
  margin:0;
position: absolute;
  top: -18px;
  left: 5px;
font-weight:normal;}

.header h2{
color:#800000;
  font-size:20px;
font-family:serif;
  }

.head1 {
font-size:20px;
line-height:20px;
font-weight:bolder;
position: absolute;
  top: 5px;
  left:255px;
color:#800000;
font-family:serif;
}
.head2{
color:#800000;
line-height:13px;
font-family:serif;
position: absolute;
  top: 47px;
  left:155px;
}
.head3{
line-height:100%;
font-size:50px;
color:#800000;
font-family:serif;
position: absolute;
  bottom: 5px;
  left:225px;
font-weight:bolder;
}

/* ヘッダーサイトマップ */
.headersite{
position: absolute;
  top: -18px;
  right: 5px;}
.headersite a{                  
  color: #000000;
}
.headersite a:hover {                   /* カーソルが上にある時のリンク */
  color: #ff0000;
}
  
/*  ライトコンテンツ  */
.left {
	width:160px;
text-align:center;
	float:right;}

.left h2 {
  background:transparent url(img/1-01.gif) repeat-x top left;
  padding:6px 0px;
  text-align: center;
  margin:0;}

.left a {
  width:160px;
border:#999999 0px solid;
  
  padding:6px 0px;            /* 領域内のスペース */
  border-top:0px;
  text-decoration:none;
  display:block;
  margin:0px;}                /* 領域間のスペース */

.left a:hover {
background-color:#FFFFFF;}


/*  センターコンテンツ  */

.content {
  width:680px;
float:left;
margin:0px;}

.content p{
text-align:left;
  padding:6px;}

.p1{
font-size:16px;
text-align:left;
font-weight:bold;
  padding:6px;}
.p2{
font-size:16px;
line-height:24px;
text-align:left;
  padding:6px;}
.p3{
font-size:14px;
text-align:left;
  padding:6px;}

.content h2 {
  border: #CCCCCC 1px solid;
  background:transparent url(img/1-01.gif) repeat-x top left;
  border: #ccc 1px solid;
  padding:4.8px;
  margin:0px;}  

.rb {color:ff0000;font-weight:bold;}
  
/*  画像の回り込み  */

.lo1 {
         float: left;
         margin-right: 1em;
      }

/*  下コンテンツ  */

.right {
	width:680px;


	float:left;
	margin:0;}

.right h2 {
color:#ffff00;
font-size:14px;
  background:transparent url(img/1-01.gif) repeat-x top left;
  padding:6px;
  text-align: center;
  margin:0;}

.un_l {
width:334;
padding: 10px 0px 0px 5px;

text-align:left;
float:left;}

.un_r {
width:330;
padding: 10px 0px 0px 0px;
text-align:left;
float:right;}

.un_2 {
font-size:16px;
font-weight:bold;
color:#ff8000;}

/*  下下  */
.und_u {
	width:680px;
	float:left;
	margin:0;}

.und_u h2 {font-size:16px;
font-weight:bold;
padding:10px;
color:#800000;
text-align:center;
}

.und_ul {
font-size:16px;
font-weight:bold;
width:225px;
float:left;
margin:0;
}
.und_uc {
font-size:16px;
font-weight:bold;
width:225px;
float:left;
margin:0;
}
.und_ur {
font-size:16px;
font-weight:bold;
width:225px;
float:right;
margin:0;
}
.und_u3 {
font-size:14px;
font-weight:bold;
color:#ff8000;
}

/*  フッター  */

.footer {
  width:100%;
color:#FFFFFF;
  background:transparent url(img/1-01.gif) repeat-x top left;
  text-align:center;
  padding:3px 0px;
  clear: both;}  

.footer a {
 color:#FFFFFF;}
.footer a:hover {                   /* カーソルが上にある時のリンク */
  color: #ff0000;
}

/*  フッター上  */

.foot1 {
width:100%;
margin-top:20px;
font-size:10px;
line-height:11px;
padding: 0px;
color:#FF0000;
float:left;
}

.leftimg {
width:100%;
margin-right:16px;
text-align: right; 
}

/* ---------------------- Greenslate nav ---------------------- */
#slatenav{
position:relative;
display:block;
width:160px;
height:386px;
font-size:12px;
font-weight:bold;
}
#slatenav ul{margin:0px;padding:0;list-style-type:none;width:auto;
}
#slatenav ul li{
display:inline;background:transparent url(img/greenslate_backgroundOVER.gif) no-repeat;
float:left;margin:auto;


}
#slatenav ul li a{
display:block;
float:left;
color:#EEFFDF;
text-decoration:none;padding:12px 0px 11px 0px;


}

#slatenav ul li.nigyo a{
display:block;
float:left;
color:#EEFFDF;
text-decoration:none;padding:2px 0px 2px 0px;

}

#slatenav ul li a:hover,#slatenav ul li a.current{
color:#fff;
background:transparent url(img/green_back.gif) repeat-x;
}

#slatenav ul li.nigyo a:hover,#slatenav ul li.nigyo a.current{
color:#fff;
background:transparent url(img/green_back.gif) repeat-x;
}
/* ---------------------- END Greenslate nav ---------------------- */