@charset "UTF-8";

/*スマホ用stylesheet*/
h2 {margin-bottom: 30px;}

.katabanList ul li {
  float: left;
  margin: 5px 45px 5px 0;
  min-width: 50px;}

.katabanDetails figcaption{
  text-align:center;
  margin:0px auto 10px;
  font-size:118%;}

.katabanDetails table th,
.katabanDetails table.customer th{
  color:#fff;
  font-size:11px;
  background-color:#065cb1;
  padding:5px 4px;
  border-right: 1px #fff solid;
  font-weight:normal;
  line-height:1.4;
	display: table-cell;
	vertical-align: middle;
	white-space: nowrap;}

.katabanDetails table th:last-child,
.katabanDetails table.customer th:last-child{
  border-right:1px #065cb1 solid;}

.katabanDetails table th:nth-child(1),
.katabanDetails table th:nth-child(2),
.katabanDetails table.customer th:nth-child(1),
.katabanDetails table.customer th:nth-child(2){white-space: nowrap;}
.katabanDetails table td:nth-child(1),
.katabanDetails table td:nth-child(2),
.katabanDetails table.customer td:nth-child(1),
.katabanDetails table.customer td:nth-child(2){white-space: nowrap;}
.katabanDetails table td:nth-child(3),
.katabanDetails table.customer td:nth-child(3),
.katabanDetails table td:nth-child(2),
.katabanDetails table.customer td:nth-child(2),
.katabanDetails table td:nth-child(4),
.katabanDetails table.customer td:nth-child(4){font-size: 10px; }
.katabanDetails table th:nth-child(5),
.katabanDetails table.customer th:nth-child(5),
.katabanDetails table td:nth-child(5),
.katabanDetails table.customer td:nth-child(5){font-size: 10px;width:16.5%;}

.katabanDetails table th:nth-child(1),.katabanDetails table.customer th:nth-child(1){width:16.5%; }
.katabanDetails table th:nth-child(2),.katabanDetails table.customer th:nth-child(2){width:18%; }

.katabanDetails table td,
.katabanDetails table.customer td{
	font-size:11px;
	padding:2px 3px;
	border: 1px #cacaca solid;
	height:45px;
	display: table-cell;
	vertical-align: middle;}

.katabanDetails table tr.first td,
.katabanDetails table.customer tr.first td{
  border-top:none;}

.katabanDetails p.comment{
  font-size:12px;
  margin:20px 0 30px 0;
  color: #065cb1;}

.katabanDetails tr {
  cursor:pointer;
  color:#065cb1; }
.katabanDetails tr:hover {
  background:#e4eff9;
  color: #ff3300;
  text-decoration:underline;}
.katabanDetails tr.head:hover  {
  text-decoration:none;}

.katabanDetails .product{
  padding:10px 0;}

#topicPath{padding: 4px 8px;line-height: 120%;}
#topicPath li {
    display: inline;
    vertical-align: middle;
    margin-right: 0px;
    padding: 0 8px 0 0;
    background: url(/common/images/bg_topicpath_01.gif) no-repeat right center;
    font-size: 79%;
    letter-spacing: -0.5px;}
#topicPath li.current {
    background: none;}
#contents{padding:8px;}
h1 {
    display: block;
    font-size: 130%;
    margin-bottom: 10px;
	line-height: 1.5;
    padding-bottom: 10px;
    border-bottom: 1px solid #e3e3e3;}
.katabanList {
    padding: 10px;
    background: #eaeaea;}
.katabanList ul li {
    display: inline-block;
    min-width: 74px;
    margin: 5px;}
.katabanList ul li a {
    display: block;
    padding: 0 0 0 21px;
    background: url(/common/images/ico_link_01.gif) no-repeat 0 1px;}
h2 {
    font-size: 130%;
    margin-bottom: 10px;
    line-height: 1.5;}
.katabanDetails .box h3 {
    margin-left: 5px;}
h3 {
    font-size: 120%;
    font-weight: bold;
    margin-bottom: 10px;
    line-height: 1.5;}
.katabanDetails .box:first-child {border-top:none;}
.katabanDetails > div {
    padding-top: 20px;}

.katabanDetails ul li {
    display: inline-block;
    width: 32%;
    vertical-align: top;
	text-align: center;
	margin-right: 5px;}
.katabanDetails ul li:nth-child(3n) {margin-right: 0}
.katabanDetails ul li img {
    border: 1px solid #ccc;
	width: 100%;
	height: auto;}
.katabanDetails ul li span {
    display: block;
    margin-top: 5px;
    margin-bottom: 10px;
    text-align: center;
    font-size: 100%;
    word-wrap: break-word;}

div.w77 {
	width: 100%;}
.katabanDetails table{
	margin-bottom: 20px;}
.katabanDetails figure{
	margin-bottom: 20px;
	display: block;
	float: none;
	text-align: center;}
.mt40{margin-top: 0 !important;}
.katabanDetails table th span,
.katabanDetails table.customer th span{display:block;font-size: 10px;}

.btnBlock p {
    background: #005ab4;
	position: relative;
}
.btnBlock p:before {
    content: " ";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 3px;
    height: 3px;
    background: url(/common/images/bg_btn_tl_01.gif) no-repeat 0 0;}
.btnBlock p:after {
    content: " ";
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 3px;
    height: 3px;
    background: url(/common/images/bg_btn_bl_01.gif) no-repeat 100% 0;}
.btnBlock a:before {
    content: " ";
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    width: 3px;
    height: 3px;
    background: url(/common/images/bg_btn_tr_01.gif) no-repeat 0 100%;}
.btnBlock a:after {
    content: " ";
    display: block;
    position: absolute;
    bottom: 0;
    right: 0;
    width: 3px;
    height: 3px;
    background: url(/common/images/bg_btn_br_01.gif) no-repeat 100% 100%;}
.btnBlock .btnBlockInner02 a {
    display: block;
    padding: 15px;
    font-size: 113%;
    color: #fff;
    text-align: center;}