@charset "utf-8";

@import "common.css";
@import "layout.css";
/*--------------------------------------------------------------------------------------------------------------*/
.bar-homepage { height: auto; width: 550px; margin-bottom: 30px; background-image: url(../img/bar-homepage.png); _background-image: url(../img/bar-homepage.jpg); background-repeat: no-repeat; padding-right: 5px; padding-left: 5px; }
.bar-homepage h2 { padding: 5px; height: 40px; width: 550px; text-indent: -9999px; display: block; margin-bottom: 10px; }
/*--------------------------------------------------------------------------------------------------------------*/
.bar-homepage .homepage-img1 { background-image: url(../img/homepage-img1.png); _background-image: url(../img/homepage-img1.jpg); background-repeat: no-repeat; height: 330px; width: 550px; position: relative; }
.bar-homepage .homepage-img1 ul { width: 540px; position: absolute; top: 40px; left: 5px; }
.bar-homepage .homepage-img1 li { font-size: 14px; line-height: 20px; color: #FFFFFF; padding-left: 24px; border-bottom-width: 1px; border-bottom-style: dotted; border-bottom-color: #FF0000; background-image: url(../img/yellow01_next.gif); background-repeat: no-repeat; background-position: 4px 6px; padding-top: 2px; padding-bottom: 2px; }
.homepage-img1 .image_lady { background-image: url(../img/image_lady.jpg); background-repeat: no-repeat; height: 99px; width: 124px; position: absolute; right: 5px; top: 65px; }
/*--------------------------------------------------------------------------------------------------------------*/
.bar-homepage2 { height: auto; width: 550px; background-image: url(../img/bar-homepage2.jpg); background-repeat: no-repeat; padding-right: 5px; padding-left: 5px; margin-bottom: 30px; }
.bar-homepage2 h2 { padding: 5px; height: 40px; width: 550px; text-indent: -9999px; display: block; margin-bottom: 10px; }
/*--------------------------------------------------------------------------------------------------------------*/
.bar-homepage2 .text1 { font-size: 14px; line-height: 24px; color: #FFFFFF; background-image: url(../img/homepage-img3.jpg); background-repeat: no-repeat; background-position: left top; width: 385px; height: 120px; padding-left: 165px; margin-bottom: 6px; padding-bottom: 6px; border-bottom-width: 1px; border-bottom-style: dotted; border-bottom-color: #FF0000; }
.bar-homepage2 .text2 { font-size: 14px; line-height: 24px; color: #FFFFFF; background-image: url(../img/homepage-img4.jpg); background-repeat: no-repeat; background-position: right top; width: 385px; height: 100px; padding-right: 165px; margin-bottom: 14px; padding-bottom: 6px; border-bottom-width: 1px; border-bottom-style: dotted; border-bottom-color: #FF0000; }
.bar-homepage2 .homepage-img5 { height: auto; width: 550px; }
/*--------------------------------------------------------------------------------------------------------------*/
.homepage_menu { height: 36px; width: 560px; position: relative; }
.homepage_menu ul { height: 36px; width: 550px; }
.homepage_menu .hp_menu1 { height: 36px; width: 184px; position: absolute; left: 5px; top: 0px; }
.homepage_menu .hp_menu2 { height: 36px; width: 184px; position: absolute; left: 188px; top: 0px; }
.homepage_menu .hp_menu3 { height: 36px; width: 184px; position: absolute; left: 371px; top: 0px; font-size: 12px; line-height: 34px; letter-spacing: -1px; }
.homepage_menu a { height: 34px; width: 182px; display: block; font-size: 12px; line-height: 34px; text-align: center; border: 1px solid #FFFFFF; color: #FFFFFF; background-color: #DD0000; }
.homepage_menu a:hover { color: #FFFFFF; background-color: #000000; }
/*--------------------------------------------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------------------------------------------*/
.bar-nagare { height: auto; width: 550px; margin-bottom: 30px; background-image: url(../img/bar-nagare.png); _background-image: url(../img/bar-nagare.jpg); background-repeat: no-repeat; padding-right: 5px; padding-left: 5px; }
.bar-nagare h2 { padding: 5px; height: 40px; width: 550px; text-indent: -9999px; display: block; margin-bottom: 10px; }
/*--------------------------------------------------------------------------------------------------------------*/
.nagare_waku1 { background-image: url(../img/nagare-waku1.png); _background-image: url(../img/nagare-waku1.jpg); background-repeat: no-repeat; height: auto; width: 550px; padding-top: 10px; }
.nagare_waku2 { background-image: url(../img/nagare-waku2.png); _background-image: url(../img/nagare-waku1.jpg); background-repeat: no-repeat; background-position: left bottom; height: auto; width: 550px; padding-bottom: 40px; }
.nagare_waku2 h3 { color: #FFFF00; font-weight: bold; font-size: 16px; line-height: 24px; text-indent: 30px; background-image: url(../img/bullet_24.gif); background-repeat: no-repeat; background-position: 10px center; }
.nagare_waku2 .text1 { width: 530px; height: auto; color: #FFFFFF; font-size: 14px; line-height: 18px; background-image: url(../img/nagare-line.png); _background-image: url(../img/nagare-line.jpg); background-repeat: no-repeat; background-position: center bottom; padding-top: 10px; padding-right: 10px; padding-bottom: 20px; padding-left: 10px; }
.nagare_waku2 .text2 { width: 530px; height: auto; color: #FFFFFF; font-size: 14px; line-height: 18px; padding-top: 10px; padding-right: 10px; padding-left: 10px; }
.nagare_waku2 a { color: #FFFF99; font-weight: bold; }
.nagare_waku2 a:hover { color: #00FFFF; }
.nagare_waku2 .kome { font-size: 12px; line-height: 18px; font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3"; color: #FFCC99; }
/*--------------------------------------------------------------------------------------------------------------*/
.nagare_waku2b { background-image: url(../img/nagare-waku3.jpg); _background-image: url(../img/nagare-waku3.jpg); background-repeat: no-repeat; background-position: left bottom; height: auto; width: 550px; padding-bottom: 10px; }
.nagare_waku2b h3 { color: #FFFF00; font-weight: bold; font-size: 16px; line-height: 24px; text-indent: 30px; background-image: url(../img/bullet_24.gif); background-repeat: no-repeat; background-position: 10px center; }
.nagare_waku2b .text1 { width: 530px; height: auto; color: #FFFFFF; font-size: 14px; line-height: 18px; background-image: url(../img/nagare-line.png); _background-image: url(../img/nagare-line.jpg); background-repeat: no-repeat; background-position: center bottom; padding-top: 10px; padding-right: 10px; padding-bottom: 20px; padding-left: 10px; }
.nagare_waku2b .text2 { width: 530px; height: auto; color: #FFFFFF; font-size: 14px; line-height: 18px; padding-top: 10px; padding-right: 10px; padding-left: 10px; }
.nagare_waku2b .kome { font-size: 12px; line-height: 18px; font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3"; color: #FFCC99; }
/*--------------------------------------------------------------------------------------------------------------*/
.bar-homepage .homepage-img2 { height: auto; width: 550px; margin-bottom: 20px; }
.bar-homepage .make { height: 32px; width: 548px; margin-bottom: 10px; border: 1px solid #F00; position: relative; }
.bar-homepage .make .td1 { height: 28px; width: 269px; position: absolute; left: 1px; top: 1px; border: 1px solid #F00; font-size: 12px; line-height: 28px; color: #FFF; text-align: center; }
.bar-homepage .make .td2 { height: 28px; width: 269px; position: absolute; right: 1px; top: 1px; font-size: 12px; line-height: 28px; color: #FFF; border: 1px solid #F00; text-align: center; }
/*
.bar-homepage .make .td1 { height: 28px; width: 168px; position: absolute; left: 1px; top: 1px; border: 1px solid #F00; font-size: 12px; line-height: 28px; color: #FFF; text-align: center; }
.bar-homepage .make .td2 { height: 28px; width: 180px; position: absolute; left: 172px; top: 1px; font-size: 12px; line-height: 28px; color: #FFF; border: 1px solid #F00; text-align: right; }
.bar-homepage .make .td3 { height: 28px; width: 190px; border: 1px solid #F00; position: absolute; top: 1px; right: 1px; font-size: 12px; line-height: 28px; color: #FFF; text-align: right; }
*/
.bar-homepage h3 { font-size: 16px; line-height: 20px; font-weight: bold; color: #FF6; height: 20px; margin-bottom: 10px; background-image: url(../img/line2.jpg); padding-top: 10px; background-repeat: no-repeat; }
.mobile { font-size: 12px; line-height: 18px; color: #FCC; margin-bottom: 5px; }
.comment { font-size: 12px; line-height: 18px; color: #FFF; margin-bottom: 5px; font-weight: bold; }

.blog { font-size: 12px; line-height: 18px; color: #FFF; text-align: right; font-weight: bold; }
.blog a { color: #0FF; }
.blog a:hover { color: #FFF; }
.hp_text { font-size: 12px; line-height: 20px; color: #FFF; margin-bottom: 20px; }
.hp_text .blue { font-size: 14px; line-height: 24px; font-weight: bold; color: #0FF; }

/*--------------------------------------------------------------------------------------------------------------*/
.option1 { border: 1px solid #000; height: auto; width: 548px; }
.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; letter-spacing: -1px; }
/*--------------------------------------------------------------------------------------------------------------*/
.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; }
/*--------------------------------------------------------------------------------------------------------------*/
.m_system { width: 550px; height: 50px; text-align: center; }
.m_system a { height: 40px; width: 548px; 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: #600; }
.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; }