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



/* ==============================================
#dog-top
============================================== */

#dog-top #introduction h2{
position: absolute;
top: 200px;
left: inherit;
right: 100px;
}
#dog-top #introduction .visual{
background: url(../img/tp_intr_vsl.jpg) center;
background-size: 100% auto;
}



#dog-top #book .image{
background: url(../img/tp_bk_ptrn.png) repeat-x;
}
#dog-top #book .visual{
background: url(../img/tp_bk_vsl.jpg) center bottom no-repeat;
background-size: 100% auto;
}
#dog-top #book .bg{
background: url(../img/tp_bk_bg.png) left top no-repeat;
}



#dog-top #hoken .visual{
background: #000 url(../img/tp_hkn_vsl.jpg) center;
}
#dog-top #hoken .visual span{
color: #FFF;
}



#dog-top #webmag .visual{
background: url(../img/tp_wbmg_vsl.jpg) right no-repeat;
}
#dog-top #webmag .catch{
top:200px;
}



#dog-top #food{
background: url(../img/tp_fd_bg.jpg);
}
#dog-top #food .image{
position: absolute;
top:-102px;
left: -20px;
}
#dog-top #food .visual{
background: url(../img/tp_fd_bg.png) center top no-repeat;
}
#dog-top #food ul.rank{
background: url(../img/tp_fd_nm.png) left top 80px no-repeat;
}
#dog-top #food ul.rank li.rank-01 span{
background: #FFF url(../img/tp_fd_rnk_01.png) center top 12px no-repeat;
}
#dog-top #food ul.rank li.rank-02 span{
background: #FFF url(../img/tp_fd_rnk_02.png) center top 12px no-repeat;
}
#dog-top #food ul.rank li.rank-03 span{
background: #FFF url(../img/tp_fd_rnk_03.png) center top 12px no-repeat;
}



#dog-top #search .icon{
display: none;
}
#dog-top #search .visual{
background: url(../img/tp_srch_vsl.jpg) center top;
}



#dog-top #application .inner{
position: relative;
height: 510px;
margin: 0 50% 0 0;
}
#dog-top #application h2{
top:170px;
}
#dog-top #application .catch{
top:75px;
line-height: 36px;
padding: 0 0 0 30px;
}
#dog-top #application .catch br{
display: inherit;
}
#dog-top #application .more{
bottom: 100px;
}
#dog-top #application .visual{
background: url(../img/tp_appl_vsl.jpg) center top;
}
#dog-top #application .icon{
width: 50%;
}