@charset "shift_jis";
/*=========================================================
	::Date::
		date : 2010 08 20
		last-update : 2010 08 20

	::Explanation::
		1.common layout and styles.

=========================================================*/
.clearfix:after {
  content: "";
  display: block;
  clear: both;
} 
.clearfix:before {
  content: "";
  display: block;
  clear: both;
} 
.clearfix {
  display: block;
}
/*
--------------------------------------------------------
 commonlayouts
--------------------------------------------------------
*/
/* eyecatch
-----------------------------*/
#eyecatch {
	margin: 0 0 20px;
}
/* specimenSide
-----------------------------*/
#specimenSide {
	display: block;
	width: 260px;
	float: left;
	margin-right: 20px;
}
#side {
	display: block;
	/*width: 240px;*/
	width: 100%;
	/*height: 284px;*/
	height: auto;
	background: #eee;
	/*padding: 10px;*/
		padding: 10px 10px 11px 10px;
	margin-bottom: 20px;
}
#side #sideInner {
	display: block;
	width: 240px;
	/*height: 264px;*/
	height: auto;
	background-color: #ffffff;
	padding: 10px 0px;
}
.sideBox {
	display: block;
	width: 240px;
	/*height: 65px;*/
	border-bottom: dashed 1px #cccccc;
}
.sideBox:last-child {
	display: block;
	width: 240px;
	height: 65px;
	border-bottom: 0;
}
.sideBox a{
  opacity: 1;
  display: inline-block;
}
.sideBox a:hover{
  opacity: 0.5;
}
#specimenSide #banner {
	display: block;
	width: 220px;
	height: 40px;
	background-image: url(../images/bg_banner.gif);
	padding: 190px 20px 20px;
	margin-bottom: 20px;
}
#specimenSide #banner a:hover {
	opacity: 0.7;
}
.info {
	display: block;
	/*width: 220px;*/
	width: 100%;
	height: auto;
	border : dashed 1px #999999;
	padding: 14px 19px;
	margin-bottom: 30px;
}
.info .infoInner {
	display: block;
	width: 220px;
	height: auto;
}
.info .infoInner .infoTop {
	display: block;
	width: 220px;
	height: 25px;
	border-bottom: 1px solid #cccccc;
}
.info .infoInner .infoBottom {
	display: block;
	width: 220px;
	height: auto;
	padding: 8px 0px 0px;
}
.info .infoInner .infoBottom p {
	margin-bottom: 4px;
	line-height: 20px;
}
#graduates {
	/*background-color: #fef0da;*/
	border: solid 1px #ea7300;
	margin-bottom: 20px;
}
#graduates h2 {
	background-color: #ea7300;
	padding: 15px 0px;
	font-size: 120%;
	font-weight: bold;
	line-height: 1.2;
	color: #fff;
	text-align: center;
	
	border: none;
}
#graduates p {
    margin-bottom: 10px;
	padding: 10px;
	text-align: center;
}
/* specimenContent
-----------------------------*/
#specimenContent {
	display: block;
	width: 668px;
    margin-bottom: 30px;
	float: right;
	border : solid 1px #ccc;
}
#contentTit {
	display: block;
	width: 654px;
	background-image: url(../images/contentTit.gif);
	margin: 6px;
}
#contentTit p, #contentTit h1 {
	color: #ffffff;
	font-size: 23px;
	text-align: left;
	font-weight: 900;
	font-family: meiryo, YuGothic, "Yu Gothic medium", "Hiragino Sans", Meiryo, "sans-serif";
	padding: 12px 10px 10px;
	line-height: 1.5;

}
#specimenContent #specimenContentInner {
	display: block;
	width: 610px;
	height: px;
	margin: 29px;
}
#specimenContent #specimenContentInner h2 {
	display: block;
	width: 610px;
	background-color: #DDEEFF;
	padding: 8px 8px;
	font-size: 105%;
	font-weight: bold;
	margin-bottom: 20px;
    border: none;
	border-left: solid 4px #2693FF;
}
#specimenContent #specimenContentInner h3 {
	display: block;
	width: 610px;
	border-left: solid 4px #2693FF;
	font-weight: bold;
	font-size: 105%;
	padding: 5px 8px;
	margin-bottom: 10px;
    color: #333;
}
#specimenContent #specimenContentInner h4 {
	font-weight: bold;
	font-size: 105%;
    margin-top: 20px;
}
#specimenContent #specimenContentInner ul li {
    list-style-type: none;
}
#specimenContent #specimenContentInner ul.list-QandA {
  padding-left: 0;
    list-style-type: none;
}
#specimenContent #specimenContentInner ul.list-QandA li{
  margin-bottom: 5px;
    list-style-type: none;
}
#specimenContent #specimenContentInner ul.list-QandA li a{
    color: #2693FF;
}

#specimenContent #specimenContentInner strong {
  color: #F07F00;
}
#specimenContent #specimenContentInner em {
  font-style: normal;
  font-weight: bold;
}
#specimenContent #itemBox {
	display: block;
	width: 440px;
	height: 210px;
	margin: 0px auto 29px;
}
#specimenContent #itemBox div {
	float: left;
	margin-right: 20px;
}
#specimenContent #itemBox img:last-child {
	float: left;
	margin-right: 0px;
}
#attention {
	display: block;
	width: 570px;
	height: 40px;
	border: 2px solid #FF972E;
	background-color: #FEF0DA;
	margin : 20px auto 20px;
	padding: 18px;
}
#attention p {
	background: url(../images/item07.gif) no-repeat;
	padding-left: 60px;
	color: 999999;
	line-height: 20px;
}
#attention p strong {
	color: #EA7300;
}
#applicationBox {
	display: block;
	width: 570px;
	margin: 0px auto 10px;
  padding-top: 16px;
}
#applicationHead {
	display: block;
	width: 608px;
	height: 38px;
	background-color: #DDEEFF;
	border-left: 2px solid #AAD5FF;
	border-top: 2px solid #AAD5FF;
	border-right: 2px solid #AAD5FF;
}
#applicationHead p {
	text-align: left;
	padding: 8px 21px 7px;
}
#applicationBody {
	display: block;
	width: 608px;
	background-color: #FCFBF2;
	border-left: 2px solid #AAD5FF;
	border-bottom: 2px solid #AAD5FF;
	border-right: 2px solid #AAD5FF;
}
#applicationBody #applicationText {
	display: block;
	width: 570px;
	margin: 0px auto;
	padding: 10px 0px;
}
#applicationBody #form {
	display: block;
	width: 540px;
	/*height: 150px;*/
	background-color: #EEECE6;
	border: 2px solid #cccccc;
	padding: 13px;
	margin: 0px auto 20px;
	text-align: center;
}

#applicationBody #form img{
	width: 100%;
	height: auto;
}
#applicationBody #form a:hover {
	opacity: 0.7;
}
#applicationBody #cancel {
	margin: 0px auto 20px;
}
#cancel p {
	padding-left: 40px;
	background: url(../images/item08.gif) no-repeat;
	background-position: 1.5em 0.4em;
}
#cancel a {
	color: #006699;
	text-decoration: none;
	font-size : 100%;
}
#cancel a:hover {
	color: #006699;
	text-decoration: underline;
	font-size : 100%;
}
/* application
-----------------------------*/
#application {
	display: block;
	width: 220px;
	height: 40px;
	padding: 0px 20px 20px;
	
	margin-bottom: 15px;
}
.tRed {
	color: #D83500;
}
/* 20150403
-----------------------------*/



.f80 {
	font-size: 80%;
}
/* 20150805
-----------------------------*/
#JamtisStat {
	margin-bottom:20px;
}
/* 20151007
-----------------------------*/
.alCent {
	text-align: center;
}
.alRight {
	text-align: right;
}
.alLeft {
	text-align: left;
}
/*2016.02.29*/
#attention {
	height: auto;
}
#attention p {
	background-position: center left;
}

.link p {
	padding-left: 20px;
	background: url(../images/item08.gif) no-repeat;
	background-position: 0 0.4em;
}
.link a {
	color: #006699;
	text-decoration: none;
	font-size : 100%;
}
.link a:hover {
	color: #006699;
	text-decoration: underline;
	font-size : 100%;
}

/* 20210805
-----------------------------*/
            #training_apply{
              margin-top: 20px;
              padding-top: 20px;
            border-top: 1px solid #eee;
            }
            #training_apply label{
              cursor: pointer;
            }
            #training_apply label:hover{
              text-decoration: underline;
            }
            #movie__check{
              display: inline-block;
              vertical-align: super;
            }
            #movie__check{
              display: inline-block;
            }
.btnlink {
  margin: 20px auto;
  text-align: center;
  font-weight: bold;
}
.btnlink a {
  display: inline-block;
  width: 100%;
  margin: 0 auto;
  padding: 14px 80px;
  border-radius: 4px;
  background: #FF9326 url("../images/icon_link_white.png") no-repeat 95% center;
  font-size: 160%;
  color: #fff;
}
.btnlink a.pdf {
  background: #FF9326 ;
}
.btnlink a.pdf .fa-file-pdf{
  color: #fff ;
}

.btnlink a:hover {
  color: #fff;
  background-color: #EA7500;
  text-decoration: none;
}
.btnlink a:hover span {
  color: #fff;
  background-color: #EA7500;
}
.btnlink a.grayout {
  background-color: #707070;
  color: #ccc;
  cursor: default;
}
.btnlink a.grayout:hover {
  background-color: #707070;
  color: #ccc;
  text-decoration: none;
  cursor: default;
}
.btnlink a.grayout:hover span {
  background-color: #707070;
  color: #ccc;
}


            #training_apply{
              margin-top: 20px;
              padding-top: 20px;
            border-top: 1px solid #eee;
            }
            #training_apply label{
              cursor: pointer;
            }
            #training_apply label:hover{
              text-decoration: underline;
            }
            #movie__check{
              display: inline-block;
              vertical-align: super;
            }
            #movie__check{
              display: inline-block;
            }
.btnlink {
  margin: 20px auto;
  text-align: center;
  font-weight: bold;
}
.btnlink a {
  display: inline-block;
  margin: 0 auto;
  padding: 20px 100px;
  border-radius: 4px;
  background: #FF9326 url("../images/icon_link_white.png") no-repeat 95% center;
  font-size: 160%;
  color: #fff;
}
.btnlink a:hover {
  color: #fff;
  background-color: #EA7500;
  text-decoration: none;
}
.btnlink a:hover span {
  color: #fff;
  background-color: #EA7500;
}
.btnlink a.grayout {
  background-color: #707070;
  color: #ccc;
  cursor: default;
}
.btnlink a.grayout:hover {
  background-color: #707070;
  color: #ccc;
  text-decoration: none;
  cursor: default;
}
.btnlink a.grayout:hover span {
  background-color: #707070;
  color: #ccc;
}

.listInformation{
  
}
.listInformation dt{
  margin-top: 18px;
  
}
.listInformation dd{
  padding-bottom: 20px;
  border-bottom: 1px solid #ddd;
  
}

@media screen and (max-width: 767px) {
  #eyecatch{
    width: 100%;
    height: auto;
  }
  #eyecatch img{
    width: 100%;
    height: auto;
  }
  #specimenContent{
    width: 100%;
    margin: 0 auto 40px;
    padding: 10px;
  }
  #contentTit{
    width: 100%;
    margin: 0 auto 20px;
  }
  #specimenContent #specimenContentInner {
    width: 100%;
    margin: 0 auto;
  }
  #specimenContent #specimenContentInner h2,
  #specimenContent #specimenContentInner h3{
    width: 100%;
    margin: 0 auto 20px;
  }
  #specimenSide{
    width: 100%;
    margin: 0 auto 20px;
  }
  #specimenSide #side,
  #specimenSide .info{
    margin: 0 auto 20px;
  }
  #specimenSide #side{
    float: left;
    width: 60%;
  }
  #specimenSide .info{
    float: right;
    width: 38%;
    padding: 5px;
  }
  article #specimenSide .info p{
    font-size: 80%;
  }
  
.info .infoInner {
    width: 100%;
}
.info .infoInner .infoTop {
    width: 100%;
}
.info .infoInner .infoBottom {
    width: 100%;
}
  #side #sideInner {
    width: 100%;
}
.sideBox {
    width: 100%;
}
.sideBox img{
    width: 100%;
  height: auto;
}
.sideBox:last-child {
    width: 100%;
  height: auto;
}
#specimenSide #banner {
    width: 100%;
}
  
  

  #specimenContent #itemBox{
    width: 100%;
  }
  
  #specimenContent #itemBox img{
    width: 100%;
    height: auto;
  }
  
  #applicationBox {
    width: 100%;
}
#applicationHead {
    width: 100%;
}
#applicationBody {
    width: 100%;
  padding: 10px;
}
#applicationBody .tCenter img{
    width: 100%;
  height: auto;
}
#applicationBody #applicationText {
    width: 100%;
}
#applicationBody #form {
    width: 100%;
}
  
  
}

.pc_only{
    display: block;
}
.sp_only{
  display: none;
}
@media screen and (max-width: 767px) {
  .pc_only{
  display: none;
  }
  .sp_only{
    display: block;
  }
}

.fs_150{
  font-size: 150%;
}



		#number{
			clear: both;
		}
		#number #numberInner {
			text-align: center;
			
		}
		#number #numberInner dl{
			border: 5px solid #2693FF;
			
		}
		#number #numberInner dl dt{
			padding: 10px 2px;
			background: #2693FF;
			color: #fff;
		}
		#number #numberInner dl dd{
			padding: 20px;
		}
		#number #numberInner dl dd p{
			margin-bottom: 0.6em;
		}
		#number #numberInner dl dd .numberLatest{
			margin-bottom: 0.2em;
			font-size: 1.4rem;
			font-weight: bold;
		}
		#number #numberInner dl dd .numberLatest span{
			font-size: 0.8rem;
		}
		#number #numberInner dl dd div{
		}
		#number #numberInner dl dd div a{
			display: block;
			padding: 10px;
			border-radius: 6px;
			background: #FF9326;
			font-size: 1.1rem;
			color: #fff;
		}
		
		#number #numberInner dl dd div a:hover {
  color: #fff;
  background-color: #EA7500;
  text-decoration: none;
}
		#number #numberInner dl dd div i{
			color: #fff;
		}
@media screen and (max-width: 767px) {
		#number{
		}
}

.alertbox{
	 color: #D96D00; font-size: 130%; font-weight: bold; border: 1px solid #D96D00; padding: 20px;
}
@media screen and (max-width: 767px) {
.alertbox{
	 font-size: 80%;
}
	
}