@charset "utf-8";


/*-- 犬猫検索用テスト --*/
#searchArea dl.detileSearch dd dl{
    margin: 0 0 10px 45px!important;
}
#searchArea dl.detileSearch dd dl dt{
    float: none!important;
}
#searchArea dl.detileSearch dd dl dd{
    float: none!important;
    margin: 5px 10px 0 8px!important;
}
#searchArea dl.detileSearch dd dl dd select{
    height: 25px!important;
}
#searchArea dl.detileSearch p{
    margin: 25px 0 15px 0!important;
}




/*-- SeasonsDesign --*/
.seasons {
padding: 0 0 40px 0;
background: url(../img/17ny-bg.png);
}
.seasons-area {
width: 940px;
margin: auto;
text-align: center;
position: relative;
z-index: 1;
/*padding-top: 60px;*/
box-sizing: border-box;
}
#mainimageArea {
margin: 0!important;
}
#wrapper {
width: 1080px!important;
padding: 40px;
margin-bottom: 0!important;
background: #fff;
box-sizing: border-box;
-webkit-box-shadow: 0px 0px 15px 3px rgba(222,222,222,1);
-moz-box-shadow: 0px 0px 15px 3px rgba(222,222,222,1);
box-shadow: 0px 0px 15px 3px rgba(222,222,222,1);
border-radius: 10px;
}





/* indexOutline */

#content {
float: left;
width: 680px;
}

#sideNav {
float: right;
width: 280px;
}


/* index */


.indexNewsArea {
margin: 0 0 30px;
}

.indexNewsArea h3 {
margin: 0 0 15px;
}

.indexNewsArea dl {
background: url(../../common_n/img/line_dot_lgr.gif) left bottom repeat-x;
padding: 8px 0 2px;
}

*:first-child+html dl {
padding: 4px 0 8px;
}

.indexNewsArea dt {
float:left;
display:block;
width:7.5em;
color:#858585;
margin: 0 0 6px;
}

.indexNewsArea dd {
margin: 0 0 6px 7.5em;
width: 570px;
}

.indexNewsArea dd span {
display: block;
margin: 0 0 6px 0;
padding: 0 8px 0 0;
float: left;
width: 46px;
}

.indexNewsArea dd span img {
vertical-align: middle;
}

.howTo ul li {
display: inline;
}

.howTo ul li.lastChild {
margin: 0 0 0 19px;
}

.detileList {
text-align: right;
padding: 0 20px 0 0;
margin: 0;
}

#sideNav h3 {
margin: 0 0 16px;
}

#sideNav #rare {
margin: 0 0 30px;
}

#sideNav #ranking li,
#sideNav #rare li ,
#sideNav #mix li {
position: relative;
float: left;
z-index:1;
width: 135px;
line-height: 0px;
margin: 0 10px 16px 0;
}

#sideNav #mix {
margin-bottom: 25px;
}

#sideNav #movies li {
width: 270px;
float: left;
margin: 0 10px 8px 0;
border: 1px dotted #B5B5B5;
padding: 4px;
text-align: center;
}

#sideNav #movies li span {
display: block;
padding: 5px 0 0;
}

#sideNav #movies li.lastChild {
margin: 0 0 5px;
}

#sideNav #ranking li.lastChild,
#sideNav #rare li.lastChild,
#sideNav #mix li.lastChild {
margin: 0 0 16px;
}

#sideNav #ranking li a,
#sideNav #rare li a,
#sideNav #mix li a {
width: 135px;
height: 100px;
display: block;
border: 1px dotted #ccc;
box-sizing: border-box;
}

#sideNav #ranking li a:hover,
#sideNav #rare li a:hover,
#sideNav #mix li a:hover {
width: 135px;
display: block;
}

#sideNav #ranking li span,
#sideNav #rare li span,
#sideNav #mix li span {
width: 16px;
height: 16px;
line-height: 16px;
display: block;
background: #000;
color: #fff;
text-align: center;
position: absolute;
z-index: 0;
left: 5px;
top: -5px;
border-radius: 3px;
}
#sideNav #ranking li span img,
#sideNav #rare li span img,
#sideNav #mix li span img {
position: absolute;
top: -15px;
left: -6px;
}
#sideNav #ranking li:nth-child(1) span,
#sideNav #rare li:nth-child(1) span,
#sideNav #mix li:nth-child(1) span,
#sideNav #ranking li:nth-child(2) span,
#sideNav #rare li:nth-child(2) span,
#sideNav #mix li:nth-child(2) span {
background: #ddc564;
}
#sideNav #ranking li:nth-child(3) span,
#sideNav #rare li:nth-child(3) span,
#sideNav #mix li:nth-child(3) span,
#sideNav #ranking li:nth-child(4) span,
#sideNav #rare li:nth-child(4) span,
#sideNav #mix li:nth-child(4) span {
background: #ababab;
}
#sideNav #ranking li:nth-child(5) span,
#sideNav #rare li:nth-child(5) span,
#sideNav #mix li:nth-child(5) span,
#sideNav #ranking li:nth-child(6) span,
#sideNav #rare li:nth-child(6) span,
#sideNav #mix li:nth-child(6) span {
background: #ad5a22;
}
#sideNav #ranking li:nth-child(1) a,
#sideNav #rare li:nth-child(1) a,
#sideNav #mix li:nth-child(1) a,
#sideNav #ranking li:nth-child(2) a,
#sideNav #rare li:nth-child(2) a,
#sideNav #mix li:nth-child(2) a,
#sideNav #ranking li:nth-child(3) a,
#sideNav #rare li:nth-child(3) a,
#sideNav #mix li:nth-child(3) a,
#sideNav #ranking li:nth-child(4) a,
#sideNav #rare li:nth-child(4) a,
#sideNav #mix li:nth-child(4) a,
#sideNav #ranking li:nth-child(5) a,
#sideNav #rare li:nth-child(5) a,
#sideNav #mix li:nth-child(5) a,
#sideNav #ranking li:nth-child(6) a,
#sideNav #rare li:nth-child(6) a,
#sideNav #mix li:nth-child(6) a,
#sideNav #ranking li:nth-child(7) a,
#sideNav #rare li:nth-child(7) a,
#sideNav #mix li:nth-child(7) a,
#sideNav #ranking li:nth-child(8) a,
#sideNav #rare li:nth-child(8) a,
#sideNav #mix li:nth-child(8) a,
#sideNav #ranking li:nth-child(9) a,
#sideNav #rare li:nth-child(9) a,
#sideNav #mix li:nth-child(9) a,
#sideNav #ranking li:nth-child(10) a,
#sideNav #rare li:nth-child(10) a,
#sideNav #mix li:nth-child(10) a,
#sideNav #ranking li:nth-child(1) a:hover,
#sideNav #rare li:nth-child(1) a:hover,
#sideNav #mix li:nth-child(1) a:hover,
#sideNav #ranking li:nth-child(2) a:hover,
#sideNav #rare li:nth-child(2) a:hover,
#sideNav #mix li:nth-child(2) a:hover,
#sideNav #ranking li:nth-child(3) a:hover,
#sideNav #rare li:nth-child(3) a:hover,
#sideNav #mix li:nth-child(3) a:hover,
#sideNav #ranking li:nth-child(4) a:hover,
#sideNav #rare li:nth-child(4) a:hover,
#sideNav #mix li:nth-child(4) a:hover,
#sideNav #ranking li:nth-child(5) a:hover,
#sideNav #rare li:nth-child(5) a:hover,
#sideNav #mix li:nth-child(5) a:hover,
#sideNav #ranking li:nth-child(6) a:hover,
#sideNav #rare li:nth-child(6) a:hover,
#sideNav #mix li:nth-child(6) a:hover,
#sideNav #ranking li:nth-child(7) a:hover,
#sideNav #rare li:nth-child(7) a:hover,
#sideNav #mix li:nth-child(7) a:hover,
#sideNav #ranking li:nth-child(8) a:hover,
#sideNav #rare li:nth-child(8) a:hover,
#sideNav #mix li:nth-child(8) a:hover,
#sideNav #ranking li:nth-child(9) a:hover,
#sideNav #rare li:nth-child(9) a:hover,
#sideNav #mix li:nth-child(9) a:hover,
#sideNav #ranking li:nth-child(10) a:hover,
#sideNav #rare li:nth-child(10) a:hover,
#sideNav #mix li:nth-child(10) a:hover {
height: 140px;
}


#sideNav #ranking li img,
#sideNav #rare li img,
#sideNav #mix li img {
display: block;
position: absolute;
z-index: -1;
top: 0;
left: 0;
}

/* Easy CSS Tooltip */
#sideNav #ranking li a:hover,
#sideNav #rare li a:hover,
#sideNav #mix li a:hover {
border: 4px solid #6ec0dc;
box-sizing: border-box;
text-decoration: none;
}

#sideNav #ranking li.cat a:hover,
#sideNav #rare li.cat a:hover,
#sideNav #mix li.cat a:hover {
border: 4px solid #d7ab60;
box-sizing: border-box;
text-decoration: none;
}

#sideNav #ranking li a em,
#sideNav #rare li a em,
#sideNav #mix li a em {
display: none;
/*padding: 2px;
width: 123px;
margin: 0 0 0 4px;
font-size: 85%;
font-style: normal;*/
}

/*#sideNav #ranking li a:hover em,
#sideNav #rare li a:hover em {
display: inline;
position: absolute;
background: #ffffff;
color: #6c6c6c;
line-height: normal;
left: 0;
bottom: 4px;
opacity:.8;
filter: alpha(opacity=80);
-ms-filter: alpha(opacity=80);
}

#sideNav .subArea {
margin-bottom: 30px;
}

#sideNav dl.rankingSub.rightArea {
float: right;
width: 130px;
margin: 0 0 0 5px;
}

#sideNav dl.rankingSub.leftArea {
float: left;
width: 130px;
margin: 0 0 0 5px;
}

#sideNav dl.rankingSub dt {
float: left;
width: 29px;
clear: both;
margin: 0 10px 0 0;
}

#sideNav dl.rankingSub dd {
margin: 0 0 15px 29px;
padding: 4px 0 0;
vertical-align: middle;
}
*/

#sideNav .subArea {
margin-bottom: 30px;
}

#sideNav ul.rankingSub li {
margin: 0 0 10px;
}

#sideNav ul.rankingSub.rightArea {
float: right;
width: 135px;
}

#sideNav ul.rankingSub.leftArea {
float: left;
width: 135px;
}

#content h3 {
margin: 0 0 15px;
}

#content .requestBn {
margin: 0 0 20px;
}

#searchAreaBoth {
margin: 0 0 20px;
}

#searchArea {
width: 400px;
float: left;
background: url(../../common_n/img/bg.gif);
position: relative;
margin: 35px 0 0;
}

#searchArea ul li {
position: absolute;
width: 185px;
height: 44px;
top: 0;
left: 0;
}

#searchArea ul li a {
display: block;
position: absolute;
width: 185px;
height: 44px;
}

#searchArea ul li.dog a {
top: -35px;
left: 10px;
}

#searchArea ul li.dog.active a {
background: url(../../index/img/searcharea_btn_dog_o.gif) 0 0 no-repeat;
}

#searchArea ul li.dog.active a img {
display: none;
}

#searchArea ul li.cat.active a {
background: url(../../index/img/searcharea_btn_cat_o.gif) 0 0 no-repeat;
}

#searchArea ul li.cat.active a img {
display: none;
}

#searchArea ul li.cat a {
top: -35px;
left: 205px;
}

#searchArea #tabs {
margin: 20px 10px 10px;
}

#searchArea dl.freeSearch,
#searchArea dl.detileSearch {
background: #fff;
}

#searchArea dl.freeSearch {
margin: 0 0 10px;
padding: 0;
}

#searchArea dl.freeSearch dt,
#searchArea dl.detileSearch dt {
margin: 0 0 10px;
}

#searchArea dl.freeSearch dd {
margin: 0 0 10px 10px;
}

#searchArea .freeWordInput {
border:none;
outline:none;
width: 261px;
background: url(../../index/img/prt_form_input.gif) 0 0 no-repeat;
height: 34px;
padding: 0 10px 0;
vertical-align: middle;
line-height: 34px;
}

#searchArea .freeSearch .freeWordBtn {
margin: 0 0 0 10px;
vertical-align: middle;
}

#searchArea dl.detileSearch .detileSearchTitle {
position: relative;
}

#searchArea dl.detileSearch .detileSearchTitle span {
position: absolute;
display: block;
right: 0;
top: 2px;
}

#searchArea dl.detileSearch {
padding: 0 0 10px;
}

#searchArea dl.detileSearch dd dl {
overflow: hidden;
margin: 0 0 10px;
}

#searchArea dl.detileSearch dd dl dt {
float: left;
width: 40px;
margin: 0 0 0 10px;
padding: 5px 0 5px
}

#searchArea dl.detileSearch dd dl dd {
float: right;
width: 265px;
margin: 0 10px 0 0;
}

#searchArea dl.detileSearch dd dl dd select {
width: 265px;
}

#searchArea dl.detileSearch p {
padding: 0;
text-align: center;
}

#shopArea {
position: relative;
float: right;
width: 260px;
background: url(../../common_n/img/bg.gif);
margin: 35px 0 0;
/padding: 20px 0 0;
}

#shopArea h3 {
width: 185px;
height: 44px;
position: absolute;
top: -35px;
left: 10px;
}

#shopArea .news {
margin: 20px 10px 14px 10px;
overflow-y: auto;
height: 70px;
}

#shopArea .news ul li {
margin: 0 0 10px;
}

/*#shopArea .news ul li {
line-height: 20px;
}*/

#maps area {
border: medium none;
outline: medium none;
}

#mapsNormal {
position: relative;
display: block;
width: 240px;
height: 218px;
margin: 0 auto 10px;
}

#maps #menu h4 {
margin: 0 0 0 10px;
}

#maps #menu .detile {
width: 132px;
top: 30px;
left: 20px;
position: absolute;
}

#maps #menu ul li {
float: left;
margin: 0 10px 0;
/*line-height: 16px;*/
}

#maps #menu ul li a {
padding: 0 0 0 10px;
background: url(../../common_n/img/ico_arrow_bk.gif) left center no-repeat;
text-decoration: none;
color: #282828;
}

#maps #menu ul li a:hover {
color: #6ec0dc;
}

#bottomBnArea li,
#subMenuBn li,
#subMenu li {
float: left;
line-height:25px;
/*line-height: 0;*/
}

#subMenu li {
padding: 0 0 20px;
}

#subMenuBn li {
padding: 0 0 30px;
}

#subMenuBn li span {
color:#bbb;
}

.safe_csr dl {
overflow: hidden;
margin: 0 0 30px;
}

.safe_csr dl dt {
float: right;
width: 335px;
margin: 0 20px 0 0;
}

.safe_csr dl dd {
float: left;
width: 325px;
}

.safe_csr dl dd ul li {
margin: 0 0 9px;
}

.safe_csr dl dd ul li span {
display: block;
padding: 8px 0 0;
color: #666;
}

.safe_csr dl dd ul li a {
display: block;
background: url(../img/ico_sr_bl.gif) left center no-repeat;
padding: 0 0 0 5px;
}

.safe_csr p.ex {
margin: 0 0 25px;
line-height: 1.8em;
color: #000;
}


#bottomBnArea li {
margin: 0;
}

#subMenuBn li.lastChild,
#bottomBnArea li.lastChild {
margin: 0 0 0 10px;
}

.telBn {
margin: 30px 0 15px;
}

.fbBn {
margin: 0 0 15px 0;
}

/*???N?G?X?g???o?i?[*/
#searchArea .requestArea{
margin-top:10px;
}

/*?C???f?b?N?X?y?[?W?????t?H?[?????*/

#shopArea #tabsRight {
margin: 20px 10px 10px;
}

#shopArea #tabsRight li{
display:block;
text-align:left;
}