@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;
}

/*
ブランド----------------------*/
.category{
	width:600px;
	margin:0 auto 20px !important;
	vertical-align:middle;
	background:#f9f9f9;
	}
.category .left{float:left;}
.category .right{float:right;}



.puo{border-bottom:dotted 1px #09a1e8;}
.mental{border-bottom:dotted 1px #ef59a1;}
.figical{border-bottom:dotted 1px #63b931;}
.categoryttl{
	margin-left:17px;
	width:645px; 
	height:15px;
	padding-bottom:20px;
	clear:both;
	background:#fff;
	display:block;
	bacground:#fff;
	}
#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;
	background:url(../images/bg_frmBrand_middle.gif) repeat-y;
	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;
	margin-bottom:15px;
	background:url(../images/bg_frmBrand_top.gif) left top no-repeat;
}
#brand_name .bottom{
	padding-top:10px;
	width: 642px;
	height: 5px;
	background:url(../images/bg_frmBrand_bottom.gif) left bottom no-repeat;
}

#brand_name ul{
	clear: both;
	margin: 5px 0 20px 30px;
	_margin: 0 0 20px 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;
	_height: 24px;
	margin: 0 0 20px 30px;
	_margin: 0 0 5px 30px;
	overflow: hidden;
}


#brand_name ul li {
	float: left;
	width: 190px;
	padding:1px 0 5px 12px;
	background:url(../images/blt_arro_red.png) left center no-repeat;
	background-position:0px 5px;
}
#brand_name ul .ttl_figical{
	float:none !important;
	clear:both;
	background:none;
	padding:0;
	font-weight:bold;
	line-height:200%;
	color:#63b931;}

/* 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;*/
}

#brand_box li.short{
	width: 140px;
}
#brand_box li.midle{
	width: 165px;
}
#brand_box li.long{
	width: 240px;
}

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

#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) ;
	background-repeat: no-repeat;
	background-position:0px 5px;
}

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 .totop {
	width:635px;
    text-align:right;
    margin: 0px 0px 40px 16px;
}
#search_body .totop a{
	 font-size: 11px;
	padding-left: 10px;
    background: url(../images/arw_totop_01.gif) no-repeat scroll left center transparent;
}




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

.brand02{
background:url(../images/tit_br_junkan.gif) left top no-repeat;}

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

.brand04{
background:url(../images/tit_br_umikan.gif) left top no-repeat;}

.brand05{
background:url(../images/tit_br_kenkokan_v01.gif) left top no-repeat;}

.brand06{
background:url(../images/tit_br_miaw_v01.gif) left top no-repeat;}

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

.brand07_2{
background:url(../images/tit_br_cv_v01.gif) left top no-repeat;}

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

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

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

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

.brand12{
background:url(../images/tit_br_gin.gif) left top no-repeat;}

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

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

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

.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;}

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

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


.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: 81px;}

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

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

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

.brand27{
background:url(../images/tit_br_quartet.gif) left top no-repeat;
height: 81px;}

.brand28{
background:url(../images/tit_br_nekonooukoku.gif) left top no-repeat;
height: 81px;}

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

.brand30{
background:url(../images/tit_br_syusyu.gif) left top no-repeat;
height: 81px;}

.brand31{
background:url(../images/tit_br_kima.gif) left top no-repeat;}


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


.brand33{
	height: 85px;
	background-image: url(../images/tit_br_oyatsu.gif);
	background-repeat: no-repeat;
	background-position: left top;
}


.brand34{
	height: 85px;
	background-image: url(../images/tit_br_dogmom.gif);
	background-repeat: no-repeat;
	background-position: left top;
}

.brand35{
	height: 85px;
	background-image: url(../images/tit_br_osakana.gif);
	background-repeat: no-repeat;
	background-position: left top;
}

.brand36{
	height: 85px;
	background-image: url(../images/tit_br_catmom_NEW.gif);
	background-repeat: no-repeat;
	background-position: left top;
}

.brand37{
	height: 85px;
	background-image: url(../images/tit_br_bief.gif);
	background-repeat: no-repeat;
	background-position: left top;
}

.brand50{
	height: 85px;
	background-image: url(../images/tit_br_iitoko_v01.gif);
	background-repeat: no-repeat;
	background-position: left top;
}

/*
フィー・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_top, .paging_bottom{
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;
min-height:125px;
_height: 125px;
text-align:center;
/*background:#CCCCCC;*/
}

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

.thumb_btn{
}



#prd_info{
float: left;
width:420px;
/width:auto;
_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:90%;
	margin:20px auto 0;
	padding:0;
}

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

#popup div#Head {
	position:relative;
	width:100%;
	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:100%;	
	text-align:left;
	_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:100%;
	margin:15px 0 15px 0;
}

#popup dl.Explanation {
	position:relative;
	width:100%;
	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:100%;
	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:100%;
	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;	
}

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

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

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

/*-----clearfix-----------*/
/**
 * A new micro clearfix hack ? Nicolas Gallagher
 * http://nicolasgallagher.com/micro-clearfix-hack/
 */
.clearfix:before,
.clearfix:after {
    content: " ";
    display: table;
}
 
.clearfix:after {
    clear: both;
}
 
.clearfix {*zoom: 1; /* for IE 6/7 only */}




.side_txt {
	margin: 5px 0;
	float: left;
	padding-left: 10px;
	color: #666;
}