﻿@charset "utf-8";

/*-----------------------------	
	h1
-----------------------------*/
#tano-main-area .tano-h1-type-01 {
    padding: 18px 0 15px 10px;
    margin: 0;
    background: #eee;
    border-bottom: 2px #999 solid;
}

#tano-main-area .tano-h1-type-01 span {
    color: #333;
    font-size: 28px;
}

/*-----------------------------	
	h2
-----------------------------*/
#tano-main-area h2.tano-h2-type-01 {
	clear: both;
    float: left;
    width: 950px;
    background: #fff;
    margin: 30px 0 15px 0;
    font-size: 2.2em;
    font-weight: 700;
    border-left: none;
    color: #11658a;
    border-bottom: 1px #11658a dotted;
}

#tano-main-area h2.tano-h2-type-01 .tano-h2-inner {
	display: block;
}

/*-----------------------------	
	h3
-----------------------------*/
#tano-main-area h3.tano-h3-type-01 {
	clear: both;
    float: left;
    width: 950px;
    border-left: 8px #8a6511 solid;
    background: #fff;
    font-size: 2.0em;
    padding: 8px 0 8px 15px;
    margin: 15px 0 15px 0;
    color: #8a6511;
    font-weight: bold;
}

/*-----------------------------	
	nav.tano-nav-btn-top
-----------------------------*/
#tano-main-area nav ul.tano-nav-btn-top {
	margin: 10px 0 10px -5px;
}

#tano-main-area nav ul.tano-nav-btn-top li.select01 {
	float: left;
    margin: 0 0 10px 5px;
    padding: 0;
    width: 188px;
    height: 180px;
}

#tano-main-area nav ul.tano-nav-btn-top li.select01 a {
	display: table-cell;
    background: #fff url("menu-select01.png") no-repeat;
    width: 188px;
    height: 160px;
    text-decoration: none;
    text-align: center;
    vertical-align: bottom;
    line-height: 1.2em;
    font-size: 1.4em;
    font-weight: 700;
    color: #333;
    padding-bottom: 10px;
    border: 3px #319bc9 solid;
    border-radius: 3px;
	
}

#tano-main-area nav ul.tano-nav-btn-top li.select01 a:hover {
	color: #c30400;
    border: 3px #c30400 solid;
    border-radius: 3px;
}


#tano-main-area nav ul.tano-nav-btn-top li.select02 {
	float: left;
    margin: 0 0 10px 5px;
    padding: 0;
    width: 188px;
    height: 180px;
}

#tano-main-area nav ul.tano-nav-btn-top li.select02 a {
	display: table-cell;
    background: #fff url("menu-select02.png") no-repeat;
    width: 188px;
    height: 160px;
    text-decoration: none;
    text-align: center;
    vertical-align: bottom;
    line-height: 1.2em;
    font-size: 1.4em;
    font-weight: 700;
    color: #333;
    padding-bottom: 10px;
    border: 3px #319bc9 solid;
    border-radius: 3px;
	
}

#tano-main-area nav ul.tano-nav-btn-top li.select02 a:hover {
	color: #c30400;
    border: 3px #c30400 solid;
    border-radius: 3px;
}


#tano-main-area nav ul.tano-nav-btn-top li.select03 {
	float: left;
    margin: 0 0 10px 5px;
    padding: 0;
    width: 188px;
    height: 180px;
}

#tano-main-area nav ul.tano-nav-btn-top li.select03 a {
	display: table-cell;
    background: #fff url("menu-select03.png") no-repeat;
    width: 188px;
    height: 160px;
    text-decoration: none;
    text-align: center;
    vertical-align: bottom;
    line-height: 1.2em;
    font-size: 1.4em;
    font-weight: 700;
    color: #333;
    padding-bottom: 10px;
    border: 3px #319bc9 solid;
    border-radius: 3px;
	
}

#tano-main-area nav ul.tano-nav-btn-top li.select03 a:hover {
	color: #c30400;
    border: 3px #c30400 solid;
    border-radius: 3px;
}


#tano-main-area nav ul.tano-nav-btn-top li.select04 {
	float: left;
    margin: 0 0 10px 5px;
    padding: 0;
    width: 188px;
    height: 180px;
}

#tano-main-area nav ul.tano-nav-btn-top li.select04 a {
	display: table-cell;
    background: #fff url("menu-select04.png") no-repeat;
    width: 188px;
    height: 160px;
    text-decoration: none;
    text-align: center;
    vertical-align: bottom;
    line-height: 1.2em;
    font-size: 1.4em;
    font-weight: 700;
    color: #333;
    padding-bottom: 10px;
    border: 3px #319bc9 solid;
    border-radius: 3px;
	
}

#tano-main-area nav ul.tano-nav-btn-top li.select04 a:hover {
	color: #c30400;
    border: 3px #c30400 solid;
    border-radius: 3px;
}


#tano-main-area nav ul.tano-nav-btn-top li.select05 {
	float: left;
    margin: 0 0 10px 5px;
    padding: 0;
    width: 188px;
    height: 180px;
}

#tano-main-area nav ul.tano-nav-btn-top li.select05 a {
	display: table-cell;
    background: #fff url("menu-select05.png") no-repeat;
    width: 188px;
    height: 160px;
    text-decoration: none;
    text-align: center;
    vertical-align: bottom;
    line-height: 1.2em;
    font-size: 1.4em;
    font-weight: 700;
    color: #333;
    padding-bottom: 10px;
    border: 3px #319bc9 solid;
    border-radius: 3px;
	
}

#tano-main-area nav ul.tano-nav-btn-top li.select05 a:hover {
    color: #c30400;
    border: 3px #c30400 solid;
    border-radius: 3px;
}

/*-----------------------------	
	nav.tano-nav-btn
-----------------------------*/
#tano-main-area nav ul.tano-nav-btn {
	margin: 10px 0 30px -5px;
}

#tano-main-area nav ul.tano-nav-btn li {
	float: left;
    margin: -10px 0 10px 5px;
    padding: 0;
}

#tano-main-area nav ul.tano-nav-btn li a {
	display: block;
    width: 471px;
    padding: 15px 0 10px 0;
    text-decoration: none;
	background: #fff;
    text-align: center;
    vertical-align: middle;
    line-height: 1.2em;
    font-size: 1.4em;
    font-weight: 700;
    color: #333;
    border: 3px #40af24 solid;
    border-radius: 3px;
	
}

#tano-main-area nav ul.tano-nav-btn li a:hover {
	border: 3px #c30400 solid;
	color: #c30400;
	text-decoration: none;
}

.dli-chevron-down {
  display: inline-block;
  vertical-align: middle;
  line-height: 1;
  width: 1em;
  height: 1em;
  border: 0.1em solid currentColor;
  border-left: 0;
  border-bottom: 0;
  box-sizing: border-box;
  transform: translateY(-25%) rotate(135deg);
}

#tano-main-area .tano-link-pagelink {
	clear: both;
    display: table;
    width: 400px;
    margin: 0 0 0 280px;
	padding: 20px 0 30px 0;
}

#tano-main-area .tano-link-pagelink a {
	display: block;
    width: 400px;
    padding: 10px 10px;
    text-decoration: none;
	background: #11658a;
    text-align: center;
    vertical-align: middle;
    line-height: 1.2em;
    font-size: 1.4em;
    font-weight: 700;
    color: #fff;
    border: 1px #11658a solid;
    border-radius: 3px;
	
}

#tano-main-area .tano-link-pagelink a:hover {
	border: 1px #c30400 solid;
	background: #c30400;
	color: #fff;
	text-decoration: none;
}


#tano-main-area .tano-jin-text-01-02 {
    clear: both;
    margin: 20px 0;
    padding: 5px;
    font-size: 20px;
    font-weight: 700;
	color:#000;
}

/*-----------------------------	
	.weborder-merit
-----------------------------*/

#tano-main-area .weborder-merit {
	width:960px;
	display: flex;
}

#tano-main-area ul.merit-box {
	border:1px #ccc solid;
	margin: 0 10px 0 0;
	width:320px;
}

#tano-main-area ul.merit-box:last-child {
	margin: 0;
}

#tano-main-area ul.merit-box li.txt01 {
    background: #c30400;
    font-size: 1.3em;
    font-weight: 700;
    text-align: center;
    color: #fff;
    padding: 8px 0;
    border-bottom: 1px #ccc solid;
}

#tano-main-area ul.merit-box li.txt02  {
    background: #fff;
    font-size: 1.25em;
    font-weight: 500;
    color: #333;
    padding: 8px;
}

/*-----------------------------	
	.weborder-meishi
-----------------------------*/

#tano-main-area .weborder-meishi {
	width: 960px;
    display: flex;
    margin: 0 0 20px 0;
}

#tano-main-area ul.meishi-box {
	border:1px #ccc solid;
	margin: 0 10px 0 0;
	width:320px;
}

#tano-main-area ul.meishi-box:last-child {
	margin: 0;
}

#tano-main-area ul.meishi-box li.txt01 {
    background: #2c8101;
    font-size: 1.3em;
    font-weight: 700;
    text-align: center;
    color: #fff;
    padding: 8px 0;
    border-bottom: 1px #ccc solid;
}

#tano-main-area ul.meishi-box li.txt02  {
    background: #fff;
    font-size: 1.25em;
    font-weight: 500;
    color: #333;
    padding: 8px;
}

/*-----------------------------	
	weborder-ctl
-----------------------------*/

#tano-main-area .weborder-ctl-left {
	float: left;
	margin: 0 10px 0 0;
	padding:0;
}

#tano-main-area .weborder-ctl-right {
	float: left;
	margin: 0;
	padding:0;
}

#tano-main-area .weborder-ctl-right table {
	text-align: center;
	vertical-align: middle;
	border: solid thin #999;
	padding: 5px 7px;
	margin-bottom:5px
}

#tano-main-area .weborder-ctl-right table th {
	background: #eee;
	font-size: 1.2em;
	text-align: center;
	vertical-align: middle;
	border: solid thin #999;
	padding: 5px 7px;
}

#tano-main-area .weborder-ctl-right table td {
	background: #fff;
	font-size: 1.2em;
	text-align: center;
	vertical-align: middle;
	border: solid thin #999;
	padding: 5px 7px;
}

#tano-main-area .weborder-ctl-right table td.price {
	background: #fff;
	font-size: 1.3em;
	font-weight: 700;
	text-align: center;
	vertical-align: middle;
	color: #c00;
	border: solid thin #999;
	padding: 5px 7px;
}

/*-----------------------------	
	weborder-kumi
-----------------------------*/

#tano-main-area .weborder-kumi {
    margin: 0 0 0 15px;
    padding: 0;
}

#tano-main-area .weborder-kumi table {
	text-align: center;
	vertical-align: middle;
	border: solid thin #999;
	padding: 5px 7px;
	margin-bottom:5px
}

#tano-main-area .weborder-kumi table th {
	background: #eee;
	font-size: 1.2em;
	text-align: center;
	vertical-align: middle;
	border: solid thin #999;
	padding: 5px 7px;
}

#tano-main-area .weborder-ctl-right table td {
	background: #fff;
	font-size: 1.2em;
	text-align: center;
	vertical-align: middle;
	border: solid thin #999;
	padding: 5px 7px;
}

#tano-main-area .weborder-kumi table td.price {
	background: #fff;
	font-size: 1.3em;
	font-weight: 700;
	text-align: center;
	vertical-align: middle;
	color: #c00;
	border: solid thin #999;
	padding: 5px 7px;
}

#tano-main-area .weborder-kumi.right {
	text-align: right;
}
#tano-main-area .weborder-kumi.right2 {
	text-align: right;
	padding-right:3em;
}
#tano-main-area .weborder-kumi.right3 {
	text-align: right;
	padding-right: 66px;
}
#tano-main-area .weborder-kumi.left {
	text-align: left;
	padding: 3px 0 3px 10px;	
}

#contsarea .weborder-kumi table, td, th {
	font-size: 95%;
	text-align: center;
	line-height: 120%;
	vertical-align: middle;
	border: solid thin #999;
	padding: 5px 7px;
	margin-bottom:5px
}

#tano-main-area .sm {
    font-size: 12px;
    color: #ff0000;
}

/*-----------------------------	
	weborder-datastp
-----------------------------*/

#tano-main-area .weborder-datastp-box-left {
	float:left;
	width:540px;
}

#tano-main-area ul.weborder-datastp {
	clear: both;
    display: inline-block;
    padding: 0;
    margin: 0 10px 15px 0;
}

#tano-main-area ul.weborder-datastp li.txt01 {
	display: block;
    font-size: 1.5em;
    font-weight: 700;
    text-align: center;
    color: #fff;
    background: #11658a;
    padding: 8px 0;
    margin: 0 0 10px 0;
}

#tano-main-area ul.weborder-datastp li.photo {
	float: left;
}

#tano-main-area ul.weborder-datastp li.text02 {
	display: inline-block;
    width: 315px;
    font-size: 1.2em;
    font-weight: 500;
    padding: 0;
    margin: 0 10px 0 5px;
}

#tano-main-area .weborder-datastp-model {
	display: inline-block;
    font-size: 1.6em;
    font-weight: 700;
    color: #118a3d;
    padding: 0;
    margin: 0 0 5px 10px;
}

/*-----------------------------	
	weborder-9n
-----------------------------*/

#tano-main-area .weborder-9n-box-right {
	float:left;
	width:400px;
}

#tano-main-area ul.weborder-9n {
	clear: both;
    display: block;
    padding: 0;
    margin: 0 10px 15px 0;
}

#tano-main-area ul.weborder-9n li {
	display: block;
    font-size: 1.5em;
    font-weight: 700;
    text-align: center;
    color: #fff;
    background: #11658a;
    padding: 8px 0;
    margin: 0 0 10px 0;
}

/*-----------------------------	
	weborder-jusho
-----------------------------*/

#tano-main-area .weborder-jusho-right {
	float:left;
	width:400px;
}

#tano-main-area ul.weborder-jusho {
	clear: both;
    display: block;
    padding: 0;
    margin: 0 0 15px 0;
}

#tano-main-area ul.weborder-jusho li {
	display: block;
    font-size: 1.48em;
    font-weight: 700;
    color: #c91e26;
    background: #fff;
    padding: 0;
    margin: 0 0 10px 0;
}


/*-----------------------------	
	txt-weborder-procedure
-----------------------------*/
#tano-main-area p.txt-weborder-procedure {
	width: 768px;
    background: #F5F3F3;
    font-size: 1.3em;
    color: #333;
    font-weight: 600;
    padding: 10px 15px;
    margin: 0 0 30px 85px;
    border: 1px #999 solid;
}


#tano-main-area .tano-jin-text-01 {
    margin: 0 10px 15px 10px;
    font-size: 1.6em;
}

/*-----------------------------	
	txt-weborder-procedure
-----------------------------*/
#conts-wrap {
	width:960px;
	margin: 0 auto;
	padding-bottom: 30px;
}

#conts-wrap h1 {
	clear: both;
    float: left;
    width: 950px;
    background: #fff;
    margin: 30px 0 15px 0;
    font-size: 2.2em;
    font-weight: 700;
    border-left: none;
    color: #11658a;
    border-bottom: 1px #11658a dotted;
}

#conts-wrap p.txt-weborder-procedure {
	width: 768px;
    background: #F5F3F3;
    color: #333;
    font-weight: 600;
    padding: 10px 15px;
    margin: 5px 0 30px 80px;
    border: 1px #999 solid;
}

#conts-wrap .tano-text-center {
    text-align: center;
}


#tano-close {
	text-align: center;
}


