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

/****************** トップページ *******************/
.top-box{
	width:687px;
	margin-bottom:5px;
}

#news-frame{
	width:685px;
	height:240px;
	border:1px solid #999999;
	margin:0 0 10px 0;
	overflow:auto;
}

.voice-text-left,.voice-text-right{
	width:215px;
	margin-top:5px;
	float:left;
}

.voice-text-right{
	margin:5px 0 0 10px;
}

.voice-person,.voice-persons{
	margin:5px 0 10px 5px; 
	float:left;
}

.voice-persons{
	margin-bottom:10px;
}

/* IE6 */
*html .voice-persons{
	margin-bottom:0;
}
*html .voice-vorder{
	display:block;
	line-height:10px;
}
/* IE7 */
*+html .voice-persons{
	margin-bottom:0;
}
*+html .voice-vorder{
	display:block;
	line-height:10px;
}

.no-back{
	background:none;
	padding:0;
}


/* 土田記述追加ここから */
.left-box,.right-box{
	margin:10px 12px 10px 0;
	width:330px;
	float:left;
}

/* IE6 */
*html .left-box,*html .right-box{
	margin-bottom:0;
}
/* IE7 */
*+html .left-box,*+html .right-box{
	margin-bottom:0;
}

.left-box ul{
	margin-top:10px;
}

.right-box ul{
	margin:10px 0 0 5px;
}

.food-text{
	width:180px;
	float:right;
}

.food-image{
	width:108px;
	margin:0 0 0 5px;
	float:left;
}



.contents-text{
	width:180px;
	float:left;
}

.contents-image{
	width:108px;
	margin:0 0 0 5px;
	float:left;
}


/* 土田記述追加ここまで */






#box05 .left-box li.icon01,#box05 .left-box li.icon02{
	background:transparent url(../img/icon01.gif) no-repeat left center;
	padding:10px 10px 10px 15px;

}

#box05 .left-box li.icon01{
	margin-top:10px;
}


#contents-body-right ul{
	margin-top:10px;
	font-size:0.85em;
	line-height:15px;
}

.photo-text{
	font-size:0.85em;
}


/****************** 全ブランド共通 *******************/

/* 商品リスト */
#item-list,#item-list02{
	width:705px;
	margin-bottom:15px;

}

#item-list ul{
	margin-left:10px;
	margin-top:15px;
}

#item-list ul li{
	font-size:12px;
	width:142px;
	height:195px;
	margin:0 10px 10px 0;
	padding:9px;
	float:left;
	border:dashed 1px #7BBF1A;
	background:transparent url(../img/icon01.gif) no-repeat 8px 188px;
}

#item-list ul li.img-r{
	width:auto;
	height:auto;
	margin:0;
	padding:0;
	float:right;
	border:none;
	background:none;
}

#item-list02 ul{
	margin-top:15px;
}

#item-list02 ul li{
	font-size:12px;
	width:202px;
	float:left;
	margin-left:10px;
	margin-bottom:10px;
	padding:9px;
	border:dashed 1px #7BBF1A;
	background:transparent url(../img/icon01.gif) no-repeat 8px 162px;
}
#item-list ul li span,#item-list02 ul li span{
	display:inline-block;
	padding-left:13px;
}

#item-list ul li img,#item-list02 ul li img{
	margin-bottom:5px;
}

#item-list03{
	float:left;
	width:705px;
	margin-bottom:15px;

}

#item-list03 ul{
	margin:10px 0 20px 25px;

}

#item-list03 ul li{
	background:transparent url(../img/icon01.gif) no-repeat left center;
	width:300px;
	padding:10px 10px 10px 15px;
	float:left;
}

/* 商品紹介 */
h3{
	text-indent:-9999px;
	overflow:hidden;
	height:36px;	
}
.top-box h3{
	margin-bottom:10px;
	text-indent:0;
	overflow:auto;
	height:auto;
}
#box01 h3{
	margin-bottom:15px;
}

h4{
	padding-left:15px;
	line-height:33px;
	font-weight:700;
	background:transparent url(../img/title01.gif) no-repeat;
	clear:both;
}

h5{
	line-height:15px;
	font-weight:700;
}

#item00,#item01,#item02,#item03,
#item04,#item05,#item06,
#item07,#item08{
	margin-bottom:15px;
	clear:both;
}

/*#itemt01 .top-area{
	height:auto;
}*/

#keeper,#keeper2,#keeper3,
#keeper4,#keeper5,#keeper6{
	height:230px;
}

#keeper01,#keeper02,#keeper03,
#keeper04,#keeper05,#keeper06{
	height:210px;
}

img.photo{
	float:left;
}
/* ホカミックス用 */
img.photo-h{
	float:left;
	padding-top:25px;
}

.text{
	margin-left:25px;
	width:655px;
	clear:both;
}

.text-area{
	margin:0 0 15px 25px;
	width:655px;
	clear:both;
}

.text-contents{
	margin:20px 0 15px 25px;
	width:655px;
	clear:both;
}

/* 上部 */
.top-area{
	width:680px;
	margin:20px 0 25px 25px;
}
.top-area-bio{
	width:680px;
	margin:20px 0 5px 25px;
}


.top-area-kaykleins{
	margin:20px 0 10px 25px;
}

.top-area-bozita{
	margin:20px 0 0 25px;
}


.price-box,.price-box-bozita{
	float:left;
	width:170px;
	margin:0 25px 25px 15px;
}
.price-box-r{
	float:left;
	width:340px;
	margin:0 0 25px 15px;
}
.price-box-r table{
	margin-top:10px;
}

.top-area-bio .price-box{
	width:350px;
	margin-left:50px;
}

.price-box P,.top-area-bio .price-box P,.price-box-title,
.price-box-r P{
	font-weight:700;
	color:#794402;
}

.price-box table,.price-box-bozita table{
	float:left;
	margin:15px 0;
}

.introduction{
	float:left;
	width:305px;
	display:block;
	margin-bottom:25px;
}

/* 商品ページへ */

.go-products{
	margin:10px 0;
	text-align:center;
}

.go-products li{
	margin-bottom:5px;
}

/*#go-products2{
	margin:20px 0 10px 0;
	text-align:center;
}*/


/* トップへ戻る */
.go-top,.go-top-b,#go-top-index,.go-top-staff{
	clear:both;
	font-weight:700;
	text-align:right;
}

.go-top-staff{
	line-height:40px;
	background:transparent url(../img/staff/bottom-grass-l.gif) no-repeat;
}

.go-top-index{
	width:930px;
	margin-bottom:10px;
	display:block;
}

.go-top-b{
	margin-bottom:15px;
}

.go-top a,.go-top-b a,#go-top-index a{
	color:#B26C16;
	border-bottom:solid 1px;
	text-decoration:none;
}


/* ページを閉じる */
.close{
	font-size:1.1em;
	font-weight:700;
	margin:10px 0;
	text-align:center;
}

.close a{
	color:#B26C16;
	border-bottom:solid 1px;
}

.right{
	text-align:right;
}

/* 左部 */
.left-area{
	float:left;
	width:280px;
	margin:15px 25px 0 30px;
}
.float-img{
	float:left;
	margin:0 15px 15px 0;
}
/* IE6 */
*html .left-area{
	margin:15px 12px 15px 12px;
}

.center-box{
	text-align:center;
}

.center-box img{
	margin-bottom:15px;
}

.left-area table{
	margin-bottom:20px;
	margin-right:20px;
}

/* 右部 */
.right-area{
	float:left;
	width:360px;
	margin-top:15px;
}

.right-area p{
	margin-bottom:15px;
}

.right-area .normal-table{
	margin-bottom:20px;
}


p.icon-title{
	font-weight:700;
	margin-bottom:0;
}


p.icon-link{
	font-size:0.8em;
}

.caution{
	color:#EA0000;
	clear:both;
	width:650px;
	padding-left:30px;
	margin-top:15px;
}

.caution02{
	color:#EA0000;
	clear:both;
	width:650px;
	padding-left:30px;
}

.under-text{
	font-size:0.9em;
	padding-left:30px;
}

/* boschbio ; bosch cat用 */
.font-red{
	color:#EA0000;
}
.font-red2{
	color:#EA0000;
	font-size:1.2em;
	text-align:center;
	clear:both;
	font-weight:normal;
}


.font-blue{
	color:#3333FF;
}

.bold{
	font-weight:700;
}

.center{
	text-align:center;
}

/***** テーブルデザイン  *****/
table,th,td{
	border:1px solid #000;
}

.number{
	text-align:right;
}

/*価格テーブル*/
#contents-body table td{
	padding:3px;
}

.price-table{
	width:170px;
	font-weight:700;		
}

.orderprice-table{
	width:340px;
	margin-bottom:15px;
	font-weight:700;
}

.orderprice-table,.orderprice-table td,
.orderprice-table tr,.price-table,
.price-table td,.price-table tr{
	border:solid 1px #7B7B00;
}

#contents-body .orderprice-table td.number,
#contents-body .price-table td.number{
	height:32px;
	font-size:120%;
	padding-right:15px;
}
#contents-body .orderprice-table td.name{
	padding-left:10px;
}


.price-table .title,.orderprice-table .title{
	text-align:center;
	background:#eee8aa;
}

.price-table .name,.orderprice-table .name{
	width:75px;
	background:#F7F3D2;
}


/*通常テーブル*/
.normal-table{
	width:280px;
}

.title2{
	background:#F7F3D2;
}

.title3{
	background:#003399;
	color:#FFFFFF;
	width:180px;
	font-weight:700;
}

.normal-table .name{
	background:#ffdab9;
}

.normal-table .name1{
	text-align:center;
	background:#ffdab9;
}



/*下部テーブル*/
.under-table{
	width:90%;
	margin:15px 0 0 30px;
	clear:both;
}

.under-table .name{
	background:#ffdab9;
}

.under-table .name2{
	text-align:right;
	background:#ffdab9;
}


/*bosch-bio用*/
.under-table .name4{
	background:#FFF3D7;
}

.under-table .number1{
	background:#ffdab9;
}

.under-table .number2{
	text-align:center;
	background:#FFF3D7;
}


/****************** biopur  *******************/
h3#biopur-dog{
	background:url(../img/organic-food/biopur/dog/biopur-dogfood.gif) no-repeat;
}
h3#biopur-cat{
	background:url(../img/organic-food/biopur/cat/biopur-catfood.gif) no-repeat;
}

h3#biopur-dog-diet{
	background:url(../img/organic-food/biopur/dog-diet/biopur-diet-dogfood.gif) no-repeat;
}

/****************** defu  *******************/
h3#defu-dogfood{
	background:url(../img/organic-food/defu/dog/defu-dogfood.gif) no-repeat;
}
h3#defu-catfood{
	background:url(../img/organic-food/defu/cat/defu-catfood.gif) no-repeat;
}
h3#defu-snack{
	background:url(../img/organic-food/defu/snack/defu-snack.gif) no-repeat;
}

/****************** biopur  *******************/
h3#biopur-dog{
	background:url(../img/organic-food/biopur/dog/biopur-dogfood.gif) no-repeat;
}
h3#biopur-cat{
	background:url(../img/organic-food/biopur/cat/biopur-catfood.gif) no-repeat;
}

/****************** biobarf  *******************/
h3#biobarf-spl{
	background:url(../img/organic-food/biobarf/spl/biobarf-spl.gif) no-repeat;
}

/****************** KAY KLEINS 会社紹介  *******************/

#kaykleins-company{
	background:transparent url(../img/organic-food/kaykleins/kaykleins-title.gif) no-repeat;
}

#kaykleins-list01{
	width:200px;
	float:left;
	margin:205px 0 15px 115px;
}

#kaykleins-list02{
	width:250px;
	float:left;
	margin:0 0 15px 35px;
}

#kaykleins-list01 li,#kaykleins-list02 li,#kaykleins-list03 li{
	margin-top:5px;
}

/* IE6 */
*html #kaykleins-list01{
	margin-left:57px;
}
*html #kaykleins-list01,*html #kaykleins-list02{
	margin-bottom:0;
}
/* IE7 */
*+html #kaykleins-list01,*+html #kaykleins-list02{
	margin-bottom:0;
}

.font-green{
	color:#2A7F00;
	font-size:1.1em;
	font-weight:700;
}

#kaykleins-img{
	margin-left:35px;
}

#kaykleins-list03{
	margin:0 0 10px 110px;
}


#kaykleins-list04{
	width:445px;
	float:left;
	margin-left:25px;
}
/* IE6 */
*html #kaykleins-list04{
	margin-left:12px;
}


#kaykleins-list04 dd{
	margin-bottom:15px;
	padding-left:1em;
}

#kaykleins-list05{
	width:160px;
	float:left;
	margin:10px 0 0 25px;
}

#kaykleins-list06{
	width:370px;
	float:left;
	margin:20px 0 0 25px;
}

#kaykleins-list07{
	width:265px;
	float:left;
	margin:15px 0 15px 15px;
}

#kaykleins-table{
	width:640px;
	background:#F0E1B8;
	border:0;
	margin:0 0 10px 35px;
}


#kaykleins-table td.large1{
	padding-left:30px;
	width:161px;
}

#kaykleins-table td.large2{
	width:161px;
}

#kaykleins-table td.large3{
	padding-right:30px;
	width:161px;
}

#kaykleins-table td.small{
	width:40px;
}



#kaykleins-table tr#cell01{
	padding:30px;
}

#kaykleins-table .table-border{
	padding-left:18px;
}


/*

#kaykleins-table td.small{
	width:30px;
}
*/



#kaykleins-table th,#kaykleins-table td{
	border:none;
}

/****************** KAY KLEINS 原材料  *******************/
#matelial-list{
	width:200px;
	float:left;
	margin:25px 25px 0 80px;
}

#matelial-list02{
	width:190px;
	float:left;
	margin:25px 5px 0 15px;
}

#matelial-list03{
	width:130px;
	float:left;
	margin:25px 15px 0 10px;
}

#matelial-clear{
	clear:both;
}

/* IE6 */
*html #matelial-list{
	margin-left:40px;
}

#matelial-list li,#matelial-list02 li,#matelial-list03 li{
	background:transparent url(../img/organic-food/kaykleins/square.gif) no-repeat left center;
	padding-left:18px;
	margin-bottom:5px;
	font-size:1.1em;
	font-weight:700;
}

#matelial-photo{
	margin:15px 0 40px 0;
	float:left;
}

#matelial-photo2{
	margin:15px 0 50px 0;
	float:left;
}


/****************** KAY KLEINS 商品紹介  *******************/
#kaykleins-products{
	background:transparent url(../img/organic-food/kaykleins/kaykleins-products.gif) no-repeat;
}

/****************** bosch Bio  *******************/
#item-list02 h3#bosch-bio{
	background:transparent url(../img/organic-food/boschbio/boschbio-food.gif) no-repeat;
}

#bosch-bio-area{
	clear:both;
	width:650px;
	margin:0 0 15px 25px;
}
#bosch-bio-area p{
	margin-bottom:15px;
}

.disk-list{
	list-style:disc;
	list-style:inside;
	width:550px;
	margin-left:30px;
}
/****************** bosch Bio コンセプト *******************/
#concept-title{
	text-indent:-9999px;
	overflow:hidden;
	height:35px;
	background:transparent url(../img/organic-food/boschbio/bio-concept.gif) no-repeat;
}

.bio-list{
	list-style-type:decimal;
	margin-left:130px;
}

/* IE6用 */
*html .bio-list{
	margin-left:125px;
}

.bio-list dt{
	margin:15px 0;
	font-size:1.2em;
	color:#007C32;
	font-weight:700;
}

/****************** bosch Bio 原材料 *******************/

#bio-matelial{
	background:transparent url(../img/organic-food/boschbio/bio-matelial.gif) no-repeat;
}

#bio-list02{
	margin:15px 0 15px 25px;
}

#bio-list02 li{
	float:left;
	width:335px;
	margin:5px 0;
}

/* IE6用 */
*html #bio-list02 li{
	margin:0;
}

#bio-list02 dl{
	height:150px;
	margin:10px 0;
}

/* IE6用 */
*html #bio-list02 dl{
	height:190px;
	margin:0;
}

#bio-list02 dt{
	margin:10px 0 20px 0;
}

#bio-list02 dd{
	margin:10px 0 10px 0;
}


/****************** お客様の声 *******************/

#voice-title{
	background:transparent url(../img/voice/voice-title.gif) no-repeat;
}

.text-area-voice{
	margin:20px 0 15px 25px;
	width:655px;
	color:#2A7F00;
	font-weight:700;
}

.voice-text{
	width:420px;
	float:left;
	margin:0 15px 0 25px;
}
/* IE6 */
*html .voice-text{
	margin-left:12px;
}

.voice-img{
	width:215px;
	float:left;
}

.voice-img li{
	margin-bottom:5px;
}

/****************** お問い合わせ *******************/
#form-box01{
	margin:20px 0 0 50px;
	clear:both;
}

.contact-table{
	margin-bottom:30px;
}

.contact-table th{
	background:#FFF5E6;
}

#about-dog{
	background:#FFEBE1;
}

.contact-table,.contact-table th,.contact-table td{
	padding:5px 10px;
	border:1px solid #993300;
}

#contact-tittle{
	background:transparent url(../img/contact/contact-title.gif) no-repeat;
}

#contact-text{
	width:430px;
	margin:15px 0 0 25px;
	float:left;
}

/* IE6 */
*html #contact-text{
	margin-left:12px;
}

#contact-text li{
	margin-bottom:10px;
}

#contact-img{
	margin:15px 0 15px 15px;
	float:left;
}


/* IE6 */
*html #contact-img{
	margin-bottom:0px;
}
/* IE7 */
*+html #contact-img{
	margin-bottom:0px;
}

/****************** 犬の無料健康相談 *******************/

#conference-title{
	background:transparent url(../img/health-conference/conference-title.gif) no-repeat;
}

/****************** サンプルのお申し込み *******************/

#sample-tittle{
	background:transparent url(../img/sample/sample-title.gif) no-repeat;
}

#contents-body table.sample-table td,
#contents-body table.sample-table-dog td,
#contents-body table.sample-table-cat td,
#contents-body table.sample-table th,
#contents-body table.sample-table-dog th,
#contents-body table.sample-table-cat th{

	padding:5px;
}

.sample-bland{
	font-size:1.1em;
	font-weight:700;

}

.sample-title{
	margin-bottom:20px;
}

.sample-table{
	width:580px;
	margin-bottom:10px;
}

.sample-table .name{
	background:#F2F4B0;
}

.sample-table .name1{
	text-align:center;
	background:#F2F4B0;
}

.sample-table-dog{
	width:580px;
	margin-bottom:20px;
}

.sample-table-dog .name{
	background:#F2F4B0;
}

.sample-table-dog .name1{
	text-align:left;
	background:#F2F4B0;
}


.sample-table-cat{
	width:580px;
	margin-bottom:60px;
}

.sample-table-cat .name{
	background:#E9F3FE;
}

.sample-table-cat .name1{
	background:#E9F3FE;
	text-align:left;
}

/****************** キャンペーンページのお申し込み *******************/

.banner{
	margin-bottom:10px;
}

#campaign-title{
	background:transparent url(../img/campaign/campaign-title.gif) no-repeat;
}

#campaign-top{
	margin:10px 0 0 25px;
}

#love-cookie{
	background:url(../img/campaign/love.jpg) no-repeat;
	width:650px;
	height:280px;
	margin:10px 0 0 20px;
}

#campaign-text{
	width:416px;
	margin:110px 0 0 35px;
	float:left;
}
/* IE6 */
*html #campaign-text{
	margin-left:20px;
}

.campaign-button{
	margin:235px 0 0 30px;
}
/* IE6 */
*html .campaign-button{
	margin-left:20px;
}

#vegetable-cookie{
	background:url(../img/campaign/vegetable.jpg) no-repeat;
	width:650px;
	height:280px;
	margin:15px 0 0 20px;
}

#campaign-thanks{
	background:url(../img/campaign/campaign-thank.jpg) no-repeat;
	width:650px;
	height:340px;
}

/****************** 店舗紹介 *******************/
#shop-tittle{
	background:transparent url(../img/shop/shop-title.gif) no-repeat;
}


#shop{
	width:600px;
	margin:20px 0 20px 50px;
	text-align:left;
}

#shop2{
	width:600px;
	margin:0 0 20px 50px;
	text-align:left;
}

#shop table td{
	padding-left:10px;
}

#manager-photo{
	margin:20px 20px 20px 85px;
	float:left;
}


#manager-text{
	width:370px;
	margin-top:20px; 
	float:left;
}

#top-space{
	margin-top:50px;
}


#map{
	margin:20px 0 0 50px;
}


/****************** サイトマップ *******************/
#sitemap-box01{
	margin-bottom:15px;
	clear:both;
}

#sitemap-title{
	background:transparent url(../img/sitemap/sitemap-title.gif) no-repeat;
}

#sitemap-box01,#sitemap-box02,#sitemap-box03{
	clear:both;
}



#sitemap-box01 dt,#sitemap-box02 dt,#sitemap-box03 dt{
	background:transparent url(../img/sitemap/sitemap.gif) no-repeat left center;
	padding:10px 10px 10px 17px;
	font-weight:700;
}

#sitemap-box01 dd,#sitemap-box02 dd,#sitemap-box03 dd{
	padding:5px 0 10px 25px;
}


.small-title{
	width:660px;
	margin-left:15px;
	padding-left:5px;
	line-height:25px;
	border-left:3px solid #999900;	
	border-bottom:1px solid #999900;
	font-weight:700;
}

.right-list{
	width:300px;
	margin:15px 0 20px 40px;
	float:left;
}

.left-list{
	width:250px;
	margin:15px 0 20px 40px;
	float:left;
}

.sitemap-list{
	margin:15px 0 20px 40px;
}


/****************** リンク集  *******************/

#link-title{
	background:transparent url(../img/link/linl-title.gif) no-repeat;
}

#link-table,#link-table tr,#link-table td{
	width:600px;
	margin:15px 0 0 50px;
	border:2px solid #999900;
}

#link-table dt{
	background:transparent url(../img/sitemap/sitemap.gif) no-repeat left center;
	padding:5px 0 5px 17px;
	border:dotted 1px #999900;
}

#link-table dd{
	padding-left:17px;
	text-indent:1em;
	padding:10px 5px;
}

/****************** スタッフ募集  *******************/

#recruit-title{
	background:transparent url(../img/recruit/recruit-title.gif) no-repeat;
	
}
.job-title{
	text-align:center;
	font-weight:700;
	background:#FFE6BF;
	
	}

/****************** スタッフ紹介  *******************/
#staff-title{
	background:transparent url(../img/staff/staff-title.gif) no-repeat;
}

.staff-table{
	width:500px;
	margin:15px 0 15px 20px;
	float:left;
}

.staff-table th{
	width:120px;
	background:#F7F3D2;
}


/**************　欠品表示　*****************/
.keppin{
	font-size:1.1em;
	color:#CC0000;
	font-weight:700;
	padding:5px;
	background:#FFECEC;
}

.keppin-btn{
	width:137px;
	text-align:center;
	font-size:1.1em;
	font-weight:700;
	color:#AA0000;
	display:inline-block;
	padding:3px;
	border:solid 1px #792622;
	vertical-align:middle;
}

*html .keppin-btn{
	padding-bottom:5px;
}
*+html .keppin-btn{
	padding-bottom:6px;
}

/**************　最新情報　*****************/
#topic-title{
	background:url(../img/news-topic.gif) no-repeat;
}


/****************** 取り扱いメーカー *******************/
#maker-title{
	background:url(../img/organic-food/maker/maker-title.gif) no-repeat;
}

.maker-box div.img-r{
	width:480px;
}

.maker-box ul.img-r,
.maker-box ul.img-l{
	width:230px;
}

.maker-box ul{
	width:230px;
}

.maker-box ul li{
	font-size:13px;
	background:transparent url(../img/top/arrow-s.gif) no-repeat left 5px;
	padding-left:15px;
	margin-bottom:5px;
}