/*
# $Header:$
# $Log:$
*/
/************************************************************************/
/* Copyright MonotaRO (c) 2007. All right reserved.			*/
/*----------------------------------------------------------------------*/
/* 2007/10/02	Created by T.Nakamura					*/
/*									*/
/* モジュール名	カテゴリ一覧用スタイルシート				*/
/*									*/
/************************************************************************/

/************************************************************************/
/* 共通									*/
/************************************************************************/
/* エラーメッセージ							*/
/*----------------------------------------------------------------------*/

p.cl_errmsg {
    font-color:			red;
    font-size:			large;
}

div.cl_float_clear {
    clear:			both;
}

/*----------------------------------------------------------------------*/
/* 未訪問リンク								*/
/*----------------------------------------------------------------------*/

a.cl_link:link {
    background:			transparent;
    text-decoration:		none;
}

/*----------------------------------------------------------------------*/
/* 訪問済リンク								*/
/*----------------------------------------------------------------------*/

a.cl_link:visited {
    background:			transparent;
    text-decoration:		none;
}

/*----------------------------------------------------------------------*/
/* リンクマウスオーバー							*/
/*----------------------------------------------------------------------*/

a.cl_link:hover {
    background:			lightgrey;
    text-decoration:		underline;
}

/*----------------------------------------------------------------------*/
/* リンクの瞬間								*/
/*----------------------------------------------------------------------*/

a.cl_link:active {
    background:			lightgrey;
    text-decoration:		underline;
}

/************************************************************************/
/* キーワード検索入力部							*/
/************************************************************************/
/* ブロック								*/
/*----------------------------------------------------------------------*/

div.cl_search_box {
    text-align:			center;
    vertical-align:		middle;
    margin-top:			10px;
}

/************************************************************************/
/* 親カテゴリ一覧部							*/
/************************************************************************/
/* ブロック								*/
/*----------------------------------------------------------------------*/

div.cl_parents_block {
    text-align:			left;
    vertical-align:		middle;
}

/*----------------------------------------------------------------------*/
/* カテゴリ名								*/
/*----------------------------------------------------------------------*/

strong.cl_parents_name {
    font-weight:		normal;
    font-size:			small;
}

/************************************************************************/
/* カテゴリタイトル部							*/
/************************************************************************/
/* カテゴリタイトル							*/
/*----------------------------------------------------------------------*/

h1.cl_category_title {
    font-size:			x-large;
    font-weight:		bold;
    text-align:			left;
    width:			100%;
    border:			1px solid #ddddbb;
    background-color:		#eeeecc;
    margin-top:			10px;
    margin-bottom:		10px;
}

/************************************************************************/
/* 子カテゴリ部								*/
/************************************************************************/
/* ラベル								*/
/*----------------------------------------------------------------------*/

h4.cl_child_label {
    font-size:			medium;
    font-weight:		bold;
    text-align:			center;
    width:			100%;
    border:			0px;
    margin-top:			10px;
    margin-bottom:		0px;
}

/*----------------------------------------------------------------------*/
/* 全体ブロック								*/
/*----------------------------------------------------------------------*/

table.cl_child_block {
    text-align:			left;
    width:			auto;
}

/*----------------------------------------------------------------------*/
/* ノードブロック							*/
/*----------------------------------------------------------------------*/

td.cl_child_node {
    width:			195px;
    height:			4em;
    text-align:			left;
    vertical-align:		middle;
    border:			1px solid gray;
    margin:			1px;
}

/*----------------------------------------------------------------------*/
/* カテゴリアイコン							*/
/*----------------------------------------------------------------------*/

img.cl_child_icon {
    width:			43px;
    height:			43px;
    border:			0px;
    margin:			0px;
}

/*----------------------------------------------------------------------*/
/* カテゴリ名								*/
/*----------------------------------------------------------------------*/

strong.cl_child_name {
    vertical-align:		middle;
    font-weight:		bold;
    font-size:			small;
}

/*----------------------------------------------------------------------*/
/* カテゴリ名のセル							*/
/*----------------------------------------------------------------------*/

td.cl_child_name {
    text-align:			left;
    vertical-align:		middle;
}

/************************************************************************/
/* 商品一覧部								*/
/************************************************************************/
/* 並び替え								*/
/*----------------------------------------------------------------------*/

div.cl_sorter {
    text-align:			right;
    margin-top:			0.5em;
    float:			right; 
}

/*----------------------------------------------------------------------*/
/* ブロック								*/
/*----------------------------------------------------------------------*/

div.cl_product_node {
    text-align:			left;
    margin-top:			3px;
    margin-bottom:		10px;
    padding:			1px 0px 0px 0px;
    border:			1px solid #808080;
    border-color:		#c3d9ff;
    border-left:		none;
    border-right:		none;
    font-size:			small;
}

/*----------------------------------------------------------------------*/
/* 親カテゴリリスト							*/
/*----------------------------------------------------------------------*/

div.cl_parents_name{
    margin-bottom:		0.5em;
}

span strong.cl_parents_name{
    font-weight:		bold;
    font-size:			x-small;
}

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

strong.cl_brand_name {
    font-weight:		normal;
    font-size:			small;
    color:			gray;
}

/*----------------------------------------------------------------------*/
/* 商品点数・出荷目安アイコン						*/
/*----------------------------------------------------------------------*/

div.cl_item_count {
    float:			right;
    text-align:			right;
    margin-left:		20px;
    color:			#65804d;
}

/*----------------------------------------------------------------------*/
/* 商品画像								*/
/*----------------------------------------------------------------------*/

img.cl_product_img {
    float:			left;
    margin-right:		10px;
}

/*----------------------------------------------------------------------*/
/* 商品名								*/
/*----------------------------------------------------------------------*/

strong.cl_product_name {
    font-weight:		bold;
    font-size:			small;
}

/*----------------------------------------------------------------------*/
/* 販売価格								*/
/*----------------------------------------------------------------------*/

span.cl_price {
    padding-left:		3px;
    color:			#ff0000;
    font-weight:		bold;
    font-size:			small;
}

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

h4.cl_search_product {
  text-align: left;
  background-color: #eeeecc;
  margin: 0.4em 0;
  padding: 0.2em 0 0.2em 0.2em;
  color: #444444;
  font-size: 105%;
}

/************************************************************************/
/* ページカウンタ部							*/
/************************************************************************/
/* ブロック								*/
/*----------------------------------------------------------------------*/

div.cl_page_counter {
    text-align: right;
	margin:0;
}

/************************************************************************/
/* ページセレクタ部							*/
/************************************************************************/
/* ブロック								*/
/*----------------------------------------------------------------------*/


div.cl_page_selector {
    width:			100%;
    border:			0px;
    background-color:#F5F5F5;
    font-size:	150%;
				margin:5px;
				padding:3px;
    text-align:			center;
    vertical-align:		middle;

}
div.cl_page_selector a{
text-decoration:none;
padding:2px 15px;
border:1px solid #CCCCCC;
}


div.cl_page_selector a:link,
div.cl_page_selector a:visited {
text-decoration:none;
background:#FFFFFF !important;
}
div.cl_page_selector a:hover{
text-decoration:none;
}

/*----------------------------------------------------------------------*/
/* 移動ボタン画像							*/
/*----------------------------------------------------------------------*/

img.cl_page_selector {
    text-align:			center;
    vertical-align:		middle;
    border:			0px;

}

/************************************************************************/
/* カテゴリ名検索							*/
/************************************************************************/
/* カテゴリ名検索							*/
/*----------------------------------------------------------------------*/

#pl_load {
  margin: 0.7em 0;
}

img.pl_loader {
  margin: 6em 0;
}

div.pl_main {
  text-align: left;
}

div.pl_main p {
  margin: 0.5em;
}

div.pl_main p img {
  width: 1.5em;
  height: 1.5em;
  vertical-align: middle;
}

div.pl_more_list {
  text-align: right;
  margin-top: 0.5em;
}

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

div.pl_main h4 {
  background-color: #eeeecc;
  margin: 0.4em 0;
  padding: 0.2em 0 0.2em 0.2em;
  color: #444444;
  font-size: 105%;
}

/*----------------------------------------------------------------------*/
/* ページカウンタ部							*/
/*----------------------------------------------------------------------*/

div.pl_page_counter {
    font-size: 80%;
    text-align: left;
    margin-bottom: 0.5em;
}

div.pl_page_counter span {
    font-weight: bold;
}

/*----------------------------------------------------------------------*/
/* 未訪問リンク								*/
/*----------------------------------------------------------------------*/

a.pl_link:link {
    background:			transparent;
    text-decoration:		none;
}

/*----------------------------------------------------------------------*/
/* 訪問済リンク								*/
/*----------------------------------------------------------------------*/

a.pl_link:visited {
    background:			transparent;
    text-decoration:		none;
}

/*----------------------------------------------------------------------*/
/* リンクマウスオーバー							*/
/*----------------------------------------------------------------------*/

a.pl_link:hover {
    background:			lightgrey;
    text-decoration:		underline;
}

/*----------------------------------------------------------------------*/
/* リンクの瞬間								*/
/*----------------------------------------------------------------------*/

a.pl_link:active {
    background:			lightgrey;
    text-decoration:		underline;
}

strong.pl_parents_name{
    font-weight:		normal;
    font-size:			x-small;
}

/************************************************************************/
/* 誘導検索リンク							*/
/************************************************************************/
/* 誘導検索リンク							*/
/*----------------------------------------------------------------------*/

#cl_inducer {
  margin: 0.7em 0;
}

#cl_inducer a:hover {
  background: lightgrey;
}

#cl_inducer a {
  margin: 0 0.5em;
}

/************************************************************************/
/* 印刷用								*/
/************************************************************************/
/* 印刷プレビュー							*/
/*----------------------------------------------------------------------*/

@media print{
  #dmain_left{
    display: none;
  }
}

/************************************************************************/
/* カテゴリ特価バナー							*/
/************************************************************************/
/* カテゴリ特価バナー							*/
/*----------------------------------------------------------------------*/

#cl_sp_main {
  width: 650px;
  margin-bottom: 5px;
}

span.cl_sp_bold {
  font-weight: bold;
}

span.cl_sp_date {
  font-size: 150%;
}

span.cl_sp_cname {
  font-size: 150%;
}

span.cl_sp_red {
  color: #ff0000;
}

p.cl_sp_campcode {
  text-align: left;
  font-size: 130%;
  font-weight: bold;
  margin: 0.5em;
}

span.cl_sp_campcode {
  font-size: 165%;
  border-color: #ff6666;
  border-style: solid;
  border-width: 2px;
  background-color: #ffcccc;
}

span.cl_sp_campcode_even {
  background-color: #ffeeee;
  padding: 0;
}

span.cl_sp_campcode_odd {
  padding: 0;
}

img.cl_sp_campcode {
  vertical-align: middle;
}

img.cl_sp_today {
  vertical-align: bottom;
  width: 59px;
  height: 31px;
}

img.cl_sp_off {
/*  width: 390px;*/
/* height: 80px;*/
}

img.cl_sp_item {
/*  width: 204px;*/
/*  height: 80px;*/
}

/* キャンペーンコードご利用方法 */
.use{
	text-align:left;
	line-height:1.5em;
	margin:10px;
}

.mark{
	padding:2px 5px; display:inline;
	color: #ffffff; background-color: #CC0000;
}



/************************************************************************/
/* 画像検索画面CSS							*/
/************************************************************************/

.img_search table {
  margin: 0;
}

.img_search tr {
  margin: 2px;
}

.img_search td {
  width: 160px;
  text-align: center;
  vertical-align: top;
  padding: 2px 2px;
}

.img_search_img {
  width: 150px;
  height: 150px;
  display: block;
  border: 1px solid #0000FF;
}

.img_search_txt {
  display: block;
  border: 1px solid;
}

.img_search b {
  text-decoration: underline;
  color: #0000FF;
}

.img_search a:link,.img_search a:visited {
  display: block;
  padding: 4px;
  text-decoration: none;
  color: #000000;
  background: #FFFFFF;
}

.img_search a:hover,.img_search a:active {
  display: block;
  padding: 4px;
  text-decoration: none;
  color: #FF0000;
  background: #EAEAEA;
}

.ViewSelect {
  text-align: left;
  padding: 0;
  margin:0;
  line-height:2em;
  margin:0;
}
.ViewSelectTitle{
color:#666666;
margin-left:5px;
}
.ViewSelectOption{
margin-right:10px;
}