/* Index */
#mainContent {
	padding: 0; }

/* Pankuzu */
#pankuzuArea {
	position: absolute;
	top: 150px;
	width: 99%;
	margin: 0 auto;
	text-align: right;
	padding: 0;
	font-size: 10px;
	color: #FFF;
	z-index: 100;
}
.pankuzu {
	margin:0 atuo;}
.pankuzu a {
	text-decoration:underline;
	color:#FFF;}
.pankuzu a:hover {
	color:#CCC;}

#pageTtl {
	position: absolute;
	width: 100%;
	top: 140px;
	left: 0;
	text-align: center;
	padding: 0;
	z-index: 10;}

.slider {
	width: 100%;
	/*overflow: hidden;*/
	position: relative
    top:50px;
}

/* Control Nav */
.flex-control-nav {width: 100%; margin: 0 auto; text-align: center;/* background: #000 no-repeat top center;background-size:cover; */}
.flex-control-nav li { text-align: center; margin-right: 8px; padding: 10px 0; display: inline-block; _display: inline; _zoom: 1;}
.flex-control-nav li.num14 { margin-right: 0px;}
.flex-control-paging li a { width: 64px; height: 64px; display: block; box-sizing: border-box; text-indent: -9999px; cursor: pointer;
-webkit-transition: all .4s ease-in;
   -moz-transition: all .4s ease-in;
    -ms-transition: all .4s ease-in;
     -o-transition: all .4s ease-in;
        transition: all .4s ease-in;
}
.flex-control-paging li a:hover { /*background-color:#FFF; */ }
.flex-control-paging li a.flex-active {  /*background-color:#000 */; cursor: default; }

.flex-control-paging li.num1 a { background: url(../img/thumb_01.jpg) no-repeat center top;}
.flex-control-paging li.num2 a { background: url(../img/thumb_02.jpg) no-repeat center top;}
.flex-control-paging li.num3 a { background: url(../img/thumb_03.jpg) no-repeat center top;}
.flex-control-paging li.num4 a { background: url(../img/thumb_04.jpg) no-repeat center top;}
.flex-control-paging li.num5 a { background: url(../img/thumb_05.jpg) no-repeat center top;}
.flex-control-paging li.num6 a { background: url(../img/thumb_06.jpg) no-repeat center top;}
.flex-control-paging li.num7 a { background: url(../img/thumb_07.jpg) no-repeat center top;}
.flex-control-paging li.num8 a { background: url(../img/thumb_08.jpg) no-repeat center top;}
.flex-control-paging li.num9 a { background: url(../img/thumb_09.jpg) no-repeat center top;}
.flex-control-paging li.num10 a { background: url(../img/thumb_10.jpg) no-repeat center top;}
.flex-control-paging li.num11 a { background: url(../img/thumb_11.jpg) no-repeat center top;}
.flex-control-paging li.num12 a { background: url(../img/thumb_12.jpg) no-repeat center top;}
.flex-control-paging li.num13 a { background: url(../img/thumb_13.jpg) no-repeat center top;}
.flex-control-paging li.num14 a { background: url(../img/thumb_14.jpg) no-repeat center top;}
.flex-control-paging li.num1 a.flex-active,
.flex-control-paging li.num1 a:hover { background: url(../img/thumb_01_ov.jpg) no-repeat center top;}
.flex-control-paging li.num2 a.flex-active,
.flex-control-paging li.num2 a:hover { background: url(../img/thumb_02_ov.jpg) no-repeat center top;}
.flex-control-paging li.num3 a.flex-active,
.flex-control-paging li.num3 a:hover { background: url(../img/thumb_03_ov.jpg) no-repeat center top;}
.flex-control-paging li.num4 a.flex-active,
.flex-control-paging li.num4 a:hover { background: url(../img/thumb_04_ov.jpg) no-repeat center top;}
.flex-control-paging li.num5 a.flex-active,
.flex-control-paging li.num5 a:hover { background: url(../img/thumb_05_ov.jpg) no-repeat center top;}
.flex-control-paging li.num6 a.flex-active,
.flex-control-paging li.num6 a:hover { background: url(../img/thumb_06_ov.jpg) no-repeat center top;}
.flex-control-paging li.num7 a.flex-active,
.flex-control-paging li.num7 a:hover { background: url(../img/thumb_07_ov.jpg) no-repeat center top;}
.flex-control-paging li.num8 a.flex-active,
.flex-control-paging li.num8 a:hover { background: url(../img/thumb_08_ov.jpg) no-repeat center top;}
.flex-control-paging li.num9 a.flex-active,
.flex-control-paging li.num9 a:hover { background: url(../img/thumb_09_ov.jpg) no-repeat center top;}
.flex-control-paging li.num10 a.flex-active,
.flex-control-paging li.num10 a:hover { background: url(../img/thumb_10_ov.jpg) no-repeat center top;}
.flex-control-paging li.num11 a.flex-active,
.flex-control-paging li.num11 a:hover { background: url(../img/thumb_11_ov.jpg) no-repeat center top;}
.flex-control-paging li.num12 a.flex-active,
.flex-control-paging li.num12 a:hover { background: url(../img/thumb_12_ov.jpg) no-repeat center top;}
.flex-control-paging li.num13 a.flex-active,
.flex-control-paging li.num13 a:hover { background: url(../img/thumb_13_ov.jpg) no-repeat center top;}
.flex-control-paging li.num14 a.flex-active,
.flex-control-paging li.num14 a:hover { background: url(../img/thumb_14_ov.jpg) no-repeat center top;}



@media only screen and (max-width: 1250px) {

#pageTtl {
	top: 170px; }

}

@media only screen and (max-width: 1000px) {

#mainArea {
	padding-top:0; }

#pankuzuArea {
	display:none;
}

#mainimgArea .img {
	width: 40%; }
	#pageTtl {
	top: 170px;
	font-size: 70%;}
}

@media only screen and (max-width: 810px) {

#mainimgArea {
	position: relative;
	width: 100%;}
#pageTtl {
	display: none;}
	
}
@media only screen and (max-width: 640px) {

	.slider {
    	padding-bottom: 48px;
	}
	/* Control Nav */
	.flex-control-nav { width: 100%; position: absolute; left: 0; margin-left: 0; ; text-align: center;padding:10px 0;}
	.flex-control-nav li { text-align: center; margin: 0 4px; padding:16px 0; display: inline-block; _display: inline; _zoom: 1;}
	.flex-control-paging li a { width: 12px; height: 12px; display: block; border-radius: 7px; background: none!important; background-color:#666!important; text-indent: -9999px; cursor: pointer;}
	.flex-control-paging li a:hover { background-color:#c8c8c8!important; }
	.flex-control-paging li a.flex-active {  background-color:#c8c8c8!important; cursor: default; }

	
}