@charset "utf-8";


.titArea p {
margin:15px 10px 10px;
text-shadow:0px 0px 2px #fff;
}



.keypersonBox {
display: block;
-webkit-box-shadow: 0 0 3px rgba(0,0,0,0.2);
box-shadow: 0 0 3px rgba(0,0,0,0.2);
margin:10px auto 20px;
width:95%;
border: 1px solid #EBEBEB;
border-bottom: none;
color: #666;
font-size:12px;
text-align: left;
background-color:#FFF;
}	



.swich {
position:relative;
margin:0 auto;
height:34px;
background: url(../keyperson/img/bg01.jpg) bottom left repeat-x;
background-size: 5px;
}

.flickableControl{
}
#bothPageCount {
text-align:center;
background: url(../keyperson/img/bg02.jpg) bottom center no-repeat;
background-size: 92px;
padding:1px 0 15px 0;
}

.pre{
position: absolute;
top:8px;
left:10px;
text-align:center;
border-radius: 20px;
background: #C4C4C4;
width:90px;
height:20px;
-webkit-box-shadow: 1px 1px 2px #666666 inset;
box-shadow: 1px 1px 2px #666666 inset;
}
.pre a{
color:#767676;
-webkit-text-shadow: 1px 1px 1px #fff;
text-shadow: 1px 1px 1px #fff;
display:block;
padding:10px;
margin-top:-8px;
}
.next{
position: absolute;
top:8px;
right:10px;
text-align:center;
border-radius: 20px;
background: #C4C4C4;
width:90px;
height:20px;
-webkit-box-shadow: 1px 1px 2px #666666 inset;
box-shadow: 1px 1px 2px #666666 inset;
}
.next a{
color:#767676;
-webkit-text-shadow: 1px 1px 1px #fff;
text-shadow: 1px 1px 1px #fff;
display:block;
padding:10px;
margin-top:-8px;
}
.flickSimple {
margin:0 auto;
position: relative;
overflow: auto;
width: 320px;
}
.flickSimple.landscape {
}
.flickSimple ul {
display: block;
margin: 0;
padding: 0;
}
.flickSimple ul.landscape {
}
.flickSimple ul li {
float: left;
list-style-type: none;
text-align: center;
}

.flickSimple ul li.landscape {
}


#both {
width: 300px;
}
#both ul{
width: 1500px;
height: 180px;
text-align:left;
}



#both ul li {
width: 300px;
height: 160px;
text-align:left;
}


#both ul li a {
display: block;
height: 160px;
margin:5px;
}





.keypersonPeople{
display: block;
-webkit-box-shadow: 0 0 3px rgba(0,0,0,0.2);
box-shadow: 0 0 3px rgba(0,0,0,0.2);
margin:20px 10px 20px;
border: 1px solid #EBEBEB;
border-bottom: none;
color: #666;
font-size:12px;
text-align: left;
background-color:#FFF;
padding:5px;
}	

.keypersonPeople .sImg {
margin-bottom:10px;
text-align:center;
}

.keypersonPeople h2 {
font-size:16px;
padding-top:15px;
margin-bottom:8px;
color:#000;
font-weight:bold;
background:url(../img_common/bar02.png) top left repeat-x;
background-size:6px;
}	
.keypersonPeople p {
line-height:1.6;
margin-bottom:8px;
}	

.keypersonPeople .imgLeft {
margin-right:10px;
float:left;
}	
.keypersonPeople.imgReft {
margin-left:10px;
float:right;
}	






.pageback{
position: relative;
padding:0px 0 20px 0;
}
.pageback p{
margin:20px auto;
border-top:solid #21B497 1px;
border-bottom:solid #21B497 1px;
-webkit-border-radius: 6px;
border-radius: 6px;
height:18px;
padding-top:3px;
text-align: center;
width: 230px;
background-image: -webkit-gradient(linear,left top, left bottom, from(#70D3C0), color-stop(0.47, #70D3C0), color-stop(0.48, #21B497), to(#21B497));
background-image: -webkit-linear-gradient(top,#70D3C0, #70D3C0 47%, #21B497 48%, #21B497);
background-image: linear-gradient(top,#70D3C0, #70D3C0 47%, #21B497 48%, #21B497);
position: absolute;
right: 10px;
top: -16px;
color:#ffffff;
}
.pageback a{
margin-left:-5px;
font-size:13px;
font-weight:bold;
color:#ffffff;
display: block;
text-shadow:-1px -1px 0px #21B497,1px -1px 0px #21B497,1px 1px 0px #21B497,-1px 1px 0px #21B497;
background:url(../img_common/icon01.png) no-repeat;
background-size:14px;
background-position:220px -28px;
}



.detailLink{
position: relative;
padding:0px 0 20px 0;
}
.detailLink p{
border-top:solid #21B497 1px;
margin-top:5px;
border-bottom:solid #21B497 1px;
-webkit-border-radius: 6px;
border-radius: 6px;
height:18px;
padding-top:3px;
text-align: center;
width: 100px;
background-image: -webkit-gradient(linear,left top, left bottom, from(#70D3C0), color-stop(0.47, #70D3C0), color-stop(0.48, #21B497), to(#21B497));
background-image: -webkit-linear-gradient(top,#70D3C0, #70D3C0 47%, #21B497 48%, #21B497);
background-image: linear-gradient(top,#70D3C0, #70D3C0 47%, #21B497 48%, #21B497);
position: absolute;
right: 10px;
top: -16px;
color:#ffffff;
}
.detailLink a{
margin-left:-5px;
font-size:13px;
font-weight:bold;
color:#ffffff;
display: block;
text-shadow:-1px -1px 0px #21B497,1px -1px 0px #21B497,1px 1px 0px #21B497,-1px 1px 0px #21B497;
background:url(../img_common/icon01.png) no-repeat;
background-size:14px;
background-position:90px -28px;
}












.keypersonImgBox li{
display: block;
-webkit-box-shadow: 0 0 3px rgba(0,0,0,0.2);
box-shadow: 0 0 3px rgba(0,0,0,0.2);
margin:10px auto 20px;
padding: 10px 0;
width:95%;
border: 1px solid #EBEBEB;
border-bottom: none;
color: #666;
font-size:12px;
text-align: center;
background-color:#FFF;
	
}