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:\66irst-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;
}