html{
  overflow:auto;
  height:100%;
  margin:0;
}

body{
  margin: 0 ;			
  padding: 0 ;			
  font-family:'¥á¥¤¥ê¥ª' , Meiryo, '¥Ò¥é¥®¥Î½Ç¥´ Pro W3' , 'Hiragino Kaku Gothic Pro' , '£Í£Ó £Ð¥´¥·¥Ã¥¯' , 'Osaka' , 'sans-serif';
  color: #212121; 
  font-size : 90%!important; 
  width:100%;
  height:100%;
}

h2{
  font-size:12px;
}


a{
  color:#ff8800;
  text-decoration: none;
}

a:hover{
  color:#ffcc00;
  text-decoration: none;
}


html:first-child body{
  font-size: 70%;
}


/* wrapper */
.wrapper{
  max-width: 960px;
  margin: 0 auto;
  min-height: 100%;
  padding-bottom:15px;
}
/* end */

header{
  margin: 0 ;
  padding-top: 0.5em ;
  padding-bottom: 0.5em ;
  background-color: #ff6f00;
  font-size:80%;
  font-weight:bold;
  color:white;
  min-width:960px;
}

header a{
  color:white;
  text-decoration: none;
  border-bottom: 1px dashed;
}

header a:hover{
  color:#f8e352;
  text-decoration: none;
  border-bottom: 1px dashed;
}


footer{
  margin: 0 auto;
  padding: 0.5em;
  background-color: #ff6f00;
  font-size:80%;
  font-weight:bold;
  color:white;
  margin-top:-18px;
  width:945px;
  height:15px;
}


.slider{
  display:none;
}

.slider.slick-initialized{
  display: block;
}

.slider-container{
  width:960px;
  height:300px;
  margin: 0 auto;
}

.eventslider{
  display:none;
}

.eventslider.slick-initialized{
  display: block;
}

.eventslider-container{
  width:400px;
  margin: 0 auto;
}

.report{
  width:900px;
  padding:10px;
  border-radius:10px;
  border:1px #BDBDBD dotted;
}

.report1{
  width:450px;
  display:inline-block;
  vertical-align:top;
  height:300px;
  padding:5px 5px 5px 10px;
}

.report2{
  width:420px;
  display:inline-block;
  text-align:center;
  height:300px;
  padding:5px;
}

.report3{
  width:290px;
  display:inline-block;
  background:green;
  height:300px;
}

.swiper-img{
  padding-left:35px;
  padding-top:5px;
  float:left;
  width:130px;
}

.swiper-text{
  margin-left:30px;
  float:left;
  width:365px;
  font-size:85%;
}

.swiper-text h2{
  background: #ccff90;
  box-shadow: 0px 0px 0px 5px #ccff90;
  margin-bottom:15px;
  border: dashed 1px #8BC34A;
  padding: 0.2em 0.5em;
  color: #212121;
}

.center{
  width:960px;
  margin:0 auto;
  height:320px;
}

.topics{
  width:420px;
  height:300px;
  padding:10px;
  margin-right:10px;
  float:left;
  margin-top:7px;
  border-radius:10px;
}

.topics h1{
  position: relative;
  font-size:110%;
}

.topics h1::after{
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 5px;
  background: -webkit-repeating-linear-gradient(-45deg, #8BC34A, #8BC34A 2px, #fff 2px, #fff 4px);
  background: repeating-linear-gradient(-45deg, #8BC34A, #8BC34A 2px, #fff 2px, #fff 4px);
}

.record{
  width:290px;
  height:300px;
  padding:10px;
  margin-right:10px;
  float:right;
  margin-top:7px;
  border-radius:10px;
}

.record h1{
  position: relative;
  font-size:110%;
}

.record h1::after{
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 5px;
  background: -webkit-repeating-linear-gradient(-45deg, #4fc3f7, #4fc3f7 2px, #fff 2px, #fff 4px);
  background: repeating-linear-gradient(-45deg, #4fc3f7, #4fc3f7 2px, #fff 2px, #fff 4px);
}

.internship{
  width:170px;
  height:300px;
  padding:10px;
  margin-top:7px;
  float:right;
  border-radius:10px;
}

.internship h1{
  position: relative;
  font-size:110%;
}

.internship h1::after{
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 5px;
  background: -webkit-repeating-linear-gradient(-45deg, #ff9800, #ff9800 2px, #fff 2px, #fff 4px);
  background: repeating-linear-gradient(-45deg, #ff9800, #ff9800 2px, #fff 2px, #fff 4px);
}

.clearfix::after{
  content: " ";  /* ???[?????????v???f???????ȇ?????????????? */
  display: block;  /*???u?????????b???N???{???b???N???X???ªð?׫??????????????*/
  visibility: hidden;  /*???{???b???N???X?????????\??????????¤ñ????????*/ 
  clear: both;  /* ?????????¬â?¡¢????¤ñ??????ÓÒ???¬â?¤ñ?????üt????S????¤ÎÒª???f????¤ñ???????????????????????êI™Y???¤ñ??????????????????????????B */
  height: 0;  /* ?????????????????????A0px????¤ñ????????B */
  line-height: 0;  /*???s????“’????????????¡¢0px????¤ñ????????B*/
}

.outline{
  margin-top : 0px;
  margin-bottom : 20px;
  margin-left:0px;
  margin-right:0px;
  padding : 20px;
  font-size:90%;
  width:920px;
}

.outline h1{
  position: relative;
  border-top: solid 2px #8BC34A;
  border-bottom: solid 2px #8BC34A;
  background: #f1f8e9;
  line-height: 1.4;
  padding: 0.4em 0.5em;
  margin: 2em 0 0.5em;
  font-size:110%;
}

.outline h1::after{
	/*???^???u*/
  position: absolute;
  content: 'POINT';
  background: #8BC34A;
  color: #fff;
  left: 0px;
  bottom: 100%;
  border-radius: 5px 5px 0 0;
  padding: 5px 7px 3px;
  font-size: 0.7em;
  line-height: 1;
  letter-spacing: 0.05em;
}


.outline-text{
  padding-left:10px;
  padding-top:5px;
  margin-bottom:0;
}

.outline-box1{
  border:solid 5px #FFC107;
  width:340px;
  margin:15px;
  border-radius: 255px 15px 225px 15px/15px 225px 15px 255px;
  padding:20px;
  display:inline-block;
  vertical-align:middle;
}

.outline-box2{
  border:solid 5px #ff6f00;
  width:340px;
  margin:15px;
  border-radius: 255px 15px 225px 15px/15px 225px 15px 255px;
  padding:20px;
  display:inline-block;
  vertical-align:middle;
}

.outline-box3{
	border:solid 5px #4fc3f7;
width:340px;
margin:15px;
border-radius: 255px 15px 225px 15px/15px 225px 15px 255px;
padding:20px;
display:inline-block;
vertical-align:middle;
}

.outline-box4{
	border:solid 5px #8BC34A;
width:340px;
margin:15px;
border-radius: 255px 15px 225px 15px/15px 225px 15px 255px;
padding:20px;
display:inline-block;
vertical-align:middle;
}

.box_scrollbar{
	overflow:auto;
width:277px;
height:220px;
padding:5px;
border:1px solid #ccc;
background-color:#F9F9F9;
color:#000;
font-size:12px;
border-radius:5px;
}

.box_intern_scrollbar{
	overflow:auto;
width:165px;
max-height:90px;
padding:0px;
background-color:transparent;
color:#000;
font-size:11px;
border-radius:5px;
}

.date{
	width:60px;
float:left;
margin-right:7px;
padding-left:10px;
padding-top:3px;
}

.log{
	width:170px;
float:left;
padding-top:3px;
margin-right:3px;
margin-bottom:3px;
}

.box_staff{
	overflow:auto;
width:157px;
height:220px;
padding:5px 2px 5px 5px;
margin:0;
color:#000;
font-size:12px;
border-radius:5px;
}

.section{
	background-color: #FFECB3;
padding: 10px 5px 10px 15px;
position: relative;
margin-top:10px;
margin-bottom:15px;
border-radius:10px;
font-weight:bold;
}

.section::after{
	border-bottom: 12px solid #FFECB3;
border-right: 12px solid transparent;
border-left: 12px solid transparent;
content: '';
margin-left: -50px;
position: absolute;
top: -12px;
left: 50%;
}

.alert{
	height:47px;
padding-top:10px;
margin-left:5px;
margin-right:5px;
border: 2px solid #FF1744;
border-radius: 4px;
position: relative;
padding-left:10px;
padding-right:10px;
}

.alert::before{
	background-color:#Ffffff ;
color: #FF1744;
content: "Check !";
font-weight: bold;
left: 1em;
padding: 0 .5em;
position: absolute;
top: -1em;
}

.contents{
	margin-top : 0px;
margin-bottom : 5px;
margin-left:0px;
margin-right:0px;
padding : 20px 20px 0px 20px;
font-size:90%;
width:920px;
}

.contents h3{
	padding: 0.5em;/*?????????????????????????Óà??????*/
color: #494949;/*???????????????F*/
background: #fffaf4;/*???w???i???F*/
border-left: solid 5px #FFC107;/*???????????????i???????????? ???????????? ???F???j*/
}

.contents-text{
	padding-left:10px;
padding-top:5px;
margin-bottom:0;
}

.contents h4{
	color: #212121;/*???????????????F*/
border-bottom: dashed 2px #FFC778;
/*??????????Ȥ???£¨???_?????????j2px ?????????F*/
}

h4.down{
	color: #212121;/*???????????????F*/
border-bottom: dotted 2px #FFC778;

/*??????????Ȥ???£¨???_?????????j2px ?????????F*/
}

.contents h5{
	color: #212121;/*???????????????F*/
border-bottom: dotted 1px #FFC778;
font-size:13px;
/*??????????Ȥ???£¨???_?????????j2px ?????????F*/
margin:15px 0px 10px 0px;
}

.contents-box1{
	width:430px;
margin:10px;
padding:0px 20px 0px 0px;
display:inline-block;
vertical-align:middle;
}

.contents-box2{
	width:370px;
margin:10px 0px 10px 30px;
padding:0px 20px 0px 0px;
display:inline-block;
vertical-align:top;
}

strong{
	background: linear-gradient(transparent 60%, rgb(255, 170, 170) 60%);
}

.intern-alert{
	width:500px;
margin:10px 15px 0px 0px;
padding:0px 20px 0px 0px;
display:inline-block;
vertical-align:top;
}

.intern-check{
	position:relative;
width:250px;
padding:20px 20px 5px 20px;
margin:10px 0px 0px 50px;
color:#212121;
background:#FFECB3;
overflow:hidden;
display:inline-block;
vertical-align:top;
}

.intern-check::before{
	content:"";
position:absolute;
top:0;
right:0;
border-width:0 16px 16px 0; /* This trick side-steps a webkit bug */
border-style:solid;
border-color:#fff #fff #FFC107 #FFC107; /* A bit more verbose to work with .rounded too */
background:#FFC107; /* For Opera when also applying a border-radius */
display:block; width:0; /* Only for Firefox 3.0 damage limitation */
}

.intern-checklist{
	list-style-image : url(/img/point.png);
}

.intern-checklist li{
	color: firebrick;
}

.intern-checklist span{
	color:#212121;
}

.idsindex{
	margin-top:5px;
margin-bottom:5px;
font-weight:bold;
padding-left:10px;
}

.ids{
	position:relative;
top:5px;
right:5px;
}

.idstext{
	padding-left:30px;
}

.ids-time{
	position:relative;
width:313px;
padding:15px 20px 10px 20px;
margin:5px 5px 5px 0px;
color:#212121;
background:#ceefff;
overflow:hidden;
display:inline-block;
vertical-align:top;
line-height:23px;
}

.ids-time::before{
	content:"";
position:absolute;
top:0;
right:0;
border-width:0 16px 16px 0; /* This trick side-steps a webkit bug */
border-style:solid;
border-color:#fff #fff #4fc3f7 #4fc3f7; /* A bit more verbose to work with .rounded too */
background:#FFC107; /* For Opera when also applying a border-radius */
display:block; width:0; /* Only for Firefox 3.0 damage limitation */
}



/*The settings of Table*/
table{
	border-collapse: collapse; /* IE7 and lower */
border-spacing: 0;
width:900px;
font-size:95%;
}

th{
	background-color:#aef759;
height:33px;
border-top:1px solid silver;
border-bottom:1px solid silver;
}

.sect{
	width:380px;
border-right:1px solid white;
border-left:1px solid silver;
}

.ex1{
	width:100px;
border-right:1px solid white;
}

.ex2{
	width:100px;
border-right:1px solid silver;
}



td{
	height:30px;
}


.sect2{
	width:170px;
padding-left:10px;
border:1px solid silver;
border-top:none;
}

.sect3{
	width:190px;
padding-left:10px;
border:1px solid silver;
border-top:none;
}

.ex3{
	text-align:center;
border:1px solid silver;
border-top:none;
}

.pdf{
	position:relative;
top:3px;
left:4px;
}

.step{
	position:relative;
top:7px;
right:12px;
}

.midashi{
	vertical-align:-15px;
margin-right:8px;
margin-bottom:8px;
}

.stepmidashi{
	font-size:120%;
font-weight:bold;
margin-top:12px;
margin-bottom:10px;
}

.mailmidashi{
	margin-top:12px;
margin-bottom:10px;
}

.mail{
	position:relative;
top:10px;
right:3px;
}

.twitter{
	position:relative;
top:10px;
right:3px;
}

.twittermidashi{
	margin-top:12px;
margin-bottom:10px;
}

.bosyu{
	background-color:#ddffb7;
font-weight:bold;
}

.event1{
	margin-left:7px;
padding:5px 10px 5px 10px;
margin-bottom:0;
display:inline-block;
width:420px;
border-radius:10px;
border:1px #BDBDBD dotted;
}

.event2{
	float:left;
width:110px;
margin:2px 0px 2px 0px;
text-align:center;
padding-top:10px;
}

.event2 a:hover img {
opacity: 0.6;
filter: alpha(opacity=60);
-ms-filter: "alpha(opacity=60)";
}

.event3{
	float:right;
width:280px;
margin:2px;
padding:10px;
}

.eventlog{
	display:inline-block;
width:160px;
padding:5px;
margin:2px 2px 2px 4px;
border:1px #BDBDBD dotted;
border-radius:5px;
}

.logimg{
	display:block;
margin-left:auto;
margin-right:auto;
}

.bring{
	margin-bottom:-3px;
}

.logtitle{
	margin-bottom:2px;
margin-top:2px;
font-weight:bold;
text-align:center;
}

.stafflist{
	padding-left:10px;
padding-top:5px;
margin-bottom:0;
}

.gsstaff{
	width:	150px;
height:150px;
overflow:hidden;
margin:3px 2px 5px 10px;
position:relative;
display:inline-block;
}

.name{
	width:	150px;
height:30px;
overflow:hidden;
margin:0px 2px 10px 10px;
position:relative;
display:inline-block;
text-align:center;
}

.gsstaff .caption{
	padding:0px 10px 0px 10px;
color:	#fff;
font-size:90%;
}
.gsstaff .mask{
	width:	100%;
height:100%;
position:absolute;
top:0;
left:	0;
opacity:0;	/* ???}???X???N??????\????????????????¤ñ?? */
background-color:	rgba(0,0,0,0.4);
-webkit-transition:	all 0.6s ease;
transition:		all 0.6s ease;
}

.gsstaff:hover .mask{
	opacity:1;	/* ???}???X???N??????\?????????????????? */
padding-top:30px;	/* ???z???o???[????»á??????¤ñ?????Þ_? */
}


.eventleft{
	width:400px;
margin:10px;
padding:0px 20px 0px 0px;
display:inline-block;
vertical-align:middle;
}

.eventright{
	width:400px;
margin:10px 0px 10px 20px;
padding:0px 20px 0px 0px;
display:inline-block;
vertical-align:top;
}

.yajirushi{
	text-align:center;
margin:8px 0px 8px 20px;
}


/* MenuCSS */
.dropmenu{
	*zoom: 1;
list-style-type: none;
width: 960px;
margin: 0px auto;
padding: 0;
}
.dropmenu::before, .dropmenu::after{
	content: "";
display: table;
}
.dropmenu::after{
	clear: both;
}
.dropmenu li{
	position: relative;
width: 20%;
float: left;
margin: 0;
padding: 0;
text-align: center;
}
.dropmenu li a{
	display: block;
margin: 0;
padding: 15px 0 11px;
background: #FFC107;
color: #ffffff;
font-weight: bold;

font-size: 12px;
line-height: 1;
text-decoration: none;
}
.dropmenu li ul{
	list-style: none;
position: absolute;
z-index: 9999;
top: 100%;
left: 0;
margin: 0;
padding: 0;
}
.dropmenu li ul li{
	width: 100%;
}
.dropmenu li ul li a{
	padding: 13px 15px;
border-top: 1px solid #ffb300;
background: #FFA000;
text-align: left;
}
.dropmenu li:hover > a{
	background: #FFA000;
}
.dropmenu li a:hover{
	background: #ff8f00;
}

#normal li ul{
	display: none;
}
#normal li:hover ul{
	display: block;
}

/* Function-search- */
.message{
	margin-bottom: 10px;
}
.sortNav{
	overflow: hidden;
margin-bottom: 30px;
}
.sortNav li{
	list-style:none;
float: left;
margin-left: 10px;
color: #fff;
font-weight: bold;
padding: 5px 10px;
cursor: pointer;
}

.first,.second,.third,.fourth,.m{
	width: 150px;
height: 150px;
line-height: 50px;
verticel-align: middle;
text-align: center;
margin: 10px;
font-size: 10px;
color: #fff;
float: left;
}
.first, .btnFirst{
	background-color: violet;
}
.second, .btnSecond{
	background-color: lightgreen;
}
.third, .btnThird{
	background-color: skyblue;
}
.fourth, .btnFourth{
	background-color: royalblue;
}
.m, .btnm{
	background-color: pink;
}

.btnAll{
	background-color: #000;
}