@charset "utf-8";

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


.text { font-size: 14px; line-height: 26px; }
.index1 .text { height: auto; width: 440px; background-image: url(../img/image001.png); background-repeat: no-repeat; background-position: right top; padding-right: 198px; }
.index1 { padding: 5px; background-color: #FFF; border: 1px solid #DDD; background-image: url(../img/index_under.jpg); background-repeat: no-repeat; background-position: right bottom; }
.index2 { background-color: #FFF; border: 1px solid #DDD; padding-top: 5px; padding-right: 5px; padding-bottom: 5px; padding-left: 5px; background-image: url(../img/index_under.jpg); background-repeat: no-repeat; background-position: right bottom; }
.index2 li { font-size: 14px; line-height: 26px; background-image: url(../img/icon002.gif); background-repeat: no-repeat; background-position: left 8px; padding-left: 16px; }
.index3 { padding: 5px; background-color: #FFF; border: 1px solid #DDD; font-size: 14px; line-height: 26px; background-image: url(../img/index_under.jpg); background-repeat: no-repeat; background-position: right bottom; }
.index2 ul { padding-left: 180px; width: 458px; height: auto; background-image: url(../img/image002.png); background-repeat: no-repeat; background-position: left top; }

.plan { height: 240px; width: 650px; position: relative; }
.plan .index2-img1 { background-image: url(../img/index2-img1.jpg); background-repeat: no-repeat; height: 240px; width: 210px; position: absolute; left: 0px; top: 0px; }
.plan .index2-img2 { background-image: url(../img/index2-img2.jpg); background-repeat: no-repeat; height: 240px; width: 210px; position: absolute; left: 220px; top: 0px; }
.plan .index2-img3 { background-image: url(../img/index2-img3.jpg); background-repeat: no-repeat; height: 240px; width: 210px; position: absolute; left: 440px; top: 0px; }
.plan .index2-img1 a { padding-top: 50px; padding-right: 6px; padding-left: 6px; padding-bottom: 86px; display: block; background-image: url(../img/index2-img1.jpg); background-repeat: no-repeat; font-size: 12px; line-height: 24px; color: #000; text-decoration: none; height: 104px; width: 198px; }
.plan .index2-img1 a:hover { background-image: url(../img/index2-img1b.jpg); color: #F00;; }
.plan .index2-img2 a { padding-top: 50px; padding-right: 6px; padding-left: 6px; padding-bottom: 86px; display: block; background-image: url(../img/index2-img4.jpg); background-repeat: no-repeat; font-size: 12px; line-height: 24px; color: #000; text-decoration: none; height: 104px; width: 198px; }
.plan .index2-img2 a:hover { background-image: url(../img/index2-img2b.jpg); color: #F00;; }
.plan .index2-img3 a { padding-top: 50px; padding-right: 6px; padding-left: 6px; padding-bottom: 86px; display: block; background-image: url(../img/index2-img3.jpg); background-repeat: no-repeat; font-size: 12px; line-height: 24px; color: #000; text-decoration: none; height: 104px; width: 198px; }
.plan .index2-img3 a:hover { background-image: url(../img/index2-img3b.jpg); color: #F00;; }
.index3 .text { height: auto; width: 450px; padding-right: 188px; background-image: url(../img/image003.png); background-repeat: no-repeat; background-position: right top; }