@charset "UTF-8";
.ctlgBox{
  border-width : 3px;
  border-style : solid;
  border-color :#474279;
  padding : 2px;
  margin-top : 10px;
}
.ctlgB-Type{
  margin-top : 0;
  border-bottom : 1px dotted #999999;
  overflow : hidden;
}
.ctlgB-typ-l{
  float : left;
  max-width : 90%;
  height : auto;
}
.ctlgB-typ-r{
  float : right;
  max-width : 80%;
  height : auto;
}
ul.ctlgListUL{
  list-style-type : none;
  width : 100%;
  margin : 5px 0;
  padding : 0;
  font-size : 0;
}
.ctlgListUL li{
  width : 25%;
  margin : 0;
  padding : 1px;
  display : -moz-inline-stack;
  display : inline-block;
  /display : inline;
  /zoom : 1;
  font-size : 14px;
  text-align : center;
  vertical-align : top;
}
.ctlgListUL dl{
  padding : 8px 5px;
  margin : 0;
  height : 100%;
  border-right : 1px solid #6355bf;
  border-bottom : 1px solid #6355bf;
  background-color :#f4f2fb;
  border-radius: 2px;
}
.ctlgListUL dt{
  padding : 0;
  margin : 0;
}
.ctlgListUL dt img{
  height : auto;
  max-width : 100%;
}
.ctlgListUL dt a:hover img{
  filter:alpha(opacity=60);
  -moz-opacity: 0.6;
  opacity: 0.6;
}
.ctlgListUL dd{
  padding : 0;
  margin : 5px 0;
}
.ctlgL-dv-mdl{
  padding-bottom : 5px;
  border-bottom-width : 2px;
  border-bottom-style : groove;
  border-bottom-color : #dad8e9;
}
.ctlgL-dv-mdl a{
  font-weight : bold;
  font-size : 20px;
  color : #3a00a6;
  font-style : italic;
  text-shadow :
    #fff 1px 1px, #fff -1px -1px, #fff 1px -1px, #fff -1px 1px, 
    #fff 0px -1px, #fff 1px 0px, #fff 0px 1px, #fff -1px 0px;
}
.ctlgL-dv-mdl span{
  display : block;
  margin-left : 3px;
  font-size : 12px;
}
.ctlgL-dv-mdl a:hover{
  color :#7455dd;
}
.ctlgL-dv-mtxt{
  margin : 5px 0 5px 1em;
  text-indent : -1em;
  text-align : left;
}
@media screen and (max-width: 759px) {
  .ctlgListUL li{
  width : 33.3%;
}
}
@media screen and (max-width: 759px) and (min-width: 480px) {
  }
@media screen and (max-width: 559px) {
  .ctlgListUL li{
  width : 50%;
}
}
@media screen and (max-width: 479px) {
  .ctlgListUL li{
  width : 100%;
}
.ctlgListUL dl{
  display : table;
  padding : 8px 4px;
  table-layout : fixed;
  width : 100%;
  vertical-align : top;
}
.ctlgListUL dt{
  display : table-cell;
  vertical-align : top;
  width : 100px;
}
.ctlgListUL dd{
  display : table-cell;
  vertical-align : top;
  padding-left : 10px;
  text-align : left;
}
}
@media screen and (max-width: 479px) and (min-width: 380px) {
  .ctlgL-dv-mdl span{
  display : -moz-inline-stack;
  display : inline-block;
  /display : inline;
  /zoom : 1;
}
}
@media screen and (max-width: 379px) {
  .ctlgListUL dt{
  width : 90px;
}
.ctlgL-dv-mdl{
  min-height : 56px;
}
.ctlgL-dv-mtxt{
  margin : 10px 0 5px -82px;
  text-indent : -1em;
  text-align : left;
}
}
/* -- Price Range Table ---- */
.ctlg_PrTWrap{
  margin-top : 15px;
  text-align : center;
  background-color :#ebebeb;
  border-width : 8px;
  border-style : solid;
  border-color : #ebebeb;
}
table.ctlg_PrTbl{
  font-size : 11px;
  margin : 0 auto;
  width : 100%;
  max-width : 820px;
  color :#4a4662;
  background-color :#ffffff;
  border-spacing : 0 2px;
  border-width : 2px;
  border-color :#3e3e4a;
  border-style : solid;
  text-align : left;
  line-height : 1.1;
}
.ctlg_PrTbl th,.ctlg_PrTbl td{
  border-color :#e2e2eb;
}
.ctlg_PrTbl thead th{
  text-align : left;
  font-size : 15px;
  padding : 3px 5px;
  background-color :#e6def8;
}
.ctlg_PrTbl tbody th{
  text-align : left;
  font-size : 12px;
  font-weight : normal;
  padding : 2px 4px;
}
.ctlg_PrTbl tbody th{
  background-color :#f0ecfb;
}
@media screen and (max-width: 639px) {
  .ctlg_PrTWrap,.ctlg_PrTWrap *{
  display : none;
}
}
.ctlg_BottomDiv{
  font-size : 15px;
  margin : 20px;
  padding : 10px 20px;
  background-color :#fffcf0;
  -moz-border-radius : 10px;
  -webkit-border-radius : 10px;
  border-radius : 10px;
  border-width : 2px;
  border-style : solid;
  border-color : #fff0b5 #fed596 #fed596 #fff0b5;
}
.ctlg_BottomDiv > p{
  margin : 5px 0 10px 1em;
  text-indent : -1em;
}
.ctlg_usedbtn{
  margin : 2px 4px 4px 2px;
  max-width : 96%;
  height : auto;
}
.ctlg_usedbtn:hover{
  margin : 4px 2px 2px 4px;
  filter:alpha(opacity=70);
  -moz-opacity: 0.7;
  opacity: 0.7;
}
@media screen and (max-width: 479px) {
  .ctlg_BottomDiv{
  margin : 20px 5px;
  padding : 10px;
}
}
