@charset "Shift_JIS";

/* --- 全体の背景・テキスト --- */
body {
margin: 0;
padding: 0;
background-color: #ffffff; /* ページの背景色 */
color: #000000; /* 全体の文字色 */
font-size: 100%; /* 全体の文字サイズ */
background: url(../gra/back.png)

}
/*h1*/

h1 {
font-size : 90%;
color : #ffffff;
text-align: left; 
/*font-weight : normal;*/
}
h2 {
font-size : 90%;
padding-left:5px;
/* color : #ffffff;*/
background: url(../gra/h2_back.gif);
background-repeat   : no-repeat;
background-position : 5px 0px;
/*font-weight : normal;*/
}


p{
font-size : 80%;
padding-left:10px;

}


#img1{
    padding-left:10px;
    float:none; /* 右フロート */

}


/* --- 全体のリンクテキスト --- */
a:link { color: #0000ff; }
a:visited { color: #800080; }
a:hover { color: #ff0000; }
a:active { color: #ff0000; }

/* --- コンテナ --- */
#container {
width: 780px; /* ページの幅 */
margin: 0 auto; /* センタリング */
background-color: #ffffff; /* メインカラムの背景色 */
border-left: 1px #c0c0c0 solid; /* 左の境界線 */
border-right: 1px #c0c0c0 solid; /* 右の境界線 */
}

/* --- ヘッダ --- */
#header {
background-color: #FF99FF; /* ヘッダの背景色 */
height: 100px;


}

/* --- ナビゲーション --- */
#nav {
float: left;
width: 200px; /* サイドバーの幅 */
height:600px;
}

/* --- メインカラム --- */
#content {
float: left;
width: 580px; メインカラムの幅 */
margin-left:10px;
/* padding:5px 5px 5px 5px; */
/*height: 600px;*/

}

/* --- フッタ --- */
#footer {
clear: left; /* フロートのクリア */
width: 100%;
background-color: #ff99ff; /* フッタの背景色 */

}

#div_main{
    padding:5px;

}