@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 #000000;  /*見出しをグレーの枠で囲む*/  
        color:#000000;   
        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:165px; /*イメージ画像からの間隔*/
    margin-left:15px; 
}


#side{   /*サイドメニューの設定*/
    width:300px; /*サイドの幅*/
    position:absolute;
    top:610px;   /*上からの位置*/
    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:320px;   /* 上からの位置 */ 
    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;
}