@charset "Shift_JIS"; 

* {
margin: 0;
padding: 0;
font-weight : normal;
font-style : normal; 
} 

/* -------------------------------------------- */ 
/* 基本
/* -------------------------------------------- */ 
 
html{
/* スクロールバーの設定 */
scrollbar-face-color:#000;
scrollbar-track-color:#000;
scrollbar-arrow-color:#ccc;
scrollbar-3dlight-color:#000;
scrollbar-highlight-color:#000;
scrollbar-shadow-color:#000;
scrollbar-darkshadow-color:#000;
}

body {
font-size : 80%;
line-height: 150%;
text-align: center;
letter-spacing : 1px;
color : #999; 
background : #000;
padding: 40px 0 40px;
font-family:"メイリオ", "Meiryo", verdana, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Osaka", "ＭＳ Ｐゴシック", "MS PGothic", Sans-Serif;
}
br {
letter-spacing : normal; 
}
ul,li{
list-style: none;
}
img {
border: 0;
}

/* -------------------------------------------- */ 
/* アンカー
/* -------------------------------------------- */ 

a{
color: #ccc;
text-decoration : none;
}
a:hover{
color: #336699;
}
a:focus {
outline: none;
}

/* -------------------------------------------- */ 
/* 見出し/段落/テキスト
/* -------------------------------------------- */ 

h1{
font-size : 200%; 
font-family : "Century Gothic", "ＭＳ ゴシック", Osaka, sans-serif;
padding : 25px 20px 20px 30px ; 
letter-spacing : 3px;
}
h1 a { display: block;
height:23px;
width:225px;
text-indent: -9999px;
outline: none;
background:url("../img/title.gif");
background-repeat:no-repeat;
background-position: 0px 0px;
border-bottom: none;
padding-bottom: 0px;
}
h2 {
font-size : 150%; 
font-family : "Century Gothic", "ＭＳ ゴシック", Osaka, sans-serif;
background :url(../img/yoko.gif) repeat-x 0% 100%;
padding: 20px 0 5px 0; 
margin: 0 0 20px;
}
h3 {
font-size : 120%;
color: #ccc;
margin: 0 0 5px;
padding: 0 0 0 15px;
background :url(../img/point02.gif) no-repeat center left;
}
p {
font-size : 100%;
padding: 0 0 10px;
}
em{
font-weight:bold;
}
strong{
color : #336699; 
border-bottom:1px dotted #336699;
}
del{
text-decoration:line-through;
}
ins {
text-decoration: underline;
} 
.text {
font-size : 100%;
margin: 10px 0 10px;
}

/* -------------------------------------------- */ 
/* ページ全体
/* -------------------------------------------- */ 

#page {
margin: 0 auto;
width: 650px;
height:auto;
background-color: #000;
border: 1px solid #666;
text-align: left;
background : #000 url(../img/hanabi.jpg) no-repeat right bottom;
}

/* -------------------------------------------- */ 
/* ヘッダー
/* -------------------------------------------- */ 

#head {
width: 650px;
height: 80px;
background-color: #000;
}
#head a{
color: #ccc;
}

/* -------------------------------------------- */ 
/* 左側 メニュー
/* -------------------------------------------- */ 

#menu {
float: left;
width: 120px;
height : auto;
padding: 30px 20px 20px;
font-family : "Century Gothic", "ＭＳ ゴシック", Osaka, sans-serif;
}
#menu ul {
padding: 0 0 20px 0;
}
#menu li {
padding : 5px 0;
background :url(../img/yoko.gif) repeat-x 0% 100%;
}
#menu li a{
padding: 0 0 0 15px;
background :url(../img/point.gif) no-repeat center left;
}
#menu li a:hover{
color: #336699;
background :url(../img/point01.gif) no-repeat center left;
}
#menu li.on a{
color: #336699;
background :url(../img/point01.gif) no-repeat center left;
}
#menu li.co{
text-align: right;
}

/* -------------------------------------------- */ 
/* 右側全体
/* -------------------------------------------- */ 

#contents {
float: right;
width : 450px;
height : auto;
padding: 20px;
background :url(../img/yoko.gif) repeat-y 0% 100%;
}

/* -------------------------------------------- */ 
/* 右側　フッター
/* -------------------------------------------- */ 

#foot {
clear:both;
height: 20px;
text-align: right;
font-size : 80%;
background-color: #000;
}
#foot a{
color: #666;
text-decoration : none;
}
#foot li{
display: inline;
color: #999;
padding: 0 10px;
}

/* -------------------------------------------- */ 
/* 全体
/* -------------------------------------------- */ 
#mail{
margin:0px auto;
width:300px;
text-align:left;
}
dl.form dt{
color : #ccc;
}
.write{
font-family : Verdana;
font-size : 100%;
margin: 2px 0 0 0;
}
textarea{
width:100%;
border : 1px solid #333;
background-color : #000;
color : #999; 
font-size : 100%;
font-family:"メイリオ", "Meiryo", verdana, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Osaka", "ＭＳ Ｐゴシック", "MS PGothic", Sans-Serif;
padding : 1px;
}
input{
width:100%;
border : 1px solid #333;
background-color : #000;
color : #999; 
font-size : 100%;
font-family:"メイリオ", "Meiryo", verdana, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Osaka", "ＭＳ Ｐゴシック", "MS PGothic", Sans-Serif;
padding : 2px;
}

/* -------------------------------------------- */ 
/*  ログ表示部分
/* -------------------------------------------- */ 
ul.rog{
list-style: none;
margin: 10px 0;
}
ul.rog li{
padding: 0 0 2px 0;
}

/* -------------------------------------------- */ 
/*  著作権
/* -------------------------------------------- */ 
ul.copy{
list-style: none;
text-align:right;
font-family : "Century Gothic", "ＭＳ ゴシック", Osaka, sans-serif;
margin: 20px 0;
}
ul.copy li{
display:inline;
padding: 0 0 0 5px;
}