body{
  margin:0px;
  padding:0px;
  background:#ffffff;
  text-align:left;
}
#wrapper{
  width:800px;
  margin-top:10px;
  margin-left:10px;
  padding:20px 10px 20px; 
  border:2px solid #CC3333;
}

h1 {
  color:#006633;
  font-size:11pt;
  padding-top:1px;
}

a {
  text-decoration:none;
  color:#990;
  font-weight:bold;
}

a:visited {
  text-decoration:none;
  color:#690;
  font-weight:bold;
}

a:hover {
  text-decoration:none;
  color:#006;
  font-weight:bold;
}

img {
  border: none;
}

a img {
  border-style: none;
  color: #fff;
  background: transparent;
}



/* === ヘッダ部分のスタイル === */

.head{
  width:760px;
  text-align:left;
  color:#006;
  background: url(../img/hayashi.jpg) no-repeat right bottom; 

}

.head1{

  height:30px;
  margin-bottom:0px;
}

.head3{
  text-align:right;
  vertical-align:top;
  padding:0px;
}
.banner{
  width:760px;
  height:90px;
  background:#fc3;
  padding:15px;
  border:1px solid #666;
  text-align:center;
}



/* === サイドバーとコンテンツ部分のスタイル === */

.home {
  width:760px;
  margin-top:10px;
  font-size:11pt;
  color:#333;
}


/* === 左サイドバーのスタイル === */

.side_left {
  width:180px;
  background:#FFFFFF;
  vertical-align:top;
  text-align: left;
  border:solid 1px #666;
  padding:0px;
}
.side_left div {
  padding: 5px 5px 5px 4px;
}
.side_left li {
  list-style: square;
}
.side_left b {
  background: url(../img/ar03.gif) no-repeat left center;
  padding-left: 20px;
  color: #999;
}

.content{
  margin-top:0px;
  padding: 5px;
  text-align:left;
  color:#FFFFFF;
  font-size:9pt;
  background:#030;  
}  
.line{
  border-top:solid 10px #DEB887;
}
.line2{
  border-bottom:dotted 1px #DEB887;
}

.side_left a{
  text-decoration:none;
  color:#030;
}
.side_left a:visited {
  text-decoration:none;
  color:#030;
}
.side_left a:hover{
  color:#693;
}

.topics {
  text-align:left;
  padding:10px 5px 5px;

}
  

/* === コンテンツ部分のスタイル === */

.main{
  vertical-align:top;
  text-align:left;
  border:solid 1px #666;
  border-left:none;
  border-right:none;
  padding:10px;
  font-size: 10pt;
  color: #330;
}
.perpose{
  clear: both;
  border-left:solid 5px #c0c298;  
  border-bottom:solid 2px #c0c298;
  font-size:12pt;
  color:#808080; 
  margin-left:10px;
  margin-top:10px;
  padding-left:10px;
  padding-bottom:10px;
}
 
  padding-left:10px;
}
.part{
  margin:0px 10px 40px 15px;
}
.part strong{
  color:#A52A2A;
}

.main h2{
  background:url(../img/p08.gif) no-repeat left center ;
  font-size:12pt;
  color:#c90;
  padding:10px 20px 10px;
  margin-left: 10px;
}

.info {
  line-height:140%;
  margin: 0px 0px 20px 30px;
}

.link img {
  float: left;
  margin-top: 5px;
  margin-left: 50px;
  margin-bottom: 10px;
}

.link {
  margin-top: 10px;
  text-align:right;
}


/* === サイドバー部分のスタイル === */

.right_menu{
  width:145px;
  background:#ffffff;
  font-size:9pt;
  color:#333;
  text-align:left;
  vertical-align:top;
  border:solid 1px #666;
}

.pack{
  margin-top:20px;
  margin-left:5px;
  font-size:9pt;
  color:#808080;
  text-align:left;
  font-family: 'ＭＳ 明朝'
  line-height:100%;
}
div.right_line{
  margin-left: 8px;
  text-align:center;
  margin-top:10px;
}




/* === フッタ部分のスタイル === */

.footer{
  text-align: center;
  background:#ffffff;
  font-size:9pt;
  width:760px:
  padding:0;
  margin-top:5px;
}