@charset "EUC-JP";
/* CSS Document */



#contents #search_top{
width:680px;
height: 15px;
background: url(../images/bg_searchF_top.gif) left bottom no-repeat;
}

#contents #search_body{
width:680px;
padding: 15px 0;
text-align:left;
background:url(../images/bg_searchF_bd.gif) left top repeat-y;
}

#contents #search_end{
width:680px;
height: 15px;
background: url(../images/bg_searchF_btm.gif) left bottom no-repeat;
}


/*
見出し----------------------------------*/

#search_body h2.tit_cat{
width:639px;
height: 113px;
margin-left: 17px;
background:url(../images/tit_catfood.gif) left top no-repeat;
}

#search_body h2.tit_dog{
width:639px;
height: 113px;
margin-left: 17px;
background:url(../images/tit_dogfood.gif) left top no-repeat;
}

/*
ブランド----------------------*/


#search_body h2.tit_pr_cat{
width:364px;
height: 41px;
margin-left: 17px;
text-indent: -9999px;
background:url(../images/tit_pr_catfood.gif) left top no-repeat;
}

#search_body h2.tit_pr_dog{
width:333px;
height: 40px;
margin-left: 17px;
text-indent: -9999px;
background:url(../images/tit_pr_dogfood.gif) left top no-repeat;
}

#brand_name {
	clear:both;
	width: 642px;
	display: inline-block;
	margin: 0 0 10px 16px;
	padding-bottom: 10px;
	background:url(../images/bg_frmBrand.gif) left bottom no-repeat;
	overflow:hidden;
}

#brand_name:after {
	content:"";
	display:block;
	clear:both;
	height:0px;
	overflow:hidden;
}

*html #brand_name {
	height:1em;
	overflow:visible;
}

#brand_name .top{
	width: 642px;
	height: 5px;
	background:url(../images/bg_frmBrand_top.gif) left top no-repeat;
}

#brand_name ul{
	clear:both;
	margin: 5px 0 0 30px;
	_margin: 0 0 0 30px;
	overflow:hidden;
}

#brand_name ul:after {
	content:"";
	display:block;
	clear:both;
	height:0px;
	overflow:hidden;
}

*html #brand_name ul {
	height:1em;
	overflow:visible;
}

#brand_name ul.ul2{
	clear:both;
	margin: 0 0 0 30px;
	_margin: 0 0 5px 30px;
	overflow:hidden;
}


#brand_name ul li {
	float: left;
	width: 190px;
	padding:1px 0 1px 12px;
	background:url(../images/blt_arro_red.png) left center no-repeat;
}

/* Hides from IE5-mac \*/
* html #brand_name ul li {
	height:1%;
}
/* End hide from IE5-mac */

#brand_name ul li img {
	margin: 0 0 0 2px;
	padding:0;
}

#brand_name a{
color: #666666;
}


/*
ブランド別エ・E・---------------------*/

#search_body h3.brand_catf{
width:135px;
height: 31px;
margin: 40px 0 00px 17px;
text-indent: -9999px;
background:url(../images/tit_pr_catfood_s.gif) left top no-repeat;
}

#search_body h3.brand_dogf{
width:120px;
height: 29px;
margin: 40px 0 10px 17px;
text-indent: -9999px;
background:url(../images/tit_pr_dogfood_s.gif) left top no-repeat;
}

#search_body ul#food_type {
	clear:both;
	margin: 0px 0 15px 25px;
	overflow:hidden;
}

#search_body ul#food_type:after {
	content:"";
	display:block;
	clear:both;
	height:0px;
	overflow:hidden;
}

*html #search_body ul#food_type {
	height:1em;
	overflow:visible;
}

#search_body ul#food_type li{
float: left;
width: auto;
margin: 0 1.5em 15px 0; 
padding-left: 15px;
/*background:url(../images/blt_arrbox.png) left top no-repeat;*/
}


#brand_box{
	clear:both;
	width: 642px;
	display: inline-block;
	font-size: 12px;
	padding-bottom: 15px;
	margin-left: 16px;
	margin-bottom: 5px;
	background:url(../images/bg_fieldset.gif) left bottom no-repeat;
	overflow:hidden;
}

#brand_box:after {
	content:"";
	display:block;
	clear:both;
	height:0px;
	overflow:hidden;
}

*html #brand_box {
	height:1em;
	overflow:visible;
}

#brand_box a{
	color: #666666;
}

#search_body a:hover {
	text-decoration: underline;
	color: #FF0000;
}

#brand_box a.brand_link{
background:url(../images/arw_brand.gif) left center no-repeat;
margin: 10px 0 10px 25px;
padding: 15px;
color:#FF0000;}

#brand_box a.video_link{
background:url(../images/arw_video.gif) left center no-repeat;
margin: 10px 0 10px 25px;
padding: 15px;
color:#0000FF;}

#brand_box ul{
margin: 10px 0 5px 25px;
}

#brand_box ul.ul2{
margin: 0 0 5px 25px;
}

#brand_box li{
	float: left;
	width: 190px;
	margin: 5px 0;
	padding-left: 15px;
/*background:url(../images/blt_arrbox.png) left top no-repeat;*/
}

li.wet{
	background-image: url(../images/circle_catalog_w.gif);
	background-repeat: no-repeat;
	background-position: left center;
}

#brand_box li.wet2{
	width: 280px;
	background-image: url(../images/circle_catalog_w.gif);
	background-repeat: no-repeat;
	background-position: left center;
}

li.dry{
background:url(../images/circle_catalog_d.gif) left center no-repeat;}

li.snack{
background:url(../images/circle_catalog_o.gif) left center no-repeat;}

#brand_box li.snack2{
	width: 280px;
	background:url(../images/circle_catalog_o.gif) left center no-repeat;
}


/*--NEW画・E--*/
#brand_box img{
margin-left:5px;
vertical-align:middle;}




#search_body a.totop{
float: right;
text-algin: right;
font-size: 11px;
margin: 0 25px 20px;
padding-left: 10px;
background:url(../images/arw_totop_01.gif) left center no-repeat;
}

#brand_box h3{
display: block;
width: 642px;
text-indent:-9999px;
margin: 0 0 15px;
}
.brand01{
background:url(../images/tit_br_kurokan.gif) left top no-repeat;
height: 60px;}

.brand02{
background:url(../images/tit_br_junkan.jpg) left top no-repeat;
height: 81px;}

.brand03{
background:url(../images/tit_br_kinkan.gif) left top no-repeat;
height: 66px;}

.brand04{
background:url(../images/tit_br_umikan.jpg) left top no-repeat;
height: 81px;}

.brand05{
background:url(../images/tit_br_kenkokan.jpg) left top no-repeat;
height: 81px;}

.brand06{
background:url(../images/tit_br_miaw.jpg) left top no-repeat;
height: 81px;}

.brand07{
background:url(../images/tit_br_proc.gif) left top no-repeat;
height: 83px;}

.brand08{
background:url(../images/tit_br_yaizu.gif) left top no-repeat;
height: 71px;}

.brand09{
background:url(../images/tit_br_sasami.gif) left top no-repeat;
height: 60px;}

.brand10{
background:url(../images/tit_br_katsuo.gif) left top no-repeat;
height: 60px;}

.brand11{
background:url(../images/tit_br_yakisaka.gif) left top no-repeat;
height: 60px;}

.brand12{
background:url(../images/tit_br_gin.jpg) left top no-repeat;
height: 60px;}

.brand13{
background:url(../images/tit_br_funwari.gif) left top no-repeat;
height: 60px;}

.brand14{
background:url(../images/tit_br_sozai.gif) left top no-repeat;
height: 84px;}

.brand15{
background:url(../images/tit_br_catmom.gif) left top no-repeat;
height: 84px;}

.brand16{
background:url(../images/tit_br_osakanaj.gif) left top no-repeat;
height: 85px;}

.brand17{
background:url(../images/tit_br_wazaari.gif) left top no-repeat;
height: 83px;}

.brand18{
background:url(../images/tit_br_ippon.gif) left top no-repeat;
height: 85px;}

.brand19{
background:url(../images/tit_br_nibosi.gif) left top no-repeat;
height: 85px;}


.brand20{
background:url(../images/tit_br_kenken.gif) left top no-repeat;
height: 68px;}

.brand21{
background:url(../images/tit_br_kenken_090401.gif) left top no-repeat;
height: 68px;}

.brand22{
background:url(../images/tit_br_kinkan_090401.gif) left top no-repeat;
height: 66px;}

.brand23{
background:url(../images/tit_br_chef.gif) left top no-repeat;
height: 66px;}

.brand24{
background:url(../images/tit_br_kodawaribeaf.gif) left top no-repeat;
height: 84px;}

.brand25{
background:url(../images/tit_br_sozaibimi.jpg) left top no-repeat;
height: 81px;}

.brand26{
background:url(../images/tit_br_mainiti.jpg) left top no-repeat;
height: 81px;}


/*
フィー・E疋札奪・---------------------*/

#search_body fieldset{
border:none;
font-size: 12px;
padding-bottom: 10px;
*padding-bottom: 20px;
margin-left: 17px;
margin-bottom: 15px;
background:url(../images/bg_fieldset.gif) left bottom no-repeat;
}

#search_body fieldset dl{
float: left;
display:block;
margin: 15px 0 5px;
padding: 0 10px 0 25px;
color: #666666;
}

#search_body fieldset dt{
clear: left;
margin: 0 0 5px 0;
}

#search_body fieldset dd{
float: left;
display: block;
width: 123px;
margin-bottom: 5px;
}

#search_body fieldset dd input{
	margin-right:0.25em;
}

#search_body fieldset .red{
font-size: 11px;
color: #CC0033;
margin: 0 0 10px 0;}
/* オ・E献淵・斗諭・argin: 10px 0 0 20px;}*/

#search_body .btn_search{
margin: 10px 0 0 230px;}

#search_body .small{
font-size: 12px;}
/*
タイトル---------------*/

#search_body fieldset .title01{
display: block;
background:url(../images/tit_category.gif) left top no-repeat;
width: 642px;
height: 41px;
font-size: 15px;
font-weight: bold;
padding: 13px 20px 0 ;
}


/*
検索・E・-------------------*/

#search_body h2.tit_result{
background: url(../images/tit_result.gif) left top no-repeat;
text-indent: -9999px;
height: 42px;
margin: 0 0 3px 20px;}




#cont_result{
margin: 10px 20px;}


#search_body .found{
color: #FF0000;
font-weight:bold;
}

.found span{
font-size: 16px;}

.paging{
margin: 15px 0 10px; 
font-size: 11px;}

/*
検索・E・------------------------------*/

#search_body #frame{
border:none;
font-size: 12px;
margin-left: 17px;
margin-bottom: 15px;
background:url(../images/bg_frame_bd.gif) left top repeat-y;
}

#search_body #frame .top{
height: 8px;
background:url(../images/bg_frame_top.gif) left top no-repeat;
}

#search_body #frame .end{

height: 8px;
background:url(../images/bg_frame_btm.gif) left bottom no-repeat;
}



#products_entry{
overflow: auto;
width:600px;
margin: 10px 10px ;
padding: 0 0 10px 10px;
background:url(../images/border_prList.gif)  bottom no-repeat;
}


#prd_thumb{
float: left;
padding: 15px 0;
width: 180px;
height: 120px;
text-align:center;
/*background:#CCCCCC;*/
}

.thumb_img{
display:block;
margin: 10px 0;
}

.thumb_btn{
}



#prd_info{
float: left;
width:420px;
}

#prd_info h3.name{
font-size: 15px;
margin: 5px 0 0;}

#prd_info h4.name_s{
font-size: 12px;
margin: 0px 0 0;}

#prd_info p{
margin: 10px 0;}

#prd_info ul.icon{
clear: left;
height: 33px;
margin:15px 0 0; 
}

#prd_info ul.icon li{
display: inline;
float: left;
margin-right:5px;
}


/*商品詳細
------------------------------------------ */

#search_body h2.tit_detail{
background: url(../images/tit_detail.gif) left top no-repeat;
text-indent: -9999px;
height: 43px;
margin: 0 0 3px 20px;}


#prductView{
clear: both;
overflow:auto;
margin: 20px 20px 15px 20px;
}

/*#prductView #left{
float: left;}*/

#prductView p.product-photo{
float: left;
margin: 0 20px;
padding: 15px 0;
width: 180px;
text-align:center;
}

#prductView #pv_body{
float: left;
width: 400px;
margin:;}

#prductView #pv_body h3{
font-size: 16px;
color: #FF0000;
border-bottom: 2px solid #FF0000;
margin: 0 0 25px;
}


/*アイコンエ・E------------------------------------------ */
#frame_icon{
display:block;
width:400px;
margin: 20px 0 10px;
padding: 0 0 10px;
background:url(../images/bg_frmIcon.gif) left bottom no-repeat;}

#frame_icon .frame_iconTop{
width:400px;
height: 5px;
background:url(../images/bg_frmIcon_top.gif) left top no-repeat;}

#frame_icon table {
width: 380px;
border-collapse:collapse;
margin: 0 0 0 10px;
*clear: both;
}



#frame_icon table th{
 width: 120px;
 font-size: 11px;
 padding: 10px 0 10px 23px;
 color: #666666;
 border-bottom: dotted 1px #CCCCCC;
}

#frame_icon table th.chara{
 background:url(../images/detail_icon_chara.gif) left center no-repeat;
}


#frame_icon table th.tuna{
 background:url(../images/detail_icon_tuna.gif) left center no-repeat;
}

#frame_icon table th.koda{
 background:url(../images/detail_icon_koda.gif) left center no-repeat;
}
 
 
#frame_icon table td{
width: 200px;
padding: 10px 10px;
border-bottom: dotted 1px #CCCCCC;
}
  
  
span.red{
color: red;}

#pv_body p.notice{
float: right;
text-align: right;
color: #FF0000;}

/*
p.dot{
clear: both;
height: 1px;
background:url(../../images/common/dot_s.gif) left center repeat-x;
}

*/
/*商品詳細テーブ
------------------------------------------ */

table#prod_info{
width: 610px;
*width: 620px;
border-collapse:collapse;
border:1px solid #CCCCCC;
border-spacing:0;
font-size: 12px;
margin: 20px 0 10px 30px;}

#prod_info th{
width: 100px;
background:#f5f4f4;
border:1px solid #CCCCCC;
padding: 7px;
}

#prod_info td{
border:1px solid #CCCCCC;
padding: 7px;
}





/*こだ・POPUP------------------------------------------ */
#popup {
	width:400px;
	margin:20px 0 0 20px;
	padding:0;
}

/* タグの初・*/
#popup p, h1, h2, h3, ul, li, dl, dt, dd {
	margin:0;
	padding:0;
}

#popup div#Head {
	position:relative;
	width:400px;
	height:35px;
	text-align:left;
	border-bottom:3px solid #FF0000;
	margin:0;
	padding:0 0 5px 0;
}

#popup div#Head div {
	float:right;
}

#popup div#Head h1 {
	float:left;
}

#popup div#Container {
	clear:both;
	width:360px;	
	text-align:left;
	margin:0 0 0 20px;
	_margin:0 0 0 0px;/*Win4-6*/
	padding:0;
}

#popup dl#Icon {
	clear:both;
	position:relative;
	width:360px;
	height:38px;
	margin:30px 0 15px 0;
	padding:0;
}

#popup dl#Icon dt {
	float:left;
	margin:0 10px 0 0;
}

#popup dl#Icon dd {
	float:left;
	font-size:16px;
	line-height:140%;
	color:#FF0000;
	text-align:left;
	margin:0 0 10px 0;
}

#popup dl#Icon dd h2 {
	width:310px;
	font-size:16px;
	font-weight:bold;
	line-height:140%;
	color:#333333;
}

#popup dl#Icon dd p {
	width:310px;
	font-size:12px;
	line-height:140%;
	color:#333333;
}

#popup p.Explanation {
	font-size:12px;
	line-height:140%;
	color:#333333;
	width:360px;
	margin:15px 0 15px 0;
}

#popup dl.Explanation {
	position:relative;
	width:360px;
	margin:15px 0;
	padding:0;
}

#popup dl.Explanation dt {
	font-size:12px;
	line-height:140%;
	font-weight:bold;
	color:#333333;
	margin:0;
	padding:0;
}

#popup dl.Explanation dd {
	font-size:12px;
	line-height:140%;
	color:#333333;
	width:360px;
	margin:10px 0 10px 0;
	padding:0;
}

#popup dl.Explanation dd ul {
	list-style-type:none;
	font-size:12px;
	line-height:140%;
	color:#333333;
	width:360px;
	margin:10px 0 0 0;
	padding:0;
}

#popup dl.Explanation dd li {
	background:url(../products/image/list_image.gif) no-repeat 0px 6px;
	margin:0 0 10px 0;
	padding:0 0 0 10px;
}

#popup dl.Explanation dd ul.small {
	list-style-type:none;
	font-size:12px;
	line-height:140%;
	color:#333333;
	width:360px;
	margin:5px 0 5px 0;
	padding:0;
}

#popup dl.Explanation dd ul.small li {
	background:url(../products/image/list_image.gif) no-repeat 0px 6px;
	margin:0;
	padding:0 0 0 10px;
}

/* アイコン*/
#popup div#IconAll {
	border:1px solid #CCCCCC;
	margin:10px 0 20px 0;
	padding:10px 0 0 0;
}

#popup div#IconAll ul {
	margin:0 0 10px 0;	
}

#popup div#IconAll li {
	list-style-type:none;
	margin-left:19px;
	padding:0;
	display:inline;
}

#popup div#Close {
	text-align:center;
}

#popup a#Btn_Close {
	font-size:12px;
	line-height:140%;
	font-weight:bold;
	color:#FF0000;
}
