#header {
}

#psy {
   padding-left: 3px;
   padding-right: 3px;
}

#psy div.psy-index {
}

#psy div.psy-index div.header {
   margin-bottom: 4px;
   background-image: url(../img/main.gif);
   background-repeat: no-repeat;
   background-position: top center;
   height: 200px;
}

#psy div.psy-index h2 {
   height: 101px;
   text-indent: -9999px;
}

#psy div.psy-index div.header p.desc { display: none; }

#psy div.psy-index div.header dl {
}
#psy div.psy-index div.header dl dt { display: none; }
#psy div.psy-index div.header dl dd {
   padding-left: 60px;
   text-indent: -9999px;
   padding-bottom: 8px;
}

#psy div.psy-index div.header dl dd a {
   width: 135px;
   height: 22px;
   outline: none;
   display: none;
}

#psy div.psy-index dl.menu {
}
#psy div.psy-index dl.menu dt {
   background-repeat: no-repeat;
   background-position: top left;
   width: 788px;
   height: 137px;
   text-indent: -9999px;
}
#psy div.psy-index dl.menu dd {
   display: none;
}

#psy div.psy-index dl.menu dt a {
   display: block;
   width: 788px;
   height: 137px;
   text-indent: -9999px;
}
#psy div.psy-index dl.menu dt.love  { background-image: url(../img/love.gif); }
#psy div.psy-index dl.menu dt.beauty{ background-image: url(../img/beauty.gif); }
#psy div.psy-index dl.menu dt.money { background-image: url(../img/money.gif); margin-right: 0; }
#psy div.psy-index dl.menu dt.life  { background-image: url(../img/life.gif); }
#psy div.psy-index dl.menu dt.total { background-image: url(../img/total.gif); }
#psy div.psy-index dl.menu dt.mobile { background-image: url(../img/mobile.gif); margin-right: 0; }

#psy div.qr {
   text-align: center;
}

#psy div.ads {
   text-align: center;
}


#psy div.psy-header {
}

#psy h2.sub {
   background-image: url(../img/title.gif);
   background-repeat: no-repeat;
   background-position: top center;
   text-indent: -9999px;
}

#psy h2.sub a {
   display: block;
   height: 74px;
}


#psy div.psy-header {
   width: 780px;
}

#psy div.psy-header h2 {
   background-image: url(../img/title.gif);
}

#psy div.psy-header h2 a {
   outline: none;
}

#psy div.psy-header h3 {
   display: none;
}

#psy div.psy-header h3 a {
   display: none;
}

#psy div.psy-header ul {
   list-style-type: none;
   margin: 0;
   padding: 0;

   background-image: url(../img/contents.gif);
   background-repeat: no-repeat;
   background-position: left;
   padding-left: 70px;
   height: 79px;
   margin-top: 5px;
   margin-bottom: 5px;
}

#psy div.psy-header ul li {
   float: left;
   width: 140px;
   height: 79px;
}

#psy div.psy-header ul li a {
   display: block;
   height: 79px;
   text-indent: -9999px;
}

#psy div.psy-header ul li a.love { background-image: url(../img/love_off.gif); }
#psy div.psy-header ul li a.love-on { background-image: url(../img/love_on.gif); }
#psy div.psy-header ul li a.love:hover { background-image: url(../img/love_on.gif); }
#psy div.psy-header ul li a.life { background-image: url(../img/life_off.gif); }
#psy div.psy-header ul li a.life-on { background-image: url(../img/life_on.gif); }
#psy div.psy-header ul li a.life:hover { background-image: url(../img/life_on.gif); }
#psy div.psy-header ul li a.career { background-image: url(../img/career_off.gif); }
#psy div.psy-header ul li a.career-on { background-image: url(../img/career_on.gif); }
#psy div.psy-header ul li a.career:hover { background-image: url(../img/career_on.gif); }
#psy div.psy-header ul li a.beauty { background-image: url(../img/beauty_off.gif); }
#psy div.psy-header ul li a.beauty-on { background-image: url(../img/beauty_on.gif); }
#psy div.psy-header ul li a.beauty:hover { background-image: url(../img/beauty_on.gif); }
#psy div.psy-header ul li a.total { background-image: url(../img/total_off.gif); }
#psy div.psy-header ul li a.total-on { background-image: url(../img/total_on.gif); }
#psy div.psy-header ul li a.total:hover { background-image: url(../img/total_on.gif); }



#psy div.psy-choice {
   clear: both;
}

#psy div.psy-choice dl {
}

#psy div.psy-choice dl dt {
   background-image: url(../img/psy_content_bg.gif);
   padding: 10px;
}

#psy div.psy-choice dl dd {
   padding-top: 10px;
   background-image: url(../img/choice_base_bg.gif);
   background-repeat: no-repeat;
   background-position: bottom right;
   padding-bottom: 30px;
   margin-bottom: 20px;
}

#psy div.psy-choice dl dd ol {
   list-style-type: none;
   margin: 0;
   padding: 0;
}
#psy div.psy-choice dl dd ol li {
   background-image: url(../img/choice_bg.gif);
   background-position: bottom;
   background-repeat: repeat-x;
   padding-bottom: 5px;
   margin-bottom: 5px;
}
#psy div.psy-choice dl dd ol li a {
   display: block;
   background-repeat: no-repeat;
   background-position: left;
   padding: 10px;
   *padding-top: 15px;
   *padding-bottom: 0px;
   padding-left: 60px;
}
#psy div.psy-choice dl dd ol li.choice1 a { background-image: url(../img/1.gif); }
#psy div.psy-choice dl dd ol li.choice2 a { background-image: url(../img/2.gif); }
#psy div.psy-choice dl dd ol li.choice3 a { background-image: url(../img/3.gif); }
#psy div.psy-choice dl dd ol li.choice4 a { background-image: url(../img/4.gif); }

#psy div.psy-result-content {
   clear: both;
   background-image: url(../img/psy_content_bg.gif);
   padding: 10px;
}

#psy div.psy-result {
   clear: both;
   background-image: url(../img/psy_result_title_bg_top.gif);
   background-repeat: no-repeat;
   background-position: center top;
   padding-top: 46px;
   border-top: 5px solid #fff;
}

#psy div.psy-result div.psy-result-title {
   background-image: url(../img/psy_result_title_bg.gif);
   background-repeat: repeat-y;
   background-position: center top;
   margin-bottom: 15px;
}

#psy div.psy-result div.psy-result-title h5 {
   background-image: url(../img/psy_result_title_bg_bottom.gif);
   background-repeat: no-repeat;;
   background-position: center bottom;
   padding-bottom: 25px;
   text-align: center;
}


#psy div.psy-result div.psy-result-choose {
   margin-bottom: 10px;
}
#psy div.psy-result div.psy-result-choose p {
   background-repeat: no-repeat;
   background-position: left top;
   height: 28px;
   text-indent: -9999px;
}
#psy div.psy-result div.psy-result-choose p.choice1 { background-image: url(../img/choose1.gif); }
#psy div.psy-result div.psy-result-choose p.choice2 { background-image: url(../img/choose2.gif); }
#psy div.psy-result div.psy-result-choose p.choice3 { background-image: url(../img/choose3.gif); }
#psy div.psy-result div.psy-result-choose p.choice4 { background-image: url(../img/choose4.gif); }


#psy div.psy-result div.psy-result-res {
}

#psy div.psy-result div.psy-result-res dl {
}
#psy div.psy-result div.psy-result-res dl dt {
   padding-left: 20px;
}
#psy div.psy-result div.psy-result-res dl dd {
   margin-bottom: 20px;
}
#psy div.psy-result div.psy-result-res dl dd p {
   padding-left: 20px;
   padding-right: 20px;

   line-height: 170%;
   font-size: 11pt;
   color: #763f90;
}

#psy div.control {
   text-align: center;
   padding: 10px;
   padding-bottom: 30px;
}