@charset "UTF-8";
/* 全体 */

* {
	margin: 0px;
	padding: 0px;
		
}
body {
	margin: 0;
	padding: 0;
	text-align: center;
	font-family:Verdana, Geneva, sans-serif;
	background:#273E67;
	font-size:9pt;
	color:#333333;
	line-heiht:175%;
	letter-spacing:110%;
}
#wrapper {
	width: 1000px;
	background: #273E67;
	margin: 0 auto;
	text-align: left;
}
#header {
	width: 900px;
	margin:0 auto;
	height:120px;
}

/*g_naviの指定*/

div#g_navi {
	padding-top: 10px;
	padding-bottom: 10px;
	margin: 0 auto;
	height:35px;
	width:900px;
}
/*main-btnの指定*/
ul#main-btn {
	width: 900x;
	height: 50px;
	background:url(../images/mainmenu_off.gif) repeat-x;
	margin:0 auto;
	padding: 0;
	position:relative;
}
#main-btn li {
	margin: 0;
	padding: 0;
	height: 40px;
	position: absolute;
	display: block;
	text-indent: -9999px;
	list-style: none;
	width:158px;
}
#main-btn li a {
	height: 40px;
	width:158px;
	display: block;
	text-indent: -9999px;
}
#main-btn li#menu1 {
	left: 0px;
	background-image: url(../images/mainmenu_off.gif);
	background-position: -0px 0;
}
#main-btn li#menu2 {
	left: 158px;
	background-image: url(../images/mainmenu_off.gif);
	background-position: -158px 0;
}
#main-btn li#menu3 {
	left: 316px;
	background-image: url(../images/mainmenu_off.gif);
	background-position: -316px 0;
}
#main-btn li#menu4 {
	left: 474px;
	background-image: url(../images/mainmenu_off.gif);
	background-position: -474px 0;
}
#main-btn li#menu1 a:hover, #menu1 #main-btn li#menu1 {
	left: 0px;
	background:url(../images/mainmenu_on.gif) -0px -40px;
}
#main-btn li#menu2 a:hover, #menu2 #main-btn li#menu2 {
	left: 130px;
	background:url(../images/mainmenu_on.gif) -158px -40px;
}
#main-btn li#menu3 a:hover, #menu3 #main-btn li#menu3 {
	left: 300px;
	background:url(../images/mainmenu_on.gif) -316px -40px;Z
}
#main-btn li#menu4 a:hover, #menu3 #main-btn li#menu3 {
	left: 430px;
	background:url(../images/mainmenu_on.gif) -474px -40px;
}
#main-btn li#menu2_on {
	left: 130px;
	background-image: url(../images2/main-menu-on.gif);
	background-position: -130px;
}
#main-btn li#menu3_on {
	left: 258px;
	background-image: url(../images2/main-menu-on.gif);
	background-position: -258px;
}
#main-btn li#menu4_on {
	left: 416px;
	background-image: url(../images2/main-menu-on.gif);
	background-position: -416px;
}
.knouledge td {
	padding:0 5px 0 5px;
}
.knouledge_main td {
	padding:0 5px 0 5px;
	vertical-align:text-top;
	vertical-align:top;
	text-align:left;
}
.tayori_main {
	margin:0 auto;
	text-align:left;
}
/* top  */ 
 
 
 #top {
	position:relative;
	width:1000px;
	margin:40px 0px 0 0;
	background-repeat:no-repeat;
	padding-bottom:10px;
}


#top_img {
	width:900px;
	height:300px;
	margin:0 auto;
	background-image:url(../images/top_logo.png);
	background-repeat:no-repeat;
	padding-bottom:5px;
}
/*
	Slideshow
*/

#slides {
	position:relative;
	width:1000px;
	height:250px;
	z-index:20;
	margin-bottom:100px;
}
/*
	Slides container
	Important:
	Set the width of your slides container
	Set to display none, prevents content flash
*/

.slides_container {
	width:900px;
	overflow:hidden;
	display:none;
	position:static;
	margin:0 auto;
	text-align:center;
	padding-top:65px;
}
/*
	Each slide
	Important:
	Set the width of your slides
	If height not specified height will be set by the slide content
	Set to display block
*/



/*	Pagination　*/

.pagination {
	margin:-20px 0 0 885px;
	height:30px;
	width:100px;
	z-index:200;
	position:absolute;
}
.pagination li {
	float:left;
	margin:0 1px;
	list-style:none;
}
.pagination li a {
	display:block;
	width:12px;
	height:0;
	padding-top:12px;
	background-image:url(../images/pagination.png);
	background-position:0 0;
	float:left;
	overflow:hidden;
	z-index:400;
}
.pagination li.current a {
	background-position:0 -12px;
}

/* グローバルナビ */
#gnavi {
	clear: both;
	padding-top:5px;
	width: 900px;
	height:20px;
	background-color:#999;
	top:50px;
	color:#FFF;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	margin-top: 10px;
}
#gnavi ul {
	list-style:none;
	float:left;
}
#gnavi li {
	float:left;
	margin:0 2px 0 2px;
	font-size:8pt;
}
#gnavi li a {
	display:block;
	color:#fff;
	margin:0 5px 0 5px;
	text-decoration:none;
}

#check {
	width:50px;
	position:static;
	padding-top:0px;
	margin-top: -24px;
	margin-left:169px;
	margin-bottom: 4px;
	height: 20px;
}
	

/*footerの指定*/

#footer {
	color:#fff;
	text-align: center;
	margin: 0 auto;
	height:20px;
	padding:10px 0 0 0;
	width: 900px;
	background-color:#999;
	font-size:70%;
	clear: both;
}




/* -----------------------
2020年 担当コーダー記述
----------------------- */

/* スライドに関する記述 */
.header-slide-area {width: 100%; max-width: 1400px; margin: auto;}
.header-slide-area ul {}
.header-slide-area ul li {position: relative;}
.header-slide-area ul li img {width: 100%; height: auto;}
.header-slide-area ul li p {font-size: 23px; position: absolute; top: 33%; left: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%);}
.header-slide-area ul li p span {font-size: 50px; display: block;}
.header-slide-area .bxslider01 ul li {position: relative;}
.header-slide-area .bxslider01 .test-text {width: 100%; text-align: center; position: absolute; font-size: 20px; font-weight: bold; color: #000; line-height: 1.5em; text-shadow: 0 0 10px #fff,0 0 10px #fff,0 0 10px #fff,0 0 10px #fff,0 0 10px #fff,0 0 10px #fff,0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff;}
.header-slide-area .bxslider01 li p {opacity: 0;}
.header-slide-area .bxslider01 li:nth-child(2) p {animation-fill-mode: both; animation-name: fadein02; animation-duration: 1s; /*遅れて表示させるコード→→→→→→*/animation-delay:0.7s !important;}
.header-slide-area .bxslider01 li.active-slide p {animation-fill-mode: both; animation-name: fadein; animation-duration: 1s; /*遅れて表示させるコード→→→→→→*/animation-delay:1s;}
@keyframes fadein {/*animetion-nameで設定した値を書く*/ 0% {opacity: 0} /*アニメーション開始時は不透明度0%*/ 100% {opacity: 1} /*アニメーション終了時は不透明度100%*/}
@keyframes fadein02 {/*animetion-nameで設定した値を書く*/ 0% {opacity: 0} /*アニメーション開始時は不透明度0%*/ 100% {opacity: 1} /*アニメーション終了時は不透明度100%*/}
.header-slide-area .bx-controls-direction {display: none;}
.header-slide-area .bx-default-pager {text-align: center; letter-spacing: 10px; margin-top: 5px; margin-bottom: 15px; line-height: 1em;}
.header-slide-area .bx-pager-item {display: inline-block; margin: 0 5px;}
.header-slide-area .bx-pager-link {width: 10px; height: 10px; text-align: center; display: block; background-color: #bcbcbc; text-indent: 100%; overflow: hidden;}
.header-slide-area .bx-pager-item a.active {background-color: #668dda;}
.header-slide-area .content01 .content .bx-pager-link {background-color: #4694a7;}
.header-slide-area .content01 .content .bx-pager-item a.active {background-color: #668dda;}

.sp-zone {display: none !important;}
.pc-zone {display: block;}