@charset "Shift_JIS";
body{   
         background-image:url(img/wall.jpg);   /* 壁紙の画像 */ 
         background-repeat:repeat;   /* 繰り返さない場合はno-repeat */ 
         position:relative;
         font-family:"HGS創英角ｺﾞｼｯｸUB","ヒラギノ角ゴ Pro W3","ＭＳ Ｐ明朝",serif;   /* フォントの指定 */ 
         color:#000000;   /* 全体で使う色 */ 
         margin:0px;
         padding:0px;  /* 縦の長さ */ 
}


h1{
        font-size:70%;   /* 全体の文字より小さく設定 */ 
        letter-spacing:2px; 
        padding-left:10px;
        margin:0px;
}


h2{
        font-size:120%;
        border:solid 2px #cccccc;  /* 見出しをグレーの枠で囲む */  
        color:#ffffff;   
        line-height:35px;
        padding-left:10px;
        margin-top:10px;
        margin-bottom:1px;
}


p{   
        font-size:90%;    /* 全体の文字サイズ */ 
        line-height:150%;   /* 文字と文字の間隔 */ 
}



p{   
        font-size:90%;    /* 全体の文字サイズ */ 
        line-height:150%;   /* 文字と文字の間隔 */ 
}



p img{
        float:left;
         margin-left:5px;
         margin-right:15px;   /* 画像の右側へ間隔をあける */ 
}


a{     /* リンクの文字設定 */ 
        text-decoration:none;    /* リンクの文字の下線を消す */ 
}
a:hover{
        color:#FF0000;
        text-decoration:none;
}



h1 a{   /* 見出しタグにリンクを付けた場合 */ 
     color:#000000;   /* リンクの色 */ 
     font-weight:normal;
}



#contents{
	/* コンテンツ(実際に使うページ) */ 
	width: 1000px;/* 横幅 */ 
	margin-top: 2px;
	margin-right: auto;
	margin-bottom: 10px;
	margin-left: auto;
	background-color: #ffffff; /* コンテンツ内の背景 */ 
	background-repeat: repeat-y; /* 縦に繰り返し(xは横) */ 
	position: relative; /* 相対的な位置へ配置 */ 
	font-size: 95%; /* 文字は小さめに設定 */ 
}


#header{   /* ヘッダーの設定 */ 
     background-image:url(img/st4.png);
     background-position:top right;
     background-repeat:repeat;
     height:145px;
}



#header p{   /* ヘッダー部分のタイトルやサイトの説明の文字 */ 
    font-size:25px;
    color:#000000;
    padding-top:5px;
    padding-left:10px;
}



#navbar{  /* 上部メニューボタンの設定 */ 
    width:100%;
    height:45px;
    position:absolute;
    top:100px;   /* 上からの位置 */ 
    padding-left:70px;
}

#navbar ul{
    margin:0;
    padding:0;
    list-style-type:none;
    font-family:Arial, Helvetica, sans-serif;   /* フォントの指定 */ 
    font-size:12px;
    line-height:45px;   /* メニューボタンの高さ */ 
    letter-spacing:2px;     /* メニューの文字間隔 */ 
}

#navbar li{
    background-image:url(img/nav3.gif);
    float:left;     /* メニューボタンが右側に回り込む設定 */ 
    width:142px;
    text-align:center;      /* 文字ボタンがセンターに来る設定 */ 
    padding:0;
}



#navbar ul a:hover{
    background-image:url(img/nav2.gif);   /* カーソルが上に来た時変化 */ 
    width:142px;    /* 変化後のメニューボタンの幅 */ 
}


#navbar a{
    color:#ffffff;    /* メニューボタンの文字の色 */ 
    display:block;
}

#navbar a:hover{
    color:#8E0036;   /* カーソルが上に来た時文字の色が変わる */  
}



#main{    /* メインの設定 */ 
    width:650px;  /* 横幅 */ 
    margin-top:335px; /* イメージ画像からの間隔 */ 
    margin-left:15px; 
}


#side{   /* サイドメニューの設定 */ 
    width:300px; /* サイドの幅 */ 
    position:absolute;
    top:800px;   /* 上からの位置 */ 
    left:715px;   /* 左からの位置 */ 
}

#side ul{
    font-size:100%;
    line-height:220%;     /* サイドと文字の行間 */ 
    margin:0px;
    padding-left:15px;
}
#side ul a:hover{
    color:#ff0000;
}
#side ul{
    list-style-type:none;
    padding-left:2px;
}
#side li{
    padding-left:5px;     /* 文字の左端からの位置 */ 
}
#side li a{
    color:#333333;    /* サイドの文字色 */ 
    border-bottom:solid 1px #666666;   /* 文字の下に線 */ 
    width:190px;
    display:block;
}
#side .ad_list li{
    background-image:none;
    padding-left:0;
}

#side2{
    width:300px; /* サイドの幅 */ 
    position:absolute;
    top:480px;   /* 上からの位置 */ 
    left:670px;   /* 左からの位置 */ 


}



address{
    font-size:80%;
    font-style:normal;
    text-align:center;
    padding-top:5px;
}

address{    /* フッターの設定 */ 
    background-color:#666666;
    color:#000000;
    width:1000px;
    padding-bottom:10px;
    border:none;
}
address a{
    color:#ff9999;    /* フッター部分のリンク文字の色 */ 
    position:relative;
}