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

	カーゲート　トップページ

///////////////////////////////////////////////////////////////*/

.clearfix:after {
	content: " ";
	display: block;
	clear: both;
	visibility: hidden;
	height: 0;
	font-size:0;
}
.clearfix { display: inline-block; }
/* \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* */


/* 汎用クラス
------------------------------------------------------------------*/
.rollover:hover {/* ロールオーバー */
	filter: alpha(opacity=70);
	opacity: 0.7;
	zoom: 1;
}

/* ===============================================
	 ヘッダ
 ============================================== */

#cp_nav {
	margin: 10px 0 10px;
	padding-bottom: 5px;
	background: url(/public/img/item/common/nav_bg.png) no-repeat 0 0;
	text-align: left;
}
#cp_nav h2,
#cp_nav h3 {
	float: left;
}
#cp_nav h3 {/* コピー */
	display: inline;
	margin: 0;
	margin-left: 7px;
}
dl#gnav {
	clear: both;
	height: 88px;
	margin-bottom: 7px;
	padding-left: 4px;
	background: url(/public/img/item/cg/menu/nav.png) no-repeat 4px 32px;
}
dl#gnav dt {/* テキスト */
	height: 32px;
}

/* ===============================================
	 ナビゲーション
 ============================================== */
 
dl#gnav dd {
	float: left;
	width: 64px;
	height: 56px;
	text-indent: -9999px;
}
dl#gnav dd a {
	display: block;
	width: 64px;
	height: 56px;
	background: url(/public/img/item/cg/menu/nav.png) no-repeat;
}
dl#gnav dd.bt_gnav01 a {	background-position: 0 0; }/* 片開き */
dl#gnav dd.bt_gnav02 a {	background-position: -64px 0; }/* 両開き */
dl#gnav dd.bt_gnav03 a {	background-position: -128px 0; }/* 親子片開き */
dl#gnav dd.bt_gnav04 a {	background-position: -192px 0; }/* 親子両開き */
dl#gnav dd.bt_gnav05 a {	background-position: -256px 0; }/* はね上げ */
dl#gnav dd.bt_gnav06 a {	background-position: -320px 0; }/* はね上げワイド */
dl#gnav dd.bt_gnav07 a {	background-position: -384px 0; }/* 引戸 */
dl#gnav dd.bt_gnav08 a {	background-position: -448px 0; }/* ペットガード */
dl#gnav dd.bt_gnav09 a {	background-position: -512px 0; }/* 傾斜地用 */
/* rollover */
dl#gnav dd.bt_gnav01 a:hover,
dl#gnav dd.selected01 a {	background-position: 0 -56px; }/* 片開き */
dl#gnav dd.bt_gnav02 a:hover, 
dl#gnav dd.selected02 a {	background-position: -64px -56px; }/* 両開き */
dl#gnav dd.bt_gnav03 a:hover,
dl#gnav dd.selected03 a {	background-position: -128px -56px; }/* 親子片開き */
dl#gnav dd.bt_gnav04 a:hover,
dl#gnav dd.selected04 a {	background-position: -192px -56px; }/* 親子両開き */
dl#gnav dd.bt_gnav05 a:hover,
dl#gnav dd.selected05 a {	background-position: -256px -56px; }/* はね上げ */
dl#gnav dd.bt_gnav06 a:hover,
dl#gnav dd.selected06 a {	background-position: -320px -56px; }/* はね上げワイド */
dl#gnav dd.bt_gnav07 a:hover,
dl#gnav dd.selected07 a {	background-position: -384px -56px; }/* 引戸 */
dl#gnav dd.bt_gnav08 a:hover,
dl#gnav dd.selected08 a {	background-position: -448px -56px; }/* ペットガード */
dl#gnav dd.bt_gnav09 a:hover,
dl#gnav dd.selected09 a {	background-position: -512px -56px; }/* 傾斜地用 */


/* 探すボタン３つ */
#cp_nav ul {
	float: left;
	width: 355px;
	margin-bottom: 6px;
	padding-left: 4px;
}
#cp_nav ul li {
	float: left;
	padding-right: 5px;
}



/* ===============================================
	売れ筋商品
 ============================================== */

h2 {/* エンジ色見出し */
	margin: 15px auto 10px;
}
.item h3 {
	margin: 0 auto;
}
.item p.explain {
	text-align: left;
}

#RankingOf3cate ol li {
	text-align: left;
}

#centerColumn {
	margin-bottom: 20px;
	text-align: left;
}

.gardenAlmighty {/* ガーデンプラスのバナー */
	margin: 20px auto;
}

.EOYrecoms {
	margin: 10px auto !important;
}

#RankingOf3cate li.caption {
	text-align: center !important;
}

/* 商品検索機能
------------------------------------------------------------------*/
#cp_search {
	margin-bottom: 20px;
	padding-bottom: 6px;
	background: url(/public/img/item/cp/menu/bg_cp_search.png) no-repeat 0 0;
}
#cp_search h3 {
	float: left;
	margin: 0;
}
#cp_search p {
	float: right;
}
dl#search_nav {
	clear: both;
	padding-left: 14px;
}
dl#search_nav dt {
	height: 18px;
	margin-bottom: 5px;
	padding-top: 14px;
}
dl#search_nav dt img {
	margin-right: 20px;
}
dl#search_nav dd {
	float: left;
	height: 55px;
	margin-right: 5px;
}
dl#search_nav dd.option {
	height: 24px;
}

#cp_search ul {
	margin-top: 4px;
	margin-left: 8px;
}
#cp_search ul li {
	float: left;
	margin-right: 5px;
}

/* その他関連商品
---------------------------------------------------------*/
ul#link_item {
	margin: 10px 0;
	margin-left: 3px;
}
ul#link_item li {
	float: left;
	width: 186px;
	margin: 0 4px;
}

/* 個性派商品
---------------------------------------------------------*/
.specialItem h3 {
	margin:  0;
}

div#related_search_links h4.search_type {
    background: url("/public/img/item/cp/menu/related_search_links_h4_joken.jpg") no-repeat scroll left top transparent;
}
.search_type {
	
}

/* 見出し変更 2013/10/09
------------------------------------------------------------------------*/
#cp_nav h1 {
	float: left;
}

/* css/sp/cp.cssから必要箇所のみ抽出 #241
------------------------------------------------------------------------*/
div.EOYrecoms{
	text-align:center;
	margin:12px auto;
	padding-bottom:9px;
	background-image:url(/public/img/sp/cp/gridBg04.png);
	text-align:center;
}
div.EOYrecoms h3{
	margin:0px;
	padding:0px;
	padding-bottom:9px;
	height:49px;
	background-color:#FFFFFF;
	margin-bottom:9px;
}
ul.EOYrecomList{
	width:560px;
	margin:0px auto;
	height:235px;
	border:1px solid #ccc;
	line-height:0;
}
ul.EOYrecomList li{
	float:left;
	width:187px;
	overflow:hidden;
}
ul.EOYrecomList li.list03 , ul.EOYrecomList li.list06 , ul.EOYrecomList li.list09{
	width:186px;
}
ul.EOYrecomList li a img{
	margin:0px;
	padding:0px;
}
ul.EOYrecomList li{
	background:#fff;
}

/* 絞り込み検索 #241
------------------------------------------------------------------------*/
#item_filter_search {
	margin-bottom: 19px;
}
/* ランキング部分スプライト化
------------------------------------------------------------------------*/
#cate_ranking_top5 h3,
#cate_ranking_top5 .menu_ranking_top5 ol li dl dt {
  background: url("/public/img/img_top/ranking/cg/sprite_cg_ranking.png?2023100200") no-repeat 0 0;
}

/* 豊富な品ぞろえ！デザイン別 お買い得商品はこちら
------------------------------------------------------------------------*/
div.item_recommend {
  margin: 10px auto;
  text-align:center;
}
div.item_recommend h3 {
  overflow: hidden;
  height:46px;
  margin:0px;
  margin-bottom:11px;
  padding:0px;
  background: url("/public/img/item/cg/menu/sprite_cg_recommend.png") no-repeat 0 0 #fff;
  text-indent: 100%;
  white-space: nowrap;
  *text-indent: -9999px;/* IE7 */
}
ul.item_recommend_list {
  width:562px;
  margin:0px auto;
  padding: 9px 11px;
  background-image:url(/public/img/sp/cp/gridBg04.png);
  line-height:0;
}
ul.item_recommend_list li {
  float:left;
  width:187px;
  overflow:hidden;
  background:#fff;
  border: 1px solid #ccc;
}
ul.item_recommend_list li.list03,
ul.item_recommend_list li.list06{
  width:186px;
}
ul.item_recommend_list li.list01 { border-right: none; border-bottom: none;}
ul.item_recommend_list li.list02 { border-right: none; border-bottom: none; border-left: none;}
ul.item_recommend_list li.list03 { border-bottom: none; border-left: none;}
ul.item_recommend_list li.list04 { border-top: none; border-right: none;}
ul.item_recommend_list li.list05 { border-top: none; border-right: none; border-left: none;}
ul.item_recommend_list li.list06 { border-top: none; border-left: none;}

ul.item_recommend_list li a {
  overflow: hidden;
  display: block;
  height: 235px;
  background: url("/public/img/item/cg/menu/sprite_cg_recommend.png") no-repeat 0 0;
  text-indent: 100%;
  white-space: nowrap;
  *text-indent: -9999px;/* IE7 */
}
ul.item_recommend_list li a:hover {
  filter: alpha(opacity=50);
  opacity: 0.5;
  -moz-opacity: 0.5;
}
ul.item_recommend_list li.list01 a {  background-position: 0px -46px;}
ul.item_recommend_list li.list02 a {  background-position: -187px -46px;}
ul.item_recommend_list li.list03 a {  background-position: -374px -46px;}
ul.item_recommend_list li.list04 a {  background-position: 0px -281px;}
ul.item_recommend_list li.list05 a {  background-position: -187px -281px;}
ul.item_recommend_list li.list06 a {  background-position: -374px -281px;}

/* ランキング部  strong
------------------------------------------------------------------------*/
#cate_ranking_top5 .menu_ranking_top5 ol li dl dd p.item_name a strong.top-mg {
	top: 120px;
}