@charset "Shift_JIS";

/* ---------- body ob ---------- */

body {
     margin: 0px;
     padding: 0px;
     text-align: left;
     background-color: #EBFFC1;
     font-family: Arial, Helvetica, Verdana, "¥Ò¥é¥®¥Î³Ñ¥´Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "¥á¥¤¥ê¥ª", Meiryo, "£Í£Ó £Ð¥´¥·¥Ã¥¯", sans-serif;
     color: #666;
     font-size: 12px;
     line-height: 25px;}

a img {
     border: 0;}


/* ---------- base ---------- */

div#main-body {
     width: 752px;
     background-image: url(../img/bg_img.gif);}


/* ---------- links ob ---------- */

a:link {
     color: #0022D0;}

a:visited {
     color: #482899;}

a:hover {
     color: #9E7CF4;}

a:action {
     color: #9E7CF4;}


/* ---------- header set ob ---------- */

div#header {
     width: 746px;
     height: 12px;
     background-image: url(../img/t2.gif);}

div#bgimg {
     width: 746px;
     height: 4px;
     background-image: url(../img/dot.gif);
     clear: both;}

div#bgimg-upper {
     width: 746px;
     height: 10px;
     background-image: url(../img/t8.gif);
     clear: both;}

div#bgimg-under {
     width: 746px;
     height: 10px;
     background-image: url(../img/t9.gif);
     clear: both;}

div#bgimg-under2 {
     width: 746px;
     height: 8px;
     background-image: url(../img/t9_2.gif);
     clear: both;}

div#rogo-set {
     width: 746px;
     height: 43px;}

div#rogo-left {
     width: 548px;
     height: 43px;
     float: left;}

div#rogo-right {
     width: 198px;
     height: 43px;
     float: right;}


/* ---------- footer set ob ---------- */

div#footer {
     width: 746px;
     height: 60px;
     background-color: #b1d951;}

.copy1 {
     color: #fff;
     font-family: "Georgia Bold Italic", serif;
     font-size: 10px;
     line-height: 150%;
     margin-top: 10px;
     letter-spacing: 0.2em;}

.copy2 {
     color: #fff;
     font-size: 10px;
     line-height: 150%;
     letter-spacing: 0.2em;}


/* ---------- main set ob ---------- */

div#main-title {
     width: 746px;
     height: 25px;
     background-color: #C4FF00;}

.main-title-text {
     color: #427A00;
     font-size: 13px;
     padding-left: 15px;
     font-weight: bold;}

.main-title-text2 {
     font-family: "Courier New","Arial",Osaka,sans-serif;
     color: #2A6214;
     font-size: 12px;
     font-style: italic,oblique;
     padding-right: 15px;
     letter-spacing: 0.1em;}

div#space {
     width: 746px;
     height: 10px;
     background-color: #fff;
     clear: both;}

div#main {
     width: 706px;
     margin: 0 10 0 10;
     padding: 0 10 0 10; 
     background-image: url(../img/bg.gif);}

p {
     color: #323232;
     padding-top: 3px;
     line-height: 23px;}

div#mt-set {
     width: 746px;
     height: 25px;
     background-color: #C4FF00;}

div#mt-left {
     height: 15px;
     padding-top: 1px;
     float: left;}

div#mt-right {
     height: 15px;
     padding-top: 2px;
     float: right;}

.tm {
     color: #000;
     font-size: 14px;
     line-height: 23px;}

.ts {
     color: #343434;
     font-size: 10px;
     padding-top: 4px;
     line-height: 21px;
     letter-spacing: 0.1em;}


/* ---------- back-pt links ob ---------- */

div#back-pt {
     clear: both;}

#back-pt a:link {
     color: #427A00;
     padding: 2 40 2 0;
     line-height: 15px;
     font-size: 10px;}

#back-pt a:visited {
     color: #39CB00;
     padding: 2 40 2 0;
     line-height: 15px;
     font-size: 10px;}

#back-pt a:hover {
     color: #96FF00;
     padding: 2 40 2 0;
     line-height: 15px;
     font-size: 10px;}

#back-pt a:action {
     color: #96FF00;
     padding: 2 40 2 0;
     line-height: 15px;
     font-size: 10px;}


/* ---------- main link parts ob ---------- */

div#mlp {
     width: 746px;
     height: 25px;
     padding-top: 5px;}
     
#mlp a:link {
     color: #427A00;
     text-decoration:none;
     font-size: 12px;}

#mlp a:visited {
     color: #76C800;
     text-decoration:none;
     font-size: 12px;}

#mlp a:hover {
     color: #FFD200;
     text-decoration:none;
     font-size: 12px;}

#mlp a:action {
     color: #FFD200;
     font-size: 12px;}


/* ---------- main manu ob ---------- */

.m-menu {
     border: 0;
     margin: 0;
     padding: 0;
     width: 746px;
     height: 42px;
     overflow: hidden;}

.m-menu img {
     visibility: hidden;}

.m-menu a,
.m-menu a:link,
.m-menu a:visited {
     background-position: 0px 0px;
     float:left;}

.m-menu a:focus,
.m-menu a:hover,
.m-menu a:active {
     background-position: 0px 42px;
     float:left;}

.m-menu .ind a {
     background-image: url(../img/m1.gif);}

.m-menu .flo a {
     background-image: url(../img/m2.gif);}

.m-menu .est a {
     background-image: url(../img/m3.gif);}

.m-menu .sam a {
     background-image: url(../img/m4.gif);}

.m-menu .inf a {
     background-image: url(../img/m5.gif);}

.m-menu .qaa a {
     background-image: url(../img/m6.gif);}

.m-menu .mai a {
     background-image: url(../img/m7.gif);}


.m-menu .ind2 a {
     background-image: url(../img/menu1_2.gif);}

.m-menu .flo2 a {
     background-image: url(../img/menu2_2.gif);}

.m-menu .est2 a {
     background-image: url(../img/menu3_2.gif);}

.m-menu .sam2 a {
     background-image: url(../img/menu4_2.gif);}

.m-menu .inf2 a {
     background-image: url(../img/menu5_2.gif);}

.m-menu .qaa2 a {
     background-image: url(../img/menu6_2.gif);}

.m-menu .mai2 a {
     background-image: url(../img/menu7_2.gif);}


/* ---------- sub manu ob ---------- */

.s-menu {
     border: 0;
     margin: 0;
     padding: 0;
     width: 198px;
     height: 35px;
     overflow: hidden;}

.s-menu img {
     visibility: hidden;}

.s-menu a,
.s-menu a:link,
.s-menu a:visited {
     background-position: 0px 0px;
     float:left;}

.s-menu a:focus,
.s-menu a:hover,
.s-menu a:active {
     background-position: 0px 35px;
     float:left;}

.s-menu .mail a {
     background-image: url(../img/m_sub.gif);}


/* ---------- est.html ---------- */
/* ---------- est page ob ---------- */

.tm2 {
     color: #449100;
     font-size: 14px;
     line-height: 21px;
     font-weight: bold;}


.ts2 {
     color: #449100;
     font-size: 11px;
     padding-top: 4px;
     line-height: 21px;
     letter-spacing: 0.1em;}

.est1 {
     color: #000;
     padding-top: 3px;
     padding-left: 25px;
     line-height: 23px;
     font-weight: bold;}

.est2 {
     color: #000;
     padding-top: 3px;
     padding-left: 50px;
     line-height: 23px;}

.est3 {
     color: #4D4D4D;
     font-size: 11px;
     padding-top: 3px;
     padding-left: 80px;
     line-height: 23px;}

.est4 {
     color: #4D4D4D;
     padding: 1px;
     margin-left: 25px;
     background-color: #ECFFE5;
     line-height: 23px;}


/* ---------- sample.html ---------- */
/* ---------- sample page ob ---------- */

div#sam {
     width: 706px;
     margin: 0 10 0 10;
     padding: 0 10 0 10; 
     background-image: url(../img/bg.gif);}


#sam img {
     float: left;
     margin-right: 15px;
     margin-top: 1px;
     margin-bottom: 5px;}

#sam p {
     color: #323232;
     margin-top: 1px;
     padding-top: 8px;
     line-height: 23px;}

.sam-ts {
     font-size: 10px;
     margin-right: 40px;
     line-height: 21px;
     letter-spacing: 0.1em;}

div#sam-t {
     clear: both;}

/* ---------- qa.html ---------- */
/* ---------- Q and A page ob ---------- */

div#qam {
     width: 706px;
     margin: 0 10 0 10;
     padding: 0 10 0 10; 
     background-image: url(../img/bg.gif);}

#qam a:link {
     color: #0022D0;
     text-decoration:none;}

#qam a:visited {
     color: #482899;
     text-decoration:none;}

#qam a:hover {
     color: #9E7CF4;
     text-decoration:none;}

#qam a:action {
     color: #9E7CF4;
     text-decoration:none;}

div#qam2 {
     width: 686px;
     margin: 0 10 0 10;
     padding: 0 10 0 10; }

#qam2 p {
     color: #323232;
     line-height: 19px;}

div#qa-set1 {
     margin: 0 0 10 0;
     padding: 2 10 1 1;
     background-color: #EAFFB8;
     float: left;}

div#qa-left {
     padding-left: 10px;
     float: left;}

div#qa-right {
     padding-left: 20px;
     float: right;}

.qpp {
     color: #3C730A;
     font-size: 13px;
     background-color: #ECFFDB;
     border: 1px solid #3C730A;
     padding: 1 4 1 4;
     margin-right: 4px;
     font-weight: bold;}

.ppa {
     color: #EDA700;
     font-size: 13px;
     background-color: #FFF3D1;
     border: 1px solid #EDA700;
     padding: 1 5 1 4;
     margin-right: 8px;
     font-weight: bold;}

hr {
     margin-bottom: 7px;
     border: none;
     border-top: 1px #8CBE16 dotted;
     _height: 1px;}

.qptt {
     color: #3C730A;
     background-color: #ECFFDB;
     border: 1 solid #3C730A;
     font-size: 12px;
     padding: 2 4 1 4;
     letter-spacing: 0.1em;
     font-weight: bold;}


/* ---------- mail.html ---------- */
/* ---------- mail page ob ---------- */

div#mail-main {
     width: 706px;
     margin: 10 50 0 10;
     padding: 10 10 0 10;}

div#mail1 {
     color: #449100;
     padding: 2px;
     background-color: #f0f0f0;
     line-height: 23px;}

div#mail2 {
     color: #4D4D4D;
     padding: 2px;
     background-color: #fafafa;
     line-height: 23px;}

.mft {
     color: #4C4C4C;
     font-size: 12px;
     line-height: 18px;}

.mfa {
     color: #FF0000;
     font-size: 10px;
     line-height: 20px;}

.mfn {
     color: #000000;
     font-size: 11px;
     line-height: 20px;}

.mfs {
     color: #000000;
     font-size: 11px;
     line-height: 15px;}


/* ---------- finish.html ---------- */
/* ---------- finish page ob ---------- */

#fp a:link {
     color: #449100;
     padding: 2 40 2 0;
     line-height: 15px;
     font-size: 12px;}

#fp a:visited {
     color: #449100;
     padding: 2 40 2 0;
     line-height: 15px;
     font-size: 12px;}

#fp a:hover {
     color: #FFD200;
     padding: 2 40 2 0;
     line-height: 15px;
     font-size: 12px;}

#fp a:action {
     color: #FFD200;
     padding: 2 40 2 0;
     line-height: 15px;
     font-size: 12px;}

div#finish {
     width: 766px;
     background-color: #fff;
     margin: 200 0 0 0;
     padding: 10 5 10 5;
     border: 1px #449100 solid;}


/* ---------- serve.html ---------- */
/* ---------- serve page ob ---------- */

div#serve-main {
     width: 706px;
     margin: 0 10 0 10;
     padding: 0 10 0 10;}

div#tab {
     width: 666px;
     padding: 0 10 0 10;}


/* ---------- info.html ---------- */
/* ---------- info page ob ---------- */

div#info-main {
     width: 706px;
     margin: 0 10 0 10;
     padding: 0 10 0 10;}

.tm3 {
     color: #666;
     font-size: 12px;
     padding-left: 10px;
     line-height: 22px;}


.ts3 {
     color: #666;
     font-size: 12px;
     padding-left: 10px;
     line-height: 20px;
     letter-spacing: 0.1em;}

.ts6 {
     color: #666;
     font-size: 12px;
     padding-left: 5px;
     line-height: 22px;
     letter-spacing: 0.1em;}

.ts5 {
     color: #666;
     font-size: 12px;
     padding-left: 31px;
     line-height: 22px;
     letter-spacing: 0.1em;}

.tm4 {
     color: #449100;
     font-size: 12px;
     padding-left: 10px;
     line-height: 22px;}

.ts4 {
     color: #449100;
     font-size: 12px;
     padding-left: 10px;
     line-height: 20px;
     letter-spacing: 0.1em;}