@charset "UTF-8";

/* =========================================================
■text size

10px = 77%　　　　|　  19px = 146.5% 
11px = 85%　　　　|　　20px = 153.9%　
12px = 93%　　　　|　　21px = 161.6%
13px = 100%　　　 |　　22px = 167%
14px = 108%　     |　　23px = 174%　
15px = 116%　     |　　24px = 182%
16px = 123.1%　  ｜　　25px = 189%
17px = 131%　    ｜　　26px = 197%
18px = 138.5%
  
========================================================= */

/* =========================================================
■Reset of Default Style
========================================================= */
div, h1, h2, h3, h4, h5, h6, p, address,
ul, ol, li, dl, dt, dd,
table, th, td, img, form {
	margin: 0;
	padding: 0;
	border: none;
	font-style: normal;
	font-size: 100%;
	text-align: left;
	list-style-type: none;

}
textarea { font-size: 100%; }
img {  border: none;}
hr  { display: none; }

/*=========================================================================
リンクの指定 [1]
=========================================================================*/

a:link {   color: #002299;  text-decoration: none;}
a:visited {  color: #6699FF;  text-decoration: none;}
a:hover {  color: #ff6699;   text-decoration: underline;}
a:active {   color: #ff6699;   text-decoration: underline;}

/*----kaitori----*/
#header .header-inner #k-bar_1 a:link {  color: #FFFFFF;  text-decoration: underline;}
#header .header-inner #k-bar_1 a:visited {  color: #FFFFFF;  text-decoration: underline;}
#header .header-inner #k-bar_1 a:hover {  color: #ff69b4;  text-decoration: underline;}
#header .header-inner #k-bar_1 a:active {  color: #FFFFFF;  text-decoration: underline;}
/*-------△------*/

#header #search form a:link { 　margin-left: 15px ; color: #CCCCCC;  text-decoration: none; }
#header #search form a:visited { color: #FFFFFF;  text-decoration: none; }
#header #search form a:hover {  color: #FFFFFF;  text-decoration: underline;}
#header #search form a:active {  color: #FFFFFF;  text-decoration: underline;}

#content a:hover img  {  opacity:0.7;	filter: alpha(opacity=70);   }
#content a:hover img { opacity:0.7;	filter: alpha(opacity=70);   }

.content-1 table.search-result tr th a:link {  color: #FFFFFF;  text-decoration: underline;}
.content-1 table.search-result tr th a:visited {  color: #FFFFFF;  text-decoration: underline;}
.content-1 table.search-result tr th a:hover {  color: #ff69b4;  text-decoration: underline;}
.content-1 table.search-result tr th a:active {  color: #1e90ff;  text-decoration: underline;}

.content-1 table.search-result2 tr th a:link {  color: #FFFFFF;  text-decoration: underline;}
.content-1 table.search-result2 tr th a:visited {  color: #FFFFFF;  text-decoration: underline;}
.content-1 table.search-result2 tr th a:hover {  color: #ff69b4;  text-decoration: underline;}
.content-1 table.search-result2 tr th a:active {  color: #1e90ff;  text-decoration: underline;}

.footer-inner p.go_top a:link {	color: #666666;	text-decoration: none;	}

/*=========================================================================
 各ブロック毎のフォントサイズ指定とp要素 [2]
=========================================================================*/

#header { font-size: 85%; }
#globalnavi { font-size: 90%; }
#content { font-size: 85%; }
#sidebar { font-size: 85%; }
#footer { font-size: 85%; }

/* -- すべての要素内の文字 -- */
p {  line-height: 1.2em;  margin: 0 0 0.5em;  padding: 0;}
p.red { color: #dc143c; }
p.right { text-align: right; }
.content-2 p {  line-height: 1.7em;  margin: 0 1em 0 0.5em;  padding: 0;}

/*=========================================================================
レイアウト指定 [3]
=========================================================================*/

body {
  text-align: center;
  font-family:"Arial", "Helvetica", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Osaka", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  /*font-family:  "メイリオ", "Meiryo","ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;*/
  margin: 0;
  padding: 0;
  position: relative;

}
 
#wrapper {
  text-align: left;
  margin: 0 0 0 0px; 
  overflow:visible;
  min-width: 850px;
  max-width: 1260px;
  width:expression(document.body.clientWidth < 852? "850px" : document.body.clientWidth > 1262? "1260px" : "auto");

}
  
/* 
-----------------------------------------------------------------------
#wrapper { width: 95%; }部分が全体の幅となります。
-----------------------------------------------------------------------*/

/* 全体の幅 */
#wrapper { width: 98%; }

/* ヘッダーの高さ */
#header {  width: 100%;  height: 160px; margin: 0; }
.header-inner {  width: 100%;  height: 100%;  position: relative;}

/* コンテンツの幅 #sidebarの幅分をマイナス */
#content {  width: 100%;  float: left;  /*margin-left: -200px;*/	margin-top: 12px;	}
.content-inner { margin: 20px 20px 20px /*220px;*/  }
.content-1 { width: 100%; padding: 5px; margin-bottom: 18px; background:#FFFFFF;}
.content-2 { width: 100%; padding: 5px; border: 1px #CCCCCC solid; margin-bottom: 18px; background:#FFFFFF;}

/* ========================================  #footer 画面下部 */
#footer { clear:both ;  margin: 12px 0 -10px 10px; padding: 0px; background-color: #FFFFFF;}
.footer-inner { padding: 15px 20px 5px 20px ;   border-top: 1px solid #ccc; color: #666666;	text-align: center;	} 

/*=========================================================================
ヘッダーブロック内の各要素指定 [4]
=========================================================================*/

h1 {  font-size: 100%;  font-weight: normal;  position: absolute;  top: 5px;  right: 20px;}
.description {  position: absolute;  top: 3px;  left: 10px;}
/*----kaitori----*/	
.k-description {  position: absolute; color: #FFFFFF;  top: 3px;  left: 10px;}
/*-------△------*/

#header .header-inner p.logo {   position: absolute;  top: 45px;  left: 20px;}

#header .header-inner #bar_1{  background: #EBEBEB;  border-bottom: 1px #bcbcbc solid; width: 100%;  height: 20px;}
#header .header-inner #bar_1 ul {  text-align: right; margin-right: -1px;  }
#header .header-inner #bar_1 li {  display: inline;  border-right: 1px solid #CCC; padding: 0 4px 0 4px;}

/*----kaitori----*/	
#header .header-inner #k-bar_1{  background: #001e43;  border-bottom: 1px #bcbcbc solid; width: 100%;  height: 20px;}
#header .header-inner #k-bar_1 ul {  text-align: right; margin-right: -1px;  }
#header .header-inner #k-bar_1 li {  display: inline;  border-right: 1px solid #CCC; padding: 0 4px 0 4px;}
/*-------△------*/

#header .header-inner #bar_2{  background: #FFFFFF; width: 100%;  height: 20px;  overflow: hidden; _height: 1.5em; margin-top: 2px;}
#header .header-inner #bar_2 ul {  text-align: right; margin-right: -1px;  }
#header .header-inner #bar_2 li {  display: inline;  border-right: 1px solid #CCC; padding: 0 4px 0 4px;}

#header .header-inner #bar_3 {  width: 100%;  height: 60px; margin-top: 5px; }
#header .header-inner #bar_3 p{ text-align:right;  padding: 0 50 0 0px;}

#header  #bar_4{  width: 100%;  margin: 0px; height: 20px; border-top:1px #CCCCCC solid;}
#header  #bar_4 p{  text-align:center;  padding-top: 8px;}


#header #search  {
	position:relative;
	float: right;
	left: 0px;
	top: 8px;
	right: 25px;
	width: 820px;
	height: 35px;
	margin: 0 0 100 0px;
	padding: 0 40 0 0px;
	color: #FFFFFF;
	background:#000000;
}

#header #search fieldset {  border: none;  text-align: center; }
#header #search form  {	padding: 2px 0 0 20px;    }
#header #search form input#bt1  { margin-left: 10px ; vertical-align:middle; }
#header #search form input#bt2  { margin-left: 10px ; vertical-align:middle;}
#header #search form input.words {  border: 1px solid #707070;  width: 320px;  margin: 5px 0 0 10px ;}
#header #search form input#bt4  { margin: 0px 0 0 20px ; width: 100px; vertical-align:middle; }

	
/*----kaitori----*/	
#header #k-search  {
	position:relative;
	float: right;
	left: 0px;
	top: 8px;
	right: 25px;
	width: 820px;
	height: 35px;
	margin: 0 0 100 0px;
	padding: 0 40 0 0px;
	color: #FFFFFF;
	background:#001e43;
}

#header #k-search fieldset {  border: none;  text-align: center; }
#header #k-search form  {	padding: 2px 0 0 20px;   }
#header #k-search form input#bt1  { margin-left: 10px ; vertical-align:middle; }
#header #k-search form input#bt2  { margin-left: 10px ; vertical-align:middle;}
#header #k-search form input.words {  border: 1px solid #707070;  width: 320px;  margin: 5px 0 0 10px ;}
#header #k-search form input#bt4  { margin: 0px 0 0 20px ; width: 100px; vertical-align:middle; }


/*=========================================================================
                                                   メイン内の各要素指定[5]
=========================================================================*/

.content-1 h2 {
	clear: both;
	padding: 3px 0px 3px 5px;
	margin: 0em 0px 1em;
	font-size: 120%;	
	font-weight: bold;
	background-color: #000000;
	color:#FFFFFF;
}
/*----kaitori----*/
.content-1 h2.k {
	clear: both;
	padding: 3px 0px 3px 5px;
	margin: 0em 0px 1em;
	font-size: 120%;	
	font-weight: bold;
	background-color: #001e43;
	color:#FFFFFF;
}
/*---------------*/
/*----新着リスト----*/
.content-1 h2.list {
	clear: both;
	padding: 3px 0px 3px 5px;
	margin: 0em 0px 1em;
	font-size: 120%;	
	font-weight: bold;
	background-color: #99CC33;
	color:#FFFFFF;
}
/*--------△--------*/
.content-1 h3 {
	margin: 0px 0px 0.5em 0px;
	padding: 0 0 0 5px;
	font-size: 100%;
	color: #FFFFFF;
	background: #666666;
}


.content-1 p.c_link { width: 98%; margin: 0 0 15px 8px; padding: 0 0 5px 0 ; border-bottom:2px solid #CCCCCC; font-weight: bold; }

.content-1 p.count { width: 45%; padding-left: 10px;}

.content-1 p.next-page { width: 45%; float: left; padding-left: 10px;}
.content-1 p.next-page2 { width: 45%; float: right; text-align: right; padding-right: 10px;}
.content-1 p.next-page3 { margin-top: 10px;  text-align: right; padding-right: 10px;}

/*----新着リスト----*/
.content-1 p.text { padding-left: 10px;}
.content-1 p.time { width: 180px; padding: 3px 0 0 10px; color: #dc143c; font-weight: bold; border: 1px #dc143c solid; }
/*--------△--------*/

.content-1 p.display { width: 80%; float: left; padding: 5px 0 0 10px; }
.content-1 p.sort  { position:absolute; width: 19%; text-align: right;  white-space: nowrap; display:block; }

/* ========================================  検索結果テーブル==*/
.content-1 table.search-result { width:100%; border-collapse: collapse; border: 1px #CCCCCC solid; }

.content-1 table.search-result tr {	height: 80px;  }
.content-1 table.search-result tr.used-item{ background:#f5f5f5; }
.content-1 table.search-result tr.new-item { background:#FFF; }
.content-1 table.search-result tr.sub-title { height: auto; } 
.content-1 table.search-result tr.item-border { height: 3px; background: #eeeeee; border-bottom : 2px #000000 solid;} 

.content-1 table.search-result th {	 height: 5px; padding: 8px; background:#000000; color: #FFFFFF; vertical-align: middle; text-align: center; white-space: nowrap; }

.content-1 table.search-result th img { padding: 1px 0 0 2px; vertical-align: middle; }

/*----kaitori----*/
.content-1 table.search-result th.k {	 height: 5px; padding: 8px; background:#001e43; color: #FFFFFF; vertical-align: middle; text-align: center; white-space: nowrap; }
.content-1 table.search-result th.k img { padding: 1px 0 0 2px; vertical-align: middle; }
/*-------△------*/	

.content-1 table.search-result td { padding: 8px; text-align: center; vertical-align:middle; border :1px #CCCCCC solid ; padding: 5px;  }

.content-1 table.search-result td.icon { width: 50px; text-align: center; }	
.content-1 table.search-result td.photo { display: block; padding: 5px 10px; vertical-align: middle; text-align: center; }
.content-1 table.search-result td.photo img { vertical-align: middle;  }
.content-1 table.search-result td.kind {   }
.content-1 table.search-result td.genre { text-align: left;   }
.content-1 table.search-result td.maker { text-align: left;   }
.content-1 table.search-result td.model { text-align: left;   }
.content-1 table.search-result td.price { text-align: right;  }
.content-1 table.search-result td.price span{  color: #dc143c; font-weight: bold; white-space: nowrap;  }
.content-1 table.search-result td.detail { 	word-break:break-all; }
.content-1 table.search-result td.store { font-size: 85%; width: 90px; }
.content-1 table.search-result td.mail { text-align: center;  }	

/* ========================================  検索結果テーブル　画像なし==*/
.content-1 table.search-result2 { width:100%; border-collapse: collapse; border: 1px #CCCCCC solid;  }

.content-1 table.search-result2 tr { height: 40px; }
.content-1 table.search-result2 tr.used-item{ background:#f5f5f5; }
.content-1 table.search-result2 tr.new-item { background:#FFF; }
.content-1 table.search-result2 tr.sub-title { height: auto; } 
.content-1 table.search-result2 tr.item-border { height: 3px; background: #eeeeee; border-bottom : 2px #000000 solid;} 

.content-1 table.search-result2 th { height: 5px; padding: 8px; background:#000000; color: #FFFFFF; vertical-align: middle; text-align: center; white-space: nowrap; }
.content-1 table.search-result2 th img { padding: 1px 0 0 2px; vertical-align: middle; }

/*----kaitori----*/
.content-1 table.search-result2 th.k { height: 5px; padding: 8px; background:#001e43; color: #FFFFFF; vertical-align: middle; text-align: center; white-space: nowrap; }
.content-1 table.search-result2 th.k img { padding: 1px 0 0 2px; vertical-align: middle; }
/*-------△------*/	

.content-1 table.search-result2 td { padding: 8px; text-align: center; vertical-align:middle; border :1px #CCCCCC solid ; padding: 5px;  }

.content-1 table.search-result2 td.icon { width: 50px; text-align: center; }	
.content-1 table.search-result2 td.photo { display: block; padding: 5px 10px; vertical-align: middle;	text-align: center; }
.content-1 table.search-result2 td.genre { text-align: left;   }
.content-1 table.search-result2 td.maker { text-align: left;   }
.content-1 table.search-result2 td.model { text-align: left;   }
.content-1 table.search-result2 td.price { text-align: right;  }
.content-1 table.search-result2 td.price span{ color: #dc143c; font-weight: bold; white-space: nowrap; text-align: right;  }
.content-1 table.search-result2 td.detail { 	word-break:break-all; }
.content-1 table.search-result2 td.store { font-size: 85%; width: 90px; }
.content-1 table.search-result2 td.mail { text-align: center;  }	


/*=========================================================================
                                                 フッター内の各要素指定[7]
=========================================================================*/

.footer-inner p.link { 	float: left;  width: 80%; }
.footer-inner p.go_top { float: right; 	width: 20%;   }

.footer-inner div.footer_menu { width: 100%; clear: both; margin:  0 0 5px 0; overflow: hidden; }
.footer-inner div.footer_menu ul {  text-align: left; margin-left: -1px;  }
.footer-inner div.footer_menu li {  display: inline;  border-left: 1px solid #CCC; padding: 0 4px 0 4px;}

p.copyright {  height: 20px; text-align: right; background: #000000; color: #FFFFFF; padding: 4px 0 0 0;}
p.k-copyright {	height: 20px; text-align: right; background: #001e43; color: #FFFFFF; padding: 4px 0 0 0;}