@charset "utf-8";

/*++++++++++++++++++++++++++++++++++++++
+	Editor : KOH TANAKA [ B-shop ]
+	2008.05.05
+   website : http://www.b-shop.cc/
+
+   ItemSearch[Common] CSS-Style
+++++++++++++++++++++++++++++++++++++++++*/


/*[ STR ]*/
div.item{
		width      : 85%;
		text-align : left;
		margin     : 4em auto 3em auto;
}

#foot{
		clear      : both;
		background : #eaeaea;
		text-align : center;
		height     : 6em;
		margin     : 2em 0 0 0;
		padding    : 1.5em 0;
		border-top : solid 1px #dcdcdc;
}

#empty{
		width  : 95%;
		height : 300px;
}

.page_box_btm{
		margin-top   : 2em;
}
.page_box_top{
		margin-bottom : 2em;
}
/**/








/*[ BASIC ]*/
body {
	margin      : 0;
	padding     : 0;
	text-align  : center;
	color       : #777777;
	font-family : 
				'繝偵Λ繧ｮ繝惹ｸｸ繧ｴ Pro W4', 'Hiragino Maru Gothic Pro',
			 	'Osaka','繝｡繧､繝ｪ繧ｪ',Meiryo,'�ｭ�ｳ �ｰ繧ｴ繧ｷ繝�け',sans-serif;
}

a img {
	border : none;
}

a:hover {
	text-decoration : none;
}


h3 {
    margin  : 0;
    padding : 0.5em;
    border  : solid 1px #ccc;    
}

li b{
    color       : #990000;
    font-weight : bold;
}

div.clear {
	clear : both;
}

h1 {
	margin  : 0;
	padding : 0;
}

h1,h2,h3{color : #444444;}


h2.type_2,
h3.type_2 {
	clear      : both;
	background : #efefef url("/i/h2_bg.gif") repeat-x;
	margin     : 0;
	padding    : 8px 10px;
	color      : #444444;
}


h2.type_2 a,
h3.type_2 a{
	color           : #444;
	text-decoration : none;
}

h2.type_2 a:hover,
h3.type_2 a:hover {
	text-decoration : underline;
} 

h2.type_2 span.main,
h3.type_2 span.main {
	padding     : 5px 4px;
	border-left : 4px solid #E67377;
}

h2.type_2 span.sub,
h3.type_2 span.sub {font-size : 60%;}

a:hover img.bd {border : solid 1px #0A8EDF;}
a img.bd,
img.bd {border : solid 1px #aaa;}
/**/








/*[ Page-Area ]*/
.page{
	width      : 800px;
	margin     : 0 auto;
	text-align : center;
}

.page_3{
	width      : 700px;
	margin     : 1em auto;
	padding    : 3px;
	text-align : center;
}

.page_3 span.current{
	padding         : 0.3em 1em;
	background      : #d4d5c2;
	color           : #fff;
	font-weight     : bold;
	text-decoration : none;
	border-top      : solid 1px #dcdcdc;
	border-bottom   : solid 1px #dcdcdc;
	border-left     : solid 1px #fff;
	border-right    : solid 1px #fff;
}


.page span.current{
	padding     : 2px;
	background  : #ffcc00;
	color       : #fff;
	border      : solid 1px #efefef;
	line-height : 150%;
}


.page a,
.page_3 a {
	border          : solid 1px #dcdcdc;
	background      : #d4d5c2;
	color           : #fff;
	text-decoration : none;
	padding         : 2px;
	line-height     : 150%;
}

.page_3 a {padding : 0.3em 1em;}

.page a:hover,
.page_3 a:hover
{background : #ffcc00;}
.page_3 a.next{}
.page_3 a.prev{}

p.page_navi_400 {
	color      : #990000;
	font-size  : 80%;
	text-align : center;
}
/**/














/*[ TAB-AREA ]*/
#tab_area {
	margin     : 2em auto 0 auto;
	padding    : 0;
	width      : 850px;
	text-align : left;
	zoom       : 1;
}
#tab_area:after {
	clear      : both;
	content    : ".";
	visibility : hidden;h;
	display    : block;
	height     : 0;
}

#tab_area ul {
	margin     : 0;
	padding    : 0;
	width      : 850px;
	list-style : none;
}
#tab_area li {
	float       : left;
	line-height : 100%;
	padding     : 0.4em 0.7em;
}

#tab_area li a {
	margin-right : 0.5em;
	line-height  : 100%;
	padding      : 0.4em 0.7em;
	border-top   : solid 1px #efefef;
	border-left  : solid 1px #efefef;
	border-right : solid 1px #efefef;
	color        : #fff;
	font-weight  : bold;
	font-size    : 90%;
	text-decoration : none;
}
#tab_area li a.current,
#tab_area li a:hover {
	border-top   : solid 1px #ccc;
	border-left  : solid 1px #ccc;
	border-right : solid 1px #ccc;
}

/*CurrentStyle*/
#tab_area li a.current {padding-top     : 0.7em;}
#tab_area li a:hover   {text-decoration : none;}

/*Catalog(LS)*/
#tab_area li.category a       {background : #7fae13;}
#tab_area li.category a:hover {background : #aad44c;}
/*LS*/
#tab_area li.keyword a               {background : #aabed5;}
#tab_area li.keyword a:hover         {background : #336699;}
#tab_area li.keyword a.current       {background : #336699;}
#tab_area li.keyword a.current:hover {background : #6699cc;}
/*Amazon*/
#tab_area li.amazon a               {background : #d9ccaf;}
#tab_area li.amazon a:hover         {background : #f1b83d;}
#tab_area li.amazon a.current       {background : #f1b83d;}
#tab_area li.amazon a.current:hover {background : #ffcc00;}
/*Rakuten*/
#tab_area li.rakuten a               {background : #d2a4a4;}
#tab_area li.rakuten a:hover         {background : #cc0000;}
#tab_area li.rakuten a.current       {background : #cc0000;}
#tab_area li.rakuten a.current:hover {background : #eb0909;}
/*Yahoo*/
#tab_area li.yahoo a             {background : #c8a7d8;}
#tab_area li.yahoo a:hover       {background : #660099;}
#tab_area .yahoo a.current       {background : #660099;}
#tab_area .yahoo a.current:hover {background : #9220cb;}
/**/

















/*[ FORM ]*/
form {
	margin     : 0;/*IE6*/
	padding    : 0 0 1em 0;
	text-align : center;
}

div#form_area {/*background */
	margin        : 0 0 5px 0;
	padding       : 0.1em 5em;
	text-align    : left;
	border-top    : solid 1px #eee;
	border-bottom : solid 1px #eee;
}

input.keyword,
input.keywords {
	/*margin     : 0;*/
	/*padding    : 0;*/
	width      : 371px;/*[+ (-75)]  [- (+75)] */
	background : #f9f4d9;
/*	font-size  : 12px;
	height     : 16px;*/
}

input.keywords:focus {
	background : #eeeedd;
}

input.submit {
	margin  : 0;
	padding : 0;
	position:absolute;
	top : 22px;
	right:-77px;/*[+ (-75)]  [- (+75)] */
	display : block;
	width   : 200px;
	height  : 30px;
	/*background : red;*/
	float      : right;
	/*vertical-align : bottom;*/
}

form p.inline {/*(Rakuten->Form->option,)*/
	display     : inline;
	font-size   : 85%;
	margin-left : 1em;
}

form label {
	font-weight : bold;
	font-size   :85%;
	color       : #7c8791;
}
div#SearchBox500,
div#SearchBox500Case1,
div#SearchBox500Case2 /*YH*/{/*#CompactMenu & Btn */
	position:relative;
	margin   : 0 auto;
	padding  : 0;
	width    : 500px;
	/*background : pink;*/
}
div#SearchBox500:after,
div#SearchBox500Case1:after,
div#SearchBox500Case2:after {
	clear      : both;
	content    : ".";
	visibility : hidden;h;
	display    : block;
	height     : 0;
}


#CompactMenu,
#CompactMenuCase1,
#CompactMenuCase2 {/*Menu & Input_Box*/
	margin  : 0;
	padding : 0;
	width   : 300px;/*300*/
	float   : left;
	/*background :blue;*/
}
#CompactMenu ol,
#CompactMenuCase1 ol,
#CompactMenuCase2 ol{
	margin     : 0;
	padding    : 0;
	list-style : none;
	width      : 375px;/*375*/
}
#CompactMenu li,
#CompactMenuCase1 li,
#CompactMenuCase2 li{
	margin     : 0;
	padding    : 0;
	float      : left;
	width      : 73px;/*73*/
	font-size  : 10px;
	text-align : center;
}

#CompactMenu li a:hover,
#CompactMenuCase1 li a:hover,
#CompactMenuCase2 li a:hover {
	background  : #ffffff;
}
#CompactMenu li a:hover,
#CompactMenuCase1 li a:hover,
#CompactMenuCase2 li a:hover,
#CompactMenu li.current a,
#CompactMenuCase1 li.current a,
#CompactMenuCase2 li.current a {
	border-left  : solid 1px #dcdcdc;
	border-right : solid 1px #dcdcdc;
}
#CompactMenu li.current a,
#CompactMenu li.current a:hover,
#CompactMenuCase1 li.current a,
#CompactMenuCase1 li.current a:hover,
#CompactMenuCase2 li.current a,
#CompactMenuCase2 li.current a:hover {
	font-weight : bold;
	color       : #000000;
	background  : #ffffff url(/i/search/ar.gif) no-repeat center bottom;
}
#CompactMenu li a:hover,
#CompactMenuCase1 li a:hover,
#CompactMenuCase2 li a:hover {
	background : #ffffff;
}
#CompactMenu li a,
#CompactMenuCase1 li a,
#CompactMenuCase2 li a{
	margin          : 0;
	padding         : 5px 0;
	display         : block;
	width           : 100%;
	text-decoration : none;
}

/**/








/*[ RESULT-WORD ]*/
div.result_word{
	margin : 0.5em 0;
}

div.result_word p{
	margin    : 0;
	padding   : 0;
	color     : #000;
	font-size : 95%;
}
/**/






/*[ Items ]*/
td img.bd {/*ItemImage -> Top&Bottom-Margin*//*LS Rakuten Amazon*/
	margin : 0.5em auto;
}

p.imgset {
	margin  : 2px auto 1.5em auto;
	padding : 0;
	width   : 600px;
	background : #efefef;
	border     : solid 1px #cccccc;
	text-align : center;
}
p.imgset img{
	margin  : 0.5em auto;
	padding : 0;
}

/**/






/*[ PAGE-TOP_NAVIGATION ]*/
div.page_top {
	margin-top : 1em;
	width      : 90%;
	text-align : right;
	font-size  : 12px;
}

.page_top a {
	padding-left : 12px;
	background   : url(/i/search/page_top_12px.gif) no-repeat left center;
}
/**/






/*[ FOOTER-AREA ]*/
#foot address {
	font-size   : 80%;
	font-weight : bold;
	color       : #444;
	font-style  : normal;
}
/**/












/*[ Related-Area ]*/
#related_link ul {
	margin     : 5em auto 0 auto;
	padding    : 0;
	list-style : none;
	width      : 90%;
	text-align : left;
}

#related_link li {
	padding     : 0 10px 0 22px;
	font-weight : bold;
	display     : inline;
	font-size   : 75%;
	background  : #fff url(../i/pr_20_13.gif) no-repeat left center;
}

#related_link li a{
	text-decoration : none;
}

#related_link li a:hover{
	text-decoration : underline;
}
/**/