@charset "utf-8";

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

/*--------------------------------------------------------------------------------------------------------------*/
.sub_menu { height: 47px; width: 580px; border-bottom-width: 5px; border-bottom-style: solid; border-bottom-color: #CCC; position: relative; }
.sub_menu .sub001 { height: 45px; width: 183px; border: 1px solid #CCC; position: absolute; left: 0px; top: 0px; font-size: 12px; line-height: 45px; font-family: "Times New Roman", Times, serif; }
.sub_menu .sub002 { height: 45px; width: 183px; border: 1px solid #CCC; position: absolute; left: 184px; top: 0px; font-size: 12px; line-height: 45px; font-family: "Times New Roman", Times, serif; }
.sub_menu .sub003 { height: 45px; width: 210px; border: 1px solid #CCC; position: absolute; left: 368px; top: 0px; font-size: 12px; line-height: 45px; font-family: "Times New Roman", Times, serif; }
.sub_menu a { height: 45px; width: 100%; display: block; text-align: center; color: #333; text-decoration: none; }
.sub_menu a:hover { color: #FFF; background-color: #333; }
.sub_menu .here { background-color: #f6f6f6; }
/*--------------------------------------------------------------------------------------------------------------*/
.plan1-img01 { background-image: url(../img/plan1-img01.jpg); background-repeat: no-repeat; height: 239px; width: 580px; position: relative; }
.plan1-img01 .plan-txt1 { padding: 5px; height: 190px; width: 280px; position: absolute; top: 39px; font-size: 12px; line-height: 16px; }
.plan1-img01 .plan-txt1 strong { font-size: 12px; line-height: 16px; font-weight: bold; color: #060; height: 32px; display: block; margin-bottom: 5px; }
.plan1-img01 .plan-txt1 em { font-size: 12px; line-height: 16px; font-weight: bold; color: #F00; display: block; }
.plan1-img01 .plan-txt1 li { font-size: 12px; line-height: 16px; list-style-type: square; padding-left: 12px; list-style-position: inside; }
.plan1-img01 .plan-txt1 p { font-size: 12px; line-height: 16px; margin-bottom: 5px; text-align: justify; }
/*--------------------------------------------------------------------------------------------------------*/
.plan_waku1 { height: 130px; width: 580px; margin-bottom: 15px; position: relative; }
.plan_waku1 .img01 { height: 130px; width: 116px; background-image: url(../img/plan1-img02.jpg); background-repeat: no-repeat; position: absolute; left: 0px; top: 0px; }
.plan_waku1 .img01 p { font-size: 10px; line-height: 20px; color: #006666; text-align: center; position: absolute; left: 0px; top: 110px; height: 20px; width: 116px; }
.plan_waku1 .img02 { height: 130px; width: 116px; background-image: url(../img/plan1-img03.jpg); background-repeat: no-repeat; position: absolute; left: 116px; top: 0px; }
.plan_waku1 .img02 p { font-size: 10px; line-height: 20px; color: #006666; text-align: center; position: absolute; left: 0px; top: 110px; height: 20px; width: 116px; }
.plan_waku1 .img03 { height: 130px; width: 116px; background-image: url(../img/plan1-img04.jpg); background-repeat: no-repeat; position: absolute; left: 232px; top: 0px; }
.plan_waku1 .img03 p { font-size: 10px; line-height: 20px; color: #006666; text-align: center; position: absolute; left: 0px; top: 110px; height: 20px; width: 116px; }
.plan_waku1 .img04 { height: 130px; width: 116px; background-image: url(../img/plan1-img05.jpg); background-repeat: no-repeat; position: absolute; left: 348px; top: 0px; }
.plan_waku1 .img04 p { font-size: 10px; line-height: 20px; color: #006666; text-align: center; position: absolute; left: 0px; top: 110px; height: 20px; width: 116px; }
.plan_waku1 .img05 { height: 130px; width: 116px; background-image: url(../img/plan1-img06.jpg); background-repeat: no-repeat; position: absolute; left: 464px; top: 0px; }
.plan_waku1 .img05 p { font-size: 10px; line-height: 20px; color: #006666; text-align: center; position: absolute; left: 0px; top: 110px; height: 20px; width: 116px; }
/*--------------------------------------------------------------------------------------------------------*/
.plan_waku2 { height: 130px; width: 580px; position: relative; }
.plan_waku2 .img06 { height: 130px; width: 116px; background-image: url(../img/plan1-img07.jpg); background-repeat: no-repeat; position: absolute; left: 0px; top: 0px; }
.plan_waku2 .img06 p { font-size: 10px; line-height: 20px; color: #006666; text-align: center; position: absolute; left: 0px; top: 110px; height: 20px; width: 116px; }
.plan_waku2 .img07 { height: 130px; width: 116px; background-image: url(../img/plan1-img08.jpg); background-repeat: no-repeat; position: absolute; left: 116px; top: 0px; }
.plan_waku2 .img07 p { font-size: 10px; line-height: 20px; color: #006666; text-align: center; position: absolute; left: 0px; top: 110px; height: 20px; width: 116px; }
.plan_waku2 .img08 { height: 130px; width: 116px; background-image: url(../img/plan1-img09.jpg); background-repeat: no-repeat; position: absolute; left: 232px; top: 0px; }
.plan_waku2 .img08 p { font-size: 10px; line-height: 20px; color: #006666; text-align: center; position: absolute; left: 0px; top: 110px; height: 20px; width: 116px; }
.plan_waku2 .img09 { height: 130px; width: 116px; background-image: url(../img/plan1-img10.jpg); background-repeat: no-repeat; position: absolute; left: 348px; top: 0px; }
.plan_waku2 .img09 p { font-size: 10px; line-height: 20px; color: #006666; text-align: center; position: absolute; left: 0px; top: 110px; height: 20px; width: 116px; }
.plan_waku2 .img10 { height: 130px; width: 116px; background-image: url(../img/plan1-img11.jpg); background-repeat: no-repeat; position: absolute; left: 464px; top: 0px; }
.plan_waku2 .img10 p { font-size: 10px; line-height: 20px; color: #006666; text-align: center; position: absolute; left: 0px; top: 110px; height: 20px; width: 116px; }
/*--------------------------------------------------------------------------------------------------------*/
.plan1-img12 { height: 220px; width: 580px; background-image: url(../img/plan1-img12.jpg); background-repeat: no-repeat; }
/*--------------------------------------------------------------------------------------------------------*/
.plan2-img1 { height: 279px; width: 580px; margin-bottom: 25px; position: relative; background-image: url(../img/plan2-img1.jpg); background-repeat: no-repeat; }
.plan2-img1 .text { font-size: 12px; line-height: 18px; width: 280px; height: 230px; position: absolute; top: 39px; padding: 5px; }
.plan2-img1 .text strong { font-weight: bold; color: #009999; font-family: "ＭＳ Ｐゴシック", Arial, sans-serif; font-size: 12px; line-height: 20px; height: auto; display: block; }
.plan2-img1 .text p { font-size: 12px; line-height: 16px; text-align: justify; }
.plan2-waku { height: 705px; width: 580px; position: relative; }
.plan2-waku .plan2-img2 { height: 345px; width: 282px; position: absolute; left: 0px; top: 0px; }
.plan2-waku .plan2-img3 { height: 345px; width: 282px; position: absolute; top: 0px; right: 0px; }
.plan2-waku .plan2-img4 { height: 345px; width: 282px; position: absolute; left: 0px; bottom: 0px; }
.plan2-waku .plan2-img5 { height: 345px; width: 282px; position: absolute; right: 0px; bottom: 0px; }
/*--------------------------------------------------------------------------------------------------------------*/
.sub_menu2 { height: 47px; width: 580px; position: relative; border-top-width: 5px; border-top-style: solid; border-top-color: #CCC; }
.sub_menu2 .sub001 { height: 45px; width: 183px; border: 1px solid #CCC; position: absolute; left: 0px; top: 0px; font-size: 12px; line-height: 45px; font-family: "Times New Roman", Times, serif; }
.sub_menu2 .sub002 { height: 45px; width: 210px; border: 1px solid #CCC; position: absolute; left: 184px; top: 0px; font-size: 12px; line-height: 45px; font-family: "Times New Roman", Times, serif; }
.sub_menu2 .sub003 { height: 45px; width: 183px; border: 1px solid #CCC; position: absolute; left: 395px; top: 0px; font-size: 12px; line-height: 45px; font-family: "Times New Roman", Times, serif; }
.sub_menu2 a { height: 45px; width: 100%; display: block; text-align: center; color: #333; text-decoration: none; }
.sub_menu2 a:hover { color: #FFF; background-color: #333; }
.sub_menu2 .here { background-color: #f6f6f6; }
/*--------------------------------------------------------------------------------------------------------------*/
.example { height: auto; width: 580px; }