@charset "Shift_JIS";

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:15px;
float:left;
width:200px;
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: " ";  /* 擬似要素を追加する */
	display: block;  /*ブロックボックスを生成する*/
	visibility: hidden;  /*ボックスを非表示にする*/ 
	clear: both;  /* 左寄せ、または右寄せされた全ての要素にたいする回り込みを解除する。 */
	height: 0;  /* 高さを、0pxにする。 */
	line-height: 0;  /*行の高さは、0pxにする。*/
}



.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{
	/*タブ*/
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;
    }

.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;/*文字色*/
background: #fffaf4;/*背景色*/
border-left: solid 5px #FFC107;/*左線（実線 太さ 色）*/
}

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

.contents h4{
	color: #212121;/*文字色*/
border-bottom: dashed 2px #FFC778;
/*線の種類（点線）2px 線色*/
}

h4.down{
	color: #212121;/*文字色*/
border-bottom: dotted 2px #FFC778;

/*線の種類（点線）2px 線色*/
}

.contents h5{
	color: #212121;/*文字色*/
border-bottom: dotted 1px #FFC778;
font-size:13px;
/*線の種類（点線）2px 線色*/
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;	/* マスクを表示しない */
	background-color:	rgba(0,0,0,0.4);
	-webkit-transition:	all 0.6s ease;
	transition:		all 0.6s ease;
}

.gsstaff:hover .mask{
	opacity:1;	/* マスクを表示する */
	padding-top:30px;	/* ホバーで下にずらす */
}


.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;
}