@charset "utf-8";

#leftbox {
	width: 540px;
	float: left;
	margin-top: 0px 8px 0px 0px;
}

/*TChir-----------------------------------------------------*/

#rightbox {
	width: 204px;
	margin:0;
	padding:0;
	float: right;
}

#rightbox ul{
	margin:0;
	padding:0;
}

#rightbox li{
	list-style-type: none;
	margin:0;
	padding:0;
}
#rightbox li a {
	color: #FFFFFF;
	text-decoration: none;
	display: block;
	margin: 0px;
	padding: 0px;
	height: 42px;
	width: 204px;
	text-indent:-9999px;
}

/*ブランドステートメントシステム----------------------------------------------------*/
ul li#sm01{ background: url(../../images/aboutpetio/bt_01.jpg) no-repeat;}
ul li#sm01 a{ background: url(../../images/aboutpetio/bt_01.jpg) no-repeat;}
ul li#sm01 a:hover{ background: url(../../images/aboutpetio/bt_01.jpg) no-repeat 0 -42px;}
ul li#sm01on{background: url(../../images/aboutpetio/bt_01.jpg) no-repeat 0 -42px;}
ul li#sm01on a{background: url(../../images/aboutpetio/bt_01.jpg) no-repeat 0 -42px;}
/*プロモーション活動----------------------------------------------------*/
ul li#sm02 a{ background: url(../../images/aboutpetio/bt_02.jpg) no-repeat;}
ul li#sm02 a:hover{ background: url(../../images/aboutpetio/bt_02.jpg) no-repeat 0 -42px;}
ul li#sm02on a{background: url(../../images/aboutpetio/bt_02.jpg) no-repeat 0 -42px;}
/*ブランドコンセプト----------------------------------------------------*/
ul li#sm03 a{ background: url(../../images/aboutpetio/bt_03.jpg) no-repeat;}
ul li#sm03 a:hover{ background: url(../../images/aboutpetio/bt_03.jpg) no-repeat 0 -42px;}
ul li#sm03on a{background: url(../../images/aboutpetio/bt_03.jpg) no-repeat 0 -42px;}
/*CSRへの取り組み----------------------------------------------------*/
ul li#sm04 a{ background: url(../../images/aboutpetio/bt_07.jpg) no-repeat;}
ul li#sm04 a:hover{ background: url(../../images/aboutpetio/bt_07.jpg) no-repeat 0 -42px;}
ul li#sm04on a{background: url(../../images/aboutpetio/bt_07.jpg) no-repeat 0 -42px;}
/*企業情報----------------------------------------------------*/
ul li#sm05 a{ background: url(../../images/aboutpetio/bt_04.jpg) no-repeat;}
ul li#sm05 a:hover{ background: url(../../images/aboutpetio/bt_04.jpg) no-repeat 0 -42px;}
ul li#sm05on a{background: url(../../images/aboutpetio/bt_04.jpg) no-repeat 0 -42px;}
/*ニュース----------------------------------------------------*/
ul li#sm06 a{ background: url(../../images/aboutpetio/bt_05.jpg) no-repeat;}
ul li#sm06 a:hover{ background: url(../../images/aboutpetio/bt_05.jpg) no-repeat 0 -42px;}
ul li#sm06on a{background: url(../../images/aboutpetio/bt_05.jpg) no-repeat 0 -42px;}
/*採用情報----------------------------------------------------*/
ul li#sm07 a{ background: url(../../images/aboutpetio/bt_06.jpg) no-repeat;}
ul li#sm07 a:hover{ background: url(../../images/aboutpetio/bt_06.jpg) no-repeat 0 -42px;}
ul li#sm07on a{background: url(../../images/aboutpetio/bt_06.jpg) no-repeat 0 -42px;}

div.backBtn{ text-align:center;width:55px; margin:15px auto; clear:both; overflow:hidden;}
div.backBtn a{ width:55px; height:15px; background: url(../../images/common/bt_back.gif) no-repeat; display:block; text-indent:-9999px; text-decoration:none;}
div.backBtn a:hover{ background: url(../../images/common/bt_back.gif) no-repeat 0 -16px;}


div.crLine{ margin:10px 0;height:3px;background:url(../../images/aboutpetio/ln_aboutpetio.gif) no-repeat center center; position:relative;}


/*===== 1: CLEARFIX ==========================================*/

.clearfix{
    zoom:1;/*for IE 5.5-7*/
}
.clearfix:after{/*for modern browser*/
    content:".";
    display: block;
    height:0px;
    clear:both;
    visibility:hidden;
}
* html .clearfix{
	display:inline-table;
	/*\*/display:block;/**/
}