
* { 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: 1em auto; }
#top { text-align: center; width: 710px; margin-right: auto; margin-left: auto; }
#box1 { font-size: 1em; background-image: url(../image/bar-base3.gif); text-align: left; width: 710px; height: 30px; margin-right: auto; margin-bottom: 2em; margin-left: auto; border-left: 1px solid black; }
#box2 { font-size: 1em; text-align: left; width: 140px; height: auto; float: left; margin-right: auto; margin-bottom: 1em; margin-left: auto; }
#box3 { text-align: left; width: 550px; height: auto; float: right; margin-right: auto; margin-bottom: 1em; margin-left: auto; }
#box31 { width: 260px; float: left; }
#box32 { width: 260px; float: right; }
#menu-bar { text-align: left; width: 550px; height: 1.5em; clear: both; margin-right: auto; margin-bottom: 1em; margin-left: auto; }
#footer { background-color: #e3dede; text-align: left; vertical-align: bottom; width: 710px; height: 2em; clear: both; 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; padding-top: 0.8em; }
#adsense { margin-right: auto; margin-bottom: 1em; margin-left: auto; }
.indent { text-indent: 3em; }
.title { text-indent: -9999px; margin-bottom: 1em; }
.title0 { background-image: url(../image/titlelogo30.gif); background-repeat: no-repeat; text-align: left; width: 100%; }
.title1 { background-image: url(../image/titlelogo31.gif); background-repeat: no-repeat; text-align: left; width: 100%; }
.title2 { background-image: url(../image/titlelogo32.gif); background-repeat: no-repeat; text-align: left; width: 100%; }
.title3 { background-image: url(../image/titlelogo33.gif); background-repeat: no-repeat; text-align: left; width: 100%; }
.title4 { background-image: url(../image/titlelogo34.gif); background-repeat: no-repeat; text-align: left; width: 100%; }
.title5 { background-image: url(../image/titlelogo35.gif); background-repeat: no-repeat; text-align: left; width: 100%; }
.title6 { background-image: url(../image/titlelogo36.gif); background-repeat: no-repeat; text-align: left; width: 100%; }
.title7 { background-image: url(../image/titlelogo37.gif); background-repeat: no-repeat; text-align: left; width: 100%; }
.title8 { background-image: url(../image/titlelogo38.gif); background-repeat: no-repeat; text-align: left; width: 100%; }
.title9 { background-image: url(../image/titlelogo39.gif); background-repeat: no-repeat; text-align: left; width: 100%; }
.title10 { background-image: url(../image/titlelogo40.gif); background-repeat: no-repeat; text-align: left; width: 100%; }
.title11 { background-image: url(../image/titlelogo41.gif); background-repeat: no-repeat; text-align: left; width: 100%; }
.title12 { background-image: url(../image/titlelogo42.gif); background-repeat: no-repeat; text-align: left; width: 100%; }
.title13 { background-image: url(../image/titlelogo43.gif); background-repeat: no-repeat; text-align: left; width: 100%; }
.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; }
.moji { color: black; font-size: 17px; line-height: 25px; display: inline; }
.mark1 { background-color: #acf6ba; }
.mark2 { background-color: white; }
.mark3 { background-color: #f7c6f8; }
.mark4 { background-color: #c6d4fb; }
.mark11 { color: black; font-weight: bold; background-color: #acf6ba; }
.mark12 { color: red; font-size: 2.5em; font-family: arial; font-weight: bold; margin: 0.5em 0; padding: 0; }
.mark13 { color: blue; font-size: 2.5em; font-family: arial; font-weight: bold; margin: 0.5em 0; padding: 0; }
.mark14 { color: green; font-size: 2.5em; font-family: arial; font-weight: bold; margin: 0.5em 0; padding: 0; }
.mark15 { color: #f90; font-size: 2.5em; font-family: arial; font-weight: bold; margin: 0.5em 0; padding: 0; }
.mark16 { color: #f0f; font-size: 2.5em; font-family: arial; font-weight: bold; margin: 0.5em 0; padding: 0; }
.mark21 { font-size: 17px; font-weight: bold; background-color: #ff0; display: inline; }
.mark22 { font-size: 17px; font-weight: bold; background-color: #f6f; display: inline; }
.mark23 { font-size: 17px; font-weight: bold; background-color: #fc3; display: inline; }
.mark24 { font-size: 17px; font-weight: bold; background-color: #3cf; display: inline; }
.mark25 { font-size: 17px; font-weight: bold; background-color: #3f0; display: inline; }
.mark31 { background-image: url(../image/under-bar001.gif); background-repeat: repeat-y; text-indent: 1em; margin-bottom: 2em; }
.mark41 { font-size: 17px; font-weight: bold; background-color: #f6f; }
.mark51 { background-image: url(../image/bokinyumon/bokikouza-012.gif); background-repeat: no-repeat; width: 140px; height: 30px; }
.mark101 { background-image: url(../image/bokinyumon/bokikouza-008.gif); background-repeat: no-repeat; width: 550px; height: 35px; }
.mark102 { background-image: url(../image/bokinyumon/bokikouza-009.gif); background-repeat: no-repeat; width: 140px; height: 30px; margin-bottom: 5px; }
.mark103 { background-image: url(../image/bokinyumon/bokikouza-010.gif); background-repeat: no-repeat; width: 550px; height: 35px; }
.mark104 { background-image: url(../image/bokinyumon/bokikouza-011.gif); background-repeat: no-repeat; width: 550px; height: 35px; }
.mark105 { background-image: url(../image/bokinyumon/bokikouza-024.gif); background-repeat: no-repeat; margin-bottom: 2px; width: 140px; height: 30px; }
.mark105-1 { background-image: url(../image/bokinyumon/bokikouza-024a.gif); background-repeat: no-repeat; margin-bottom: 2px; width: 140px; height: 30px; }
.mark106 { background-image: url(../image/bokinyumon/bokikouza-025.gif); background-repeat: no-repeat; width: 550px; height: 35px; }
.mark107 { background-image: url(../image/bokinyumon/bokikouza-026.gif); background-repeat: no-repeat; width: 550px; height: 35px; }
.mark108 { background-image: url(../image/bokinyumon/bokikouza-027.gif); background-repeat: no-repeat; width: 550px; height: 35px; }
.mark109 { background-image: url(../image/bokinyumon/bokikouza-028.gif); background-repeat: no-repeat; width: 550px; height: 35px; }
.mark110 { background-image: url(../image/bokinyumon/bokikouza-029.gif); background-repeat: no-repeat; width: 550px; height: 35px; }
.mark111 { background-image: url(../image/bokinyumon/bokikouza-030.gif); background-repeat: no-repeat; width: 550px; height: 35px; }
.mark112 { background-image: url(../image/bokinyumon/bokikouza-031.gif); background-repeat: no-repeat; width: 550px; height: 35px; }
.mark113 { background-image: url(../image/bokinyumon/bokikouza-032.gif); background-repeat: no-repeat; width: 550px; height: 35px; }
.mark114 { background-image: url(../image/bokinyumon/bokikouza-033.gif); background-repeat: no-repeat; width: 550px; height: 35px; }
.mark115 { background-image: url(../image/bokinyumon/bokikouza-034.gif); background-repeat: no-repeat; width: 550px; height: 35px; }
.mark116 { background-image: url(../image/bokinyumon/bokikouza-035.gif); background-repeat: no-repeat; width: 550px; height: 35px; }
.mark117 { background-image: url(../image/bokinyumon/bokikouza-036.gif); background-repeat: no-repeat; width: 550px; height: 35px; }
.mark118 { background-image: url(../image/bokinyumon/bokikouza-037.gif); background-repeat: no-repeat; width: 550px; height: 35px; }
.mark119 { background-image: url(../image/bokinyumon/bokikouza-038.gif); background-repeat: no-repeat; width: 550px; height: 35px; }
.mark120 { background-image: url(../image/bokinyumon/bokikouza-039.gif); background-repeat: no-repeat; width: 550px; height: 35px; }
.mark121 { background-image: url(../image/bokinyumon/bokikouza-040.gif); background-repeat: no-repeat; width: 550px; height: 35px; }
.mark122 { background-image: url(../image/bokinyumon/bokikouza-042.gif); background-repeat: no-repeat; width: 550px; height: 35px; }
.mark123 { background-image: url(../image/bokinyumon/bokikouza-041.gif); background-repeat: no-repeat; width: 550px; height: 35px; }
.mark124 { background-image: url(../image/bokinyumon/bokikouza-043.gif); background-repeat: no-repeat; width: 550px; height: 35px; }
.mark125 { background-image: url(../image/bokinyumon/bokikouza-044.gif); background-repeat: no-repeat; width: 550px; height: 35px; }
.mark126 { background-image: url(../image/bokinyumon/bokikouza-045.gif); background-repeat: no-repeat; width: 550px; height: 35px; }
.mark127 { background-image: url(../image/bokinyumon/bokikouza-046.gif); background-repeat: no-repeat; width: 550px; height: 35px; }
.mark128 { background-image: url(../image/bokinyumon/bokikouza-047.gif); background-repeat: no-repeat; width: 550px; height: 35px; }
.mark129 { background-image: url(../image/bokinyumon/bokikouza-048.gif); background-repeat: no-repeat; width: 550px; height: 35px; }
.mark130 { background-image: url(../image/bokinyumon/bokikouza-049.gif); background-repeat: no-repeat; width: 550px; height: 35px; }
.mark131 { background-image: url(../image/bokinyumon/bokikouza-050.gif); background-repeat: no-repeat; width: 550px; height: 35px; }
.mark132 { background-image: url(../image/bokinyumon/bokikouza-051.gif); background-repeat: no-repeat; width: 550px; height: 35px; }
.mark133 { background-image: url(../image/bokinyumon/bokikouza-052.gif); background-repeat: no-repeat; width: 550px; height: 35px; }
.mark134 { background-image: url(../image/bokinyumon/bokikouza-053.gif); background-repeat: no-repeat; width: 550px; height: 35px; }
.mark135 { background-image: url(../image/bokinyumon/bokikouza-054.gif); background-repeat: no-repeat; width: 550px; height: 35px; }
.mark136 { background-image: url(../image/bokinyumon/bokikouza-055.gif); background-repeat: no-repeat; width: 550px; height: 35px; }
.mark137 { background-image: url(../image/bokinyumon/bokikouza-056.gif); background-repeat: no-repeat; width: 550px; height: 35px; }
.mark138 { background-image: url(../image/bokinyumon/bokikouza-057.gif); background-repeat: no-repeat; width: 550px; height: 35px; }
.mark139 { background-image: url(../image/bokinyumon/bokikouza-058.gif); background-repeat: no-repeat; width: 550px; height: 35px; }
.mark140 { background-image: url(../image/bokinyumon/bokikouza-059.gif); background-repeat: no-repeat; width: 550px; height: 35px; }
.mark141 { background-image: url(../image/bokinyumon/bokikouza-060.gif); background-repeat: no-repeat; width: 550px; height: 35px; }
.mark142 { background-image: url(../image/bokinyumon/bokikouza-061.gif); background-repeat: no-repeat; width: 550px; height: 35px; }
.mark143 { background-image: url(../image/bokinyumon/bokikouza-062.gif); background-repeat: no-repeat; width: 550px; height: 35px; }
.mark144 { background-image: url(../image/bokinyumon/bokikouza-063.gif); background-repeat: no-repeat; width: 550px; height: 35px; }
.mark145 { background-image: url(../image/bokinyumon/bokikouza-064.gif); background-repeat: no-repeat; width: 550px; height: 35px; }
.mark146 { background-image: url(../image/bokinyumon/bokikouza-065.gif); background-repeat: no-repeat; width: 550px; height: 35px; }
.mark147 { background-image: url(../image/bokinyumon/bokikouza-066.gif); background-repeat: no-repeat; width: 550px; height: 35px; }
.mark148 { background-image: url(../image/bokinyumon/bokikouza-067.gif); background-repeat: no-repeat; width: 550px; height: 35px; }
.mark149 { background-image: url(../image/bokinyumon/bokikouza-068.gif); background-repeat: no-repeat; width: 550px; height: 35px; }
.mark150 { background-image: url(../image/bokinyumon/bokikouza-069.gif); background-repeat: no-repeat; width: 550px; height: 35px; }
.mark151 { background-image: url(../image/bokinyumon/bokikouza-070.gif); background-repeat: no-repeat; width: 550px; height: 35px; }
.mark152 { background-image: url(../image/bokinyumon/bokikouza-071.gif); background-repeat: no-repeat; width: 550px; height: 35px; }
.mark153 { background-image: url(../image/bokinyumon/bokikouza-072.gif); background-repeat: no-repeat; width: 550px; height: 35px; }
.mark154 { background-image: url(../image/bokinyumon/bokikouza-073.gif); background-repeat: no-repeat; width: 550px; height: 35px; }
.mark155 { background-image: url(../image/bokinyumon/bokikouza-074.gif); background-repeat: no-repeat; width: 550px; height: 35px; }
h1 { font-size: 2em; font-weight: bold; text-indent: -9999px; height: 80px; }
h2 { color: black; font-size: 1.1em; font-weight: bold; }
h3 { color: black; font-size: 1.1em; font-weight: bold; }
img { display: block; }
table { font-size: 1.1em; width: 350px; margin-bottom: 1em; }
th { background-color: #c96; text-align: center; padding: 0.3em; }
p { color: black; font-size: 1.4em; line-height: 1.5em; text-indent: 1em; margin-bottom: 1em; }
tr,td { background-color: #ccf; text-align: right; padding: 0.3em; }
#box1 li { width: 140px; float: left; border-right: 1px solid black; list-style-type: none; }
#box2 h2,#box2 h3 { text-indent: -9999px; }
#box2 ul { margin-bottom: 1em; }
#box2 li { list-style-type: none; display: inline; width: 140px; height: 30px; }
#box3 img { margin-bottom: 1em; border-width: 0; }
#box31 img { margin: 0; padding: 0; }
#box31 li { font-size: 1.3em; line-height: 1.4em; text-align: left; text-indent: 0.5em; border: solid 1px white; list-style-type: none; }
#box3 span { color: black; font-size: 17px; line-height: 25px; display: inline; }
#index li { color: black; font-size: 17px; line-height: 25px; list-style-type: none; }
#menu-bar li { font-size: 1.4em; font-weight: bold; list-style-type: none; padding-right: 0.5em; padding-left: 0.5em; float: left; border-right: 1px solid black; }
#box2 a:link,#box2 a:active,#box2 a:visited { margin-bottom: 1px; display: block; }
#box3 a:link,#box3 a:active,#box3 a:visited { font-weight: bold; }
a:link,a:active { color: #00f; text-decoration: none; }
a:visited { color: #62b0ff; text-decoration: none; }
a:hover { color: #f00; text-decoration: none; }
#box3 a:hover { color: #f00; font-weight: bold; text-decoration: none; background-color: #62b0ff; text-align: left; }
