@charset   "Shift_JIS";

#wrapper {
  width: 760px;
  margin:auto;
  padding:10px;
  text-align:left;
  background-color: #FFFFFF
}
#header {
  background-color: #FFFFFF
  height: 50px;
}
#logo {
  position: absolute;
  margin: 0;
}
BODY {
  font-size: 75%;
  font-family:'ＭＳ Ｐゴシック', sans-serif;
  color: #666666;
  line-height: 1.5;
  letter-spacing: 0.1em;
  text-align:center;
  margin: 0px;

/**/
}
H1 {
  font-size: 87%;
  color: #CC0000;
}
H2 {
  font-size: 117%;
  color: #CC0000;
  background-color: #FFFFFF;
  border-left: 5px solid #D38C38;
  margin: 0;
}
h3　{
  font-size: 40%
    margin-left: 20px;
}
H4  {
  font-size: 95%;
  margin-left: 20px;
}
P   {
  color: #666666;
}
.text1 {
  font-size: 85%;
  color: #666666;
  line-height: 1.5;
  letter-spacing: 0em;
  text-align: left;
  padding-left : 10px;
  padding-right : 10px;
  padding-bottom : 10px;
  padding-top : 10px;
}

.comment {
  font-size: 65%;
  color: #666666;
  line-height: 1.5;
}

.sample_title {
  font-size : 85%;
  color: #FFFFFF;
  text-align : center;
  cursor : nw-resize;
  padding-top : 3px;
  padding-left : 5px;
  padding-right : 5px;
  padding-bottom : 3px;
  height : 15px;
  vertical-align : middle;
  line-height : 1.2;
}
.sample_text {
  font-size: 85%;
  color: #333333;
  line-height : 1.2;
  vertical-align : top;
  padding-top : 5px;
  padding-left : 10px;
  padding-right : 10px;
  padding-bottom : 5px;
}
.sample{
  padding-top : 8px;
  padding-left : 8px;
  padding-right : 8px;
  padding-bottom : 4px;
  border-width : 2px 2px 2px 2px;
  border-color : #d38c38 #d38c38 #d38c38 #d38c38;
  text-valign : top;
  width : 176px;
  float : left;
  margin-top : 10px;
  margin-right : 12px;
  margin-bottom : 10px;
  border-style : solid solid solid solid;
  background-color : #fffae8;
  height : 250px;
  border-spacing : 0px;
}
#navigation {
  width: 760px;
  background-color: #664200;
}
#navigation UL {
  list-style: none;
  margin: 0;
  padding: 0px;
  height: 25px;
  overflow: hidden;
  border-top: 2px solid #CCCCCC;
  border-bottom: 2px solid #CCCCCC;
}
#navigation LI {
  float: left;
  width: 126px;
  margin: 0;
  padding: 2;
  backgraund-color: #664200;
  background-repeat: no-repeat;
  background-position: left top;
}
#navigation A {
  display: block;
  　　width: 100%;
  padding: 6px 0 8px 0;
  color: #ffffff;
  background-color: #b82521;
  text-decoration: none;
  text-align: center;
}
#navigation A:HOVER {
  color: #cf9467;
  background-image: none;
  background-color: transparent;
}
#container {
  position: relative;
  width: 760px;
}
#primary {
  top: 10px;
  width: 760px;
  height: 450px;
  text-indent:3%;
}
#secondary {
  top: 460px;
  width: 760px;
  height: 200px;
  padding-top: 10px;
  border-top: solid;
  border-width: 1px;
  border-color: #D38C38;
}
#news {
  float: left;
  top: 340px;
  left: 0px;
  width: 400px;
  height: 200px;
  overflow-y: scroll;
  scrollbar-arrow-color: #D39E60;
  scrollbar-3dlight-color: #D39E60;
  scrollbar-darkshadow-color: #D39E60;
  scrollbar-face-color: #FFFFFF;
  scrollbar-track-color: #FFFFFF;
  scrollbar-highlight-color: #FFFFFF;
  scrollbar-shadow-color: #FFFFFF;
  margin: 0;
  padding: 0;
}
#link {
  float: left;
  top;
  340px;
  left: 510px;
  width: 350px;
  height: 200px;
  margin: 0 0 0 10px;
  padding: 0;
}
#footer {
  position: absolute;
  top: 730px;
  width: 100%;
  color: #666666;
  background;
  #CCCCCC;
}