/* CSS Document */

/* rollOver dogMenu */
#viArea ul#dogMenu {
	display: block;
	padding-top: 7px;
	width: 181px;
}

#viArea ul#dogMenu li {
	height: 45px;
	float: left;
	margin: 0;
	width: 181px;
}

#viArea ul#dogMenu li a {
	height: 45px;
	display: block;
	width: 181px;
}

#viArea ul#dogMenu li.dgMenu01{
 background: url(/jp.09purina.template/dog/images/dog_navi_receive_h.gif);
	height: 46px !important;
}
#viArea ul#dogMenu li.dgMenu02{ background: url(/jp.09purina.template/dog/images/dog_navi_eating_h.gif); }
#viArea ul#dogMenu li.dgMenu03{ background: url(/jp.09purina.template/dog/images/dog_navi_health_h.gif); }
#viArea ul#dogMenu li.dgMenu04{
 background: url(/jp.09purina.template/dog/images/dog_navi_life_h.gif);
	height: 47px !important;
}

#viArea ul#dogMenu img {	vertical-align: top;}
#viArea ul#dogMenu li a:hover{	background-color: transparent;}
#viArea ul#dogMenu li a:hover img{	visibility: hidden;}

/* tab */
#tabBOX1 {
	background: url(/jp.09purina.template/dog/images/bg_tabbox.gif) left top repeat-y;
	margin-bottom: 10px;
	width: 730px;
}

#contents div.dogTab1 {
	background: url(/jp.09purina.template/lib/cmn_img/bg_white.gif) right top no-repeat;
	height: 39px;
	margin: 0;
	padding: 0;
	vertical-align: text-bottom;
	width: 730px;
}

#contents div.dogTab1 ul {
	background: url(/jp.09purina.template/lib/cmn_img/bg_tab_ul_line.gif) left bottom repeat-x;
	vertical-align: text-bottom;
	height: 39px;
	width: 730px;
}

#contents div.dogTab1 ul li a,
#contents div.dogTab1 ul li strong {
	display: block;
	padding-top: 13px;
}

#contents div.dogTab1 ul li a {
	cursor:pointer;
}

#contents div.dogTab1 ul li {
	font-size: 0;
	text-align: center;
	display: block;
	height: 39px;
	line-height: 100%;
}
#contents div.dogTab1 ul li.onTabS {
	background: url(/jp.09purina.template/dog/images/bg_tab03_h.gif) left top no-repeat;
	float: left;
	width: 179px;
}
#contents div.dogTab1 ul li.offTabS {
	background: url(/jp.09purina.template/dog/images/bg_tab03_f.gif) left top no-repeat;
	float: left;
	width: 179px;
}

#contents div.dogTab1 ul li.onTabM {
	background: url(/jp.09purina.template/dog/images/bg_tab01_h.gif) left top no-repeat;
	float: left;
	width: 183px;
}
#contents div.dogTab1 ul li.offTabM {
	background: url(/jp.09purina.template/dog/images/bg_tab01_f.gif) left top no-repeat;
	float: left;
	width: 183px;
}

#contents div.dogTab1 ul li.onTabL {
	background: url(/jp.09purina.template/dog/images/bg_tab02_h.gif) left top no-repeat;
	float: left;
	width: 184px;
}
#contents div.dogTab1 ul li.offTabL {
	background: url(/jp.09purina.template/dog/images/bg_tab02_f.gif) left top no-repeat;
	float: left;
	width: 184px;
}



#contents div.tabBox {
	background: url(/jp.09purina.template/dog/images/bg_tabbox_pack.gif) left top repeat-x;
	margin-left: 4px;
	padding-top: 20px;
	width: 722px;
}

#contents div.tabBoxInner {
	background: url(/jp.09purina.template/dog/images/bg_tabbox_btm.gif) left bottom no-repeat;
	padding-bottom: 14px;
	width: 730px;
}

#contents div.tabBoxPack {
	margin-left: 6px;
	width: 710px;
}

#contents div.tabBoxPack div.rightTop {
	clear: both;
	text-align: right;
	width: 710px;
}


#contents div.entryList {
	background: url(/jp.09purina.template/dog/images/bg_entry_list.gif) left top repeat-y;
	border-top: 1px solid #B1A9A3;
	border-bottom: 1px solid #B1A9A3;
	padding: 10px 0;
	width: 710px;
}

#contents div.entryList ul {
	text-indent: -20px;
	padding-left: 20px;
}

#contents div.entryList ul li {
	line-height: 150%;
	padding-bottom: 5px;
}

#contents div.entryInner {
	margin-left: 10px;
	width: 690px;
}

#contents div.entryLeft {
	float: left;
	margin-right: 10px;
	width: 220px;
}

#contents div.entryRight {
	float: right;
	width: 220px;
}


#contents div.tabBlk {
	clear: both;
	margin-left: 10px;
	width: 690px;
}

#contents div.photoRight {
	float: right;
	margin: 0 0 0 10px;
	text-align: right;
	width: 210px;
	padding-bottom: 10px;
}