body{
margin: 0;
color:#202020!important;
max-width:825px;
}

span.midasi {
	font-size: 16px;
}

span.head {
	font-size: 16px;
}

.catalog_table {
    max-width: 825px;
    width: 100%;
    margin: 5px 0px 10px !important;
    border: 1px solid #c2c2c2 !important;
    border-collapse: collapse;
    font-size: 12px;
}
.catalog_table th {
	text-align:center;
	font-weight: normal;
	vertical-align: middle;
	border: 1px solid #ccc;
	padding:13px 0;
}
.catalog_table th img{
	height: 100px;
	width: auto;
}
.catalog_table th a {
	display: block;
	text-decoration:none;
}
.catalog_table td {
	background: #FFF;
	padding:0px;
	border: 1px solid #ccc !important;
	overflow:hidden;
	font-size:15px;
	line-height:1.4em;
	text-align:center;
}
.catalog_table td a {
	display: block!important;
	text-decoration: none;
	padding: 10px 2px 10px 2px;
	height: 100% !important;
	vertical-align: middle !important;
	color: #000 !important;
	text-align: center;
}
a:hover {
	background:#efefef;
	text-decoration:none !important;
}
.catalog_table td img {
	display: block;
	margin: 0 auto !important;
	width: 100%;
}
tr {
	border:none;
}
.catalog_table .erecta_price {
	font-size:.8em;
	font-weight:bold;
	/*display:inline-block;*/
	margin-left:4px;
	color:#0066CC;
}
tr.midashi td {
	background:#EFEFEF;
}
.kataban {
	display:block;
	padding:10px 0 5px;
}
h2 {
	width:825px;
	background:#efefef;
}
td.title {
	border:none!important;
	padding:10px;
	height: 30px;
	width: 40px;
	padding: 0;
	border: solid gray 1px;
	padding: 5px;
}
.diagonal {
	height: 100%;
	width: 100%;
	border-top: solid gray 1px;
}
.rightUp {
	transform: matrix(1, -0.75, 0, 1, 0, 15);/*
        0.75 = 30 / 40 (height / width)
        15 = 30 / 2
    */
}
th a {
	color: #000 !important;
}
td.series {
	width: 100%;
	background-color: #cce9fb;
	text-align: center;
	font-size: 20px;
	padding: 14px 0;
	padding-left: 17px;
	margin-bottom: 13px;
}

.slash {
padding: 0;
width: 12%!important;
}
.slash-inner {
position: relative;
width: 100%;
height: 100%;
background-color: #FFF;
}
.slash-char {
    position: relative;
    display: block;
    padding: .5em .5em .5em 0;
    font-size: 12px;
}
.slash-char-row {
text-align: right;
    padding: .5em .3em 0 0;
}
.slash-char-col {
margin-top: -2em;
text-align: left;
    padding: 0 0 0 .5em;
}

#svg-bg {
position: absolute;
top: 0;
left: 0;
/*z-index: 100;*/
width: 100%;
height: 100%;
}

.head th{
width:14.666%;
}


.head_b{
font-size:22px;
}

.head th{
font-size:16px;
background-color:#efefef;
}

th{
background-color:#365194;
color:#FFF;
}

.border_b{
border-bottom:dashed 1px #555;
margin:0 6px;
}

th.slash{
background:#FFF;
}

.caution{
text-align:right;
}

.caution p{
margin:0px;
font-size:16px;
color:#202020;
}

.shelve{
background-color:#8aa1d5!important;
color:#FFF;
width:7%;
}

td.shelve{
padding:10px 0;
font-size:13px;
}

.images th{
background-color:#FFF!important;
padding:0px;
}

.pillar_h{
padding:0 20px!important;
}


/*�^�u�؂��ւ��S�̂̃X�^�C��*/
.tabs {
  margin-top: 50px;
  padding-bottom: 40px;
  background-color: #fff;
  max-width: 825px;
  width: 100%;
  margin: 0 auto;}

/*�^�u�̃X�^�C��*/
.tab_item {
  width: calc(100%/7);
  height: 50px;
  border-bottom: 3px solid #365194;
  background-color: #d9d9d9;
  line-height: 50px;
  font-size: 16px;
  text-align: center;
  color: #565656;
  display: block;
  float: left;
  text-align: center;
  font-weight: bold;
  transition: all 0.2s ease;
  cursor:pointer;
}
.tab_item:hover {
  opacity: 0.75;
}

/*���W�I�{�^�����S���*/
input[name="tab_item"] {
  display: none;
}

/*�^�u�؂��ւ��̒��g�̃X�^�C��*/
.tab_content {
  display: none;

  clear: both;
  overflow: hidden;
}


/*�I�������Ă����^�u�̃R���e���c�݂̂��\���@�X�[�p�[*/
#ss_series:checked ~ #ss_series_content,
#as_series:checked ~ #as_series_content,
#ms_series:checked ~ #ms_series_content,
#bs_series:checked ~ #bs_series_content,
#ls_series:checked ~ #ls_series_content,
#lms_series:checked ~ #lms_series_content,
#lls_series:checked ~ #lls_series_content
 {
  display: block;
}


/*�I�������Ă����^�u�̃R���e���c�݂̂��\���@�X�e�����X*/
#sss_series:checked ~ #sss_series_content,
#sas_series:checked ~ #sas_series_content,
#sms_series:checked ~ #sms_series_content,
#sbs_series:checked ~ #sbs_series_content,
#sls_series:checked ~ #sls_series_content,
#slms_series:checked ~ #slms_series_content,
#slls_series:checked ~ #slls_series_content
 {
  display: block;
}


/*�I�������Ă����^�u�̃R���e���c�݂̂��\���@�I�[���X�������X*/
#smss_series:checked ~ #smss_series_content,
#slss_series:checked ~ #slss_series_content
 {
  display: block;
}


/*�I�������Ă����^�u�̃X�^�C�����ς���*/
.tabs input:checked + .tab_item {
  background-color: #365194;
  color: #fff;
}


/* ==============�X�}�z================== */
@media screen and (max-width:768px) {
* {
    font-size: 11px!important;
}
.tab_item {
    height: 30px;
    line-height: 33px;
    font-size: 11px;
}
td.shelve {
    padding: 2px 8px;
    font-size: 11px;
}
.catalog_table th {
    padding: 0px 4px!important;
}

.catalog_table .erecta_price {
    font-size: 0.6rem;
    margin: 0px 4px;
}
.catalog_table td {
    line-height: 1em;
}
.caution {
    text-align: left;
}
.caution p {
    font-size: 11px;
}



}