﻿@charset "utf-8";

/* =======================================

	CommonElements

======================================= */


#container {
	background-color: rgba(239,5,126,0.8);
	-webkit-border-radius: 0px 0px 10px 10px;
	-moz-border-radius: 0px 0px 10px 10px;
	border-radius: 0px 0px 10px 10px;
	position: relative;
	overflow: hidden;
}

/* .flickSlider
--------------------------- */
.flickSlider {
	margin: 0 auto;
	text-align: left;
	display: none;
}

/* .flickView
--------------------------- */
.flickSlider .flickView {
	margin:0 auto;
	width: 100%;
	text-align:center;
	position: relative;
	overflow: hidden;
}
.flickSlider .flickView ul {
	top: 0;
	left: 0;
	width: 100%;
	position: absolute;
	overflow: hidden;
}
.flickSlider .flickView ul li {
	width: 100%;
	float: left;
	display: inline;
	overflow: hidden;
}
.flickSlider .flickView ul li img {
	width: 100%;
}

/* .flickThumb
--------------------------- */
.flickSlider .flickThumb {
	width: 100%;
	overflow: hidden;
}
.flickSlider .flickThumb ul {
	width: 110%;
}
.flickSlider .flickThumb ul li {
	float: left;
	cursor: pointer;
	display: inline;
}
.flickSlider .flickThumb ul li img {
	width: 100%;
}
.flickSlider .flickThumb ul li.active {
	filter:alpha(opacity=100)!important;
	-moz-opacity: 1!important;
	opacity: 1!important;
}

/* sideNavi
------------------------- */


.flickSlider .btnPrev,
.flickSlider .btnNext {
	top: 0;
	width:50px;
	height: 100%;
	position: absolute;
	cursor: pointer;
}
.flickSlider .btnPrev {
	left: 0;
	background: url(../../img/s/btnPrev.png) no-repeat center center;
}

.flickSlider .btnNext {
	right: 0;
	background: url(../../img/s/btnNext.png) no-repeat center center;
}


/* =======================================
	ClearFixElements
======================================= */
.flickSlider .flickView ul:after,
.flickSlider .flickThumb ul:after {
	content: ".";
	height: 0;
	clear: both;
	display: block;
	visibility: hidden;
}

.flickSlider .flickView ul,
.flickSlider .flickThumb ul {
	display: inline-block;
	overflow: hidden;
}

.staffAicon2{
}
	.staffAicon2 img{
	}
.staffAicon3{
	margin:0 auto;
	padding:0;
	width:300px;
}
	.staffAicon3 img{
		width:100%;
		padding-bottom:2px;
	}
.staffAicon4{
	margin:0 auto;
	padding:0;
	width:300px;
}
	.staffAicon4 img{
		padding-left:1px;
		padding-right:1px;
		padding-bottom:2px;
		
	}	
.nameSet{
	margin:0 auto;
	padding:5px;
	width:100%;
	text-align:center;
}
	.nameSet h1{
		color:#ff23aa;
		font-size:100%;
		line-height:1.0em;
	}
	.staftxt01{
		color:#ffffff;
		font-size:134%;
		font-weight:bold;
		line-height:1.0em;
	}
	.staftxt02{
		color:#ffffff;
		font-size:134%;
		font-weight:bold;
		line-height:1.0em;
	}
	.staftxt03{
		color:#CCC;
		font-size:80%;
		line-height:1.0em;
	}
	.staftxt04{
		color:#ffffff;
		font-size:100%;
		font-weight:bold;
		line-height:1.0em;
	}
	
.profileA{
	margin-top:5px;
	background-color: rgba(255,255,255,0.9);
	padding: 10px;
	-webkit-border-radius: 10px 10px 10px 10px;
	-moz-border-radius: 10px 10px 10px 10px;
	border-radius: 10px 10px 10px 10px;
	color:#666;
}
	.profileA ul{
	}
		.profileA ul li{
			font-size:100%;
			border-bottom-width:thin;
			border-bottom-style:dashed;
			border-bottom-color:#CCC;
			margin-bottom:4px;
		}
		.profileAs{
			color:#999;
			margin-right:5px;
			font-size:80%;
		}
		.profileAs2{
			color:#F39;
			font-size:100%;
		}
		.comp03{
			color:#F39;
			font-size:100%;
		}
.comm{
	font-size:100%;
	color:#666;
}

.optitle{
	font-size:100%;
	color:#ef057e;
	font-weight:bold;
}
.option01{
	margin-top:5px;
	background-color: rgba(255,255,255,0.9);
	padding: 10px;
	-webkit-border-radius: 10px 10px 10px 10px;
	-moz-border-radius: 10px 10px 10px 10px;
	border-radius: 10px 10px 10px 10px;
	color:#CCC;
	font-size:134%;
	
}
	.option01 ul{
		z-index:100;
	position:relative;	
	}
		.option01 ul li{
			margin-bottom:4px;				
		}
		
.opboxSet{
}
	.opboxAtxt{
		color:#FFF;
		background-color: rgba(239,5,126,0.6);
		-webkit-border-radius: 5px 5px 5px 5px;
		-moz-border-radius: 5px 5px 5px 5px;
		border-radius: 5px 5px 5px 5px;
		font-weight:bold;
		float:left;
		width:100%;
		z-index:200;
		position:absolute;
		
		
		}
		.opboxAtxt h3{
			background-color: rgba(239,5,126,1);
			padding:1px;
			-webkit-border-radius: 5px 5px 5px 5px;
			-moz-border-radius: 5px 5px 5px 5px;
			border-radius: 5px 5px 5px 5px;
			font-size:100%;
			width:20px;
			text-align: center;
		}
	
.opboxAtxt2{
	margin-left:30px;
	margin-top:1px;
	float:left;
	z-index:300;
	position:absolute;
	color:#FFF;
}

	.opboxBtxt{
		background-color: rgba(204,204,204,0.6);
		-webkit-border-radius: 5px 5px 5px 5px;
		-moz-border-radius: 5px 5px 5px 5px;
		border-radius: 5px 5px 5px 5px;
		font-weight:bold;
		float:left;
		width:100%;
		z-index:200;
		position:absolute;
	}
		.opboxBtxt h3{
			background-color: rgba(204,204,204,1);
			padding:1px;
			-webkit-border-radius: 5px 5px 5px 5px;
			-moz-border-radius: 5px 5px 5px 5px;
			border-radius: 5px 5px 5px 5px;
			font-size:100%;
			width:20px;
			color:#FFF;
			text-align: center;
		}
.schedulepro{
	margin-top:5px;
	background-color: rgba(255,255,255,0.9);
	padding: 10px;
	-webkit-border-radius: 10px 10px 10px 10px;
	-moz-border-radius: 10px 10px 10px 10px;
	border-radius: 10px 10px 10px 10px;
	color:#CCC;
	font-size:134%;
	
}
	.schedulepro01{
		margin-top:2px;
		background-color: rgba(239,5,126,0.6);
		padding: 3px;
		-webkit-border-radius: 5px 5px 5px 5px;
		-moz-border-radius: 5px 5px 5px 5px;
		border-radius: 5px 5px 5px 5px;
		color:#FFF;
		font-size:100%;
		
	}
		.schpro01{
			font-size:80%;
		}
		.schpro02{
			font-size:100%;
			position:absolute;
			padding-top:2px;
		}
.profilesub{
	margin-top:5px;
	background-color: rgba(255,255,255,0);	
	-webkit-border-radius: 10px 10px 10px 10px;
	-moz-border-radius: 10px 10px 10px 10px;
	border-radius: 10px 10px 10px 10px;
	color:#FFF;
	font-size:134%;
	width:100%;
	text-align:center;
}
	.profilesub ul{
	}
		.profilesub ul li{
			width:50%;
			float:left;
		}
	.profilesubA{
		left:5%;
		width:90%;
		padding-top:5px;
		padding-bottom:5px;
		background-image: -ms-linear-gradient(top, #37c4f1 0%, #23add9 100%);/* IE10 */
    	background-image: -moz-linear-gradient(top, #37c4f1 0%, #23add9 100%);/* Mozilla Firefox */
    	background-image: -o-linear-gradient(top, #37c4f1 0%, #23add9 100%);/* Opera */
    	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #37c4f1), color-stop(1, #23add9));/* Webkit (Safari/Chrome 10) */
   		background-image: -webkit-linear-gradient(top, #37c4f1 0%, #23add9 100%);/* Webkit (Chrome 11+) */
    	background-image: linear-gradient(top, #37c4f1 0%, #23add9 100%);/* Proposed W3C Markup */
		-webkit-border-radius: 5px 5px 5px 5px;
		-moz-border-radius: 5px 5px 5px 5px;
		border-radius: 5px 5px 5px 5px;
		position:relative;	
		border:1px solid #23add9;
	}
	.profilesubB{
		left:5%;
		width:90%;
		padding-top:5px;
		padding-bottom:5px;
		background-image: -ms-linear-gradient(top, #abd500 0%, #94b700 100%);/* IE10 */
    	background-image: -moz-linear-gradient(top, #abd500 0%, #94b700 100%);/* Mozilla Firefox */
    	background-image: -o-linear-gradient(top, #abd500 0%, #94b700 100%);/* Opera */
    	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #abd500), color-stop(1, #94b700));/* Webkit (Safari/Chrome 10) */
   		background-image: -webkit-linear-gradient(top, #abd500 0%, #94b700 100%);/* Webkit (Chrome 11+) */
    	background-image: linear-gradient(top, #abd500 0%, #94b700 100%);/* Proposed W3C Markup */
		-webkit-border-radius: 5px 5px 5px 5px;
		-moz-border-radius: 5px 5px 5px 5px;
		border-radius: 5px 5px 5px 5px;
		position:relative;
		border:1px solid #94b700;
	}
	

	
.profilesub ul li a:link{color:#fff;text-decoration:none;}
.profilesub ul li a:visited{color:#fff;text-decoration:none;}
.profilesub ul li a:hover{	color:#fff;text-decoration:none;}
.profilesub ul li a:active{color:#fff;text-decoration:none;}