@charset "utf-8";

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


.bar-homepage { background-image: url(../img/bar-homepage.jpg); background-repeat: no-repeat; height: 45px; width: 600px; text-indent: -9999px; margin-bottom: 10px; }
/*--------------------------------------------------------------------------------------------------------------*/
.info { font-size: 14px; line-height: 24px; border: 4px double #000; padding: 6px; }
.red { color: #F30; font-weight: bold; font-size: 14px; line-height: 22px; }
.blue { font-size: 12px; line-height: 20px; font-weight: bold; color: #66F; }
/*--------------------------------------------------------------------------------------------------------------*/
.plan1 { font-size: 14px; line-height: 22px; background-image: url(../img/plan1.jpg); background-repeat: no-repeat; height: 154px; width: 440px; padding-left: 154px; padding-top: 4px; padding-right: 4px; padding-bottom: 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 center; }
.plan2 { font-size: 14px; line-height: 22px; background-image: url(../img/plan2.jpg); background-repeat: no-repeat; height: 154px; width: 440px; padding-left: 154px; padding-top: 4px; padding-right: 4px; padding-bottom: 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 center; }
.plan3 { font-size: 14px; line-height: 22px; background-image: url(../img/plan3.jpg); background-repeat: no-repeat; height: 154px; width: 440px; padding-left: 154px; padding-top: 4px; padding-right: 4px; padding-bottom: 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 center; }
/*--------------------------------------------------------------------------------------------------------------*/
.option1 { border: 1px solid #000; height: auto; width: 598px; }
.option1 .td1 { font-size: 10px; line-height: 16px; font-weight: bold; color: #FFF; background-color: #F66; padding: 4px; border: 1px solid #000; 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: #FFF; background-color: #FC0; padding: 4px; border: 1px solid #BE9600; width: 25%; vertical-align: top; }
.option1 .td4 { font-size: 10px; line-height: 16px; color: #000; padding: 4px; width: 25%; border: 1px solid #BE9600; background-color: #FFF7D7; text-align: center; }
/*--------------------------------------------------------------------------------------------------------------*/
.option1 .td5 { font-size: 10px; line-height: 16px; font-weight: bold; color: #FFF; background-color: #666; padding: 4px; border: 1px solid #000; width: 25%; }
.option1 .td6 { font-size: 10px; line-height: 16px; color: #666; padding: 4px; width: 25%; border: 1px solid #000; background-color: #eeeeee; text-align: center; }
/*--------------------------------------------------------------------------------------------------------------*/
.line { background-repeat: no-repeat; height: 50px; width: 600px; }
/*--------------------------------------------------------------------------------------------------------------*/
.panel .wrapper p { font-size: 12px; line-height: 18px; }
.panel .wrapper h3 { text-align: left; font-weight: bold; line-height: 20px; font-size: 14px; margin-bottom: 5px; }
.stripViewer .panelContainer .panel ul { text-align: left; margin: 0 15px 0 30px; }
.slider-wrap { position: relative; width: 440px; height: 154px; margin: 0px; }

.csw { width: 440px; height: 122px; background: #fff; overflow: scroll }
.csw .loading {margin: 200px 0 300px 0; text-align: center}
.stripViewer { position: relative; overflow: hidden; margin: auto; width: 440px; height: 122px; clear: both; background: #fff; }
.stripViewer .panelContainer { position: relative; left: 0; top: 0; width: 440px; list-style-type: none; }
.stripViewer .panelContainer .panel { float:left; height: 122px; position: relative; width: 440px; }
.stripViewer .panelContainer .panel .wrapper { height: 122px; width: 440px; }
.stripNav { margin: auto; }
.stripNav ul { list-style: none; }
.stripNav ul li { float: left; margin-right: 2px; }
.stripNav a { font-size: 10px; font-weight: bold; text-align: center; line-height: 32px; background: #FF0000; color: #fff; text-decoration: none; display: block; padding: 0 15px; width: 188px; }
.stripNav li.tab1 a { background: #FF0000 }
.stripNav li.tab2 a { background: #FF0000 }
.stripNav li a:hover { background: #000; }
.stripNav li a.current { background: #000; color: #fff; }
.stripNavL, .stripNavR { display: none; }
.m_system { width: 600px; height: 50px; text-align: center; }
.m_system a { height: 40px; width: 598px; border: 1px solid #900; display: block; padding-top: 4px; padding-bottom: 4px; font-family: Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; font-size: 14px; line-height: 20px; color: #FFF; text-decoration: none; font-weight: bold; background-color: #F00; }
.m_system a .txt12 { font-size: 12px; line-height: 20px; color: #F99; }
.m_system a:hover { border: 1px solid #000; color: #FFF; background-color: #111; }
.m_system a:hover .txt12 { color: #FF0; }