/* ここからmenu部分id取っているだけで直接レイアウトには関係なさそうです？あれ違うかな？

-------------------------------- */

       div {

            color:#ffffff;

       

            font-size: 15px;

        }

       p.small{

            color:#000000;

       

            font-size: 12px;

        }   

       p.mid{

            color:#000000;

       

            font-size: 15px;

        }      

       p.smabk{

            color:#ffffff;

       

            font-size: 12px;

        }

        p.midw{

            color:#ffffff;

       

            font-size: 14px;

        }       

        p.gr{

            color:#009900;

       

            font-size: 32px;

        }       

        p.gw{

            color:#ffffff;

       

            font-size: 32px;

        }  

# menu

{

margin-bottom: 1em;

}

#menu ul 

{

background-image: url(menu_bg.gif);

background-repeat: repeat-x;

background-position: 0 0;

position:relative;

height:27px;

}



/* 背景にmenu_bg.gifを横繰り返し、高さは画像と同じサイズ

-------------------------------- */

#menu ul 

{

background-image: url(menu_bg.gif);

background-repeat: repeat-x;

background-position: 0 0;

position:relative;

height:27px;

}



/* listタグをfloatで左に回り込ませていますサイズも指定

-------------------------------- */

#menu li 

{

width: 116px;

height: 27px;

list-style-type:none;

float: left;

}



/* aタグをblock要素にしてIE以外への対策、インデントで本来のテキストを左画面外の左999pxに飛ばしています

-------------------------------- */

#menu li a 

{

display: block;

width: 116px;

height: 27px;

background-position: 0 0;

background-repeat: no-repeat;

text-decoration: none;

text-indent: -999px;

}    

	

/* 各listタグにidをつけ個々に背景画像を指定、画像はマウスオフ、マウスオンを

上下につないだものを使いましたですから高さは54pxです

-------------------------------- */

#menu li#bt1 a 

{

background-image: url(bt_1_off.gif);

}



#menu #bt2 a 

{

background-image: url(bt_2_off.gif);

}



#menu #bt3 a 

{

background-image: url(bt_3_off.gif);

}



#menu #bt4 a 

{

background-image: url(bt_4_off.gif);

}



#menu #bt5 a 

{

background-image: url(bt_5_off.gif);

}

#menu #bt6 a 

{

background-image: url(bt_6_off.gif);
}
#menu #bt7 a 

{

background-image: url(bt_7_off.gif);

}
#menu #bt8 a 

{

background-image: url(bt_8_off.gif);
}
#menu #bt9 a 

{

background-image: url(bt_9_off.gif);

}
#menu #bt10 a 

{

background-image: url(bt_10_off.gif);

}

/* マウスオンすると重なった27px下の画像が出てきます

-------------------------------- */

#menu li a:hover 

{

background-position: 0 -27px;

}

/* ここまでmenu部分

-------------------------------- */



/* ここから下はmenu部分には無関係な部分です

-------------------------------- */



#foot

{

background-color: white;

text-align: center;

height: 50px;

}



#foot p

{

color: silver;

font-size: 11px;

background-color: white;

margin-top: 2em;

}





body

{

background-color: #f2f2f2;

background-image: url(back01.jpg);

background-repeat: repeat-x;

}



#container

{ 

background-color: white; margin-right: auto; margin-left: auto; border: solid 0 #ffffff; width: 752px; height: auto 

}



h1

{

margin: 2em 2em 0 0;

padding: 0;

}



ul,li

{

margin: 0;

padding: 0;

}



#title

 {

background: #fff url(../images/head_bg.jpg) no-repeat left center;

width:752px;

height: 219px;

margin-right: auto;

margin-left: auto;

border-style: none;

}



#contents

{

background-color: #fff;

height: 100%;

}



#contents p

{

color: #333;

font-size: small;

margin: 1em 1em 1em 200px;

}



.site_title 

{

font-size: 12px;

font-weight: bolder;

color: white;

text-align: right;

}