* {
margin : 0; 
padding : 0; 
font-weight : normal; 
} 
html{
height:100%;
overflow-x:hidden;
scrollbar-face-color:#ffffff;
scrollbar-highlight-color:#666666;
scrollbar-shadow-color:#666666;
scrollbar-3dlight-color:#ffffff;
scrollbar-arrow-color:#333333;
scrollbar-track-color:#ffffff;
scrollbar-darkshadow-color:#ffffff;
}
* html div#page{
height:100%;
}
body > #page {
height: auto;
}
body {
height:100%;
font-size : 75%; 
line-height : 150%; 
color : #000000; 
text-align : left;
background-color :#ffffff;
font-family : Verdana, Chicago, osaka, sans-serif, "ＭＳ Ｐゴシック"; 
margin :0 0 0 20px;
} 

hr{height:0px;margin:10px 0 10px 30px;border:0;border-bottom:1px solid #ddd;}

img {
border : 0; 
}
br {
letter-spacing : normal; 
} 
a {
color : #000000; 
text-decoration : none; 
} 
a:hover {
color : #ffffff; 
background-color :#000000;
}


 
h1 {
font-size : 170%; 
font-family : "Century Gothic", "ＭＳ ゴシック", Osaka, sans-serif;
padding : 10px;
}
h1 a {
color : #000000; 
} 
h2 {
display: inline;
font-size : 120%; 
font-family : "Century Gothic", "ＭＳ ゴシック", Osaka, sans-serif;
background :url(img/point.gif) no-repeat center left;
padding: 0 0 0 15px;
} 
h3 {
font-size : 100%; 
padding: 10px 0 0 0;
}
h4{
font-size : 140%; 
text-decoration : underline; 
padding: 20px 0 ;
}
h5 {
font-size : 100%; 
padding: 10px 0 0 0;
} 
h6 {
font-size : 150%; 
color : #000000; 
padding: 10px 0 20px 0;
}
p {
padding: 5px 0 20px 0;
} 
ul {
list-style: none;
}
form{
padding : 10px 0;
}
textarea,input,select {
font-size : 75%; 
color : #000000; 
border : 1px solid #333333;
background-color : #ffffff;
margin: 2px 0;
padding : 1px;
}

/* フレーム左 */
#page {
position:relative;
width : 300px; 
height: 100%;
min-height: 100%;
text-align : left;
border-left : 1px solid #333333;
border-right : 1px solid #333333;
} 

/* ヘッダー */
#head{
width :auto; 
height: 150px;
text-align : center;
background :url(img/wall.gif) no-repeat center top;
}

/* メニュー */
#menu{
text-align : center;
padding: 0 10px 10px 10px;
}
#menu li {
display: inline;
margin : 0 3px ;
}

/* メイン */
#main {
padding: 10px 20px;
}
ul.up{
padding: 5px 0 20px 0;
}

/* アバウト */
dl.about{
padding: 5px 0 20px 0;
}
dl.about dt{
padding : 2px;
}
dl.about dd{
margin-top:-1.8em;
margin-left:80px;
}

/* アバウト2 */
dl.about2{
padding: 5px 0 20px 0;
}
dl.about2 dt{
padding : 2px;
}
dl.about2 dd{
margin-top:-1.8em;
margin-left:205px;
}

/* リンクページ */
.link {
margin : 10px 0;
line-height: 130%;
}
.link dl{
padding : 0 0 10px 0;
}
/* 31*31のバナーの場合 */
dd.site02{
height: 35px;
margin-top:-3em;
margin-left:41px;
}
/* 88*31のバナーの場合 */
dd.site03{
height: 46px;
margin-top:-4em;
margin-left:210px;
}

/* テキストページ*/
ul.submenu01{
padding: 5px 0 20px 0;
}
ul.submenu02{
padding: 5px 0;
}
ul.submenu02 li{
display: inline;
padding : 0 3px 0 0;
}

/* ILLUST*/
ul.submenu03{
padding: 5px 0;
}
ul.submenu03 li{
display: inline;
padding : 0 3px 0 0;
}

/* フレーム右 */
body#contents{
width :auto; 
height: auto;
text-align : left;
}
.text {
margin : 0 0 20px 0;
}

/* ナビ*/
ul.navi {
text-align : center;
margin: 10px 0;
}
ul.navi li{
display: inline;
padding: 0 5px 0 0;
}

/* ページトップ */
.pagetop{
text-align : right;
margin:0 0 10px 0;
}

/* フッター */
#foot {
position:absolute;
bottom:0px;
height:20px;
width:100%;
text-align : center;
}
#foot li{
display: inline;
padding: 0 5px;
}