@charset "UTF-8";

body {font-family:"ＭＳ Ｐゴシック", "Osaka", Arial, Helvetica, Geneva, Verdana, sans-serif ;font-size: 0.75em;color: #666666; background: #FFFFFF url("../images/common/bk_body.jpg") repeat-y center top;margin: 0; padding: 0;text-align:center; line-height:130%;}
.style01 { color:#666666; text-decoration:underline;}
.style02 a {
	color: #FFFFFF;
}



a:link{ color:#666666; text-decoration:underline;}
a:visited{ color:#666666; text-decoration:underline;}
a:active{ color:#666666; text-decoration:underline;}
a:hover{ color:#666666; text-decoration:none;}

#container{
	position:relative;
	width:800px;
	margin: 0 auto;
	text-align:left;
}

/* ヘッダー */
#header{ 
	position:relative;
	width:800px; height:99px;
	background:#C10001 url("../images/common/mk_petio.gif") no-repeat;
}

#header h1{ 
	position:absolute; top:17px; left:623px; 
	background:url("../images/common/lg_petio.gif") no-repeat; 
	margin:0; padding:0; 
	width:149px; height:38px;
	overflow:hidden;
}



#header h1 a{
	width:149px; height:38px;
	display:block; text-indent:-9999px;
}

#header h2{
	position:absolute; top:32px; left:265px;
	background:url("../images/common/tx_catch.gif") no-repeat; 
	margin:0; padding:0; 
	width:342px; height:13px;
	text-indent: -9999px;
}

/* ヘッダー ナビゲーション */
ul#mainNavi{
	position:absolute; top:64px; left:198px;
	background:#9F0002;
	margin:0; padding:0;
	list-style:none;
	width:601px; height:35px;
}

ul#mainNavi li{
	width:105px; height:35px;
	border-left:1px #C10001 solid;
	overflow:hidden;
	/*float:left;*/
}

ul#mainNavi li a{
	display:block;
	text-indent:-9999px;
	height:35px;
}

ul#mainNavi li#m01{ position:absolute;background:url("../images/common/bt_info.gif") no-repeat;}
ul#mainNavi li#m01 a{background:url("../images/common/bt_info.gif") no-repeat;}
ul#mainNavi li#m01 a:hover{background-position:0px -35px;}
ul#mainNavi li#m01on{ position:absolute;background:url("../images/common/bt_info.gif") no-repeat;}
ul#mainNavi li#m01on a{background:url("../images/common/bt_info.gif") no-repeat 0px -35px;}
ul#mainNavi li#m01on a:hover{background-position:0px -35px;}

ul#mainNavi li#m02{ position:absolute; left:106px;background:url("../images/common/bt_products.gif") no-repeat;}
ul#mainNavi li#m02 a{background:url("../images/common/bt_products.gif") no-repeat;}
ul#mainNavi li#m02 a:hover{background-position:0px -35px;}
ul#mainNavi li#m02on{ position:absolute; left:106px;background:url("../images/common/bt_products.gif") no-repeat;}
ul#mainNavi li#m02on a{background:url("../images/common/bt_products.gif") no-repeat 0px -35px;}
ul#mainNavi li#m02on a:hover{background-position:0px -35px;}

ul#mainNavi li#m03{ position:absolute; left:212px;background:url("../images/common/bt_qa.gif") no-repeat;}
ul#mainNavi li#m03 a{background:url("../images/common/bt_qa.gif") no-repeat;}
ul#mainNavi li#m03 a:hover{background-position:0px -35px;}
ul#mainNavi li#m03on{ position:absolute; left:212px;background:url("../images/common/bt_qa.gif") no-repeat;}
ul#mainNavi li#m03on a{background:url("../images/common/bt_qa.gif") no-repeat 0px -35px;}
ul#mainNavi li#m03on a:hover{background-position:0px -35px;}

ul#mainNavi li#m04{ position:absolute; left:318px;background:url("../images/common/bt_links.gif") no-repeat;}
ul#mainNavi li#m04 a{background:url("../images/common/bt_links.gif") no-repeat;}
ul#mainNavi li#m04 a:hover{background-position:0px -35px;}
ul#mainNavi li#m04on{ position:absolute; left:318px;background:url("../images/common/bt_links.gif") no-repeat;}
ul#mainNavi li#m04on a{background:url("../images/common/bt_links.gif") no-repeat 0px -35px;}
ul#mainNavi li#m04on a:hover{background-position:0px -35px;}

ul#mainNavi li#m05{ position:absolute; left:424px;background:url("../images/common/bt_aboutpetio.gif") no-repeat;}
ul#mainNavi li#m05 a{background:url("../images/common/bt_aboutpetio.gif") no-repeat;}
ul#mainNavi li#m05 a:hover{background-position:0px -35px;}
ul#mainNavi li#m05on{ position:absolute; left:424px;background:url("../images/common/bt_aboutpetio.gif") no-repeat;}
ul#mainNavi li#m05on a{background:url("../images/common/bt_aboutpetio.gif") no-repeat 0px -35px;}
ul#mainNavi li#m05on a:hover{background-position:0px -35px;}

ul#mainNavi li#m06{width:70px; position:absolute; left:530px;background:url("../images/common/bt_english.gif") no-repeat;}
ul#mainNavi li#m06 a{background:url("../images/common/bt_english.gif") no-repeat;}
ul#mainNavi li#m06 a:hover{background-position:0px -35px;}
ul#mainNavi li#m06on{width:70px; position:absolute; left:530px;background:url("../images/common/bt_english.gif") no-repeat;}
ul#mainNavi li#m06on a{background:url("../images/common/bt_english.gif") no-repeat 0px -35px;}
ul#mainNavi li#m06on a:hover{background-position:0px -35px;}


#expText{ 
	position:absolute; top:99px; left:0px; 
	background:#F4E6BF; width:800px; padding:3px 0; text-align:center;
}

/* フッター */
#footer{
	position:relative;
	width:760px; height:70px;
	background:url("../images/common/ln_footer.gif") no-repeat center top;
	margin:10px 20px 0 20px;
}

#footer #copyright{
	position:absolute; top:14px; left:0px;
	width:256px; height:13px;
	background:url("../images/common/tx_copyright.gif") no-repeat; text-indent:-9999px;
}

ul#footNavi{
	list-style:none;
	position:absolute; top:12px; left:335px;
	margin:0; padding:0;
}

ul#footNavi li{
	overflow:hidden;
}

ul#footNavi li a{
	display:block;
	text-indent:-9999px;
	height:15px;
}
ul#footNavi li#m01{ width:79px; height:15px; position: absolute; background:url("../images/common/bt_sitemap.gif") no-repeat;}
ul#footNavi li#m01 a{background:url("../images/common/bt_sitemap.gif") no-repeat;}
ul#footNavi li#m01 a:hover{background-position:0px -15px;}
ul#footNavi li#m01on{ width:79px; height:15px; position: absolute;background:url("../images/common/bt_sitemap.gif") no-repeat 0px -15px;}
ul#footNavi li#m01on a{background:url("../images/common/bt_sitemap.gif") no-repeat 0px -15px;}
ul#footNavi li#m01on a:hover{background-position:0px -15px;}

ul#footNavi li#m02{ width:93px; height:15px; position: absolute; left:88px;background:url("../images/common/bt_aboutsite.gif") no-repeat;}
ul#footNavi li#m02 a{background:url("../images/common/bt_aboutsite.gif") no-repeat;}
ul#footNavi li#m02 a:hover{background-position:0px -15px;}
ul#footNavi li#m02on{ width:93px; height:15px; position: absolute; left:88px;background:url("../images/common/bt_aboutsite.gif") no-repeat 0px -15px;}
ul#footNavi li#m02on a{background:url("../images/common/bt_aboutsite.gif") no-repeat 0px -15px;}
ul#footNavi li#m02on a:hover{background-position:0px -15px;}

ul#footNavi li#m03{ width:83px; height:15px; position: absolute; left:190px;background:url("../images/common/bt_inquiry.gif") no-repeat;}
ul#footNavi li#m03 a{background:url("../images/common/bt_inquiry.gif") no-repeat;}
ul#footNavi li#m03 a:hover{background-position:0px -15px;}
ul#footNavi li#m03on{ width:83px; height:15px; position: absolute; left:190px;background:url("../images/common/bt_inquiry.gif") no-repeat 0px -15px;}
ul#footNavi li#m03on a{background:url("../images/common/bt_inquiry.gif") no-repeat 0px -15px;}
ul#footNavi li#m03on a:hover{background-position:0px -15px;}

ul#footNavi li#m04{ width:49px; height:15px; position: absolute; left:285px;background:url("../images/common/bt_link.gif") no-repeat;}
ul#footNavi li#m04 a{background:url("../images/common/bt_link.gif") no-repeat;}
ul#footNavi li#m04 a:hover{background-position:0px -15px;}
ul#footNavi li#m04on{ width:49px; height:15px; position: absolute; left:285px;background:url("../images/common/bt_link.gif") no-repeat 0px -15px;}
ul#footNavi li#m04on a{background:url("../images/common/bt_link.gif") no-repeat 0px -15px;}
ul#footNavi li#m04on a:hover{background-position:0px -15px;}

ul#footNavi li#m05{ width:62px; height:15px; position: absolute; left:346px;background:url("../images/common/bt_recruit.gif") no-repeat;}
ul#footNavi li#m05 a{background:url("../images/common/bt_recruit.gif") no-repeat;}
ul#footNavi li#m05 a:hover{background-position:0px -15px;}
ul#footNavi li#m05on{ width:62px; height:15px; position: absolute; left:346px;background:url("../images/common/bt_recruit.gif") no-repeat 0px -15px;}
ul#footNavi li#m05on a{background:url("../images/common/bt_recruit.gif") no-repeat 0px -15px;}
ul#footNavi li#m05on a:hover{background-position:0px -15px;}

/* パンくずメニュー */
#topicpath{ width:760px; padding:7px 20px 17px 20px;}

/* コンテンツ */
#contents{width:760px; display:block; position:relative; margin:0 20px;}

#contents:after
{
   content: " ";
   display: block;
   visibility: hidden;
   clear: both;
   height: 0.1px;
   font-size: 0.1em;
   line-height: 0;
}
* html #contents { display: block; }
/* no ie mac \*/
* html #contents { height: 1%; }




/*-----------サブナビ--------------------------------------------------------*/

#subnavi{
	font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3"; text-align:left;
	position:absolute; top:0px; left:0px; background:#FFFFFF; width:130px;
}

#subnavi dl{
margin:0; padding:0;
background:#FFFFFF;width:130px;
}


#subnavi dd{
margin:0; padding:0; color: #C10001;

}

/* safari only \*/
html:\66irst-child #subnavi dd{
 font-size:12px; 
}
/* end */

#subnavi dd a p{
color: #C10001;
text-decoration:none;
text-indent:-9999px;
}

#subnavi dd a p,#subnavi dd a:hover p{
margin:0px;
padding:0px;
}

/* インフォメーション　*/

#subnavi dd a p#info01{
background:url(navi/info01.gif) no-repeat;
height:27px;
}

#subnavi dd a:hover p#info01{
background:url(navi/info01.gif) no-repeat;
background-position: 0px -27px;
}

#subnavi dd a p#info02{
background:url(navi/info02.gif) no-repeat;
height:27px;
}

#subnavi dd a:hover p#info02{
background:url(navi/info02.gif) no-repeat;
background-position: 0px -27px;
}

#subnavi dd a p#info03{
background:url(navi/info03.gif) no-repeat;
height:27px;
}

#subnavi dd a:hover p#info03{
background:url(navi/info03.gif) no-repeat;
background-position: 0px -27px;
}

#subnavi dd a p#info04{
background:url(navi/info04.gif) no-repeat;
height:27px;
}

#subnavi dd a:hover p#info04{
background:url(navi/info04.gif) no-repeat;
background-position: 0px -27px;
}

#subnavi dd a p#info05{
background:url(navi/info05.gif) no-repeat;
height:27px;
}

#subnavi dd a:hover p#info05{
background:url(navi/info05.gif) no-repeat;
background-position: 0px -27px;
}

#subnavi dd a p#info06{
background:url(navi/info06.gif) no-repeat;
height:27px;
}

#subnavi dd a:hover p#info06{
background:url(navi/info06.gif) no-repeat;
background-position: 0px -27px;
}

#subnavi dd a p#info07{
background:url(navi/info07.gif) no-repeat;
height:27px;
}



#subnavi dd a:hover p#info07{
background:url(navi/info07.gif) no-repeat;
background-position: 0px -27px;
}

#subnavi dd a p#info08{
background:url(navi/info08.gif) no-repeat;
height:27px;
}

#subnavi dd a:hover p#info08{
background:url(navi/info08.gif) no-repeat;
background-position: 0px -26px;
}
/* 商品情報 */

#subnavi dd a p#pro01{
background:url(navi/pro01.gif) no-repeat;
height:27px;
}

#subnavi dd a:hover p#pro01{
background:url(navi/pro01.gif) no-repeat;
background-position: 0px -27px;
}

#subnavi dd a p#pro02{
background:url(navi/pro02.gif) no-repeat;
height:27px;
}

#subnavi dd a:hover p#pro02{
background:url(navi/pro02.gif) no-repeat;
background-position: 0px -27px;
}

#subnavi dd a p#pro03{
background:url(navi/pro03.gif) no-repeat;
height:27px;
}

#subnavi dd a:hover p#pro03{
background:url(navi/pro03.gif) no-repeat;
background-position: 0px -27px;
}

#subnavi dd a p#pro04{
background:url(navi/pro04.gif) no-repeat;
height:27px;
}

#subnavi dd a:hover p#pro04{
background:url(navi/pro04.gif) no-repeat;
background-position: 0px -27px;
}

#subnavi dd a p#pro05{
background:url(navi/pro05.gif) no-repeat;
height:27px;
}

#subnavi dd a:hover p#pro05{
background:url(navi/pro05.gif) no-repeat;
background-position: 0px -27px;
}

#subnavi dd a p#pro06{
background:url(navi/pro06.gif) no-repeat;
height:27px;
}
#subnavi dd a:hover p#pro06{
background:url(navi/pro06.gif) no-repeat;
background-position: 0px -27px;
}


#subnavi dd a p#pro07{
background:url(navi/pro07.gif) no-repeat;
height:27px;
}
#subnavi dd a:hover p#pro07{
background:url(navi/pro07.gif) no-repeat;
background-position: 0px -27px;
}

#subnavi dd a p#pro08{
background:url(navi/pro08.gif) no-repeat;
height:27px;
}
#subnavi dd a:hover p#pro08{
background:url(navi/pro08.gif) no-repeat;
background-position: 0px -27px;
}

#subnavi dd a p#pro09{
background:url(navi/pro09.gif) no-repeat;
height:27px;
}
#subnavi dd a:hover p#pro09{
background:url(navi/pro09.gif) no-repeat;
background-position: 0px -27px;
}

#subnavi dd a p#pro10{
background:url(navi/pro10.gif) no-repeat;
height:27px;
}
#subnavi dd a:hover p#pro10{
background:url(navi/pro10.gif) no-repeat;
background-position: 0px -27px;
}

#subnavi dd a p#pro11{
background:url(navi/pro11.gif) no-repeat;
height:27px;
}

#subnavi dd a:hover p#pro11{
background:url(navi/pro11.gif) no-repeat;
background-position: 0px -26px;
}
/* FAQ　*/

#subnavi dd a p#faq01{
background:url(navi/faq01.gif) no-repeat;
height:27px;
}
#subnavi dd a:hover p#faq01{
background:url(navi/faq01.gif) no-repeat;
background-position: 0px -27px;
}

#subnavi dd a p#faq02{
background:url(navi/faq02.gif) no-repeat;
height:27px;
}
#subnavi dd a:hover p#faq02{
background:url(navi/faq02.gif) no-repeat;
background-position: 0px -27px;
}

#subnavi dd a p#faq03{
background:url(navi/faq03.gif) no-repeat;
height:27px;
}

#subnavi dd a:hover p#faq03{
background:url(navi/faq03.gif) no-repeat;
background-position: 0px -26px;
}

/* コミュニティ　*/

#subnavi dd a p#community01{
background:url(navi/community01.gif) no-repeat;
height:27px;
}
#subnavi dd a:hover p#community01{
background:url(navi/community01.gif) no-repeat;
background-position: 0px -27px;
}

#subnavi dd a p#community02{
background:url(navi/community02.gif) no-repeat;
height:27px;
}
#subnavi dd a:hover p#community02{
background:url(navi/community02.gif) no-repeat;
background-position: 0px -27px;
}

#subnavi dd a p#community03{
background:url(navi/community03.gif) no-repeat;
height:27px;
}
#subnavi dd a:hover p#community03{
background:url(navi/community03.gif) no-repeat;
background-position: 0px -27px;
}

#subnavi dd a p#community04{
background:url(navi/community04.gif) no-repeat;
height:27px;
}
#subnavi dd a:hover p#community04{
background:url(navi/community04.gif) no-repeat;
background-position: 0px -27px;
}

#subnavi dd a p#community05{
background:url(navi/community05.gif) no-repeat;
height:27px;
}
#subnavi dd a:hover p#community05{
background:url(navi/community05.gif) no-repeat;
background-position: 0px -26px;
}

/* FAQ　*/

#subnavi dd a p#about01{
background:url(navi/about01.gif) no-repeat;
height:27px;
}
#subnavi dd a:hover p#about01{
background:url(navi/about01.gif) no-repeat;
background-position: 0px -27px;
}

#subnavi dd a p#about02{
background:url(navi/about02.gif) no-repeat;
height:27px;
}
#subnavi dd a:hover p#about02{
background:url(navi/about02.gif) no-repeat;
background-position: 0px -27px;
}

#subnavi dd a p#about03{
background:url(navi/about03.gif) no-repeat;
height:27px;
}
#subnavi dd a:hover p#about03{
background:url(navi/about03.gif) no-repeat;
background-position: 0px -27px;
}

#subnavi dd a p#about04{
background:url(navi/about04.gif) no-repeat;
height:27px;
}
#subnavi dd a:hover p#about04{
background:url(navi/about04.gif) no-repeat;
background-position: 0px -27px;
}

#subnavi dd a p#about05{
background:url(navi/about05.gif) no-repeat;
height:27px;
}
#subnavi dd a:hover p#about05{
background:url(navi/about05.gif) no-repeat;
background-position: 0px -27px;
}


#subnavi dd a p#about06{
background:url(navi/about06.gif) no-repeat;
height:27px;
}
#subnavi dd a:hover p#about06{
background:url(navi/about06.gif) no-repeat;
background-position: 0px -27px;
}

#subnavi dd a p#about07{
background:url(navi/about07.gif) no-repeat;
height:27px;
}

#subnavi dd a:hover p#about07{
background:url(navi/about07.gif) no-repeat;
background-position: 0px -26px;
}

/* ENGLISH　*/
#subnavi dd p#eng{
margin:0; padding:0;
background:url(navi/eng01.gif) no-repeat;
height:27px;
text-decoration:none;
text-indent:-9999px;
}