@charset "Shift_JIS";

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

/*****基本設定*****/
body{
   width : 100% ; 
   text-align:center;
   background-color:transparent;/**背景透過**/
   font-size : 10px;  /**文字サイズ**/
   color : #000000; /**文字色**/
   line-height : 16px; /**行間**/
   letter-spacing : 1px;  /**文字の間隔**/

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

/**セル内設定**/
td{
   padding:2px; /**余白**/
   margin:0; /**余白**/
   font-size : 10px;   /**文字サイズ**/
   color : #0066ff; /**文字色**/
   line-height : 16px; /**行間**/
   letter-spacing : 1px;  /**文字の間隔**/
}


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

/*****マーキー設定（動いてる文字のところ）*****/
marquee{
   margin:10px;　/**余白**/
   padding:5px;　/**余白**/
   text-align:center;/**文字真ん中寄せ**/
}


/*****リンクの設定*****/
a:link,a:active,a:visited{
   text-decoration : none;
   color : #0066ff;　/**リンク文字色**/
}}
a:hover {
   text-decoration : none;
   color:#0066ff;　/**マウスを乗せたときの文字色**/
}}
a{
   cursor:e-resize; /**オンマウスカーソルの形**/
}


/*****ページトップ*****/
#pagetop{
   margin: 0 auto;
   padding:0;
}

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

/*****ヘッダー*****/
#header { 
   width : 600px ; /**横サイズ**/
   height : 60px ; /**縦サイズ**/
   margin : 10px 50px 0 50px ;　/**余白**/
   padding : 0 ; 　/**余白**/
   text-align:left;
}

/*****メニュー*****/
#menu {
   position:relative;
   width : 700px ;
   height: 20px;
   bottom:-60px;
   text-align:center;
   margin : 0;　/**余白**/
   padding:0;　/**余白**/
   font-size : 12px;  /**文字サイズ**/
   font-weight : bold;  /**太字に設定**/
}
#menu ul { 
  margin: 0; 
  padding:0;
  list-style-type : none; 
}
#menu li { 
    display : inline; 
    padding :0;
    margin:0; 
    float:left ;
    width:116px; 
    height:20px;
    background-color: #00ccff;　　/**背景色**/
}}
#menu li a {
    display:block; 
    color : #000000; 　　　　　/**リンク文字色**/
    background-color: #00ccff;　　/**背景色**/
    width:116px; 
    height:20px;
    text-decoration:none;
}
#menu li a:hover {
    display:block; 
    background-color:#00ccff;　　/**マウスを乗せたときの背景色**/
    color:#ffffff; 　　/**マウスを乗せたときの文字色**/
    width:116px; 
    height:20px;
    text-decoration:none;
}

/*****メイン（記事部分）*****/
#main{
   margin : 0 50px; /**余白**/
   padding : 0 ;  /**余白**/
   width :600px;
   height:450px;
   border:solid 2px #00ccff; /**枠線**/
}

/*****フッター*****/
#footer { 
   position:relative;
   margin: 0 30px 0 50px;  /**余白**/
   padding : 0 ;  /**余白**/
   width:600px;
   height: 20px;
   text-align:left;
}

/*****(見出し1)サイト名*****/
h1{
   text-align:right;
   padding:10px 5px 0 10px;
   font-size : 14px;   /**文字サイズ**/
   color : #00ccff;  /**文字色**/
}
h1 a:link,h1 a:visited ,h1 a:active {
   color : #00ccff;  /**リンク文字色**/
   text-decoration: none;
}
h1 a:hover {
   color: #000000; /**マウスを乗せたときの文字色**/
   text-decoration: none;
}

/**見出し2**/
h2{
   text-align:right;
   font-size : 12px;   /**文字サイズ**/
   margin:10px 5px 30px 5px;
   padding:2px;
   font-weight : bold;  /**太字に設定**/
   color:#66ccff; /**文字色**/
   letter-spacing : 15px;  /**文字の間隔**/
}

/**見出し3**/
h3{
   text-align:left;
   font-size : 12px;   /**文字サイズ**/
   margin:40px 10px 10px 10px;
   padding:2px;
   border-bottom: double 3px #0066ff; /**線の設定**/
   color:#0066ff; /**文字色**/
}

/**見出し4**/
h4{
   text-align:left;
   font-size : 10px;   /**文字サイズ**/
   margin:10px 15px;
   padding:2px;
   color:#0066ff; /**文字色**/
   border-left:5px double #0066ff; /**線の設定**/
}

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

/****テキスト2設定****/
.text2{
   margin:5px;
   padding:2px;
   color : #999999; /**文字色**/
}

/**ページtopへの戻り**/
ul.top{
   text-align:right;
   padding:2px ;

}
ul.top li{
   display:inline;
   position:relative;
   padding:2px;  
   margin:0;
}

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

**サイト説明**/
dl {
   list-style-position: inside;
   padding: 0px;
   margin: 0 0 10px 0;
   text-align:left;
}
dt {
   margin: 0;
   padding: 2px;
   color: #0066ff;   /**文字色**/
   font-weight: bold;
   list-style: none;
   text-align:left;
}
dd {
   margin: 0 0 10px 10px;
   padding:2px;
   text-align:left;
}

/****リンク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 ,option {
   padding:2px;
   font-family: Osaka,"ＭＳ Ｐゴシック";
   border: solid 1px #0066ff; /**線の設定**/
   background-color:#ffffff; /**背景色**/
   filter:alpha(opacity=60); /**フィルター**/
   -moz-opacity: 0.6; /**フィルター**/
   opacity: 0.6;/**フィルター**/
   color : #000000;   /**文字色**/
   font-size : 10px;    /**文字サイズ**/
   text-align:left;
}

/****コピーライト表示設定****/
.copy,copy a{
   text-align:right;
   font-size : 9px;  /**文字サイズ**/
   margin: 10px;　
   padding:0px;
}