@charset "utf-8";

@import "common.css";
@import "layout.css";
/*--------------------------------------------------------------------------------------------------------------*/
.bar-index1 { height: auto; width: 560px; margin-bottom: 30px; background-image: url(../img/bar-index1.png); _background-image: url(../img/bar-index1.jpg); background-repeat: no-repeat; }
.bar-index1 h2 { padding: 5px; height: 40px; width: 550px; text-indent: -9999px; display: block; margin-bottom: 10px; }
/*--------------------------------------------------------------------------------------------------------------*/
.bar-index1 .index_text1 { padding: 5px; height: auto; width: 550px; font-size: 14px; line-height: 24px; color: #FFFFFF; margin-bottom: 12px; }
.bar-index1 .index_text2 { height: auto; width: auto; font-size: 14px; line-height: 24px; color: #FFFFFF; padding: 5px; }
.bar-index1 strong { font-size: 16px; line-height: 26px; color: #FFFF00; font-weight: bold; }
/*--------------------------------------------------------------------------------------------------------------*/
.index-img1 { background-image: url(../img/index-bar1.jpg); background-repeat: no-repeat; width: 550px; padding-right: 5px; padding-left: 5px; height: 205px; padding-top: 55px; background-position: left top; margin-bottom: 30px; }
.index-img1 ul { width: 395px; height: auto; padding-left: 150px; color: #FFFFFF; margin: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; }
.index-img1 li { font-size: 14px; font-family: "ＭＳ ゴシック", "Courier New", monospace; line-height: 30px; background-image: url(../img/bullet_09.gif); background-repeat: no-repeat; background-position: left center; padding-left: 20px; border-bottom-width: 1px; border-bottom-style: dotted; border-bottom-color: #FF0000; }
/*--------------------------------------------------------------------------------------------------------------*/
.enter { height: 38px; width: 550px; padding-right: 5px; padding-left: 5px; padding-bottom: 20px; }
.enter a { font-size: 16px; line-height: 38px; color: #FFFFFF; background-color: #DD0000; display: block; text-align: center; height: 36px; width: 548px; margin: 0px; padding: 0px; border: 1px solid #FFFFFF; text-decoration: none; font-weight: bold; }
.enter a:hover { background-color: #000000; color: #FFFFFF; border: 1px solid #FFFFFF; }
/*--------------------------------------------------------------------------------------------------------------*/
.bar-index2 { background-image: url(../img/index-bar2.jpg); background-repeat: no-repeat; height: auto; width: 550px; margin-bottom: 20px; padding-right: 5px; padding-left: 5px; }
.bar-index2 h2 { padding: 5px; height: 40px; width: 550px; text-indent: -9999px; display: block; margin-bottom: 10px; }
/*--------------------------------------------------------------------------------------------------------------*/
.bar-index2 .index_text3 { padding: 5px; height: auto; width: 550px; font-size: 14px; line-height: 24px; color: #FFFFFF; margin-bottom: 12px; }
.bar-index2 strong { font-size: 16px; line-height: 26px; color: #FFFF00; font-weight: bold; }
.bar-index2 dt { font-size: 14px; line-height: 20px; color: #FFFFFF; font-weight: bold; border-bottom-width: 1px; border-bottom-style: dotted; border-bottom-color: #FF0000; margin-bottom: 5px; padding-bottom: 5px; }
.bar-index2 .dd1 { font-size: 14px; line-height: 18px; color: #FFCC99; margin-bottom: 10px; padding-bottom: 10px; border-bottom-width: 4px; border-bottom-style: double; border-bottom-color: #FF0000; }
.bar-index2 .dd2 { font-size: 14px; line-height: 18px; color: #FFCC99; margin-bottom: 10px; padding-bottom: 10px; border-bottom-width: 4px; border-bottom-style: double; border-bottom-color: #FF0000; }
/*--------------------------------------------------------------------------------------------------------------*/
.enter2 { height: 38px; width: 550px; padding-right: 5px; padding-left: 5px; }
.enter2 a { font-size: 16px; line-height: 38px; color: #FFFFFF; background-color: #DD0000; display: block; text-align: center; height: 36px; width: 548px; margin: 0px; padding: 0px; border: 1px solid #FFFFFF; text-decoration: none; font-weight: bold; }
.enter2 a:hover { background-color: #000000; color: #FFFFFF; border: 1px solid #FFFFFF; }
/*--------------------------------------------------------------------------------------------------------------*/