#bodyid{
margin:0;
padding:0;
}

body {
 font-family:"ƒqƒ‰ƒMƒmŠpƒS Pro W3","Hiragino Kaku Gothic Pro","‚l‚r PƒSƒVƒbƒN","MS PGothic",Osaka,sans-self,Verdana,Arial,Helvetica;
}

body,table{
font-size:0.9em;
color:#3a3a3a;
}

#ban{
background:#fcc;
}

#ban h1{
width:99%;
color:#fff;
font-size:24px;
letter-spacing:5px;
margin:0;
padding:15px 15px 5px 15px;
}

#page{
width:100%;
height:100%;
}

#left{
width:150px;
background:#fcc;
padding:80px 0;
}

#left a{
color:#444;
width:100%;
text-decoration:none;
}

#left a:hover{
color:#c99;
}

#left h2{
background:url('img/menubg.png') repeat-x left top;
font-size:1.2em;
color:#fff;
padding:2px 0;
margin:18px 0 0 0;
text-align:center;
}

#left ul{
list-style-type:none;
margin:0;
padding:0;
}

#left li{
border-bottom:1px solid #fff;
font-size:1em;
font-weight:normal;
color:#444;
margin:0;
padding:3px 0;
text-align:center;
letter-spacing:1px;
}

#middle{
width:500px;
background:#fff url('img/bgl.png') repeat-y left top;
}

#middle2{
background:url('img/bgt.png') repeat-x top left;
}

#middle3{
background:url('img/bg.png') no-repeat top left;
padding:20px 0 10px 60px;
}

#middle a{
color:#444;
}

#middle a:hover{
color:#c99;
}

#middle h2{
font-size:1em;
color:#966;
background:url('img/titlebg.png') no-repeat left top;
border-bottom:1px dashed #dcc;
margin:20px 0 10px 0;
padding:2px 15px 5px 30px;
}

#middle p{
font-weight:normal;
font-size:1em;
color:#3a3a3a;
margin:0;
padding:0 10px 10px 10px;
}

#right{
background:url('img/bgt3.png') repeat-x top left;
}

#bottomleft{
width:150px;
background:#fcc;
}

#bottom{
background:#fff url('img/bgl.png') repeat-y left top;
}

#pagetop{
padding:20px 20px 0 0;
text-align:right;
}

#copy{
font-size:1em;
color:#666;
text-align:center;
padding:10px 0 4px 0;
}