@charset "utf-8";

@import "common.css";
@import "layout.css";
/*--------------------------------------------------------------------------------------------------------------*/
.text1 { font-size: 14px; line-height: 26px; background-image: url(../img/text-line.gif); background-repeat: repeat; margin-bottom: 30px; }
.text1 em { font-size: 12px; line-height: 24px; font-weight: bold; padding-left: 14px; color: #36F; padding-top: 15px; display: block; }
.text1 .result { height: 120px; width: 650px; position: relative; }
.text1 .result img { margin-right: auto; margin-left: auto; display: block; }
/*--------------------------------------------------------------------------------------------------------------*/
.text1 .result .img100a { font-family: "Meiryo UI", "MS UI Gothic", "ＭＳ Ｐゴシック", Osaka, Arial, Sans-serif; font-size: 10px; line-height: 16px; height: 118px; width: 98px; position: absolute; left: 0px; top: 0px; background-color: #FFF; border: 1px solid #EEE; text-align: center; }
.text1 .result .img100b { font-family: "Meiryo UI", "MS UI Gothic", "ＭＳ Ｐゴシック", Osaka, Arial, Sans-serif; font-size: 10px; line-height: 20px; height: 118px; width: 98px; position: absolute; left: 110px; top: 0px; background-color: #FFF; border: 1px solid #EEE; text-align: center; }
.text1 .result .img100c { font-family: "ＭＳ Ｐゴシック", sans-serif, "MS UI Gothic", Osaka; font-size: 10px; line-height: 20px; height: 118px; width: 98px; position: absolute; left: 220px; top: 0px; background-color: #FFF; border: 1px solid #EEE; text-align: center; }
.text1 .result .img100d { font-family: "Meiryo UI", "MS UI Gothic", "ＭＳ Ｐゴシック", Osaka, Arial, Sans-serif; font-size: 10px; line-height: 20px; height: 118px; width: 98px; position: absolute; left: 330px; top: 0px; background-color: #FFF; border: 1px solid #EEE; text-align: center; }
.text1 .result .img100e { font-family: "Meiryo UI", "MS UI Gothic", "ＭＳ Ｐゴシック", Osaka, Arial, Sans-serif; font-size: 10px; line-height: 20px; height: 118px; width: 98px; position: absolute; left: 440px; top: 0px; background-color: #FFF; border: 1px solid #EEE; text-align: center; }
.text1 .result .img100f { font-family: "Meiryo UI", "MS UI Gothic", "ＭＳ Ｐゴシック", Osaka, Arial, Sans-serif; font-size: 10px; line-height: 20px; height: 118px; width: 98px; position: absolute; left: 550px; top: 0px; background-color: #FFF; border: 1px solid #EEE; text-align: center; }
/*--------------------------------------------------------------------------------------------------------------*/
.text1 .result a { display: block; height: 114px; width: 98px; color: #000; background-color: #FFF; text-decoration: none; padding-top: 4px; }
.text1 .result a:hover { color: #FFF; background-color: #F00; }
/*--------------------------------------------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------------------------------------------*/
.text2 { font-size: 14px; line-height: 26px; background-image: url(../img/text-line.gif); background-repeat: repeat; }
.text2 em { font-size: 12px; line-height: 24px; font-weight: bold; padding-left: 14px; color: #36F; display: block; }
.text2 .result { height: 100px; width: 650px; position: relative; }
.text2 .result img { display: block; margin: 0px; padding: 0px; }
/*--------------------------------------------------------------------------------------------------------------*/
.text2 .result .img100a { height: 98px; width: 98px; position: absolute; left: 0px; top: 0px; background-color: #FFF; border: 1px solid #EEE; text-align: center; }
.text2 .result .img100b { height: 98px; width: 98px; position: absolute; left: 110px; top: 0px; background-color: #FFF; border: 1px solid #EEE; text-align: center; }
.text2 .result .img100c { height: 98px; width: 98px; position: absolute; left: 220px; top: 0px; background-color: #FFF; border: 1px solid #EEE; text-align: center; }
.text2 .result .img100d { height: 98px; width: 98px; position: absolute; left: 330px; top: 0px; background-color: #FFF; border: 1px solid #EEE; text-align: center; }
.text2 .result .img100e { height: 98px; width: 98px; position: absolute; left: 440px; top: 0px; background-color: #FFF; border: 1px solid #EEE; text-align: center; }
.text2 .result .img100f { height: 98px; width: 98px; position: absolute; left: 550px; top: 0px; background-color: #FFF; border: 1px solid #EEE; text-align: center; }
/*--------------------------------------------------------------------------------------------------------------*/
.text2 .result a { display: block; height: 90px; width: 90px; color: #000; background-color: #FFF; text-decoration: none; padding: 4px; }
.text2 .result a:hover { color: #FFF; background-color: #F00; }
/*--------------------------------------------------------------------------------------------------------------*/
.plan1 { background-image: url(../img/plan1.jpg); background-repeat: no-repeat; height: 188px; width: 478px; padding-left: 166px; padding-right: 4px; border-top-width: 1px; border-right-width: 1px; border-left-width: 1px; border-top-style: solid; border-right-style: solid; border-left-style: solid; border-top-color: #000; border-right-color: #000; border-left-color: #000; background-position: 2px 4px; padding-top: 4px; padding-bottom: 4px; font-size: 14px; line-height: 26px; }
/*--------------------------------------------------------------------------------------------------------------*/
.option1 { border: 1px solid #000; height: auto; width: 648px; margin-bottom: 10px; background-color: #FFF; }
.option1 .td1 { font-size: 10px; line-height: 16px; font-weight: bold; color: #FFF; background-color: #F66; padding: 4px; border: 1px solid #F00; width: 25%; vertical-align: top; }
.option1 .td2 { font-size: 10px; line-height: 16px; color: #000; padding: 4px; width: 25%; border: 1px solid #F00; background-color: #FFF6F6; text-align: center; }
/*--------------------------------------------------------------------------------------------------------------*/
.option1 .td3 { font-size: 10px; line-height: 16px; font-weight: bold; color: #333; background-color: #DDD; padding: 4px; border: 1px solid #999; width: 25%; vertical-align: top; }
.option1 .td4 { font-size: 10px; line-height: 16px; color: #333; padding: 4px; width: 25%; border: 1px solid #999; background-color: #F6F6F6; text-align: center; }
/*--------------------------------------------------------------------------------------------------------------*/
.option1 .td5 { font-size: 10px; line-height: 16px; font-weight: bold; color: #FFF; background-color: #999; padding: 4px; border: 1px solid #999; width: 25%; }
.option1 .td6 { font-size: 10px; line-height: 16px; color: #666; padding: 4px; width: 25%; border: 1px solid #999; background-color: #eeeeee; text-align: center; }
/*--------------------------------------------------------------------------------------------------------------*/
.info { font-size: 14px; line-height: 24px; border: 4px double #000; padding: 6px; }
.red { color: #F33; font-weight: bold; font-size: 14px; line-height: 26px; }
.red_small { color: #F00; font-size: 12px; line-height: 26px; }
.blue { font-size: 14px; line-height: 26px; color: #33F; letter-spacing: -1px; }
.text12 { font-size: 12px; line-height: 22px; }
.text12b { font-size: 12px; line-height: 22px; }
.text14 { font-family: "ＭＳ Ｐゴシック", sans-serif, "MS UI Gothic", Osaka; font-size: 14px; line-height: 24px; }
.bold { font-weight: bold; color: #F00; }
/*--------------------------------------------------------------------------------------------------------------*/
.entry { height: 40px; width: 650px; margin-bottom: 40px; }
.entry a { background-color: #000; height: 38px; width: 648px; border: 1px solid #000; display: block; font-size: 14px; line-height: 38px; font-weight: bold; color: #FF0; text-align: center; }
.entry a:hover { background-color: #900; border: 1px solid #000; color: #FFF; }
.plan-menu { height: 50px; width: 650px; margin-bottom: 1px; position: relative; border-top-width: 2px; border-bottom-width: 4px; border-top-style: solid; border-bottom-style: solid; border-top-color: #000; border-bottom-color: #000; }
.plan-menu .waku1 { height: 48px; width: 214px; border: 1px solid #FFF; position: absolute; left: 0px; top: 0px; }
.plan-menu .waku2 { height: 48px; width: 214px; border: 1px solid #FFF; position: absolute; left: 217px; top: 0px; }
.plan-menu .waku3 { height: 48px; width: 214px; border: 1px solid #FFF; position: absolute; left: 434px; top: 0px; }
.plan-menu a { color: #FFF; font-size: 12px; line-height: 18px; height: 36px; width: 202px; background-color: #333; text-decoration: none; text-align: center; display: block; border: 1px solid #000; padding: 5px; }
.plan-menu a:hover { background-color: #900; border: 1px solid #000; }
.plan-menu .link { font-weight: bold; color: #FFF; font-size: 12px; line-height: 18px; height: 36px; width: 202px; background-color: #009; text-decoration: none; text-align: center; display: block; border: 1px solid #000; padding: 5px; }
.plan_text { background-image: url(../img/text-line26.gif); background-repeat: repeat; font-size: 12px; line-height: 26px; height: 188px; }
.plan_text .ul12 li { font-size: 12px; line-height: 26px; padding-left: 24px; background-image: url(../img/icon003.gif); background-repeat: no-repeat; background-position: 7px 7px; }
.text1 .option1 td { font-family: "Meiryo UI", "MS UI Gothic", "ＭＳ Ｐゴシック", Osaka, Arial, Sans-serif; }
.text2 p { font-size: 14px; line-height: 26px; background-image: url(../img/text-line26.gif); background-repeat: repeat; }
.text1 p { font-size: 14px; line-height: 26px; background-image: url(../img/text-line26.gif); background-repeat: repeat; }

.plan3 { font-size: 14px; line-height: 24px; background-image: url(../img/plan1.jpg); background-repeat: no-repeat; height: 188px; width: 478px; padding-left: 166px; padding-right: 4px; border-top-width: 1px; border-right-width: 1px; border-left-width: 1px; border-top-style: solid; border-right-style: solid; border-left-style: solid; border-top-color: #000; border-right-color: #000; border-left-color: #000; background-position: 2px 4px; padding-top: 4px; padding-bottom: 4px; }
.plan3 .cms_text { background-image: url(../img/text-line26.gif); background-repeat: repeat; font-size: 12px; line-height: 26px; height: 188px; width: 478px; overflow: scroll; scrollbar-base-color: #F6F6F6; scrollbar-track-color: #DDD; scrollbar-face-color: #FFF; scrollbar-shadow-color: #DDD; scrollbar-darkshadow-color: #DDD; scrollbar-highlight-color: #DDD; scrollbar-3dlight-color: #DDD; scrollbar-arrow-color: #F00; overflow-x:hidden; }
.plan3 .cms_text .ul12 li { font-size: 12px; line-height: 26px; padding-left: 24px; background-image: url(../img/icon003.gif); background-repeat: no-repeat; background-position: 7px 7px; }

