/* 基本設定 */
*{
margin:0;
padding:0;
}
img {
border: 0;
}
br {
letter-spacing : normal; 
}
a{
color: #333333;
text-decoration : none;
}
a:hover{
background-color: #d8d0c8;
}
h1{
font-weight : normal;
font-size : 180%;
font-family : "Century Gothic", "ＭＳ ゴシック", Osaka, sans-serif;
text-align : center;
padding : 30px 5px ;
}
h2 {
font-weight : normal;
font-size : 150%;
font-family : "Century Gothic", "ＭＳ ゴシック", Osaka, sans-serif;
color : #333333;
background :url(line.gif) repeat-x 0 100% ;
margin:10px 20px 10px 0;
padding-bottom:3px;
}
h3,h4,h5,h6 {
font-weight : normal;
font-size : 100%;
padding:0 20px 10px 5px;
}
p{
text-align : left;
padding:0 20px 20px 5px;
}
dl{
margin : 5px 20px 20px 5px;
}
dd{
margin-top:-1.5em;
margin-left:100px;
}
form{
text-align : left;
padding:0 20px 20px 5px;
}
textarea,input{
font-size : 12px; 
border : 1px solid #ece8e3;
background-color : #ece8e3;
margin: 2px 0;
}
html{
height:100%;
overflow:visible;
}
body{
overflow:auto;
height:100%;
color: #333333;
font-size : 75%;
line-height : 150%;
font-family:Verdana,Chicago,osaka,sans-serif,"ＭＳ Ｐゴシック";
text-align:left;
background :#d8d0c8 url(wall.gif) ;
}
/* ページ全体 */
#page{
margin:0 auto;
width : 600px;
height:100%;
min-height:100%;
background-color : #ffffff;
border-right : 1px dotted black;
}
body > #page {
height: auto;
}
/* 左側 */
#left{
position:absolute;
width : 204px;
height:100%;
padding: 0 2px;
border-left : 1px dotted black;
border-right : 1px dotted black;
}
* > #left{
position:fixed;
}
/* ヘッダー */
#head{
height:300px;
background : url(023.jpg) no-repeat center;
}
/*　メニュー */
#menu{
padding: 20px 5px;
text-align : center;
}
#menu ul{
list-style : none; 
}
#menu li{
display:inline;
}
#menu a{
text-decoration : none;
padding: 10px 1px;
}
#menu a:hover{
background:url(point.gif) no-repeat top center;
}
/* フッター */
#foot{
padding: 10px 5px;
text-align : center;
}
#foot ul {
list-style: none;
}
/* メイン */
#main{
padding:20px 0 0 230px;
text-align : left;
}

#main ul {
list-style: none;
padding:0 20px 20px 5px;
}
#main li {
text-align : left;
}
/* info*/
.info{
overflow: auto;
height : 80px;
width : 350px;
text-align : left;
margin : 10px 0 30px 5px;
}

