html
{
	font-family:"Arial";
	font-size:20pt;
	min-width:1060px;
	color:#333F48;
}
body
{
	background-color:#FFFFFF;
	margin:0px;
	padding:0px;
	font-size: 16pt;
}
main
{
	display:block;
	padding-left: 30px;
    padding-right: 30px;
    box-sizing: border-box;
}
header
{
	padding-left: 30px;
    padding-right: 30px;
    box-sizing: border-box;
}
#KOBELCO
{
	position:absolute;
	top:3px;
	left:0px;
	width:132px;
	height:60px;
}
/*******************************
ヘッダー用
*******************************/
header
{
    position: relative;
	margin:0px;
	padding:0px;
	height:66px;
	background-color:#00A7AC;
	font-size:0.8rem;
	font-weight:bold;
	text-align:center;
	color:white;
}
#HEADERLABEL
{
	width:1000px;
	margin:auto;
}

table#HEADERTBL
{
    margin:  0;
    padding: 0;
    width:100%;
    box-sizing: border-box;
    border-collapse: collapse;
}
table#HEADERTBL td
{
    margin:  0;
    padding: 0;
	font-size:0.8rem;
}
table#HEADERTBL th
{
    margin:  0;
    padding: 0;
	font-size:0;
}

/*******************************
ナビゲーション用
*******************************/
nav
{
	background-color:#FFFFFF;
}
#NAVLABEL
{
	width:1000px;
	margin:auto;
}
#NAVLABEL ul
{
	display: flex;
    margin: 0;
    padding: 0;
    list-style: none;
}

#NAVLABEL li
{
	margin: 0;
	font-size: 0;
}

#NAVLABEL li a img
{
	width:100%;
	border:none;
}
/** リンクなしパネル用 **/
#NAVLABEL li img
{
	width:100%;
	border:none;
}
/*******************************
パン屑用
******************************/
#BREADCRUMB
{
	background-color:#DEF4F5;
	padding-top:10px;
	padding-bottom:10px;
    line-height: 1.2rem;
}
#BREADCRUMBLABEL
{
	width:1000px;
	margin:auto;
}
#BREADCRUMBUL
{
	display: flex;
    margin: 0;
    padding: 0;
    list-style: none;
}
#BREADCRUMBUL li{
	color:#333F48;
}
#BREADCRUMBUL li a
{
	color:#00A7AC;
}

#BREADCRUMBUL li.BREADCRUMBARROW
{
	padding-left: 10px;
	padding-right: 10px;
	color:#00A7AC;
}

/*******************************
一覧タブ用
******************************/
#TABDIV
{
/**
	border-bottom:5px solid #00A7AC;
**/
}

#TABDIV ul
{
	display:flex;
	list-style-type:none;
	padding:0px;
	margin:0px;
	margin-top:20px;
	justify-content:center;
	color:#FFFFFF;
}


#TABDIV li
{
	position: relative;
	display: flex;
    justify-content: center;
	align-items: center;
	text-align: center;
	padding-left:0px;
	padding-right:0px;
	padding-top:5px;
	padding-bottom:5px;
	line-height:1;
	margin-left:5px;
	background-color:#AAAAAA;
	height: 60px;
	transition:.4s;
	cursor: pointer;
}
#TABDIV img{
    position: absolute;
    padding:0px;
    top: 30px;
    left: calc(100% - 30px);
}
#TABDIV li:hover
{
	background-color:#00A7AC;
/**
	color: #FFF;
**/
}
#TABDIV li[menu="true"]{
	background-color:#00A7AC;
}

#PAGETITLE
{
	display: flex;
	background-color:#333F48;
	color:#FFFFFF;
	height:60px;
	justify-content: center;
	align-items: center;
}

/*******************************
検索欄用
******************************/
#SEARCHDIV
{
	padding: 30px;
	background-color:#E3E3E3;
	border-top: 5px solid #00A7AC;
}
#SWITCHDIV ul
{
	display:flex;
	list-style-type:none;
	padding:0px;
	margin:0px;
	margin-top:20px;
	justify-content:center;
	color:#00A7AC;
}
#SWITCHDIV li
{
	position: relative;
	display: flex;
	justify-content: center;
	align-items: center;
	text-align: center;
	padding-left:0px;
	padding-right:0px;
	padding-top:5px;
	padding-bottom:5px;
	width:230px;
	line-height:1;
	height: 60px;
	cursor: pointer;
}
#SWITCHDIV li[menu="true"] {
    background: linear-gradient(transparent 80%, #dd9dbf 0%);
}

a.DEFBUTTON
{
    display: inline-block;
    background-color: #00A7AC;
    padding: 10px 50px;
    border-radius: 50px;
    color: white;
    text-decoration: none;
    font-weight: normal;
    font-size: 0.6rem;
}
a.DEFBUTTON:hover 
{
	opacity:0.6;
	filter: alpha(opacity=60);
	-ms-filter: "alpha(opacity=60)";
	-moz-opacity:0.6;
	-khtml-opacity: 0.6;
	zoom:1;
	cursor: pointer;
}

/*******************************
検索欄条件テーブル用
******************************/
table.INFOTBL
{
	margin:auto;
	table-layout:fixed;
	border:none;
	width:1000px;
}
.INFOTBL th
{
	background-color:#333F48;
	text-align:LEFT;
	color:white;
	font-size: 0.6rem;
	font-weight: normal;
	padding: 10px;
	width: 250px;
}
.INFOTBL td
{
	background-color:transparent;
	border:none;
	font-size: 0.6rem;
	box-sizing: border-box;
}
table.INFOTBL input[type="text"]
{
	box-sizing:border-box;
	width:100%;
	border:none;
	font-family:"游ゴシック";
	font-size: 16px;
	background-color:#FFFFFF;
	padding: 10px;
}
table.INFOTBL select
{
	box-sizing:border-box;
	width: 100%;
	border:none;
	font-family:"游ゴシック";
	font-size:0.6rem;
	background-color:#FFFFFF;
	padding: 10px;
}
table.INFOTBL textarea
{
	box-sizing:border-box;
	width: 100%;
	border:none;
	font-family:"游ゴシック";
	font-size: 16px;
	background-color:#FFFFFF;
	padding: 10px;
}
/*******************************
一覧表示テーブル用
******************************/
table.LISTTBL caption
{
	text-align:left;
	caption-side: top;
}
table.LISTTBL
{
	width:100%;
	background-color: #FFFFFF;
	border-collapse: collapse;
	table-layout:fixed;
}
table.LISTTBL th
{
	height:46px;
	text-align:center;
	background-color: #333F48;
	border: 1px solid #FFFFFF;
	color:#FFFFFF;
}
table.LISTTBL td
{
	height:55px;
	text-align:center;
	background-color: #E7F8F9;
	border: 1px solid #FFFFFF;
	padding-left: 5px;
}


/**********************************
Chapter, trainingの箱＊3のCSS
**********************************/
.mainimg {
	position: relative;
	font-size:0;
}

.mainimg p {
	position: absolute;
	width:100%;
	padding:0px;
	margin:0px;
	text-align: center;
	font-size:1rem;
	top: 50%;
	left: 50%;
	-ms-transform: translate(-50%,-50%);
	-webkit-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
}
.mainimg a {
	color:#3FDADE;
}
/***************************************************
****************************************************/
span.SPANBTN {
	margin:0;
	margin-left:10px;
	padding: 6px;
	text-align: center;
	border-radius: 25px;
	color: #ffffff;
	font-size: 15px;
	letter-spacing: 0.03em;
	font-weight: bold;
	display: inline-block;
	box-sizing: border-box;
	background-color:#AAAAAA;
	min-width:150px;
	transition: background .7s;
	text-decoration: none;
	color:white;
}
span.SPANBTN:hover {
	background-color:#00A7AC;
}