/* ‹¤’Ê */
body{ background-image:url('./img/bg-img.gif');
      margin-top:0px;
      padding:0px;
      color:#666666;
      font-size:9pt; }

.base{ margin-left:50px;
       margin-right:auto;
       margin-top:0px;
       margin-bottom:0px;
       width:844px;
       height:auto;
       padding:0px; }

.main{ position:absolute;
       background-color:#ffffff;
       width:840px;
       min-height:100%;
       height:auto;
       border-left:2px solid #009cac;
       border-right:2px solid #009cac;
       border-topt:0px;
       border-bottom:0px; }

.header{ margin:15px; }

.navigation{ border-top:1px solid #009cac;
             border-bottom:1px solid #009cac;
             width:100%; height:40px;
             position:relative;
             overflow:hidden; }

.contents{ margin:15px; }

.tg{ color:#009cac; font-style:bold; }

.navi{ position:absolute; top:0px; left:0px; }

.navi-topics{ width:120px;
              height:100%;
              border-right:1px solid #009cac;
              position:absolute;
              top:0px;
              left:0px; }
.navi-topics a:link,
.navi-topics a:visited{ background-image:url('./img/topi-b.gif'); background-position:0px 0px; background-repeat:no-repeat; }
.navi-topics a:active,
.navi-topics a:hover{ background-image:url('./img/topi-y.gif'); background-position:top left; background-repeat:no-repeat; }

.navi-diary{ width:120px;
             height:100%;
             border-right:1px solid #009cac;
             position:absolute;
             top:0px;
             left:121px; }
.navi-diary a:link,
.navi-diary a:visited{ background-image:url('./img/diary-b.gif'); background-position:0px 0px; background-repeat:no-repeat; }
.navi-diary a:active,
.navi-diary a:hover{ background-image:url('./img/diary-y.gif'); background-position:0px 0px; background-repeat:no-repeat; }

.navi-shop{ width:120px;
            height:100%;
            border-right:1px solid #009cac;
            position:absolute;
            top:0px;
            left:242px; }
.navi-shop a:link,
.navi-shop a:visited{ background-image:url('./img/shop-b.gif'); background-position:0px 0px; background-repeat:no-repeat; }
.navi-shop a:active,
.navi-shop a:hover{ background-image:url('./img/shop-y.gif'); background-position:0px 0px; background-repeat:no-repeat; }

.navi-staff{ width:120px;
             height:100%;
             border-right:1px solid #009cac;
             position:absolute;
             top:0px;
             left:363px; }
.navi-staff a:link,
.navi-staff a:visited{ background-image:url('./img/staff-b.gif'); background-position:0px 0px; background-repeat:no-repeat; }
.navi-staff a:active,
.navi-staff a:hover{ background-image:url('./img/staff-y.gif'); background-position:0px 0px; background-repeat:no-repeat; }

.navi-schedule{ width:120px;
                height:100%;
                border-right:1px solid #009cac;
                position:absolute;
                top:0px;
                left:484px; }
.navi-schedule a:link,
.navi-schedule a:visited{ background-image:url('./img/sche-b.gif'); background-position:0px 0px; background-repeat:no-repeat; }
.navi-schedule a:active,
.navi-schedule a:hover{ background-image:url('./img/sche-y.gif'); background-position:0px 0px; background-repeat:no-repeat; }

.navi-price{ width:120px;
             height:100%;
             border-right:1px solid #009cac;
             position:absolute;
             top:0px;
             left:605px; }
.navi-price a:link,
.navi-price a:visited{ background-image:url('./img/price-b.gif'); background-position:0px 0px; background-repeat:no-repeat; }
.navi-price a:active,
.navi-price a:hover{ background-image:url('./img/price-y.gif'); background-position:0px 0px; background-repeat:no-repeat; }

.navi-rec{ width:120px;
           height:100%;
           border-right:1px solid #009cac;
           position:absolute;
           top:0px;
           left:726px; }
.navi-rec a:link,
.navi-rec a:visited{ background-image:url('./img/rec-b.gif'); background-position:0px 0px; background-repeat:no-repeat; }
.navi-rec a:active,
.navi-rec a:hover{ background-image:url('./img/rec-y.gif'); background-position:0px 0px; background-repeat:no-repeat; }

/* Shop Profile */
#shop_profile dt.l1{ width:60px; text-align:right; }
#shop_profile dd.l1{ position:relative; top:-1em; left:40px; }

/* Staff Profile */

.staff-card-1m,
.staff-card-3m,
.staff-card-5m{ margin-bottom:4px; width:400px; height:300px; border:2px solid #009cac; position:relative; float:left; }

.staff-card-1f,
.staff-card-3f,
.staff-card-5f{ margin-bottom:4px; width:400px; height:300px; border:2px solid #fecc5c; position:relative; float:left; }

.staff-card-2m,
.staff-card-4m,
.staff-card-6m{ margin-bottom:4px; margin-left:2px; width:400px; height:300px; border:2px solid #009cac; position:relative; float:right; }

.staff-card-2f,
.staff-card-4f,
.staff-card-6f{ margin-bottom:4px; margin-left:2px; width:400px; height:300px; border:2px solid #fecc5c; position:relative; float:right; }

a.staff-photo{ position:absolute; top:0px; right:0px; }

.staff-photo-base{ width:200px;
                   height:300px;
                   position:absolute;
                   top:0px;
                   left:200px;
                   float:right; }

.staff-photo-staff1 a:link,
.staff-photo-staff1 a:visited{ background-image:url('./img/staff_prof/staff1.jpg'); background-position:0px 0px; background-repeat:no-repeat; }
.staff-photo-staff1 a:active,
.staff-photo-staff1 a:hover{ background-image:url('./img/staff_prof/staff1_02.jpg'); background-position:0px 0px; background-repeat:no-repeat; }

.staff-photo-staff2 a:link,
.staff-photo-staff2 a:visited{ background-image:url('./img/staff_prof/staff2.jpg'); background-position:0px 0px; background-repeat:no-repeat; }
.staff-photo-staff2 a:active,
.staff-photo-staff2 a:hover{ background-image:url('./img/staff_prof/staff2_02.jpg'); background-position:0px 0px; background-repeat:no-repeat; }

.staff-photo-staff3 a:link,
.staff-photo-staff3 a:visited{ background-image:url('./img/staff_prof/staff3.jpg'); background-position:0px 0px; background-repeat:no-repeat; }
.staff-photo-staff3 a:active,
.staff-photo-staff3 a:hover{ background-image:url('./img/staff_prof/staff3_02.jpg'); background-position:0px 0px; background-repeat:no-repeat; }

.staff-photo-staff4 a:link,
.staff-photo-staff4 a:visited{ background-image:url('./img/staff_prof/staff4.jpg'); background-position:0px 0px; background-repeat:no-repeat; }
.staff-photo-staff4 a:active,
.staff-photo-staff4 a:hover{ background-image:url('./img/staff_prof/staff4_02.jpg'); background-position:0px 0px; background-repeat:no-repeat; }

.staff-photo-staff5 a:link,
.staff-photo-staff5 a:visited{ background-image:url('./img/staff_prof/staff5.jpg'); background-position:0px 0px; background-repeat:no-repeat; }
.staff-photo-staff5 a:active,
.staff-photo-staff5 a:hover{ background-image:url('./img/staff_prof/staff5_02.jpg'); background-position:0px 0px; background-repeat:no-repeat; }

.namecard-m{ border-bottom:1px dashed #009cac; }
.namecard-f{ border-bottom:1px dashed #fecc5c; }

li.name{ list-style-image: url('./img/staff_prof/name.gif'); }
li.nickname{ list-style-image: url('./img/staff_prof/nickname.gif'); }
li.birthday{ list-style-image: url('./img/staff_prof/birthday.gif'); }
li.blood{ list-style-image: url('./img/staff_prof/blood.gif'); }
li.home{ list-style-image: url('./img/staff_prof/home.gif'); }
li.hobby{ list-style-image: url('./img/staff_prof/hobby.gif'); }
li.comment{ list-style-image: url('./img/staff_prof/comment.gif'); }

/* Price List */

table.price_list{ padding:10px;
                  width:380px;
                  border:0px;
                  color:#666666;
                  font-size:9pt;
                  }

.price1,
.price3,
.price5,
.price7,
.price8,
.price9{ float:left; }

/* Privacy */
dd.privacy{ position:relative; left:-45px; top:1em; }
hr.privacy{ border:1px solid #009cac; }