@charset "utf-8";


.careerButtonBox{
	position:relative;
	padding:30px 0 5px;
	line-height:1;
}
.dlList dd p.careerButton{
line-height:1;
margin:10px auto;
border-top:solid #21B497 1px;
border-bottom:solid #21B497 1px;
-webkit-border-radius: 6px;
border-radius: 6px;
height:20px;
padding-top:4px;
text-align: center;
width: 210px;
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: 5px;
bottom: 0px;
color:#ffffff;
}
.careerButton a{
margin-left:-5px;
font-size:14px;
font-weight:bold;
color:#ffffff;
display: block;
padding:2px 2px 5px;
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:200px -28px;
}

/* アニメーション */

/*@-webkit-keyframes pageFlipOpen {
    0%  {-webkit-transform:rotateY(-90deg) scale(.1);}
    50%  {-webkit-transform:rotateY(-90deg) scale(1);}
    100%{-webkit-transform:rotateY(0) scale(1);}
}
@-webkit-keyframes pageFlipClose {
    0%{-webkit-transform:rotateY(0) scale(1);}
    50%  {-webkit-transform:rotateY(-90deg) scale(1);}
    100%  {-webkit-transform:rotateY(-90deg) scale(.1);}
}
*/
@-webkit-keyframes pageSlideUp {
    0%  {
        -webkit-transform: translate3d(0,480px,0);
        -moz-transform: translate3d(0,480px,0);
        transform: translate3d(0,480px,0);
    }
    100%{
        -webkit-transform: translate3d(0,0px,0);
        -moz-transform: translate3d(0,0px,0);
        transform: translate3d(0,0px,0);
    }
}
@-webkit-keyframes pageSlideDown {
    0%{
        -webkit-transform: translate3d(0,0px,0);
        -moz-transform: translate3d(0,0px,0);
        transform: translate3d(0,0px,0);
    }
    100%  {
        -webkit-transform: translate3d(0,480px,0);
        -moz-transform: translate3d(0,480px,0);
        transform: translate3d(0,480px,0);
    }
}



/* Popup ----------------------------------------*/
body .popupPage,
body .popupPage2{
    display:none;
    position:absolute;
    top:0px;
    left:0px;
    width:100%;
    height:100%;
    font-size:100%;
    background-color:#FFF;
		padding-top:25px;
    
    -webkit-transform: translate3d(0,480px,0);
    -moz-transform: translate3d(0,480px,0);
    transform: translate3d(0,480px,0);
    
    z-index:1;
}
body.showPopup .popupPage,
body.showPopup .popupPage2{
    -webkit-animation-name: pageSlideUp;
    -webkit-animation-duration: 0.6s;
    -webkit-animation-timing-function: ease-in-out;
    
    -moz-animation-name: pageSlideUp;
    -moz-animation-duration: 0.6s;
    -moz-animation-timing-function: ease-in-out;
    
    animation-name: pageSlideUp;
    animation-duration: 0.6s;
    animation-timing-function: ease-in-out;
    
    -webkit-transform: translate3d(0,0,0);
    -moz-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
    z-index:100;
}
body.hidePopup .popupPage,
body.hidePopup .popupPage2{
    -webkit-animation-name: pageSlideDown;
    -webkit-animation-duration: 0.6s;
    -webkit-animation-timing-function: ease-in-out;
    -moz-animation-name: pageSlideDown;
    -moz-animation-duration: 0.6s;
    -moz-animation-timing-function: ease-in-out;
    animation-name: pageSlideDown;
    animation-duration: 0.6s;
    animation-timing-function: ease-in-out;
    z-index:1;
}






.imgList{
    height:260px;
    border-bottom:#999999 1px solid;
    background-color:#ccc;
}
.imgList li{
    margin:0 auto;
    width:320px;
    height:260px;
    background-color:#ddd;
}

.imgList figure{
    display:table-cell;
    margin:0 auto;
    width:320px;
    height:260px;
    text-align:center;
    vertical-align:middle;
}
.imgList figure img{
    zoom:.5;
}
.thumbList{
    padding:10px 0px 10px 10px;
    background-color:#eee;
		padding-bottom:1000px;
}
.thumbList li{
    display:inline-block;
    margin:0px 7px 10px 0px;
    width:60px;
    height:40px;
    border:#b6b6b6 2px solid;
}
.thumbList li.selected{ border-color:#099;}
.thumbList li figure{
    whidh:60px;
    height:40px;
}
.thumbList li figure img{
    display:block;
    margin:0 auto;
    whidh:60px;
    height:40px;
}


p.closeBtn{
line-height:1;
border-top:solid #21B497 1px;
border-bottom:solid #21B497 1px;
-webkit-border-radius: 6px;
border-radius: 6px;
height:20px;
padding-top:4px;
text-align: center;
width: 80px;
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);
color:#ffffff;
float: right;
margin-top:-10px;
margin-right:10px;

}
.closeBtn a{
margin-left:-5px;
font-size:14px;
font-weight:bold;
color:#ffffff;
display: block;
padding:2px 10px 10px;
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:70px -28px;
}


.popupPage .popup h2,
.popupPage2 .popup h2 {
padding-bottom: 8px;
padding-left: 10px;
background: url(../img_common/bg01.jpg) bottom left repeat-x;
background-size: 6px;
margin-bottom:10px;
color: #21B497;
font-size: 16px;
}
.popupPage .popup h2:before,
.popupPage2 .popup h2:before {
padding-left: 4px;
border-left: solid #00AA8D 3px;
content: "";
}

.popupPage .popup h3,
.popupPage2 .popup h3 {
	margin-left:20px;
}

.popupPage .popup .imgTit,
.popupPage2 .popup .imgTit {
	color:#333;
	font-size:14px;
	margin-top:10px;
	
}