body {
margin: 0; /* 隙間を無くす */
padding: 0; /* 隙間を無くす・Opera対策 */
font-size: 80%; /* 全体のフォントサイズを小さめにする・ptやpxなどの絶対指定はしない */
color: #000000; /* 全体のフォントの色を黒にする */
background-color: #ffffff; /* 全体の背景色を白にする */
}

.contents { /* コンテンツ全体 */
clear: both;
line-height : 1.4em;
width: 800px;
margin-left: 3em;
margin-right: 3em;
}

.col3 { /* コンテンツ・3列の場合 */
clear: both;
}
.col3-left { /* 3列の左の列 */
float: left;
width: 27%;
padding: 0 1em;
}
.col3-center { /* 3列の中の列 */
float: left;
width: 37%;
padding: 0 1em;
}
.col3-right { /* 3列の右の列 */
float: left;
width: 27%;
padding: 0 1em;
}

.contents h1 { /* コンテンツの見出し1 */
font-size: 175%; 
line-height: 1em;
padding-top: 0.3em;
padding-bottom: 0.3em;
padding-left: 1.5em;
margin-left: 3em;
margin-right: 3em;
margin-bottom: 1em;
}
.contents h2 { /* コンテンツの見出し2 */
font-size: 150%; 
line-height: 1em;
margin-left: 0.5em;
padding-top: 0.3em;
padding-bottom: 0.3em;
padding-left: 1.3em;
}
.contents h3 { /* コンテンツの見出し3 */
font-size: 125%; 
line-height: 1em;
margin-left: 1em;
padding-top: 0.3em;
padding-bottom: 0.3em;
padding-left: 1.5em;
}
.contents p { /* コンテンツの段落 */
margin-top: -0.7em;
margin-left: 3em;
padding-bottom: 0.5em;
padding-right: 0.5em;
padding-left: 0.5em;
}

a img { /* 画像・リンクの枠を非表示 */
border: 0;
}

.footer { /* ページ下部のフッタの枠 */
clear: both;
margin-top: 5em;
}
.banner-left { /* フッタのバナー画像を左に */
float: left;
margin-left: 1em;
}
.footer h4 { /* フッタ内の見出し4 */
font-size: 100%; 
line-height: 1em;
text-align: center;
}

.header { /* ページ上部ヘッダの枠 */

}
.logo-right { /* ヘッダのロゴ画像を左に */
float: right;
margin-right: 1em;
}
.header h1 { /* ヘッダ内の見出し1 */
font-size: 175%; 
line-height: 1em;
margin-top: 0.5em;
text-align: center;
}
.header h2 { /* ヘッダ内の見出し2 */
font-size: 150%; 
line-height: 1em;
margin-top: 0.5em;
text-align: center;
}

A:HOVER{
color : red;
}

.contents strong {
font-weight: normal;
}