@charset "utf-8";

@import "common.css";
@import "layout.css";


.index-img1 { background-image: url(../img/index-img1.jpg); background-repeat: no-repeat; height: 215px; width: 600px; position: relative; }
.index-img1 h2 { line-height: 36px; height: 36px; width: 600px; position: absolute; left: 0px; top: 0px; visibility: hidden; }
.index-img1 .text { font-size: 14px; line-height: 18px; position: absolute; left: 15px; top: 55px; width: 440px; background-image: url(../img/under-line.gif); background-repeat: repeat; }

.index-img2 { background-image: url(../img/index-img2.jpg); background-repeat: no-repeat; height: 215px; width: 600px; position: relative; }
.index-img2 h2 { line-height: 36px; height: 36px; width: 600px; position: absolute; left: 0px; top: 0px; visibility: hidden; }
.index-img2 .text { font-size: 14px; line-height: 18px; position: absolute; top: 80px; width: 440px; right: 15px; background-image: url(../img/under-line.gif); background-repeat: repeat; }
.index-img2 .click { font-size: 14px; line-height: 18px; height: 18px; width: 430px; text-align: right; position: absolute; bottom: 15px; right: 15px; }
.index-img2 .click a { font-weight: bold; color: #00F; }
.index-img2 .click a:hover { color: #F00; }

.index-img3 { background-image: url(../img/index-img3.jpg); background-repeat: no-repeat; height: 215px; width: 600px; position: relative; }
.index-img3 h2 { line-height: 36px; height: 36px; width: 600px; position: absolute; left: 0px; top: 0px; visibility: hidden; }
.index-img3 .text { font-size: 14px; line-height: 18px; position: absolute; left: 15px; top: 55px; width: 430px; background-image: url(../img/under-line.gif); background-repeat: repeat; }
.index-img3 .click { font-size: 14px; line-height: 18px; height: 18px; width: 430px; text-align: right; position: absolute; left: 15px; bottom: 15px; }
.index-img3 .click a { font-weight: bold; color: #00F; }
.index-img3 .click a:hover { color: #F00; }

.result { height: 120px; width: 600px; position: relative; background-color: #333; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #333; }
.result a { color: #000; text-align: center; display: block; text-decoration: none; background-color: #FFF; }
.result a:hover { color: #FFF; text-align: center; display: block; background-color: #F00; }
.result .img100a { height: 118px; width: 100px; border: 1px solid #333; font-size: 10px; font-family: "ＭＳ Ｐゴシック", sans-serif, "MS UI Gothic", Osaka; line-height: 18px; text-align: center; position: absolute; left: 2px; top: 0px; }
.result .img100b { height: 118px; width: 100px; border: 1px solid #333; font-size: 10px; font-family: "ＭＳ Ｐゴシック", sans-serif, "MS UI Gothic", Osaka; line-height: 18px; text-align: center; position: absolute; left: 101px; top: 0px; }
.result .img100c { height: 118px; width: 100px; border: 1px solid #333; font-size: 10px; font-family: "ＭＳ Ｐゴシック", sans-serif, "MS UI Gothic", Osaka; line-height: 18px; text-align: center; position: absolute; left: 200px; top: 0px; }
.result .img100d { height: 118px; width: 100px; border: 1px solid #333; font-size: 10px; font-family: "ＭＳ Ｐゴシック", sans-serif, "MS UI Gothic", Osaka; line-height: 18px; text-align: center; position: absolute; left: 299px; top: 0px; }
.result .img100e { height: 118px; width: 100px; border: 1px solid #333; font-size: 10px; font-family: "ＭＳ Ｐゴシック", sans-serif, "MS UI Gothic", Osaka; line-height: 18px; text-align: center; position: absolute; left: 398px; top: 0px; }
.result .img100f { height: 118px; width: 100px; border: 1px solid #333; font-size: 10px; font-family: "ＭＳ Ｐゴシック", sans-serif, "MS UI Gothic", Osaka; line-height: 18px; text-align: center; position: absolute; left: 497px; top: 0px; }
.result img { height: 100px; width: 95px; margin-right: auto; margin-left: auto; display: block; }
.index-img1 .rss { height: 24px; width: 24px; position: absolute; right: 15px; top: 4px; }