@charset "Shift_JIS";

/*****全体の設定*****/
*{
   margin : 0 ;   /**余白**/
   padding : 0 ;  /**余白**/
   font-family : Verdana,Osaka,"ＭＳ Ｐゴシック",sans-serif;
}

/*****基本設定*****/
body{
   background: #000000 url(b01.jpg) no-repeat center top fixed; /**背景画像**/
   text-align:center;
   width : 100% ; 
   color : #666666; /**文字色**/
   font-size : 10px;  /**文字サイズ**/
   line-height : 16px; /**行間**/
   letter-spacing : 1px;  /**文字の間隔**/
   overflow:hidden;　/**スクロールが出ない**/

/**スクロールバー設定（ＩＥのみ）**/
　 scrollbar-face-color:#000000;
　 scrollbar-track-color:#000000;
　 scrollbar-arrow-color:#A80000;
　 scrollbar-3dlight-color:#000000;
　 scrollbar-highlight-color:#000000;
　 scrollbar-shadow-color:#000000;
　 scrollbar-darkshadow-color:#000000;
}

/**セル内設定**/
td{
   font-size : 10px; 
   color : #666666;
   line-height : 16px; /**行間**/
   letter-spacing : 1px;  /**文字の間隔**/
   padding:2px;
   margin:0;
}

/*****装飾ボックス*****/
.box{
   width:275px; /*横幅*/
   height:50px; /**縦長さ**/
   background-color:#000000;/**背景色**/
   border:1px solid #A80000;　/**線**/
   margin:10px 0px 0px 5px;
   padding:2px;
}

/*****リンクの設定*****/
a:link,a:active,a:visited{
   color : #cccccc;
   text-decoration : none;
}
a:hover {
   background-color:#FF0080 ;
   color:#000000;
   text-decoration : none;
}
a{
   cursor:e-resize;
}


/*****ベースボックス*****/
#base { 
   margin: 0 auto;
   width : 650px ;
   height: auto;
   position : relative ; 
   text-align:left;
}

/*****ヘッダー*****/
#header { 
   margin : 0 ;
   padding : 0 ; 
   width : 650px ;
   height: 220px;
   text-align:left;
}
/*****メニュー*****/
#menu {
   float:left;
   margin : 0 ;
   padding : 0 ; 
   width : 150px ;
   height: 380px;
   text-align:center;
}
#menu ul { 
  margin: 0; 
  padding :0; 
  list-style-type : none; 
}
#menu li { 
    display : inline; 
    padding :0;
    margin:10px 0 0 5px; 
    float:left ;
    width:140px; 
    height:20px;
}
#menu li a {
    display:block; 
    border: solid 1px #A80000; /**線の設定**/
    background-color:#000000;
    color : #cccccc; 　　　　　/**リンク文字色**/
    width:140px; 
    height:20px; 
    padding :0;
    margin:10px 0 0 5px; 
    text-decoration:none;
}
#menu li a.on {
   background-color:#A80000;　
   color: #000000;
   font-weight: bold;
   text-decoration: underline;
}
#menu li a:hover {
    display:block; 
    background-color:#666666;　　/**マウスを乗せたときの背景色**/
    color:#ffffff; 　　/**マウスを乗せたときの文字色**/
    width:140px; 
    height:20px;
    padding :0;
    margin:10px 0 0 5px; 
    text-decoration:none;
}

/*****メイン（記事部分）*****/
#main{
   float:right;
   position : relative ; 
   margin : 0 ;
   padding : 0 ; 
   width : 500px ;
   height: 380px;
   overflow: auto;
   text-align:left;
}

/*****フッター*****/
#footer { 
   clear:both;
   margin : 0 ;
   padding : 0 ; 
   width:650px; 
   height: 30px;
   position:relative;
   text-align:right;
}


/*****(見出し1)サイト名*****/
h1{
   padding:20px 5px 5px 20px;
   font-size : 16px; 
   color : #cccccc; 
}
h1 a:link,h1 a:visited,h1 a:active{
   color : #cccccc; 
   text-decoration: none;
}
h1 a:hover {
   background-color:#FF0080;  /**背景色**/
   color: #000000;
   text-decoration: none;
}

/**見出し2**/
h2{
   text-align:right;
   font-size : 12px; 
   margin:10px 10px 0 10px;
   padding:2px;
   font-weight : bold;  
   color:#333333;
   letter-spacing : 10px; 
}

/**見出し3**/
h3{
   text-align:left;
   font-size : 12px; 
   margin:10px 10px 5px 10px;
   padding:2px;
   border-bottom:3px double #A80000;
   color:#666666;
}

/**見出し4**/
h4{
   text-align:left;
   font-size : 10px; 
   margin:10px 10px 5px 20px;
   padding:2px;
   color:#A80000;
   border-left:5px double #A80000;
}

/****テキスト1（本文）設定****/
.text1{
   text-align:left;
   margin:10px 10px 10px 20px;
   padding:2px;
   color : #cccccc;
}


/****リスト****/
ul.list,ol.list{
   margin: 0;
   padding: 0;
}
ol.list li{
   list-style:square inside; 
   padding:2px;
   margin: 0 10px ;
   text-align:left;
}
ul.list li{
   list-style:disc inside; 
   padding:2px;
   margin: 0 10px ;
   text-align:left;
}

/*****サイト説明*****/
dl {
   list-style-position: inside;
   padding: 0px;
   margin: 0px;
}
dt {
   margin: 0 ;
   padding: 2px;
   font-weight: bold;
   color : #666666;
   list-style: none;
}
dd {
   padding:2px;
   margin: 0 10px ;
}
img{
   border: 0px;
}



/****リンク1****/
.link1{
   clear:both;
}
dl .link1{
   list-style-position: inside;
   padding: 0px;
   margin: 0px;
}
.link1 dt {
   padding:2px;
   margin: 2px;
   width:200px; /**バナー横幅**/
   float:left;
}
.link1 dd {
   padding:2px;
   margin: 2px 10px;
}

/****リンク2****/
.link2{
   clear:both;
}
dl .link2{
   list-style-position: inside;
   padding: 0px;
   margin: 0px;
}
.link2 dt {
   padding:2px;
   margin: 2px;
   width:88px; /**バナー横幅**/
   float:left;
}
.link2 dd {
   padding:2px;
   margin: 2px 10px;
}


/****その他****/
img{
   border: 0px;
}
p{
   padding:2px;
   margin: 20px;
}



/*****フォーム*****/
textarea,input,select {
   padding:2px;
   font-family: Osaka,"ＭＳ Ｐゴシック";
   border: dotted 1px #A80000; /**線の設定**/
   background-color:#000000;  /**背景色**/
   color : #ffffff;   /**文字色**/
   font-size : 10px;  
}

/****コピーライト表示設定****/
.copy,copy a{
   color : #cccccc;
   font-size : 9px;
   margin: 10px  0 10px 30px;　
   padding:0px;
}
.style1 {color: #FF017E}
.style2 {color: #cccccc}