@charset "utf-8";
/* CSS Document */
@import url("./style.css");
/**************************************
index
**************************************/
#orbit_bg{width:880px;height:400px;padding:10px;overflow:hidden;margin:0 0 15px 0;background:url(../img/orbit/orbit_bg2.gif) no-repeat center center;}
/* CONTAINER */
div.orbit {width:880px; height:280px; position:relative; margin:;z-index:80;/*-moz-box-shadow: 0 0 10px rgba(0,0,0,.25); -webkit-box-shadow: 0 0 10px rgba(0,0,0,.25);*/  overflow: hidden;}
div.orbit img{position:absolute;top:0;left:0;}
div.orbit a img {border:none; }
/* TIMER */
div.timer { display:none; width: 20px; height: 20px; overflow: hidden; position: absolute; top: 4px; left:900px; opacity: .6; cursor: pointer; z-index: 99; }
span.rotator { display: block; width: 20px; height: 20px; position: absolute; top: 0; left: -10px; background: url('images/rotator-black.png') no-repeat; z-index: 3; }
span.mask { display: block; width: 10px; height: 20px; position: absolute; top: 0; right: 0; z-index: 2; overflow: hidden; }
span.rotator.move { left: 0; }
span.mask.move { width: 20px; left: 0; background: url('images/timer-black.png') repeat 0px 0px;  }
span.pause { display: block; width: 20px; height: 20px; position: absolute; top: 0; left: 0px; background: url('images/pause-black.png') no-repeat; z-index: 4; opacity: 0; }
div.timer:hover span.pause,
span.pause.active, 
div.timer:hover span.pause.active { opacity: 1; }
/* CAPTIONS */
div.caption { background:; background:/*rgba(0,0,0,.6)*/; width:100%; z-index:1000; position:absolute; bottom:-100px; color:#fff; padding:8px 0; }
div.caption span { padding: 0 10px; font-size:14px; text-shadow:0px 1px 0px rgba(0,0,0,.8); margin: 0; }
.orbit-caption { display: none;}
/* DIRECTIONAL NAV */
div.orbit:hover div.slider-nav { display:block; }
div.slider-nav { display: none; }
div.slider-nav span { width:36px; height:36px; text-indent: -9999px; position: absolute; z-index:999;top:50%; margin-top:-18px; cursor: pointer; }
div.slider-nav span.right { background:url(../scripts/orbit/images/right-arrow.png); right:5px;}
div.slider-nav span.left { background:url(../scripts/orbit/images/left-arrow.png); left: 5px; }
/* BULLET NAV */
.orbit-bullets {position:absolute; z-index:999; list-style:none; bottom:5px; left:50%; margin:0 0 0 -24px; padding:0; }
.orbit-bullets li { float:left; margin-left:2px; cursor:pointer; color #999; text-indent:-9999px; background:url(../scripts/orbit/images/bullets.png) no-repeat; 0 0; width: 10px; height: 10px; overflow: hidden; padding:0;}
.orbit-bullets li.active { color: #222; background-position: -10px 0; }


/*****************/
h2#welcome{width:100%;margin:5px 0 20px;padding-bottom:10px;border-bottom:dotted 1px #ccc;font-weight:bold;}

#welcome-area{
	margin:0.5em 0 1em;padding-bottom:1em;border-bottom:dotted 1px #ccc;
	font-size:110%;
	color: #444;
	background-image: url(../img/bg-welcome.gif);
	background-repeat: no-repeat;
	background-position: right center;
}
#welcome-area h2{
	color: #050;
	line-height:1.3;
}
#welcome-area h2 span{
	font-size:130%;
	font-weight: bold;
}
#welcome-area ul{
	list-style-type: circle;
	margin:1em 0;padding:0;
}
#welcome-area ul li{
	margin-left: 2em;
}
#welcome-area p{
	font-weight: bold;
}


ul.ad_img{ list-style:none;margin:0 0 10px;padding:0;}
ul.ad_img li{width:32%;margin:0 1% 1% 0;padding:0;float:left;text-align:center;}
ul.ad_img li img{width:100%;}

.news{width:620px;background:url(../img/bg/bg.gif);padding-bottom:10px;margin-bottom:15px;border-radius:5px;}
.news h2{line-height:40px;height:40px;font-size:120%;padding:0 0 0 30px;color:#fff;margin-bottom:0;position:relative;}
.news h2 img{position:absolute;top:50%;margin-top:-8px;left:10px;}
.news div.topic,.news div.blog{width:600px;margin:0 10px;padding:0;overflow:auto;background:#fff;}
.news div.topic{height:10em;}
.news div.blog{height:10em;}
.news table{margin-bottom:10px;width:100%;}
.news table td{border-bottom:dotted 1px #ccc;height:3em;padding:0;}
.news table tr:first-child{border-top:none;}
.news table td.date{width:4em;padding:0 5px}
.news table td.none{text-align:center;border-bottom:none;height:16em;}

#support{padding:5px;border:solid 5px #060;}
#support #inner{padding:10px;border:solid 1px #060;}
#support h2{color:#f00; position:relative;padding:0 0 0 20px;font-size:120%;}
#support h2 img{position:absolute;top:50%;margin-top:-8px;left:0;}
#support p{margin-top:5px;}
#support .small{margin-top:5px;}

/*** fb ***/
#fb{}
#fb .fb-like-box,#fb .fb-like-box iframe{height:400px;width:100%;}

/*** recruit ***/
.wrap-recruit{
	background: #f00;
	color: #fff;
	text-align: center;
	padding: 20px 0;
	line-height: 1.2;
}
.wrap-recruit p{
	font-weight: bold;
	font-size: 42px;
	margin-bottom: 5px;
}

/*** opdes ***/
.wrap-opdes{
	border: 5px solid #060;
	padding: 5px;
}
.opdes-inner{
	border: 1px solid #060;
	padding: 15px;
}
.opdes-img{
	/*
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: center;
	*/
}
.opdes-img img{
	width: 100%;
	height: auto;
	margin-bottom: 10px;
	box-sizing: border-box;
}
.opdes-img img:last-child{
	margin-bottom: 0;
}