@charset "UTF-8";

/* ======================================
  Puchi Pet portal CSS
====================================== */

body {
    position: relative;
    width: 912px;
    margin: 6px auto 0;
    background: #fac2dd;
    color: #333;
    font-family: sans-serif;
    font-size: 75%;
    line-height: 1.3;
}

* html body {
    font-family: "ＭＳ Ｐゴシック",sans-serif;
}

a {
    color: #333;
}


/* ========================================
  =99 flash parts
======================================== */

/* common
-------------------------------------- */
.shine,
.butterfly {
    position: absolute;
}

#footerShine1 {
    top: -10px!important;
    left: 70px!important;
    width: 55px!important;
    height: 55px!important;
}
#footerShine2 {
    top: auto!important;
    left: auto!important;
    bottom: 57px!important;
    right: 208px!important;
    width: 55px!important;
    height: 55px!important;
}
#cockatoo {
    position: absolute;
    bottom: -30px;
    left: 760px;
    width: 182px;
    height: 182px;
}

/* index
-------------------------------------- */
body#portalIndex #shine1 {
    top: 436px;
    left: 97px;
    width: 55px;
    height: 55px;
}
body#portalIndex #shine2 {
    top: 30px;
    left: 370px;
    width: 55px;
    height: 55px;
}
body#portalIndex #shine3 {
    top: 391px;
    right: 430px;
    width: 55px;
    height: 55px;
}
body#portalIndex #shine4 {
    top: 436px;
    right: 101px;
    width: 55px;
    height: 55px;
}


body#portalIndex #butterfly1 {
    top: -6px;
    right: 8px;
    height: 90px;
    width: 90px;
}
body#portalIndex #butterfly2 {
    top: 214px;
    right: 236px;
    height: 55px;
    width: 55px;
}
body#portalIndex #butterfly3 {
    top: 25px;
    left: 188px;
    height: 27px;
    width: 27px;
}
body#portalIndex #butterfly4 {
    top: 57px;
    left: 171px;
    height: 47px;
    width: 47px;
}
body#portalIndex #butterfly5 {
    top: 246px;
    left: 62px;
    height: 50px;
    width: 50px;
}
body#portalIndex #butterfly6 {
    bottom: -38px;
    right: 99px;
    height: 40px;
    width: 40px;
}
body #butterfly7 {
    top: -3px;
    right: 220px;
    height: 100px;
    width: 100px;
}
body #butterfly8 {
    top: -32px;
    right: 260px;
    height: 90px;
    width: 90px;
}

body div.loginLink {
    margin: 30px 0;
    text-align: center;
}




/* /profile
-------------------------------------- */
body#portalProfileIndex #butterfly1 {
    top: 43px;
    right: 20px;
    width: 80px;
    height: 80px;
}
body#portalProfileIndex #butterfly2 {
    top: 21px;
    left: 385px;
    width: 50px;
    height: 50px;
}

body#portalProfileIndex .shine {
    top: -13px;
    left: -11px;
    width: 52px;
    height: 52px;
}
body#portalProfileIndex #shine2 {
    top: -12px;
    left: -4px;
}
body#portalProfileIndex #shine3 {
    top: -11px;
    left: 3px;
}
body#portalProfileIndex #shine4 {
    top: -11px;
    left: -11px;
}



/* /photo
-------------------------------------- */
body#photoIndex #butterfly1 {
    top: 23px;
    right: 201px;
    width: 70px;
    height: 70px;
}
body#photoIndex #butterfly2 {
    top: 83px;
    right: 21px;
    width: 60px;
    height: 60px;
}
body#photoIndex #butterfly3 {
    top: 38px;
    right: 39px;
    width: 90px;
    height: 90px;
}

body#photoIndex .shine {
    top: -28px;
    left: -28px;
    width: 52px;
    height: 52px;
}



/* /ranking/index
-------------------------------------- */
body#portalRankingIndex #butterfly1 {
    top: 15px;
    right: 201px;
    width: 60px;
    height: 60px;

}
body#portalRankingIndex #butterfly2 {
    top: 57px;
    right: 16px;
    width: 80px;
    height: 80px;

}

body#portalRankingIndex .shine {
    top: -178px;
    left: -228px;
    width: 52px;
    height: 52px;
}




/* /category/list
-------------------------------------- */
body#portalCategoryList #butterfly1 {
    top: 16px;
    right: 456px;
    width: 55px;
    height: 55px;
}
body#portalCategoryList #butterfly2 {
    top: 71px;
    right: 11px;
    width: 75px;
    height: 75px;
}








/* ========================================
  =99 common style
======================================== */
.contents {
    position: relative;
    padding: 0 30px;    
}
.contents:after {
    content: ".";
    display: block;
    clear: both;
    height: 0;
    visibility: hidden;
}
* html .contents {
    zoom: 1; /* clear */
}
*:first-child+html .contents {
    zoom: 1; /* clear */
}




.contents .description {
    margin-top: 5px;
    margin-bottom: 17px;
}

.sectionTitle {
    text-indent: -99999px;
}




.description {
    font-weight: bold;
}

.petTitle {
    line-height: 30px;
    padding-top: 2px;
    padding-left: 27px;
    background-position: left center;
    background-repeat: no-repeat;
    font-size: 120%;
}








/* search result
-------------------------------------- */
p.result {
    height: auto!important;
    height: 16px;
    min-height: 16px;
    padding: 5px 0 3px 45px;
    border-bottom: dotted 1px #333;
    background-repeat: no-repeat;
    background-position: 18px 0;
}

body#portalStatusMessageIndex p.result {
    border-bottom-color: #e7c041;
    background-image: url(/img/pc/common/star_yellow.jpg);
}
body#portalCategoryList p.result {
    margin-bottom: 11px;
    border-bottom-color: #c86697;
    background-image: url(/img/pc/common/star_orange.jpg);
}
body#portalNewPet p.result,
body#portalNewPhoto p.result {
    border-bottom-color: #9ec159;
    background-image: url(/img/pc/common/star_green.jpg);
}
body#portalSearchPet p.result,
body#portalSearchPhoto p.result {
    border-bottom-color: #e469a0;
    background-image: url(/img/pc/common/star_pink.jpg);
}
body#portalRankingList p.result {
    border-bottom-color: #a549ce;
    background-image: url(/img/pc/common/star_purple.jpg);
}




    .result span {
        margin-right: 2px;
        margin-left: 2px;
        font-weight: bold;
    }



















/* photo frame
-------------------------------------- */
.photoType1 {
    width: 241px;
    height: 384px;
    padding: 10px;
    background: url(/img/pc/card/white_frame/photoframe_1.gif) no-repeat;
}
.photoType3 {
    width: 181px;
    height: 261px;
    padding: 10px;
    background: url(/img/pc/card/white_frame/photoframe_3.gif) no-repeat;
}





.cardProfile {
    position: relative;
}
.cardLvHi {
    width: 126px;
    height: 161px;
    padding: 10px 10px 10px 135px;
}
.cardTypeH1,
.cardTypeH11 {
    background: url(/img/pc/card/card_a_120x160.gif) no-repeat;
}
.cardTypeH2,
.cardTypeH12 {
    background: url(/img/pc/card/card_b_120x160.gif) no-repeat;
}
.cardTypeH3 {
    background: url(/img/pc/card/card_c_120x160.gif) no-repeat;
}
.cardTypeH4 {
    background: url(/img/pc/card/card_d_120x160.gif) no-repeat;
}
.cardTypeH5 {
    background: url(/img/pc/card/card_e_120x160.gif) no-repeat;
}
.cardTypeH6 {
    background: url(/img/pc/card/card_f_120x160.gif) no-repeat;
}
.cardTypeH7 {
    background: url(/img/pc/card/card_g_120x160.gif) no-repeat;
}
.cardTypeH8 {
    background: url(/img/pc/card/card_h_120x160.gif) no-repeat;
}
.cardTypeH9 {
    background: url(/img/pc/card/card_i_120x160.gif) no-repeat;
}
.cardTypeH10 {
    background: url(/img/pc/card/card_j_120x160.gif) no-repeat;
}


.cardLvMiddle {
    width: 91px;
    height: 111px;
    padding: 10px 10px 10px 95px;
    background: url(/img/pc/card/card_a_80x110.gif) no-repeat;
}
.cardTypeM1 {
    background: url(/img/pc/card/card_a_80x110.gif) no-repeat;
}
.cardTypeM2 {
    background: url(/img/pc/card/card_b_80x110.gif) no-repeat;
}
.cardTypeM3 {
    background: url(/img/pc/card/card_c_80x110.gif) no-repeat;
}
.cardTypeM4 {
    background: url(/img/pc/card/card_d_80x110.gif) no-repeat;
}
.cardTypeM5 {
    background: url(/img/pc/card/card_e_80x110.gif) no-repeat;
}
.cardTypeM6 {
    background: url(/img/pc/card/card_f_80x110.gif) no-repeat;
}
.cardTypeM7 {
    background: url(/img/pc/card/card_g_80x110.gif) no-repeat;
}
.cardTypeM8 {
    background: url(/img/pc/card/card_h_80x110.gif) no-repeat;
}
.cardTypeM9 {
    background: url(/img/pc/card/card_i_80x110.gif) no-repeat;
}
.cardTypeM10 {
    background: url(/img/pc/card/card_j_80x110.gif) no-repeat;
}

    .cardProfile p.image {
        position: absolute;
        top: 10px;
        left: 10px;
    }

    .photoProfile li,
    .cardProfile li {
        margin-bottom: 2px;
    }
    .photoProfile li.petName,
    .cardProfile li.petName {
        font-size: 120%;
        font-weight: bold;
    }

    .cardProfile li.petName {
        /*margin-bottom: 5px;*/
    }

    .photoType1 p.image {
        padding-bottom: 7px;
    }



.photoFrameA {
    width: 180px;
    height: 220px;
    padding: 10px;
}
.frameTypeA1,
.frameTypeA8 {
    background: url(/img/pc/card/200_240/photo_1.gif) no-repeat;
}
.frameTypeA2 {
    background: url(/img/pc/card/200_240/photo_2.gif) no-repeat;
}
.frameTypeA3 {
    background: url(/img/pc/card/200_240/photo_3.gif) no-repeat;
}
.frameTypeA4 {
    background: url(/img/pc/card/200_240/photo_4.gif) no-repeat;
}
.frameTypeA5 {
    background: url(/img/pc/card/200_240/photo_5.gif) no-repeat;
}
.frameTypeA6 {
    background: url(/img/pc/card/200_240/photo_6.gif) no-repeat;
}
.frameTypeA7 {
    background: url(/img/pc/card/200_240/photo_7.gif) no-repeat;
}







/* more
-------------------------------------- */
.more1 {
    position: absolute;
    z-index: 100;
    width: 50px!important;
    height: 50px!important;
}







/* pager
-------------------------------------- */
ul.pager {
    margin: 15px 0;
    text-align: center;
}


    ul.pager li {
        display: inline;
        margin: 0 3px;
    }

    ul.pager li.current {
        padding: 5px;
        color: #cd0066;
        font-weight: bold;
    }

        ul.pager li a {
            padding: 5px;
        }

        ul.pager li a:hover {
            text-decoration: none;
        }







/* kind nav
-------------------------------------- */
.kindNav {
    margin-top: 5px;
    margin-bottom: 10px;
    padding: 6px 20px;
}

body#portalRankingList .kindNav {
    background-color: #df9ffd;
}
body#portalNewPhoto .kindNav {
    background-color: #cbff80;
}
body#portalPickUpPhoto .kindNav,
body#portalPickUpCampaign .kindNav {
    background-color: #ffd6ea;
    margin-bottom: 20px;
}
body#portalNewPet .kindNav {
    background-color: #e2fcb3;
}
body#portalStatusMessageIndex .kindNav {
    background-color: #fff0af;
}



.kindNav:after {
    content: ".";
    display: block;
    clear: both;
    height: 0;
    visibility: hidden;
}
* html .kindNav {
    zoom: 1;
}
*:first-child+html .kindNav {
    zoom: 1;
}

    .kindNav li {
        float: left;
        margin-right: 6px;
    }

        .kindNav li a {
            display: block;
            width: 100px;
            height: 35px;
            background-position: 0 0;
            background-repeat: no-repeat;
        }
        body#portalRankingList .kindNav li a {
            background-image: url(/img/pc/btn/btn_purple.gif);
        }
        body#portalNewPhoto .kindNav li a {
            background-image: url(/img/pc/btn/btn_blue.gif);
        }
        body#portalPickUpPhoto .kindNav li a,
        body#portalPickUpCampaign .kindNav li a {
            background-image: url(/img/pc/btn/btn_pink.gif);
        }
        body#portalNewPet .kindNav li a {
            background-image: url(/img/pc/btn/btn_green.gif);
        }
        body#portalStatusMessageIndex .kindNav li a {
            background-image: url(/img/pc/btn/btn_yellow.gif);
        }



        .kindNav li.petType1 a {
            background-position: -106px 0;
        }
        .kindNav li.petType2 a {
            background-position: -212px 0;
        }
        .kindNav li.petType3 a {
            background-position: -424px 0;
        }
        .kindNav li.petType9 a {
            background-position: -318px 0;
        }

        .kindNav li.now a.petType0,
        .kindNav li.petType0 a:hover {
            background-position: 0 -35px;
        }
        .kindNav .now a.petType1,
        .kindNav li.petType1 a:hover {
            background-position: -106px -35px;
        }
        .kindNav .now a.petType2,
        .kindNav li.petType2 a:hover {
            background-position: -212px -35px;
        }
        .kindNav .now a.petType3,
        .kindNav li.petType3 a:hover {
            background-position: -424px -35px;
        }
        .kindNav .now a.petType9,
        .kindNav li.petType9 a:hover {
            background-position: -318px -35px;
        }

            .kindNav li a span {
                position: absolute;
                width: 0;
                height: 0;
                overflow: hidden;
            }











/* category nav
-------------------------------------- */
.categoryNav {
    margin-top: 5px;
    margin-bottom: 10px;
}

.categoryNav:after {
    content: ".";
    display: block;
    clear: both;
    height: 0;
    visibility: hidden;
}
* html .categoryNav {
    zoom: 1;
}
*:first-child+html .categoryNav {
    zoom: 1;
}

    .categoryNav li {
        float: left;
        margin-right: 6px;
    }

        .categoryNav li a {
            display: block;
            width: 94px;
            height: 29px;
            background-position: 0 0;
            background-repeat: no-repeat;
        }
        body#portalCategoryList .categoryNav li a {
            background-image: url(/img/pc/btn/btn_animaltype.gif);
        }

        .categoryNav li.petType1 a {
            background-position: 0 0;
        }       
        .categoryNav li.petType2 a {
            background-position: -96px 0;
        }       
        .categoryNav li.petType3 a {
            background-position: -288px 0;
        }       
        .categoryNav li.petType9 a {
            background-position: -192px 0;
        }       

        .categoryNav li.now a.petType1,
        .categoryNav li.petType1 a:hover {
            background-position: 0 -29px;
        }       
        .categoryNav li.now a.petType2,
        .categoryNav li.petType2 a:hover {
            background-position: -96px -29px;
        }       
        .categoryNav li.now a.petType3,
        .categoryNav li.petType3 a:hover {
            background-position: -288px -29px;
        }       
        .categoryNav li.now a.petType9,
        .categoryNav li.petType9 a:hover {
            background-position: -192px -29px;
        }


            .categoryNav li a span {
                position: absolute;
                width: 0;
                height: 0;
                overflow: hidden;
            }








/* ========================================
  =99 global ? area
======================================== */



/* header
======================================== */

/* frame
-------------------------------------- */
#header {
    padding: 0 6px;
}

#portalHeader {
    float: left;
}

#siteNav {
    float: right;
}

#globalNav {
    clear: both;
}

#ad_banner {
    position: absolute;
    top: 33px;
    right: -5px;
}


/* inner
-------------------------------------- */
#siteTitle a {
    display: block;
    width: 215px;
    height: 67px;
    background: url(/img/pc/common/logo.gif) no-repeat;
    text-indent: -99999px;
    overflow: hidden;
}


#siteDescription {
    padding-bottom: 8px;
    color: #cd0069;
}


#siteNav {
    xpadding-top: 10px;
}

#siteNav li {
    display: inline;
}

#siteNav li.logout,
#siteNav li.help {
    padding-left: 0.5em;
    border-left: solid 1px #fff;
}

#siteNav li.logout,
#siteNav li.help,
#siteNav li.userName {
   line-height: 30px;
}
* html #siteNav li.logout,
* html #siteNav li.help,
* html #siteNav li.userName {
    position: relative;
    top: 9px;
}
*:first-child+html #siteNav li.logout,
*:first-child+html #siteNav li.help,
*:first-child+html #siteNav li.userName {
    position: relative;
    top: 7px;
}

/*
#siteNav li.help {
    margin-right: 5px;
}
*/

    #siteNav li a {
        text-decoration: none;
    }





/* global nav
======================================== */
#globalNav li {
    float: left;
    margin-right: 2px;
    background-image: url(/img/pc/btn/gnav_hover.gif); /* pre load */
    background-image: url(/img/pc/btn/gnav_now.gif); /* anime gif rollover */
}

#globalNav li.index {
    background-position: 0px 0px;
}
#globalNav li.mypage {
    background-position: -110px 0px;
}
#globalNav li.profile {
    background-position: -220px 0px;
}
#globalNav li.photo {
    background-position: -330px 0px;
}
#globalNav li.ranking {
    background-position: -440px 0px;
}
#globalNav li.statusMessage {
    background-position: -550px 0px;
}



    #globalNav li a {
        display: block;
        width: 108px;
        height: 30px;
        text-indent: -9999px;
        background: url(/img/pc/btn/gnav_off.gif) no-repeat left top;
        overflow: hidden;
    }

    #globalNav li.index a {
        background-position: 0px 0px;
    }
    #globalNav li.mypage a {
        background-position: -110px 0px;
    }
    #globalNav li.profile a {
        background-position: -220px 0px;
    }
    #globalNav li.photo a {
        background-position: -330px 0px;
    }
    #globalNav li.ranking a {
        background-position: -440px 0px;
    }
    #globalNav li.statusMessage a {
        background-position: -550px 0px;
    }

    body#portalIndex #globalNav li.index a {
        background-image: url(/img/pc/btn/gnav_now.gif);
        background-position: 0px -30px;
    }
    body.cms #globalNav li.mypage a {
        background-image: url(/img/pc/btn/gnav_now.gif);
        background-position: -110px -30px;
    }
    body.profile #globalNav li.profile a {
        background-image: url(/img/pc/btn/gnav_now.gif);
        background-position: -220px -30px;
    }
    body.photo #globalNav li.photo a {
        background-image: url(/img/pc/btn/gnav_now.gif);
        background-position: -330px -30px;
    }
    body.ranking #globalNav li.ranking a {
        background-image: url(/img/pc/btn/gnav_now.gif);
        background-position: -440px -30px;
    }
    body.statusMessage #globalNav li.statusMessage a {
        background-image: url(/img/pc/btn/gnav_now.gif);
        background-position: -550px -30px;
    }

    #globalNav li a:hover {
        background-image: url(/img/pc/btn/gnav_hover.gif); /* anime gif rollover */
    }





/* global search
======================================== */
#header #search {
    clear: both;
    margin-right: -6px;
    margin-left: -6px;
    padding-right: 6px;
    padding-left: 6px;
    background: #fc448a url(/img/pc/common/side.gif) repeat-y;
}

    #header #search form {
        padding: 10px 10px 9px;
        border: solid 2px #fff;
        border-width: 2px 0;
        text-align: right;
    }
    * html #header #search form {
        zoom: 1;
    }
    *:first-child+html #header #search form {
        zoom: 1;
    }

        #header #search input.text {
            width: 190px;
        }

        #header #search form a img {
            vertical-align: middle;
            vertical-align: -8px;
        }
        #header #search form a.pet {

        }
        #header #search form a.photo {

        }





/* ========================================
  =01 content
======================================== */
#content {
    padding: 0 6px;
    background: url(/img/pc/common/side.gif) repeat-y;
}


body #tools_link a {
    text-align: center;
    font-size: 120%
}



/* ========================================
  =02 portal top
======================================== */

/* frame
-------------------------------------- */
div#pickupPhoto {
    position: relative;
    z-index: 2;
    width: 900px;
    height: 630px;
    background: url(/img/pc/portal/index/index_top_001.jpg) no-repeat;
}
div#pickupPhoto.bgimage2{ background: url(/img/pc/portal/index/index_top_002.jpg) no-repeat; }
div#pickupPhoto.bgimage3{ background: url(/img/pc/portal/index/index_top_003.jpg) no-repeat; }
div#pickupPhoto.bgimage4{ background: url(/img/pc/portal/index/index_top_004.jpg) no-repeat; }
div#pickupPhoto.bgimage5{ background: url(/img/pc/portal/index/index_top_005.jpg) no-repeat; }

div#pickupText {
    position: relative;
    z-index: 1;
    width: 900px;
    height: 250px;
    background: url(/img/pc/portal/index/index_bottom.jpg) no-repeat;
}

.pickupTitle,
.pickupDescription {
    position: absolute;
    width: 0;
    height: 0;
    overflow: hidden;
}



/* inner
-------------------------------------- */
.pickupContents {
    position: absolute;
}

#new-profile {
    top: 550px;
    left: 10px;
}

#weekly-ranking {
    top: 0;
    right: 73px;
}

#pickup-photo {
    top: 325px;
    right: 45px;
}

#flesh-photo {
    top: 517px;
    right: 45px;
}



#new-information {
    top: 60px;
    left: 25px;
}

p#dogAdBanner {
  position: absolute;
  bottom: 36px;
  left: 55px;
}
p#catAdBanner {
  position: absolute;
  bottom: 36px;
  left: 215px;
}
p#mobileAdBanner {
  position: absolute;
  bottom: 3px;
  left: 110px;
}

#new-message {
    top: 20px;
    right: 0;
}



/* contents
-------------------------------------- */

/* new profile
---------------------------- */
body#portalIndex #newProfileMore {
    bottom: -32px;
    left: 370px;
}



/* profile ranking
---------------------------- */
#weekly-ranking ol {
    position: relative;
    width: 330px;
}

#weekly-ranking ol li {
    display: inline;
    position: absolute;
}

#weekly-ranking ol li.rank1 {
    top: 5px;
    left: 117px;
}

#weekly-ranking ol li.rank2 {
    top: 120px;
    left: 0;
}

#weekly-ranking ol li.rank3 {
    top: 122px;
    left: 230px;
}

body#portalIndex #profileRankingMore {
    top: 209px;
    right: 10px;
}



/* pickup style
---------------------------- */
#pickupPhoto ul {
    position: relative;
    width: 380px;
}

#pickupPhoto ul li {
    position: absolute;
}

#pickupPhoto ul li.photo1 {
    top: 0;
    left: 0;
}

#pickupPhoto ul li.photo2 {
    top: 20px;
    left: 150px;
}

#pickupPhoto ul li.photo3 {
    top: 25px;
    left: 310px;
}

    #pickupPhoto ul li p {
        position: absolute;
        top: -72px;
        left: -44px;
        width: 116px;
        height: 60px;
        padding: 10px 7px 0;
        background: url(/img/pc/simple_bg/hukidashi.gif) no-repeat;
        font-size: 83%;
        display: none;
    }
    *:first-child+html #pickupPhoto ul li p {
        font-size: 75%;
    }

body#portalIndex #pickupPhotoMore {
    top: 409px;
    right: 5px;
}



/* fresh photo
---------------------------- */
body#portalIndex #freshPhotoMore {
    bottom: -32px;
    right: 10px;
}



/* todays talk
---------------------------- */
#new-message ul {
    width: 435px;
    padding-top: 40px;
}

#new-message ul li {
    position: relative;
    float: left;
    width: 100px;
    height: 70px;
    margin-right: 30px;
    padding-bottom: 20px;
    padding-left: 80px;
    color: #fff;
    font-size: 83%;
    overflow: hidden;
}

#new-message ul li a {
    position: absolute;
    top: 0;
    left: 0;
}

#new-message ul li a img {
    border: solid 2px #fff;
}

#new-message ul li span {
}

body#portalIndex #todaysTalkMore {
    bottom: -5px;
    right: 10px;
}



/* information
---------------------------- */
#new-information ul {
    width: 374px;
    height: 100px;
    padding: 5px 0;
    background: url(/img/pc/simple_bg/information.png) no-repeat;
}

* html #new-information ul {
    background: none;
    filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod=crop,src=/img/pc/simple_bg/information.png);
}

#new-information ul li {
    margin: 0 5px 3px 10px;
}

body#portalIndex #infoMore {
    bottom: 57px;
    left: 374px;
}









/* ========================================
  =03 /profile
======================================== */

/* frame
-------------------------------------- */
/*bg 
---------------------------- */
div#pickupProfile {
    z-index: 3;
    background: #79d4f1 url(/img/pc/title_bg/pattern_1.jpg) no-repeat;
}
div#newProfile {
    z-index: 2;
    background: #bff279 url(/img/pc/title_bg/pattern_2.jpg) no-repeat;
}
div#animalTypeLink {
    z-index: 1;
    background: #f391c2 url(/img/pc/title_bg/bird2_1.jpg) no-repeat;
}





/* title
---------------------------- */
div#pickupProfile #pickupProfileTitle {
    width: 287px;
    height: 42px;
    padding-top: 15px;
    background: url(/img/pc/title_text/pickupprofile.jpg) no-repeat 0 15px;
}
div#pickupProfile .description {
    color: #005f7f;
}

div#newProfile #newprofileTitle {
    width: 139px;
    height: 48px;
    padding-top: 25px;
    background: url(/img/pc/title_text/profile.jpg) no-repeat 0 25px;
}
div#newPhoto .description {
    padding: 9px 0 0 32px;
    color: #3a6700;
}

div#animalTypeLink #animalType {
    width: 295px;
    height: 85px;
    margin-left: -27px;
    padding-top: 40px;
    background: url(/img/pc/title_text/animaltype.jpg) no-repeat 0 40px;
}



/* more
---------------------------- */
body#portalProfileIndex .newProfile,
body#portalProfileIndex .animalType {
    position: relative;
}

body#portalProfileIndex #pickupProfileMore {
    bottom: -15px;
    right: 19px;
}
body#portalProfileIndex #newProfile .more {
    bottom: -34px;
    right: 0;
}
body#portalProfileIndex #animalTypeLink .more {
    top: 168px;
    right: -26px;
}






/* contents
-------------------------------------- */

/* dog top
---------------------------- */
div#dogTopPickUp {
    z-index: 3;
    background: #ffffcc url(/img/pc/title_bg/dog_pattern_1.gif) no-repeat;
}
div#dogTopPickUp p.description {
    margin-top: 67px;
    margin-bottom: 30px;
}
div#dogTopPickUp div#topLink img {
    float: right;
    margin-top: 67px;
}
div#dogTopPickUp li {
    display: inline;
    float: left;
    margin-bottom: 8px;
    margin-left: 3px;
}
div#dogTopPickUp li img {
    height: 200px;
    width: 160px;
}
div.moreLink img {
    display: inline;
    float: right;
}
div.moreLink { clear:both; height: }
div#dogTopFleshPhoto div.moreLink {
    height: 60px;
    background: #ffffcc url(/img/pc/title_bg/dog_pattern_4.gif) no-repeat;
}

div#dogTopPickUp {
    background: #ffffcc url(/img/pc/title_bg/dog_pattern_1.gif) no-repeat;
}

div#dogTopWeeklyRanking {
    z-index: 3;
    background: #ffffcc url(/img/pc/title_bg/dog_pattern_2.gif) no-repeat;
}
div#dogTopWeeklyRanking li {
    display: inline;
    float: left;
    margin-bottom: 8px;
    margin-left: 14px;
}
div#dogTopWeeklyRanking p.description {
    margin-left: 370px;
    margin-top: 42px
}

div#dogTopWeeklyRanking div.rank1 .rank,
div#dogTopWeeklyRanking div.rank2 .rank,
div#dogTopWeeklyRanking div.rank3 .rank { 
    position: relative;
    left: 23px;
    width: 64px;
    height: 58px;
    text-indent: -99999px;
    margin-bottom: 5px;
}

div#dogTopWeeklyRanking div.ranking {
    border-bottom:14px solid #ffffcc;
    display:inline;
    float:left;
    margin-left:14px;
}

div#dogTopWeeklyRanking div.rank1 .rank { 
    background: url(/img/pc/pattern_bg/dog_rank_1.gif) no-repeat;
}

div#dogTopWeeklyRanking div.rank2 .rank { 
    background: url(/img/pc/pattern_bg/dog_rank_2.gif) no-repeat;
}

div#dogTopWeeklyRanking div.rank3 .rank { 
    background: url(/img/pc/pattern_bg/dog_rank_3.gif) no-repeat;
}


div#dogTopWeeklyRanking div.rank4 .rank,
div#dogTopWeeklyRanking div.rank5 .rank,
div#dogTopWeeklyRanking div.rank6 .rank {
    width: 108px;
    line-height: 24px;
    margin-bottom: 3px;
    margin-top: 33px;
    margin-left: 15px;
    background: url(/img/pc/pattern_bg/dog_rank.gif) no-repeat;
    color: #fff;
    font-weight: normal; 
    text-align: center; 
    vertical-align: bottom; 
}

    div#dogTopWeeklyRanking .rank span {
        font-size: 150%;
        font-weight: bold;
    }


div#dogTopFleshPhoto {
    z-index: 3;
    background: #ffffcc url(/img/pc/title_bg/dog_pattern_3.gif) no-repeat;
}
div#dogTopFleshPhoto p.description {
    margin-left: 430px;
    margin-top: 52px
}
div#dogTopFleshPhoto li{
    display: inline;
    float: left;
    margin-bottom: 13px;
    margin-left: 8px;
}

p.simplePhotoFrame,
li.simplePhotoFrame {
    border: 2px #fff solid;
}
div#dogTopKind, div#dogTopPref {
    padding-top: 10px;
    background: #ffffcc;
    clear: both;
    padding-bottom: 10px;
}
div#dogTopKind h2{
    padding: 10px;
    border-top: 3px #878787 dotted;
}
div#dogTopKind li {
    display: inline;
    float: left;
    white-space: nowrap; 
    margin-left: 15px;
    margin-bottom: 3px;
}
div#dogTopPref h2 {
    padding: 10px;
}
div#dogTopPref li {
    width: 10%;
    display: inline;
    float: left;
    margin-left: 20px;
    margin-bottom: 3px;
}
div#dogTopPref a, div#dogTopKind a {
    color: #ff8627;
    font-weight: bold;
}

/* cat top
---------------------------- */
div#catTopPickUp {
    z-index: 3;
    background: #ffcccc url(/img/pc/title_bg/cat_pattern_1.gif) no-repeat;
}
div#catTopPickUp p.description {
    margin-top: 67px;
    margin-bottom: 30px;
}
div#catTopPickUp div#topLink img {
    float: right;
    margin-top: 67px;
}
div#catTopPickUp li {
    display: inline;
    float: left;
    margin-bottom: 8px;
    margin-left: 3px;
}
div#catTopPickUp li img {
    height: 200px;
    width: 160px;
}

div#catTopFleshPhoto div.moreLink {
    height: 60px;
    background: #ffcccc url(/img/pc/title_bg/cat_pattern_4.gif) no-repeat;
}

div#catTopPickUp {
    background: #ffcccc url(/img/pc/title_bg/cat_pattern_1.gif) no-repeat;
}

div#catTopWeeklyRanking {
    z-index: 3;
    background: #ffcccc url(/img/pc/title_bg/cat_pattern_2.gif) no-repeat;
}
div#catTopWeeklyRanking li {
    display: inline;
    float: left;
    margin-bottom: 8px;
    margin-left: 14px;
}
div#catTopWeeklyRanking p.description {
    margin-left: 370px;
    margin-top: 42px
}

div#catTopWeeklyRanking div.rank1 .rank,
div#catTopWeeklyRanking div.rank2 .rank,
div#catTopWeeklyRanking div.rank3 .rank { 
    position: relative;
    left: 23px;
    width: 64px;
    height: 58px;
    text-indent: -99999px;
    margin-bottom: 5px;
}

div#catTopWeeklyRanking div.ranking {
    border-bottom:14px solid #ffcccc;
    display:inline;
    float:left;
    margin-left:14px;
}

div#catTopWeeklyRanking div.rank1 .rank { 
    background: url(/img/pc/pattern_bg/cat_rank_1.gif) no-repeat;
}

div#catTopWeeklyRanking div.rank2 .rank { 
    background: url(/img/pc/pattern_bg/cat_rank_2.gif) no-repeat;
}

div#catTopWeeklyRanking div.rank3 .rank { 
    background: url(/img/pc/pattern_bg/cat_rank_3.gif) no-repeat;
}


div#catTopWeeklyRanking div.rank4 .rank,
div#catTopWeeklyRanking div.rank5 .rank,
div#catTopWeeklyRanking div.rank6 .rank {
    width: 108px;
    line-height: 24px;
    margin-bottom: 3px;
    margin-top: 33px;
    margin-left: 15px;
    background: url(/img/pc/pattern_bg/cat_rank.gif) no-repeat;
    color: #fff;
    font-weight: normal; 
    text-align: center; 
    vertical-align: bottom; 
}

    div#catTopWeeklyRanking .rank span {
        font-size: 150%;
        font-weight: bold;
    }

div#catTopFleshPhoto {
    z-index: 3;
    background: #ffcccc url(/img/pc/title_bg/cat_pattern_3.gif) no-repeat;
}
div#catTopFleshPhoto p.description {
    margin-left: 430px;
    margin-top: 52px
}
div#catTopFleshPhoto li{
    display: inline;
    float: left;
    margin-bottom: 13px;
    margin-left: 8px;
}
div#catTopKind, div#catTopPref {
    padding-top: 10px;
    background: #ffcccc;
    clear: both;
    padding-bottom: 10px;
}
div#catTopKind h2{
    padding: 10px;
    border-top: 3px #878787 dotted;
}
div#catTopKind li {
    display: inline;
    float: left;
    white-space: nowrap; 
    margin-left: 15px;
    margin-bottom: 3px;
}
div#catTopPref h2 {
    padding: 10px;
}
div#catTopPref li {
    width: 10%;
    display: inline;
    float: left;
    margin-left: 20px;
    margin-bottom: 3px;
}
div#catTopPref a, div#catTopKind a {
    color: #ff8627;
    font-weight: bold;
}



/* pick up profile
---------------------------- */
div#pickupProfile {
    padding-bottom: 10px;
/*    overflow: hidden;  clear */
}

#petKindTitle {
    margin: 15px 0 10px;
    background-image: url(/img/pc/common/star_blue.jpg);
    color: #003265;
}

#representativePetProfile {
    float: left;
    background-image: url(/img/pc/card/pattern_multisize/261_404.gif);
}

    ul#pickupPetProfile {
       float: left;
       width: 579px;
    }

        ul#pickupPetProfile li.cardProfile {
            float: left;
            display: inline; /* ie6 fix */
            margin-left: 18px;
            margin-bottom: 18px;
        }








/* profile
---------------------------- */
div#newProfile {
    padding-bottom: 19px;
/*    overflow: hidden;  clear */
}

#newProfile p.description {
    color: #3d6600;
}



div#newProfile .newProfile {
    float: left;
    width: 196px;
    margin-right: 18px;
}

div#newProfile #newMiniAnimalProfile {
    margin-right: 0;
}

    body#portalProfileIndex #newProfile .card .sectionTitle {
        width: 196px;
        height: 49px;
        margin-bottom: 5px;
    }
    #newDogProfileTitle {
        background: url(/img/pc/title_text/dogprof.jpg) no-repeat;
    }
    #newCatProfileTitle {
        background: url(/img/pc/title_text/catprof.jpg) no-repeat;
    }
    #newMiniAnimalProfileTitle {
        background: url(/img/pc/title_text/miniprof.jpg) no-repeat;
    }
    #newBirdProfileTitle {
        background: url(/img/pc/title_text/birdprof.jpg) no-repeat;
    }

        div#newProfile .newProfile li.cardProfile {
            margin-bottom: 10px;
        }



/* animal type
---------------------------- */
#animalTypeLink {
/*    overflow: hidden;  clear */
}

#animalTypeLink p.description {
    color: #810041;
}



#animalTypeLink .animalType {
    float: left;
    width: 195px;
    margin-right: 20px;
}

#animalTypeDog {
    margin-left: -10px;
    background: url(/img/pc/photo_bg/star_dog.jpg) no-repeat;
}
#animalTypeCat {
    background: url(/img/pc/photo_bg/star_cat.jpg) no-repeat;
}
#animalTypeMiniAnimal {
    margin-right: 0!important;
    background: url(/img/pc/photo_bg/star_minianimal.jpg) no-repeat;
}
#animalTypeBird {
    background: url(/img/pc/photo_bg/star_bird.jpg) no-repeat;
}

    #animalTypeLink .animalType .sectionTitle {
        height: 96px;
        margin-bottom: 10px;
        margin-left: 101px;
    }

    #animalTypeDogTitle {
        width: 93px;
        background: url(/img/pc/title_text/type_dog.jpg) no-repeat;
    }
    #animalTypeCatTitle {
        width: 73px;
        background: url(/img/pc/title_text/type_cat.jpg) no-repeat;
    }
    #animalTypeMiniAnimalTitle {
        width: 108px;
        background: url(/img/pc/title_text/type_minianimal.jpg) no-repeat;
    }
    #animalTypeBirdTitle {
        width: 93px;
        background: url(/img/pc/title_text/type_bird.jpg) no-repeat;
    }

        #animalTypeLink li {
            margin-bottom: 4px;
            margin-left: 20px;
            padding-right: 20px;
            padding-left: 10px;
            background: url(/img/pc/common/dot_pink.gif) no-repeat 0 6px;
        }



#animalTypeLink a {
    text-decoration: none;
}
#animalTypeLink a:hover {
    text-decoration: underline;
}
















/* ========================================
  =04 /photo
======================================== */

/* frame
-------------------------------------- */
/*bg 
---------------------------- */
div#pickUpPhoto {
    background: #feb4d9 url(/img/pc/title_bg/pattern_4.jpg) no-repeat;
}
div#freshPhoto {
    background: #c9ec88 url(/img/pc/title_bg/bird1_1.jpg) no-repeat;
}
div#newComment {
    background: url(/img/pc/title_bg/pattern_3.jpg) no-repeat;
}


/* title
---------------------------- */
#pickUpPhotoTitle {
    width: 341px;
    height: 60px;
    padding-top: 13px;
    background: url(/img/pc/title_text/pickupstyle.jpg) no-repeat 0 13px;
}
div#pickUpPhoto .description {
    color: #7e0240;
}

#freshPhotoTitle {
    width: 262px;
    height: 43px;
    padding-top: 70px;
    background: url(/img/pc/title_text/freshphoto.jpg) no-repeat 0 70px;
}
div#freshPhoto .description {
    color: #3c6600;
}

#newCommentTitle {
    width: 214px;
    height: 40px;
    margin-left: -2px;
    padding-top: 50px;
    background: url(/img/pc/title_text/comment.jpg) no-repeat 0 50px;
}
div#newComment .description {
    color: #74033b;
}




/* more
---------------------------- */
body#photoIndex .freshPhoto {
    position: relative;
}

body#photoIndex .more {
    bottom: -44px;
    right: 0;
}











/* contents
-------------------------------------- */
/* pickup style
---------------------------- */
#pickUpPhoto {
/*    overflow: hidden;  clear */
    padding-bottom: 10px;
}

#pickUpPhoto ul {
    margin-left: -13px;
}

#pickUpPhoto li {
    float: left;
    display: inline; /* ie6 fix */
    margin-left: 13px;
    margin-bottom: 13px;
}




/* fresh photo
---------------------------- */
#freshPhoto {
    padding-right: 18px;
    padding-bottom: 20px;
/*    overflow: hidden;  clear */
}
#freshPhoto .description {
    padding-bottom: 35px;
}


#freshPhoto div.freshPhoto {
    float: left;
    width: 200px;
    height: 280px;
    margin-right: 12px;
}
#newDogFreshPhoto {
    background: #fbd83c;
}
#newCatFreshPhoto {
    margin-top: 27px;
    background: #eaafdb;
}
#newBirdFreshPhoto {
    margin-top: 6px;
    background: #82c6dd;
}
#newMiniAnimalFreshPhoto {
    margin-top: -24px;
    margin-right: 0!important;
    background: #b7d225;
}


#freshPhoto div.freshPhoto .sectionTitle {
    height: 35px;
    margin: 0 auto;
    padding: 5px 0 3px;
    background-position: 0 5px;
    background-repeat: no-repeat;
}
#newDogFreshPhoto .sectionTitle {
    width: 66px;
    background-image: url(/img/pc/title_text/fresh_dog.jpg);
}
#newCatFreshPhoto .sectionTitle {
    width: 55px;
    background-image: url(/img/pc/title_text/fresh_cat.jpg);
}
#newMiniAnimalFreshPhoto .sectionTitle {
    width: 153px;
    background-image: url(/img/pc/title_text/fresh_minianimal.jpg);
}
#newBirdFreshPhoto .sectionTitle {
    width: 66px;
    background-image: url(/img/pc/title_text/fresh_bird.jpg);
}




#freshPhoto ul {
    padding-left: 16px;
}

    #freshPhoto li {
        float: left;
        margin-right: 10px;
        margin-bottom: 10px;
        padding: 5px 5px 22px 4px;
        background: url(/img/pc/card/white_frame/photoframe_2.gif) no-repeat;
    }







/* comment
---------------------------- */
#newComment {
    padding-right: 20px;
/*    overflow: hidden;  clear */
}


#newComment dl.newComment {
    position: relative;
    float: left;
    height: 70px;
    margin-right: 10px;
    padding-bottom: 20px;
    padding-left: 77px;
}

#newComment dt {
    position: absolute;
    top: 0;
    left: 0;
}

#newComment dt img {
    width: 66px;
    height: 66px;
    border: solid 2px #fff;
}

#newComment dd {
    width: 113px;
    height: 44px;
height: 60px;
    padding: 13px 6px;
padding: 5px 6px;
    background: url(/img/pc/simple_bg/comment.png) no-repeat;
    overflow: hidden;
}
* html #newComment dd {
    background: none;
    filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod=crop,src=/img/pc/simple_bg/comment.png);
}











/* ========================================
  =05 ranking/
======================================== */

/* frame
-------------------------------------- */
/* bg 
---------------------------- */
div#weeklyProfileRanking {
    background: #ca79f2 url(/img/pc/title_bg/pattern_5.jpg) no-repeat;
}

div#dailyProfileRanking {
    padding-bottom: 30px;
    background: #ca79f2 url(/img/pc/title_bg/pattern_6.jpg) no-repeat;
}


/* title 
---------------------------- */
#weeklyProfileRankingTitle {
    width: 448px;
    height: 50px;
    margin-left: -20px;
    padding-top: 5px;
    background: url(/img/pc/title_text/weeklyprofileranking.jpg) no-repeat 0 5px;
}

#dailyProfileRankingTitle {
    width: 406px;
    height: 50px;
    margin-left: -20px;
    padding-top: 10px;
    background: url(/img/pc/title_text/dailyprofileranking.jpg) no-repeat 0 10px;
}

#portalRankingIndex .description {
    color: #7801b3;
}



/* more 
---------------------------- */
body#portalRankingIndex #dailyProfileRanking .more {
    right: 0;
    bottom: -21px;
}




/* contents
-------------------------------------- */
/* weekly profile ranking
---------------------------- */

#weeklyProfileRanking ol {
    position: relative;
    height: 436px;
}

#weeklyProfileRanking li {
    position: absolute;
    padding: 10px;
    text-align: center;
}

#weeklyProfileRanking li.rank1 {
    top: 0;
    left: 270px;
    width: 280px;
    height: 416px;
    background: url(/img/pc/card/pattern_multisize/300_436.gif) no-repeat;
}
#weeklyProfileRanking li.rank2 {
    bottom: 0;
    right: 0;
    width: 240px;
    height: 250px;
    background: url(/img/pc/card/pattern_multisize/260_270.gif) no-repeat;
}
#weeklyProfileRanking li.rank3 {
    top: 0;
    left: 0;
    width: 240px;
    height: 190px;
    background: url(/img/pc/card/pattern_multisize/260_210.gif) no-repeat;
}
#weeklyProfileRanking li.rank4,
#weeklyProfileRanking li.rank5 {
    width: 105px;
    height: 136px;
}
#weeklyProfileRanking li.rank4 {
    top: 0;
    right: 135px;
    background: url(/img/pc/card/pattern_multisize/125_156_a.gif) no-repeat;
}
#weeklyProfileRanking li.rank5 {
    top: 0;
    right: 0;
    background: url(/img/pc/card/pattern_multisize/125_156_b.gif) no-repeat;
}
#weeklyProfileRanking li.rank6,
#weeklyProfileRanking li.rank7,
#weeklyProfileRanking li.rank8,
#weeklyProfileRanking li.rank9 {
    width: 105px;
    height: 83px;
}
#weeklyProfileRanking li.rank6 {
    bottom: 113px;
    left: 0;
    background: url(/img/pc/card/pattern_multisize/125_103_a.gif) no-repeat;
}
#weeklyProfileRanking li.rank7 {
    bottom: 113px;
    left: 135px;
    background: url(/img/pc/card/pattern_multisize/125_103_b.gif) no-repeat;
}
#weeklyProfileRanking li.rank8 {
    bottom: 0;
    left: 0;
    background: url(/img/pc/card/pattern_multisize/125_103_c.gif) no-repeat;
}
#weeklyProfileRanking li.rank9 {
    bottom: 0;
    left: 135px;
    background: url(/img/pc/card/pattern_multisize/125_103_d.gif) no-repeat;
}





/* dairl profile ranking
---------------------------- */
div#dailyProfileRanking .description {
    position: relative;
    margin-bottom: -17px;
    padding-bottom: 80px;
    background: url(/img/pc/pattern_bg/Crown_123.gif) no-repeat 250px 10px;
background-position: 250px bottom;
}


table#dailyProfileRanking {
    table-layout: fixed;
    border-collapse: collapse;
}

table#dailyProfileRanking th {
    width: 200px;
    height: 154px;
    vertical-align: top;
}
    table#dailyProfileRanking th span {
        display: block;
        width: 100%;
        height: 100%;
    }
    table#dailyProfileRanking th span#newDailyDogTitle {
        background: url(/img/pc/pattern_bg/ranking_dog.jpg) no-repeat;
    }
    table#dailyProfileRanking th span#newDailyCatTitle {
        background: url(/img/pc/pattern_bg/ranking_cat.jpg) no-repeat;
    }
    table#dailyProfileRanking th span#newDailyMiniAnimalTitle {
        background: url(/img/pc/pattern_bg/ranking_minianimal.jpg) no-repeat;
    }
    table#dailyProfileRanking th span#newDailyBirdTitle {
        background: url(/img/pc/pattern_bg/ranking_bird.jpg) no-repeat;
    }

table#dailyProfileRanking td {
    position: relative;
}

    table#dailyProfileRanking td div {
        position: relative;
        height: 171px;
    }

        table#dailyProfileRanking td li.cardProfile {
            float: left;
            margin-top: 19px;
            margin-left: 10px;
        }

        table#dailyProfileRanking td .more {
            position: absolute;
            bottom: 0;
            right: 0;
        }

* html #dailyProfileRanking td div ul {
  zoom: 1;
}
*:first-child+html #dailyProfileRanking td div ul {
  zoom: 1;
}



/* ranking/list
-------------------------------------- */
/* bg
---------------------------- */
body#portalRankingList .contents {
    background-color: #ca79f2;
}


/* title
---------------------------- */
#profileRankingListTitle {
    width: 387px;
    height: 48px;
    padding-top: 15px;
    background: url(/img/pc/title_text/profire_ranking.jpg) no-repeat 0 15px;
}


/* contents
---------------------------- */
body#portalRankingList .contents div.rankingWrapper {
    position: relative;
    right: -1px;
    margin-left: -15px;
}
* html body#portalRankingList .contents div.rankingWrapper {
    width: 855px;
    zoom: 1;
}

    body#portalRankingList .contents div.ranking {
        float: left;
        display: inline; /* ie6 fix */
        margin-left: 14px;
        /*margin-bottom: 10px;*/
        border-bottom: solid 14px #ca79f2;
    }




body#portalRankingList .contents div.rankingWrapper div.rank1 .rank,
body#portalRankingList .contents div.rankingWrapper div.rank2 .rank,
body#portalRankingList .contents div.rankingWrapper div.rank3 .rank {
    position: relative;
    left: -8px;
    width: 64px;
    height: 48px;
    margin-bottom: 5px;
    text-indent: -99999px;
}

body#portalRankingList .contents div.rankingWrapper div.rank1 .rank {
    background: url(/img/pc/pattern_bg/Crown_s1.jpg) no-repeat;
}

body#portalRankingList .contents div.rankingWrapper div.rank2 .rank {
    background: url(/img/pc/pattern_bg/Crown_s2.jpg) no-repeat;
}

body#portalRankingList .contents div.rankingWrapper div.rank3 .rank {
    background: url(/img/pc/pattern_bg/Crown_s3.jpg) no-repeat;
}


body#portalRankingList .contents div.ranking .rank {
    width: 108px;
    line-height: 24px;
    margin-bottom: 3px;
    background: url(/img/pc/pattern_bg/rank.jpg) no-repeat;
    color: #fff;
    font-weight: normal;
    text-align: center;
}

    body#portalRankingList .contents div.ranking .rank span {
        font-size: 150%;
        font-weight: bold;
    }





body#portalRankingList .pager {
    clear: left;
}































/* ========================================
  =06 search
======================================== */

/* frame
-------------------------------------- */
/* bg 
---------------------------- */
body.search div.contents {
    background: #ffa6d2;
}



/* title 
---------------------------- */
body#portalSearchPet #profileSearchTitle {
    width: 229px;
    height: 47px;
    padding-top: 17px;
    background: url(/img/pc/title_text/profirelist.jpg) no-repeat 0 17px;
}

body#portalSearchPhoto #profileSearchTitle {
    width: 193px;
    height: 44px;
    padding-top: 17px;
    background: url(/img/pc/title_text/photolist.jpg) no-repeat 0 17px;
}

/* contents
-------------------------------------- */
/* search box
---------------------------- */

#profileSearchBox form {
    margin-top: 5px;
    padding: 5px 0 5px 10px;
    border: solid 3px #fec8e2;
    background: #fefefe;
    color: #656565;
}

    #profileSearchBox form div {
        display: inline-block;
        margin-right: 10px;
    }
    * html #profileSearchBox form div {
        display: inline;
        zoom: 1;
        margin-right: 5px;
    }
    *:first-child+html #profileSearchBox form div {
        display: inline;
        zoom: 1;
        margin-right: 5px;
    }

    #profileSearchBox form div#profileSearchPetType {
        display: block;
        float: left;
        padding-bottom: 3px;
    }
    #profileSearchBox form div#profileSearchPetKind {
        display: block;
        padding-bottom: 3px;
    }
    #profileSearchBox form div#profileSearchPetSex {
        clear: left;
    }

    #profileSearchBox form div#profileSearchText,
    #profileSearchBox form div#profileSearchSubmit {
        margin-right: 0;
    }
    * html #profileSearchBox form div#profileSearchText input {
        width: 110px;
        margin-right: 5px;
    }
    *:first-child+html #profileSearchBox form div#profileSearchText input {
        width: 110px;
        margin-right: 5px;
    }


/* sarch result
---------------------------- */
body.search .searchTitle {
    background-image: url(/img/pc/common/star_pink.jpg);
}

body.search div.contents ul.searchResult {
    position: relative;
    left: 1px;
    overflow: hidden; /* clear */
}

body.search .contents ul.searchResult {
    zoom: 1;
}

body.search .pager {
    clear: both;
}



/* sarch result(pet)
---------------------------- */
body#portalSearchPet div.contents p.result {
    padding-top: 10px;
    margin-bottom: 20px;
    background-position: 18px 5px;
}


body#portalSearchPet div.contents ul.searchResult {
    margin-top: 15px;
    margin-left: -15px;
}

body.search li.cardProfile {
    float: left;
    display: inline; /* ie6 fix */
    margin-left: 14px;
    /*margin-bottom: 14px;*/
    border-bottom: solid 14px #ffa6d2;
}




/* sarch result(photo)
---------------------------- */
body#portalSearchPhoto div.contents p.result {
    padding-top: 10px;
    margin-bottom: 20px;
    background-position: 18px 5px;
}

body#portalSearchPhoto div.contents ul.searchResult {
    margin-left: -13px;
}

body.search li.photoProfile {
    float: left;
    display: inline; /* ie6 fix */
    margin-left: 12px;
    /*margin-bottom: 12px;*/
    border-bottom: solid 12px #ffa6d2;
}

body#portalSearchPhoto div.contents ul.searchResult ul {
    position: relative;
    height: 270px;
}

body.search li.photoProfile .imageTitle {
    padding: 3px;
    color: #343434;
}

body.search li.photoProfile .imageTime {
    position: absolute;
    bottom: 0;
    width: 180px;
    padding: 0 3px;
    color: #666;
    text-align: center;
}


















/* ========================================
  =07 new ( new profile, fresh photo)
======================================== */

/* frame
-------------------------------------- */
/* bg 
---------------------------- */
body.new div.contents {
    background: #c9ec88;
}



/* title 
---------------------------- */
body#portalNewPet #newProfileTitle {
    width: 236px;
    height: 42px;
    padding-top: 17px;
    background: url(/img/pc/title_text/new_profile.jpg) no-repeat 0 17px; 
}

body#portalNewPhoto #newProfileTitle {
    width: 262px;
    height: 43px;
    padding-top: 17px;
    background: url(/img/pc/title_text/freshphoto.jpg) no-repeat 0 17px; 
}

/* sarch result
---------------------------- */
body.new div.contents ul.searchResult {
    position: relative;
    left: 1px;
    overflow: hidden; /* clear */
}

body.new .contents ul.searchResult {
    zoom: 1;
}

body.new .pager {
    clear: both;
}

body #newProfileBox .switch li {
    display: inline;
}


/* sarch result(pet)
---------------------------- */
body#portalNewPet div.contents ul.searchResult {
    margin-left: -15px;
}

body.new li.cardProfile {
    float: left;
    display: inline; /* ie6 fix */
    margin-left: 14px;
    /*margin-bottom: 14px;*/
    border-bottom: solid 14px #c9ec88;
}




/* sarch result(photo)
---------------------------- */
body#portalNewPhoto div.contents ul.searchResult {
    margin-left: -13px;
}

body.new li.photoProfile {
    float: left;
    display: inline; /* ie6 fix */
    margin-left: 12px;
    margin-bottom: 12px;
}

body#portalNewPhoto div.contents ul.searchResult ul {
    position: relative;
    height: 270px;
}

body.new li.photoProfile .imageTitle {
    padding: 3px;
    color: #343434;
}

body.new li.photoProfile .imageTime {
    position: absolute;
    bottom: 0;
    width: 180px;
    padding: 0 3px;
    color: #666;
    text-align: center;
}


















/* ========================================
  =08 /status_message
======================================== */

/* frame
-------------------------------------- */
/* bg 
---------------------------- */

#todaysTalk {
    background: #fce273 url(/img/pc/title_bg/pattern_10.jpg) no-repeat;
}


/* title
---------------------------- */
body#portalStatusMessageIndex #todaysTalkTitle {
    width: 250px;
    height: 57px;
    padding-top: 13px;
    background: url(/img/pc/title_text/todaystalk.jpg) no-repeat 0 13px;
}




/* contents
-------------------------------------- */
/* hukidashi
---------------------------- */
#todaysTalk .message {
    position: relative;
    width: 713px;
    height: auto!important;
    height: 72px;
    min-height: 72px;
    margin-bottom: 20px;
    margin-left: 20px;
    padding: 0 0 0 89px;
    background: url(/img/pc/box_frame/comment_btm.gif) no-repeat right bottom;
}

    #todaysTalk .message .image {
        position: absolute;
        top: 0;
        left: 0;
    }

        #todaysTalk .message .image img {
           width: 66px;
           height: 66px;
           border: solid 2px #fff;
        }


    #todaysTalk .message .name {
        padding: 10px 150px 5px 20px;
        background: url(/img/pc/box_frame/comment_top.gif) no-repeat right top;
    }

    #todaysTalk .message .day {
        position: absolute;
        top: 10px;
        right: 15px;
        color: #999;
    }

    #todaysTalk .message .text {
        padding-bottom: 5px;
        padding-left: 20px;
    }












/* ========================================
  =09 /category/list
======================================== */

/* frame
-------------------------------------- */
/* bg 
---------------------------- */

#profileCategoryList {
    background: #f391c2 url(/img/pc/title_bg/bird2_2.jpg) no-repeat;
}


/* title
---------------------------- */
body#portalCategoryList #profileCategoryListTitle {
    width: 295px;
    height: 85px;
    margin-left: -27px;
    padding-top: 40px;
    background: url(/img/pc/title_text/animaltype2.jpg) no-repeat 0 40px;
}

body#portalCategoryList .description {
    color: #82003c;
}



/* contents
-------------------------------------- */
.categoryWrapper li {
    position: relative;
    display: inline-block;
    width: 230px;
width: 373px;
width: 363px;
    height: auto!important;
    height: 37px;
    min-height: 37px;
    margin-bottom: 15px;
    padding-top: 3px;
    padding-left: 45px;
    vertical-align: top;
}

* html .categoryWrapper li {
    display: inline;
    zoom: 1;
}
*:first-child+html .categoryWrapper li {
    display: inline;
    zoom: 1;
}



.categoryWrapper .categoryNo100,
.categoryWrapper .categoryNo99,
.categoryWrapper .categoryNo80,
.categoryWrapper .categoryNo79,
.categoryWrapper .categoryNo60,
.categoryWrapper .categoryNo59,
.categoryWrapper .categoryNo40,
.categoryWrapper .categoryNo39,
.categoryWrapper .categoryNo20,
.categoryWrapper .categoryNo19 {
    padding-bottom: 50px;
}


    .categoryWrapper li a {
        font-weight: bold;
    }


    .categoryWrapper li img {
        position: absolute;
        top: 0;
        left: 0;
        width: 45px;
        height: 45px;
    }

/* 
---------------------------- */


































/* ========================================
  =00 docs/about
======================================== */

/* frame
-------------------------------------- */
/* bg 
---------------------------- */
body#portalDocsAbout .contents {
    background: #faffe9 url(/img/pc/title_bg/pattern_7.jpg) no-repeat;
}
body#portalDocsAbout .contents p#bottomAdd {
    height: 128px;
    background: #fffae7 url(/img/pc/title_bg/pattern_8.jpg) no-repeat center bottom;
}




/* title
---------------------------- */
body#portalDocsAbout #whatsPuchipetTitle {
    width: 371px;
    height: 37px;
    padding-top: 17px;
    background: url(/img/pc/title_text/whatspuchipet.jpg) no-repeat 0 17px;
}

body#portalDocsAbout p.description {
    color: #666;
    font-size: 120%;
}

body#portalDocsAbout p.description strong {
    color: #ff3399;
    font-weight: normal;
}



/* contents
-------------------------------------- */
/* add
---------------------------- */
body#portalDocsAbout .add {
    clear: both;
    text-align: center;
}

body#portalDocsAbout #topAdd {
    padding-bottom: 80px;
}


/* point
---------------------------- */
body#portalDocsAbout div.outer {
    width: 860px;
    margin-left: -10px;
    margin-bottom: 50px;
    padding-bottom: 13px;
    background: url(/img/pc/box_frame/hatsu_bottom.jpg) no-repeat left bottom;
}
body#portalDocsAbout div.inner {
    background: url(/img/pc/box_frame/hatsu_middle.jpg) repeat-y;
}
* html body#portalDocsAbout div.inner {
    zoom: 1;
}
body#portalDocsAbout div.body {
    padding-top: 55px;
}
body#portalDocsAbout div#pointFirstHalfBody {
    background: url(/img/pc/box_frame/hatsu_top1.jpg) no-repeat;
}
body#portalDocsAbout div#pointSecondHalfBody {
    background: url(/img/pc/box_frame/hatsu_top2.jpg) no-repeat;
}

    body#portalDocsAbout div.point {
        display: inline-block;
        width: 250px;
        margin-left: 10px;
        padding-right: 20px;
        vertical-align: top;
    }
    * html body#portalDocsAbout div.point {
        display: inline;
        margin-left: 0;
        margin-right: 14px;
        padding-right: 10px;
        padding-left: 10px;
        zoom: 1;
    }
    * html body#portalDocsAbout div#puchipetPoint2,
    * html body#portalDocsAbout div#puchipetPoint5 {
        margin-right: 16px;
    }
    *:first-child+html body#portalDocsAbout div.point {
        display: inline;
        margin-right: 0.5em;
        zoom: 1;
    }

body#portalDocsAbout p.text {
    position: relative;
    height: auto!important;
    height: 125px;
    min-height: 135px;
    padding-bottom: 20px;
    line-height: 1.4;
}
body#portalDocsAbout p.text span {
    position: absolute;
    bottom: 20px;
    left: 0;
    color: #666;
}
body#portalDocsAbout p.image {
    text-align: center;
}
body#portalDocsAbout p.more {
    padding-top: 23px;
    text-align: right;
}
body#portalDocsAbout p.more a {
    color: #f09;
}


/* ========================================
  =00 docs/welcome /welcome/
======================================== */

/* frame
-------------------------------------- */
/* bg 
---------------------------- */
body#portalDocsWelcome .contents {
    padding: 0;
    background: #faffe9;
}
body#portalDocsWelcome .contents p#bottomAdd {
    margin-top: -30px;
    height: 128px;
    background: #fffae7;
}




/* title
---------------------------- */
body#portalDocsWelcome #search {
    text-align: center;
}
body#portalDocsWelcome #whatsPuchipetTitle {
    width: 371px;
    height: 37px;
    padding-top: 17px;
    background: url(/img/pc/title_text/whatspuchipet.jpg) no-repeat 0 17px;
}

body#portalDocsWelcome p.description {
    color: #666;
    font-size: 120%;
}

body#portalDocsWelcome p.description strong {
    color: #ff3399;
    font-weight: normal;
}



/* contents
-------------------------------------- */
/* add
---------------------------- */
body#portalDocsWelcome .add {
    clear: both;
    padding-top: 15px;
    text-align: center;
}

body#portalDocsWelcome #topAdd {
    padding-bottom: 60px;
}


/* point
---------------------------- */
body#portalDocsWelcome div.outer {
    width: 860px;
    margin-left: 25px;
    margin-bottom: 50px;
    padding-bottom: 13px;
    background: url(/img/pc/box_frame/hatsu_bottom.jpg) no-repeat left bottom;
}
body#portalDocsWelcome div.inner {
    background: url(/img/pc/box_frame/hatsu_middle.jpg) repeat-y;
}
* html body#portalDocsWelcome div.inner {
    zoom: 1;
}
body#portalDocsWelcome div.body {
    padding-top: 55px;
}
body#portalDocsWelcome div#pointFirstHalfBody {
    background: url(/img/pc/box_frame/hatsu_top1.jpg) no-repeat;
}
body#portalDocsWelcome div#pointSecondHalfBody {
    background: url(/img/pc/box_frame/hatsu_top2.jpg) no-repeat;
}

    body#portalDocsWelcome div.point {
        display: inline-block;
        width: 250px;
        margin-left: 10px;
        padding-right: 20px;
        vertical-align: top;
    }
    * html body#portalDocsWelcome div.point {
        display: inline;
        margin-left: 0;
        margin-right: 14px;
        padding-right: 10px;
        padding-left: 10px;
        zoom: 1;
    }
    * html body#portalDocsWelcome div#puchipetPoint2,
    * html body#portalDocsWelcome div#puchipetPoint5 {
        margin-right: 16px;
    }
    *:first-child+html body#portalDocsWelcome div.point {
        display: inline;
        margin-right: 0.5em;
        zoom: 1;
    }

body#portalDocsWelcome p.text {
    position: relative;
    height: auto!important;
    height: 125px;
    min-height: 135px;
    padding-bottom: 20px;
    line-height: 1.4;
}
body#portalDocsWelcome p.text span {
    position: absolute;
    bottom: 20px;
    left: 0;
    color: #666;
}
body#portalDocsWelcome p.image {
    text-align: center;
}
body#portalDocsWelcome p.more {
    padding-top: 23px;
    text-align: right;
}
body#portalDocsWelcome p.more a {
    color: #f09;
}









/* ========================================
  =00 docs/contract_petkind
======================================== */

/* frame
-------------------------------------- */
/* bg
---------------------------- */
body#portalDocsContractPetKind .contents {
    padding-top: 30px;
    padding-bottom: 30px;
    background-color: #ffa6d1;
}


/* title
---------------------------- */
#petDefinitionTitle {
    background-image: url(/img/pc/common/star_teigi.jpg);
}
#definitionDogTitle {
    background-image: url(/img/pc/common/star_inu.jpg);
}
#definitionCatTitle {
    background-image: url(/img/pc/common/star_neko.jpg);
}
#definitionMiniAnimalTitle {
    background-image: url(/img/pc/common/star_syoudoubutu.jpg);
}
#definitionBirdTitle {
    background-image: url(/img/pc/common/star_tori.jpg);
}

body#portalDocsContractPetKind .description {
    font-weight: normal;
}



/* box
---------------------------- */
div#petDefinitionOuter {
    width: 720px;
    margin: 0 auto;
    padding-bottom: 13px;
    background: url(/img/pc/box_frame/box2_bottom.jpg) no-repeat left bottom;
}
div#petDefinitionInner {
    padding-top: 20px;
    background: url(/img/pc/box_frame/box2_top.jpg) no-repeat;
}
div#petDefinitionBody {
    padding: 0 40px 17px;
    background: url(/img/pc/box_frame/box2_middle.jpg) repeat-y;
}




/* contents
-------------------------------------- */
/* list
---------------------------- */
body#portalDocsContractPetKind .contents li {
    margin-left: 11px;
    padding-left: 9px;
    background: url(/img/pc/common/dot_black.gif) no-repeat 0 5px;
}










/* ========================================
  =00 docs/contract
======================================== */

/* frame
-------------------------------------- */
/* bg
---------------------------- */
body#portalDocsContract .contents {
    padding-top: 30px;
    padding-bottom: 30px;
    background-color: #ffa6d1;
    color: #333;
}


/* title
---------------------------- */
#contractTitle {
    background-image: url(/img/pc/common/star_kiyaku.jpg);
}

#contractBody .contractTitle {
    font-size: 120%;
}

body#portalDocsContract p.description {
    font-weight: normal;
}





/* box
---------------------------- */
div#contractOuter {
    width: 720px;
    margin: 0 auto;
    padding-bottom: 13px;
    background: url(/img/pc/box_frame/box1_bottom.jpg) no-repeat left bottom;
}
div#contractInner {
    padding-top: 20px;
    background: url(/img/pc/box_frame/box1_top.jpg) no-repeat;
}
div#contractBody {
    padding: 0 40px 17px;
    background: url(/img/pc/box_frame/box1_middle.jpg) repeat-y;
}




/* contents
-------------------------------------- */
body#portalDocsContract .section {
    margin: 15px 0;
}

body#portalDocsContract .section .contractTitle {
    padding-bottom: 10px;
}

body#portalDocsContract .section li {
    margin-bottom: 5px;
}

body#portalDocsContract .section li li {
    margin-left: 15px;
}











/* ========================================
  =00 docs/howto
======================================== */
body#portalDocshowto #content {
    padding-top: 0;
    padding-bottom: 0;
}

body#portalDocshowto .howto {
    padding-bottom: 15px;
    background: #fbf7ad;
}
* html body#portalDocshowto .howto {
    zoom: 1;
}
    body#portalDocshowto .howtoListTitle {
        padding: 10px 20px;
    }

    body#portalDocshowto .howtoListWrapper .description {
        margin: 0 0 10px 60px;
        font-weight: normal;
    }



body#portalDocshowto .howtoListOuter {
    width: 816px;
    margin: 0 auto 10px;
    background: url(/img/pc/box_frame/howto_middle.gif) repeat-y;
}
body#portalDocshowto .howtoListInner {
    background: url(/img/pc/box_frame/howto_btm.gif) no-repeat left bottom;
}
body#portalDocshowto .firstHalf {
    background: url(/img/pc/box_frame/howto_top1.gif) no-repeat;
}
body#portalDocshowto .secondHalf {
    background: url(/img/pc/box_frame/howto_top2.gif) no-repeat;
}

    body#portalDocshowto .howtoListBody li {
        display: inline-block;
        width: 265px;
        margin-right: 4px;
        padding-top: 65px;
        padding-bottom: 13px;
        vertical-align: top;
    }
    * html body#portalDocshowto .howtoListBody li {
        display: inline;
        margin-right: 7px;
        zoom: 1;
    }
    *:first-child+html body#portalDocshowto .howtoListBody li {
        display: inline;
        margin-right: 7px;
        zoom: 1;
    }

        body#portalDocshowto .howtoListBody li .description {
            margin: 0 0 0 10px;
        }



        body#portalDocshowto .howtoListBody li .edit {
            margin-top: 5px;
            margin-right: 7px;
            text-align: right;
        }


body#portalDocshowto .movie {
    padding-top: 15px;
    padding-bottom: 15px;
    background: #fbf7ad;
    text-align: center;
}











/* ========================================
  =00 entry
======================================== */
body#portalEntry #content {
    padding-top: 0;
    padding-bottom: 0;
}

body#portalEntry .entry {
    padding-bottom: 15px;
    background: #fbf7ad;
}
* html body#portalEntry .entry {
    zoom: 1;
}

body#portalEntry .contents {
    padding-top: 30px;
    padding-bottom: 30px;
    background: #ffefef url(/img/pc/cp/eukanuba/campaign.gif) no-repeat;
}

    body#portalEntry #entryTitle {
        padding: 10px 20px;
        font-size:200%;
        margin-bottom: 20px;
    }

    body#portalEntry .entryListWrapper .description {
        margin: 0 0 10px 60px;
        font-weight: normal; 
    }

body#portalEntry #eukanuba_detail {
    margin-bottom: 20px;
}
    body#portalEntry #eukanuba_detail .title{
        background: #ffefef url(/img/pc/cp/eukanuba/application.gif) no-repeat;
    }
    body#portalEntry #eukanuba_detail #entryPoints{
        font-size:200%;
        padding: 20px 20px;
        margin-bottom: 10px;
    }
    body#portalEntry .center{
        text-align: center;
        margin: 10px 0;
    }
    body#portalEntry .indent{
        text-indent: 30px;
        padding: 5px 0;
    }
    body#portalEntry .subtitle{
        background: #f9ffe5;
    }
    body#portalEntry #eukanuba_detail h4{
        padding: 5px 15px;
        font-size:120%;
    }
    body#portalEntry #eukanuba_detail .maintext{
        font-size:150%;
    }

    body#portalEntry #pcpp_detail .maintext{
        text-indent: 40px;
        font-size:150%;
    }
    body#portalEntry #pcpp_detail #about{
        text-indent: 140px;
        font-size:120%;
    }

body#portalEntry #entry_form{
    background: #ffefef url(/img/pc/cp/eukanuba/form.gif) no-repeat;
}
body#portalEntry #entryForm{
    font-size:200%;
    padding: 20px 20px;
    margin-bottom: 10px;
}

body#portalEntry .entryListOuter {
    width: 816px;
    margin: 0 auto 10px;
    background: url(/img/pc/box_frame/howto_middle.gif) repeat-y;
}
body#portalEntry .entryListInner {
    background: url(/img/pc/box_frame/howto_btm.gif) no-repeat left bottom; 
}






/* ========================================
  =00 notice/released
======================================== */
#release {
    padding-top: 90px;
}




/* ========================================
  =00 pick up ( photo, campaign)
======================================== */

body#portalPickUpPhoto div#content,
body#portalPickUpPhoto div.contents,
body#portalPickUpDetail div#content,
body#portalPickUpDetail div.contents {
    background-color: #feb4d8;
}
body#portalPickUpPhoto #newProfileTitle {
    height: 60px;
    padding-top: 17px;
    background: url(/img/pc/title_text/pickupstyle2.jpg) no-repeat; 
}
body#portalPickUpPhoto .result {
    background: url(/img/pc/common/pickupstyle_star.jpg) no-repeat ; 
    background-position: 16px 0;
    padding-top: 5px;
    margin-bottom: 20px;
    padding-bottom: 5px;
    vertical-align: center;
    height: 24px;
    border-bottom: 0;
}
body#portalPickUpPhoto div#newProfileBox {
    background: url(/img/pc/common/line.gif) no-repeat;
    background-position: 30px 110px;
    
}
body#portalPickUpPhoto .searchResult li.photo {
    display: inline;
    float: left;
    margin-left: 10px;
    margin-bottom: 10px;
}

body#portalPickUpPhoto div#pickUpCampaing ul li {
    display: inline;
    float: left;
    margin-left: 10px;
    margin-bottom: 10px;
}
body#portalPickUpPhoto ul.dummy_pager {
    margin: 30px 0;
}

#mainContentsOuter {
    float: left;
    display: inline; /* ie6 fix */
    width: 480px;
    margin: 0 170px 0 190px;
}

body#portalPickUpDetail #newProfileTitle {
    height: 60px;
    padding-top: 17px;
    background: url(/img/pc/title_text/pickupphoto.jpg) no-repeat; 
}
body#portalPickUpDetail #mainContentsOuter {
    width: 625px;
    margin: 0 0 20px 0;
}

body#portalPickUpDetail #subtitle {
    margin-bottom:20px;
    background: url(/img/pc/common/pickupphoto_star.jpg) no-repeat ; 
    background-color: #FFD6EA;
    background-position: 6px 5px;
    padding-left: 35px;
    padding-top: 10px;
    padding-bottom: 5px;
    margin-top: 10px;
    margin-bottom: 20px;
    height: 24px;
}
body#portalPickUpDetail #subtitle .right{
    float: right;
    display: inline;
    padding-right: 15px;
    margin-top: -15px;
    padding-bottom: 15px;
}

body#portalPickUpDetail.detail .profileContentsTitle {
    background-image:url("/img/pc/common/bar_l.gif");
    margin-bottom: 7px;
}

.profileContentsTitle, .subContentsTitle {
    background:url("/img/pc/common/bar_m_top.gif") no-repeat scroll left top transparent;
    padding:5px 10px;
    position:relative;
    top:-1px;
}

body#portalPickUpDetail.detail .profileContentsOuter {

}

body#portalPickUpDetail.detail .profileContentsInner {
    background: url(/img/pc/common/bar_btm_l.gif) no-repeat left bottom; 
    padding-bottom: 10px;
}
body#portalPickUpDetail.detail .profileContentsBody {
    background: url(/img/pc/common/bar_middle_l.gif) repeat-y;
    padding-bottom: 1px;
}
body#portalPickUpDetail.detail .profileContentsBody .image {
    text-align: center;
    margin-top: 10px;
}
body#portalPickUpDetail.detail #petInfo {
    background-color: #fcdb98;
    padding: 10px;
    width: 350px;
    margin: 10px auto 20px;
}
body#portalPickUpDetail.detail #photoInfo {
    text-align: right;
    margin-right: 20px;
}
body#portalPickUpDetail.detail .time {
    display: block;
}
body#portalPickUpDetail.detail #newProfileBox a {
    color: #FD6600;
}

body#portalPickUpDetail.detail #returnNavi {
}
body#portalPickUpDetail div#subContents {
    display: inline;
    float: right;
    margin-left: 15px;
}
body#portalPickUpDetail div#pickUpCampaing ul li img {
    margin-bottom: 10px;
}

body#portalPickUpDetail div.profileContentsInner,
body#portalPickUpDetail h2.profileContentsTitle,
body#portalPickUpDetail div.profileContentsBody  {
    zoom: 1;
}

body#portalPickUpDetail.detail #returnNavi {
    text-align: center;
    font-size: 120%
}




/* ========================================
  =00 cms --- register common
======================================== */

body.cms a {
    color: #f09;
}

/* frame
-------------------------------------- */

body.register #content {
    padding-top: 0!important;
}

/* bg
---------------------------- */
body#portalDocshowto .contents,
body.login .contents,
body.cmsRegister .contents {
    padding-top: 30px;
    padding-bottom: 30px;
    background: #faffe9 url(/img/pc/title_bg/pattern_11.jpg) no-repeat;
}



/* step
---------------------------- */
#registrationStep {
    margin-bottom: 30px;
    overflow: hidden;
}
* html #registrationStep {
    width: 840px;
    zoom: 1;
}
*:first-child+html #registrationStep {
    zoom: 1;
}
#registrationStep:after {
    content: ".";
    display: block;
    clear: both;
    height: 0;
    visibility: hidden;
}





#registrationStep li {
    float: left;
}

body.owner #registrationStep li {
    margin-right: 3px;
}



/* title
---------------------------- */
body.cms .functionTitle {
    margin-bottom: 20px;
    padding: 0 0 0 35px;
    background: url(/img/pc/common/star_title_pink.gif) no-repeat left center;
    color: #ff0068;
    font-size: 200%;
    text-indent: 0;
}

body.cms .doneTitle {
    margin: 0;
    padding: 0;
    color: #333;
    background: none;
    font-size: 100%;
    text-indent: 0;
}


body.cms .doneDescription {
    margin-top: 5px;
}





/* form
---------------------------- */
div.registerData {
    width: 838px;
    margin: 0 auto;
    border-bottom: solid 1px #fc3;
}

    div.registerData dl {
        border: solid 1px #fc3;
        border-bottom: none;
        background: #fdf2c4;
    }
    * html div.registerData dl {
        zoom: 1;
    }
    *:first-child+html div.registerData dl {
        zoom: 1;
    }

        div.registerData dl dt {
            display: inline-block;
            vertical-align: middle;
            width: 158px;
            padding-left: 12px;
            background: #fdf2c4;
            color: #686601;
        }

        div.registerData dl dd {
            display: inline-block;
            vertical-align: middle;
            width: 652px;
            padding: 8px 0 5px 14px;
            background: #fff;
        }

        * html div.registerData dl dt,
        * html div.registerData dl dd {
            display: inline;
            zoom: 1;
        }
        *:first-child+html div.registerData dl dt,
        *:first-child+html div.registerData dl dd {
            display: inline;
            zoom: 1;
        }

body.registerEdit div.update {
    width: 648px;
    border: none;
}

    body.registerEdit div.update dl {
        clear: both;
        padding-bottom: 5px;
        border: none;
        background: none;
        overflow: hidden;
    }

        body.registerEdit div.update dl dt {
            display: block;
            width: 632px;
            margin: 1px;
            padding: 7px;
            background: #ededed;
            color: #333;
        }

        body.registerEdit div.update dl dd {
            display: block;
            width: auto;
        }

            body.registerEdit div.update dl dd input.text {
                width: 500px;
            }

            body.registerEdit div.update .birthDate .supplement {
                clear: both;
                padding-top: 5px;
            }

    form.registerForm div.submit {
        padding-top: 10px;
        text-align: center;
    }




/* edit (registered page)
---------------------------- */
body#cmsRegisterPetEditConfirm div.submit,
body#cmsRegisterPetEdit div.submit,
body#cmsRegisterOwnerEditConfirm .registerForm div.submit,
body#cmsRegisterOwnerEdit .registerForm div.submit {
    padding-top: 15px;
    border-top: 1px solid #fc6;
}

body#cmsRegisterOwnerEditConfirm .registerForm div.submit {
   padding-bottom: 15px;
   border-bottom: none;
}

body#cmsRegisterOwnerEditConfirm .error,
body#cmsRegisterOwnerEdit .error {
    margin: 10px 10px 0;
}

body#cmsRegisterPetEditConfirm .description,
body#cmsRegisterPetEdit .description {
    padding: 5px 10px;
    border-bottom: solid 1px #fc6;
    font-weight: normal;
}

body#cmsRegisterPetEditConfirm div.submit,
body#cmsRegisterPetEdit div.submit {
    padding-bottom: 10px;
}





/* ssl  switch
---------------------------- */
.secure {
    padding-bottom: 5px;
    font-size: 83%;
    text-align: right;
}
    .secure li {
        display: inline;
    }

    .secure li.ssl {
        margin-left: 0.2em;
        padding-left: 0.5em;
        border-left: solid 1px #666664;
    }




.switch {
    padding-bottom: 5px;
}
    .switch li {
        display: inline;
    }

    .switch li.second,
    .switch li.third,
    .switch li.fourth {
        margin-left: 0.2em;
        padding-left: 0.5em;
        border-left: solid 1px #666664;
    }


body.cms .switch {
    padding: 8px 15px;
    border-bottom: solid 1px #fbe89b;
}







/* errors
---------------------------- */
ul.errors {
    margin-bottom: 15px;
    padding: 15px 20px;
    border: solid 1px #fe6665;
    background: #fff;
}

    ul.errors li {
        padding-left: 10px;
        background: url(/img/pc/common/dot_red.gif) no-repeat left center;
        color: #fe6665;
        font-weight: bold;
    }






/* etc
---------------------------- */
body.cms .backToTop a {
    padding-left: 15px;
    background: url(/img/pc/common/arrow_orange.gif) no-repeat left center;
}

body.cmsRegister a {
    color: #cc0098;
}
















/* ========================================
  =00 cms --- join cmsDocsRegister
======================================== */


/* contents
-------------------------------------- */

/* title
---------------------------- */
body#cmsDocsRegister .description {
    padding: 15px 0 0 10px;
    color: #666;
    font-weight: normal;
}
    body#cmsDocsRegister .description a {
        color: #cb0098;
    }

#addPcpp #addPcppTitle {
    width: 503px;
    height: 31px;
    background: url(/img/pc/title_text/register_title_kaiintouroku.gif) no-repeat;
}
#addPcpp #pcRegistrationTitle {
    width: 800px;
    height: 32px;
    background: url(/img/pc/title_text/pc_registration.gif) no-repeat;
}
#addPcpp #mobileRegistrationTitle {
    width: 798px;
    height: 33px;
    background: url(/img/pc/title_text/mobile_registration.gif) no-repeat;
}


#cmsDocsRegister .explanation {
    padding: 12px 40px 25px;
}
#cmsDocsRegister #pcRegistrationGuidance {
    padding: 12px 40px;
}
#cmsDocsRegister #mobileRegistrationGuidance {
    padding: 12px 40px;
}


#aboutPcppQuestionTitle {
    width: 380px;
    height: 31px;
    margin-left: 20px;
    background: url(/img/pc/title_text/register_title_puchipet.gif) no-repeat;
}




/* step
---------------------------- */
body#cmsDocsRegister #registrationStep {
    margin-bottom: 0;
}


/* box
---------------------------- */
#addPcppOuter {
    width: 838px;
    margin: 0 auto;
    border: solid 1px #ffcc33;
    background: #fff;
}
#addPcpp {
    padding: 15px 19px;
}








/* form
---------------------------- */
#addPcpp form {
    padding: 0 0 12px 20px;
    color: #676500;
    font-size: 90%;
}

    #addPcpp form label {
position: relative;
top: -3px;
    }


    #addPcpp form.pc input.text {
        width: 420px;
        margin: 0 10px;
    }



#addPcpp form.mobile {
    position: relative;
    padding-bottom: 60px;
}

    #addPcpp form.mobile input.text {
        width: 275px;
        margin: 0 5px 0 10px;
    }

    #addPcpp form.mobile span {
        font-size: 200%;
        font-weight: bold;
    }

    #addPcpp form.mobile select {
        margin: 0 10px 0 5px;
    }

    #addPcpp form input.submit {
        vertical-align: bottom;
    }


    #addPcpp form.mobile p.qr {
        position: absolute;
        top: -40px;
        right: 10px;
    }






/* aboutPcppQuestion
---------------------------- */
#aboutPcppQuestion {
    width: 840px;
    margin: 10px auto 0;
    padding-top: 10px;
    background: #fbf7ad;
    color: #666;
}

#aboutPcppQuestion:after {
    content: ".";
    display: block;
    clear: both;
    height: 0;
    visibility: hidden;
}
* html #aboutPcppQuestion {
    zoom: 1;
}
*:first-child+html #aboutPcppQuestion {
    zoom: 1;
}


#aboutPcppQuestion .pointWrapper {
    margin-top: 15px;
    background: url(/img/pc/box_frame/registration_about_middle.gif) repeat-y 15px 0;
}

#aboutPcppQuestion ul {
    position: relative;
    left: -7px;
    width: 817px;
    margin-left: 22px;
    background: url(/img/pc/box_frame/registration_about_top.gif) no-repeat left top;
}


#aboutPcppQuestion ul:after,
#aboutPcppQuestion .pointWrapper:after {
    content: ".";
    display: block;
    clear: both;
    height: 0;
    visibility: hidden;
}
* html #aboutPcppQuestion ul,
* html #aboutPcppQuestion .pointWrapper {
    zoom: 1; /* clear */
}
*:first-child+html #aboutPcppQuestion ul,
*:first-child+html #aboutPcppQuestion .pointWrapper {
    zoom: 1; /* clear */
}



    #aboutPcppQuestion li {
        float: left;
        width: 265px;
        height: auto!important;
        height: 90px;
        min-height: 90px;
        margin-right: 7px;
    }
    #aboutPcppQuestion li.point1 {
        background: url(/img/pc/pattern_bg/illust_profile.gif) no-repeat 5px 5px;
    }
    #aboutPcppQuestion li.point2 {
        background: url(/img/pc/pattern_bg/illust_album.gif) no-repeat 5px 5px;
    }
    #aboutPcppQuestion li.point3 {
       background: url(/img/pc/pattern_bg/illust_comm.gif) no-repeat 5px 5px;
    }

        #aboutPcppQuestion li .sectionTitle {
            height: 25px;
            margin-bottom: 0;
            padding-top: 10px;
            padding-left: 100px;
            background: none;
            color: #e93f95;
            font-size: 130%;
        }

            #aboutPcppQuestion li .sectionTitle span {
                color: #fdcdff;
            }

        #aboutPcppQuestion li p {
            padding-right: 10px;
            padding-left: 100px;
            font-weight: bold;
        }

    #registration p.detail {
        clear: left;
        padding-top: 20px;
        padding-bottom: 15px;
        background: url(/img/pc/box_frame/registration_about_btm.gif) no-repeat 15px 0;
        text-align: center;
    }

    #registration div.release {
        padding-right: 14px;
        padding-top: 30px;
        text-align: right;
    }

























/* ========================================
  =00 cms --- join cmsSubscribeDone
======================================== */


/* contents
-------------------------------------- */
body#cmsSubscribeDone #addPcppOuter #addPcpp .doneTitle {
    margin: 0 0 5px 0;
}

body#cmsSubscribeDone .backToTop {
    margin-top: 15px;
}

body#cmsSubscribeDone #addPcpp {
    padding-bottom: 35px;
}





/* ========================================
  =00 cms --- join register_owner
======================================== */
body#cmsRegisterOwner #content {
    padding-bottom: 0;
}

body#cmsRegisterOwner .description {
    margin-bottom: 23px;
    font-weight: normal;
}

body#cmsRegisterOwner .registerData .id input.text,
body#cmsRegisterOwner .registerData .birthDate input.text,
body#cmsRegisterOwner .registerData .password input.text {
    margin-bottom: 5px;
}

body#cmsRegisterOwner .registerData .id input.text,
body#cmsRegisterOwner .registerData .owner input.text,
body#cmsRegisterOwner .registerData .password input.text {
    width: 410px;
}

body.cmsRegister .registerData .pcMailAddress td,
body.cmsRegister .registerData .mobileMailAddress td {
    padding-left: 14px;
    font-weight: bold;
}

body.cmsRegister .registerData .mail .address {
    float: left;
}
body.cmsRegister .registerData .mail .edit {
    float: right;
    padding-right: 20px;
    font-weight: normal;
}




body#cmsRegisterOwnerEdit .registerData .address div,
body#cmsRegisterOwnerEdit .registerData .birthDate div,
body#cmsRegisterOwnerEdit .registerData .sex div,
body#cmsRegisterOwner .registerData .address div,
body#cmsRegisterOwner .registerData .birthDate div,
body#cmsRegisterOwner .registerData .sex div {
    float: left;
}

body#cmsRegisterOwnerEdit div.update dl dd div.secret,
body#cmsRegisterOwner .registerData .address div.secret,
body#cmsRegisterOwner .registerData .birthDate div.secret,
body#cmsRegisterOwner .registerData .sex div.secret {
    float: right;
    padding-right: 300px;
}


body#cmsRegisterOwner .registerData .sex label {
    margin-right: 40px;
}
body#cmsRegisterOwner .registerData .sex .secret label {
    margin-right: 0;
}


body#cmsRegisterOwner .registerData .birthDate .supplement {
    clear: both;
}

body#cmsRegisterOwner .registerData .birthDate input.text {
    width: 215px;
}

body#cmsRegisterOwner .registerData .mailMagazine div label {
    margin-right: 25px;
}














/* ========================================
  =00 cms --- join register_owner_confirm
======================================== */
body#cmsRegisterOwnerConfirm form .submit {
    margin-left: -15px;
}

body#cmsRegisterOwnerConfirm form .submit input {
    margin-right: 15px;
}




/* ========================================
  =00 cms --- join register_owner_done
======================================== */
body#cmsRegisterOwnerDone .registerPet {
    margin: 30px 0;
    text-align: center;
}





/* ========================================
  =00 cms --- register_pet/
======================================== */
body#cmsRegisterPet #content {
    padding-bottom: 0;
}


body#cmsRegisterPet p.description {
    font-weight: normal;
}

body#cmsRegisterPet form .supplement {
    margin-top: 5px;
}


body#cmsRegisterPet .petKind3 input.text,
body#cmsRegisterPet .petName input.text {
    width: 410px;
}



body#cmsRegisterPet form .type {
    margin-bottom: 5px;
}

    body#cmsRegisterPet form .type label {
        margin-right: 40px;
    }

body#cmsRegisterPet form .date {
    margin-left: -5px;
}

    body#cmsRegisterPet form .date select {
        margin-right: 3px;
        margin-left: 5px;
    }



*:first-child+html body#cmsRegisterPet form div.registerData .petBirthDate * {
    zoom: 1;
}



/* ========================================
  =00 cms --- register_pet/done
======================================== */


body#cmsRegisterPetDone .goToCms {
    margin: 30px 0;
    text-align: center;
}










/* ========================================
  =00 cms --- login/index
======================================== */
body.login .loginContents {
    float: left;
    width: 415px;
}
* html body.login .loginContents {
    overflow: hidden;
}

body.login .body {
    height: auto!important;
    height: 300px;
    min-height: 300px;
    padding: 10px 15px;
}

body.login #loginPcppOuter {
    margin-right: 10px;
    background: url(/img/pc/box_frame/login_border_middle.gif) repeat-y;
}
body.login #loginPcppInner {
    background: url(/img/pc/box_frame/login_border_top.gif) no-repeat;
}
body.login #loginPcppBody {
    position: relative;
    background: url(/img/pc/box_frame/login_border_btm.gif) no-repeat left bottom;
}

body.login #registerPcppOuter {
    background-color: #fcffb0;
}
body.login #registerPcppInner {
    background: url(/img/pc/box_frame/shinki_bg_top.gif) no-repeat;
}
body.login #registerPcppBody {
    background: url(/img/pc/box_frame/shinki_bg_btm.gif) no-repeat left bottom;
}


body.login .loginContents .loginTitle {
    line-height: 15px;
    min-height: 15px;
    padding-left: 20px;
    background: url(/img/pc/common/star_login.gif) no-repeat;
}


body.login #loginPcppBody .secure {
    position: absolute;
    top: 10px;
    right: 50px;
}

body.login #loginPcppBody dl {
    margin-bottom: -25px;
    padding: 20px 0 20px 15px;
}


    body.login #loginPcppBody dt {
        padding-bottom: 1px;
        font-weight: bold;
    }

    body.login #loginPcppBody dd .text {
        width: 343px;
        margin-bottom: 10px;
        font-size: 150%;
    }

body.login #loginPcppBody .autoLogin {
    margin-bottom: 10px;
    padding-left: 15px;
}


body.login #loginPcppBody .submit {
    margin-bottom: 10px;
    text-align: center;
}

body.login #loginPcppBody .support {
    text-align: center;
}

    body.login #loginPcppBody .support li {
        margin-bottom: 5px;
        font-size: 75%;
    }




body.login #registerPcppBody p {
    text-align: center;
}

body.login #registerPcppBody p.description {
    margin: 20px 0 15px;
    font-weight: normal;
}

body.login #registerPcppBody p.register {
    margin-bottom: 55px;
}




/* ========================================
  =00 cms --- login/login
======================================== */
body#cmsLogout #registration {
    padding-bottom: 200px;
}

body#cmsLogout #registration .login {
    margin-bottom: 15px;
}

    body#cmsLogout #registration .login a {
        padding-left: 15px;
        background: url(/img/pc/common/arrow_orange.gif) no-repeat left center;
    }













/* ========================================
  =00 cms --- cms/ cms common
======================================== */


/* dialog
-------------------------------------- */
div.ui-dialog {
    border: solid 1px #dba602!important;
    border-radius: 0!important;
    -moz-border-radius: 0!important;
    -webkit-border-radius: 0!important;
    background: #fdce38!important;
}

.ui-widget-header {
    border: none!important;
}

.ui-dialog-titlebar {
    padding-top: 0!important;
    padding-bottom: 0!important;
    background: #ffcd36 url(/img/pc/simple_bg/belt_yellow.gif) repeat-x!important;
    color: #646634!important;
}

.ui-widget-header .ui-icon {
    display: block;
    width: 18px;
    height: 18px;
    background: url(/img/pc/common/icon_dialog_close.gif)!important;
}

.ui-widget-content {
    height: auto!important;
    min-height: 1px!important;
    background: #fff!important;
    border-top: none!important;
    text-align: center!important;
}

.ui-dialog .ui-dialog-content {
    padding-top: 35px!important;
    padding-bottom: 5px!important;
}

.ui-dialog-buttonpane {
    margin: 0!important;
}

.ui-dialog-buttonpane {
    padding-bottom: 45px!important;
    text-align: center!important;
}

* html .ui-widget input, * html .ui-widget select, * html .ui-widget textarea, * html .ui-widget button {
    padding-right: 5px!important;
    padding-left: 5px!important;
}
*:first-child+html .ui-widget input, *:first-child+html .ui-widget select, *:first-child+html .ui-widget textarea, *:first-child+html .ui-widget button {
    padding-right: 5px!important;
    padding-left: 5px!important;
}

/*
.ui-dialog-buttonpane button {
    background: none!important;
    border: auto!important;
    border-radius: 0!important;
    -moz-border-radius: 0!important;
    -webkit-border-radius: 0!important;
    color: #333!important;
}
*/




body.cms .supplement {
    color: #666;
}

body.cms .error {
    padding: 10px 20px 7px;
    border: solid 2px #ff6766;
    background: #fff;
}

body.cms .error li {
    margin-bottom: 3px;
    padding-left: 15px;
    background: url(/img/pc/common/dot_red.gif) no-repeat left center;
}



body.cms #content {
    padding-top: 25px;
    padding-bottom: 150px;
    background-color: #fff;
}
body.cms #content:after {
    content: ".";
    display: block;
    clear: both;
    height: 0;
    visibility: hidden;
}
* html body.cms #content {
    zoom: 1; /* clear */
}
*:first-child+html body.cms #content {
    zoom: 1; /* clear */
}


body.cms .cmsContentsBody {
    padding-bottom: 5px;
}


body.cms #content .main {
    float: right;
    display: inline;
    width: 650px;
    margin-right: 30px;
}
body.cms #content .sub {
    float: left;
    display: inline;
    width: 180px;
    margin-left: 30px;
}



/* main
-------------------------------------- */
body.cms .cmsContentsOuter {
    background: url(/img/pc/box_frame/cms_box_middle.gif) repeat-y;
}
body.cms .cmsContentsInner {
    background: url(/img/pc/box_frame/cms_box_bottom.gif) no-repeat left bottom;
}
body.cms .cmsContentsBody {
    background: url(/img/pc/box_frame/cms_box_top.gif) no-repeat;
}
    body.cms .cmsContentsBody .cmsContentsTitle {
        padding: 5px 10px;
    }

* html body.cms .cmsContentsInner {
    zoom: 1;
}


/* sub
-------------------------------------- */
body.cms .sub #ownerImage {
    background: url(/img/pc/box_frame/cms_owner_prof_middle.gif) repeat-y;
    text-align: center;
}

    body.cms .sub #ownerImage img {
        display: block;
        margin: 0 auto 5px;
    }

    body.cms .sub #ownerImage p {
        padding-top: 9px;
        background: url(/img/pc/box_frame/cms_owner_prof_top.gif) no-repeat;
    }

body.cms .sub .photoUpload {
    padding-top: 13px;
    background: url(/img/pc/box_frame/cms_owner_prof_btm.gif) no-repeat top left;
    text-align: center;
}



body.cms .sub #cmsNav {
    margin-top: 9px;
    padding: 1px;
    border: solid 1px #fbd268;
}

    body.cms .sub #cmsNav .cmsNavTitle {
        margin: 0 0 5px 0;
        padding: 5px 10px;
        background: url(/img/pc/simple_bg/belt_yellow.gif) repeat-x;
        color: #666634;
    }
    body.cms .sub #cmsNav h2.owner {
        background-image: url(/img/pc/simple_bg/belt_green.gif);
        color: #4c7033;
    }

    body.cms .sub #cmsNav .cmsNav {
    }

        body.cms .sub #cmsNav .cmsNav li {
        }

            body.cms .sub #cmsNav .cmsNav li a {
                display: block;
                padding: 3px 0 3px 22px;
                background: url(/img/pc/common/arrow_green.gif) no-repeat 7px 5px;
                color: #333;
                font-size: 95%;
                text-decoration: none;
            }
            * html body.cms .sub #cmsNav .cmsNav li a {
                zoom: 1;
            }
            *:first-child+html body.cms .sub #cmsNav .cmsNav li a {
                zoom: 1;
            }

            body.cms .sub #cmsNav .cmsNav li a:hover {
                background-color: #f0f0f0;
                font-weight: bold;
            }







/* link
-------------------------------------- */
body.cms .cmsLink a {
    padding-left: 15px;
    background: url(/img/pc/common/arrow_yallow.gif) no-repeat left center;
}

body.cms a {
    color: #fe6601;
}

body.cms a:hover {
    text-decoration: none;
}

body.cms #siteNav a {
    color: #333;
}



/* paging
-------------------------------------- */
body.cms .pager a {
    color: #ff6801!important;
}
body.cms .pager .current {
    color: #333!important;
}




/* cmsSubNav
-------------------------------------- */
body.cms .cmsSubNav {
    margin: 0 1px;
    padding: 5px 15px;
    border-top: solid 1px #fde79b;
    background: #ffffcd;
    text-align: right;
}




/* edit form
-------------------------------------- */
.editForm {
    padding: 1px;
    border-top: solid 1px #febe14;
}

    .editForm .editFormHeadline {
        padding: 5px 10px;
        background: #ededed;
        font-weight: normal;
    }

    .editForm .editFormParts {
        padding: 10px 10px;
    }

    .editForm div.submit {
        padding-top: 15px;
        padding-bottom: 15px;
        border-top: solid 1px #febe14;
        text-align: center;
    }

        .editForm div.submit .delete {
            margin-right: 15px;
        }


.editForm .supplement {
    color: #666;
}


















/* ========================================
  =00 cms --- cms/index
======================================== */
/* information
-------------------------------------- */
body.cms #cmsInformationOuter {
    margin-bottom: 10px;
    padding: 1px;
    border: solid 1px #669acc;
}
body.cms #cmsInformationInner {
    background: url(/img/pc/simple_bg/belt_blue.gif) repeat-x;
}

    body.cms #cmsInformationBody .cmsTitle {
        padding: 5px 7px 5px 27px;
        background: url(/img/pc/common/icon_info.gif) no-repeat 7px 3px;
        color: #35679a;
    }

    body.cms #cmsInformationBody dl {
        padding: 10px;
    }

        body.cms #cmsInformationBody dt {
            clear: left;
            float: left;
            width: 50px;
        }

        body.cms #cmsInformationBody dd {
            margin-bottom: 5px;
        }

            body.cms #cmsInformationBody a {
                color: #333;
            }





/* notice
-------------------------------------- */
body.cms #cmsNoticeOuter {
    margin: 10px 0;
    background: url(/img/pc/box_frame/cms_notice_middle.gif) repeat-y;
}
body.cms #cmsNoticeInner {
    background: url(/img/pc/box_frame/cms_notice_top.gif) no-repeat;
}
body.cms #cmsNoticeBody {
    padding: 15px 15px 14px 15px;
    background: url(/img/pc/box_frame/cms_notice_btm.gif) no-repeat left bottom;
}
* html body.cms #cmsNoticeOuter {
    zoom: 1;
}

    body.cms #cmsNoticeBody li {
        padding-bottom: 1px;
        color: #ff0097;
    }
    body.cms #cmsNoticeBody li.link {
        padding-left: 550px;
    }

        body.cms #cmsNoticeBody span {
            font-weight: bold;
        }



/* pet list
-------------------------------------- */
body#cmsProfileEdit .profileOuter,
body.cms .petList .petOuter {
    position: relative;
    clear: left;
    margin: 10px;
    padding: 3px;
    border: solid 1px #febe14;
    background: #fdf0ac;
}
body#cmsProfileEdit .profileOuter .profile,
body.cms .petList .pet {
    padding: 4px;
    background: #fff;
}
* html body.cms div#profileList  {
    zoom: 1;
}
* html body.cms .petList .petOuter,
* html body#cmsProfileEdit .profileOuter {
    zoom: 1;
}
*:first-child+html body#cmsProfileEdit .profileOuter,
*:first-child+html body#cmsProfileEdit .profileOuter .profile,
*:first-child+html body.cms .petList .petOuter {
    zoom: 1;
}

body#cmsProfileEdit .pallet_button {
    margin-top: 4px;
    margin-left: 15px;
}

body#cmsProfileEdit .profileOuter .profile:after,
body.cms .petList .pet:after {
    content: ".";
    display: block;
    clear: both;
    height: 0;
    visibility: hidden;
}

* html body#cmsProfileEdit .profileOuter .profile,
* html body.cms .petList .pet {
    zoom: 1; /* clear */
}
*:first-child+html body#cmsProfileEdit .profileOuter .profile,
*:first-child+html body.cms .petList .pet {
    zoom: 1; /* clear */
}


    body.cms .petList .image {
        float: left;
    }

    body.cms .petList .petName,
    body.cms .petList .petData,
    body.cms .petList .more {
        margin-left: 87px;
    }


    body#cmsFavoriteProfile .petList .petHeadline,
    body.cms .petList .petName {
        margin-left: 84px;
        margin-bottom: 5px;
        padding: 7px 0 5px 3px;
        border-bottom: dotted 1px #cdcbcc;
    }

        body.cms .petList .petName a {
            color: #fe6601;
        }

    body.cms .petList .petData {
        xtable-layout: fixed;
        border-collapse: collapse;
        color: #666;
    }
    body.cms .petList .petData .photoNo {
        color: #333;
    }

        body.cms .petList .petData th {
            padding-bottom: 3px;
            font-weight: normal;
            text-align: left;
            vertical-align: top;
        }

            body.cms .petList .petData th div {
                float: left;
            }
            body.cms .petList .petData th span {
                color: #666;
                float: right;
            }
            * html body.cms .petList .petData th span {
                float: none;
            }
            *:first-child+html body.cms .petList .petData th span {
                float: none;
            }

        body.cms .petList .petData td {
            clear: right;
            padding-right: 10px;
            vertical-align: top;
        }

            body.cms .petList .petData td span {
                color: #333;
                font-weight: bold;
            }

    body.cms .petList .more {
        position: absolute;
        bottom: 7px;
        right: 10px;
    }

    body.cms .petList .more a {
        display: block;
        width: 16px;
        height: 16px;
        background: url(/img/pc/common/icon_link_yellow.gif) no-repeat;
    }

        body.cms .petList .more a span {
            position: absolute;
            width: 0;
            height: 0;
            overflow: hidden;
        }










/* ========================================
  =00 cms --- cms/favorite/profile
======================================== */

body#cmsProfileEdit .profileOuter,
body#cmsFavoriteProfile .petList .petOuter {
    border-color: #ccc;
    background-color: #ebebeb;
}

body.favorite .cmsSubNav div,
body.favorite .cmsSubNav ul {
    display: inline;
    border-bottom: none;
}

body.favorite .switch a {
    color: #ff6501;
}

body.favorite #favoriteSwitch {
    padding: 8px 15px;
    color: #666;
}


body#cmsFavoriteProfile .petList .shortcutNav {
    text-align: right;
}

    body#cmsFavoriteProfile .petList .shortcutNav li {
        display: inline;
    }

        body#cmsFavoriteProfile .petList .shortcutNav li a {
            margin-right: 5px;
            padding-left: 15px;
            background: url(/img/pc/common/arrow_yallow.gif) no-repeat left center;
            color: #fe6603;
            font-size: 83%;
        }





body#cmsFavoriteProfile .petList .petName {
    border: none;
    margin: 0;
    padding: 0;
}

body#cmsFavoriteProfile .petList .petDetail {
    margin-left: 87px;
    font-size: 83%;
    line-height: 1.5;
}

body#cmsFavoriteProfile .petList .petKind {
    font-weight: bold;
}

body#cmsFavoriteProfile .petList .petSex,
body#cmsFavoriteProfile .petList .petAge {
    display: inline;
    padding-right: 10px;
    color: #676767;
}

body#cmsFavoriteProfile .petList .owner {
    margin-top: 5px;
    margin-left: 87px;
}

    body#cmsFavoriteProfile .petList .owner img {
        margin-right: 5px;
    }

    body#cmsFavoriteProfile .petList .owner a {
        color: #663500;
    }

body#cmsFavoriteProfile .petList .delete {
    position: absolute;
    bottom: 7px;
    right: 10px;
    color: #666;
}

    body#cmsFavoriteProfile .petList .delete a {
        margin: 0 2px;
        color: #fe6603;
    }








/* ========================================
  =00 cms --- cms/favorite/photo
======================================== */
body#cmsFavoritePhoto .album {
    padding: 15px 0 0 31px;
}
body#cmsFavoritePhoto .album:after {
    content: ".";
    display: block;
    clear: both;
    height: 0;
    visibility: hidden;
}
* html body#cmsFavoritePhoto .album {
    zoom: 1;
}
*:first-child+html body#cmsFavoritePhoto .album {
    zoom: 1;
}

    body#cmsFavoritePhoto .album li {
        float: left;
        display: inline;
        width: 108px;
        margin-bottom: 8px;
        margin-left: 8px;
    }

        body#cmsFavoritePhoto .album li div {
            padding: 4px;
            border: solid 1px #ccc;
        }
        * html body#cmsFavoritePhoto .album li div {
            zoom: 1;
        }

            body#cmsFavoritePhoto .album li .title {
                font-size: 83%;
                font-weight: normal;
                height: 160px;
            }

            body#cmsFavoritePhoto .album li .delete {
                padding-top: 2px;
                text-align: center;
            }

                body#cmsFavoritePhoto .album li .delete a {
                    margin: 0 2px;
                    color: #ff6501;
                }



body#cmsFavoritePhoto .pager {
    clear: both;
}





















/* ========================================
  =00 cms --- cms/album/  common
======================================== */





/* ========================================
  =00 cms --- cms/album/index
======================================== */


body#cmsAlbumIndex .cmsContentsBody form ul {
    text-align: left;
}

body#cmsAlbumIndex .cmsContentsBody form #folderIdInput,
body#cmsAlbumIndex .cmsContentsBody form li.submit {
    display: inline;
}

body#cmsAlbumIndex .cmsContentsBody form ul label {
    display: inline-block;
    width: 60px;
}

* html body#cmsAlbumIndex .cmsContentsBody form ul label {
    display: inline;
    width: 55px;
    zoom: 1;
}




body.album .cmsUpdating {
    margin: 10px;
    padding: 20px 20px 15px;
    border: dotted 1px #ffcc33;
    text-align: center;
}



body.album .petList .petWrapper {
    border-top: 1px solid #febe14;
}

    body.album .petList .petOuter {
        margin: -1px 0 0 0;
        padding-bottom: 2px;
        border: none;
        border-bottom: 1px solid #febe14;
        background: none;
    }
    body.album .petList .cautionPhoto .pet {
        background: #ffe5e6;
    }

        body.album .petList .image a {
            display: block;
            margin-bottom: 3px; 
        }

        * html body.album .petList .petName a {
            position: relative;
            top: 5px;
        }
        body.album .petList .petName img {
            margin-left: 5px;
        }

        body.album .petList .petDetail {
            margin-left: 87px;
            line-height: 1.5;
        }

            body.album .petList .petMemory {
                padding-left: 20px;
                background: url(/img/pc/common/icon_folder.gif) no-repeat left center;
            }

            body.album .petList .petComment {
                padding-left: 20px;
                background: url(/img/pc/common/icon_comment.gif) no-repeat left center;
            }

                body.album .petList .petComment a {
                    margin: 0 2px;
                    color: #333;
                    font-weight: bold;
                }


        body.album .petList .date {
            position: absolute;
            bottom: 7px;
            right: 10px;
        }



/* no photo
-------------------------------------- */
body.album .noPhoto {
    border-top: 1px solid #febe14;
    padding: 30px 25px;
}
*:first-child+htmlbody.album .noPhoto {
    zoom: 1;
}
    border-top: 1px solid #febe14;

    body.album .noPhoto .cmsLink {
        margin-top: 10px;
    }












/* ========================================
  =00 cms --- cms/album/post
======================================== */
body#cmsAlbumPost #albumSwitch {
    margin-bottom: 30px;
}

body#cmsAlbumPost div.uploaderContents .uploadTitle {
    margin-bottom: 20px;
    font-weight: normal;
}

body#cmsAlbumPost div#photoUploader {
    float: left;
    display: inline;
    width: 300px;
    margin-left: 30px;
}
body#cmsAlbumPost div#usedArea {
    float: right;
    display: inline;
    width: 270px;
    margin-right: 30px;
}

body#cmsAlbumPost .supplement {
    clear: both;
    padding: 20px 30px;
    font-size: 83%;
}
* html body#cmsAlbumPost .supplement {
    zoom: 1;
}
*:first-child+html body#cmsAlbumPost .supplement {
    zoom: 1;
}


    body#cmsAlbumPost div#photoUploader input {
        margin-bottom: 5px;
    }

    body#cmsAlbumPost div#photoUploader .submit {
        padding-left: 75px;
    }


body#cmsAlbumPost div#usedAreaGraph {
    width: 260px;
    padding: 25px 0;
    border: solid 5px #dee7e6;
    text-align: center;
}

    body#cmsAlbumPost div#usedAreaGraph .percent {
        color: #64cccb;
        font-size: 300%;
    }

    body#cmsAlbumPost div#usedAreaGraph .size {
        margin-top: 5px;
        letter-spacing: 0.3em;
        font-size: 83%;
    }








/* ========================================
  =00 cms --- cms/album/change
======================================== */
body#cmsAlbumChange .petDetail li {
    margin-bottom: 5px;
}

    body#cmsAlbumChange .petDetail li label {
        display: inline-block;
        width: 90px;
    }
    * html body#cmsAlbumChange .petDetail li label {
        display: inline;
        zoom: 1;
    }
    *:first-child+html body#cmsAlbumChange .petDetail li label {
        display: inline;
        zoom: 1;
    }

body#cmsAlbumChange .petDetail .delete {
    margin-top: 5px;
}


body#cmsAlbumChange .cmsContentsBody div.submit {
    padding-top: 30px;
    text-align: center;
}

body#cmsAlbumChange .cmsContentsBody div.submit .delete {
    margin-right: 15px;
}








/* ========================================
  =00 cms --- cms/album/photo
======================================== */
body.cms .photoStatus,
body#cmsAlbumPhoto .photoStatus {
    margin: 10px;
    padding: 5px;
    color: #fff;
    font-weight: bold;
    text-align: center;
}
body.cms .profilePhoto,
body#cmsAlbumPhoto .profilePhoto {
    border: solid 2px #fe5fb1;
    background: #ffa2cf;
}
body.cms .caution,
body#cmsAlbumPhoto .caution {
    border: solid 2px #ff3433;
    background: #ff6666;
}

body#cmsAlbumPhoto .pallet_button {
    margin-top: 4px;
    margin-left: 15px;
}



body#cmsAlbumPhoto .cmsContentsBody .photo {
    margin-top: 10px;
    text-align: center;
}

body#cmsAlbumPhoto .cmsContentsBody #photoEditSwitch {
    padding-top: 5px;
    padding-bottom: 10px;
    text-align: center;
}



body#cmsAlbumPhoto .cmsContentsBody .editForm select {
    margin-right: 10px;
}

body#cmsAlbumPhoto .cmsContentsBody .editForm input.text {
    width: 445px;
}

body#cmsAlbumPhoto .cmsContentsBody .editForm textarea {
    width: 600px;
}

body#cmsAlbumPhoto .cmsContentsBody .editForm .public label {
    margin-right: 30px;
}





/* ========================================
  =00 cms --- cms/album/folder
======================================== */
body#cmsAlbumFolder #addFolder {
    padding: 20px 0 20px 65px;
    border-bottom: solid 1px #febf12;
}

body#cmsAlbumFolder #addFolder #addFolderTitle {
    margin-bottom: 5px;
}

body#cmsAlbumFolder #addFolder form {
    margin-top: 5px;
    border: none;
}

    body#cmsAlbumFolder #addFolder .text {
        width: 435px;
        margin-right: 10px;
    }

    body#cmsAlbumFolder #addFolder .supplement {
        margin-top: 5px;
        font-size: 83%;
    }



body#cmsAlbumFolder #folderList {
    overflow: hidden;
    margin-top: -1px;
}
* html body#cmsAlbumFolder #folderList {
    zoom: 1;
}

    body#cmsAlbumFolder #folderList li {
        clear: both;
        padding: 7px 15px 5px 36px;
        margin-bottom: -1px;
        border-bottom: dotted 1px #ccc;
        background: url(/img/pc/common/icon_folder.gif) no-repeat 15px center;
    }
    body#cmsAlbumFolder #folderList li:after {
        content: ".";
        display: block;
        clear: both;
        height: 0;
        visibility: hidden;
    }
    * html body#cmsAlbumFolder #folderList li {
        zoom: 1; /* clear */
    }
    *:first-child+html body#cmsAlbumFolder #folderList li {
        zoom: 1; /* clear */
    }


        body#cmsAlbumFolder #folderList .folderTitle {
            display: table-cell;
            vertical-align: middle;
            /* width: 555px; */
            width: 500px;
            font-weight: normal;
        }
        * html body#cmsAlbumFolder #folderList .folderTitle {
            display: inline;
            zoom: 1;
        }
        *:first-child+html body#cmsAlbumFolder #folderList .folderTitle {
            display: inline;
            zoom: 1;
        }

            body#cmsAlbumFolder #folderList .folderTitle .text {
                width: 240px;
                margin-right: 5px;
            }
            body#cmsAlbumFolder #folderList .folderTitle .submit {
                margin-right: 5px;
            }

            body#cmsAlbumFolder #folderList .folderTitle a {
                margin: 0 2px;
            }

        body#cmsAlbumFolder #folderList .delete {
            display: table-cell;
            vertical-align: middle;
        }
        * html body#cmsAlbumFolder #folderList .delete {
            display: inline;
            zoom: 1;
        }
        *:first-child+html body#cmsAlbumFolder #folderList .delete {
            display: inline;
            zoom: 1;
        }
            body#cmsAlbumFolder #folderList .delete a {
                margin: 0 2px;
            }


* html body#cmsAlbumFolder .cmsContentsBody {
    zoom: 1;
}
















/* ========================================
  =00 cms --- cms/appreciation/
======================================== */
body#cmsAppreciation .cmsSubNav div,
body#cmsAppreciation .cmsSubNav ul {
    display: inline;
}

body#cmsAppreciation .cmsSubNav ul {
    padding-right: 0;
    padding-left: 0;
    border-bottom: none;
}

    body#cmsAppreciation .cmsSubNav ul li {
            margin-left: 0.2em;
            padding-left: 0.5em;
            border-left: solid 1px #666664;
    }


body#cmsAppreciation .cmsContentsBody .description {
    padding: 15px;
    font-weight: normal;
}


body.report .report {
    margin-bottom: -1px;
    padding: 1px;
    border-top: solid 1px #ffbe12;
    border-bottom: solid 1px #ffbe12;
}

    body.report .report .reportHeadline {
        padding: 5px 10px;
        background: #fff1c4;
    }

        body.report .report .reportData li {
            display: table-cell;
            padding: 10px 0;
            vertical-align: middle;
        }
        * html body.report .report .reportData li {
            display: inline;
            zoom: 1;
        }
        *:first-child+html body.report .report .reportData li {
            display: inline;
            zoom: 1;
        }

        body.report .report .reportData li.date {
            width: 150px;
            text-align: center;
            color: #666;
            font-size: 120%;
        }
        body.report .report .reportData li.nadenade {
            width: 370px;
            color: #656565;
        }
            body.report .report .reportData li.nadenade span {
                margin-right: 10px;
                padding-left: 30px;
                background: url(/img/pc/common/icon_nadenade.gif) no-repeat;
                color: #ff3297;
                font-size: 120%;
                font-weight: bold;
            }
        body.report .report .reportData li.owner {
        }















/* ========================================
  =00 cms --- cms/access_counter/
======================================== */
body#cmsAccessCounter .cmsContentsBody .description {
    padding: 15px;
    border-bottom: solid 1px #febe14;
    font-weight: normal;
}


body#cmsAccessCounter .petAccessCounter {
    margin: 10px 2px;
    padding: 0 9px 12px;
    border-bottom: dotted 1px #ccc;
}

    body#cmsAccessCounter .petAccessCounter .petName {
            margin: 0;
        padding: 0;
        border: none;

        position: relative;
        margin-bottom: -1px;
        padding: 0 0 12px 5px;
        background: url(/img/pc/simple_bg/access_top.gif) no-repeat 11px bottom;
    }


    body#cmsAccessCounter .petAccessCounter .data {
        width: 622px;
        padding: 3px;
        border: solid 1px #15a4d0;
        background: #b6ddee;
        font-weight: bold;
    }

        body#cmsAccessCounter .data .accessCount {
            margin-bottom: 5px;
            padding: 5px;
            border: solid 1px #6ec0d8;
            background: #fff;
            color: #666;
            font-size: 100%;
            text-align: right;
        }

            body#cmsAccessCounter .data .accessCount .value {
                margin: 0 5px 0 20px;
                color: #fe9a00;
                font-size: 150%;
                font-weight: bold;
            }

            body#cmsAccessCounter .data .accessCount span {
                font-weight: normal;
            }


        body#cmsAccessCounter .petAccessCounter table {
            table-layout: fixed;
            border-collapse: collapse;
            width: 624px;
        }

            body#cmsAccessCounter .petAccessCounter table th,
            body#cmsAccessCounter .petAccessCounter table td {
                border: solid 1px #b6ddee;
                background: #fff;
            }

            body#cmsAccessCounter .petAccessCounter table th {
                padding: 5px 0;
                color: #666;
                font-weight: normal;
                text-align: center;
            }

            body#cmsAccessCounter .petAccessCounter table td {
                padding: 20px 10px 7px;
                font-weight: bold;
                text-align: right;
            }




body#cmsAccessCounter .cmsContentsBody .pager {
    margin-top: -11px;
    padding-top: 15px;
    border-top: solid 1px #febe14;
}











/* ========================================
  =00 cms --- cms/footprint/
======================================== */
body#cmsFootprint .cmsSubNav div,
body#cmsFootprint .cmsSubNav ul {
    display: inline;
}

body#cmsFavoritePhoto .cmsSubNav ul,
body#cmsFavoriteProfile .cmsSubNav ul,
body#cmsFootprint .cmsSubNav ul {
    padding-right: 0;
    padding-left: 0;
    border-bottom: none;
}

    body#cmsFavoritePhoto .cmsSubNav ul li,
    body#cmsFavoriteProfile .cmsSubNav ul li,
    body#cmsFootprint .cmsSubNav ul li {
            margin-left: 0.2em;
            padding-left: 0.5em;
            border-left: solid 1px #666664;
    }

* html body#cmsFavoritePhoto .cmsSubNav ul,
* html body#cmsFavoriteProfile .cmsSubNav ul,
* html body#cmsFootprint .cmsSubNav ul {
    position: relative;
    top: -3px;
}
*:first-child+html body#cmsFavoritePhoto .cmsSubNav ul,
*:first-child+html body#cmsFavoriteProfile .cmsSubNav ul,
*:first-child+html body#cmsFootprint .cmsSubNav ul {
    position: relative;
    top: -3px;
}




body#cmsFootprint .cmsContentsBody .description {
    padding: 15px;
    font-weight: normal;
}


/*
body#cmsFootprint .report .comment,
body#cmsFootprint .report .date {
    display: table-cell;
    padding: 10px;
    vertical-align: top;
}
* html body#cmsFootprint .report .comment,
* html body#cmsFootprint .report .date {
    display: inline;
    zoom: 1;
}
*:first-child+html body#cmsFootprint .report .comment,
*:first-child+html body#cmsFootprint .report .date {
    display: inline;
    zoom: 1;
}

body#cmsFootprint .report .comment {
    width: 475px;
}
*/
body#cmsFootprint .report .comment {
    padding: 10px 10px 2px 10px;
}
body#cmsFootprint .report .date {
    padding: 3px 10px 10px 10px;
    text-align: right;
}

body#cmsFootprint .report .date a {
    margin: 0 2px;
}















/* ========================================
  =00 cms --- cms/theme/
======================================== */
body#cmsTheme #content {
    padding-top: 0;
    padding-bottom: 0;
    overflow: hidden;
}

    body#cmsTheme #registration {
        padding-top: 30px;
        padding-bottom: 30px;
        background: #faffe9 url(/img/pc/title_bg/pattern_11.jpg) no-repeat;
    }


    body#cmsTheme #content .description {
        padding-left: 10px;
        font-weight: normal;
    }



#designSelector {
    position: relative;
}

    #designSelector .designSelector {
        width: 800px;
    }


        #designSelector .designSelectorTitle {
            position: relative;
            z-index: 9;
            margin-left: 10px;
            padding-left: 10px;
            width: 109px;
            height: 24px;
            background: url(/img/pc/btn/design_page_tab/off_l.gif) no-repeat top left;
            text-align: center;
        }
                #designSelector .designSelectorTitle span {
                    display: block;
                    height: 16px;
                    padding: 5px 10px 3px 0;
                    background: url(/img/pc/btn/design_page_tab/off_r.gif) no-repeat top right;
                    color: #006699;
                }

        #designSelector .now .designSelectorTitle {
            height: 26px;
            top: -1px!important;
            background: url(/img/pc/btn/design_page_tab/on_l.gif) no-repeat top left;
        }
            #designSelector .now .designSelectorTitle span {
                padding-top: 7px;
                background: url(/img/pc/btn/design_page_tab/on_r.gif) no-repeat top left;
            }



        #designSelector .designSelector .listWrapper {
            margin-bottom: 10px;
            padding-top: 10px;
            display: none;
            background: url(/img/pc/btn/design_page_tab/tabbox_top.gif) no-repeat;
        }
        #designSelector .designSelector.now .listWrapper {
            display: block;
        }
        * html #designSelector .designSelector .listWrapper {
            zoom: 1;
        }
        *:first-child+html #designSelector .designSelector .listWrapper {
            zoom: 1;
        }


            #designSelector ul {
                width: 780px;
                padding: 10px 3px 10px 17px;
                background: url(/img/pc/btn/design_page_tab/tabbox_btm.gif) no-repeat left bottom;
            }

                #designSelector li {
                    display: inline-block;
                    width: 150px;
                    margin-bottom: 10px;
                }
                * html #designSelector li {
                    display: inline;
                    zoom: 1;
                }
                *:first-child+html #designSelector li {
                    display: inline;
                    zoom: 1;
                }

                    #designSelector li a {
                        padding-left: 15px;
                        background: url(/img/pc/common/dot_black.gif) no-repeat left center;
                    }









body#cmsTheme .designGenreTitle {
        padding: 5px 0 5px 12px;
        background: #fdf2c4;
        color: #686601;
}


body#cmsTheme #designList {
    padding-left: 16px;
}

body#cmsTheme #designList li {
    display: inline-block;
    margin: 10px 19px 10px -0.5em;
    vertical-align: top;
}
* html body#cmsTheme #designList li {
    display: inline;
    zoom: 1;
}
*:first-child+html body#cmsTheme #designList li {
    display: inline;
    zoom: 1;
}

    body#cmsTheme #designList li .designTitle {
        font-size: 95%;
        font-weight: normal;
    }

        body#cmsTheme #designList li .designTitle img {
            display: block;
            margin-bottom: 5px;
        }

    body#cmsTheme #designList li .designTitle,
    body#cmsTheme #designList li .designCheck {
        text-align: center;
    }

    body#cmsTheme #designList li .designCheck {
        margin-top: 5px;
    }









/* ========================================
  =00 cms --- cms/selector/pet
======================================== */
body#cmsSelector .description {
    padding: 5px 10px;
    font-weight: normal;
}


*:first-child+html body#cmsSelector .cmsContentsBody {
    zoom: 1;
}


body#cmsSelector .selectorList {
    width: 610px;
    margin: 0 auto 30px;
    padding-top: 25px;
}

    body#cmsSelector .selectorList li {
        margin-bottom: 10px;
    }

        body#cmsSelector .selectorList a {
            display: block;
            display: table-cell;
            vertical-align: middle;
            width: 610px;
            height: 83px;
            margin: 0 auto;
            background: url(/img/pc/simple_bg/pet_select.gif) no-repeat left bottom;
            text-decoration: none;
        }
        * html body#cmsSelector .selectorList a {
            display: inline;
            zoom: 1;
            height: 75px;
            padding-top: 8px;
        }
        *:first-child+html body#cmsSelector .selectorList a {
            display: inline;
            zoom: 1;
            height: 75px;
            padding-top: 8px;
        }

        body#cmsSelector .selectorList a:hover {
            background-position: left top;
        }

            body#cmsSelector .selectorList a img {
            xfloat: left;
                margin-left: 8px;
                margin-right: 15px;
            vertical-align: middle;
            }

            body#cmsSelector .selectorList a span {
                xoverflow: auto;
                border-bottom: solid 1px #fe6601;
                font-weight: bold;
            }











/* ========================================
  =00 cms --- cms/  form page series
======================================== */
/*
body.formPage .cmsContentsOuter .description {
    padding: 5px 10px;
    font-weight: normal;
}

body.formPage .cmsContentsOuter form.edit {
    padding: 1px 2px 0;
    border-top: solid 1px #fc6;
}

    body.formPage .cmsContentsOuter form.edit .editTitle {
        padding: 3px 7px;
        background: #ededed;
        font-size: 110%;
        font-weight: normal;
    }

    body.formPage .cmsContentsOuter form.edit .editInput {
        padding: 7px 6px 13px;
    }

    body.formPage .cmsContentsOuter form.edit div.submit {
        padding-top: 10px;
        padding-bottom: 5px;
        border-top: solid 1px #fc6;
        text-align: center;
    }
*/




















/* ========================================
  =00 cms --- cms/  mass produced page series
======================================== */
body.formPage .description {
    padding: 5px 10px;
    font-weight: normal;
}



body.formPage .supportLink {
    margin-bottom: 5px;
    text-align: right;
}


body.formPage .editOuter {
    border-top: solid 1px #ffcc66;
    border-bottom: solid 1px #ffcc66;
}
* html body.formPage .editOuter {
    zoom: 1;
}
*:first-child+html body.formPage .editOuter {
    zoom: 1;
}

    body.formPage .editInner {
        position: relative;
        margin-bottom: 10px;
    }

    body.formPage .editTitle {
        margin: 1px 2px;
        padding: 7px 7px;
        background: #ededed;
        font-weight: normal;
    }

    * html body.formPage .editTitle {
        zoom: 1;
    }
    *:first-child+html body.formPage .editTitle {
        zoom: 1;
    }
    body.formPage .editInput {
        margin: 6px 12px 0;
    }

        body.formPage .editOuter .date {
            padding-right: 10px;
            text-align: right;
        }

        body.formPage .function {
            text-align: right;
        }


body.formPage form.edit div.submit {
    margin: 15px 0;
    text-align: center;
}







/* #cmsStatusMessage
=================================== */
body#cmsStatusMessage .editOuter {
    border-top: none;
}

body#cmsStatusMessage form.statusMessageForm {
    padding: 0 10px 10px;
}

        body#cmsStatusMessage form.statusMessageForm .text {
            width: 300px;
            margin: 0 7px;
        }

        * html body#cmsStatusMessage form.statusMessageForm input.submit {
            padding-right: 5px;
            padding-left: 5px;
        }
        *:first-child+html body#cmsStatusMessage form.statusMessageForm input.submit {
            padding-right: 5px;
            padding-left: 5px;
        }



        body#cmsStatusMessage form.statusMessageForm p a {
            margin: 0 2px;
        }


body#cmsStatusMessage .guidance {
    text-align: center;
}

    body#cmsStatusMessage .guidance .description {
        margin-top: 5px;
    }

    body#cmsStatusMessage .guidance .number {
        margin-bottom: 5px;
        font-weight: bold;
    }


body#cmsStatusMessage .editOuter .date a {
    margin: 0 2px;
}






/* #cmsStatusMessageMulti
=================================== */
body#cmsStatusMessageMulti form.edit input.text {
    width: 600px;
}

body#cmsStatusMessageMulti form.edit div.submit {
    margin: 15px 0 10px;
}





























/* #cmsProfileEdit
=================================== */
body#cmsProfileEdit .supportLink {
    margin-right: 10px;
}

body#cmsProfileEdit .editOuter .text {
    width: 445px;
}
body#cmsProfileEdit .editOuter textarea {
    width: 620px;
}

body#cmsProfileEdit .editOuter .supplement {
    margin-left: 10px;
    font-size: 90%;
}
* html body#cmsProfileEdit .editOuter .supplement {
    font-size: 75%;
}
*:first-child+html body#cmsProfileEdit .editOuter .supplement {
    font-size: 75%;
}

body#cmsProfileEdit .profileOuter .question {
    margin-bottom: px;
    padding: 3px 0 3px 20px;
    border-bottom: dotted 1px #cdcdcd;
    background: url(/img/pc/common/icon_pen.gif) no-repeat 0 0; 
    font-weight: normal;
    cursor: move;
}

body#cmsProfileEdit .profileOuter .question b {
    margin-left: 5px;
}


body#cmsProfileEdit .profileOuter .function {
    margin-top: 6px;
}

    body#cmsProfileEdit .profileOuter .function li {
        display: inline;
    }

        body#cmsProfileEdit .profileOuter .function li a {
            margin: 0 2px;
        }



body#cmsProfileEdit .profileOuter .editTitle {
    margin: 7px 0;
}

body#cmsProfileEdit .profileOuter textarea {
    width: 570px;
}

body#cmsProfileEdit .profileOuter input.submit {
    margin-right: 5px;
}

body#cmsProfileEdit form.edit .editOuter {
    border-bottom: none;
}





/* #cmsContents
=================================== */
body#cmsContents form.edit input.text {
    width: 500px;
}

body#cmsContents .pallet_button {
    clear: both;
    float: left;
    margin-top: 4px;
    margin-left: 15px;
    margin-right: 10px;
}



/* #cmsLink
=================================== */
body#cmsLink .cmsContentsBody .supportLink {
    margin-right: 12px;
}

body#cmsLink form.edit textarea,
body#cmsLink form.edit input.text {
    width: 620px;
}

body#cmsLink form.edit ul.function li {
    display: inline;
}

body#cmsLink .pallet_button {
    margin-top: 5px;
    margin-left: 15px;
}


/* #cmsEmail
=================================== */
body#cmsEmail .cmsContentsBody .supportLink {
    margin-right: 12px;
}
body#cmsEmail .mailChangeTitle {
    margin-right: 1px;
    margin-left: 1px;
    padding: 5px 10px;
    border-bottom: solid 1px #fc6;
    background: #fff1c4;
}

body#cmsEmail form.edit input.text {
    width: 620px;
}




/* #cmsAppreciationEditPhoto
=================================== */
body#cmsAppreciationEditPhoto p.number {
    margin-bottom: 5px;
    font-weight: bold;
    text-align: center;
}



body#cmsAppreciationEditPhoto .editInput .photo:after {
    content: ".";
    display: block;
    clear: both;
    height: 0;
    visibility: hidden;
}
* html body#cmsAppreciationEditPhoto .editInput .photo {
    zoom: 1;
}
*:first-child+html body#cmsAppreciationEditPhoto .editInput .photo {
    zoom: 1;
}

    body#cmsAppreciationEditPhoto .editInput .photo img {
        float: left;
        margin-right: 10px;
        vertical-align: top;
    }

    body#cmsAppreciationEditPhoto .editInput .photo span {
        display: block;
        overflow: auto;
    }

    * html body#cmsAppreciationEditPhoto .editInput .photo span {
        zoom: 1;
    }
    *:first-child+html body#cmsAppreciationEditPhoto .editInput .photo span {
        zoom: 1;
    }



body#cmsAppreciationEditPhoto .editInput {
    position: relative;
}

    body#cmsAppreciationEditPhoto .editInput .date {
        position: absolute;
        right: 0;
        bottom: 0;
    }



body#cmsAppreciationEditPhoto .edit div.submit {
    padding-top: 15px;
    border-top: 1px solid #fc6;
}







/* #cmsAppreciationEdit
=================================== */
body#cmsAppreciationEdit .editOuter {
    border-bottom: none;
}

body#cmsAppreciationEdit .message input.text {
    width: 370px;
    margin-right: 5px;
}

body#cmsAppreciationEdit .editTitle {
    background: #ffffcd;
    font-weight: bold;
}

body#cmsAppreciationEdit .pallet_button {
    float: left;
    margin-bottom: 5px;
    margin-right: 10px;
}

body#cmsAppreciationEdit .message .supplement {
    color: #666;
    font-size: 95%;
}

* html body#cmsAppreciationEdit .message .supplement {
    font-size: 75%;
}
*:first-child+html body#cmsAppreciationEdit .message .supplement {
    font-size: 75%;
}


body#cmsAppreciationEdit .photo p.select {
    padding-right: 20px;
    text-align: right;
}

body#cmsAppreciationEdit .photo p.photo {
    text-align: center;
}

body#cmsAppreciationEdit .photo p.photo img {
    margin-bottom: 5px;
}
















/* #cmsReminder
=================================== */
body.reminder #content {
    padding-top: 0;
    padding-bottom: 0;
}

body.reminder #reminder {
    padding-top: 30px;
    padding-bottom: 30px;
    background: #faffe9 url(/img/pc/title_bg/pattern_11.jpg) no-repeat;
}

body#cmsReminder #reminder .description {
    margin-bottom: 10px;
    padding-bottom: 0;
}



body#cmsReminder #reminder .mobile {
    margin-top: -1px;
}

body#cmsReminder #reminder table.registerData td {
    padding-bottom: 8px;
}

    body#cmsReminder #reminder table.registerData input.text {
        width: 370px;
    }

    body#cmsReminder #reminder table.registerData input.submit {
        margin-left: 5px;
        vertical-align: bottom;
    }




/* #cmsReminderVerify
=================================== */
body#cmsReminderVerify .registerData input.text {
    width: 370px;
    margin-right: 5px;
}

body#cmsReminderVerify .registerData input.submit {
    vertical-align: bottom;
}



/* #cmsReminderNotified
=================================== */
body#cmsReminderNotified #reminder {
    padding-bottom: 200px;
}

body#cmsReminderNotified #reminder .description {
    font-weight: normal;
}


    body#cmsReminderNotified #reminder .login a {
        padding-left: 15px;
        background: url(/img/pc/common/arrow_orange.gif) no-repeat left center;
    }








/* #cmsNotifyEdit
=================================== */
body#cmsNotifyEdit .cmsContentsBody p.edit {
    margin: -5px 10px 10px;
    text-align: right;
}

body#cmsNotifyEdit .supplement {
    font-size: 90%;
}
*:first-child+html body#cmsNotifyEdit .supplement {
    font-size: 75%;
}









/* #cmsInvite
=================================== */
body#cmsInvite .editOuter {
    border-bottom: none;
}

body#cmsInvite .cmsContentsBody p.edit {
    margin: 0 10px 10px;
    text-align: right;
}

body#cmsInvite .cmsContentsBody p.edit a {
    margin: 0 2px;
}


body#cmsInvite .editInner {
    position: relative;
}
* html body#cmsInvite .editInner {
    zoom: 1;
}

body#cmsInvite .inviteTitle {
    margin: 1px 2px;
    padding: 5px 10px;
    background: #ffffcb;
}

body#cmsInvite .pet .inviteTitle {
    border-top: solid 1px #fc6;
}

body#cmsInvite .editInput li {
    margin-bottom: 5px;
}

body#cmsInvite .editInput .mail {
    padding-left: 20px;
    background: url(/img/pc/common/icon_mail.gif) no-repeat left top;
}
body#cmsInvite .editInput .link {
    padding-left: 20px;
    background: url(/img/pc/common/icon_pc.gif) no-repeat left top;
}
body#cmsInvite .editInput .qr {
    padding-left: 20px;
    background: url(/img/pc/common/icon_phone.gif) no-repeat left top;
}

body#cmsInvite .editInner .check {
    position: absolute;
    bottom: 0;
    right: 10px;
}

    body#cmsInvite .editInner .check a {
        margin: 0 2px;
    }












/* #cmsRestEdit
=================================== */
body#cmsRestEdit .banner li {
    position: relative;
    height: auto!important;
    height: 130px;
    min-height: 130px;
}

body#cmsRestEdit .banner li div {
    width: 140px;
}

body#cmsRestEdit .banner li img {
    position: absolute;
    top: 0;
    right: 0;
}

body#cmsRestEdit .supplement {
    font-size: 83%;
}

body#cmsRestEdit textarea {
    width: 620px;
}

body#cmsRestEdit .pallet_button {
    margin-top: 4px;
    margin-left: 15px;
    margin-right: 10px;
}


/* #cmsRestConfirm
=================================== */
body#cmsRestConfirm input.submit {
    margin-right: 5px;
}
body#cmsRestConfirm .submit {
    padding: 10px, 0;
    text-align: center;
}
body#cmsRestConfirm .edit {
    display: inline;
}







/* #cmsAccountRelease
=================================== */
body#cmsAccountRelease .releaseTitle {
    padding: 5px 10px 0;
    color: #fd0100;
    font-weight: normal;
}

body#cmsAccountRelease img.confirm {
    margin: 5px 3px;
}

body#cmsAccountRelease .recollections {
    margin-top: 15px;
    margin-right: -5px;
    padding-bottom: 90px;
    background: url(/img/pc/pattern_bg/omoide_footer.jpg) no-repeat center bottom;
    text-align: center;
}

    body#cmsAccountRelease .recollections li {
        display: inline;
        margin-right: 5px;
    }

body#cmsAccountRelease .release {
    border: none;
}

    body#cmsAccountRelease .release .editInner {
        margin-bottom: 0;
    }


    body#cmsAccountRelease .release .editTitle {
        background-color: #ffffcb;
        font-weight: bold;
    }

    body#cmsAccountRelease .release textarea {
        width: 620px;
    }

    body#cmsAccountRelease .release div.submit {
        margin-bottom: 0;
        padding-top: 15px;
        padding-bottom: 15px;
        border-top: solid 1px #fc6;
        border-bottom: solid 1px #fc6;
    }

    body#cmsAccountRelease .release .supplement {
        font-size: 83%;
    }


body#cmsAccountRelease .releaseGuidance {
    padding-bottom: 15px;
}

    body#cmsAccountRelease .releaseGuidance .editTitle {
        background: #ededed;
        font-weight: normal;
    }



/* #cmsAlbumOwner
=================================== */
body#cmsAlbumOwner .profilePhoto {
    margin: 10px 11px;
    padding: 5px;
    color: #fff;
    font-weight: bold;
    text-align: center;
}

body#cmsAlbumOwner p.now {
    margin-top: 10px;
    text-align: center;
} 

body#cmsAlbumOwner #photoEditSwitch {
    margin-top: 5px;
    margin-bottom: 5px;
    border-bottom: none;
    text-align: center;
}

body#cmsAlbumOwner .noImage {
    text-align: center;
}

body#cmsAlbumOwner div.now p.edit {
    margin-right: 10px;
    margin-bottom: 10px;
    text-align: right;
}


body#cmsAlbumOwner .albumOwnerTitle {
    margin: 1px 2px;
    padding: 5px 10px;
    background: #ffffcb;
}


body#cmsAlbumOwner div.edit .supplement {
    font-size: 83%;
}

body#cmsAlbumOwner div.edit div.submit {
    padding: 15px 0 0;
    border-top: solid 1px #fc6;
}


body#cmsAlbumOwner form.delete {
    border-top: solid 1px #fc6;
}

body#cmsAlbumOwner .editOuter {
    border-bottom: none;
}








/* ========================================
  =00 errors
======================================== */
body.error {
    color: #333;
}

body.error a {
    color: #fd3566;
}

body#notFound .contents {
    background: #e1ecff url(/img/pc/photo_bg/404.jpg) no-repeat;
    padding-bottom: 40px;
}

body#internalServerError .contents {
    background: #ffeaf3 url(/img/pc/photo_bg/500.jpg) no-repeat;
    padding-bottom: 40px;
}



body.error .errorTitle {
    position: absolute;
    top: 78px;
    width: 340px;
    font-size: 220%;
}

body#notFound .errorTitle {
    left: 70px;
}
body#internalServerError .errorTitle {
    left: 100px;
}


body.error .advice {
    padding-top: 225px;
}

body.error .advice p {
    margin-bottom: 5px;
}

body.error .advice a {
    font-size: 130%;
}


body.error .check {
    margin-top: 40px;
}

body.error .checkTitle {
    font-size: 130%;
    font-weight: normal;
}

body.error .check li {
    margin-left: 11px;
    margin-bottom: 2px;
    padding-left: 9px;
    background: url(/img/pc/common/dot_black.gif) no-repeat 0 5px;
}

* html body.error .check li {
    zoom: 1;
}

body#notFound .errorTitle {
    color: #000152;
}

body#internalServerError .errorTitle {
    color: #fa3f6a;
}











/* ========================================
  =00 cms --- cms/Notice
======================================== */
body#cmsNotice #aboutNotice {
    padding: 20px 0 20px 15px;
    border-bottom: solid 1px #febf12;
}

body#cmsNotice #addFolder #addFolderTitle {
    margin-bottom: 5px;
}

body#cmsNotice #noticeList {
    overflow: hidden;
    margin-top: -1px;
}
* html body#cmsNotice #noticeList {
    zoom: 1;
}

    body#cmsNotice #noticeList li {
        clear: both;
        padding: 7px 15px 5px 36px;
        margin-bottom: -1px;
        border-bottom: dotted 1px #ccc;
        background: url(/img/pc/common/icon_light.gif) no-repeat 15px center;
    }
    body#cmsNotice #noticeList li:after {
        content: ".";
        display: block;
        clear: both;
        height: 0;
        visibility: hidden;
    }
    body#cmsNotice .deleteLink {
        padding: 7px 15px 5px 36px;
        text-align: right;
        background: url(/img/pc/common/icon_dialog_close.gif) no-repeat 535px; 
    }

    * html body#cmsNotice #noticeList li {
        zoom: 1; /* clear */
    }
    *:first-child+html body#cmsNotice #noticeList li {
        zoom: 1; /* clear */
    }


        body#cmsNotice #noticeList .folderTitle {
            display: table-cell;
            vertical-align: middle;
            /* width: 555px; */
            width: 500px;
            font-weight: normal;
        }
        * html body#cmsNotice #noticeList .folderTitle {
            display: inline;
            zoom: 1;
        }
        *:first-child+html body#cmsNotice #noticeList .folderTitle {
            display: inline;
            zoom: 1;
        }

            body#cmsNotice #noticeList .folderTitle .text {
                width: 240px;
                margin-right: 5px;
            }
            body#cmsNotice #noticeList .folderTitle .submit {
                margin-right: 5px;
            }

            body#cmsNotice #noticeList .folderTitle a {
                margin: 0 2px;
            }

        body#cmsNotice #noticeList .delete {
            display: table-cell;
            vertical-align: middle;
        }
        * html body#cmsNotice #noticeList .delete {
            display: inline;
            zoom: 1;
        }
        *:first-child+html body#cmsNotice #noticeList .delete {
            display: inline;
            zoom: 1;
        }
            body#cmsNotice #noticeList .delete a {
                margin: 0 2px;
            }


* html body#cmsNotice .cmsContentsBody {
    zoom: 1;
}