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

/* -----------------------------------------------------------
reset
----------------------------------------------------------- */

html {
	overflow: auto;
}

body,div,h1,h2,h3,h4,p{
	margin:0;padding:0;
	font-size: 100%;
	font-weight: normal;
}
img{ border:0;}
a:hover img{
	filter: alpha(opacity=80);
	-moz-opacity:0.8;
	opacity:0.8;
}
h1,h2{
	font-weight:normal;
}
li{
	list-style:none;
}
/*----------------------------------------------------
style
--------------------------------------------------*/
body {
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-size: 80%;
	color: #868686;
	font-size: 13px;
}


.wrap-all{
	width: 1200px;
	margin-left:10px;
	float: left;
	overflow: hidden;
}
.wrap-content{
	width: 960px;
	margin-left:10px;
	float: left;
	overflow: hidden;
}
.wrap-left{
	width: 210px;
	margin-top:0px;
	margin-bottom:0px;
	margin-left:10px;
	margin-right:3px;
	float: left;
	z-index: 2;
	overflow: visible;
}

.aside-box{
	padding-left: 1px;
	padding-right: 1px;
	width: 210px;
	float: left;
	text-align: left; /* 文字を左合わせに */
	}


h2{
	font-family:"ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", "MS PMincho", serif;
	color: #878787;
	letter-spacing:2px;
	font-size: 160%;
	margin-bottom: 20px;
}

/*5カラム*/
.contents_5clum {
	margin: 0 0 35px 0;
	padding-bottom: 10px;
	overflow: hidden;
	width: 990px;
	border-bottom: 1px solid #D6D6D6;
}
.contents_5clum .section{
	float:left;
	width: 165px;
	margin: 0 0 30px;
	padding:0 10px 0 15px;
	border-right: 1px solid #D6D6D6;
}
.contents_5clum .imgbox{
	float:left;
	width: 160px;
	height: 150px;
	background-color: #f5f5f5;
	text-align: center;
	padding-top : 15px;
	overflow : hidden;
	margin-bottom : 10px;
}
.contents_5clum .auctitle{
	text-align: center;
	margin-top : 10px;
}

.contents_5clum a{
	text-decoration:none; 
	color:#696969;
	font-size: 13px;
	
}
.contents_5clum a:hover{
	text-decoration:none; 
	color:#ff8c00;
}
.contents_5clum h3{
	font-weight: bold;
	margin-bottom: 5px;
}

.coloror {color: #FF9900}
.bold{font-weight:bold;}

.btn_login{
    background: -moz-linear-gradient(top,#FFF 0%,#EEE);
    background: -webkit-gradient(linear, left top, left bottom, from(#FFF), to(#EEE));
    border: 1px solid #DDD;
    color:#111;
    width: 100px;
    padding: 10px 0;
	margin:0 30px;
}

/*3カラム*/

.section img{
	margin-bottom: 10px;
}

.recommend_box {
	margin: 0 0 35px 0;
	padding-bottom: 10px;
	overflow: hidden;
	width: 990px;
	border-bottom: 1px solid #D6D6D6;
}
.recommend_box .section{
	float:left;
	width: 280px;
	margin: 0 30px 30px 0;
	border-right: 1px solid #D6D6D6;
}
.recommend_box .imgbox{
	float:left;
	width: 275px;
	height: 270px;
	background-color: #f5f5f5;
	text-align: center;
	padding-top : 15px;
	overflow : hidden;
	margin-bottom : 10px;
}


/*フッター*/
.footer{
	background-color: #FFE1E3;
	padding: 20px 0;
	margin-bottom: 10px;
}
.footer .contents_4clum{
	overflow: hidden;
	width:958px;
	margin:0 auto;
}
.footer p{
	float:left;
	margin-right:30px;
}
.footer p:fast-child{
	margin-left: 1px;
}
.footer p:last-child{
	margin-right:0px;
}
.copy{
	text-align: center;
	margin-bottom: 10px;
}

.page_result{
	text-align: center;
	padding: 5px;
	margin: 20px;
}

.page_result a{
	text-decoration:none; 
	color:#696969;
	font-size: 15px;
	
}
.page_result a:hover{
	text-decoration:none; 
	color:#ff8c00;
}

.search_result{
	background-color: #b0c4de;
	text-align: center;
	padding: 5px;
	color:#696969;
}
.category-bar{
	background-color: #f5f5f5;
	text-align: left;
	padding: 5px;
	margin-bottom:10px;
}


/* */

#head {
	margin:0;
	background:#ffffff;
	
}

#header {
	margin:0 auto;
	width:1000px;
	float:inherit;
}


#logo {
	margin:0 5px;
	padding:0;
	border:0;
	float:left;
	background:#ffffff;
}

.log_box {
	margin:0 10px;
	padding:0;
	border:0;
	float:right;
	background:#ffffff;
	clear:both;
}

.button_sign a {
	margin:0 7px;
	padding:8px 25px;
	text-decoration:none;
	border-top-left-radius: 5px;
	border-top-right-radius:5px;
	border-bottom-left-radius: 5px;
	border-bottom-right-radius:5px;
	-webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-webkit-border-bottom-right-radius: 5px;
	background:#ff9900;
	color:#ffffff;
	font-weight:bold;
	box-shadow: 3px 3px 3px rgba(0,0,0,0.10); 
	border:1px solid #ff9900;
}

.button_log a {
	margin:0 7px;
	padding:8px 25px;
	text-decoration:none;
	border-top-left-radius: 5px;
	border-top-right-radius:5px;
	border-bottom-left-radius: 5px;
	border-bottom-right-radius:5px;
	-webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-webkit-border-bottom-right-radius: 5px;
	background:#ff9900;
	color:#ffffff;
	font-weight:bold;
	box-shadow: 3px 3px 3px rgba(0,0,0,0.10); 
	border:1px solid #ff9900;
}

.button_sign a:hover,
.button_sign a:active {
	text-decoration:none;
	background:#ffffff;
	color:#ff9900;
	font-weight:bold;
	transition: 0.3s;
	border:1px solid #ff9900;
}

.button_log a:hover,
.button_log a:active {
	text-decoration:none;
	background:#ffffff;
	color:#ff9900;
	font-weight:bold;
	transition: 0.3s;
	border:1px solid #ff9900;
}

.search_box {
	margin:0;
	padding:0 10px 10px 10px;
	background:#ffffff;
	clear:both;

	}
	
.box1 {
	position: relative;
	z-index:1;
	margin:3px 0;
	padding:5px 10px 10px;
	background:#4682b4;
	height:20px;
	border-top-left-radius: 5px;
	border-top-right-radius:5px;
	-webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
	color:#ffffff;
	font-weight:bold;
}

.box1 a {
	position: relative;
	z-index:1;
	margin:0 -10px;
	padding:5px 10px 10px;
	background:#cccccc;
	height:20px;
	border-top-left-radius: 5px;
	border-top-right-radius:5px;
	-webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
	color:#ffffff;
	font-weight:bold;
	text-decoration:none;
}

.box1 a:hover,
.box1 a:active {
	margin:0 -10px;
	padding:5px 10px 10px;
	height:20px;
	border-top-left-radius: 5px;
	border-top-right-radius:5px;
	-webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
	text-decoration:none;
	color:#ffffff;
	background:#4682b4;
	transition: 0.3s;
}

.search_box ul {
	list-style-type:none;
	position: relative;
	z-index:2;
	margin:5px 5px;
	padding:10px;
	background:#4682b4;
	height:30px;
	border-radius: 5px;
	-webkit-border-radius: 5px;
}

.search_box li {
	margin:0;
	float:left;
}

 .search7 {
	padding:6px 8px 7px ;
	color:#4682b4;
	font-weight:bold;
	background-color:#fff;
    border:1px solid #4682b4;
	border-right-style:none; 
    -webkit-border-radius:7px 0 0 7px;
    -moz-border-radius:7px 0 0 7px;
    -o-border-radius:7px 0 0 7px;
    -ms-border-radius:7px 0 0 7px;
    border-radius:7px 0 0 7px;
}

@-moz-document url-prefix() {
 .search7 {
	padding:6px 8px;
	color:#4682b4;
	font-weight:bold;
	background-color:#fff;
    border:1px solid #4682b4;
	border-right-style:none; 
    -webkit-border-radius:7px 0 0 7px;
    -moz-border-radius:7px 0 0 7px;
    -o-border-radius:7px 0 0 7px;
    -ms-border-radius:7px 0 0 7px;
    border-radius:7px 0 0 7px;
}
}

.searchcat {
	position:relative;
    background-color:#fff;
    border:1px solid #4682b4;
	border-right-style:none; 
    -webkit-border-radius:7px 0 0 7px;
    -moz-border-radius:7px 0 0 7px;
    -o-border-radius:7px 0 0 7px;
    -ms-border-radius:7px 0 0 7px;
    border-radius:7px 0 0 7px;
	height:28px;
}

@media screen and (min-width:0\0) {
.searchcat {
	position:relative;
    background-color:#fff;
    border:1px solid #4682b4;
	border-right-style:none; 
    -webkit-border-radius:7px 0 0 7px;
    -moz-border-radius:7px 0 0 7px;
    -o-border-radius:7px 0 0 7px;
    -ms-border-radius:7px 0 0 7px;
    border-radius:7px 0 0 7px;
	width:230px;
	height:28px;
}

.searchcat select::-ms-expand {
  display: none;
}
}

.searchcat:before {
	background-color:#fff;
    content: "";
    position: absolute;
    top: 50%;
    right: 5px;
    display: block;
    width: 0;
    height: 0;
    margin: -2px 0 0 0;
    border: 5px solid transparent;
    border-top: 7px solid #4682b4;
}

.searchcat select {
    cursor: pointer;
    position: relative;
    -webkit-appearance: none;
    appearance: none;
    display: block;
    color: #868686;
	padding:5px;	
    border: none;
    background: transparent;
	-moz-appearance: none;
	text-indent: 0.01px;
	text-overflow: '';
}

.searchtext {
	position:relative;
    background-color:#ffffff;
    border:1px solid #4682b4;
	padding:0 5px;
	height:30px;
	border-right-style:none; 
	width:270px;
}

.searchtext2 {
	position:relative;
    background-color:#ffffff;
    border:1px solid #4682b4;
	padding:0 5px;
	height:30px;
	border-right-style:none; 
	width:150px;
}

.searchbtm {
	width:80px;
	height:30px; /* ボタンの高さ */
	margin-left:-5px;
	padding: 0 5px;
	background: #ff9900;
	border:1px solid #4682b4;
	font-weight: bold;
	color: #ffffff;
    -webkit-border-radius:0 7px 7px 0;
    -moz-border-radius:0 7px 7px 0;
    -o-border-radius:0 7px 7px 0;
    -ms-border-radius:0 7px 7px 0;
    border-radius:0 7px 7px 0;
	border-left-style:none; 
}

.searchbtm:hover {
	margin-left:-5px;
	padding: 0 5px;
	background: #eeeeee;
	border:1px solid #4682b4;
	font-weight: bold;
	color: #ffffff;
    -webkit-border-radius:0 7px 7px 0;
    -moz-border-radius:0 7px 7px 0;
    -o-border-radius:0 7px 7px 0;
    -ms-border-radius:0 7px 7px 0;
    border-radius:0 7px 7px 0;
	border-left-style:none; 
}

.search_result2 {
    background-color:#FEE8A3;
    text-align: center;
    padding: 5px;
    color: #868686;
}

.resluts {
	margin:10px 0 10px -20px;
	padding:0;
	color:#868686;
}

.resluts strong {
	margin:0;
	padding:0 0 0 20px;
	font-size:16px;
	color:#868686;
}

.resluts_view {
	margin:0 10px;
}

.resluts_view a {
	margin:0;
	padding:3px 5px;
	color:#FF9900;
	text-decoration:none;
	border:#FF9900 1px solid;
	border-radius:3px;
}

.resluts_view a:hover  {
	color:#ffffff;
	background-color:#FF9900;
	margin:0;
	padding:3px 5px;
	border-radius:3px;
}

.cat-bar{
	margin:0;
	padding:5px 0;
	background-color:#eeeeee;
}

.cat-bar a{
	margin:0;
	padding:0 10px;
	color:#868686;
}

.cat-bar a:hover {
	color:#FF9900;
}

.cat-bar strong{
	margin:0;
	padding:0 10px;
	color:#868686;
}

 /* 翻訳 */
 
 #headtop {
	text-align:right;
	margin:0;
	padding:2px 5px;
}

.honyaku {
	width:100px;
	float:right;
	margin:15px 3px 0;
}

label {
    background:#ffffff;
    color: #868686;
    padding:5px;
    display: block;
    margin: 0 10px;
    border: 1px solid #868686;
}

input[type="checkbox"].on-off{
    display: none;
}

.honyaku ul {
    -webkit-transition: all 0s;
    -moz-transition: all 0s;
    -ms-transition: all 0s;
    -o-transition: all 0s;
    transition: all 0s;
    margin: 0;
    padding: 0;
    list-style: none;
}

.honyaku li {
	margin:0 5px;
	padding:2px 5px;
	border-bottom:1px solid #868686;
}

.honyaku li:last-child {border-bottom:none;}

input[type="checkbox"].on-off + ul{
    height: 0;
    overflow: hidden;
	position: absolute;
}

input[type="checkbox"].on-off:checked + ul{
    height:auto;
	border: 1px solid #868686;
	background-color:#FFFFFF;
	width:78px;
	text-align:right;
	margin-top:-2px;
	margin-left:10px;
}

input[type="checkbox"].on-off + ul{
    height: 0;
    overflow: hidden;
	position: absolute;
}

input[type="checkbox"].on-off:checked + ul a {
	color:#868686;
	text-decoration:none;
}

input[type="checkbox"].on-off + ul a:hover {
	color:#ff9900;
}
  
 /* カテゴリーメニュー */
 
.auccat-toptitle {
	border: 1px #4682b4 solid; /* 枠線 */
	border-bottom:0;　/* 下の線だけ消す */
    -webkit-border-top-left-radius: 7px;  
    -webkit-border-top-right-radius: 7px;  
    -webkit-border-bottom-right-radius: 0px;  
    -webkit-border-bottom-left-radius: 0px;  
    -moz-border-radius-topleft: 7px;  
    -moz-border-radius-topright: 7px;  
    -moz-border-radius-bottomright: 0px;  
    -moz-border-radius-bottomleft: 0px;
	border-top-left-radius:7px;
	border-top-right-radius:7px; 
	text-align: center; 
	background-color:#4682b4;  /* 通常の背景色 */
	width: 200px;
	float: left;
	font-weight:600;
	margin:0px;
	padding:5px 0 10px 0;
	color:#FFFFFF;
}  

.auccat-menu {
	list-style: none; /* 先頭記号を消す */
	border: 1px #4682b4 solid; /* 枠線 */
	float: left;
	background-color: white;  /* 通常の背景色 */
	text-align: left; /* 文字を左合わせに */
	margin: 0;
	padding: 10px 0;
	position: relative;
	z-index: 100;
	width: 200px;
	border-radius: 0 0 7px 7px;
}

.auccat-menu li{
  list-style-type : none;
  margin: 0;
  padding: 0;
}

.auccat-menu li a{
  position: relative;
  display: block;
  padding: 10px 15px;
  color: #868686;
  text-decoration: none;
  line-height: 15px;
}

.auccat-menu > li:hover > a{
  color:#FF9900;
  font-weight: bold;
  background-color:#f2f2f2;
}

.auccat-menu ul li a:hover{
  color:#FF9900;
  text-decoration: underline;
  background-color:#f2f2f2;
}

.auccat-menu > li:hover > a:after{
  display: block;
  position: absolute;
  content: "";
  top: 50%;
  right: 5px;
  width: 0px;
  height: 0px;
  margin-top: -8px;
  border: 8px solid transparent;
  border-left-color: #4682b4;
}

.auccat-menu ul{
	background-color: #fafafa;
	border: 2px #4682b4 solid; /* 枠線 */
	box-shadow: 5px 5px 5px rgba(0,0,0,0.10); 
	border-radius: 7px;        /* CSS3草案 */  
    -webkit-border-radius: 7px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 7px;   /* Firefox用 */  
	display: none;
	position: absolute;
	margin-top: -40px; 
	padding: 10px;
}

.auccat-menu li:hover ul{
  display: block;
}

.auccat-menu ul.big{
  right: -420px;
  width: 400px;
}

.auccat-menu ul.big li{
  float: left;
  width: 200px;
}

.auccat-menu ul h3 a{
  padding: 5px 5px 5px 15px;
  margin: 0;
  color:#FF9900;
  font-size: 16px;
  font-weight: normal;
}

.auccat-menu ul li a{
  padding: 8px 15px;
}

/* ペイジャー */


section .num_pager {
	overflow:hidden; 
	margin:0 0 10px;
	padding:11px 0;
	min-height: 30px;
	text-align:center;
	color:#FFFFFF;
}

section .num_pager a {
	margin:0 4px;
	padding:5px 10px;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	background-color:#ffffff;
	color:#868686;
	text-decoration:none;
	border:#CCCCCC 1px solid;
}

section .num_pager a:hover,
section .num_pager a:active {
	background:#f6f6f6 none;
	color:#FF9900;
	transition: 0.3s;
}
section .num_pager strong {
	margin:0 4px;
	padding:5px 10px;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	background-color:#FF9900;
	color:#ffffff;
	border:#FF9900 1px solid;
}

/*　catページフロート消去　*/
.wrap-all2 {
	width: 1200px;
	margin:10px auto;
	overflow: hidden;
	background:#FFFFFF;
}

/* cart */

.cartbtm a {
	width:40px;
	height:20px;
	margin:-10px -10px 0 0;
	padding:20px 10px 10px 0;
	background: #4682b4 no-repeat url(/images_stf/cart.png);
	font-weight: bold;
	color: #ffffff;
    -webkit-border-radius:0 5px 5px 0;
    -moz-border-radius:0 5px 5px 0;
    -o-border-radius:0 5px 5px 0;
    -ms-border-radius:0 5px 5px 0;
    border-radius:0 5px 5px 0;
	float:right;
	z-index:2;
	text-align:right;
	text-decoration:none;
}

.cartbtm a:hover {
	filter: alpha(opacity=80);
	-moz-opacity:0.8;
	opacity:0.8;
}