@charset "utf-8";

/* reset
----------------------------------------------- */
* html body {
	font-size: 0.9em;
}
body {
	margin: 0;
	padding: 0;
	font-size: 0.8em;
	font-family: "Lucida Grande", Verdana, Arial, sans-serif;
	line-height: 1.8;
	color: #333;
	background: #fff;
}
img {
	margin: 0;
	padding: 0;
	border: 0;
}
h1,
h2,
h3,
h4,
h5,
h6,
form,
p,
ul,
li,
dl,
dt,
dd {
	list-style: none;
	margin: 0;
	padding: 0;
	text-align: left;
}
h1,
h2,
h3,
h4,
h5,
h6 {
	font-size: 100%;
}
* html table {
	font-size: 0.9em; /* for IE6 */
}
table {
	border-collapse: collapse;
	font-size: 0.9em;
}
th,
td {
	margin: 0;
	padding: 0;
}
address {
	font-style: normal;
	text-align: center;
	font-size: 0.9em;
	padding: 10px 0 30px;
}
p {
	margin-bottom: 10px;
}
a {
	/*color: #0071b5;*/
	color: #1e90ff;
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}
.center {
	text-align: center;
}

/* align
----------------------------------------------- */
.alignl {
	text-align: left !important;
}
.alignr {
	text-align: right !important;
}
.alignc {
	text-align: center !important;
}
.floatr {
	float: right;
}
.txtbase {
	vertical-align: middle;
}
.vaignt {
	vertical-align: top !important;
	text-align: left !important;
}

/* margin / padding
----------------------------------------------- */
.marginl20 {
	margin-left: 20px;
}
.marginl42 {
	margin-left: 42px;
}
.margint10 {
	margin-top: 10px !important;
}
.marginb10 {
	margin-bottom: 10px !important;
}
.marginb20 {
	margin-bottom: 20px !important;
}
.marginb30 {
	margin-bottom: 30px !important;
}
.paddingl30 {
	margin-left: 30px !important;
}

/* font
----------------------------------------------- */
.err {
	color: #d00;
	font-weight: bold;
}
.colgrey {
	color: #888;
}
.sp-view {
	display: none !important;
}

/* font size
----------------------------------------------- */
* html .fsize1 {
	font-size: xx-small;
}
* html .fsize2 {
	font-size: x-small;
}
* html .fsize3 {
	font-size: small;
}
* html .fsize4 {
	font-size: medium;
}
* html .fsize5 {
	font-size: large;
}
* html .fsize6 {
	font-size: x-large;
}
.fsize1 {
	font-size: x-small;
}
.fsize2 {
	font-size: small;
}
.fsize3 {
	font-size: medium;
}
.fsize4 {
	font-size: large;
}
.fsize5 {
	font-size: x-large;
}
.fsize6 {
	font-size: xx-large;
}
.fsize1,
.fsize2,
.fsize3,
.fsize4,
.fsize5,
.fsize6 {
	line-height: 1.5;
	text-align: justify;
	text-justify: inter-ideograph;
}
p.h22 {
	line-height: 22px;
}

/* base layout
----------------------------------------------- */
#head {
	position: relative;
	z-index: 500;
}
#head.menu-none #mobile-head {
	height: auto;
}
#mobile-head {
	background: #fff;
	width: 100%;
	height: 56px;
	z-index: 999;
	position: relative;
}
#head,
.inner {
	width: 100%;
	padding: 0;
}
#head h1.common-h {
	padding: 20px 10px 0;
	text-align: center;
}
#mobile-head {
	width: 100%;
	height: 56px;
	z-index: 999;
	position: relative;
}
div#contanter {
	width: 900px;
	margin: 0 auto;
}
div#contanter2 {
	width: 965px;
	margin: 0 auto;
	position: relative;
}
h1.common-h {
	padding: 29px 0 10px;
	float: left;
}
p#ta {
	float: right;
	clear: right;
	padding-top: 10px;
	overflow: hidden;
	margin: 0 50px 0 0;
}
#gnavi-wrap ul {
	list-style: none;
	position: static;
	right: 0;
	bottom: 0;
	font-size: 14px;
}
#gnavi-wrap ul li {
	float: none;
	position: static;
}
#gnavi-wrap ul li a {
	width: 100%;
	display: block;
	padding: 15px 0;
}

ul#gnavi4 {
	clear: both;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif;
	background: #a0e7fc;
}
ul#gnavi4 li {
	display: block;
	float: left;
	margin-bottom: 1px;
	width: 100%;
	background: #fff;
}
ul#gnavi4 li a {
	display: block;
	overflow: hidden;
	height: 39px;
	background: #a0e7fc;
	width: auto;
	color: #006dd1;
	font-size: 15px;
	text-align: center;
	text-decoration: none;
	line-height: 39px;
}
ul#gnavi4 li:last-child a {
	border-right: none;
}
ul#gnavi4 li a.now {
	background: #a0e7fc;
	color: #003c74;
	font-weight: bold;
}
ul#gnavi4 li a:hover {
	background: #006dd1;
	color: #fff;
}

#gnavi-wrap {
	position: absolute;
	top: -2000px;
	background: #fff;
	width: 100%;
	z-index: 120;
	text-align: center;
	padding: 0;
	-webkit-transition: 0.5s ease-in-out;
	-moz-transition: 0.5s ease-in-out;
	transition: 0.5s ease-in-out;
	-moz-box-shadow: 0 6px 6px rgba(0, 0, 0, 0.4);
	-webkit-box-shadow: 0 6px 6px rgba(0, 0, 0, 0.4);
	-o-box-shadow: 0 6px 6px rgba(0, 0, 0, 0.4);
	-ms-box-shadow: 0 6px 6px rgba(0, 0, 0, 0.4);
}
.open #gnavi-wrap {
	-moz-transform: translateY(2056px);
	-webkit-transform: translateY(2056px);
	transform: translateY(2056px);
}

ul#substa {
	padding: 0 10px 0 15px;
	width: 875px;
	overflow: hidden;
	clear: both;
	margin-bottom: 10px;
	background: url(../images/bg_substa.gif) top left no-repeat;
}
ul#substa li {
	display: inline;
	float: right;
	line-height: 34px;
}
ul#substa li li {
	margin-left: 10px;
	float: right;
}
ul#substa li li a {
	padding-left: 10px;
}
ul#substa li li img {
	vertical-align: text-bottom;
}
ul#substa li#uname span {
	font-weight: bold;
}
ul#substa li#uname {
	float: left;
}

h2.common-h {
	clear: both;
	color: #fff;
	font-size: 1.2em !important;
	border: none !important;
	line-height: 30px;
	padding: 0px 0 0 15px !important;
	margin-bottom: 0 !important;
	margin-top: 20px;
	width: 885px;
	font-weight: normal;
	background: #6eb92b;
	border-radius: 5px;
}
h2.common-h a.tooltip {
	color: #fff;
	text-decoration: underline;
}
h3.common-h {
	color: #333;
	font-size: 1.1em !important;
	border-bottom: solid 2px #9acd32;
}

div#contanter2 h2.common-h,
div#contanter2 h4.common-h {
	margin-top: 5px;
	width: 100%;
}

.top_com {
	text-align: center;
	margin: 30px 30px 0;
}

#fmenu {
	width: auto;
	text-align: center;
	margin: 20px 0 30px;
}
#fmenu li {
	list-style-type: none;
	display: inline-block;
}
#fmenu li a {
	display: block;
	overflow: hidden;
	height: 39px;
	background: #a0e7fc;
	width: auto;
	color: #006dd1;
	font-size: 15px;
	text-align: center;
	text-decoration: none;
	line-height: 39px;
	border-right: solid 1px #fff;
	width: 8em;
}
#fmenu li a:hover {
	background: #006dd1;
	color: #fff;
}

.mobile {
	display: none;
}

/* top
----------------------------------------------- */
dl#info {
	width: 900px;
	overflow: hidden;
	margin-bottom: 20px;
	margin-top: 10px;
}

dl#info dt {
	font-weight: bold;
	clear: left;
	float: left;
	font-weight: bold;
	padding: 5px 0 5px 20px;
	width: 170px;
	background: url(../images/icon_arrow.gif) no-repeat 7px 12px;
}
dl#info dd {
	border-bottom: 1px dotted #ccc;
	margin-left: 0;
	padding: 5px 0 4px 190px;
}

dl#info {
	width: 900px;
	overflow: hidden;
	margin-bottom: 20px;
}

dl.questionnaire,
dl.course,
dl.ranking,
dl.reservation,
dl.contacts {
	width: 100%;
	overflow: hidden;
	margin: 10px 0 25px;
}
dl.questionnaire,
dl.course,
dl.ranking,
dl.reservation {
	border-bottom-color: #9acd32;
	border-bottom-width: 2px;
	border-bottom-style: solid;
}
dl.tm {
	border: none;
}
dl.pass_dl {
	width: 500px;
	overflow: hidden;
	margin: 10px 0 25px;
}
dl.contacts {
	width: 600px;
}
dl.questionnaire dt,
dl.course dt,
dl.ranking dt,
dl.reservation dt,
dl.contacts dt {
	font-weight: bold;
	clear: left;
	float: left;
	font-weight: bold;
	padding: 5px 0 5px 20px;
	width: 110px;
}
dl.pass_dl dt {
	font-weight: bold;
	clear: left;
	float: left;
	font-weight: bold;
	padding: 5px 0 5px 20px;
	width: 30%;
}
dl.contacts dt {
	width: 130px;
}
dl.questionnaire dd,
dl.course dd,
dl.reservation dd,
dl.contacts dd {
	margin-left: 0;
	padding: 5px 0 4px 130px;
	border-bottom-width: 1px;
	border-left-width: 5px;
	border-bottom-style: dotted;
	border-left-style: solid;
	border-bottom-color: #ccc;
	border-left-color: #9acd32;
}
dl.pass_dl dd {
	border-left: solid 5px #9acd32;
	border-bottom: 1px dotted #ccc;
	margin-left: 0;
	padding: 5px 0 4px 130px;
}
dl.contacts dd {
	padding: 5px 0 4px 150px;
}
dl.questionnaire dd.questionnaireTitle,
dl.course dd.courseTitle {
	font-weight: bold;
	font-size: 1.2em;
	color: #0000ff;
}
dl.pass_dl dd.pass_dlTitle {
	font-weight: bold;
	color: #000066;
}
dl.questionnaire dd.questionnaireTitle a.respondent dl.course dd.courseTitle a.sel {
	clear: none;
}
dl.course dd.pass_dlTitle a.sel {
	clear: none;
}
dl.search {
	width: 850px;
	overflow: hidden;
	margin: 10px 0 15px;
	border-left: solid 5px #9acd32;
	border-bottom: 1px dotted #ccc;
	padding-bottom: 10px;
}
dl.search dt {
	font-weight: bold;
	padding: 5px 0 5px 20px;
}
dl.search dd {
	padding-left: 10px;
	clear: both;
}
dl.search dd span {
	display: block;
	width: 100px;
	float: left;
	padding-right: 10px;
	text-align: right;
}
input.def,
select.def,
textarea.def {
	border: solid 1px #aaa;
	padding: 3px;
	margin-bottom: 2px;
	width: 300px;
}
select.def {
	width: 308px;
}
textarea.def {
	width: 400px;
}

input.sbtn,
input.sbtn2 {
	font-weight: bold;
}

dl.search dd.stxt {
	padding-left: 150px;
}

input.def2,
select.def2,
textarea.def2 {
	border: solid 1px #aaa;
	padding: 3px;
	margin-bottom: 2px;
	width: 100px;
}
select.def2 {
	width: 253px;
}

.ex-btn2,
.ex-btn3 {
	float: right;
	font-size: 14px;
	display: block;
	_width: 140px;
	text-align: left;
	padding: 4px 30px 4px 10px;
	line-height: 1.1;
	border: solid 1px #41719c;
	border-radius: 5px;
	background: #ffdbe9;
	background: -moz-linear-gradient(top, #ffdbe9 50%, #ffdbe9);
	background: -webkit-linear-gradient(top, #ffdbe9 50%, #ffdbe9);
	background: -ms-linear-gradient(top, #ffdbe9 50%, #ffdbe9);
	background: linear-gradient(top, #ffdbe9 50%, #ffdbe9);
	color: #000;
	text-decoration: none;
	position: relative;
}
.ex-btn2::after,
.ex-btn3::after {
	position: absolute;
	top: 3px;
	right: 6px;

	content: "";
	width: 17px;
	height: 17px;

	background-repeat: no-repeat;
	background-size: contain;
}
.ex-btn2::after {
	background-image: url("../images/icon_search.png");
}
.ex-btn3::after {
	background-image: url("../images/icon_rank.png");
}
.ex-btn2:hover,
.ex-btn3:hover {
	background: #5bccf3;
	background: -moz-linear-gradient(top, #5bccf3 50%, #5bccf3);
	background: -webkit-linear-gradient(top, #5bccf3 50%, #5bccf3);
	background: -ms-linear-gradient(top, #5bccf3 50%, #5bccf3);
	background: linear-gradient(top, #5bccf3 50%, #5bccf3);
	text-decoration: none;
}
h2 .ex-btn2,
h2 .ex-btn3 {
	margin: 3px 5px;
}

/* box
----------------------------------------------- */
div.boxArea {
	width: 900px;
	overflow: hidden;
	/*padding-top: 10px;*/
	padding-bottom: 5px;
	background: url(../images/box_btm.gif) no-repeat center bottom;
}
div.boxArea_v {
	width: 800px;
	overflow: hidden;
	/*padding-top: 10px;*/
	padding-bottom: 5px;
	margin-left: 50px;
	background: url(../images/box_btm4.gif) no-repeat center bottom;
}
div.box {
	width: 900px;
	overflow: hidden;
	background: url(../images/box_top.gif) no-repeat left top;
	padding-top: 5px;
}
.boxContent {
	border-left: solid 1px #cbcbcb;
	border-right: solid 1px #cbcbcb;
	padding: 5px 24px;
	background: #efefef;
	width: 850px;
	overflow: hidden;
}
div.boxScroll {
	overflow-y: auto;
	max-height: 280px;
}
#passContent {
	width: 500px;
	margin: 0 auto;
	margin-bottom: 50px;
}
#passContent p {
	margin-top: 30px;
}
div.boxR {
	border: solid 1px #cbcbcb;
	background: #efefef;
	padding: 10px 10px;
	background: #efefef;
	overflow: hidden;
	width: auto;
	border-radius: 5px;
}

.fixedBoxBottom {
	position: fixed;
	bottom: 10px;
	width: 900px;
}
#documentBox .fixedBoxBottom {
	right: 0;
	width: 70%;
}

/* tab
----------------------------------------------- */

ul#tab {
	clear: both;
	height: 32px;
	background-color: #1375ce;
}
ul#tab li {
	display: inline;
	float: left;
}
ul#tab li a {
	display: block;
	overflow: hidden;
	height: 32px;
	background: url(../images/tab.jpg) no-repeat;
	text-indent: -9999px;
	width: 180px;
}
ul#tab li#tab02 a {
	background-position: -180px 0;
}
ul#tab li#tab03 a {
	background-position: -360px 0;
}
ul#tab li#tab04 a {
	background-position: -540px 0;
}
ul#tab li#tab05 a {
	background-position: -720px 0;
}

ul#tab li#tab01 a:hover,
ul#tab li#tab01 a.now {
	background-position: 0 -32px;
}
ul#tab li#tab02 a:hover,
ul#tab li#tab02 a.now {
	background-position: -180px -32px;
}
ul#tab li#tab03 a:hover,
ul#tab li#tab03 a.now {
	background-position: -360px -32px;
}
ul#tab li#tab04 a:hover,
ul#tab li#tab04 a.now {
	background-position: -540px -32px;
}
ul#tab li#tab05 a:hover,
ul#tab li#tab05 a.now {
	background-position: -720px -32px;
}

/* btn
----------------------------------------------- */
a.respondent,
a.sel,
a.study,
a.restudy,
a.restart,
a.noAllowAccess {
	text-indent: -9999px;
	display: block;
	width: 74px;
	height: 22px;
	font-size: 1px;
}
a.respondent {
	background: url(../images/btn_respodent.gif) no-repeat;
}
a.sel {
	background: url(../images/btn_sel.gif) no-repeat;
}
a.study {
	background: url(../images/btn_study.gif) no-repeat;
}
a.restudy {
	background: url(../images/btn_restudy.gif) no-repeat;
}
a.restart {
	background: url(../images/btn_restart.gif) no-repeat;
}
a.noAllowAccess {
	background: url(../images/btn_noAllowAccess.gif) no-repeat;
}
a.respondent:hover,
a.sel:hover,
a.study:hover,
a.restudy:hover,
a.restart:hover {
	background-position: 0 -22px;
}

/* table
----------------------------------------------- */
div.boxContent table {
	width: 849px;
	margin: 0 auto 25px;
	border-top: dotted 1px #d7d7d7;
	border-left: dotted 1px #d7d7d7;
}
div.boxContent table th {
	color: #333;
	padding: 5px;
	background: #dcdcdc;
}
div.boxContent table td {
	padding: 5px;
	border-bottom: solid 1px #d7d7d7;
	border-right: dotted 1px #d0d0d0;
	text-align: left;
}
div.boxContent table td.icon,
div.boxContent table th.icon {
	width: 16px;
}
div.boxContent table td.btn,
div.boxContent table th.btn {
	width: 76px;
}

div.boxContent table th.tdate {
	width: 130px;
}
div.boxContent table th.tper {
	width: 80px;
}
div.boxContent table th.tcount {
	width: 50px;
}

table#sResult {
	border: solid 1px #ccc;
}
table#sResult th {
	color: #222;
	background: #e0fce0;
	border-bottom: solid 1px #d7d7d7;
	border-right: dotted 1px #d0d0d0;
}
table#sResult th.go {
	width: 50px;
}
table#sResult td {
	text-align: left;
	line-height: 1.2;
}
table#sResult td.slide {
	text-align: center;
}
div.boxContent table td.pdf {
	width: 140px;
}

div.contactBox {
	width: 600px;
	margin: 0 auto;
}
a.pdf {
	display: block;
	padding-left: 20px;
	text-align: left;
	background: url(../images/icon_pdf.gif) no-repeat left center;
}

#login_tb {
	width: 500px;
	border: dotted 1px #333333;
	margin: 30px;
	margin: 30px auto 30px;
}
#login_tb th {
	width: 40%;
	text-align: center;
	background-color: #cccccc;
	border: dotted 1px #333333;
}
#login_tb td {
	padding: 5px;
	border: dotted 1px #333333;
}

#login {
	text-align: center;
}
#login a {
	display: inline-block;
	width: 121px;
	height: 31px;
	overflow: hidden;
	text-indent: -9999px;
	text-align: left;
	background: url(../images/btn_login.gif) no-repeat;
}

table.baseTbl {
	margin: 0 auto 20px;
	width: 880px;
	margin-top: 10px;
}

table.baseTbl th {
	text-align: center;
	padding: 6px;
	background: #e0fce0;
	border: 1px solid #cccccc;
}

table.baseTbl td {
	padding: 6px;
	border: 1px solid #cccccc;
	background: #f0f0f0;
	text-align: left;
}

th.w30 {
	width: 30px;
}
th.w50 {
	width: 50px;
}
th.w70 {
	width: 70px;
}
th.w90 {
	width: 90px;
}
th.w100 {
	width: 100px;
}
th.w120 {
	width: 120px;
}

/* information guidances
----------------------------------------------- */
.news {
	margin-bottom: 0.5em;
	padding: 5px;
	font-size: 110%;
	color: #554;
	background: #ffffff;
	border: 1px solid #554;
	border-radius: 4px;
	font-weight: bold;
}
.news a {
	color: #554;
}

table.informationGTbl th {
	width: 20%;
}

table.informationGTbl td {
	background: #ffffff;
}

table.informationGTbl .info {
	color: red;
	font-size: 10px;
}

/* menu
----------------------------------------------- */
div#contanterMenu {
	width: 530px;
	margin: 0 auto;
}
div#contanterMenu h1.common-h {
	text-align: center;
	float: none;
	height: auto;
	padding: 20px 0;
}

div.boxAreaMenu {
	width: 530px;
	overflow: hidden;
	padding-bottom: 5px;
	background: url(../images/box_btm2.gif) no-repeat center bottom;
	margin-bottom: 10px;
}
div.boxMenu {
	width: 530px;
	overflow: hidden;
	background: url(../images/box_top2.gif) no-repeat left top;
	padding-top: 5px;
}
.boxContentMenu {
	border-left: solid 1px #cbcbcb;
	border-right: solid 1px #cbcbcb;
	padding: 30px 24px 10px 59px;
	background: #efefef;
	width: 445px;
	overflow: hidden;
}
.boxContentMenu li {
	display: inline;
	float: left;
	font-weight: bold;
	width: 220px;
	margin-right: 20px;
	margin-bottom: 20px;
}
.boxContentMenu li a {
	background: url(../images/icon_arrow2.gif) no-repeat 0 4px;
	padding-left: 20px;
}

/* slide
----------------------------------------------- */
div.slideBox {
	width: 800px;
	margin: 0 auto;
}
div.slideBox dl {
	overflow: hidden;
	float: left;
	width: 400px;
}
div.slideBox dt {
	clear: left;
	float: left;
	font-weight: bold;
	padding: 8px 0 10px 0;
	width: 100px;
	font-weight: bold;
}
div.slideBox dd {
	border-bottom: 1px dotted #aaaaaa;
	margin-left: 0;
	padding: 8px 0 9px 120px;
}
div.slideBox h3.common-h {
	font-size: 1.3em !important;
	clear: both;
	padding-bottom: 5px;
	margin-bottom: 10px;
}
div.slideBox div.imgbox {
	text-align: center;
}
div.slideBox div.imgbox img {
	border: solid 1px #ddd;
	width: 550px;
}
ul#breadcrumb li {
	display: inline;
	float: left;
	margin: 0 8px 10px 0;
}

#error-static {
	width: 900px;
	padding: 85px 14px 450px 0px;
}

#error h2.common-h,
#error-static h2.common-h {
	clear: both;
	margin: 0;
	padding: 0;
	color: #ffffff;
	font-weight: bold;
}

#error p,
#error-static p {
	font-size: 12px;
	padding-top: 10px;
}

.error {
	font-size: 10pt;
	color: red;
	border: 2px solid red;
	padding: 10px;
}

.error_login {
	color: red;
	padding-top: 10px;
	text-align: center;
}

.error_mark {
	color: #ff3333;
	font-weight: normal;
}

/* test
----------------------------------------------- */
div#test {
	width: 650px;
	height: 565px;
	margin: 0 auto;
}

div.test {
	width: 645px;
	height: 565px;
	background-image: url("../images/test_bg.jpg");
	background-repeat: no-repeat;
}

.test_title {
	text-align: left;
	display: block;
	font-size: 14pt;
	font-weight: bold;
	color: #ffffff;
	width: 600px;
	padding: 15px;
	margin: 0px auto 5px auto;
}

.test_number {
	text-align: center;
	display: block;
	font-size: 12pt;
	font-weight: bold;
	width: 600px;
	height: 60px;
	padding: 10px;
	margin: 80px auto 5px auto;
}

.test_qtitle {
	text-align: left;
	display: block;
	font-size: 12pt;
	font-weight: bold;
	padding: 5px;
	margin: 0px auto 5px 20px;
}

.test_question {
	text-align: center;
	display: block;
	font-size: 12pt;
	padding: 10px;
	margin: 10px 30px 0px 20px;
}

.message {
	margin: 0px 10px 5px 20px;
	padding: 10px;
	background-color: #ffffff;
	font-size: 10pt;
	color: #ff6633;
}

a.start {
	display: block;
	width: 307px;
	height: 57px;
	margin: 5px auto 5px auto;
	text-indent: -9999px;
	background: url("../images/test_start.gif") top no-repeat;
}

a.answer {
	display: block;
	width: 200px;
	height: 31px;
	margin: 20px auto 5px auto;
	text-indent: -9999px;
	background: url("../images/test_answer.gif") top no-repeat;
}

a.next {
	display: block;
	width: 200px;
	height: 31px;
	margin: 20px auto 5px auto;
	text-indent: -9999px;
	background: url("../images/test_next.gif") top no-repeat;
}

a.result {
	display: block;
	width: 200px;
	height: 31px;
	margin: 20px auto 5px auto;
	text-indent: -9999px;
	background: url("../images/test_result.gif") top no-repeat;
}

/* testanswer
----------------------------------------------- */
div.answerArea {
	width: 600px;
	overflow: hidden;
	padding-bottom: 5px;
	margin: 0px 30px 5px 20px;
	background: url(../images/box_btm3.gif) no-repeat center bottom;
}
div.answer {
	width: 600px;
	overflow: hidden;
	background: url(../images/box_top3.gif) no-repeat left top;
	padding-top: 5px;
}
.answerContent {
	border-left: solid 1px #cbcbcb;
	border-right: solid 1px #cbcbcb;
	padding: 5px 24px;
	background: #efefef;
	width: 550px;
	overflow: hidden;
}

.result_ok {
	text-align: center;
	font-size: 14pt;
	font-weight: bold;
	color: red;
	padding: 5px;
	margin: 10px;
}

.result_ng {
	text-align: center;
	font-size: 14pt;
	font-weight: bold;
	color: blue;
	padding: 5px;
	margin: 10px;
}

div#close {
	float: right;
	width: 125px;
}

div#close a {
	display: block;
	width: 121px;
	height: 31px;
	overflow: hidden;
	text-indent: -9999px;
	text-align: left !important;
	background: url(../images/btn_close.gif) no-repeat;
	position: absolute;
}

/* questionnaire
----------------------------------------------- */
.questionnaireForm ol {
	padding-left: 2.5em;
}
.questionnaireForm ol > li {
	list-style: decimal;
}
.questionnaireForm .questionText {
	margin: 0;
	padding: 0;
}
.questionnaireForm .questionText .required {
	color: red;
}
.questionnaireForm .answerInput {
	margin: 0 0 1em 0;
	padding: 0;
}

h1.common-h.narrow {
	padding: 10px 0px 0px 0px;
	margin: 0px;
	float: left;
}
p#ta_narrow {
	float: right;
	clear: right;
	padding-top: 0px;
	overflow: hidden;
	margin: 0;
}

/* アコーディオンUI */
.accordionRow {
	/*border:1px solid black;*/
}

.accordionHeader {
	padding: 2px 10px 2px 20px;
	font-size: small;
	font-weight: bold;
	color: dimgray;
	text-shadow: 1px 1px 1px #eee, -1px 1px 1px #eee, 1px -1px 1px #eee, -1px -1px 1px #eee;
	background: #baed52;
	border: 1px solid #cbcbcb;
	margin: 2px 0;
	cursor: pointer;
}

.accordionIcon {
	float: right;
	padding-top: 5px;
	padding-right: 5px;
}

.accordionIcon {
	background-image: url("../images/arrow_under.gif");
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-position: right bottom;
}

.accordionContent {
	margin: 0 0 10px 0;
	padding: 0 auto;
}

/* 所属 */
ul.dept_path {
	margin: 0;
	padding: 0;
}
ul.dept_path li {
	margin: 0;
	padding: 0;
	list-style: none;
}
ul.dept_path li ul {
	margin: 0 0 0 0.5em;
	padding: 0;
}

span.loading {
	display: inline-block;
	height: 20px;
	margin-left: 0.5em;
	padding-left: 25px;
	background: url(../images/loading.gif) no-repeat;
	vertical-align: top;
}

span.uploadError {
	margin-left: 0.5em;
	color: #ff3333;
	font-weight: normal;
}

/* ファイルアイコン */
ul.fileIconList {
	display: inline;
	margin: 0 0 0 2px;
	padding: 0;
}
ul.fileIconList li {
	display: inline;
	margin: 0;
	padding: 0;
	list-style: none;
}
ul.fileIconList li img {
	vertical-align: text-bottom;
}

/* ファイル */
ul.fileList {
	margin: 0;
	padding: 0;
}
ul.fileList li {
	margin: 0;
	padding: 0;
	list-style: none;
}
ul.fileList li img {
	vertical-align: text-bottom;
}

.dropTargetOver {
	/*box-shadow: inset 0 0 0px 1px #0f0 !important;*/
}

.classTargetIcon {
	display: inline-block;
	padding: 0 6px;
	font-size: 9px;
	font-weight: normal;
	color: #fff;
	background: #005133;
	white-space: nowrap;
}

/* Fixed */
#top-head.fixed {
	margin-top: 0;
	top: 0;
	position: fixed;
	padding-top: 10px;
	height: 55px;
	background: #fff;
	background: rgba(255, 255, 255, 0.7);
	transition: top 0.65s ease-in;
	-webkit-transition: top 0.65s ease-in;
	-moz-transition: top 0.65s ease-in;
}

/* Toggle Button */
#nav-toggle {
	display: block;
	position: absolute;
	right: 12px;
	top: 16px;
	width: 34px;
	height: 36px;
	cursor: pointer;
	z-index: 101;
}
#nav-toggle div {
	position: relative;
}
#nav-toggle span {
	display: block;
	position: absolute;
	height: 4px;
	width: 100%;
	background: #666;
	left: 0;
	-webkit-transition: 0.35s ease-in-out;
	-moz-transition: 0.35s ease-in-out;
	transition: 0.35s ease-in-out;
}
#nav-toggle span:nth-child(1) {
	top: 0;
}
#nav-toggle span:nth-child(2) {
	top: 11px;
}
#nav-toggle span:nth-child(3) {
	top: 22px;
}
.open #nav-toggle span:nth-child(1) {
	top: 11px;
	-webkit-transform: rotate(315deg);
	-moz-transform: rotate(315deg);
	transform: rotate(315deg);
}
.open #nav-toggle span:nth-child(2) {
	width: 0;
	left: 50%;
}
.open #nav-toggle span:nth-child(3) {
	top: 11px;
	-webkit-transform: rotate(-315deg);
	-moz-transform: rotate(-315deg);
	transform: rotate(-315deg);
}
.sp-view {
	display: none;
}
header#head-learn {
	margin-top: -10px;
}
header#head-learn h1.common-h {
	padding-bottom: 0 !important;
}

table.calendarTbl th,
table.calendarTbl td {
	width: 14%;
}

table.calendarTbl td {
	height: 50px;
	vertical-align: top;
}

table.calendarTbl .saturday {
	color: blue;
}
table.calendarTbl .sunday {
	color: red;
}

.day-content {
	text-align: center;
}

a.btn-reserve,
.btn-reserved,
.btn-no-reserve {
	position: relative;
	display: inline-block;
	padding: 2px 10px;
	border-radius: 4px;
	box-shadow: inset 0 2px 0 rgba(255, 255, 255, 0.2), 0 2px 2px rgba(0, 0, 0, 0.19);
	font-weight: bold;
	letter-spacing: 2px;
	text-decoration: none;
}
a.btn-reserve:active {
	box-shadow: 0 0 2px rgba(0, 0, 0, 0.3);
}

a.btn-reserve {
	color: #fff;
	background: #309ae0;
	border-bottom: solid 2px #2185c9;
}
a.btn-reserve:active {
	border-bottom: solid 2px #309ae0;
}

.btn-reserved {
	color: #fff;
	background: #777;
	border-bottom: solid 2px #666;
}

.btn-no-reserve {
	color: #fff;
	background: #ff0c0c;
	border-bottom: solid 2px #cf0c0c;
}

.btn-bottom {
	margin: 0px;
	padding: 8px 20px;
	color: white;
	background-color: #000;
	opacity: 0.7;
	border: none;
	border-radius: 20px;
	font-weight: bold;
	outline: none;
	cursor: pointer;
}

/* grid-layout
----------------------------------------------- */
.col-6,
.col-pc-3 {
	position: relative;
	width: 100%;
	padding-right: 15px;
	padding-left: 15px;
}
.row {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	margin-right: -15px;
	margin-left: -15px;
	clear: both;
}
.row-10 {
	margin-left: -5px;
	margin-right: -5px;
}
.col-pc-3 {
	-ms-flex: 0 0 25%;
	flex: 0 0 25%;
	max-width: 25%;
}
.col-pc-6 {
	-ms-flex: 0 0 50%;
	flex: 0 0 50%;
	max-width: 50%;
}
.col-pc-12 {
	-ms-flex: 0 0 100%;
	flex: 0 0 100%;
	max-width: 100%;
}
.btn-box {
}
a.level01 {
	border-radius: 10px;
	position: relative;
	background: #bdff83;
	background: -moz-linear-gradient(top, #d6ffb2 50%, #bdff83);
	background: -webkit-linear-gradient(top, #d6ffb2 50%, #bdff83);
	background: -ms-linear-gradient(top, #d6ffb2 50%, #bdff83);
	background: linear-gradient(top, #d6ffb2 50%, #bdff83);
	display: block;
	padding: 10px 10px 20px;
	text-decoration: none;
	position: relative;
	text-align: center;
	margin-bottom: 10px;
	color: #447d11;
}
a.level01#link_U15-02-00 {
	background: #ffe8e8;
	background: -moz-linear-gradient(top, #ffe8e8 50%, #facece);
	background: -webkit-linear-gradient(top, #ffe8e8 50%, #facece);
	background: -ms-linear-gradient(top, #ffe8e8 50%, #facece);
	background: linear-gradient(top, #ffe8e8 50%, #facece);
}
.open a.level01 {
	background: #70d3f1;
	background: -moz-linear-gradient(top, #a0e7fc 50%, #70d3f1);
	background: -webkit-linear-gradient(top, #a0e7fc 50%, #70d3f1);
	background: -ms-linear-gradient(top, #a0e7fc 50%, #70d3f1);
	background: linear-gradient(top, #a0e7fc 50%, #70d3f1);
	color: #006dd1;
}
a.level01 > img.icon {
	width: 30%;
	margin: 5px 0 0;
}
a.level01 > .txt {
	font-size: 20px;
	display: block;
	height: 25px;
}
.menu-sub {
	position: absolute;
	margin-top: -20px;
	z-index: 20;
	overflow: hidden;
	-webkit-transition: 0.5s ease-in-out;
	-moz-transition: 0.5s ease-in-out;
	transition: 0.5s ease-in-out;
	height: 0;
	overflow: hidden;
	width: calc(100% - 10px);
}
.open .menu-sub {
	height: auto;
	overflow: visible;
}
.menu-sub a {
	display: block;
	background: #70d3f1;
	text-align: center;
	color: #000;
	display: block;
	padding: 15px 5px;
	border-top: solid 1px #fff;
	text-decoration: none;
}
.menu-sub a:hover {
	background: #006dd1;
	color: #fff;
	text-decoration: none;
}
.row > div {
	box-sizing: border-box;
}
.row-10 > div {
	padding-right: 5px;
	padding-left: 5px;
}
.icon-alert {
	background: #f00;
	display: block;
	font-style: normal;
	position: absolute;
	right: -5px;
	top: -5px;
	border-radius: 18px;
	-webkit-border-radius: 18px;
	-moz-border-radius: 18px;
	height: 36px;
	width: 36px;
	color: #fff;
	font-size: 24px;
	line-height: 2.1rem;
}
.icon-alert-small {
	background: #f00;
	display: block;
	font-style: normal;
	position: absolute;
	right: -3px;
	top: -3px;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	height: 20px;
	width: 20px;
	color: #fff;
	font-size: 12px;
	line-height: 1.2rem;
}

/* width
----------------------------------------------- */
.width10p {
	width: 10%;
}
.width20p {
	width: 20%;
}
.width30p {
	width: 30%;
}
.width40p {
	width: 40%;
}
.width50p {
	width: 50%;
}
.width60p {
	width: 60%;
}
.width70p {
	width: 70%;
}
.width80p {
	width: 80%;
}
.width90p {
	width: 90%;
}
.width100p {
	width: 100%;
}

.height20 {
	height: 20px;
}
.height27 {
	height: 27px;
}

/* 規定要領
----------------------------------------------- */
.k-menu {
	flex: 0 0 30%;
	max-width: 30%;
}
.k-menu h3.common-h {
	margin-bottom: 5px;
}

.ex-btn {
	float: right;
	font-size: 12px;
	display: block;
	width: 72px;
	text-align: center;
	padding: 4px 0;
	line-height: 1.1;
	border: solid 1px #cacaca;
	border-radius: 5px;
	background: #508dae;
	background: -moz-linear-gradient(top, #71b2d5 50%, #508dae);
	background: -webkit-linear-gradient(top, #71b2d5 50%, #508dae);
	background: -ms-linear-gradient(top, #71b2d5 50%, #508dae);
	background: linear-gradient(top, #71b2d5 50%, #508dae);
	color: #fff;
	text-decoration: none;
}
.ex-btn:hover {
	background: #508dae;
	background: -moz-linear-gradient(top, #83d2fb 50%, #60acd5);
	background: -webkit-linear-gradient(top, #83d2fb 50%, #60acd5);
	background: -ms-linear-gradient(top, #83d2fb 50%, #60acd5);
	background: linear-gradient(top, #83d2fb 50%, #60acd5);
	text-decoration: none;
}
h2.common-h .ex-btn {
	margin: 3px 5px 0 0;
}

.k-content {
	flex: 0 0 70%;
	max-width: 70%;
}
.k-content2 {
	flex: 0 0 100%;
	max-width: 100%;
}

.indexList {
	margin: 0px 0;
}
.indexList dt {
	background: url(../images/icon_folder.png) no-repeat left 3px;
	padding: 0 0 0 18px;
}
.indexList dt.level02 {
	margin-left: 10px;
}
.indexList dd.level02 {
	margin-left: 15px;
}
.indexList dt.level03 {
	margin-left: 20px;
}
.indexList dd {
	margin-left: 38px;
}
.indexList a.current {
	color: #000;
	background: linear-gradient(transparent 0%, #ffff66 0%);
}
.indexList dt.update {
	margin-left: 0px;
}

.k-search1 {
	flex: 0 0 30%;
	max-width: 30%;
}
.k-search2 {
	flex: 0 0 70%;
	max-width: 70%;
}

.description {
	padding: 0 0 0 2em;
	color: #ff8c00;
	font-size: 90%;
	font-weight: 100;
}

.Text {
	margin: 0px 0;
}
.Text dt.level02 {
	margin-left: 20px;
}
.Text dd {
	margin-left: 38px;
}
.Text dt.level03 {
	margin-left: 50px;
	text-indent: -2em;
}
.Text dd.level03 {
	margin-left: 40px;
}

ul.tree {
	margin: 10px 0 0 0;
	padding: 0;
}
ul.tree li {
	margin: 0;
	list-style: none;
}
ul.tree li.folder {
	padding: 0 0 0 18px;
	background: url(../images/icon_folder.png) no-repeat top left;
}
ul.tree li.file {
	padding: 0 0 0 5px;
}
ul.tree li ul {
	margin: 0 0 0 -5px;
	padding: 0;
}
ul.tree a.current {
	color: #000;
	background: linear-gradient(transparent 0%, #ffff66 0%);
}
.folderLink + ul.folderChilds {
	display: none;
}
.folderLink.open + ul.folderChilds {
	display: block;
}

span.newMark {
	margin: 0 0 0 5px;
	color: #ff0000;
}
span.newMark::before {
	content: "NEW!";
}
span.upMark {
	margin: 0 0 0 5px;
	color: #ff0000;
}
span.upMark::before {
	content: "UP!";
}

.documentHead {
	margin: 0;
}
.documentHead dl {
	margin: 0;
}
.documentHead dl dt {
	clear: both;
	float: left;
	font-weight: bold;
}
.documentHead dl dd {
	float: left;
	padding-left: 5px;
}
.documentHead dl dd.full {
	clear: both;
}

.searchWord {
	background: linear-gradient(transparent 0%, #ffff66 0%) !important;
}
a > .searchWord {
	color: #333;
}

/* トップサイト表示切替 */
.btnset-viewchange > ul {
	float: right;
	transform: scale(0.7);
	transform-origin: right top;
	border: 2px solid;
	border-radius: 10px;
	padding: 5px;
}
.btnset-viewchange > ul > li {
	display: inline-block;
	margin-right: 10px;
	vertical-align: middle;
	font-size: 1rem;
	font-weight: bolder;
}
.btnset-viewchange > ul > li:last-child {
	margin-right: 0;
}
.btn-viewchange {
}
.view-thumb,
.view-list {
	height: 40px;
	width: 40px;
	display: block;
	position: relative;
}
.view-thumb::before {
	content: "";
	height: 19px;
	width: 19px;
	background: #999;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	display: block;
	position: absolute;
	top: 0;
	left: 0px;
	box-shadow: 21px 0 0 #999, 0 21px 0 #999, 21px 21px 0 #999;
	-webkit-box-shadow: 21px 0 0 #999, 0 21px 0 #999, 21px 21px 0 #999;
	-moz-box-shadow: 21px 0 0 #999, 0 21px 0 #999, 21px 21px 0 #999;
}
.active > .view-thumb::before {
	background: #6eb92b;
	box-shadow: 21px 0 0 #6eb92b, 0 21px 0 #6eb92b, 21px 21px 0 #6eb92b;
	-webkit-box-shadow: 21px 0 0 #6eb92b, 0 21px 0 #6eb92b, 21px 21px 0 #6eb92b;
	-moz-box-shadow: 21px 0 0 #6eb92b, 0 21px 0 #6eb92b, 21px 21px 0 #6eb92b;
}
.view-list::before {
	content: "";
	height: 6px;
	width: 40px;
	background: #999;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	display: block;
	position: absolute;
	top: 5px;
	left: 0;
	box-shadow: 0 12px #999, 0 24px #999;
	-webkit-box-shadow: 0 12px #999, 0 24px #999;
	-moz-box-shadow: 0 12px #999, 0 24px #999;
}
.active > .view-list::before {
	background: #6eb92b;
	box-shadow: 0 12px #6eb92b, 0 24px #6eb92b;
	-webkit-box-shadow: 0 12px #6eb92b, 0 24px #6eb92b;
	-moz-box-shadow: 0 12px #6eb92b, 0 24px #6eb92b;
}

/* サイトマップ
-------------------------------------------------- */
ul#sitemap ul.subtree {
	padding: 1.2em;
}
ul#sitemap ul.subtree li {
	padding-top: 0.1em;
	padding-bottom: 0.2em;
}
ul#sitemap ul.subtree ul li {
	padding-left: 1.7em;
}
ul#sitemap ul.subtree ul li::before {
	content: "└";
	width: 1em;
	margin-left: -1em;
}
ul#sitemap .icon {
	width: 22px;
}
ul#sitemap img {
	vertical-align: middle;
}
ul#sitemap .title {
	font-size: 1.1em;
	font-weight: bold;
	vertical-align: middle;
}
ul#sitemap .title > a {
	font-weight: normal;
}
.icon-alert2 {
	padding: 0.1em 0.5em;
	vertical-align: middle;
	color: #fff;
	background: #f00;
	border-radius: 18px;
	-webkit-border-radius: 18px;
	-moz-border-radius: 18px;
}

/* responsive PC
-------------------------------------------------- */
@media screen and (min-width: 900px) {
	.indexList {
		display: block !important;
	}
	#folderBox {
		display: block !important;
	}
	.searchConditionLabel {
		display: inline-block;
		width: 7.5em;
		line-height: 1em;
	}
}

/* responsive SP
-------------------------------------------------- */
@media screen and (max-width: 899px) {
	.searchConditionLabel {
		display: inline-block;
		width: 7.5em;
		line-height: 1em;
	}
	.sp-view {
		display: block !important;
	}
	input.mobile {
		display: inline-block;
	}
	div#contanter {
		width: auto;
	}
	#head {
		position: relative;
		z-index: 500;
	}
	#head.menu-none #mobile-head {
		height: auto;
	}
	#head h1.common-h img {
		width: 160px;
	}
	p#ta img {
		width: 80px;
	}
	p#ta {
		float: left;
		clear: right;
		padding: 20px 0 0;
		overflow: hidden;
		margin: 0;
		text-align: center;
	}
	ul#substa {
		font-size: 11px;
		padding: 5px 10px;
		width: auto;
		border-bottom: solid 1px #e3e3e3;
		border-top: solid 1px #d9d9d9;
		background-image: none;
		background: #fafafa;
		background: -moz-linear-gradient(top, #fafafa 0%, #d9d9d9 100%); /* FF3.6-15 */
		background: -webkit-linear-gradient(top, #fafafa 0%, #d9d9d9 100%); /* Chrome10-25,Safari5.1-6 */
		background: linear-gradient(to bottom, #fafafa 0%, #d9d9d9 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fafafa', endColorstr='#d9d9d9',GradientType=0 ); /* IE6-9 */
	}
	#login-time {
		clear: both;
		font-size: 10px;
	}
	ul#substa li li a {
		padding-left: 5px;
	}
	ul#substa li {
		line-height: 20px;
	}
	div#contents {
		padding: 0 15px;
		position: relative;
		z-index: 300;
	}
	h2.common-h {
		width: auto;
	}
	dl.questionnaire,
	dl.course,
	dl.reservation,
	dl.contacts {
		width: auto;
	}
	dl.questionnaire dt,
	dl.course dt,
	dl.reservation dt,
	dl.contacts dt {
		width: auto;
		border-left: solid 5px #9acd32;
		clear: none;
		float: none;
		padding: 5px 0 0px 10px;
	}
	dl.questionnaire dd,
	dl.course dd,
	dl.reservation dd,
	dl.contacts dd {
		padding: 0 0 5px 10px;
	}

	dl.ranking {
		width: auto;
	}

	dl.ranking dt {
		width: auto;
		border-left: solid 1px #9acd32;
		clear: none;
		float: none;
		padding: 5px 0 0px 10px;
	}

	dl.rankinkg dd {
		padding: 0 0 5px 10px;
	}

	table.responsiveTbl {
		border-collapse: separate;
		border-spacing: 0 10px;
		width: 100% !important;
		border-left: none !important;
	}
	.responsiveTbl thead {
		display: none;
	}
	.responsiveTbl tr {
		background-color: #f6f6f6;
		margin-bottom: 15px;
	}
	.responsiveTblColor2 tr {
		background-color: #fff;
	}
	table.responsiveTblColor2 td {
		background-color: #fff;
	}
	.responsiveTbl td {
		border: none;
		display: block;
		width: auto !important;
		box-sizing: border-box;
		border-bottom: 1px solid #dddddd;
	}
	.responsiveTbl td.col-6 {
		float: left;
		width: 50%;
	}
	.responsiveTbl td.txt-right {
		text-align: right !important;
	}
	.responsiveTbl td.txt-left {
		text-align: left !important;
	}
	.responsiveTbl td.title-view::before {
		content: attr(data-title) "：";
	}
	.responsiveTbl td.title-view2::before {
		content: attr(data-title) "";
	}
	.responsiveTbl td.title-view-tail::after {
		content: attr(data-title) "";
	}
	.responsiveTbl td.hide {
		display: none;
	}
	.responsiveTbl .clear {
		clear: both;
	}
	.responsiveTbl td.icon {
		position: absolute;
		border: none;
	}
	.responsiveTbl td.icon img {
		margin-top: 2px;
	}
	.responsiveTbl td.freew {
		width: auto;
		display: inline-block;
		clear: none;
		margin-right: 1em;
	}
	table.baseTbl.responsiveTbl td,
	table.responsiveTbl td,
	div.boxContent table.responsiveTbl td {
		border: none;
		padding: 1px 6px;
		line-height: 1.4;
	}
	table.baseTbl.responsiveTbl td:last-child,
	table.responsiveTbl td:last-child {
		padding: 1px 6px 6px 6px;
	}
	table.responsiveTbl td.tTitle {
		background: #e0fce0;
		font-weight: bold;
		padding: 5px 5px 1px 5px;
	}
	table.responsiveTbl td.tTitle2 {
		background: #dcdcdc;
		font-weight: bold;
	}
	.responsiveTbl td.icon-title {
		padding: 5px 5px 1px 24px !important;
		background: #dcdcdc;
	}
	table.responsiveTblTate {
		width: 100% !important;
	}
	table.responsiveTblTate th {
		width: 7em;
	}
	table.testTbl {
		border-spacing: 0 5px;
	}
	div.box {
		width: auto;
		background-image: none;
		padding-top: 0;
		margin-top: 1px;
		border-top: solid 1px #cbcbcb;
		border-radius: 5px;
	}
	div.boxArea {
		width: auto;
		overflow: hidden;
		/*padding-top: 10px;*/
		padding-bottom: 5px;
		background-image: none;
	}
	.boxContent {
		width: auto;
		border-bottom: solid 1px #cbcbcb;
	}
	#passContent {
		width: auto;
	}
	.boxContent {
		padding: 10px 14px;
	}
	.fixedBoxBottom {
		width: 100%;
	}
	dl.pass_dl {
		width: 100%;
		overflow: hidden;
		margin: 10px 0 25px;
	}
	dl.pass_dl dt {
		float: none;
		padding: 5px 0 0 10px;
		width: 100%;
		border-left: solid 5px #9acd32;
	}
	dl.pass_dl dd {
		border-bottom: 1px dotted #ccc;
		padding: 0 0 5px 10px;
	}
	#error-static {
		width: auto;
		padding-top: 60px;
	}
	#login_tb {
		width: 100%;
	}
	ul#tab {
		height: auto;
		overflow: hidden;
	}
	ul#tab.tab5 li {
		width: 20%;
		display: block;
	}
	ul#tab li a {
		display: block;
		overflow: hidden;
		height: auto;
		min-height: 30px;
		padding: 10px 0;
		background-image: none;
		text-indent: 0px;
		width: auto;
		background-color: #1375ce;
		line-height: 1.2;
		color: #fff;
		text-align: center;
		border-right: solid 1px #cbcbcb;
		font-size: 11px;
	}
	ul#tab li a.font-mini {
		font-size: 10px;
		letter-spacing: -1px;
	}
	ul#tab li a.now {
		background-color: #a6e6fe;
		color: #1375ce;
	}
	dl.search {
		width: auto;
		padding-right: 20px;
	}
	dl.search dt {
		padding: 5px 0 5px 10px;
	}
	dl.search dd {
		padding-left: 10px;
		margin-bottom: 5px;
	}
	dl.search dd span:not(.error_mark) {
		width: auto;
		float: none;
		padding-right: 0px;
		text-align: left;
	}
	dl.search dd span:not(.error_mark)::before {
		content: "[ ";
	}
	dl.search dd span:not(.error_mark)::after {
		content: " ]";
	}
	input.sbtn2 {
		margin-top: 15px;
	}
	input.def2,
	textarea.def2 {
		width: 80px;
	}
	select.def,
	select.def2 {
		width: 100%;
	}
	textarea.def {
		width: 96%;
	}
	div.contactBox {
		width: 100%;
	}
	dl.search dd.stxt {
		padding-left: 0px;
	}
	div.slideBox {
		width: 100%;
	}
	div.slideBox div.imgbox img {
		max-width: 100%;
	}
	#breadcrumb {
		width: 100%;
		font-size: 11px;
		overflow: hidden;
		margin-bottom: 10px;
		border-bottom: 1px dotted #666;
	}
	div#contanter2 {
		width: 100%;
	}
	div#contanter2 h2.common-h,
	div#contanter2 h4.common-h {
		width: auto;
	}
	header#head-learn {
		background: #fff;
	}
	header#head-learn h1.common-h {
		padding: 20px 10px 0;
	}
	header#head-learn h1.common-h img {
		width: 160px;
	}
	div.boxContent table {
		width: 100%;
	}
	ul.dept_path {
		display: inline;
	}
	ul.dept_path li {
		display: inline;
	}
	ul.dept_path li ul {
		display: inline;
	}

	/* grid-layout  */
	.col-12 {
		-ms-flex: 0 0 100%;
		flex: 0 0 100%;
		max-width: 100%;
	}
	.col-6 {
		-ms-flex: 0 0 50%;
		flex: 0 0 50%;
		max-width: 50%;
	}
	a.level01 > .txt {
		font-size: 18px;
	}

	.documentContents {
		font-size: 1.4em;
	}

	.documentContents input[type="button"] {
		font-size: 0.8em;
		padding: 3px 15px;
	}

	.documentContents h2.common-h {
		line-height: 1.6;
	}
	.documentContents h2.common-h .ex-btn {
		padding: 5px 0;
		width: 5em;
		font-size: 0.7em;
	}

	.description {
		padding: 0 0 0 0.5em;
		font-size: 90%;
	}

	.k-menu .indexList {
		overflow: hidden;
		height: 0;
	}
	.k-menu.open .indexList {
		height: auto;
	}

	.readContent {
		overflow-x: auto;
		overflow-y: hidden;
	}

	input[type="button"].btn-bottom {
		font-size: 1em;
		padding: 6px 15px;
	}

	.sp-display-none {
		display: none;
	}
}

input[type="radio"] {
	vertical-align: text-bottom;
}
/* トップ画面のeラーニングアイコン関連 start */
.menu_separation::before {
	content: "";
	display: block;
	background: #b1f07b;
	border-radius: 5px;
	margin: 20px 10px 10px 10px;
	height: 15px;
}
.class-type-area {
	background-color: #ffffff;
	position: relative;
	overflow: visible;
}
.class-area {
	display: none;
	height: auto;
	padding: 0px 5px;
	border: 1px solid #bbbaba;
	overflow: hidden;
}
.class-area > a,
.class-area > a:hover {
	position: relative;
	margin-top: 5px;
	border-radius: 10px;
	background: #f66;
	border: 1px solid #f66;
}
.class-area > a.last {
	margin-bottom: 5px;
}
.class-area > a .newMark {
	position: absolute;
	top: -4px;
	left: -9px;
	background-color: #ffffff;
	border: 1px solid #ff0000;
	border-radius: 5px;
	padding: 2px;
	font-size: 10px;
	font-weight: bolder;
	line-height: 12px;
}
.class-area > a.class-status-code-1 {
	background: #ffe273;
	border-color: #ffe273;
}
.class-area > a.class-status-code-1:hover,
.class-area > a.class-status-code-2:hover {
	color: #1b7dfd;
}
.class-area > a.class-status-code-2 {
	background: #e9e9e9;
	border-color: #e9e9e9;
}
/* トップ画面のeラーニングアイコン関連 end */