@charset "utf-8";
/* CSS Document */

/* ============================================================ contents */
#inuneko-top #contents_outer { margin: 0 auto; width: 1060px !important; margin:0 auto;padding: 0; clear:both; }
#inuneko-top #contents { padding-top: 20px !important; padding-bottom: 30px; width:1060px; }
#inuneko-article #contents_outer { margin: 0 auto; width: 1060px !important; margin:0 auto;padding: 0; clear:both; }


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

#main_contents {
float: left;
width: 732px !important;
margin:0 0 0 0;
}

#side-menu { float: right; width: 300px; }

#list_bt_social_headline { margin-top: 10px; }
#list_bt_social_headline .section_link {  }


/* ---------------------------------
TOPページ
--------------------------------- */
#web-magagine {
overflow: hidden;
width: 100%;
}
#web-magagine ul {
display: table;
margin: auto;
width: 1170px;
}
#web-magagine ul li {
float: left;
}
#web-magagine ul li img{
vertical-align: top;
}
#web-magagine ul:after { content:"."; clear:both; height:0; display:block; visibility:hidden; }
* html #web-magagine ul { display:inline-block; }
*:first-child+html #web-magagine ul { display:inline-block; }

#inuneko-top ul.link-magazine {
float:right;
margin:0;
}

/* ++++++++おしらせ++++++++ */
#information{
margin:70px 0 0 0;
border-bottom:1px dotted #cccccc;
}
#information h2{
text-align:center;
}
#information dl.date {
background:url(../../../top/images/top_news_dtln.gif) left bottom repeat-x;
padding:15px 0 8px 0;
border-top:1px dotted #cccccc;
}
#information dl.date dt {
width:7.5em;
padding:0 0 0 1.5em;
background:url(../../../top/images/top_news_arw.png) left 2px no-repeat;
}
#information dl.date dd {
margin: -1.6em 0 9px 8.5em;
}
#information dl.date dd img {
padding:0 8px 0 0;
}
#information dl.date dd a {
}
#information dl.date dd a:hover {
text-decoration:underline;
}


/* ++++++++お楽しみコンテンツ++++++++ */

#entertainment{
margin:30px 0 0 0;
zoom:1;
}
#entertainment:after { content:"."; clear:both; height:0; display:block; visibility:hidden; }
* html #entertainment { display:inline-block; }
*:first-child+html #entertainment { display:inline-block; }
#entertainment .shindan{
float:left;
margin:0 10px 0 0;
}
#entertainment .app{
float:left;
}
#entertainment .shindan p.title,
#entertainment .app  p.title{
padding:0;
margin:0;
}
#entertainment .shindan p.title img,
#entertainment .app p img{
vertical-align:bottom;
}
#entertainment .list{
border-left:2px solid #e6e6e6;
border-right:2px solid #e6e6e6;
border-bottom:2px solid #e6e6e6;
margin:0;
padding:0;
zoom:1;
}
#entertainment .list a{
}
#entertainment .list dl{
background:url(../../../top/images/cmn_arw_blue.gif) 90% 50% no-repeat;
border-bottom:1px dotted #cccccc;
margin:0 15px;
}
#entertainment .list dl a{
display:block;
padding:10px 0;
}
#entertainment .list dl:after { content:"."; clear:both; height:0; display:block; visibility:hidden; }
* html #entertainment .list dl { display:inline-block; }
*:first-child+html #entertainment .list dl { display:inline-block; }

#entertainment .list dt{
float:left;
margin:0 25px 0 0;
}
#entertainment .list dt img{
vertical-align:middle;
padding:0 0 8px 0;
width:52px;
}
#entertainment .list dd{
padding:10px 0 0 0;
}
#entertainment .list dd.line1{
padding:15px 0 0 0;
}
#entertainment .list p.link{
text-align:center;
padding:20px 0;
}
#entertainment .list p.link img{
padding:0 0 0 20px;
vertical-align:middle;
}
#entertainment .app .list{
height:200px!important;
}


/* ---------------------------------
記事一覧ページ/article/
--------------------------------- */

#inuneko-article h2 {
margin:0 0 20px 0;
}


/* ---------------------------------
総合情報局(TOP)
--------------------------------- */
#inuneko-top #sogojoho h2{
margin:0;
padding:0 0 15px 0;
}
#inuneko-top #sogojoho p{
font-size:13px;
line-height:20px;
}
#inuneko-top #sogojoho div div{
border-left: solid 1px #dcdcdc;
border-right: solid 1px #dcdcdc;
border-bottom: solid 1px #dcdcdc;
margin:0;
padding:0;
width:inherit;
float:inherit;
}
#inuneko-top #sogojoho div{
margin:30px 30px 0 0;
width:348px;
float:left;
}
#inuneko-top #sogojoho div ul{
margin:0 15px;
}
#inuneko-top #sogojoho div li{
position:relative;
font-size:14px;
line-height:20px;
background:url(../../../top/images/top_sgjh_dln.gif) bottom left repeat-x;
}
#inuneko-top #sogojoho div li a{
display:block;
padding:18px 0 18px 40px;
}
#inuneko-top #sogojoho div li img{
position:absolute;
top:21px;
right:0;
}
#inuneko-top #sogojoho div li.qa a{
background:url(../../../top/images/top_sgjh_dg_icn_01.gif) 2px 13px no-repeat;
}
#inuneko-top #sogojoho div li.disease a{
background:url(../../../top/images/top_sgjh_dg_icn_02.gif) 0 15px no-repeat;
}
#inuneko-top #sogojoho div li.guide a{
background:url(../../../top/images/top_sgjh_dg_icn_03.gif) 0 12px no-repeat;
}
#inuneko-top #sogojoho div p{
text-align:right;
padding:0 20px 0 0;
position:relative;
font-size:14px;
}
#inuneko-top #sogojoho div p a{
display:block;
padding:18px 15px 18px 0;
color:#0080d6;
text-decoration:underline;
}
#inuneko-top #sogojoho div p a:hover{
text-decoration:none;
}
#inuneko-top #sogojoho div p img{
position:absolute;
top:21px;
right:15px;
}


#inuneko-top #sogojoho #cat{
margin:30px 0 0 0;
}
#inuneko-top #sogojoho #cat li.qa a{
background:url(../../../top/images/top_sgjh_ct_icn_01.gif) 2px 13px no-repeat;
}
#inuneko-top #sogojoho #cat li.disease a{
background:url(../../../top/images/top_sgjh_ct_icn_02.gif) 0 15px no-repeat;
}
#inuneko-top #sogojoho #cat li.guide a{
background:url(../../../top/images/top_sgjh_ct_icn_03.gif) 0 12px no-repeat;
}
#inuneko-top #sogojoho:after { content:"."; clear:both; height:0; display:block; visibility:hidden; }
* html #inuneko-top #sogojoho { display:inline-block; }
*:first-child+html #inuneko-top #sogojoho { display:inline-block; }


/* ---------------------------------
記事一覧(top/article共通)
--------------------------------- */
#new-article{
margin:0 -20px 0 0;
padding:0 0 0 7px;
zoom:1;
position:relative;
}
#new-article:after { content:"."; clear:both; height:0; display:block; visibility:hidden; }
* html #new-article { display:inline-block; }
*:first-child+html #new-article { display:inline-block; }

#new-article h1{
position:absolute;
top: 55px;
margin:0 15px 0 0;
}
#new-article h2{
margin:0 0 65px 0;
}
#new-article p.lead{
margin:0 0 20px 10px;
}
#new-article ul{
zoom:1;
}
#new-article ul li{
float:left;
}
#new-article ul:after { content:"."; clear:both; height:0; display:block; visibility:hidden; }
* html #new-article ul { display:inline-block; }
*:first-child+html #new-article ul { display:inline-block; }

#new-article ul li:after { content:"."; clear:both; height:0; display:block; visibility:hidden; }
* html #new-article ul li { display:inline-block; }
*:first-child+html #new-article ul li { display:inline-block; }

#new-article ul li a:hover{
text-decoration:none;
}

#new-article .new{
background:url(../../../top/images/top_clm_new_bg.gif) left 97% no-repeat;
position:relative;
}
#new-article .new span{
position:absolute;
display:block;
bottom:7%;
left:19%;
color:#666666;
}
#new-article .column{
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
-moz-box-shadow:0px 0px 7px #aaaaaa;
-webkit-box-shadow:0px 0px 7px #aaaaaa;
box-shadow:0px 0px 7px #aaaaaa;
-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(color=#cccccc,direction=125,strength=2,enabled=true)";
filter: progid:DXImageTransform.Microsoft.Shadow(color=#cccccc,direction=125,strength=2,enabled=true); /* IE5.5+ */
width:230px;
margin:0 18px 20px 0;
zoom:1;
background:url(../images/cmn_clm_more_bg.png) 92% 97% no-repeat;
background-color:#ffffff;
}
#new-article .column:empty{display:none;}

/*IE8▼*/
html>/**/#new-article .column {
border:1px solid #cccccc\9; /* IE8 */
margin:0 15px 20px 0\9; /* IE8 */
}

/*IE7▼*/
*+html #new-article .column {
border: 1px solid #cccccc;
margin:0 13px 20px 0;
zoom:1;
}

#new-article .column:hover{
background-color:#fff77a;
}
#new-article ul li dl{
padding:10px 14px 60px 14px;
position:relative;
}
#new-article ul li dd.icon{
position:absolute;
left: 19px;
top: 47px;
}
#new-article ul li dd.icon img{
width:32px;
height:32px;
}
#new-article ul li dt{
font-size:120%;
font-weight:bold;
margin:0 0 10px 0;
padding:0 0 0 23px;
background:url(/pet/common/images/cmn_icn_rensai.png) left top no-repeat;
background-size:auto 20px;
min-height:20px;
height:20px;
height:auto !important;
line-height:20px;
text-align:left !important;
}
#new-article ul li dd.image{
text-align:center;
margin:0 0 20px 0;
width:200px;
height:150px;
overflow:hidden;
}
#new-article ul li dd.image img{
width:200px;
}
#new-article ul li dd.column-title{
font-size:120%;
font-weight:bold;
margin:0 0 10px 0;
}
#new-article ul li dd.column-text{
color:#666666;
}
#new-article ul li dd.detail-button{
background:;
height:15px;
text-align:right;
font-size:85%;
}
#new-article .column#pickup{
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
-moz-box-shadow:0px 0px 7px #aaaaaa;
-webkit-box-shadow:0px 0px 7px #aaaaaa;
box-shadow:0px 0px 7px #aaaaaa;
width:472px;
margin:0 20px 20px 0;
zoom:1;
background:url(../images/cmn_clm_pcup_more_bg.png) 92% 97% no-repeat;
background-color:#ffffff;
}
#new-article ul li.column#pickup dl{
padding:10px 30px 40px 30px;
}
#new-article ul li.column#pickup dd.icon{
position:absolute;
left: 46px;
top: 88px;
}
#new-article ul li.column#pickup dd.icon img{
width:65px;
height:65px;
}
#new-article ul li.column#pickup dt{
font-size:200%;
font-weight:bold;
margin:0 0 10px 0;
padding:0 0 0 45px;
background:url(/pet/common/images/cmn_icn_rensai.png) left top no-repeat;
min-height:40px;
height:40px;
height:auto !important;
line-height:40px;
text-align:left !important;
}
#new-article ul li.column#pickup dd.image{
text-align:center;
margin:0 0 20px 0;
width:410px;
height:308px;
overflow:hidden;
}
#new-article ul li.column#pickup dd.image img{
width:410px;
}
#new-article ul li.column#pickup dd.column-title{
font-size:150%;
font-weight:bold;
margin:0 0 10px 0;
}
#new-article .column#pickup:hover{
background-color:#fff77a;
}
#new-article .link-button{
text-align:center;
float:right;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
background-color:#f2f2f2;
zoom:1;
margin:0 20px 0 0;
width:120px;
}
#new-article .link-button img{
vertical-align:top;
}
#new-article .link-button a{
cursor:pointer;
text-decoration:none;
display:block;
padding:6px 0;
}
#new-article .link-button:hover{
background-color: #ceecef;

text-decoration:none;
}
#new-article .link-button:after { content:"."; clear:both; height:0; display:block; visibility:hidden; }
* html #new-article .link-button { display:inline-block; }
*:first-child+html #new-article .link-button { display:inline-block; }




/* ページャー */
.navipage{
clear:both;
text-align:center;
padding:20px 0 20px 0;
margin:0;
width:100%;
font-size:14px;
}
.navipage a{
background-color:#f2f2f2;
margin:0 10px 0 0;
}
.navipage p{
}
.navipage span{
color:#4d4d4d;
line-height:3em;
}
.navipage a {
padding:10px 15px;
color:#4d4d4d;
}
.navipage a.last {
}
.navipage a:hover{
background-color:#d8eeef;
text-decoration:none;
}
.navipage .navipage_now_ {
padding:10px 15px;
background-color:#d8eeef;
line-height:3em;
font-weight:bold;
margin:0 10px 0 0;
}
.navipage .navipage_first_,
.navipage .navipage_next_{
margin:0 5px;
}
.navipage .navipage_prev_{
margin:0 5px;
}





/* ++++++++検索 人気のスポット++++++++ */
.searchplaces .section_ttl_article {
background:none !important;
}
#main_contents .searchplaces .section_ttl_article {
border-bottom: 1px dotted #000000 !important;
margin:0 0 20px 0;
}
#side-menu .searchplaces .section_ttl_article {
border-bottom: none !important;
}
#side-menu .searchplaces h3{
border-bottom: 1px dotted #000000 !important;
margin:0 10px 0 0;
padding:0 0 5px 0;
}

#main_contents .searchplaces {
background-color:#ffffff !important;
border:1px solid #808080;
padding:10px 20px 20px 20px;
margin:30px 0 0 0 !important;
}
#side-menu .searchplaces {
padding:10px 0 10px 15px;
background-color:#f2f2f2 !important;
margin:1em 0;
}
.searchplaces h2 {
margin:0 0 0.5em 0;
background:none;
}
.searchplaces .logo_dogcafe{
text-align:right;
margin:0 1em;
}
#main_contents .searchplaces .logo_dogcafe img{
width:162px;
}
#side-menu .searchplaces .logo_dogcafe{
margin:5px 10px 0 0;
}
.searchplaces .section_ttl_article span {
float:right;
}
h3.ttl_paragraph { 
background:none !important;
}
#side-menu .searchplaces .section_list_bt{ margin-top: 0 !important; }

/*  global.cssの記述の解除 */
.searchplaces .section_list_bt .section_bt .bt {
background-color:none!important;
border:none !important;
padding:0!important;
text-align:left !important;
-moz-border-radius: 4px !important;
-webkit-border-radius: 4px !important; 
border-radius: 4px !important;
}
#main_contents .searchplaces .section_list_bt {
margin: 0;
padding: 0;
font-size: 87%;
width:650px;
margin:0 auto;
padding:0 -8px 0 0;
zoom:1;
}
#main_contents .searchplaces .section_list_bt .section_bt .content_bt.s { padding:0 5px !important; font-size:100% !important;}

/*  ここまで */

.searchplaces .section_link_plain {
float: left;
margin: 10px 0 0 15px;
text-align: right;
line-height:3em;
}
.searchplaces .section_link_plain .link_plain .content_bt { color:#00889e; }
.searchplaces .section_ttl_article p a {color:#00889e;}

#main_contents .searchplaces .section_list_bt .section_link_plain {
width: 140px;
margin: 8px 10px 0 0;
padding: 0;
text-align:left;
}
#side-menu .searchplaces .section_list_bt .section_link_plain {
width: 129px;
margin: 8px 0 0 0;
padding: 0;
text-align:left;
font-size:12px;
}

.searchplaces .section_list_bt .section_bt {float: left;}
.searchplaces .section_list_bt:after { content:"."; clear:both; height:0; display:block; visibility:hidden; }
* html .searchplaces .section_list_bt { display:inline-block; }
*:first-child+html .searchplaces .section_list_bt { display:inline-block; }

.searchplaces .section_list_bt .section_bt{
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
margin: 8px 8px 0 0;
padding:0;
}
#main_contents .searchplaces .section_list_bt .section_bt{
background: #ad9f95 !important;
width: 140px !important;
}
#side-menu .searchplaces .section_list_bt .section_bt{
border: 1px solid #b3b3b3 !important;
background: #ffffff !important;
width: 129px !important;
padding:0 !important;
}
.searchplaces .section_list_bt .section_bt .bt .content_bt {
padding:0 5px !important;
text-align:center !important;
}
.searchplaces .section_list_bt .section_bt a{
display:block;
line-height:3em;
font-size:12px;
padding:0 !important;
margin:0 !important;
}
#main_contents .searchplaces .section_list_bt .section_bt a{
width: 140px !important;
color:#ffffff;
background: url(../images/cmn_srch_arw.png) 95% 50% no-repeat !important;
}
#side-menu .searchplaces .section_list_bt .section_bt a{
width: 129px !important;
background:url(../images/cmn_side_srch_arw.png) 92% 50% no-repeat !important;
}

/*  cassette_article おすすめスポット */
#main_contents .searchplaces .section_list_article .list_article{
background:none !important;
border-bottom:2px solid #dddddd!important;
margin:0 0 20px 0 !important;
}
#main_contents .searchplaces .section_list_article .cassette_article{
display: block;
width: 49%;
float: left;
clear: none;
padding: 0;
border-top: none;
border-right:2px solid #d9d9d9;
background:url(../../../top/images/top_srch_osusume_arw.gif) 97% 50% no-repeat !important;
}
#main_contents .searchplaces .section_list_article .cassette_article .content_cassette {
position: relative;
display: table;
width:288px;
background-color:none;
}
#main_contents .searchplaces .section_list_article .cassette_article:last-child{
border-right:none;
}
.section_list_article .content_cassette .section_trailer_cassette { display: none !important; }
.section_list_article .content_cassette .text_desc { font-size:12px; }

.section_list_article .content_cassette .section_icon:after { content:"."; clear:both; height:0; display:block; visibility:hidden; }
* html .section_list_article .content_cassette .section_icon { display:inline-block; }
*:first-child+html .section_list_article .content_cassette .section_icon { display:inline-block; }

/* おすすめスポットアイコン */
.section_list_article .content_cassette .section_icon { margin-left: -5px; zoom: 1; }
.section_list_article .content_cassette .icon_category { float: left; margin-left: 5px; border: 1px solid; border-color: #ccc; padding: 3px; background: #ccc; font-size: 75%; color: #fff; }
.section_list_article .content_cassette .icon_category,
.section_list_article .content_cassette .icon_category * { line-height: 1; vertical-align: middle; }
.section_list_article .content_cassette .icon_category {
-webkit-border-radius: 4px;
border-radius: 4px;
position: relative;
behavior: url(/static/common/css/PIE.htc);
}
.section_list_article .content_cassette .icon_new { background: #df0000; border-color: #df0000; }
.section_list_article .content_cassette .icon_column { background: #1e96eb; border-color: #1e96eb; }
.section_list_article .content_cassette .icon_event { background: #64be96; border-color: #64be96; }
.section_list_article .content_cassette .icon_placecategory { background: #64be96; border-color: #64be96; }
.section_list_article .content_cassette .icon_photo { background: #b191e5; border-color: #b191e5; }
.section_list_article .content_cassette .icon_special { background: #cb508b; border-color: #cb508b; }
.section_list_article .content_cassette .icon_movie { background: #a46300; border-color: #a46300; }
.section_list_article .content_cassette .icon_shopping { background: #7597a4; border-color: #7597a4; }
.section_list_article .content_cassette .icon_game { background: #c0a627; border-color: #c0a627; }
.section_list_article .content_cassette .icon_app { background: #32c8c8; border-color: #32c8c8; }
.section_list_article .content_cassette .icon_intersitenews { background: #325ab4; border-color: #325ab4; }
.section_list_article .content_cassette .icon_pr { background: #ffc405; border-color: #ffc405; }

.section_list_article .content_cassette .icon_keyword { float: left; margin-left: 5px; padding: 1px 3px; font-size: 75%; color: #fff; }
.section_list_article .content_cassette .icon_avail_coupon { border-color: #ff81a8; background: #ff81a8; }
.section_list_article .content_cassette .icon_vol { padding: 3px 13px; }


.searchplaces .section_list_bt .section_bt .bt .bullet_circle { border:none; background-color:none !important; }
.searchplaces .icon_rightside { display:none !important;}
.searchplaces .section_list_bt .section_bt img { display:none !important; }


.section_list_article .content_cassette .section_thumb { width: 115px; }
.section_list_article .content_cassette .section_thumb img { width: 100%; height: auto; max-height: 10em; vertical-align: bottom; }
.section_list_article .content_cassette .section_desc { display: table-cell; padding: 10px; vertical-align: top; }
* html .section_list_article .content_cassette .section_desc { display: inline; float: left; font-size:13px; }

#main_contents .section_list_article .cassette_article .text_desc { margin-top: 7px; min-height: 0; font-size:13px !important; }


/*  必要記述 */
.searchplaces .section_list_article .cassette_article { display: block; width: 50%; float: left; clear: none; margin:0 0 1em 0; }
.section_list_article .list_article { border: none; border-width: 0 0 2px; }
.section_list_article .cassette_article { display: block; border: none; border-width: 2px 0 0; word-break: normal; }
.section_list_article a.cassette_article { cursor: pointer; }
.section_list_article .content_cassette { display: table; width: 100%; color: #343434; }

.section_list_article .content_cassette .section_thumb { display: table-cell; width: 36%; text-align: center; vertical-align: middle; }
* html .section_list_article .content_cassette .section_thumb { display: inline; float: left; }
/*  ここまで */

#home_index .searchplaces .section_ttl_article span {
float:right;
}
#home_index h3.ttl_paragraph { 
background:none !important;
text-align:center;
}

/*  180112追記 */
#inuneko-top #new-article h1 {
    margin: 0 15px 18px 0px;
    position: static;
}

#inuneko-top #new-article ul li dl {
    padding: 10px 14px 32px 14px;
    position: relative;
}

#inuneko-top #new-article .column#pickup {
    height: 591px;
}

#inuneko-top #new-article .column#pickup .column-text{
    font-size: 120%;
}

#inuneko-top #new-article .new span {
    display: none;
}

#inuneko-top #new-article .new {
    background: url(../../../top/images/top_clm_new_bg.gif) left 97% no-repeat;
    position: relative;
    background: none;
}

#inuneko-top .sidenavi_top{
    width: 149px;
    position: relative;
    float: left;
    text-align: center;
    font-size: 120%;
    margin-top: 10px;
}

#inuneko-top #new-article ul li dd.icon {
    top: 17px;
}

#inuneko-top .border{
border-right: 1px solid #000;
}

#inuneko-top .magazine a:hover{
opacity: 0.8;
}

#inuneko-top #side-menu #product-info .magazine {
    padding: 0 0 10px 0 !important;
}

#inuneko-top #new-article ul li.column#pickup dd.icon {
    top: 28px;
} 

#inuneko-top #new-article ul li.column#pickup dd.column-title {
    font-size: 160%;
}

#inuneko-top #new-article ul li dd.image {
    margin: 0 0 10px 0;
}