@charset "utf-8";

#top-menu {
	width: 206px;
	float: left;
}

#top-contents {
	width: 729px;
	float: right;
	position: relative;
}

/* メニュー---------------------------------------------- */

/* ---カテゴリーで探す--- */
#category {
	margin: 0;
	padding: 0;
}

#category dl {
	margin: 0;
	padding: 0;
}

#category dl dt {
	margin: 0;
	padding: 0;
	background-image: url(../../images/top/m_category_t.gif);
	background-repeat: no-repeat;
	width: 206px;
	height: 34px;
}

#category dl dd {
	margin: 6px 0 0 0;
	padding: 0;
}

#category dl dd strong {
	display: none;
}

#category dl h2 {
	display: none;
}

#category a {
	display: block;
	height: 100%;
}

#ctg01 {
	background-image: url(../../images/top/m_category_01.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	width: 206px;
	height: 36px;
}

#ctg02 {
	background-image: url(../../images/top/m_category_02.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	width: 206px;
	height: 36px;
}

#ctg03 {
	background-image: url(../../images/top/m_category_03.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	width: 206px;
	height: 36px;
}

#ctg04 {
	background-image: url(../../images/top/m_category_04.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	width: 206px;
	height: 36px;
}

#ctg01 a:hover {
	background-image: url(../../images/top/m_category_01.gif);
	background-repeat: no-repeat;
	background-position: -206px 0px;
	width: 206px;
	height: 36px;
}

#ctg02 a:hover {
	background-image: url(../../images/top/m_category_02.gif);
	background-repeat: no-repeat;
	background-position: -206px 0px;
	width: 206px;
	height: 36px;
}

#ctg03 a:hover {
	background-image: url(../../images/top/m_category_03.gif);
	background-repeat: no-repeat;
	background-position: -206px 0px;
	width: 206px;
	height: 36px;
}

#ctg04 a:hover {
	background-image: url(../../images/top/m_category_04.gif);
	background-repeat: no-repeat;
	background-position: -206px 0px;
	width: 206px;
	height: 36px;
}

/* ---セットで探す--- */
#ctg-set {
	margin: 6px 0 0 0;
	padding: 0;
}

#ctg-set dl {
	margin: 0;
	padding: 0;
}

#ctg-set dl dt {
	margin: 0;
	padding: 0;
	background-image: url(../../images/top/m_set_t.gif);
	background-repeat: no-repeat;
	width: 206px;
	height: 34px;
}

#ctg-set dl dd {
	margin: 6px 0 0 0;
	padding: 0;
}


#ctg-set dl dd strong {
	display: none;
}

#ctg-set dl h2 {
	display: none;
}

#ctg-set a {
	display: block;
	height: 100%;
}

#ctg-set01 {
	background-image: url(../../images/top/m_set_01.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	width: 206px;
	height: 36px;
}

#ctg-set02 {
	background-image: url(../../images/top/m_set_02.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	width: 206px;
	height: 36px;
}

#ctg-set01 a:hover {
	background-image: url(../../images/top/m_set_01.gif);
	background-repeat: no-repeat;
	background-position: -206px 0px;
	width: 206px;
	height: 36px;
}

#ctg-set02 a:hover {
	background-image: url(../../images/top/m_set_02.gif);
	background-repeat: no-repeat;
	background-position: -206px 0px;
	width: 206px;
	height: 36px;
}

/* ---for Pet--- */
#ctg-pet {
	margin: 6px 0 0 0;
	padding: 0;
}

#ctg-pet dl {
	margin: 0;
	padding: 0;
}

#ctg-pet dl dt {
	margin: 0;
	padding: 0;
	background-image: url(../../images/top/m_pet_t.gif);
	background-repeat: no-repeat;
	width: 206px;
	height: 34px;
}

#ctg-pet dl dd {
	margin: 6px 0 0 0;
	padding: 0;
}


#ctg-pet dl dd strong {
	display: none;
}

#ctg-pet dl h2 {
	display: none;
}

#ctg-pet a {
	display: block;
	height: 100%;
}

#ctg-pet01 {
	background-image: url(../../images/top/m_pet_01.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	width: 206px;
	height: 36px;
}


#ctg-pet01 a:hover {
	background-image: url(../../images/top/m_pet_01.gif);
	background-repeat: no-repeat;
	background-position: -206px 0px;
	width: 206px;
	height: 36px;
}


/* ---キャンペーン--- */
#ctg-campaign {
	background-image: url(../../images/top/m_campaign.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	width: 206px;
	height: 50px;
	margin: 3px 0 0 0;
}

#ctg-campaign strong {
	display: none;
}

#ctg-campaign a {
	display: block;
	height: 100%;
}

#ctg-campaign a:hover {
	background-image: url(../../images/top/m_campaign.jpg);
	background-repeat: no-repeat;
	background-position: -206px 0px;
	width: 206px;
	height: 50px;
}


/* ---商品一覧--- */
#article {
	margin: 4px 0 0 0;
	padding: 0;
}

#article dl {
	margin: 0;
	padding: 0;
}

#article dl dt {
	margin: 0;
	padding: 0;
	background-image: url(../../images/top/m_article_t.gif);
	background-repeat: no-repeat;
	width: 206px;
	height: 34px;
}

#article dl dd {
	margin: 0;
	padding: 0;
}

#article dl dd ul {
	margin: 3px 0 0 0;
	padding: 0;
}

#article dl dd ul li {
	margin: 0;
	padding: 3px 0 3px 17px;
	list-style-type: none;
	background-image: url(../../images/top/m_article_icon.gif);
	background-repeat: no-repeat;
	background-position: 7px 7px;
	line-height: 15px;
	font-size: 11px;
}

#article dl h2 {
	display: none;
}

#article a:link {
	text-decoration: underline;
	color: #333333;
}

#article a:visited {
	text-decoration: underline;
	color: #333333;
}

#article a:hover {
	text-decoration: none;
	color:#FF4283;
}

#article a:active {
	text-decoration: underline;
	color: #333333;
}

/* ---アレルチェックのご紹介--- */
#a-check {
	margin: 15px 0 0 0;
	padding: 0;
}

#a-check dl {
	margin: 0;
	padding: 0;
}

#a-check dl dt {
	margin: 0;
	padding: 0;
	background-image: url(../../images/top/m_check_t.gif);
	background-repeat: no-repeat;
	width: 206px;
	height: 34px;
}

#a-check dl dd {
	margin: 0;
	padding: 0;
}

#a-check dl dd ul {
	margin: 0;
	padding: 0;
}

#a-check dl dd ul li {
	margin: 0;
	padding: 7px 0 7px 17px;
	list-style-type: none;
	background-image: url(../../images/top/m_check_icon.gif);
	background-repeat: no-repeat;
	background-position: 7px 11px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #878787;
	line-height: 15px;
}

#a-check dl h2 {
	display: none;
}

#a-check a:link {
	text-decoration: none;
	color: #333333;
}

#a-check a:visited {
	text-decoration: none;
	color: #333333;
}

#a-check a:hover {
	text-decoration: underline;
	color:#FF4283;
}

#a-check a:active {
	text-decoration: none;
	color: #333333;
}

#a-check a {
	display: block;
	height: 100%;
}

/* コンテンツ---------------------------------------------- */

/* メイン画像 */
#main-img {
	background-image: url(../../images/top/main_img.jpg);
	background-repeat: no-repeat;
	width: 729px;
	height: 232px;
}

#main-img a {
	display: block;
	height: 100%;
}

#main-img strong {
	display: none;
}

#main-txt {
	width: auto;
	margin: 0;
	padding: 116px 0 0 175px;
}

#main-area {
	width: 564px;
	float: left;
}

#bn-area {
	width: 150px;
	float: right;
}

/* カテゴリー */
#ctg-w {
	width: 564px;

}

#ctg-w a {
	display: block;
}

#ctg-a {
	width: 564px;
	background-image: url(../../images/top/mc_ctg_back_a.jpg);
	background-repeat: no-repeat;
	margin: 0;
	padding: 0 0 5px 0;
}

#ctg-b {
	width: 564px;
	background-image: url(../../images/top/mc_ctg_back_b.jpg);
	background-repeat: no-repeat;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #DDDDDD;
	margin: 0;
	padding: 0 0 5px 0;
}

#ctg-01,#ctg-02,#ctg-03,#ctg-04 {
	width: 282px;
	float: left;
}

#ctg-a dl,#ctg-b dl {
	margin: 0;
	padding: 0;
}

#ctg-a dl dt,#ctg-b dl dt {
	margin: 0;
	padding: 0;
}

#ctg-a dl dd,#ctg-b dl dd {
	margin: 5px 5px 0px 5px;
	padding: 0;
}

#ctg-a dt h2,#ctg-b dt h2 {
	display: none;
}

#ctg-01 dt {
	background-image: url(../../images/top/mc_ctg_t01.gif);
	background-repeat: no-repeat;
	width: 205px;
	height: 28px;
	margin: 0;
	padding: 0;
}

#ctg-02 dt {
	background-image: url(../../images/top/mc_ctg_t02.gif);
	background-repeat: no-repeat;
	width: 205px;
	height: 28px;
	margin: 0;
	padding: 0;
}

#ctg-03 dt {
	background-image: url(../../images/top/mc_ctg_t03.gif);
	background-repeat: no-repeat;
	width: 205px;
	height: 28px;
	margin: 0;
	padding: 0;
}

#ctg-04 dt {
	background-image: url(../../images/top/mc_ctg_t04.gif);
	background-repeat: no-repeat;
	width: 205px;
	height: 28px;
	margin: 0;
	padding: 0;
}


#ctg-04-logo {
	background-image: url(../../images/top/usbio_logo.gif);
	background-repeat: no-repeat;
	background-position: 0 22px;
}

.go-details {
	margin: 10px 0 0 199px;
	background-image: url(../../images/top/mc_ctg_btn.gif);
	background-repeat: no-repeat;
	background-position: 0 0;
	width: 78px;
	height: 15px;
}

.go-details a:hover {
	background-image: url(../../images/top/mc_ctg_btn.gif);
	background-repeat: no-repeat;
	background-position: 0 -15px;
	width: 78px;
	height: 15px;
}

.go-details em {
	display: none;
}

.go-details a {
	display: block;
	height: 100%;
}


#ctg-w a:link {
	text-decoration: none;
	color: #333333;
}

#ctg-w a:visited {
	text-decoration: none;
	color: #333333;
}

#ctg-w a:hover {
	text-decoration: underline;
	color:#FF4283;
}

#ctg-w a:active {
	text-decoration: none;
	color: #333333;
}

/* メインメニュー */
#main-wrap {
	width: 564px;
}

#mein-left {
	width: 274px;
	float: left;
}

#mein-right {
	width: 274px;
	float: right;
}

#main-wrap a:link {
	text-decoration: none;
	color: #333333;
}

#main-wrap a:visited {
	text-decoration: none;
	color: #333333;
}

#main-wrap a:hover {
	text-decoration: underline;
	color:#FF4283;
}

#main-wrapa:active {
	text-decoration: none;
	color: #333333;
}

#main-wrap a {
	display: block;
	height: 100%;
}

#main-wrap h2 {
	display: none;
}

#allergy {
	margin: 0;
	padding: 0;
	width: 274px;
}

#allergy dl {
	margin: 0;
	padding: 0;
}

#allergy dl dt {
	margin: 0;
	padding: 0;
	background-image: url(../../images/top/mm_t_allergy.gif);
	background-repeat: no-repeat;
	width: 274px;
	height: 73px;
}

#allergy dl dd {
	margin: 10px 0 0 0;
	padding: 0;
}

#allergy dl dd ul {
	margin: 0;
	padding: 0;
}

#allergy dl dd ul li {
	margin: 0;
	padding: 0 0 7px 23px;
	list-style-type: none;
	background-image: url(../../images/top/mm_icon.gif);
	background-repeat: no-repeat;
	background-position: 0 4px;
	line-height: 16px;
}

#candida {
	margin: 0;
	padding: 0;
	width: 274px;
}

#candida dl {
	margin: 0;
	padding: 0;
}

#candida dl dt {
	margin: 0;
	padding: 0;
	background-image: url(../../images/top/mm_t_candida.gif);
	background-repeat: no-repeat;
	width: 274px;
	height: 73px;
}

#candida dl dd {
	margin: 10px 0 0 0;
	padding: 0;
}

#candida dl dd ul {
	margin: 0;
	padding: 0;
}

#candida dl dd ul li {
	margin: 0;
	padding: 0 0 7px 23px;
	list-style-type: none;
	background-image: url(../../images/top/mm_icon.gif);
	background-repeat: no-repeat;
	background-position: 0 4px;
	line-height: 16px;
}


#metabo {
	margin: 15px 0 0 0;
	padding: 0;
	width: 274px;
}

#metabo dl {
	margin: 0;
	padding: 0;
}

#metabo dl dt {
	margin: 0;
	padding: 0;
	background-image: url(../../images/top/mm_t_metabo.gif);
	background-repeat: no-repeat;
	width: 274px;
	height: 73px;
}

#metabo dl dd {
	margin: 10px 0 0 0;
	padding: 0;
}

#metabo dl dd ul {
	margin: 0;
	padding: 0;
}

#metabo dl dd ul li {
	margin: 0;
	padding: 0 0 7px 23px;
	list-style-type: none;
	background-image: url(../../images/top/mm_icon.gif);
	background-repeat: no-repeat;
	background-position: 0 4px;
	line-height: 16px;
}


/* Whats New */
#whatsnew {
	margin: 20px 0 0 0;
	padding: 0;
	width: 564px;
}

#whatsnew-title {
	background-image: url(../../images/top/whatsnew_t.gif);
	background-repeat: no-repeat;
	width: 564px;
	height: 37px;
}

#whatsnew-title strong {
	display: none;
}


/* 右リンク */
#bn-area a {
	display: block;
	height: 100%;
}

#bn-area ul {
	margin: 0;
	padding: 0;
}

#bn-area ul li {
	list-style-type: none;
}

#bn-area ul li strong {
	display: none;
}

#r-bn-medical {
	background-image: url(../../images/top/r_bn_medical.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	width: 150px;
	height: 135px;
	padding: 0;
}

#r-bn-medical a:hover {
	background-image: url(../../images/top/r_bn_medical.jpg);
	background-repeat: no-repeat;
	background-position: -150px 0px;
	width: 150px;
	height: 135px;
	padding: 0;
}

#r-bn-partner {
	background-image: url(../../images/top/r_bn_partner.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	width: 150px;
	height: 135px;
	margin: 15px 0 0 0;
	padding: 0;
}

#r-bn-partner a:hover {
	background-image: url(../../images/top/r_bn_partner.jpg);
	background-repeat: no-repeat;
	background-position: -150px 0px;
	width: 150px;
	height: 135px;
}

#r-bn-usbio {
	background-image: url(../../images/top/r_bn_usbio.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	width: 150px;
	height: 72px;
	margin: 15px 0 0 0;
	padding: 0;
}

#r-bn-usbio a:hover {
	background-image: url(../../images/top/r_bn_usbio.gif);
	background-repeat: no-repeat;
	background-position: -150px 0px;
	width: 150px;
	height: 72px;
}

#r-bn-organic {
	background-image: url(../../images/top/onbanner.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	width: 150px;
	height: 123px;
	margin: 15px 0 0 0;
	padding: 0;
}

#r-bn-organic a:hover {
	background-image: url(../../images/top/onbanner.jpg);
	background-repeat: no-repeat;
	background-position: -150px 0px;
	width: 150px;
	height: 123px;
}

#r-bn-voice {
	background-image: url(../../images/top/r_bn_voice.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	width: 150px;
	height: 123px;
	margin: 15px 0 0 0;
	padding: 0;
}

#r-bn-voice a:hover {
	background-image: url(../../images/top/r_bn_voice.jpg);
	background-repeat: no-repeat;
	background-position: -150px 0px;
	width: 150px;
	height: 123px;
	padding: 0;
}

#r-bn-pet {
	background-image: url(../../images/top/banner_pet.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	width: 150px;
	height: 123px;
	margin: 15px 0 0 0;
	padding: 0;
}

#r-bn-pet a:hover {
	background-image: url(../../images/top/banner_pet.jpg);
	background-repeat: no-repeat;
	background-position: -150px 0px;
	width: 150px;
	height: 123px;
	padding: 0;
}


#news-txt {
	font-size: 11px;
	line-height: 16px;
	margin: 5px 0 0 0;
}