@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);
} 

@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;
}
}

/*社長あいさつバナー*/
table {
width: 100%; /* テーブルの横幅を指定する */
}
table th, table td {
padding:0px; /* セルの余白を指定する(上下左右) */
border: none;
}

table th {
width: 35%;  /*テーブルの見出しの横幅を指定する */
} 
table td {
text-align: left;/*セル内のテキストの位置を指定（真ん中）する*/
vertical-align:middle;
background-color:#FF0;
/*background-image:url(../images2/rare-image/rare-back1.jpg);*/
} 
 
@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;
color:#333;
}
table.topitem th, table.topitem td {
padding:0px; /* セルの余白を指定する(上下左右) */
border: none;
background-color:#FFF;
color:#333;
}

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

table.topitem a:link {
	color: #333;
	text-decoration: underline;
} 

table.topitem a:visited {
	color: #333;
	text-decoration: underline;
} 

/*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-yo1 {
width: 35%; /* テーブルの横幅を指定する */
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:#FFF;
}

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


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

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


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

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

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

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

/*----------------役員紹介マデ------------------*/

/*----------------全日本動産事業協会とはココ------------------*/

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

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

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

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

/*----------------全日本動産事業協会とはマデ------------------*/

/*----------------法人概要ココ------------------*/

table.top-cmp1 {
  width: 100%;
  border-collapse: collapse;
  font-size:1em;
}

table.top-cmp1 th {
  border-bottom: 1px solid #ccc;
  width:30%;
  background-color: #333;
}

table.top-cmp1 td {
  border-bottom: 1px solid #ccc;
  width:70%;
  padding-left:1em;
  text-align:left;
  color:#333;
  background-color: #FFF;
}

table.top-cmp1 th, table.top-cmp1 td {
  text-align: left;
}


/*----------------法人概要マデ------------------*/


/*----------------沿革ココ------------------*/

table.history1 {
  width: 100%;
  border-collapse: collapse;
  font-size:1em;
}

table.history1 th {
  border-bottom: 1px solid #ccc;
  width:30%;
  background-color:  #333;/*#F93;*/
}

table.history1 td {
  border-bottom: 1px solid #ccc;
  width:70%;
  text-align:left;
  color:#333;
  background-color: #FFF;
}

table.history1 th, table.history1 td {
  text-align: left;
}

/*----------------沿革マデ------------------*/


/*-----------------------------------------------------------------------------*/
/* スマホ用 640⇒720*/
@media screen and (max-width:720px) {

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

/*TOP社長あいさつ*/
table.top-pr1 {
	width:100%;
  margin: auto; /*テーブルの余白を指定する */
  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-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;
}

/*----------------役員紹介ココ------------------*/
table.top-yo4 {
	width:25%;
 /*margin: 10px 5px; テーブルの余白を指定する */
  display: block; /*ブロックレベル要素化する */
  border: none;
}

table.top-yo4 th, table.top-yo4 td {
 width: 100%; /*テーブルの見出しの横幅を指定する */
 /* display: block;ブロックレベル要素化する */
border: none;
}
/*----------------役員紹介マデ------------------*/

/*----------------全日本動産事業協会とはココ------------------*/
table.top-yo5 {
	width:100%;
 /*margin: 10px 5px; テーブルの余白を指定する */
  display: block; /*ブロックレベル要素化する */
  border: none;
}

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

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

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

/*----------------全日本動産事業協会とはマデ------------------*/

/*----------------法人概要ココ------------------*/

table.top-cmp1 th, table.top-cmp1 td {
    display: inline-block;
    width: 100%;
/*   float: left;*/
text-align: center;/*セル内のテキストの位置を指定（真ん中）する*/
vertical-align:middle;
border: none;
font-size:2.2em;
}

/*----------------法人概要マデ------------------*/

/*----------------沿革概要ココ------------------*/

table.history1 th, table.history1 td {
    display: inline-block;
    width: 100%;
/*   float: left;*/
text-align: center;/*セル内のテキストの位置を指定（真ん中）する*/
vertical-align:middle;
border: none;
font-size:2.2em;
}

/*----------------沿革概要マデ------------------*/

table.topitem td {
text-align: center;/*セル内のテキストの位置を指定（真ん中）する*/
vertical-align:middle;
font-size:0.6em;
background-image:url(../images2/rare-image/rare-back1.jpg);
} 

}