
* { margin : 0; padding : 0; }


body { color: #009; font-size: 12px; background-image: url(../image/haikei.gif); text-align: center; }
#container { background-color: #fff; width: 780px; margin-top: 1em; margin-right: auto; margin-left: auto; }
#title1 { background-image: url(../image/titlelogo3.gif); background-repeat: no-repeat; text-align: left; width: 100%; }
#top { background-repeat: no-repeat; background-position: right center; }
#box1 { font-size: 1em; text-align: left; width: 710px; height: 30px; margin-right: auto; margin-bottom: 2em; margin-left: auto; border-left: 1px solid black; }
#box2 { text-align: left; letter-spacing: 0.2em; width: 710px; clear: left; margin-right: auto; margin-bottom: 2em; margin-left: auto; }
#box3 { text-align: left; width: 710px; margin-right: auto; margin-bottom: 2em; margin-left: auto; border: solid 1px white; }
#box31 { width: 100%; clear: both; }
#footer { background-color: #e3dede; text-align: left; vertical-align: bottom; width: 710px; height: 2em; margin-right: auto; margin-left: auto; }
#box41 { text-indent: 1em; width: 35%; float: left; margin-top: 0.8em; }
#box42 { text-align: right; width: 64%; float: right; margin-top: 0.8em; }
#adsense { margin-right: auto; margin-bottom: 1em; margin-left: auto; }
.kakumaru-top { background-image: url(../image/top-1.gif); background-repeat: no-repeat; background-position: right top; height: 15px; }
.kakumaru-top2 { background-image: url(../image/top-2.gif); background-repeat: no-repeat; background-position: left top; height: 15px; }
.kakumaru-mid { background-image: url(../image/mid-1.gif); background-repeat: repeat-y; background-position: right top; }
.kakumaru-mid2 { background-image: url(../image/mid-2.gif); background-repeat: repeat-y; background-position: left top; }
.kakumaru-under { background-image: url(../image/under-1.gif); background-repeat: no-repeat; background-position: right top; height: 15px; }
.kakumaru-under2 { background-image: url(../image/under-2.gif); background-repeat: no-repeat; background-position: left top; height: 15px; }
h1 { font-size: 2em; font-weight: bold; text-indent: -9999px; height: 80px; }
h2 { color: black; font-size: 1.3em; font-weight: 700; background-color: #e3dede; margin-bottom: 1em; padding: 0.3em 0.5em; border-left: 0.5em solid #f90; }
img { border-width: 0; display: block; }
li { font-size: 1em; list-style-type: none; }
#box1 li { width: 140px; float: left; border-right: 1px solid black; list-style-type: none; }
#box2 ul { padding-left: 3em; }
#box2 li { font-size: 1em; line-height: 1.5em; list-style-type: disc; width: 100%; }
#box3 li { list-style-type: none; width: 200px; float: left; margin-right: 20px; }
a:link,a:active { color: #00f; text-decoration: none; display: block; }
a:visited { color: #62b0ff; text-decoration: none; display: block; }
a:hover { text-decoration: none; text-align: left; display: block; }
