﻿BODY{
/*	margin-top : 0px;
	margin-left : 0px;
	margin-right : 0px;
	margin-bottom : 0px;*/
	width : 1200px;
	/* 	background-color : #fff5ee; */
	/* background-color : #ffffff; */
	background-color : #ffffff;
	/*  background-color : #e9e4d4; */
	font-family : "Helvetica Neue",Arial,"Hiragino Kaku Gothic ProN","Hiragino Sans",Meiryo,sans-serif;
	line-height: 1.4;
	margin: 0 auto;
	-webkit-text-size-adjust: 100%;
}

DIV.blocka {
	width : 100%;
	height : 20px;
	float : left;
	text-align : right;
	bottom : auto;
	background-image : url(../img/title-en1.png);
	font-size : 16px;
	background-color : #223670;
/*	background-color : #ffffff;*/
	font-weight : bold;
}

DIV.blockb {
	clear: both;  
	width : 100%;
	height : 80px;
	background-image : url(../img/title-en2.png);
	background-color : #223670;
/*	background-color : #ffffff;*/
}

DIV.blockc {
	clear: both;
	width : 100%;
	height : 30px;
	/* background-color : #003399; */
	background-color : #000000;
	margin-top : 0px;
	margin-left : 0px;
	margin-right : 0px;
	margin-bottom : 0px;
	padding-top : 5px;
	padding-bottom : 5px;
	font-size : 20px;
	text-align : center;
}

DIV.blocke {
	width : 100%;
/*  background-color : #fff5ee; */
	background-color : #ffffff;
}

DIV.blockf {
	clear: both;
	width : 100%;
	height : 25px;
	background-image : url(../img/copyright.png);
/*  background-color : #fff5ee; */
	background-color : #ffffff;
}

DIV.cover {
/*  background-color : #fff5ee; */
	background-color : #ffffff;
	width : 100%;
}

div.clear {
	clear: both;
}

.FONT-honbun{
	font-size : 16px;
	color : #333333;
/*  background-color : #fff5ee; */
	background-color : #ffffff;
}
	
.FONT-honbuns{
	font-size : 14px;
	color : #333333;
/*  background-color : #fff5ee; */
	background-color : #ffffff;
}
	
.FONT-honbunE{
  	font-size : 16px;
  	color : #333333;
  	background-color : #FFE6D6;
}
	
.FONT-honbunF{
  	font-size : 16px;
  	color : #333333;
  	background-color : #C9CCD6;
}

.FONT-honbun2{
  	font-size : 16px;
	font-weight:bold;
	color : #333333;
/*  background-color : #fff5ee; */
	background-color : #ffffff;
}

.FONT-honbun3{
	font-size : 16px;
  	color : #f2f2f2;
	background-color : #333333;
}
	
.FONT-honbuns3{
	font-size : 14px;
  	color : #f2f2f2;
	background-color : #333333;
}

.FONT-honbun4{
	font-size : 16px;
  	color : #f2f2f2;
	background-color : #555555;
}
	
.FONT-honbuns4{
	font-size : 14px;
  	color : #f2f2f2;
	background-color : #555555;
}

.FONT-honbunC{
	font-size : 16px;
	text-align : center;
	color : #333333;
/*  background-color : #fff5ee; */
	background-color : #ffffff;
}
	
.FONT-honbunsC{
  	font-size : 14px;
  	text-align : center;
  	color : #333333;
/*  background-color : #fff5ee; */
	background-color : #ffffff;
}
	
.FONT-honbunCE{
  	font-size : 16px;
  	text-align : center;
  	color : #333333;
  	background-color : #FFE6D6;
}
	
.FONT-honbunCF{
  	font-size : 16px;
  	text-align : center;
  	color : #333333;
  	background-color : #C9CCD6;
}

.FONT-honbunC2{
	font-size : 16px;
  	color : #f2f2f2;
	background-color : #333333;
	text-align : center;
}
	
.FONT-honbunC3{
	font-size : 16px;
  	color : #f2f2f2;
	background-color : #ff3300;
	text-align : center;
}

.FONT-honbunC4{
	font-size : 16px;
  	color : #f2f2f2;
	background-color : #009999;
	text-align : center;
}

.FONT-honbunC5{
	font-size : 16px;
  	color : #f2f2f2;
	background-color : #4c6cb3;
	text-align : center;
}

.FONT-honbunC6{
	font-size : 16px;
  	color : #f2f2f2;
	background-color : #8a2be2;
	text-align : center;
}

.FONT-category{
  	font-size : 20px;
  	color : #333333;
/*  background-color : #fff5ee; */
	background-color : #ffffff;
}

.FONT-category2{
  	font-size : 20px;
	color : #f2f2f2;
	background-color : #333333;
}

.FONT-category3{
  	font-size : 20px;
	font-style: oblique;
    font-family: Times New Roman;
	font-weight: bold;
	color : #D0A900;
	background-color : #333333;
}

.FONT-large{
  	font-size : 36px;
  	color : #333333;
/*  background-color : #fff5ee; */
	background-color : #ffffff;
}

.FONT-mlarge{
  	font-size : 30px;
  	color : #333333;
/*  background-color : #fff5ee; */
	background-color : #ffffff;
	font-weight : bold;
}

.FONT-mlarge2{
  	font-size : 30px;
  	color : #333333;
/*  background-color : #fff5ee; */
	background-color : #ffffff;
	font-weight : bold;
}

.FONT-mlarge3{
  	font-size : 30px;
  	color : #333333;
	background-color : #f5deb3;
	font-weight : bold;
}

.FONT-vlarge{
  	font-size : 50px;
  	color : #333333;
/*  background-color : #fff5ee; */
	background-color : #ffffff;
	font-weight : bold;
}

.FONT-vlarge3{
  	font-size : 50px;
  	color : #333333;
	background-color : #f5deb3;
	font-weight : bold;
}

.FONT-largeX{
  	font-size : 36px;
  	color : #ffffff;
/*  background-color : #fff5ee; */
	background-color : #333333;
}

.FONT-largeC{
  	font-size : 36px;
  	text-align : center;
  	color : #333333;
/*  background-color : #fff5ee; */
	background-color : #ffffff;
}

.FONT-largeCw{
  	font-size : 36px;
  	text-align : center;
  	color : #333333;
/*  background-color : #fff5ee; */
	background-color : #ffffff;
}
	
.FONT-largeC2{
  	font-size : 36px;
  	text-align : center;
  	color : #fff5ee;
	background-color : #333333;
}

.link {
	display: inline-block;
	padding: 0.1em 0.3em;
	transition: all .3s;
}

.link:hover {
	color: #f2f2f2;
	background-color: #ff8040;
}

A{
	color : #f2f2f2;
	text-decoration : none;
}

A:link{
	color : #f2f2f2;
	text-decoration : none;
}

A:visited{
	color : #f2f2f2;
	text-decoration : none;
}

A:hover{
	color : #ff8040;
	text-decoration : none;
}

table {
	border-width: 0px;
	width: 100%;
	border-style: none;
	background-color : #ffffff;
}

table th, table td {
	padding: 5px;
}

table.a {
	width: 100%;
	border-collapse: collapse;
	background-color : #ffffff;
}

table.a th, table.a td {
	border: solid 1px #999999;
	padding: 5px;
}

table.a2 {
width: 100%;
border-collapse: collapse;
background-color : #fff5ee;
}

table.a2 th, table.a2 td {
vertical-align: top;
border: solid 1px #999999;
padding: 5px;
}

table.b {
	width: 100%;
	border-collapse: collapse;
	background-color : #ffffff;
}

table.b th, table.b td {
	padding: 5px;
	border: none;
}

/*order用表*/
table.c {
	width: unset;
	white-space: nowrap;
	background-color : #ffffff;
	border-collapse: separate;
	border-spacing: 15px 0px;
	border: none;
}

table.c th, table.c td {
	padding: 5px 10px 5px;
}

/*枠なし横線表*/
table.d {
	width: 100%;
	border: none;
	border-collapse: collapse;
	background-color : #ffffff;
}

table.d th, table.d td {
	border: none;
	border-bottom: solid 1px #999999;
	padding: 10px;
}

/*枠なし縦横線表*/
table.e {
	width: 100%;
	border: none;
	border-collapse: collapse;
	background-color : #ffffff;
}

table.e th, table.e td {
	border: none;
	border-top: solid 1px #999999;
	border-left: solid 1px #999999;
	border-bottom: solid 1px #999999;
	padding: 10px;
}

table.e tr:first-child, table.e td:first-child {
	border-left: none;
}

table.e tr:first-child td{
	border-top: none;
}

/*枠なし下線のみ表*/
table.f {
	width: 100%;
	border: none;
	border-collapse: collapse;
	background-color : #ffffff;
}

table.f th, table.f td {
	border: none;
	border-bottom: solid 1px #999999;
	padding: 10px;
}

/*枠なし線なし表*/
table.g {
	width: 100%;
	border: none;
	border-collapse: collapse;
	background-color : #ffffff;
}

table.g th, table.g td {
	border: none;
	padding: 10px;
}

table.h {
	width: 100%;
	border: solid 1px #999999;
	text-align : center;
	border-collapse: collapse;
	background-color : #ffffff;
}

table.h th, table.h td {
	padding: 2px;
}

table.i {
	width: 100%;
	border: solid 1px #999999;
	border-collapse: collapse;
	background-color : #ffffff;
}

table.i th, table.i td {
	padding: 2px;
}

/*枠なし下線のみ表 センター*/
table.j {
	width: 100%;
	border: none;
	text-align : center;
	border-collapse: collapse;
	background-color : #ffffff;
}

table.j th, table.j td {
	border: none;
	border-bottom: solid 1px #999999;
	padding: 10px;
}

/*div.scroll{
	overflow: scroll;
	white-space: nowrap;
	height: 300px;
}*/

.tab-shaft {
    display: flex;
    flex-wrap: wrap;
}
.tab-label {
    color: White;
    background: #4c6cb3;
    margin-right: 15px;
    padding: 3px 12px;
    order: -1;
	border-bottom: solid 10px #ffffff;
}
.tab-label1 {
    color: White;
    background: #4c6cb3;
    margin-right: 70px;
    padding: 3px 12px;
    order: -1;
	border-bottom: solid 10px #ffffff;
}
.tab-label2 {
    color: White;
    background: #4c6cb3;
    margin-right: 50px;
    padding: 3px 12px;
    order: -1;
	border-bottom: solid 10px #ffffff;
}
.tab-content {
    width: 100%;
    display: none;
}
/* アクティブなタブ */
.tab-sw:checked+.tab-label {
    background: #ff8040;
}
.tab-sw:checked+.tab-label1 {
    background: #ff8040;
}
.tab-sw:checked+.tab-label2 {
    background: #ff8040;
}
.tab-sw:checked+.tab-label+.tab-content {
     display: block;
}
.tab-sw:checked+.tab-label1+.tab-content {
     display: block;
}
.tab-sw:checked+.tab-label2+.tab-content {
     display: block;
}
/* ラジオボタン非表示 */
.tab-sw {
    display: none;
}



.hide {
  display: none;
}



.accordion {
/*margin: 3em auto;
max-width: 60vw;*/
}
.toggle {
display: none;
}
.toggle {
display: none;
}
.option {
position: relative;
margin-bottom: 1em;
}

.title,
.content {
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
transform: translateZ(0);
transition: all 0.3s;
}

.title {
/*border: solid 1px #ccc;*/
padding: 1em;
display: block;
/*font-weight: bold;*/
font-size : 16px;
color : #f2f2f2;
background-color : #696969;

}

.title::after,
.title::before {
content: "";
position: absolute;
right: 1.25em;
top: 1.25em;
width: 2px;
height: 0.75em;
background-color: #f2f2f2;
transition: all 0.3s;
}
.title::after {
transform: rotate(90deg);
}
.content {
max-height: 0;
overflow: hidden;
}
.content p {
margin: 0;
padding: 0.5em 1em 1em;
font-size: 0.9em;
line-height: 1.5;
}
.toggle:checked + .title + .content {
max-height: 10000px;
transition: all 0.5s;
}
.toggle:checked + .title::before {
transform: rotate(90deg) !important;
}

li{
  list-style:none;
  background-color: #f5deb3;
}

del {
  text-decoration: line-through;
}