@media screen and (min-width:640px){
 /* for PC*/

 /*Astrocraftイメージ*/
 img.titlepc{
  width :284px;
  height:155px; }

 /* ウェッブページ説明部 */
 table#hpexplain{/* サイズのみ センター指定は別に*/
  width:750px ;
 }

 table#hpexplain td.leftp{width:300px;}
 table#hpexplain td.rightp{width:450px;}

 /*  更新時情報部 */
 table#newinfo{/* サイズのみ センター指定は別に*/
  width:600px ;}

 table#newinfo td.leftp{width:150px;}
 table#newinfo td.rightp{width:450px;}

 /* table 枠付き白線 */
 table.whsolbord{
  width:850px;
  border: thin #ffffff solid;
 }

 table.whsolbord td{
  padding:10px ;
  color:#000000 ;
 }
 table.whsolbord td.leftp{ width:220px;}

 /*
  本検索(Amazon等)
 */
 table#serchbook{/* センタリングは共通クラスで*/
  width:380px;
  border: thin #ffffff solid;
 }

 table#serchbook td.leftp{width:180px;}
 table#serchbook td.rightp{width:200px;}

}

@media screen and (max-width:640px){
/* for smart phone or Tablet device*/

 /*Astrocraftイメージ*/
 img.titlepc{
  width :95%;
  max-width :284px;
  height:auto; 
 }

 /* ウェッブページ説明部 */
 table#hpexplain{/* サイズのみ 位置指定は別に*/
  width :80vw ;
  max-width:750px ;
 }

 table#hpexplain td.leftp{width:32vw; max-width:300px;}
 table#hpexplain td.rightp{width:48vw;max-width:450px;}

 /* 更新時情報部 */
 table#newinfo{/* サイズのみ センター指定は別に*/
  width :100vw;
  max-width:600px ;}

 table#newinfo td.leftp{width:25vw; max-width:150px;}
 table#newinfo td.rightp{width:75vw; max-width:450px;}

 /* table 枠付き白線 */
 table.whsolbord{
  width :100vw;
  max-width:850px;
  border: thin #ffffff solid;
 }

 table.whsolbord td{
  padding:3px ;
  color:#000000 ;
 }
 table.whsolbord td.leftp{ width:25vw; max-width:220px;}

 /*
  本検索(Amazon等)
 */
 table#serchbook{/* センタリングは共通クラスで*/
  width:80vw;
  max-width:380px;
  border: thin #ffffff solid;
 }

 table#serchbook td.leftp{width: 40vw ; max-width:180px;}
 table#serchbook td.rightp{width: 40vw; max-width:200px;}


}

/*背景色*/
.conttd1{ background-color:#fff0f5;}
.conttd2{ background-color:#e0ffff;}

table#serchbook td{
  background-color:#e0ffff;
  color:#000000;
  border: thin #ffffff solid;
}