@charset "UTF-8";

/* ======================================
  Puchi Pet profile common CSS
====================================== */







/* ========================================
  =00 common
======================================== */
div#content {
    color: #646464;
}

div#content a {
    color: #935f8c;
}

#profileHeaderOuter .ownerName a {
    color: #000000;
}

#profileHeaderOuter .profileTitle a {
    color: #000000;
}

#contentWrapper {
    background: url(../img/background.gif) repeat left top;
}



/* profile header
-------------------------------------- */
#profileHeaderOuter {
    background: url(../img/prof_bg.gif) no-repeat;
}






/* profile contents(box) column 3col
-------------------------------------- */
/* main contents 
---------------------------- */
.profileContentsOuter {
    padding-top: 1px;
}

.profileContentsInner {
    padding-bottom: 10px;
    background: url(../img/bar_m_bottom.gif) no-repeat left bottom;
}
* html .profileContentsInner {
    zoom: 1;
}
*:first-child+html .profileContentsInner {
    zoom: 1;
}
.profileContentsBody {
    background: url(../img/bar_m_middle.gif) repeat-y;
}

.profileContentsTitle,
.subContentsTitle {
    position: relative;
    top: -1px;
    padding: 5px 10px 5px;
    background: url(../img/bar_m_top.gif) no-repeat left top;
    color:#ffffff;
}
* html .profileContentsTitle,
* html .subContentsTitle {
    zoom: 1;
}
*:first-child+html .profileContentsTitle,
*:first-child+html .subContentsTitle {
    zoom: 1;
}



/* profile contents(box) column 2col
-------------------------------------- */
/* main contents 
---------------------------- */
body.detail .profileContentsOuter {
    background: url(../img/bar_l_top.gif) no-repeat left top;
}
body.detail .profileContentsInner {
    background: url(../img/bar_l_bottom.gif) no-repeat left bottom;
}
body.detail .profileContentsBody {
    background: url(../img/bar_l_middle.gif) repeat-y;
}



/* profile contents 
-------------------------------------- */
#profileContentsInner {
    border: solid 1px #757575;
    background: #fff;
}




/* sub contents 
-------------------------------------- */
#subContentsOuter {
    padding-top: 1px;
}
#subContentsInner {
    padding-bottom: 10px;
    background: url(../img/bar_s_bottom.gif) no-repeat left bottom;
}
#subContentsBody {
    background: url(../img/bar_s_middle.gif) repeat-y;
}


#subContentsOuter .subContentsTitle {
    background: url(../img/bar_s_top.gif) no-repeat left top;
}



/*  
-------------------------------------- */
/* user title
---------------------------- */
.userTitle a {
    color: #a6845c !important;
}

.userTitle {
    color: #a6845c !important;
}

/* more
---------------------------- */
p.more,
p.more a {
    color: #a6845c !important;
}





/* pager
---------------------------- */
ul.pager li a {
    color: #f60;
}

ul.pager li.current {
    color: #333;
}




/* pet profile
---------------------------- */
.petProfile .petProfileTitle {
    background: #ddd3b6;
    color: #5a5a5a;
}



/* day
---------------------------- */
.day {
    color: #999;
}





/* ========================================
  =01 main column
======================================== */







/* ========================================
  =02 profile column
======================================== */
div#content .profileNav a {
    background: url(../img/btn.gif) no-repeat left top;
    color: #676767;
}

div#content .profileNav a:hover {
    color: #cd0099;
}

body#profileIndex div#content .profileNav .profile a, 
body.album div#content .profileNav .album a,
body#profileFootprint div#content .profileNav .footPrint a,
body#profileMyLink div#content .profileNav .myLink a {
    color: #cd0099;
}





/* ========================================
  =03 sub column
======================================== */






/* ========================================
  =04 index
======================================== */
body.petProfile #statusMessage {
    background: url(../img/hukidashi1_btm.gif) no-repeat left bottom;
}

body.petProfile #statusMessage .text {
    background: url(../img/hukidashi1_top.gif) no-repeat left top;
}
* html body.petProfile #statusMessage .text {
    zoom: 1;
}
*:first-child+html body.petProfile #statusMessage .text {
    zoom: 1;
}








/* ========================================
  =07 photo detail
======================================== */
body#profileAlbumDetail #commentAddForm {
    border-bottom-color: #757575;
}

body#profileAlbumDetail #commentAddForm a {
    color:#5a5a5a !important;
}

body.detail #statusMessage {
    background: url(../img/hukidashi1_l_btm.gif) no-repeat left bottom;
}

body.detail #statusMessage p.text {
    background: url(../img/hukidashi1_l_top.gif) no-repeat left top;
}

body.detail .profileContentsTitle {
    background-image: url(../img/bar_l_top.gif);
}

body.detail .profileContentsTitle a {
    color:#ffffff !important;
}

body.detail #photoMessage {
    background: url(../img/hukidashi2_btm.gif) no-repeat left bottom;
}

body.detail #photoMessage p {
    background: url(../img/hukidashi2_top.gif) no-repeat left top;
}

* html body.detail .albumDetail {
    zoom: 1; /* slide fix */
}
*:first-child+html body.detail .albumDetail {
    zoom: 1; /* slide fix */
}
* html  body.detail .profileContentsOuter {
    zoom: 1;
}
*:first-child+html body.detail .profileContentsOuter {
    zoom: 1;
}






/* ========================================
  =08 foot print
======================================== */
body#profileFootprint ul.sort {
    border-top: solid 1px #757575;
    border-right: solid 1px #757575;
    border-left: solid 1px #757575;
    background: #f4edda;
}

body#profileFootprint .comment .author a {
    color:#5b595c !important;
}









/* ========================================
  =09 my link
======================================== */
.myLink .link .title a {
    background: url(../img/arrow.gif) no-repeat 0 1px;
    color:#5b595c !important;
}





/* ========================================
  =10 pwner profile
======================================== */
.owner .petOuter {
    border: solid 1px #ffcc4c;
    background: #fdf0ac;
}

.owner .petOuter .pet {
    background: #fff;
}

.owner .pet .more a {
    background: url(../img/link.gif) no-repeat;
}






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




/* title 
---------------------------- */




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