@charset "UTF-8";

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




/* =1 default style
-------------------------------------------------------- */
html,body,div,h1,h2,h3,h4,h5,h6,p,blockquote,pre,table,th,tr,td,ul,ol,li,dl,dt,dd,form,fieldset,legend,hr,span,a,img,strong,em,ins,del,cite,abbr,acronym,sup,sub,dfn,code,var,samp,kbd,b,i {
	margin: 0;
	padding: 0;
	font-size: 100%;
}

li {
	list-style-type: none;
}

img {
	vertical-align: bottom;
}

a img {
	border: none;
}









/* =3 footer
-------------------------------------------------------- */
div#footer {
    position: relative;
    clear: left;
    width: 950px;
    height: auto!important;
    height: 137px;
    min-height: 137px;
    margin: 0 auto;
    padding-top: 20px;
    background: url(/img/pc/common/footer.jpg) no-repeat left top;
    color: #fff;
    text-align: center;
}

div#footer ul {
    margin-left: -50px;
}
div#footer li {
    display: inline;
    margin: 0 5px;
}

div#footer li a {
    color: #fff;
}



p#copyright {
    padding-top: 5px;
    padding-bottom: 50px;
}

.error h4 {
    color: #f00;
}
.error ul li span {
    color: #f00;
}




/* photo pager 
-------------------------------------- */
body #mainContentsBody p.image {
    position:relative;
}
* html body #mainContentsBody p.image {
    zoom: 1;
}
body #mainContentsBody p.image .prev-navi {
    left:0;
    outline-style:none;
    outline-width:medium;
    position:absolute;
    top:0;
    width:300px;
    height: 80px;
    background: url(/img/spacer.gif) repeat scroll 0 0;
}

body #mainContentsBody p.image .next-navi {
    outline-style:none;
    outline-width:medium;
    position:absolute;
    right:0;
    top:0;
    width:300px;
    height: 80px;
    background: url(/img/spacer.gif) repeat scroll 0 0;
}
body #mainContentsBody p.image .prev-navi:hover {
    background: url(/img/pc/profile/picture_prev.png) no-repeat scroll 50px 45%;
}
body #mainContentsBody p.image .next-navi:hover {
    background: url(/img/pc/profile/picture_next.png) no-repeat scroll 175px 45%;
}
* html body #mainContentsBody p.image .prev-navi:hover {
    background: url(/img/pc/profile/picture_prev.gif) no-repeat scroll 50px 45%;
}
* html body #mainContentsBody p.image .next-navi:hover {
    background: url(/img/pc/profile/picture_next.gif) no-repeat scroll 175px 45%;
}

body #tools_link {
    text-align: right;
    padding-right: 30px;
}