/* #######################################################
 * ItemSearch_ver2.0.0
 * [Description]
 *	ItemSearch_ver2.0.0の検索結果画面のデザインを定義する.
 *
 * [Date]
 *	2007/10/02 ver0.0
 * #######################################################
 * index:
 * 1.ページ内メインボックスの定義
 * 2.ヘッダー内コンテンツのデザイン定義
 * 3.メインコンテンツ内コンテンツのデザイン定義
 * 4.サイドコンテンツ内コンテンツのデザイン定義
 *
 */

/*
 * 1.ページ内メインボックスの定義
 * 構成：
 * wrapper(header,container(sidecontents,maincontents),footer)
 */

/* ページコンテンツ全体 */
#wrapper {
	text-align: left;
	margin-left: auto;
	margin-right: auto;
	padding-left: 20px;
	padding-right: 20px;
}

/* コンテンツ全体（サイドコンテンツ + メインコンテンツ） */
#container {
	min-width: 700px;
}

/* メインコンテンツ */
#maincontents {
	width: 100%;
}

/* サイドコンテンツ */
#sidecontents {
	margin-right: 10px; 
	width: 240px;
}

/* フッター */
#footer {
	margin-top: 50px;
	text-align: center;
	width: 100%;
}

/*
 * 2.ヘッダ内コンテンツのデザイン定義
 */

h2#titlehead{
	padding:0.4em 0.5em;
	margin:0px 0px 5px 0;
	font-size:120%;
	height:100%;
	background:url(../images/bg_head3.gif) 0 bottom repeat-x;
	border-top:1px solid #CCCCCC;
	border-left:1px solid #CCCCCC;
	border-right:1px solid #CCCCCC;
	border-bottom:3px solid #3690f0;
}

#shoplist{
	position:relative;
}
#shoplist .titlehead_info{
	position:absolute;
	top:9px;
	right:15px;
}

#category{
	clear:both;
	width:100%;
	padding:0.2em 0;
}

#category .category_box{
	float:left;
	width:33%;
	height:100%;
	/*border-top:1px solid #CCCCCC;*/
	background:url(../images/dotline3.gif) 0 0 repeat-x;
	padding:5px 0;
}
.category_top{
	height:45px;
}
.category_top img{
	float:left;
	margin:0 4px 5px 3px;
}
.category_top p{
	padding:0.5em;
	margin:0 0.5em 0 0.5em;
	font-weight:bold;
	border-bottom:2px solid #3690f0;
}
.category_top p a{
	font-size:115%;
}

.category_box ul.category_s{
	margin:0 0.5em;
	padding:0.3em 0.5em;
	background:url(../images/itembg.gif) 0 center repeat-x;
	border:1px solid #DDDDDD;
	font-size:100%;
}
.category_box ul.category_s li{
	list-style:inside;
	list-style-type:disc;
}


.recomitem{
	margin:0.2em 0.5em 0.3em;
	padding:3px;
}
.recomitem p{
	margin:0.2em auto;

}
.recomitem a img{
	float:left;
	margin:0 5px 0 0;
	border:2px solid #DDDDDD;
}

.recomitem a:hover img{
	border:2px solid #EE4000;
}	
.recomitem ul{
	height:100%;
	text-align:left;
}
.recomitem li.itemname a{
	font-size:100%;
}
.recomitem li.price{
	color: #8B1A1A;
	font-size:100%;
	font-weight:bold;
}


/*
 * 3.メインコンテンツ内コンテンツのデザイン定義
 */

/* 検索結果 */
.shnavi {
	border-top: 1px solid #828282;
	border-bottom: 1px solid #828282;	
	padding:3px 0;
}
.shnavi span{
	font-weight:bold;
}


.buttonspace {
	margin-top:5px;
}

.goodsname {
	font-size: 110%;
	font-weight: bold;
}

#searchresult {
	border: 1px solid #CCCCCC;
	border-collapse: collapse;
}

#searchresult td{
	border: 1px solid #CCCCCC;
	border-collapse: collapse;
	height: 130px;
}

#searchresult tr:hover{
	background:#E8E8E8;
}

#searchresult th{
	background:url(../images/th_bg.gif) 0 center repeat-x;
	font-size: 110%;
	font-weight:bold;
	color: #FFFFFF;
}


#undersearchform {
	text-align: center;
	padding: 5px;
	margin: 30px 0 30px 0;
	background:url(../images/bg_head2.gif) 0 bottom repeat-x;
	border-top: 1px solid #828282;
	border-bottom: 1px solid #828282;
}

.linkchar a{
	font-weight:bold;
	font-size:120%;
	text-decoration:none;
}

/* サムネイル表示用 */
.result_thumbnail {
	text-align:center;
	width: 120px;
	margin: 0 10px 10px 0;
	overflow: hidden;
	padding: 5px;
	float:left;
	border: solid 1px #9C9C9C;
}

.result_thumbnail:hover {
	background:#E8E8E8;
}

.thumnail_image {
	text-align:center;
	height: 110px;
}

.thumnail_desc {
	font-weight: bold;
	height: 70px;
	overflow: hidden;
}

.action {
	text-align:left;
	overflow: hidden;
	height: 55px;
}

.action img{
	vertical-align: middle;
}


/*
 * 4.サイドコンテンツ内コンテンツのデザイン定義
 */
 
/* 絞り込み検索 */
#moresearch_box {
	margin: 0 0 10px 0;
	border: 1px solid #CCCCCC;
}

#moresearch_box th {
	margin:5px 0 0 0;
	padding:0.3em 0 0.3em 2px;
	background:url(../images/bg_head2.gif) 0 bottom repeat-x;
	border-bottom:2px solid #008B00;
	font-weight:bold;
	
}

#moreshop{width:50px;}
#moresearch{width:160px;}
.moreprice{width:55px;}


/* カテゴリテーブル */
.ranktable {
 	margin: 0 0 20px 0;
 	border: 1px solid #9370DB;          
}

/*
 * 5.その他
 */
 #linkcart {
 	text-align: right;
 }

/* ページャー */
.pager{
	margin:10px 5px;
	padding:0.1em 0.5em 0 0.2em;
}

.pager b{
	border:1px solid #ff4da6;
	background:#ff80c0;
	color:#FFFFFF;
	padding:4px 7px;
	margin:0 1px;
}

.pager a{
	border:1px solid #ff4da6;
	background:#ffd2e9;
	padding:4px 7px;
	margin:0 1px;
	font-size:12px;
}

.pager a:hover{
	background:#ffd2e9;
	color:#FFFFFF;
}


/* 検索結果ナビ */
ul.shnavi2{
	width:100%;
	margin:0 0 0.5em 0;
	padding:5px 3px;
	background:url(../images/bg_head2.gif) 0 bottom repeat-x;
	border-top:none;
	border-bottom:2px solid #0064e0;
	border-top:1px solid #CCCCCC;
}

ul.searnavi{
	width:700px;
	margin:0 0 0.5em 0;
	padding:5px 3px;
	background:url(./images/searchresult_bg.gif) 0 bottom repeat-x;
	border:1px solid #ff4da6;
}

ul.shnavi2 li,
ul.searnavi li{
	display:inline;
	margin:6px 2px 6px 0;
	padding:0 0.1em 0.1em 0.3em;
	border-right:1px solid #CCCCCC;
}

.searnavichar {
	font-size: 110%;
	font-weight: bold;
}

.category_name{
	text-decoration:underline;
}

.category_value{
	font-size:11px;
	text-decoration:none;
}

.subc_onoff {
	width:100%;
	text-align:right;
}

.item{
	border-bottom:1px solid #CCCCCC;
	margin:0;
	padding:10px 0;
}	



/* サイドコンテンツ */
#sh_category ul{
	margin:0;
	padding:0;
}

#sh_category li{	
	margin:0;
	border-top:none;
	border-right:1px solid #CCCCCC;
	border-bottom:1px solid #CCCCCC;
}

#sh_category li a{
	display:block;
	padding:0.5em 0.3em;
	margin:0;
	background:#FFFFFF;
	border-left:5px solid #CCCCCC;
}

#sh_category li a:hover{
	display:block;
	padding:0.5em 0.3em;
	margin:0;
	background:#C1FFC1;
	border-left:5px solid #2E8B57;
}
	

#sidecontents h3{
	position:relative;
	margin:0 0 0 0;
	padding:0.3em 0 0.3em 2px;
	background:url(../images/bg_head2.gif) 0 bottom repeat-x;
	border-left:5px solid #0064e0;
	border-right:1px solid #CCCCCC;
	border-top:1px solid #CCCCCC;
	font-weight:normal;
	width:232px;
}

#sidecontents h3 a{
	margin:2px;
	
}
#sidecontents h3 img{
	vertical-align:middle;
	margin:3px 1px;
}

/* ナビゲーション */
.flag{
	position:absolute;
	top:6px;
	right:6px;
}

/*　全ショップ　*/
.shoptable{
	border:1px solid #CCCCCC;
	margin:0 auto 10px;
}

.tablehead{
	background:url(../images/tablehead_bg.gif) 0 0 repeat-x;
}
.shoptable td{
	padding:3px 3px 7px;
	border-bottom:1px solid #CCCCCC;
}

.shopnum{
	padding:5px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:15px;
	font-weight:bold;
	color:#999999;
	background:#F5F5F5;
	text-align:center;
}

.item{
	border-bottom:1px solid #CCCCCC;
	margin:0;
	padding:10px 0;
}	

/* カート内No */
.shopnum{
	padding:5px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:15px;
	font-weight:bold;
	color:#999999;
	background:#F5F5F5;
	text-align:center;
}



/*　人気キーワード　*/
.keytable{
	margin:0 auto 10px;
}

.keytable td{
	font-family:Arial, Helvetica, sans-serif;
	font-size:15px;
	font-weight:bold;
}

.keytable a{
	font-weight:bold;
	font-size:110%;
	text-decoration:none;
	line-height: 1.8;
}

.keytable a:hover{
	font-weight:bold;
	font-size:110%;
	text-decoration:none;
	line-height: 1.8;
}

.keytable a:visited{
	font-weight:bold;
	font-size:110%;
	text-decoration:none;
	line-height: 1.8;
}