﻿@charset "utf-8";

#tano-main-area strong {
	font-weight: bold;
}
#tano-main-area p {
	margin: 0;
}
#tano-main-area h2.tano-h2-type-01 {
	margin:40px 0 15px 0;
}
#tano-main-area .tano-jin-text-01{
	padding:0;
	margin:5px 0 15px 0;
}

/*-----------------------------	
	.NaviBtn ※ページ内リンクボタン
-----------------------------*/
/* ボタン３つ
#tano-main-area .NaviBtn ul {
	margin-left:-11px;
	padding: 0;
}

#tano-main-area .NaviBtn ul li {
	float:left;
	margin: 0 0 0 11px;
}

#tano-main-area .NaviBtn ul li a {
	display: block;
	width: 310px;
	border: solid #999 1px; 
	padding: 8px 0;
	text-align: center;
	font-size: 18px;
	color: #333;
	font-weight:bold;
	background: #e9f3e7 270px center url('/files/uploadFiles/special/special_ic001.png')  no-repeat;
}
*/
#tano-main-area .NaviBtn ul {
	margin-left:-9px;
	padding: 0;
}

#tano-main-area .NaviBtn ul li {
	float:left;
	margin: 0 0 0 9px;
}

#tano-main-area .NaviBtn ul li a {
	display: block;
	width: 231px;
	border: solid #cac7c7 1px; 
	padding: 8px 0;
	text-align: center;
	font-size: 15px;
	color: #333;
	font-weight:bold;
	background: #e9f3e7 200px center url('/files/uploadFiles/special/special_ic001.png')  no-repeat;
}

#tano-main-area .NaviBtn ul li a:hover,
#tano-main-area .link-box li a:hover,
#tano-main-area .size-box .select-size td a:hover{
	color:brown;
	text-decoration: none;
	background-color: #e3f79e;
}
/* ------------------------------
	.link-box
 ------------------------------ */
#tano-main-area .link-box{
	display:flex;
	justify-content:space-between;
}
#tano-main-area .link-box li a{
	color:#333;
	font-size:16px;
	font-weight:bold;
	text-align:center;
	border:solid 1px #999;
	text-decoration:none;
	background:#fff;
}
#tano-main-area .type-box .link-box li a .link-box-img,
#tano-main-area .type-box .link-box li a img{
	width:196px;
	height:126px;
}
#tano-main-area .material-box .link-box li a .link-box-img,
#tano-main-area .material-box .link-box li a img{
	width:296px;
	height:196px;
}
#tano-main-area .features-box .link-box li a .link-box-img,
#tano-main-area .features-box .link-box li a img{
	width:296px;
	height:176px;
}
#tano-main-area .link-box li.type-link01 a .link-box-img{
	background:#fff url(/files/uploadFiles/special/mae/stationery/deskmat/type-box-img01.png) no-repeat 0 0;
}
#tano-main-area .link-box li.type-link02 a .link-box-img{
	background:#fff url(/files/uploadFiles/special/mae/stationery/deskmat/type-box-img02.png) no-repeat 0 0;
}
#tano-main-area .link-box li.type-link03 a .link-box-img{
	background:#fff url(/files/uploadFiles/special/mae/stationery/deskmat/type-box-img03.png) no-repeat 0 0;
}
#tano-main-area .link-box li.type-link04 a .link-box-img{
	background:#fff url(/files/uploadFiles/special/mae/stationery/deskmat/type-box-img04.png) no-repeat 0 0;
}
#tano-main-area .link-box li.material-link01 a .link-box-img{
	background:#fff url(/files/uploadFiles/special/mae/stationery/deskmat/material-box-img01.png) no-repeat 0 0;
}
#tano-main-area .link-box li.material-link02 a .link-box-img{
	background:#fff url(/files/uploadFiles/special/mae/stationery/deskmat/material-box-img02.png) no-repeat 0 0;
}
#tano-main-area .link-box li.material-link03 a .link-box-img{
	background:#fff url(/files/uploadFiles/special/mae/stationery/deskmat/material-box-img03.png) no-repeat 0 0;
}
#tano-main-area .link-box li.features-link01 a .link-box-img{
	background:#fff url(/files/uploadFiles/special/mae/stationery/deskmat/features-box-img01.png) no-repeat 0 0;
}
#tano-main-area .link-box li.features-link02 a .link-box-img{
	background:#fff url(/files/uploadFiles/special/mae/stationery/deskmat/features-box-img02.png) no-repeat 0 0;
}
#tano-main-area .link-box li.features-link03 a .link-box-img{
	background:#fff url(/files/uploadFiles/special/mae/stationery/deskmat/features-box-img03.png) no-repeat 0 0;
}
#tano-main-area .link-box li.features-link04 a .link-box-img{
	background:#fff url(/files/uploadFiles/special/mae/stationery/deskmat/features-box-img04.png) no-repeat 0 0;
}
#tano-main-area .link-box li.features-link05 a .link-box-img{
	background:#fff url(/files/uploadFiles/special/mae/stationery/deskmat/features-box-img05.png) no-repeat 0 0;
}
#tano-main-area .link-box li.features-link06 a .link-box-img{
	background:#fff url(/files/uploadFiles/special/mae/stationery/deskmat/features-box-img06.png) no-repeat 0 0;
}
#tano-main-area .link-box li a:hover img{
	visibility:hidden;
}
#tano-main-area .link-box li a:hover .link-box-img{
	opacity:0.6;
}
#tano-main-area .link-box li a span{
	padding:10px 0;
}
#tano-main-area .link-box li a,
#tano-main-area .link-box li a img,
#tano-main-area .link-box li a span{
	display:block;
}


/* ------------------------------
	.type-box
 ------------------------------ */
#tano-main-area .type-box{
	display:flex;
	justify-content:space-between;
	gap:20px;
}
#tano-main-area .type-box .type-box-inner{
	padding:15px 25px;
	background:#f4f4f4;
}
#tano-main-area .type-box .type-box-inner h3{
	font-size:16px;
	font-weight:bold;
	border-bottom:solid 1px #999;
}
#tano-main-area .type-box .type-box-inner .type-text{
	margin:10px 0;
	padding-left:20px;
}
#tano-main-area .type-box .type-box-inner .type-text li{
	list-style:disc;
	font-size:14px;
}

/* ------------------------------
	.material-box
 ------------------------------ */
#tano-main-area .material-box .link-box li a{
	width:296px;
}
#tano-main-area .material-box .link-box li a .link-box-img{
	margin-bottom:5px;
}
#tano-main-area .material-box .link-box li a .link-box-text{
	font-size:14px;
	font-weight:normal;
	text-align:left;
	padding:0 15px 15px;
}

/* ------------------------------
	.features-box
 ------------------------------ */
#tano-main-area .features-box .bottom{
	margin-top:18px;
}
/* ------------------------------
	.size-box
 ------------------------------ */
#tano-main-area .size-box .select-size{
	text-align:center;
	font-size:14px;
	line-height:1.25em;
	background:#f4f4f4;
	border:solid 1px #ccc;
	border-collapse:collapse;
}
#tano-main-area .size-box .select-size,
#tano-main-area .size-box .select-size tbody,
#tano-main-area .size-box .select-size tr{
	display:block;
}
#tano-main-area .size-box .select-size tr{
	border-bottom:dotted 1px #ccc;
}
#tano-main-area .size-box .select-size tr.select-size-last{
	border-bottom:0;
}
#tano-main-area .size-box .select-size th,
#tano-main-area .size-box .select-size td{
	vertical-align:middle;
	padding: 10px 5px;
}
#tano-main-area .size-box .select-size th{
	color:#fff;
	background:#666;
	width:92px;
	font-size:14px;
}
#tano-main-area .size-box .select-size td{
	padding-right: 0;
}
#tano-main-area .size-box td.select-size-first{
	padding-left: 10px;
}
#tano-main-area .size-box .select-size td a{
	font-size:13px;
	font-weight:bold;
	text-decoration:none;
	color:#333;
	padding: 10px 5px 7px;
	background: #fff;
	border: solid 1px #999;
	display:inline-block;
	width:88px;
}


#tano-main-area .material-box,
#tano-main-area .features-box{
	padding:15px;
	background:#f4f4f4;
}
