BODY{
  font-family : Tahoma;
  color : #3a3a3a;
  text-align : center;
  font-size : 90%;
  
}
#top{
  background-image : url(http://www.myattic.jp/img/bg_header2.gif);
  background-repeat : no-repeat;
  width : 780px;
  height : 98px;
  display: block;
  margin-left:auto;
  margin-right:auto;  
  margin-bottom : -5px;  

  text-align : center;
}
#middle{
  background-image : url(http://www.myattic.jp/img/bg_site.gif);
  background-repeat : repeat-y;
  width : 780px;
  bottommargin : 0px;
  text-align : left;
  margin-left:auto;
  margin-right:auto;  
}
#main {
  float: left;  
  text-align : center;  
  margin-top : 5px;
  margin-left : 5px;
  margin-right : 5px;
  margin-bottom : 5px;
}
#left{
  float : left;  
  width : 480px;
  margin-top : 5px;
  margin-left : 5px;
  margin-right : 5px;
  margin-bottom : 5px;
  padding-top : 10px;
  padding-left : 10px;
  padding-right : 10px;
  padding-bottom : 10px;
}
#rightside{
  line-height : 160%;  
  border-width : 1px 1px 1px 1px;
  border-style : solid solid solid solid;
  border-color : gray gray gray gray;
  margin-left : 510px;
  padding-top : 5px;
  padding-left : 3px;
  padding-right : 5px;
  padding-bottom : 5px;
  clear : right;
  width : 235px;
  text-align : left;
}
#bottom{
  font-family : Tahoma;
  padding-top : 5px;
  padding-left : 5px;
  padding-right : 5px;
  padding-bottom : 5px;
  clear : both;
  text-align : center;
  font-size : 85%;
}
IMG{border-width : 0px 0px 0px 0px;
  padding-top : 5px;
  padding-left : 5px;
  padding-right : 5px;
  padding-bottom : 5px;
}
HR{
  border-top-style : dotted;
  border-top-color : gray;
  height : 1px;
}
H1{
  
  width : 80%;
  background-repeat : repeat-x;
  background-position : 100% 100%;
  color : white;
  padding-top : 1px;
  padding-left : 1px;
  padding-right : 1px;
  padding-bottom : 1px;
  background-color : black;
  border-left-width : 10px;
  border-right-width : 10px;
  border-left-style : solid;
  border-right-style : solid;
  border-left-color : #cc0000;
  border-right-color : #cc0000;
  margin-left:auto;
  margin-right:auto;
  font-size : 100%;
}
H2{
  background-image : url(http://www.myattic.jp/img/h2.gif);
  
  width : 98%;
  background-repeat : repeat-x;
  background-position : left bottom;
  padding-top : 3px;
  padding-left : 3px;
  padding-right : 3px;
  padding-bottom : 3px;
  
  text-align : left;
  
  font-size : 100%;
}
H3{
  font-size: 100%;
  font-weight : bold;
  background: url(http://www.myattic.jp/img/bg_itemtitle.gif) no-repeat left bottom;
  margin: 0 0 10px;
  padding: 0 0 2px 10px;
  border-bottom-width : 1px;
  border-bottom-style : solid;
  border-bottom-color : black;
  text-align : left;
}

A:LINK{
  color : #0080c0;
  text-decoration : underline;
}
A:VISITED{
  color : #c40974;
  text-decoration : underline;
}
A:HOVER{
  color : red;
  text-decoration : underline overline;
}
A:ACTIVE{
  color : red;
  text-decoration : underline overline;
}
.cyaratopwaku{
  width : 680px;  
  padding-top : 10px;
}
.cyaratopin{
  width : 200px;
  float : left;
  text-align : right;
  margin-left : 115px;
}
.cyaratopin2{  
  margin-left : 315px;  
  clear : right;
}
.topwaku{  
  font-size : 90%;
  float : left;
  padding-top : 3px;
  padding-left : 3px;
  padding-right : 3px;
  padding-bottom : 3px;
}
.pagetop{
  font-size : 85%;
  font-family : Tahoma;
  text-align : right;
  clear : both;
  padding-right : 10px;
}
.waku{  
  font-size : 90%;  
  padding-top : 3px;
  padding-left : 3px;
  padding-right : 3px;
  padding-bottom : 3px;
  clear : both;
  width : 450px;
}
.block1{
  
  width : 50%;
  float : left;
  text-align : left;
  padding-top : 5px;
  padding-left : 5px;
  padding-right : 5px;
  padding-bottom : 5px;
}
.block2{
  
  margin-left : 50%;
  clear : right;
  text-align : left;
}
.blocka{
  width : 90px;
  float : left;
  padding-top : 5px;
  padding-left : 5px;
  padding-right : 5px;
  padding-bottom : 5px;
}
.blockb{  
  text-align : left;
  clear : right;
  margin-left : 100px;
  font-size : 80%;
}
.blockc{
  text-align : left;
  clear : both;
}
.setumei{
  font-family : Tahoma;
  padding-bottom : 10px;
  width : 90%;
  text-align : left;
  padding-top : 10px;
  padding-left : 10px;
  padding-right : 10px;
  font-weight : normal;
  background-color : #f6f6f6;
  font-size : 100%;
  border-right-width : 1px;
  border-bottom-width : 1px;
  border-right-style : solid;
  border-bottom-style : solid;
  border-top-width : 1px;
  border-left-width : 1px;
  border-top-style : solid;
  border-left-style : solid;
  border-color : gray gray gray gray;
  margin-top : 5px;
  margin-left : 5px;
  margin-right : 5px;
  margin-bottom : 5px;
}
.setumei2{
  font-family : Tahoma;
  padding-bottom : 10px;
  width : 90%;
  text-align : left;
  padding-top : 10px;
  padding-left : 10px;
  padding-right : 10px;
  font-weight : normal;  
  font-size : 100%;
  border-right-width : 1px;
  border-bottom-width : 1px;
  border-right-style : solid;
  border-bottom-style : solid;
  border-top-width : 1px;
  border-left-width : 1px;
  border-top-style : solid;
  border-left-style : solid;
  border-color : gray gray gray gray;
  margin-top : 5px;
  margin-left : 5px;
  margin-right : 5px;
  margin-bottom : 5px;
}
.tit{  
  font-weight : bold;
  background-image : url(http://www.myattic.jp/img/mark_031.gif);
  background-repeat : no-repeat;
  text-align : left;
  text-indent : 15px;  
background-position : 0px center;
}
.tit2{  
  background-image : url(http://www.myattic.jp/img/mark_031.gif);
  background-repeat : no-repeat;
  text-align : left;
  text-indent : 15px;
  margin-top : 5px;
  margin-left : 5px;
  margin-right : 5px;
  margin-bottom : 5px;  
}
.titleft{    
  background-repeat : no-repeat;
  text-align : right;
  
  
  
  
  
  
  
}
.listblue{
  list-style-type : disc;
  list-style-image : url(http://www.myattic.jp/img/16blue.png);
}
.listnote{
  list-style-type : disc;
  list-style-image : url(http://www.myattic.jp/img/mark_063.gif);
}
.center{
  text-align : center;
}
.little{  
  color : gray;
  padding-top : 3px;
  padding-left : 3px;
  padding-right : 3px;
  padding-bottom : 3px;
}
TD{
  font-size : 90%;
}
.ichiranwaku{
  padding-top : 3px;
  padding-left : 3px;
  padding-right : 3px;
  padding-bottom : 3px;
  width : 450px;
}
.red{
  color : red;
}
.green{
  color : green;
}
.moji{
  color : #3c3c3c;
}
.navi{
  width : 90%;
}
