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



/*レア商品買取リスト*/
table.rare {
width: 16%; /* テーブルの横幅を指定する */
float:left;
border: none;
}
table.rare th, table.rare td {
padding:0px; /* セルの余白を指定する(上下左右) */
border: none;
background-color:#FFF;
}

table.rare th {
width: 35%;  /*テーブルの見出しの横幅を指定する */
} 
table.rare td {
text-align: center;/*セル内のテキストの位置を指定（真ん中）する*/
vertical-align:middle;
font-size:10px;
background-image:url(../images2/rare-image/rare-back1.jpg);
} 


.three_moji{
	letter-spacing:0.5em;
}


@media only screen and (max-width:767px){
table.rare {
	width:49%;
 /*margin: 10px 5px; テーブルの余白を指定する */
  display: block; /*ブロックレベル要素化する */
  border: none;
}
table.rare th, table.rare td {
 width: 100%; /*テーブルの見出しの横幅を指定する */
 /* display: block;ブロックレベル要素化する */
border: none;
}
}


/*事業所リスト*/
table.ac {
width: 20%; /* テーブルの横幅を指定する */
float:left;
border: none;
}
table.ac th, table.ac td {
padding:0px 20px; /* セルの余白を指定する(上下左右) */
border: none;
background-color:#FFF;
}

table.ac th {
width: 35%;  /*テーブルの見出しの横幅を指定する */
} 
table.ac td {
text-align: center;/*セル内のテキストの位置を指定（真ん中）する*/
vertical-align:middle;
font-size:15px;
background-image:url(../images2/rare-image/rare-back1.jpg);
} 

@media only screen and (max-width:767px){
table.ac {
	width:49%;
 /*margin: 10px 5px; テーブルの余白を指定する */
  display: block; /*ブロックレベル要素化する */
  border: none;
}
table.ac th, table.ac td {
 width: 100%; /*テーブルの見出しの横幅を指定する */
 /* display: block;ブロックレベル要素化する */
border: none;
}
}


@media only screen and (max-width:767px){
table {
margin: 10px 5px; /* テーブルの余白を指定する */
}
table th, table td {
width: 100%; /* テーブルの見出しの横幅を指定する */
display: block; /* ブロックレベル要素化する */
border: none;
}
}




/*TOP買取ジャンルリスト*/
table.topitem {
width: 16%; /* テーブルの横幅を指定する */
float:left;
border: none;
margin-left:3px;
margin-right:3px;
}
table.topitem th, table.topitem td {
padding:0px; /* セルの余白を指定する(上下左右) */
border: none;
/*background-color: #FFC;*/
}

table.topitem th {
width: 35%;  /*35テーブルの見出しの横幅を指定する */
} 
table.topitem td {
text-align: center;/*セル内のテキストの位置を指定（真ん中）する*/
vertical-align:middle;
font-size:10px;
background-image:url(../images2/rare-image/rare-back1.jpg);
} 


/*TOP社長あいさつ*/
table.top-pr1 {
width: 30%; /* テーブルの横幅を指定する */
float:left;
border: none;
margin-left:3px;
margin-right:3px;
}
table.top-pr1 th, table.top-pr1 td {
padding:0px; /* セルの余白を指定する(上下左右) */
border: none;
background-color:#FFF;
}

table.top-pr1 th {
width: 30%;  /*35テーブルの見出しの横幅を指定する */
} 

table.top-pr2 {
width: 65%; /* テーブルの横幅を指定する */
float:left;
border: none;
margin-left:3px;
margin-right:3px;
}
table.top-pr2 th, table.top-pr2 td {
padding:0px; /* セルの余白を指定する(上下左右) */
border: none;
background-color:#FFF;
}

table.top-pr2 th {
width: 65%;  /*35テーブルの見出しの横幅を指定する */
} 



/*-----------------------------------------------*/


table.top-cmp1 {
width: 35%; /* テーブルの横幅を指定する */
vertical-align: middle;
float:left;
border: none;
margin-left:3px;
margin-right:3px;
margin-bottom:0px;
margin-top:5px;
font-size:20px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #43403f;
}
table.top-cmp1 th, table.top-cmp1 td {
padding:0px; /* セルの余白を指定する(上下左右) */
border: none;
background-color:#FFC;
}

table.top-cmp1 th {
width: 40%;  /*35テーブルの見出しの横幅を指定する */
} 


table.top-cmp2 {
width: 60%; /* テーブルの横幅を指定する */
vertical-align: middle;
float:left;
border: none;
margin-left:3px;
margin-right:3px;
margin-bottom:0px;
margin-top:5px;
font-size:20px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #43403f;
}
table.top-cmp2 th, table.top-cmp2 td {
text-align:left;
padding:0px 0px 0px 10px; /* セルの余白を指定する(上下左右) */
border: none;
background-color:#FFC;
}

table.top-cmp2 th {
width: 58%;  /*35テーブルの見出しの横幅を指定する */
} 


/*-----------------------------------------------*/

table.top-yo1 {
width: 48%; /* テーブルの横幅を指定する */
float:left;
border: none;
margin-left:3px;
margin-right:3px;
margin-bottom:0px;

}
table.top-yo1 th, table.top-yo1 td {
padding:0px; /* セルの余白を指定する(上下左右) */
border: none;
background-color:#FFC;
}

table.topyo1 th {
width: 50%;  /*35テーブルの見出しの横幅を指定する */
} 


table.top-yo2 {
width: 50%; /* テーブルの横幅を指定する */
vertical-align:middle;
float:left;
border: none;
margin-left:3px;
margin-right:3px;
}
table.top-yo2 th, table.top-yo2 td {
padding:0px; /* セルの余白を指定する(上下左右) */
border: none;
background-color:#FFC;
}

table.top-yo2 th {
width: 15%;  /*35テーブルの見出しの横幅を指定する */
} 

table.top-yo3 {
width: 45%; /* テーブルの横幅を指定する */
float:left;
border: none;
margin-left:3px;
margin-right:3px;
margin-bottom:0px;

}
table.top-yo3 th, table.top-yo3 td {
padding:0px; /* セルの余白を指定する(上下左右) */
border: none;
background-color:#FFC;
}

table.top-yo3 th {
width: 45%;  /*35テーブルの見出しの横幅を指定する */
} 


@media only screen and (max-width:767px){
table.topitem {
	width:45%;
 /*margin: 10px 5px; テーブルの余白を指定する */
  display: block; /*ブロックレベル要素化する */
  border: none;
}
table.topitem th, table.topitem td {
 width: 100%; /*テーブルの見出しの横幅を指定する */
 /* display: block;ブロックレベル要素化する */
border: none;
}

/*TOP社長あいさつ*/
table.top-pr1 {
	width:100%;
 /*margin: 10px 5px; テーブルの余白を指定する */
  display: block; /*ブロックレベル要素化する */
  border: none;
}
table.top-pr1 th, table.top-pr1 td {
 width: 100%; /*テーブルの見出しの横幅を指定する */
 /* display: block;ブロックレベル要素化する */
border: none;
}

table.top-pr2 {
	width:100%;
 /*margin: 10px 5px; テーブルの余白を指定する */
  display: block; /*ブロックレベル要素化する */
  border: none;
}
table.top-pr2 th, table.top-pr2 td {
 width: 100%; /*テーブルの見出しの横幅を指定する */
 /* display: block;ブロックレベル要素化する */
border: none;
}



/*-----------------------------------------------*/


table.top-cmp1 {
width: 100%; /* テーブルの横幅を指定する */
vertical-align: middle;
float:left;
border: none;
margin-left:3px;
margin-right:3px;
margin-bottom:0px;
font-size:14px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #43403f;
}
table.top-cmp1 th, table.top-cmp1 td {
text-align:left;
padding:0px 0px 0px 10px; /* セルの余白を指定する(上下左右) */
border: none;
background-color:#FFC;
}

table.top-cmp1 th {
width: 40%;  /*35テーブルの見出しの横幅を指定する */
} 


table.top-cmp2 {
width:100%; /* テーブルの横幅を指定する */
vertical-align: middle;
float:left;
border: none;
margin-left:3px;
margin-right:3px;
margin-bottom:0px;
font-size:14px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #43403f;
}
table.top-cmp2 th, table.top-cmp2 td {
text-align:left;
padding:0px 0px 0px 10px; /* セルの余白を指定する(上下左右) */
border: none;
background-color:#FFC;
}

table.top-cmp2 th {
width: 58%;  /*35テーブルの見出しの横幅を指定する */
} 


/*-----------------------------------------------*/

table.top-yo1 {
	width:100%;
 /*margin: 10px 5px; テーブルの余白を指定する */
  display: block; /*ブロックレベル要素化する */
  border: none;
}
table.top-yo1 th, table.top-yo1 td {
 width: 100%; /*テーブルの見出しの横幅を指定する */
 /* display: block;ブロックレベル要素化する */
border: none;
}

table.top-yo2 {
	width:100%;
 /*margin: 10px 5px; テーブルの余白を指定する */
  display: block; /*ブロックレベル要素化する */
  border: none;
}
table.top-yo2 th, table.top-yo2 td {
 width: 100%; /*テーブルの見出しの横幅を指定する */
 /* display: block;ブロックレベル要素化する */
border: none;
}

table.top-yo3 {
	width:100%;
 /*margin: 10px 5px; テーブルの余白を指定する */
  display: block; /*ブロックレベル要素化する */
  border: none;
}
table.top-yo3 th, table.top-yo1 td {
 width: 100%; /*テーブルの見出しの横幅を指定する */
 /* display: block;ブロックレベル要素化する */
border: none;
}

}