@charset "Shift_JIS";

/* INFO
--------------------------------------------------
   CSS File for "いぬのきもちweb"
   Date:     2009-01-23
==================================================
1.Portal Contents
  1-1.MainCont
  1-2.RightCont
2.Search
  2-1.MainCont
  2-2.RightCont
3.Comment

----------------------------------------------- */
/* 1.Portal Contents
----------------------------------------------- */
/* 1-1.MainCont
----------------------------------------------- */
/* サイト説明
------------------------------------*/
.mainExposition {
  margin-bottom: 8px;
}

.mELeft {
  float: left;
  width: 315px;
}

.mERight {
  float: right;
  width: 310px;
}

/* メインバナー
------------------------------------*/
.mainBanner {
  margin-bottom: 15px;
}

/* 検索ジャンプリンク
------------------------------------*/
.mainSearchJump {
  margin-bottom: 15px;
}

/* システムからのお知らせ
------------------------------------*/
.systemInfo {
  margin-bottom: 15px;
  background-color: #fbe6e6;
}

.systemInfo ul {
  padding: 2px 5px 2px 7px;
}

.systemInfo ul li {
  padding: 4px 0 3px 10px;
  color: #cc0000;
  background: url(/blog/image/pet/icon_system.gif) no-repeat 0 0;
}

/* お知らせ
------------------------------------*/
.informationWrap {
  margin-bottom: 5px;
}

/* 小さめな広告 */
.mainBanner2 {
  float: left;
  margin-left: 20px;
  width: 310px;
  height: 123px;
}

/* 新着情報
------------------------------------*/
.newFunc {
  margin-bottom: 5px;
  text-align: right;
  font-size:80%;
}

.newFunc .nf01 {
  padding-right: 15px;
}

/* 人気のブログ
------------------------------------*/
.blogRank {
  margin-bottom: 20px;
}




.blogRankWrap01 {
  margin-bottom: 12px;
  background: url(/blog/image/pet/line_length01.gif) repeat-y left top;
}

.blogRankWrap01 li {
  float: left;
  padding: 0 10px;
  width: 108px;
}

.blogRankWrap01 .blogRankNo {
  width: 102px;
}

.blogRankWrap01 .blogRankNo img {
  padding: 6px 0 0 5px;
}

.blogRankWrap01 .blogRankImg {
  padding: 0 0 3px 0;
  width: 102px;
}

.blogRankWrap01 .blogRankImg a {
  padding: 2px 0 2px 2px;
  width: 102px;
  display: block;
  border: 1px solid #ccc;
  background-color:#fff;
}

.blogRankWrap01 .blogRankImg img {
  width: 100px;
}

.blogRankWrap01 .blogRankBlog {
  padding-bottom: 3px;
  text-align: center;
}

.blogRankWrap01 .blogRankProf {
  text-align: left;
  font-size:80%;
}

.blogRankWrap02 li {
  float: left;
  padding-right: 10px;
  width: 118px;
}

.blogRankWrap02 li a {
  position: relative;
  top: 3px;
  left: 0;
}

.blogRankWrap02 li img {
  padding: 0 0 0 5px;
  position: relative;
  top: 4px;
  left: 0;
}

/* ランキングNo */
.blogRankWrap01 .blogRank01 span {
  float: left;
  width: 41px;
  height: 24px;
  text-indent: -9999px;
  display: block;
  background: url(/blog/image/pet/rank01.gif) no-repeat left top;
}

.blogRankWrap01 .blogRank02 span {
  float: left;
  width: 41px;
  height: 24px;
  text-indent: -9999px;
  display: block;
  background: url(/blog/image/pet/rank02.gif) no-repeat left top;
}

.blogRankWrap01 .blogRank03 span {
  float: left;
  width: 41px;
  height: 24px;
  text-indent: -9999px;
  display: block;
  background: url(/blog/image/pet/rank03.gif) no-repeat left top;
}

/* 新着記事
------------------------------------*/
.newEntry {
  margin-bottom: 20px;
}

.newEntry h2 span {
  text-indent: -9999px;
  display: block;
}

.newEntryPrev {
  float: left;
  width: 13px;
  height: 95px;
  text-indent: -9999px;
  background: url(/blog/image/pet/navi_prev.gif) repeat-y left center;
}

.newEntryPrev p {
  width: 13px;
  height: 95px;
  display: block;
  background: url(/blog/image/pet/navi_prev.gif) repeat-y left center;
}

.newEntryPrev p.onhover {
  width: 13px;
  height: 95px;
  display: block;
  cursor:pointer;
  background: url(/blog/image/pet/navi_prev.gif) repeat-y -13px center;
}

.newEntryNext {
  float: left;
  width: 13px;
  height: 95px;
  text-indent: -9999px;
  background: url(/blog/image/pet/navi_next.gif) repeat-y left center;
}

.newEntryNext p {
  width: 13px;
  height: 95px;
  display: block;
  background: url(/blog/image/pet/navi_next.gif) repeat-y left center;
}

.newEntryNext p.onhover {
  width: 13px;
  height: 95px;
  display: block;
  cursor:pointer;
  background: url(/blog/image/pet/navi_next.gif) repeat-y -13px center;
}

.newEntryObj {
  float: left;
  width: 614px;
}

.newEntryObj li {
  float: left;
  padding: 3px 5px 0;
  width: 92px;
}

.newEntryImg {
  padding: 0 0 3px 6px;
  width: 77px;
}

.newEntryImg a {
  padding: 2px 0 2px 2px;
  width: 73px;
  display: block;
  border: 1px solid #ccc;
  background-color:#fff;
}

.newEntryImg img {
  width: 71px;
}

.newEntryBlog {
  padding-bottom: 3px;
  text-align: left;
}

.newEntryBlog span {
  padding-right: 2px;
  font-size:80%;
}

/* 詳しくさがす
------------------------------------*/
.mainSearchWrap {
  margin: 0 4px 15px;
  padding: 10px 5px 10px;
  background: #f6f6f6 url(/blog/image/pet/line_side02.gif) repeat-x left bottom;
}

.mainSearchWrap ul {
  margin-bottom: 1px;
  padding-left: 17px;
}

.mainSearchWrap li {
  float: left;
  margin: 1px 10px 0 0;
  padding: 0 6px 11px 15px;
  *padding: 0 6px 15px 15px;
  white-space: nowrap;
  color: #588d12;
  font-weight: bold;
  background: url(/blog/image/pet/icon_gray.gif) no-repeat 0 2px;
}
*+html .mainSearchWrap li {
  padding: 0 6px 13px 15px;
}

.mainSearchWrap li span {
  font-size: 80%;
}

.mainSearchWrap li a {
  font-weight: normal;
}

.mainSearchForm {
  margin: 0;
  padding-left: 17px;
  width: 600px;
}

.mainSearchForm dt {
  float: left;
  padding: 2px 0 10px 0;
  width: 65px;
}

.mainSearchForm dd {
  float: left;
  margin: 0;
}

.mainSearchForm dd select {
  margin: 0 15px 10px 0;
  width: 120px;
  height: 18px;
}

.mainSearchForm dd.searchBtn {
  margin-left: 40px;
}

.mainSearchObj {
  margin: 0 14px 10px;
  width: 612px;
  /* for cross brows min-height by kamiya */
  max-height:255px;
  height: auto !important;
  height: 255px;

/*
  height: 255px;
*/
  overflow: auto;

  scrollbar-face-color: #ffffff;
  scrollbar-3dlight-color: #cccccc;
  scrollbar-highlight-color: #ffffff;
  scrollbar-shadow-color: #ffffff;
  scrollbar-darkshadow-color: #cccccc;
  scrollbar-arrow-color: #cccccc;
  scrollbar-track-color: #ffffff;
}

.mainSearchObj li {
  float: left;
  padding: 0 6px 0 6px;
  width: 105px;
  height: 148px;
}

.mainSearchImg {
  padding: 0 0 3px 15px;
  width: 77px;
}

.mainSearchImg a {
  padding: 2px 0 2px 2px;
  width: 73px;
  display: block;
  border: 1px solid #ccc;
  background-color:#fff;
}

.mainSearchImg img {
  width: 71px;
}

.mainSearchPet {
  text-align: center;
}

.mainSearchPet img {
  padding-right: 5px;
}

.mainSearchPetInfo {
  background-color: #f6f6f6;
  font-size: 11px;
}

/* ブログカテゴリでさがす
------------------------------------*/
.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: 80%;
}

.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(/blog/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(/blog/image/pet/category_link.gif) no-repeat 0 -33px;
}

/* 今月号の特集
------------------------------------*/
/* 雑誌申込み */
.mainMagazine {
  margin-bottom: 20px;
  background: url(/blog/image/pet/magazine_bg.gif) repeat-y left top;
}

.magazineFooter {
  width: 640px;
  height: 6px;
  background: url(/blog/image/pet/magazine_f.gif) no-repeat left bottom;
}

.magazineCont {
  margin: 0 15px 10px;
  padding-bottom: 10px;
  background: url(/blog/image/pet/line_side01.gif) repeat-x left bottom;
}

.mMLeft {
  float: left;
  width: 300px;
}

.mMRight {
  margin-left: 10px;
  float: left;
  width: 300px;
}

.magazinePhoto {
  float: left;
  padding-right: 10px;
  width: 100px;
}

.magazineSub01 {
  float: left;
  width: 185px;
}

.magazineSub02 {
  padding-top: 5px;
  width: 300px;
}

.magazineSub02 img {
  padding-right: 5px;
}

.magazineFeatureSub {
  padding: 5px 0 0 0;
  font-size:80%;
}

/* 申込みボタン */
.magazineBtn {
  margin-left: 13px;
  width: 613px;
  height: 45px;
  text-indent: -9999px;
  background: url(/blog/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(/blog/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(/blog/image/pet/magazine_btn02.gif) no-repeat left -30px;
}


/* 1-2.RightCont
----------------------------------------------- */
/* ユーザー写真コンテンツ
------------------------------------*/
.sideObj {
  margin-bottom: 15px;
}

.sideObj h3 span {
  text-indent: -9999px;
  display: block;
}

/* テキスト部分 */
.sideObjTitle {
  padding-bottom: 1px;
}

.sideObjTitle img {
  padding-left: 5px;
}

.sideObjText {
  font-size: 80%;
}


.sideObj li:after {
  content: ".";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
}

.sideObj li {
  width: 300px;
  min-height: 48px;
  padding: 8px 0;
  background-image: url(/blog/image/pet/line_side02.gif);
  background-repeat: repeat-x;
  background-position: left bottom;
}
/* Hides from IE-mac \*/
* html .sideObj li {
  height: 1px;
}
/* End hide from IE-mac */

.sideObjImg {
  float: left;
  padding-left: 10px;
  width: 63px;
}

.sideObjImg a {
  padding: 2px 0 2px 2px;
  width: 54px;
  display: block;
  border: 1px solid #ccc;
  background-color:#fff;
}

.sideObjImg img {
  width: 52px;
}

.sideObjWrap {
  float: left;
  *float: none;
  width: 217px;
}

/* ランキング */
.sideRankNo {
  float: left;
  width: 23px;
  height: 36px;
  text-indent: -9999px;
}

.sideRank01 {
  background: url(/blog/image/pet/s_rank01.gif) no-repeat left top;
}

.sideRank02 {
  background: url(/blog/image/pet/s_rank02.gif) no-repeat left top;
}

.sideRank03 {
  background: url(/blog/image/pet/s_rank03.gif) no-repeat left top;
}

.sideObjRankImg {
  float: left;
  width: 63px;
}

.sideObjRankImg a {
  padding: 2px 0 2px 2px;
  width: 52px;
  display: block;
  border: 1px solid #ccc;
  background-color:#fff;
}

.sideObjRankImg img {
  width: 50px;
}

.sideObjRankWrap {
  float: left;
  *float: none;
  width: 205px;
}

/* 広告
------------------------------------*/
.ad {
  margin-bottom: 15px;
}

.mt10 {
  margin-top:15px !important;
}

/* 募集中のテーマ
------------------------------------*/
.collectThemeS {
  margin-bottom: 15px;
}

.collectThemeImg {
  float: left;
  padding-left: 10px;
  width: 86px;
}

.collectThemeImg img {
  width: 77px;
}

/* 募集中の投稿
------------------------------------*/
.collectColumnS {
  margin-bottom: 15px;
}
.collectColumnImg {
  float: left;
  padding-left: 10px;
  width: 86px;
}

.collectColumnImg img {
  width: 77px;
}

/* 情報誌
------------------------------------*/
.magazineS {
  background: url(/blog/image/pet/s_magazine_bg.gif) repeat-y left top;
}

.magazineS h4 a {
  width: 273px;
  height: 20px;
  display: block;
}

.magazineSCont {
  padding: 0 13px 10px;
  background: url(/blog/image/pet/s_magazine_f.gif) no-repeat left bottom;
}

.magazineSPhoto {
  float: left;
  padding-bottom: 5px;
  width: 85px;
}

.magazineSPhoto img {
  width: 77px;
}

.magazineSSub {
  float: left;
  width: 188px;
}

.magazineS li {
  width: 273px;
}

.magazineSWrap {
  float: left;
  *float: none;
  width: 193px;
}

/* 雑誌申込みボタン
------------------------------------*/
.magazineSBtn {
  margin: 5px 0 0 20px;
  text-indent: -9999px;
  background: url(/blog/image/pet/magazine_btn01.gif) no-repeat left top;
}

.magazineSBtn a:link,
.magazineSBtn a:visited {
  width: 158px;
  height: 30px;
  display: block;
  background: url(/blog/image/pet/magazine_btn01.gif) no-repeat left top;
}

.magazineSBtn a:hover,
.magazineSBtn a:active {
  width: 158px;
  height: 30px;
  display: block;
  background: url(/blog/image/pet/magazine_btn01.gif) no-repeat left -30px;
}

/* 人気のブログ記事
------------------------------------*/
.entryRankPet {
  padding-left: 12px;
  color: #ac3900;
  font-weight: bold;
  font-size:80%;
  background: url(/blog/image/pet/icon_kimochi.gif) no-repeat 0 2px;
}

.entryRankPet img {
  padding-left: 5px;
}


/* 2.Search
----------------------------------------------- */
/* 2-1.MainCont
----------------------------------------------- */
.resultText {
  margin-bottom: 10px;
}

.resultText strong {
  color: #ac3900;
  font-weight: bold;
}

/* 検索条件
------------------------------------*/
.srcResult {
  margin-bottom: 20px;
}

.srcResult h4 {
  float: left;
  width: 124px;
  height: 59px;
  text-indent: -9999px;
}

.srcResult form {
  float: left;
  padding: 8px 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: 9px;
  left: 564px;
  position: absolute;
}

.srcSearchRadio {
  font-size:80%;
  padding-top: 2px;
}

/* 検索フォーム class指定
------------------------------------*/

.srcResult .searchForm {
  float: left;
  padding: 10px 0 0 25px;
  width: 490px;
}

.srcResult .searchForm img {
  padding-right: 10px;
}

.srcResult .searchForm .textInput {
  margin-right: 15px;
  width: 280px;
}


/* 表示件数
------------------------------------*/
.srcSort {
  margin-bottom: 20px;
}

.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;
}

/* ページナビ
------------------------------------*/
.pageNavi {
  margin-bottom: 10px;
  text-align: center;
}

.pageNaviPages span {
  padding: 0 5px;
  font-weight: bold;
  color: #ac3900;
}

.pageNaviPages a {
  font-weight: normal;
}

/* 検索結果
------------------------------------*/
.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(/blog/image/pet/line_double.gif) repeat-x left top;
}

#resultCont li:after {
  content: ".";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
}

#resultCont li {
  padding: 8px 0;
  width: 640px;
  background-image: url(/blog/image/pet/line_side01.gif);
  background-repeat: repeat-x;
  background-position: left bottom;
}
/* Hides from IE-mac \*/
* html #resultCont li {
  height: 1px;
}
/* End hide from IE-mac */

.entryImg {
  float: left;
  padding: 0 15px 0 10px;
  width: 106x;
}

.entryImg a {
  padding: 2px 0 2px 2px;
  width: 102px;
  display: block;
  border: 1px solid #ccc;
  background-color:#fff;
}

.entryImg img {
  width: 100px;
}

.entryMain {
  float: left;
  *float: none;
  width: 500px;
}

.entryDate {
  float: left;
  margin-right: 5px;
  font-size: 80%;
}

.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: 80%;
}

.entryFunk {
  padding: 5px 0 0;
  font-size: 80%;
}

.entryBlog {
  padding-right: 10px;
}

.entryThank {
  padding: 0 8px 0 12px;
  font-weight: bold;
  background: url(/blog/image/pet/icon_kimochi.gif) no-repeat 0 1px;
}

.entryComment {
  padding-left: 12px;
  font-weight: bold;
  background: url(/blog/image/pet/icon_comment.gif) no-repeat 0 1px;
}


/* 2-2.RightCont
----------------------------------------------- */
#showSideParts{
  text-align: left;
}


/* 3.Comment
----------------------------------------------- */
.red {
  color: #bf0000;
}

/* エラー */
.caution {
  padding: 3px 3px 3px 30px;
  color :#fc3131;
  background: #ffcece url(/blog/image/pet/icon_caution.gif) no-repeat 7px 5px;
}

/* ボタン */

.commentBtn {
  padding: 8px 0;
  text-align: center;
}

.commentBtn img {
  margin-right: 90px;
}

/* 閉じるボタン */

.commentClose {
  padding: 8px 0;
  text-align: center;
}

/* フォーム */
.ask01 {
  padding: 10px 0 10px 0;
  background: url(/blog/image/pet/line_side01.gif) repeat-x left bottom;
}

.ask02 {
  padding: 10px 0 10px 0;
}

.commentRight {
  float: left;
  width: 350px;
  word-break: break-all;
}

.commentRight .textInput {
  width: 342px;
}

.commentRight .textBox {
  width: 342px;
}

.commentMail {
  padding: 5px 0 0 18px;
  background: url(/blog/image/pet/icon_en_gray.gif) no-repeat 0 7px;
}