* {
margin: 0;
padding: 0;
}


/*------- 大枠 --------*/
body { 
width : 100%;
background-color:#eee;
}

#contener {
background:url(./imgs/flm_l.png) repeat-y #fff;
margin-left : auto;
margin-right : auto;
padding-left: 9px;
width: 809px;
background-color:#fff;
}

#baseright {
padding-right:9px;
background-image: url("./imgs/flm_r.png");
background-repeat: repeat-y;
background-position: right;
}


/*------- ヘッダーパート --------*/

#head {
background: url(./imgs/head.jpg);
width: 800px;
height:100px;
background-color: #f80;
margin:0;
padding:0;
border-bottom:solid #ddd 1px;
}

#head h1 {
margin-top:24px;
margin-left:20px;
font-size:22px;
color:#fff;
margin-right:20px;
float:left;
}

#head h1 a {
font-size:22px;
color:#fff;
text-decoration:none;
}

#head h2 {
font-size:22px;
color:#fff;
margin-top:24px;
float:left;
}

#head p {
clear:left;
font-size:12px;
color:#fff;
margin-left:20px;
}


/*------- ボディパート --------*/

#content {
float:left;
width:560px;
padding:0px;
margin:0 0 0 18px;
background-color: #fff;
}

#content p {
margin-bottom:1em;
}

#content td {
background-color: #ffa;
padding:4px;
}

.description {
margin-bottom:2em;
}


/*------- メニューパート --------*/

#menu {
margin-left:10px;
margin-bottom:10px;
padding: 10px;
float : left ;
width : 180px ;
}

#menu li {
list-style-type: none
}

#menu a:hover {
background-color:#fc2;
}

#menu a {
display:block;
color:black;
text-decoration:none;
padding:2px 12px 2px 12px;
margin:0px;
font-family:"Hiragino Kaku Gothic Pro",Verdana,Helvetica,sans-serif;
border-bottom: 1px dotted  #000;
}


/*------- フッターパート --------*/
#foot {
color:#fff;
clear : both;
width: 790px;
height: 35px;
padding:5px;
background-color:#333;
text-align: center;
font-size:12px;
text-decoration: none;
}


/*------- その他のパート --------*/

h3 {
height:28px;
font-size:18px;
border-left: solid 10px #555;
border-bottom:solid 1px  #222;
padding: 4px 0px 2px 5px;
margin:12px 0px 12px 0px;
}

h3 a {
text-decoration:none;
color:#000;
}

/*--〓〓〓　(c) Synapse　〓〓〓--*/