@charset "utf-8";

@import "common.css";
@import "layout.css";
/*--------------------------------------------------------------------------------------------------------------*/
.bar-remokey { background-image: url(../img/remokey-bar.jpg); background-repeat: no-repeat; height: 30px; width: 570px; margin-bottom: 10px; }
.bar-remokey h2 { font-size: 12px; line-height: 30px; font-weight: bold; color: #FF0000; text-indent: -9999px; }

.remo_text1 { height: auto; width: 570px; margin-bottom: 10px; padding-bottom: 20px; border-bottom-width: 1px; border-bottom-style: dotted; border-bottom-color: #CCCCCC; }
.remo_text1 h3 { background-image: url(../img/remokey-title1.jpg); background-repeat: no-repeat; height: 20px; width: 570px; text-indent: -9999px; display: block; }
.remo_text1 .text { font-size: 14px; line-height: 20px; width: 425px; height: 100px; padding-right: 145px; background-image: url(../img/remokey-img1.jpg); background-repeat: no-repeat; background-position: right top; }
.remo_text1 strong { background-image: url(../img/remokey-title1s.jpg); background-repeat: no-repeat; height: 24px; width: 400px; display: block; text-indent: -9999px; padding-left: 170px; background-position: 170px top; }

.remo_text2 { height: auto; width: 570px; margin-bottom: 10px; padding-bottom: 20px; border-bottom-width: 1px; border-bottom-style: dotted; border-bottom-color: #CCCCCC; }
.remo_text2 h3 { background-image: url(../img/remokey-title2.jpg); background-repeat: no-repeat; height: 20px; width: 570px; text-indent: -9999px; display: block; }
.remo_text2 .text { font-size: 14px; line-height: 20px; width: 425px; height: 100px; padding-right: 145px; background-image: url(../img/remokey-img2.jpg); background-repeat: no-repeat; background-position: right top; }
.remo_text2 .strong1 { background-image: url(../img/remokey-title2s.jpg); background-repeat: no-repeat; height: 24px; width: 400px; display: block; text-indent: -9999px; padding-left: 170px; background-position: 170px top; margin-bottom: 10px; }
.remo_text2 .kome { font-size: 12px; line-height: 16px; width: 550px; height: auto; border: 3px double #CCCCCC; padding: 7px; }
.remo_text2 .strong2 { font-size: 12px; line-height: 20px; font-weight: bold; color: #FF0000; }

.remo_text3 { height: auto; width: 570px; margin-bottom: 10px; padding-bottom: 20px; border-bottom-width: 1px; border-bottom-style: dotted; border-bottom-color: #CCCCCC; }
.remo_text3 h3 { background-image: url(../img/remokey-title3.jpg); background-repeat: no-repeat; height: 20px; width: 570px; text-indent: -9999px; display: block; }
.remo_text3 .text { font-size: 14px; line-height: 20px; width: 425px; height: 120px; padding-right: 145px; background-image: url(../img/remokey-img3.jpg); background-repeat: no-repeat; background-position: right top; }
.remo_text3 strong { background-image: url(../img/remokey-title3s.jpg); background-repeat: no-repeat; height: 24px; width: 400px; display: block; text-indent: -9999px; padding-left: 170px; background-position: 170px top; }

.option { height: 34px; width: 568px; border: 1px solid #4E618E; background-color: #4E618E; }
.option a { font-size: 14px; line-height: 34px; font-weight: bold; color: #FFFFFF; text-decoration: none; background-color: #4E618E; text-align: center; display: block; height: 34px; width: 568px; }
.option a:hover { background-color: #CC0000; }