/* 基本設定 */
* {
margin : 0; 
padding : 0; 
font-weight : normal; 
font-style:normal; 
}
body {
font-size : 70%;
line-height: 150%;
letter-spacing : 1px;
text-align: center;
color : #000000;
font-family : Verdana, Chicago, osaka, sans-serif, "ＭＳ Ｐゴシック"; 
background: #ffffff url(img/wall.gif);
}
img {
border: 0;
}
br {
letter-spacing : normal; 
} 
a{
color: #000000;
text-decoration : none;
}
a:hover{
color: #cccccc;
}
h1{
font-size : 160%; 
font-family : "Century Gothic", "ＭＳ ゴシック", Osaka, sans-serif;
padding : 20px ; 
letter-spacing : 3px;
color:#fff
} 
h2 {
font-size : 150%; 
font-family : "Century Gothic", "ＭＳ ゴシック", Osaka, sans-serif;
background :#ffffff url(img/yoko.gif) repeat-x 0% 100%;
padding: 20px 0 5px 0;
}


p {
padding: 10px 0 20px 0;
}
ul li{
list-style: none;
}
form{
padding : 20px 0 ;
}
textarea,input,select {
font-size : 12px; 
border : 1px solid #dddddd;
background-color : #ffffff;
margin: 2px 0;
padding : 3px;
}
/* ページ全体 */
#page {
margin: 0 auto;
width: 700px;
height:auto;
background-color: #ffffff;
border: 1px solid #000000;
text-align: left;
}
/* ヘッダー */
#head {
width: 700px;
height: 80px;
background-color: #000000;
}
#head a{
color: #ffffff;
}
/* メニュー */
#menu {
float: left;
width: 140px;
height:100%;
padding: 40px 20px;
}
#menu ul {
padding: 0 0 20px 0;
}
#menu li {
margin : 5px 0;
background :url(img/yoko.gif) repeat-x 0% 100%;
}
#menu li a{
color : #000000; 
margin : 5px 0;
padding: 0 0 0 12px;
}
#menu li a:hover{
margin : 5px 0;
padding: 0 0 0 12px ;
background :url(img/point.gif) no-repeat;
}
/* メイン */
#main {
float: right;
width : 480px;
padding: 20px ;
background :url(img/yoko.gif) repeat-y 0% 100%;
}
#main ul {
padding: 3px 0px;
}
dl.about{
padding : 10px 0;
}
dl.about dt{
padding : 2px;
}
dl.about dd{
margin-top:-1.8em;
margin-left:120px;
}
/* リンクページ */
.link {
margin : 0 0 10px 0;
line-height: 130%;
}
dt.site01 a{
border-bottom: 1px solid #999999;
}
.link dl{
padding : 0 0 10px 0;
}
/* 31*31のバナーの場合 */
dd.site02{
height: 35px;
margin-top:-3em;
margin-left:41px;
}
/* 88*31のバナーの場合 */
dd.site03{
height: 35px;
margin-top:-3em;
margin-left:98px;
}
/* 200*40のバナーの場合 */
dd.site04{
height: 44px;
margin-top:-3.8em;
margin-left:210px;
}
/* テキストページ*/
.text {
margin :10px 0 20px 0;
}
/* ナビ*/
ul.navi {
text-align : center;
margin: 10px 0;
}
ul.navi li{
display: inline;
padding: 0 5px 0 0;
}
/* ILLUST*/
ul.submenu03 li{
display: inline;
padding : 0 3px 0 0;
}
/* 画像の展示用 */
#main .img { 
text-align : center;
padding : 20px 0 ;
margin:10px 0;
}
/* INFO */
.info{
overflow: auto;
height : 50px;
width : 360px;
margin: 10px 0 20px 0;
}
/* Info */
.info {
overflow: auto;
width : 480px;
height : 80px;
margin: 10px 0 20px 0;
}
/* ページトップ */
.pagetop {
text-align: right;
margin: 10px 0;
}

/* フッター */
#foot {
clear:both;
height: 20px;
text-align: center;
background-color: #000000;
}
#foot a{
color: #ffffff;
text-decoration : none;
}
#foot li{
display: inline;
color: #ffffff;
padding: 0 5px;
}