@charset "Shift_JIS";

/* INFO
--------------------------------------------------
   CSS File for "いぬのきもちweb"
   Date:     2009-01-23
==================================================
1.Global
2.Portal Contents
  2-1.MainCont
  2-2.RightCont
3.Search
4.Profile
5.Zukan
  5-1.MainCont
  5-2.RightCont
6.Pet Profile
  6-1.MainCont
  6-2.RightCont
7.Comment

-----------------------------------------------
format.css
  いぬのきもちweb・検索、図鑑、ペット詳細
  ブログのプロフィール、ブログ
style.css
  いぬのきもちweb・検索、図鑑、ペット詳細
  ブログのプロフィール
dog_style.css
  いぬのきもちweb・検索の内、いぬのみ
  図鑑の内、いぬのみ
  ペット詳細の内、いぬのみ
cat_style.css
  いぬのきもちweb・検索の内、ねこのみ
  図鑑の内、ねこのみ
  ペット詳細の内、ねこのみ
manage.css
  管理画面
static.css
  静的ページ
----------------------------------------------- */

/* 1.Global
----------------------------------------------- */

/* 2.Portal Contents
----------------------------------------------- */
/* 2-1.MainCont
----------------------------------------------- */
/* 構成
------------------------------------*/
.mainObj {
  margin-bottom: 15px;
}

.mainObj h2 {
  width: 640px;
  height: 46px;
  text-indent: -9999px;
  display: block;
}

.mainObj p {
  padding-bottom: 3px;
  text-align: center;
}

.mainObj p span {
  display: block;
  padding-top: 2px;
  font-size:85%;
}

.entryObj {
  margin-bottom: 35px;
}

.entryObj h2 {
  width: 595px;
  height: 37px;
  padding: 9px 0 0 45px;
  display: block;
  font-size: 110%;
  color: #ffffff;
  font-weight: bold;
}

.entryObj li:after {
  content: ".";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
}

.entryObj li {
  padding: 8px 0;
  width: 640px;
  background-image: url(/web/image/pet/line_side01.gif);
  background-repeat: repeat-x;
  background-position: left bottom;
}
/* Hides from IE-mac \*/
* html #.entryObj li {
  height: 1px;
}
/* End hide from IE-mac */

.entryObj .mainObjImg01{
  float: left;
  padding: 0 15px 0 10px;
  width: 106x;
}

.entryMain {
  float: left;
  *float: none;
  width: 500px;
}

.entryDate {
  float: left;
  margin-right: 5px;
  font-size: 85%;
}

.enryTitle {
  padding: 1px 0;
  font-size: 117%;
}

.enryTitle span {
  padding-left: 10px;
  font-size: 75%;
  font-weight: normal;
}

.entryBody {
  clear: left;
  padding: 7px 0 0;
  font-size: 85%;
}

.entryFunk {
  padding: 5px 0 0;
  font-size: 85%;
}

.entryBlog {
  padding-right: 10px;
}

.entryThank {
  padding: 0 8px 0 12px;
  font-weight: bold;
  background: url(/web/image/pet/icon_kimochi.gif) no-repeat 0 1px;
}

.entryComment {
  padding-left: 14px;
  font-weight: bold;
  background: url(/web/image/pet/icon_comment.gif) no-repeat 0 1px;
}

.entryComment a {
  margin-right: 5px;
}

.entryNormalBody {
  clear: left;
  padding: 7px 0 0;
}

.entryOption {
  font-size: 85%;
  padding-top: 3px;
}

#container .mSideNo {
  margin-right: 0;
}

/* サイト説明
------------------------------------*/
#mainExposition {
  padding: 12px 0 0;
  min-height: 77px;
}

#mainExposition p {
  text-align: left;
}

.mELeft {
  float: left;
  padding: 3px 0 0 15px;
  width: 315px;
}

.mELeft p {
  line-height: 1.4;
}

.mERight {
  float: right;
  padding-right: 10px;
  width: 273px;
}

.mMFooter {
  clear: both;
  height: 12px;
  font-size: 0;
}

.mEMagazine {
  padding: 8px 0 2px 85px;
  min-height: 67px;
}

.mEMagazineBtn {
  margin: 5px 0 0 30px;
  width: 115px;
  height: 24px;
  text-indent: -9999px;
}

.mEMagazineBtn a:link,
.mEMagazineBtn a:visited {
  width: 115px;
  height: 24px;
  display: block;
}

.mEMagazineBtn a:hover,
.mEMagazineBtn a:active {
  width: 115px;
  height: 24px;
  display: block;
}

/* バナー
------------------------------------*/
.mainBanner ul {
  padding-top: 10px;
}

.mainBanner li {
  padding: 0 16px 5px 0;
  /padding: 0 19px 5px 0;
  display: inline;
  font-size: 0;
  background: url(/web/image/pet/banner_bg.gif) no-repeat left bottom;
}

.mainBanner li.maiBannerEnd {
  padding-right: 0;
}

.mainBanner li img,
.mainBanner2 img {
  width: 200px;
  height: 123px;
}

/* 小さめな広告 */
.mainBanner2 {
  float: right;
  padding-bottom: 5px;
  width: 200px;
  background: url(/web/image/pet/banner_bg.gif) no-repeat left bottom;
}

/* ページ下 */
.mainBanner3 {
  padding-bottom: 15px;
}


/* お知らせ
------------------------------------*/
#informationWrap {
  margin-bottom: 20px;
}

.information {
  float: left;
  width: 420px;
}

.infoFooter {
  height: 5px;
  font-size: 0;
}

.information h2 {
  width: 420px;
  height: 29px;
}

.infoCont {
  margin: 3px 5px 2px 10px;
  width: 405px;
  height: 87px;
  overflow: auto;
  scrollbar-face-color: #ffa5ad;
  scrollbar-3dlight-color: #fff7bb;
  scrollbar-darkshadow-color: #fff7bb;
  scrollbar-highlight-color: #fff7bb;
  scrollbar-shadow-color: #fff7bb;
  scrollbar-arrow-color: #ee4466;
  scrollbar-track-color: #fff7bb;
}

.infoCont li {
  padding: 6px 0;
  background: url(/web/image/pet/line_pink.gif) repeat-x left bottom;
}

.infoCont li .ic01 {
  padding-right: 5px;
}

.infoCont li .ic02 {
  padding-right: 5px;
  color: #333333;
}

.infoCont li .ic03 {
  padding-left: 8px;
  background: url(/web/image/pet/icon_pink.gif) no-repeat 0 4px;
}

/* 新着情報
------------------------------------*/
.newFunc {
  margin-bottom: 5px;
}

.newFunc p {
  text-align: right;
}

.newFunc p span {
  display: inline;
}

.newFunc img {
  margin-right: 3px;
}

.newFunc .nf01 {
  padding-right: 15px;
}

/* 新着記事
------------------------------------*/
.newEntryPrev {
  float: left;
  width: 13px;
  height: 102px;
  text-indent: -9999px;
  background: url(/web/image/pet/navi_prev.gif) no-repeat left center;
}

.newEntryPrev p {
  width: 13px;
  height: 102px;
  display: block;
  background: url(/web/image/pet/navi_prev.gif) no-repeat left center;
}

.newEntryPrev p.onhover {
  width: 13px;
  height: 102px;
  display: block;
  cursor:pointer;
  background: url(/web/image/pet/navi_prev.gif) no-repeat -13px center;
}

.newEntryNext {
  float: left;
  width: 13px;
  height: 102px;
  text-indent: -9999px;
  background: url(/web/image/pet/navi_next.gif) no-repeat left center;
}

.newEntryNext p {
  width: 13px;
  height: 102px;
  display: block;
  background: url(/web/image/pet/navi_next.gif) no-repeat left center;
}

.newEntryNext p.onhover {
  width: 13px;
  height: 102px;
  display: block;
  cursor:pointer;
  background: url(/web/image/pet/navi_next.gif) no-repeat -13px center;
}

.newEntryObj {
  float: left;
  position:relative;
  width: 614px;
  height: 95px;
  overflow: hidden;
}

.newEntryObj ul.mainObjS {
    /* this cannot be too large */
    width:20000em;
    position:absolute;
}


#newEntryIndex {
  clear: both;
  padding-top: 5px;
  text-align: right;
  font-size:85%;
}

/* 図鑑登録数ランキング
------------------------------------*/
#rankingZukan {
  margin-bottom: 20px;
}

/* 50音順インデックス
------------------------------------*/
#indexZukan {
  margin-bottom: 0;
}

#indexZukan h2 {
  background: url(/web/image/pet/zukan/index_zukan.gif) no-repeat left top;
}

/* おすすめの図鑑
------------------------------------*/
#recommendZukan {
  margin-bottom: 20px;
}

#recommendZukan .mainObjL p {
  width: 106px;
}

/* 注目のペット
------------------------------------*/
#attention .mainObjS li {
  padding: 3px 7px 0;
}

#attention .mainObjS p {
  width: 90px;
}

/* 公式ブロガー
------------------------------------*/
.officialBlogerHeader,
.officialBlogerFooter {
  height: 8px;
  font-size: 0;
}

#officialBloger .newFunc {
  padding-right: 14px;
}

/* 公式ブロガーの新着ブログ記事
------------------------------------*/
#officialNewEntry {
  padding: 10px 14px 5px;
}

#officialNewEntry h2 {
  width: 612px;
  height: 50px;
  text-indent: -9999px;
  display: block;
}

#officialNewEntry .findMore {
  top: 10px;
  left: 520px;
}

.officialNewEntryObj {
  float: left;
  position:relative;
  width: 580px;
  height: 95px;
  overflow: hidden;
}

.officialNewEntryObj ul.mainObjS {
    /* this cannot be too large */
    width:20000em;
    position:absolute;
}

/*
.officialNewEntryObj {
  float: left;
  width: 580px;
}
*/

.officialNewEntryObj .mainObjS li {
  float: left;
  padding: 3px 3px 0;
  width: 90px;
}

.officialNewEntryObj .mainObjImg02 {
  padding: 0 0 3px 4px;
}

#officialNewEntry #newEntryIndex {
  padding-right: 5px;
}

#officialNewEntryIndex {
  clear: both;
  padding-top: 5px;
  text-align: right;
  font-size:85%;
}

/* 公式ブロガーの人気ブログ記事
------------------------------------*/
#officialBlogRank {
  padding: 0 14px;
}

#officialBlogRank h2 {
  width: 612px;
  height: 46px;
  text-indent: -9999px;
  display: block;
}

/* 公式ブロガーの人気ブログ記事
------------------------------------*/
.blogRankWrap01 {
  margin-bottom: 12px;
  background: url(/web/image/pet/line_length01.gif) repeat-y left top;
}

.blogRankWrap01 li {
  float: left;
  padding: 0 10px;
  _padding: 0 8px;
  width: 102px;
}

.blogRankWrap01 .blogRankNo {
  width: 102px;
}

.blogRankWrap01 .blogRankNo img {
  padding: 6px 0 0 5px;
}


/* ランキングNo */
.blogRankWrap01 .blogRank01 span {
  float: left;
  width: 41px;
  height: 24px;
  text-indent: -9999px;
  display: block;
  background: url(/web/image/pet/rank01.gif) no-repeat left top;
}

.blogRankWrap01 .blogRank02 span {
  float: left;
  width: 41px;
  height: 24px;
  text-indent: -9999px;
  display: block;
  background: url(/web/image/pet/rank02.gif) no-repeat left top;
}

.blogRankWrap01 .blogRank03 span {
  float: left;
  width: 41px;
  height: 24px;
  text-indent: -9999px;
  display: block;
  background: url(/web/image/pet/rank03.gif) no-repeat left top;
}

/* ブログカテゴリでさがす
------------------------------------*/
#blogCategory {
  margin-bottom: 20px;
  padding: 10px 0 0 10px;
}

#blogCategory h2 {
  width: 620px;
  height: 43px;
  text-indent: -9999px;
}

#blogCategory .block {
  float: left;
  padding: 0 12px 10px 0;
  width: 198px;
  min-height: 235px;
  height: auto !important;
  height: 235px;
}
* html #blogCategory .block {
  padding: 0 10px 10px 0;
}

#blogCategory .block li {
  float: left;
  margin: 1px 6px 4px 0;
  padding-right: 6px;
  white-space: nowrap;
  border-right: 1px solid #666;
}

#blogCategory .block li span {
  font-size: 85%;
}

#blogCategory .block h4 {
  width: 198px;
  height: 40px;
  text-indent: -9999px;
}

#blogCategory .block h4 span {
  text-indent: -9999px;
  display: block;
}

#blogCategory .block h4 a:link,
#blogCategory .block h4 a:visited {
  position: relative;
  width: 198px;
  height: 33px;
  display: block;
  text-indent: -9999px;
  background: url(/web/image/pet/category_link.gif) no-repeat 0 0;
}

#blogCategory .block h4 a:hover,
#blogCategory .block h4 a:active {
  position: relative;
  width: 198px;
  height: 33px;
  display: block;
  text-indent: -9999px;
  background: url(/web/image/pet/category_link.gif) no-repeat 0 -33px;
}

/* 今月号の特集
------------------------------------*/
#mainMagazine {
  margin-bottom: 20px;
  background: url(/web/image/pet/magazine_bg.gif) repeat-y left top;
}

.magazineFooter {
  width: 640px;
  height: 6px;
  background: url(/web/image/pet/magazine_f.gif) no-repeat left bottom;
}

#mainMagazine h2 {
  width: 640px;
  height: 55px;
  text-indent: -9999px;
}

.magazineCont {
  margin: 0 15px 10px;
  padding-bottom: 10px;
  background: url(/web/image/pet/line_side01.gif) repeat-x left bottom;
}

.magazineCont p {
  text-align: left;
}

.mMLeft {
  float: left;
  width: 320px;
}

.mMRight {
  margin-left: 10px;
  float: left;
  width: 280px;
}

.magazinePhoto {
  float: left;
  padding-right: 10px;
  width: 100px;
}

.magazineSub01 {
  float: left;
  width: 205px;
}

.magazineFeatureSub {
  padding: 5px 0 0 0;
  font-size:85%;
}

.magazineFeature02 {
  width: 165px;
  height: 17px;
  text-indent: -9999px;
}

.magazineEnet {
  margin: 10px 0 5px 13px;
  width: 613px;
  height: 23px;
  text-indent: -9999px;
}

.magazineEnet a:link,
.magazineEnet a:visited {
  width: 613px;
  height: 23px;
  display: block;
}

.magazineEnet a:hover,
.magazineEnet a:active {
  width: 613px;
  height: 23px;
  display: block;
}

/* 申込みボタン
------------------------------------*/
.magazineBtn {
  margin-left: 13px;
  width: 613px;
  height: 45px;
  text-indent: -9999px;
  background: url(/web/image/pet/magazine_price.gif) no-repeat left top;
}

.magazineBtn p {
  display: none;
}

.magazineBtn a:link,
.magazineBtn a:visited {
  position: relative;
  top: 8px;
  left: 436px;
  width: 158px;
  height: 30px;
  display: block;
  background: url(/web/image/pet/magazine_btn02.gif) no-repeat left top;
}

.magazineBtn a:hover,
.magazineBtn a:active {
  position: relative;
  top: 8px;
  left: 436px;
  width: 158px;
  height: 30px;
  display: block;
  background: url(/web/image/pet/magazine_btn02.gif) no-repeat left -30px;
}


/* 2-2.RightCont
----------------------------------------------- */
/* 募集中の投稿
------------------------------------*/
.collectColumnS {
  margin-top: 15px;
}
.collectColumnImg {
  float: left;
  padding-left: 10px;
  width: 86px;
}

.collectColumnImg img {
  width: 77px;
}


/* 情報誌
------------------------------------*/
.magazineSLine {
  clear: both;
  padding-top: 16px;
  background: url(/web/image/pet/line_side01.gif) repeat-x left 8px;
}

.magazineS h4 {
  clear: both;
  width: 273px;
  height: 20px;
  text-indent: -9999px;
}

.magazineS h4 a {
  width: 273px;
  height: 20px;
  display: block;
}

.magazineS li {
  width: 273px;
}

.magazineSWrap {
  float: left;
  *float: none;
  width: 193px;
}


/* ランキング
------------------------------------*/
.sideRankNo {
  float: left;
  width: 23px;
  height: 36px;
  text-indent: -9999px;
}

.sideRank01 {
  background: url(/web/image/pet/s_rank01.gif) no-repeat left top;
}

.sideRank02 {
  background: url(/web/image/pet/s_rank02.gif) no-repeat left top;
}

.sideRank03 {
  background: url(/web/image/pet/s_rank03.gif) no-repeat left top;
}

.entryRankS .sideObjImg {
  padding-left: 0;
}

.sideObjRankWrap {
  float: left;
  *float: none;
  width: 205px;
}


/* 人気のブログ記事
------------------------------------*/
.entryRankPet {
  padding-left: 12px;
  font-weight: bold;
  font-size:85%;
  background: url(/web/image/pet/icon_kimochi.gif) no-repeat 0 2px;
}

.entryRankPet img {
  padding-left: 5px;
}


/* 3.Search
----------------------------------------------- */
.searchResult h2 {
  width: 640px;
  height: 45px;
  text-indent: -9999px;
  background: url(/web/image/pet/result/result.gif) no-repeat left top;
}

.resultText {
  margin-bottom: 10px;
}

.resultText strong {
  font-weight: bold;
}

.searchResult .srcSearchBox {
  margin-bottom: 15px;
}

/* 検索条件
------------------------------------*/
.srcResult {
  margin-bottom: 20px;
  height: 59px;
  position: relative;
  background: #f1f1f1 url(/web/image/pet/result/src_bg.gif) no-repeat right top;
}

.srcResult h4 {
  float: left;
  width: 124px;
  height: 59px;
  text-indent: -9999px;
  background: #f4ebdd url(/web/image/pet/result/src_title.gif) no-repeat left top;
}

.srcResult form {
  float: left;
  padding: 19px 0 0 25px;
  width: 490px;
}

.srcResult .searchForm {
  float: left;
  padding: 19px 0 0 25px;
  width: 490px;
}

.srcResult form img {
  padding-right: 10px;
  padding-top: 5px;
  float: left;
}

.srcResult form .textInput {
  margin-right: 15px;
  width: 280px;
}

.srcSearchBtn {
  top: 13px;
  left: 560px;
  position: absolute;
}

/* 検索ボックス
------------------------------------*/
.srcSearchBox {
  background: url(/web/image/pet/result/src_search_box.gif) no-repeat left top;
  height: 70px;
  *zoom: 100%;
}

.srcSearchBox dl {
  float: left;
}

.srcSearchBox dl dt {
  height: 22px;
  overflow: hidden;
  text-indent: -9999px;
}

.srcSearchBox dl dd {
  height: 48px;
  position: relative;
}

/* キーワード */
.srcSearchBox dl.keyword {
  width: 341px;
}

.srcSearchBox dl.keyword .textInput {
  left: 10px;
  padding-bottom: 2px;
  padding-top:2px;
  position: absolute;
  top: 7px;
  width: 250px;
}

.srcSearchBox dl.keyword .srcSearchBtn {
  left: 273px;
  position: absolute;
  top: 7px;
}

.srcSearchBox dl.keyword .example {
  color: #666;
  font-size: 77%;
  left: 10px;
  position: absolute;
  top: 32px;
}

/* 50音順 */
.srcSearchBox dl.index50 {
  width: 147px;
}

.srcSearchBox dl.index50 .srcSearchBtn {
  left: 9px;
  position: absolute;
  top: 7px;
}

/* 大きさ */
.srcSearchBox dl.size {
  width: 152px;
}

.srcSearchBox dl.size .sizeS {
  left: 10px;
  position: absolute;
  top: 7px;
}

.srcSearchBox dl.size .sizeM {
  left: 55px;
  position: absolute;
  top: 7px;
}

.srcSearchBox dl.size .sizeL {
  left: 101px;
  position: absolute;
  top: 7px;
}

/* 表示件数
------------------------------------*/
.srcSort {
  margin-bottom: 20px;
  background: url(/web/image/pet/result/src_sort_h.gif) no-repeat left top;
}

.srcSortText {
  float: left;
  padding: 10px 0 3px 20px;
  width: 400px;
}

.srcSortText strong {
  color: #ac3900;
  font-weight: bold;
}

.srcSort form {
  float: right;
  padding: 8px 15px 3px 0;
  width: 190px;
  text-align: right;
}

.srcSort .sortForm {
  float: right;
  padding: 8px 15px 3px 0;
  width: 190px;
  text-align: right;
}

.srcSortFooter {
  clear: both;
  width: 640px;
  height: 11px;
  background: url(/web/image/pet/result/src_sort_f.gif) no-repeat left bottom;
}

.srcSort .condition {
  border-top: 1px dotted #ccc;
  clear: both;
  margin-left: 20px;
  padding-top: 5px;
  width: 400px;
}

.srcSort .condition em {
  color: #0e678b;
  font-weight: bold;
  font-style: normal;
}

/* ページナビ
------------------------------------*/
.pageNavi {
  margin-bottom: 10px;
  text-align: center;
}

.pageNaviPages span {
  padding: 0 5px;
  font-weight: bold;
}

.pageNaviPages a {
  font-weight: normal;
}

.pageNaviPrev {
  padding-left: 15px;
}

.pageNaviNext {
  padding-right: 15px;
}


/* 検索結果
------------------------------------*/
.wordBreak{
  /* for ie and safari */
  word-break:break-all;
  /* fx and opera use wordBreak.js using this class */
}

#resultCont {
  margin-bottom: 20px;
  padding-top: 10px;
  background: url(/web/image/pet/line_double.gif) repeat-x left top;
}




/* 4.Profile
----------------------------------------------- */
#profileCom {
  margin-bottom: 25px;
  background: url(/web/image/pet/zukan/profile_bg.gif) repeat-y left top;
}

.profileWrap {
  margin-bottom: 10px;
  padding: 13px 12px 0 8px;
  background: url(/web/image/pet/zukan/profile_head.gif) no-repeat left top;
}

.profileFooter {
  height: 5px;
  font-size: 0;
  background: url(/web/image/pet/zukan/profile_footer.gif) no-repeat left bottom;
}

#profileL {
  position: relative;
  float: left;
  width: 236px;
}

#profileR {
  float: right;
  width: 376px;
}

.profileImg {
  padding: 8px 0 0 8px;
  width: 228px;
  height: 173px;
  background: url(/web/image/pet/zukan/profile_photo.gif) no-repeat left top;
}

.profileImg a {
  width: 220px;
  height: 165px;
  display: block;
}

.profileImg a img {
  width: 220px;
  height: 165px;
}

.subscriptionDogM {
  position: absolute;
  top: 190px;
  left: 15px;
  width: 90px;
  height: 30px;
  text-indent: -9999px;
  background: url(/web/image/pet/zukan/magazine_dog.gif) no-repeat left top;
}

.subscriptionCatM {
  position: absolute;
  top: 190px;
  left: 130px;
  width: 90px;
  height: 30px;
  text-indent: -9999px;
  background: url(/web/image/pet/zukan/magazine_cat.gif) no-repeat left top;
}

.profileTitle {
  padding: 9px 0 0 8px;
  width: 368px;
  height: 34px;
  display: block;
  font-size: 110%;
  color: #ffffff;
  font-weight: bold;
  background: url(/web/image/pet/zukan/profile_name.gif) no-repeat left top;
}

.profileDate dt {
  clear: left;
  float: left;
  margin-bottom: 5px;
  padding: 2px 0 4px 8px;
  width: 100px;
  height: 15px;
  text-indent: -9999px;
}

.profileDate dt span {
  width: 88px;
  height: 13px;
  display: block;
}

.profileDate dt.profileDate01 span {
  background: url(/web/image/pet/zukan/profile_icon01.gif) no-repeat left top;
}

.profileDate dt.profileDate02 span {
  background: url(/web/image/pet/zukan/profile_icon02.gif) no-repeat left top;
}

.profileDate dt.profileDate03 span {
  background: url(/web/image/pet/zukan/profile_icon03.gif) no-repeat left top;
}

.profileDate dt.profileDate04 span {
  background: url(/web/image/pet/zukan/profile_icon04.gif) no-repeat left top;
}

.profileDate dt.profileDate05 span {
  background: url(/web/image/pet/zukan/profile_icon05.gif) no-repeat left top;
}

.profileDate dt.profileDate06 span {
  background: url(/web/image/pet/zukan/profile_icon06.gif) no-repeat left top;
}

.profileDate dt.profileDate07 span {
  background: url(/web/image/pet/zukan/profile_icon07.gif) no-repeat left top;
}

.profileDate dd {
  float: left;
  margin-bottom: 5px;
  padding-bottom: 4px;
  width: 260px;
  min-height: 18px;
  _height: 18px;
  background: url(/web/image/pet/line_side02.gif) repeat-x left bottom;
}

.profileText {
  padding: 8px 15px 8px 120px;
  min-height: 76px;
  _height: 76px;
  background: url(/web/image/pet/zukan/profile_text.gif) no-repeat 13px top;
}

.profileDog h2 {
  margin: 25px 0 0 10px;
  padding: 15px 0 0 62px;
  width: 553px;
  height: 34px;
  display: block;
  font-size: 110%;
  color: #ffffff;
  font-weight: bold;
  background: url(/web/image/pet/zukan/profile_dog.gif) no-repeat left top;
}

.profileCat h2 {
  margin: 25px 0 0 10px;
  padding: 12px 0 0 62px;
  width: 553px;
  height: 34px;
  display: block;
  font-size: 110%;
  color: #ffffff;
  font-weight: bold;
  background: url(/web/image/pet/zukan/profile_cat.gif) no-repeat left top;
}

#profileCom .entryObj {
  margin-bottom: 15px;
  padding: 0 20px;
}

#profileCom .entryObj li {
  width: 600px;
}

#profileCom .entryMain {
  width: 470px;
  _width: 460px;
}

.profileDog .enryTitle {
  color: #4e6d00;
}

.profileCat .enryTitle {
  color: #137c8d;
}

.entryTypeDog {
  margin-top: 5px;
  padding: 3px 0 3px 55px;
  min-height: 13px;
  _height: 13px;
  font-size: 85%;
  color: #4e6d00;
  background: url(/web/image/pet/zukan/type_dog.gif) no-repeat left top;
}

.entryTypeCat {
  margin-top: 5px;
  padding: 3px 0 3px 55px;
  min-height: 13px;
  _height: 13px;
  font-size: 85%;
  color: #137c8d;
  background: url(/web/image/pet/zukan/type_cat.gif) no-repeat left top;
}

#profileCom .entryFunk a {
  float: right;
  width: 83px;
  height: 18px;
  display: block;
  text-indent: -9999px;
  background: url(/web/image/pet/zukan/more.gif) no-repeat left top;
}

/* 日付
------------------------------------*/
.entryDateProfile {
  float: left;
  margin-right: 5px;
  padding: 3px 5px 1px 5px;
  font-size: 85%;
  color: #fe5a19;
  background: url(/web/image/pet/zukan/profile_day.gif) no-repeat right center;
}

/* 新着ブログ記事
------------------------------------*/
#profileNewEntry h2 {
  position: relative;
  background: url(/web/image/pet/zukan/profile_entry.gif) no-repeat left top;
}

#profileNewEntry h2 .findMore2 {
  position: absolute;
  top: 8px;
  left: 550px;
  width: 80px;
  height: 16px;
  display: block;
  text-indent: -9999px;
  background: url(/web/image/pet/dog/more.gif) no-repeat left top;
}

#profileNewEntry .profileNewEntrySub {
  margin: 8px 0 10px;
  padding: 0 0 3px 16px;
  background: url(/web/image/pet/zukan/profile_entry_sub.gif) no-repeat left 3px;
}

#profileNewEntry .profileNewEntrySub a {
  color: #fe5a19;
}

#profileNewEntry .entryFunk {
  color: #fe5a19;
}


/* コメント
------------------------------------*/
#profileComment h2 {
  background: url(/web/image/pet/zukan/profile_comment.gif) no-repeat left top;
}

#profileComment .entryMain {
  padding-left: 10px;
  width: 620px;
}

#profileComment .entryFunk {
  text-align: right;
}

#profileComment .entryComment {
  font-weight: normal;
}


/* 5.Zukan
----------------------------------------------- */
/* 5-1.MainCont
----------------------------------------------- */
/* 図鑑
------------------------------------*/
#zukan {
  margin-bottom: 25px;
  padding: 17px 13px 0 10px;
  background: url(/web/image/pet/zukan/zukan_bg.gif) no-repeat left top;
}

#zukanL {
  float: left;
  width: 236px;
}

#zukanR {
  float: right;
  padding-top: 4px;
  width: 370px;
}

/* タイトル */
.zukanTitle {
  margin-bottom: 15px;
  padding: 12px 0 0 0;
  font-weight: bold;
  font-size: 130%;
}

.zukanTitle span {
  padding: 0 0 5px 48px;
  display: block;
}

.zukanTitle span.zukanTitleSub {
  padding: 0 0 20px 48px;
  display: block;
  font-weight: normal;
  font-size: 85%;
}

/* データ */
.zukanDate dt {
  padding: 0 0 5px 0;
  text-indent: -9999px;
  border-bottom: 1px dotted #cbbbab;
}

.zukanDate dd {
  padding: 5px 0 12px 22px;
  line-height: 1.4;
}

#zukan cite {
  padding-top: 5px;
  display: block;
  text-align: right;
  font-style: normal;
  font-size: 85%;
}

/* 写真 */
.zukanImg {
  margin-bottom: 15px;
  padding: 8px 0 0 8px;
  width: 228px;
  height: 173px;
}

.zukanImg a {
  width: 220px;
  height: 165px;
  display: block;
}

.zukanImg a img {
  width: 220px;
  height: 165px;
}

/* 登録ボタン */
.entryPet:link,
.entryPet:visited {
  margin-bottom: 10px;
  width: 236px;
  height: 51px;
  display: block;
  text-indent: -9999px;
}

.entryPet:hover,
.entryPet:active {
  margin-bottom: 10px;
  width: 236px;
  height: 51px;
  display: block;
  text-indent: -9999px;
}

/* 詳細 */
.zukanDetail {
  background: url(/web/image/pet/zukan/zukan_detail_bg.gif) no-repeat left top;
}

.zukanDetail dl {
  padding: 13px 12px 6px 10px;
  background: url(/web/image/pet/zukan/zukan_detail_footer.gif) no-repeat left bottom;
}

.zukanDetail dt {
  float: left;
  margin-bottom: 4px;
  width: 68px;
  height: 22px;
  text-indent: -9999px;
}

.zukanDetail dd {
  float: right;
  margin-bottom: 4px;
  padding: 2px 0;
  width: 138px;
  height: 18px;
  border-bottom: 1px dotted #8a5a2f;
}

.zukanDetail dd.zukanDetailEnd {
  height: auto;
  border-bottom: none;
}

.zukanDetailEnd li {
  padding: 4px 0 3px 23px;
  min-height: 14px;
  _height: 14px;
  border-bottom: 1px dotted #8a5a2f;
}

.zukanDetailEnd li span {
  padding-left: 5px;
  font-size: 85%;
}

p.supplement {
  margin-bottom: 10px;
}

/* 図鑑メインタイトル
------------------------------------*/
#zukanMainTitle {
}


/* 写真投稿
------------------------------------*/
#zukanEntry h3 {
  margin-bottom: 10px;
  padding: 0 0 0 16px;
  min-height: 15px;
  _height: 15px;
  color: #9b4a00;
  font-weight: bold;
  font-size: 110%;
  background: url(/web/image/pet/zukan/zukan_entry.gif) no-repeat left 3px;
}

.zukanEntryTtl h3 {
  float: left;
}

.zukanEntryTtl p {
  float: right;
}

.zukanEntryTtl p a {
  background-image: url(/web/image/pet/dog/icon_green.gif);
  background-position: 0 50%;
  background-repeat: no-repeat;
  padding-left: 15px;
}

.zukanEntryTtl p.supplement {
  text-align: left;
  clear: both;
  float: none;
}

.zukanEntryPrev {
  float: left;
  width: 13px;
  height: 70px;
  text-indent: -9999px;
  background: url(/web/image/pet/zukan/navi_prev.gif) no-repeat left center;
}

.zukanEntryPrev p {
  width: 13px;
  height: 70px;
  display: block;
  background: url(/web/image/pet/zukan/navi_prev.gif) no-repeat left center;
}

.zukanEntryPrev p.onhover {
  width: 13px;
  height: 70px;
  display: block;
  cursor:pointer;
  background: url(/web/image/pet/zukan/navi_prev.gif) no-repeat -13px center;
}

.zukanEntryNext {
  float: left;
  width: 13px;
  height: 70px;
  text-indent: -9999px;
  background: url(/web/image/pet/zukan/navi_next.gif) no-repeat left center;
}

.zukanEntryNext p {
  width: 13px;
  height: 70px;
  display: block;
  background: url(/web/image/pet/zukan/navi_next.gif) no-repeat left center;
}

.zukanEntryNext p.onhover {
  width: 13px;
  height: 70px;
  display: block;
  cursor:pointer;
  background: url(/web/image/pet/zukan/navi_next.gif) no-repeat -13px center;
}

/* 新着投稿写真
------------------------------------*/
#zukanNewPhoto {
}

#zukanNewPhoto .zukanEntryPrev,
#zukanNewPhoto .zukanEntryPrev p {
  background-image: url("/web/image/pet/navi_prev.gif");
  height: 102px;
  padding: 0;
}

#zukanNewPhoto .zukanEntryNext,
#zukanNewPhoto .zukanEntryNext p {
  background-image: url("/web/image/pet/navi_next.gif");
  height: 102px;
  padding: 0;
}

/* 統計データ
------------------------------------*/
#zukanStatistic {
  margin-bottom: 25px;
}

#zukanStatistic h2 {
  background: url(/web/image/pet/zukan/zukan_statistic_title_h2.gif) no-repeat left top;
}

#zukanStatistic h3 {
  margin-bottom: 10px;
  padding: 0 0 8px 0;
  min-height: 15px;
  _height: 15px;
  color: #9b4a00;
  font-weight: bold;
  font-size: 110%;
  background: url(/web/image/pet/zukan/zukan_statistic_title.gif) repeat-x left bottom;
}

.zukanStatisticList {
  *margin-bottom: 15px;
}

.zukanStatisticList li {
  float: left;
  margin: 0 14px 15px 0;
  width: 149px;
}

.zukanStatisticList dt {
  position: relative;
}

.zukanStatisticList dt span {
  display: block;
  padding: 6px 6px 0;
  min-height: 21px;
  _height: 22px;
  color: #fff;
  font-weight: bold;
  background: url(/web/image/pet/zukan/zukan_statistic01.gif) no-repeat left bottom;
}

.zukanStatisticList dt a {
  display: block;
  height: 16px;
  outline: none;
  position: absolute;
  right: 5px;
  text-indent: -9999px;
  top: 5px;
  width: 17px;
}

.zukanStatisticList dt a.findMoreS {
  background-image: url(/web/image/pet/zukan/more_s.gif);
}

.zukanStatisticList dd {
  padding: 5px 3px 3px 5px;
  background: #f9eeda url(/web/image/pet/zukan/zukan_statistic01_footer.gif) no-repeat left bottom;
}

.zukanStatisticList .zukanSHead {
  padding-bottom: 3px;
  font-size: 85%;
  color:#f6337d;
}

.zukanStatisticList .zukanSFooter {
  padding-top: 5px;
  font-size: 85%;
  color:#5a9b07;
}

.zukanStatisticList ul {
  margin: 0;
  padding: 0 0 0 20px;
  height: 104px;
  background: url(/web/image/pet/zukan/zukan_statistic_arrow.gif) no-repeat left top;
}

.zukanStatisticList ul li {
  position: relative;
  float: none;
  margin: 0 0 3px 0;
  padding: 4px 0 0;
  width: 118px;
  height: 14px;
  font-size: 85%;
  text-align: right;
  background: url(/web/image/pet/zukan/zukan_statistic_graph_bg.gif) no-repeat left top;
}

.zukanStatisticList ul li img {
  position: absolute;
  top: 0;
  left: 0;
  height: 18px;
}

.zukanStatisticList ul li img.zukanSPoint {
  position: absolute;
  top: 2px;
  left: -20px;
  width: 15px;
  height: 14px;
}

.zukanStatisticList ul.index {
  background: none;
  height: auto;
  padding: 0;
}

.zukanStatisticList ul.index li {
  background: none;
  height: auto;
  text-align: left;
  width: 100%;
}

.zukanStatisticList ul.index li p {
  text-align: left;
}

.zukanStatisticList ul.index li p.thumb {
  float: left;
  display: inline;
  margin-right: 5px;
}

.zukanStatisticList ul.index li p.thumb a {
  background-color: #fff;
  border: 1px solid #ccc;
  display: inline-block;
  padding: 1px;
}

.zukanStatisticList ul.index li p.thumb a img {
  height: auto;
  position: relative;
  width: 30px;
}

.zukanStatisticList ul.index li p.name {
  overflow: hidden;
  padding: 3px 0 0;
}

.zukanStatisticList dd p.more {
  border-top: 1px solid #c6925d;
  padding-right: 2px;
  text-align: right;
}

.zukanStatisticList ul.index li p.name {
}

.zukanStatistic02Wrap {
  padding: 1px;
  border: 3px solid #f6ed9d;
  background: #fff;
}

.zukanStatistic02 {
  padding: 7px 5px;
  border: 1px solid #c7a37e;
  background: #faf5c9;
}

.zukanStatistic02L {
  float: left;
  width: 307px;
}

.zukanStatistic02R {
  float: right;
  width: 307px;
}

.zukanStatistic02 h4 {
  margin: 0 0 3px 0;
  padding: 6px 0 0;
  width: 307px;
  height: 21px;
  color: #fff;
  font-weight: bold;
  text-align: center;
  background: url(/web/image/pet/zukan/zukan_statistic02.gif) no-repeat left top;
}

.zukanStatistic02 li {
  float: left;
  width: 151px;
}

.zukanStatistic02 li.mSideNo {
  float: right;
}

.zukanStatistic02 dt {
  padding: 4px 0 0;
  width: 151px;
  height: 19px;
  color: #fff;
  font-weight: bold;
  text-align: center;
  background: url(/web/image/pet/zukan/zukan_statistic03.gif) no-repeat left top;
}

.zukanStatistic02 dd {
  padding: 5px;
  background: url(/web/image/pet/zukan/zukan_statistic03_bg.gif) no-repeat left bottom;
}

.zukanStatistic02 li ol li {
  float: none;
  padding: 4px 0 0 25px;
  width: 116px;
}

.zukanStatistic02 li ol li.zukanSRank01 {
  background: url(/web/image/pet/zukan/zukan_statistic_rank01.gif) no-repeat left top;
}

.zukanStatistic02 li ol li.zukanSRank02 {
  background: url(/web/image/pet/zukan/zukan_statistic_rank02.gif) no-repeat left top;
}

.zukanStatistic02 li ol li.zukanSRank03 {
  background: url(/web/image/pet/zukan/zukan_statistic_rank03.gif) no-repeat left top;
}

.zukanStatistic02 li ol li.zukanSRank04 {
  background: url(/web/image/pet/zukan/zukan_statistic_rank.gif) no-repeat left top;
}

.zukanStatistic02 li ol li span {
  padding: 2px 3px 0 0;
  font-size: 85%;
  display: block;
  text-align: right;
}


/* 時期
------------------------------------*/
#zukanTime {
  margin-bottom: 15px;
  *margin-bottom: 25px;
}

#zukanTime h3 {
  margin-bottom: 10px;
  padding: 0 0 8px 0;
  min-height: 15px;
  _height: 15px;
  font-weight: bold;
  font-size: 110%;
}


/* ランキング
------------------------------------*/
#zukanRank {
  margin-bottom: 15px;
  *margin-bottom: 25px;
}

#zukanRank h3 {
  margin-bottom: 10px;
  padding: 0 0 8px 0;
  min-height: 15px;
  _height: 15px;
  color: #cf4266;
  font-weight: bold;
  font-size: 110%;
  background: url(/web/image/pet/zukan/zukan_rank_title.gif) repeat-x left bottom;
}

#zukanRank li {
  float: left;
  margin: 0 12px 15px 0;
}

#zukanRank dl {
  width: 205px;
}

#zukanRank dt {
  padding: 6px 0 0;
  width: 205px;
  height: 21px;
  color: #fff;
  font-weight: bold;
  text-align: center;
  background: url(/web/image/pet/zukan/zukan_rank.gif) no-repeat left top;
}

#zukanRank dd {
  padding: 8px 3px 8px 5px;
  background: #f9eeda url(/web/image/pet/zukan/zukan_time_footer.gif) no-repeat left bottom;
}

#zukanRank ol li {
  float: none;
  margin: 0;
  padding: 4px 0 5px 25px;
}

#zukanRank ol li.zukanRank01 {
  background: url(/web/image/pet/zukan/zukan_rank01.gif) no-repeat left top;
}

#zukanRank ol li.zukanRank02 {
  background: url(/web/image/pet/zukan/zukan_rank02.gif) no-repeat left top;
}

#zukanRank ol li.zukanRank03 {
  background: url(/web/image/pet/zukan/zukan_rank03.gif) no-repeat left top;
}

#zukanRank ol li span {
  padding-left: 3px;
  font-size: 85%;
}


/* 年齢別
------------------------------------*/
#zukanAge {
  margin-bottom: 30px;
  background: url(/web/image/pet/zukan/zukan_age_bg.gif) repeat left top;
}

#zukanAge h3 {
  margin-bottom: 5px;
  background: url(/web/image/pet/zukan/zukan_age_head.gif) no-repeat left top;
}

#zukanAge h3 span {
  padding: 23px 15px 23px;
  display: block;
  text-align: center;
  font-size: 110%;
  font-weight: bold;
  color: #8b2b00;
  background: url(/web/image/pet/zukan/zukan_age_title.gif) no-repeat left bottom;
}

.zukanAgeNo {
  padding-top: 15px;
}

/* 6か月未満 */
.zukanAge01 {
  margin-left: 5px;
  padding: 0 0 15px 0;
  float: left;
  width: 310px;
}

.zukanAge01 h4 {
  margin-left: 5px;
  width: 292px;
  height: 48px;
  text-indent: -9999px;
  background: url(/web/image/pet/zukan/zukan_age_title01.gif) no-repeat left top;
}


/* 6か月〜1才未満 */
.zukanAge02 {
  padding: 0 0 15px 0;
  float: right;
  width: 310px;
}

.zukanAge02 h4 {
  margin-left: 8px;
  width: 291px;
  height: 48px;
  text-indent: -9999px;
  background: url(/web/image/pet/zukan/zukan_age_title02.gif) no-repeat left top;
}

/* 1才以上 */
.zukanAge03 {
  padding: 10px 0 15px 10px;
  background: url(/web/image/pet/zukan/zukan_age_footer.gif) no-repeat left bottom;
}

.zukanAge03 h4 {
  width: 622px;
  height: 48px;
  text-indent: -9999px;
}

.zukanAge03 ul {
  margin-left: 5px;
}

/* もっとみる */
.zukanAge01,
.zukanAge02,
.zukanAge03 {
  position: relative;
}

.zukanAge01 p.findMoreS,
.zukanAge02 p.findMoreS,
.zukanAge03 p.findMoreS {
  padding: 0;
  position: absolute;
}

.zukanAge01 p.findMoreS {
  right: 22px;
  top: 11px;
}

.zukanAge02 p.findMoreS {
  right: 19px;
  top: 15px;
}

.zukanAge03 p.findMoreS {
  right: 15px;
  top: 20px;
}

.zukanAge01 p.findMoreS a,
.zukanAge02 p.findMoreS a,
.zukanAge03 p.findMoreS a {
  background-image: url(/web/image/pet/zukan/more_m.gif);
  display: block;
  height: 16px;
  width: 60px;
  outline: none;
  text-indent: -9999px;
}


/* 新着ブログ
------------------------------------*/
.zukanNewEntryTitle {
  position: relative;
  color: #ffffff;
  font-weight: bold;
  font-size: 110%;
}

.zukanNewEntryTitle span {
  display: block;
  padding: 10px 10px 15px 40px;
}

.zukanNewEntryTitle .findMore2 {
  position: absolute;
  top: 10px;
  left: 550px;
  _left: 510px;
  width: 80px;
  height: 16px;
  display: block;
  text-indent: -9999px;
}


/* ブログ一覧
------------------------------------*/
.zukanCategory h3 {
  position: relative;
  margin-bottom: 15px;
  color: #ffffff;
  font-weight: bold;
  font-size: 110%;
}

.zukanCategory h3 span {
  display: block;
  padding: 8px 15px 8px 40px;
}


/* 5-2.RightCont
----------------------------------------------- */
.lossZukanS h3 {
  width: 300px;
  height: 35px;
  text-indent: -9999px;
}

.lossZukanS .findMoreSide {
  top: 5px;
}

.lossZukanS .sideObjTitle {
  padding-top: 11px;
}

.newEntryS h3 {
  width: 300px;
  height: 30px;
  text-indent: -9999px;
}

.newEntryS .findMoreSide {
  top: 5px;
}

.newEntryS .sideObjText {
  padding-top: 5px;
}


/* 6.Pet Profile
----------------------------------------------- */
/* 6-1.MainCont
----------------------------------------------- */
/* プロフィール
------------------------------------*/
.profilePetImg {
  margin-bottom: 15px;
  padding: 8px 0 0 8px;
  width: 228px;
  height: 173px;
}

.profilePetImg a {
  width: 220px;
  height: 165px;
  display: block;
}

.profilePetImg a img {
  width: 220px;
  height: 165px;
}

.profilePetImg img {
  width: 220px;
  height: 165px;
}

/* 飼い主さん情報 */
.ownerDetail {
  margin-bottom: 15px;
  width: 238px;
  background: url(/web/image/pet/zukan/owner_detail_bg.gif) repeat-y left top;
}

.ownerDetailTitle {
  padding-bottom: 10px;
  width: 238px;
  height: 28px;
  text-indent: -9999px;
  background: url(/web/image/pet/zukan/owner_detail.gif) no-repeat left top;
}

.ownerDetail .mainObjImg01 {
  float: left;
  margin: 0 0 0 10px;
  _margin: 0 0 0 5px;
}

.ownerDetailMain {
  float: left;
  margin: 0 0 0 10px;
  width: 108px;
}

.ownerDetailTitle02 {
  font-weight: bold;
}

.ownerDetailText {
  padding: 5px 0;
  font-size: 85%;
}

.ownerDetailBlog {
  font-size: 85%;
}

.subscriptionDogS {
  margin: 3px 0 0 5px;
  width: 95px;
  height: 20px;
  text-indent: -9999px;
  background: url(/web/image/pet/zukan/magazine_dog_s.gif) no-repeat left top;
}

.subscriptionCatS {
  margin: 3px 0 0 5px;
  width: 95px;
  height: 25px;
  text-indent: -9999px;
  background: url(/web/image/pet/zukan/magazine_cat_s.gif) no-repeat left top;
}

.ownerDetailPet {
  padding: 5px 8px 8px;
  background: url(/web/image/pet/zukan/owner_detail_footer.gif) no-repeat left bottom;
}

.ownerDetailObj {
  padding-top: 10px;
  border-top: 1px dotted #8a5a2f;
}

.ownerDetailObj li {
  float: left;
  text-align: center;
}

.ownerDetailObj td {
  text-align: center;
}

.ownerDetailObj .sideObjImg {
  float: none;
  padding-left: 5px;
}

.ownerDetailObj .sideObjImg a {
  padding: 2px 1px 2px 1px;
  width: 54px;
  display: block;
  border: 1px solid #ccc;
  background-color:#fff;
}

.ownerDetailObj p {
  width: 73px;
  padding-top: 5px;
  font-size: 85%;
}

/* 飼う時に迷った犬種 */
.lossZukanTitle {
  width: 236px;
  height: 39px;
  text-indent: -9999px;
}

.lossZukanList li {
  padding: 0 0 5px 15px;
}

.lossZukanList li a {
  padding-left: 8px;
  background: url(/web/image/pet/icon_brown.gif) no-repeat left 5px;
}

/* ペットプロフィール */
.profilePetTitle {
  padding: 9px 0 0 8px;
  width: 368px;
  height: 34px;
  display: block;
  font-size: 110%;
  color: #ffffff;
  font-weight: bold;
}

.profilePetDate dt {
  float: left;
  clear: left;
  margin-bottom: 10px;
  padding: 2px 0 6px 8px;
  width: 100px;
  min-height: 15px;
  _height: 15px;
  text-indent: -9999px;
}

.profilePetDate dt span {
  width: 90px;
  height: 13px;
  display: block;
}

.profilePetDate dt.profilePetDate01 span {
  background: url(/web/image/pet/zukan/profile_pet_icon01.gif) no-repeat left top;
}

.profilePetDate dt.profilePetDate02 span {
  background: url(/web/image/pet/zukan/profile_pet_icon02.gif) no-repeat left top;
}

.profilePetDate dt.profilePetDate03 span {
  background: url(/web/image/pet/zukan/profile_pet_icon03.gif) no-repeat left top;
}

.profilePetDate dt.profilePetDate04 span {
  background: url(/web/image/pet/zukan/profile_pet_icon04.gif) no-repeat left top;
}

.profilePetDate dt.profilePetDate05 span {
  background: url(/web/image/pet/zukan/profile_pet_icon05.gif) no-repeat left top;
}

.profilePetDate dt.profilePetDate06 span {
  background: url(/web/image/pet/zukan/profile_pet_icon06.gif) no-repeat left top;
}

.profilePetDate dt.profilePetDate07 span {
  background: url(/web/image/pet/zukan/profile_pet_icon07.gif) no-repeat left top;
}

.profilePetDate dt.profilePetDate08 span {
  background: url(/web/image/pet/zukan/profile_pet_icon08.gif) no-repeat left top;
}

.profilePetDate dt.profilePetDate09 span {
  background: url(/web/image/pet/zukan/profile_pet_icon09.gif) no-repeat left top;
}

.profilePetDate dt.profilePetDate10 span {
  height: 27px;
  background: url(/web/image/pet/zukan/profile_pet_icon10.gif) no-repeat left top;
}

.profilePetDate dt.profilePetDate11 span {
  height: 27px;
  background: url(/web/image/pet/zukan/profile_pet_icon11.gif) no-repeat left top;
}

.profilePetDate dt.profilePetDate12 span {
  height: 27px;
  background: url(/web/image/pet/zukan/profile_pet_icon12.gif) no-repeat left top;
}

.profilePetDate dt.profilePetDate13 span {
  background: url(/web/image/pet/zukan/profile_pet_icon13.gif) no-repeat left top;
}

.profilePetDate dt.profilePetDate14 span {
  background: url(/web/image/pet/zukan/profile_pet_icon14.gif) no-repeat left top;
}

.profilePetDate dt.profilePetDate15 span {
  height: 27px;
  background: url(/web/image/pet/zukan/profile_pet_icon15.gif) no-repeat left top;
}

.profilePetDate dd {
  float: left;
  margin-bottom: 10px;
  padding-bottom: 5px;
  width: 260px;
  line-height: 1.4;
  min-height: 18px;
  _height: 18px;
  background: url(/web/image/pet/line_side02.gif) repeat-x left bottom;
}

.profilePetDate dd.profilePetDateText {
  min-height: 33px;
  _height: 33px;
}

/* 6-2.RightCont
----------------------------------------------- */
/* 同じ犬種をみる
------------------------------------*/
.sameKindS h3 {
  width: 300px;
  height: 30px;
  text-indent: -9999px;
}

/* 他の犬種をみる
------------------------------------*/
.otherKindS h3 {
  width: 300px;
  height: 30px;
  text-indent: -9999px;
}


/* 7.Comment
----------------------------------------------- */
#wrapper {
  margin: 20px auto 0;
  width: 550px;
  background: url(/web/image/pet/comment/comment_bg.gif) repeat-y left top;
}

#WrapperF {
  width: 550px;
  height: 10px;
  background: url(/web/image/pet/comment/comment_f.gif) no-repeat left bottom;
}


#wrapper h1 {
  width: 550px;
  height: 45px;
  text-indent: -9999px;
  background: url(/web/image/pet/comment/comment.gif) no-repeat left top;
}

#wrapper h2 {
  width: 502px;
  height: 35px;
  text-indent: -9999px;
  background: url(/web/image/pet/comment/comfirm.gif) no-repeat 0 5px;
}

.read {
  padding: 0 25px 35px 63px;
  color: #fff;
  font-weight: bold;
  background: url(/web/image/pet/comment/read.gif) no-repeat left bottom;
}

#commentCont {
  padding: 0 25px;
  background: url(/web/image/pet/comment/form_bg.gif) repeat-y left top;
}

#commentContF {
  width: 550px;
  height: 20px;
  background: url(/web/image/pet/comment/form_footer.gif) no-repeat left top;
}

/* 7.Report(通報)
----------------------------------------------- */
#report {
  margin: 20px auto 0;
  width: 550px;
  background: url(/web/image/pet/comment/comment_bg.gif) repeat-y left top;
}

#reportF {
  width: 550px;
  height: 10px;
  background: url(/web/image/pet/comment/comment_f.gif) no-repeat left bottom;
}


#report h1 {
  width: 550px;
  height: 45px;
  text-indent: -9999px;
  background: url(/web/image/pet/report/room.gif) no-repeat left top;
}

#report h2 {
  width: 502px;
  height: 35px;
  text-indent: -9999px;
  background: url(/web/image/pet/report/comfirm.gif) no-repeat 0 5px;
}

.reportread {
  padding: 0 25px 35px 63px;
  color: #fff;
  font-weight: bold;
  background: url(/web/image/pet/comment/read.gif) no-repeat left bottom;
}

#reportCont {
  padding: 0 25px;
  background: url(/web/image/pet/comment/form_bg.gif) repeat-y left top;
}

#reportContF {
  width: 550px;
  height: 20px;
  background: url(/web/image/pet/comment/form_footer.gif) no-repeat left top;
}


/* 注意事項
------------------------------------*/
#annoBox {
  padding: 5px 25px 0;
  font-size:80%;
  background: url(/web/image/pet/comment/anno_header.gif) no-repeat left top;
}

#annoBox p {
  padding: 5px 0;
}

#annoBoxF {
  width: 550px;
  height: 20px;
  background: url(/web/image/pet/comment/anno_footer.gif) no-repeat left top;
}


/* フォーム項目名
------------------------------------*/
.commentRight {
  float: left;
  width: 350px;
}

.commentRight .textInput {
  width: 342px;
  min-height: 140px;
  _height: 140px;
}

.ask01 {
  padding: 10px 0 10px 0;
  background: url(/web/image/pet/line_side01.gif) repeat-x left bottom;
}

.askName01 {
  float: left;
  width: 140px;
  height: 15px;
  text-indent: -9999px;
  background: url(/web/image/pet/comment/ask_name01.gif) no-repeat left top;
}

.ask02 {
  padding: 10px 0 10px 0;
}

.askName02 {
  float: left;
  width: 140px;
  height: 32px;
  text-indent: -9999px;
  background: url(/web/image/pet/comment/ask_name02.gif) no-repeat left top;
}

/* 完了
------------------------------------*/
#commentComp {
  padding: 0 25px;
  width: 500px;
  background: url(/web/image/pet/comment/comp.gif) no-repeat left top;
}

#commentComp h2 {
  display: none;
}

#commentComp p {
  padding: 65px 0 30px;
  text-align: center;
}

#reportComp {
  padding: 0 25px;
  width: 500px;
  background: url(/web/image/pet/report/comp.gif) no-repeat left top;
}

#reportComp h2 {
  display: none;
}

#reportComp p {
  padding: 65px 0 30px;
  text-align: center;
}


/* ボタン
------------------------------------*/
#commentBtn {
  margin: 15px 0 0;
  height: 48px;
  position: relative;
}

/* 規約に同意 */
.btnConfirm {
  position: absolute;
  top: 0;
  left: 164px;
  width: 222px;
  height: 40px;
  display: block;
  cursor: pointer;
  border: 0;
  text-indent: -9999px;
  background: url(/web/image/pet/comment/btn_confirm.gif) no-repeat left top;
}

.btnConfirm:hover,
.btnConfirm:focus {
  position: absolute;
  top: 0;
  left: 164px;
  width: 222px;
  height: 40px;
  display: block;
  border: 0;
  text-indent: -9999px;
  background: url(/web/image/pet/comment/btn_confirm.gif) no-repeat left bottom;
}

/* 投稿 */
.btnSubmit {
  position: absolute;
  top: 0;
  left: 199px;
  padding: 0;
  width: 152px;
  height: 40px;
  display: block;
  cursor: pointer;
  border: 0;
  text-indent: -9999px;
  background: url(/web/image/pet/comment/btn_submit.gif) no-repeat left top;
}

/* 通報 */
.btnReportSubmit {
  position: absolute;
  top: 0;
  left: 199px;
  padding: 0;
  width: 152px;
  height: 40px;
  display: block;
  cursor: pointer;
  border: 0;
  text-indent: -9999px;
  background: url(/web/image/pet/report/btn_submit.gif) no-repeat left top;
}


.btnSubmit:hover,
.btnSubmit:focus {
  position: absolute;
  top: 0;
  left: 199px;
  padding: 0;
  width: 152px;
  height: 40px;
  display: block;
  border: 0;
  text-indent: -9999px;
  background: url(/web/image/pet/comment/btn_submit.gif) no-repeat left bottom;
}

/* 修正 */
.btnBack {
  position: absolute;
  top: 8px;
  left: 14px;
  width: 108px;
  height: 31px;
  display: block;
  cursor: pointer;
  border: 0;
  text-indent: -9999px;
  background: url(/web/image/pet/comment/btn_amend.gif) no-repeat left top;
}

.btnBack:hover,
.btnBack:focus {
  position: absolute;
  top: 8px;
  left: 14px;
  width: 108px;
  height: 31px;
  display: block;
  border: 0;
  text-indent: -9999px;
  background: url(/web/image/pet/comment/btn_amend.gif) no-repeat left bottom;
}

/* 閉じる */
.commentClose:link,
.commentClose:visited {
  position: absolute;
  top: 0;
  left: 221px;
  width: 108px;
  height: 31px;
  display: block;
  text-indent: -9999px;
  background: url(/web/image/pet/comment/btn_close.gif) no-repeat left top;
}

.commentClose:hover,
.commentClose:active {
  position: absolute;
  top: 0;
  left: 221px;
  width: 108px;
  height: 31px;
  display: block;
  text-indent: -9999px;
  background: url(/web/image/pet/comment/btn_close.gif) no-repeat left bottom;
}
/* ロゴ図鑑詳細
------------------------------------*/
.globalLogo p.headingLevel1 {
float: none;
font-size: 12px;
font-weight: bold;
margin: 0;
padding: 0;
width: auto;}
