@charset "UTF-8";

/* -------------------------------
RESET CSS
---------------------------------*/

html, body, div, span, applet, object,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
 caption, tbody, tfoot, thead, th, 
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-style:normal;
    font-weight: normal;
	font-size: 100%;
	vertical-align: bottom;
	list-style:none;
}	
	
#wrapperALL {
	width:1024px;
	height:100%; 
	margin:0 auto;
	overflow:hidden;
}

body {
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Lucida Grande", Verdana, "ＭＳ Ｐゴシック", sans-serif;
	border-top:2px solid #000; 
}

/* -------------------------------
header
---------------------------------*/
#header {
	width:100%; /*960px*/
	height:90px;
	vertical-align:middle;

}

#header h1 {
	font-size:24px;

}

/* -------------------------------
searchArea
---------------------------------*/
#searchArea {
	width:100%;/*960px*/
	height:55px;	
	background-color:#505050;
	margin-bottom:5px;
	border-top:2px solid black;
	border-bottom:2px solid black;

	border-right: 1px solid pink;
	
	vertical-align:middle;
}

/* -------------------------------
form
---------------------------------*/


input.search_box {
	padding:2px 5px; 
	font-size:1.3em; 
	font-family:Arial, sans-serif; 
	color:#000; 
	border:solid 1px #ccc; 
	margin:5px 8px 0px 25px; 
	width:500px;
	height:30px;
	
	vertical-align: middle;
	
	-webkit-box-shadow: 0px 1px rgba(255, 255, 255, 0.5); 
	-moz-box-shadow: 0px 1px rgba(255, 255, 255, 0.5); 
	box-shadow: 0px 1px rgba(255, 255, 255, 0.5); 

	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;

	-webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;

}


input.search_box:focus { 
	border:solid 1px #EEA34A;
	background:#ffdfe0;
	/*width:500px;*/
}


input.search_button {

	border:solid 1px #aaa;
	padding:5px 0; 
	margin-top:5px; 
	font-family:Arial, sans-serif; 
	font-size:1.2em;
	text-transform:uppercase;
	font-weight:bold;
	color:#555;
	cursor:pointer;

	vertical-align: middle;
	text-align: center;

	background-color: #ddd;
	width:120px;
	height:34px;

	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;

}



/* -------------------------------
side
---------------------------------*/
#side {
	width:160px; /*200px 1260px*/
	height:100%;
	float:left;
	background:#505050;
	text-align:center;
	font-size:16px;
	font-weight:bold;
	line-height:35px;


}

#side h2 {
	height:30px;
	line-height:30px;
	font-weight:bold;
	font-size:16px;
	color:#FFF;
	background-color:#505050;	
}

#side li
{
	width:100%;
	background:#eee;
}


#side li.on
{
	width:100%;
	background:#ffda45;
}
#side a.on
{
	font-weight:bold;
	text-decoration:none;
}

#side a.on:before 
{
	content: ">";
	position: relative;
	top: 0px;
	left: -10px;

}


#side a.off:hover 
{
	text-decoration:none;
}


#side a.off:hover:before 
{
	content: ">";
	position: relative;
	top: 0px;
	left: -5px;

}


/* -------------------------------
mainContent
---------------------------------*/
#mainContent {
	width:844px; /*1040px 1260px*/
	height:100%;
	overflow:hidden;
	margin-left:18px;
	float:left;
}

#mainContent h2 {
	height:30px;
	line-height:30px;
	font-size:14px;
	color:#FFF;
	padding-left:5px; /*5px 740px*/
	background-color:#f1f1f1;	
}
/* -------------------------------
mainContent breadCrumb
---------------------------------*/
#mainContent .pager {
	clear:both;
	height:100%;
	margin:15px 0px 15px 0px;
}
#mainContent .pager a {
	border:1px solid #f1f1f1;
	margin:15px 0px 15px 0px;
	padding:5px 10px 5px 10px;
/*	margin-right:4px;*/
	color:#0000de;
	text-decoration:none;
}

#mainContent .pager a:hover {
	background-color:#CCC;
}

#mainContent .pager a:visited {
	color:#0000de;
}

#sort li {
	float:left;
	margin:0px 20px 10px;
	font-size:14px;
}



/* -------------------------------
link_area
---------------------------------*/
div.link_area ul.unit_words li
{
	margin-right: 10px;
	font-size:14px;
	float:left;
}

div.link_area ul.unit_words li a:link, a:visited
{
	color:#0053f9;
	text-decoration:underline;
}

div.link_area ul.unit_words li a:hover
{
	color:red;
}


#link_area ul.unit_words li
{
	margin-right: 10px;
	font-size:14px;
	float:left;
}

#link_area ul.unit_words li a:link, a:visited
{
	color:#0053f9;
	text-decoration:underline;
}

#link_area ul.unit_words li a:hover
{
	color:red;
}



/* -------------------------------
ヘッダー部
---------------------------------*/

#yafuoku_header
{
	padding:0px 0 0px 20px;
	background:#f9c700/*#ffda45*/;
	width:815px;
	height:60px;/*必須*/
	margin:0 5px 10px 4px;
	
	box-shadow: 2px 2px 3px #555;
	-moz-box-shadow: 2px 2px 3px #555;
	-webkit-box-shadow: 2px 2px 3px #555;
	
}


.box
{
	float:left;
}
.box_r
{
	float:right;
}


#yafuoku_header ul
{
	float:left;
	margin:17px 0 0 20px;
	
}

#yafuoku_header li {
	display:inline;
	list-style-type:none;
}

#yafuoku_header label {
	display:inline-block;
	font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size:1em;
	padding:0.1em 0.2em;
	margin:0 2px;
	background-color:#ddd;
	color:#999;
	border:2px solid #bbb;
	border-radius:5px;
	text-shadow:1px 1px 1px #fff;
	box-shadow:inset 1px 1px 5px #fff;
	cursor:pointer;
}

#yafuoku_header .sort-list label:hover {
	border-color:#01b9b9;
	color:#01b9b9;
}


#yafuoku_header .sort-list label.selected {
	color:#fff;
	background-color:#37a;
	box-shadow: inset 0px 0px 10px #036;
	border-color:#036;
	text-shadow:-1px -1px 1px #036;
}

#yafuoku_header .sort-list label input {
	display:none;
}



#closedprice
{
	font-size:14px;
	float: right;
	height:20px;
	width:110px;
	background:#fff;
	
	vertical-align:middle;
	text-align:center;
	font-weight:bold;
	margin:10px;
	padding:10px 5px;

	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;

}
#closedprice:hover
{
	color:red;
	background:#ddd;
}
#rakuoku_header/*rakuten*/
{
	padding:1px 0 1px 20px;
	background:#bf0000;
	width:815px;
	height:60px;/*必須*/
	margin:0 5px 10px 4px;
	
	box-shadow: 2px 2px 3px #555;
	-moz-box-shadow: 2px 2px 3px #555;
	-webkit-box-shadow: 2px 2px 3px #555;
}
#amazon_header
{
	padding:1px 0 1px 20px;
	background:#008000;
	width:815px;
	height:60px;/*必須*/
	margin:0 5px 10px 4px;
	
	box-shadow: 2px 2px 3px #555;
	-moz-box-shadow: 2px 2px 3px #555;
	-webkit-box-shadow: 2px 2px 3px #555;
}

#yahoo_header
{
	padding:1px 0 1px 20px;
	background:#0000c0;
	width:815px;
	height:60px;/*必須*/
	margin:0 5px 10px 4px;
	
	box-shadow: 2px 2px 3px #555;
	-moz-box-shadow: 2px 2px 3px #555;
	-webkit-box-shadow: 2px 2px 3px #555;
}


/* -------------------------------
mainContent item
---------------------------------*/

#mainContent .item_wrap {
	width:844px;
	height:100%;
	overflow:hidden;
	float:left;
	
	padding:5px 0 10px 0;
	
	margin-bottom:10px;
}

#mainContent .item_wrap.yafuoku{
	background:#ffecab;
	
}

#mainContent .item_wrap.rakuoku{
	background:pink;
}

#mainContent .item_wrap.amazon{
	background:#c0ffc0;
}

#mainContent .item_wrap.yahoo{
	background:#c0c0ff;
}

#mainContent .item_wrap.rakuten{
	background:pink;
}


#mainContent .item_wrap td{
vertical-align:middle;

}


#mainContent .item_wrap .left{
	float:left;
	width:844px;
}

#mainContent .item_wrap .item {
	width:820px;
	overflow:hidden;
	margin:0 0 8px 8px;
	padding:5px;
	float:left;
	
	-webkit-border-radius: 9px;
	-moz-border-radius: 9px;
	border-radius: 9px;
	
	/*border:1px solid #ccc;*/
	
	background:white;
	

	-webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    
}


#mainContent .item_wrap .no_item {
	width:765px;
	height:30px;
	overflow:hidden;
	margin:8px 0 5px 20px;
	padding:20px;
	font-size:20px;
	-webkit-border-radius: 9px;
	-moz-border-radius: 9px;
	border-radius: 9px;
	background:white;
	
}
#mainContent .item_wrap .no_item a:hover {
	color:red;
}

#mainContent .item_wrap .no_query {
	width:765px;
	overflow:hidden;
	margin:8px 0 5px 20px;
	padding:20px;
	font-size:14px;
	-webkit-border-radius: 9px;
	-moz-border-radius: 9px;
	border-radius: 9px;
	background:white;
	
}


#mainContent .item_wrap.amazon .item {
	height:160px;
}

#mainContent .item_wrap.yahoo .item {
	height:160px;
}

#mainContent .item_wrap.rakuten .item {
	height:160px;
}

#mainContent .item_wrap .item:hover
{
	box-shadow: 0 0 3px #f00, 2px 2px 5px #555;
	-moz-box-shadow: 0 0 3px #f00, 2px 2px 5px #555;
	-webkit-box-shadow: 0 0 3px #f00, 2px 2px 5px #555;
}


.item:hover
{
/*opacity: 0.7;
filter: alpha(opacity=70);
-ms-filter: "alpha(opacity=70)";
*/
position:relative; top: -1px; left:-1px;
}




#mainContent .item_wrap .item .item_img {
	width:150px;
	height:140px;
	padding:5px;
	text-align:center;
	
}

#mainContent .item_wrap .item .item_img img {
	max-width:130px;
	/*width:150px;*/
	max-height:130px;
}

#mainContent .item_wrap .item .item_img img:hover {
	opacity:0.6;
}

#mainContent .item_wrap .item .title_area {
	position:relative;

}
#mainContent .item_wrap .item .shop_name {
	position:absolute;
	top:0px;
	left:0px;
	color:gray;
	font-size:12px;
}

#mainContent .item_wrap .item .item_title {
	font-size:16px;
	color:#0066cc;
	
}

#mainContent .item_wrap .item .item_title .emphasis{
	font-size:16px;
	font-weight:bold;
	background:yellow
}


#mainContent .item_wrap .item .item_title:hover {
	color:orange;
}


#mainContent a:link {
	text-decoration:none;
}

#mainContent .item_wrap .item .item_bids {
	font-size:14px;
	font-weight:bold;
	overflow:hidden;
	/*text-align:right;*/
	
	color:#666/*#55198b*/;
	
}
#mainContent .item_wrap .item .item_bids .bids2{
	color:#008000;
	font-weight:bold;
}
#mainContent .item_wrap .item .item_bids .bids1{
	color:#008000;
	font-size:16px;
	font-weight:bold;
}


#mainContent .item_wrap .item .item_price {
	font-size:16px;
	font-weight:bold;
	color:#000;
	/*text-align:right;*/
	float:left;
}
#mainContent .item_wrap .item .item_price:hover {
	color:red;
	background:yellow;
}
/*
#mainContent .item_wrap .item .item_shopname img {
	float:left;
	width:20px;
}
*/

#mainContent .item_wrap .item .item_lefttime {
	font-size:14px;
	height: 16px;
	color: #666;

}

#mainContent .item_wrap .item .item_lefttime .left_time1 {
	font-size:16px;
	color:#ff00ff;
	font-weight:bold;
}
#mainContent .item_wrap .item .item_lefttime .left_time2 {
	font-weight:bold;
	color:brown;
}
#mainContent .item_wrap .item .item_lefttime .left_time3 {
	color:brown;
}

#mainContent .item_wrap .item .item_reviewAverage {
	color:orange;
}


#mainContent .item_wrap .item .item_shipping {
	color:green;
}


/* -------------------------------
mainContent bannerArea_center
---------------------------------*/

.clear
{
clear:both;
}

div.motto
{
/*	display:table-cell;*/
	background:#eee;
	font-size:18px;
	vertical-align:middle;
	width:100%;
	text-align:center;
	overflow:hidden;
	height:24px;
	padding:8px 0;
}

div.motto a:link,
div.motto a:visited
{
/*    display: block;*/
	width:100%;
	height:100%;
    color:red;
    font-weight:bold !important;
    margin:8px 0;
}
div.motto a:hover
{
	color:orange;
}

div.motto:hover
{
/*	background:silver;*/
}

div.mottotext_wrap
{
	margin:0;
	height:100%;
	width:100%;
	vertical-align:middle;
	text-align:center;
}


div.mottotext
{
	position:relative;
/*	top:20%;*/
	margin:0;
	height:100%;
	text-align:center;
	color:red;
	font-weight:bold;
}


/* -------------------------------
mainContent rankingArea
---------------------------------*/
#mainContent #rankingArea {
	width:844px;
	height:100%;
	overflow:hidden;
	clear:both;	
}

#mainContent #rankingArea .Item {
	width:238px;
	height:210px;
	padding:15px;
	float:left;
}

#mainContent #rankingArea .Item .item_img {
	text-align:center;
	margin-bottom:3px;
}

#mainContent #rankingArea .Item .item_desc {
	height:45px;
	overflow:hidden;
}

#mainContent #rankingArea .Item .item_img a:hover {
	opacity:0.6;	
}

#mainContent #rankingArea .Item .item_desc a:link,
#mainContent #rankingArea .Item .item_desc a:visited {
	color:#0000de;
	text-decoration:underline;
}

#mainContent #rankingArea .Item .item_desc a:hover {
	color:#0000de;
	text-decoration:none;
}

/* -------------------------------
footer
---------------------------------*/
#footer {
	width:100%;
	height:100%;
	margin:0 auto;
	overflow:hidden;	
}

#footer #footnavi {
	background-color:#202020;
	width:100%;
	height:100%;
	overflow:hidden;
	padding:10px;	
}

#footer #footnavi ul li {
	font-size:12px;
	line-height:25px;
	float:right;
	margin-right:40px;
}

#footer #footnavi ul li a:link,
#footer #footnavi ul li a:visited {
	text-decoration:none;
	color:#FFF;	
}

#footer #footnavi ul li a:hover {
	color:#FFF;
	text-decoration:underline;
}

#footer #footnavi #credit {
	clear:both;
	text-align:center;
	margin:15px;
	font-size:11px;
}

#footer #footnavi #credit a:link,
#footer #footnavi #credit a:visited {
	text-decoration:none;
	color:#FFF;	
}

#footer #copy {
	width:100%;
	height:35px;
	background-color:#f1f1f1;
	font-size:11px;
	line-height:35px;
	text-align:center;
	color:#FFF;
}