@charset "Shift_JIS";

/* --- 全体の背景1 --- */
html {
background: #e1fcce url(image/back.gif); /* 斜線の背景画像 */
}

/* --- 全体の背景2・テキスト --- */
body {
margin: 0;
padding: 0;
color: #000000; /* 全体の文字色 */
font-size: small; /* 全体の文字サイズ */
color: #808080; /* 全体の文字色 */
}

/* --- h1 --- */
h1 {
margin: 0px 15px; 
}

h1 a {

display:block;
height:119px; /* タイトルの高さ */
width: 300px; /* タイトルの幅 */
background:url(image/logo.png);
background-repeat:no-repeat; /* リピートさせない場合 */

}
h1 span { display:none; }

/* ---文字アフィリ--- */
#af1 {

background-color: #bbff99; /* 背景色薄め中間 */
border:2px solid #bbff99;
border-bottom:2px solid #86ec86;
}


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

/* --- コンテナ --- */
#container {
width: 780px; /* ページの幅 */
margin: 0 auto; /* センタリング */

border-left: 1px #c0c0c0 solid; /* 左枠線 */
border-right: 1px #c0c0c0 solid; /* 右枠線 */
}

/* --- ヘッダ --- */
#header {
background-color: #86ec86; /* ヘッダの背景色 */
height:119px; /* タイトルの高さ */
}

/* --- コンテンツ --- */
#content {
background-color: #ffffff; /* コンテンツの背景色 */
}

/* --- フッタ --- */
#footer {
padding: 5px 5px 10px 5px; 
background-color: #86ec86; /* フッタの背景色 */
}

#footer p { 
margin: 4px 10px;
text-align: center;
}

/* --- P --- */
p { 
margin: 4px 10px;
} 

/* --- P --- */
#content p { 
margin: 8px 25px;
} 


#boxr { /* ボックス右 */ 

margin: 0;
padding: 0px; 
position: relative;
top: 18px; 
left: -20px;
float: right;

} 

#boxr h2 { /* サブタイトル */ 
margin: 8px 10px;
color: #228B22; /* サブタイトルの文字色 */
font-size: 20px;

}

#boxr p { /* p */ 
margin: 5px 10px;
color: #ffffff; /* サブタイトルの文字色 */

}

#content h2 {
font-size: 110%;
border-bottom: 2px solid #86ec86;
margin: 20px 25px;
padding-bottom: 0px;
padding-top: 5px;
color: #467226;
}

.section2 {
margin: 20px 20px;
width: 700px; /* ボックスの幅 */
height: 80px; /* ボックスの高さ */
overflow: auto;
background-color: #ffffff; /* ボックスの背景色 */
border: 1px #c0c0c0 dotted; /* ボックスの枠線 */
}