@charset "utf-8";

/* Reset
------------------------------------------------------------*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,form,fieldset,input,textarea,p,blockquote,th,td,select,header,footer,main,nav,section {
	margin: 0;
	padding: 0;
	color: #333333;
	line-height: 1.4;
}
header,footer,main,nav,section {
	display: block;
}
address,em,i,small {
	font-style: normal;
	display: block;
}
strong,b,th {
	font-weight: normal;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
hr,legend {
	display: none;
}
h1,h2,h3,h4,h5,h6 {
	font-size: 100%;
	font-weight: normal;
}
img,fieldset {
	border: 0;
}
ul,ol,li {
	list-style-type: none;
}
p {
	font-size:13px;
}
a{}
a:link {}
a:visited {}
a:hover {
	color:#f39;
}
a:active {}
th,td{
	width: 42%;
	text-align:left;
	vertical-align: top;
	padding: 2%;
	font-size: 12px;
}
/*-----------------  ets -------------------*/
@media only screen and (max-width: 479px){
	header,section,footer{
		width:320px;

		margin: 0 auto;
		display: block;
}
}
body {
font-size: 12px; /* IE */
font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ＭＳ Ｐゴシック",sans-serif;
-webkit-text-size-adjust: 100%;
}
html>/**/body {
font-size: 14px; /* Except IE */
}

@media screen and (max-width: 480px) {
	.br-sp { display:none; }
}
/*-----------------  content  -------------------*/

#content{
	width:1180px;
	margin:0 auto;
}

@media only screen and (max-width: 479px){
	#content {
		width: 100%;
	}
}
#content h1{
	margin-bottom: 20px;
}
@media only screen and (max-width: 479px){
	#content h1{
		margin-bottom: 20px;
		margin-left: 10px;
	}
}
/*-----------------  header  -------------------*/
#header{
	background:
	url(img/header_ttl01.png) no-repeat center 20px,
	url(img/header_bg01.png) repeat center top;
	padding: 100px 0 20px;
	margin-bottom:50px;
}
@media only screen and (max-width: 479px){
	#header {
	background:
	url(img/header_ttl01_col.png) no-repeat center 20px / 320px 42px ,
	url(img/header_bg01.png) repeat center top / 30px 30px;
	padding: 80px 0 20px;
	}
}
#header p.header_ttl01{
	float: left;
}
@media only screen and (max-width: 479px){
	#header p.header_ttl01{
		float: none;
	}
}
#header p.header_bg02{
	background: url(img/header_bg02.png) no-repeat left top;
	font-size: 80%;
	padding: 70px 55px 35px  130px;
	float: left;
	margin-left:-20px;
}

@media only screen and (max-width: 479px){
	#header p.header_bg02{
		background: #fff url(img/header_bg02_col.png) no-repeat left top;
		background-size: 173px 38px;
		font-size: 80%;
		padding: 50px 10px 10px;
		float: none;
		margin:30px;
	}
}
#header p.header_img02{
	float: left;
	margin-left:20px;
	margin-bottom:50px;
}
@media only screen and (max-width: 479px){
	#header p.header_img02{
		margin:10px;
	}
}
#header p.header_btn01_bg01{
	width: 803px;
	height: 190px;
	margin: 0 auto;
	background: url(img/header_btn01_bg01.png) no-repeat left center;
	padding-right: 28px;
	padding-left: 28px;
	clear:both;
}
@media only screen and (max-width: 479px){
	#header p.header_btn01_bg01{
		background: url(img/header_btn01_bg01_col.png) no-repeat top center;
		-webkit-background-size: 180px 28px;
		background-size: 180px 28px;
		padding-top: 28px;
		padding-right: 0;
		padding-left: 0;
		width: 280px;
		height: 66px;
	}
}
#header p.header_btn02_bg01{
	width: 803px;
	height: 190px;
	margin: 0 auto;
	background: url(img/header_btn02_bg01.png) no-repeat left center;
	padding-right: 28px;
	padding-left: 28px;
	clear:both;
}
@media only screen and (max-width: 479px){
	#header p.header_btn02_bg01{
		background: url(img/header_btn01_bg01_col.png) no-repeat top center;
		-webkit-background-size: 180px 28px;
		background-size: 180px 28px;
		padding-top: 28px;
		padding-right: 0;
		padding-left: 0;
		width: 280px;
		height: 66px;
	}
}
#header p a.header_btn01{
	background: url(img/header_btn01.png) repeat center top;
	display:block;
	width: 803px;
	height: 190px;
}
@media only screen and (max-width: 479px){
	#header p a.header_btn01{
		background-size:280px 66px;
		width: 280px;
		height: 66px;
	}
}
#header p a.header_btn01:hover{
	background: url(img/header_btn01_ov.png);
}
@media only screen and (max-width: 479px){
	#header p a.header_btn01:hover{
		background-size:280px 66px;
	}
}




#header p.header_btn02_bg01{
	width: 803px;
	height: 190px;
	margin: 0 auto;
	background: url(img/header_btn02_bg01.png) no-repeat left center;
	padding-right: 28px;
	padding-left: 28px;
	clear:both;
}
@media only screen and (max-width: 479px){
	#header p.header_btn02_bg01{
		background: url(img/header_btn02_bg01_col.png) no-repeat top center;
		padding-top: 28px;
		padding-right: 0;
		padding-left: 0;
		width: 280px;
		height: 66px;
	}
}

#footer p.header_btn02_bg01{
	width: 803px;
	height: 190px;
	margin: 0 auto;
	background: url(img/header_btn02_bg01.png) no-repeat left center;
	padding-right: 28px;
	padding-left: 28px;
	clear:both;
}
@media only screen and (max-width: 479px){
	#footer p.header_btn02_bg01{
		background: url(img/header_btn02_bg01_col.png) no-repeat top center;
		padding-top: 28px;
		padding-right: 0;
		padding-left: 0;
		width: 280px;
		height: 66px;
	}
}

#header p a.header_btn02{
	background: url(img/header_btn02.png) repeat center top;
	display:block;
	width: 803px;
	height: 190px;
}
@media only screen and (max-width: 479px){
	#header p a.header_btn02{
		background-size:280px 66px;
		width: 280px;
		height: 66px;
	}
}

#footer p a.header_btn02{
	background: url(img/header_btn02.png) repeat center top;
	display:block;
	width: 803px;
	height: 190px;
}
@media only screen and (max-width: 479px){
	#footer p a.header_btn02{
		background-size:280px 66px;
		width: 280px;
		height: 66px;
	}
}
#header p a.header_btn02:hover{
	background: url(img/header_btn02_ov.png);
}
@media only screen and (max-width: 479px){
	#header p a.header_btn02:hover{
		background-size:280px 66px;
	}
}
#footer p a.header_btn02:hover{
	background: url(img/header_btn02_ov.png);
}
@media only screen and (max-width: 479px){
	#footer p a.header_btn02:hover{
		background-size:280px 66px;
	}
}


#header p.icon_01{
    text-align: center;
    font-size: 24px;
    line-height: 1.4;
}
@media only screen and (max-width: 479px){
	#header p.icon_01{
    	font-size: 100%;
	}
}
#header p.icon_01 a{
    text-decoration: none;
    color: #000;
}
#header p.icon_01 a:hover{
	    color: #999;
}

/*------------------ case1 ----------------------*/
#case1{
	background:#fff0f0;
	margin-bottom:50px;
	padding-top: 25px;
}
#case1 h2.case1_img01{
	background: url(img/case1_img01.png) no-repeat 20px top;
	padding: 64px 50px 50px 70px;
}
#case1 p.case1_img01{
	background: url(img/case1_img01.png) no-repeat 20px top;
	padding: 64px 50px 50px 70px;
}
@media only screen and (max-width: 479px){
	#case1 p.case1_img01{
		background: url(img/case1_img01_col.png) no-repeat left top;
		-webkit-background-size: 320px 71px;
		background-size: 320px 71px;
		padding:80px 5px 0 5px;
	}
	#case1 h2.case1_img01{
		background: url(img/case1_img01_col.png) no-repeat left top;
		-webkit-background-size: 320px 71px;
		background-size: 320px 71px;
		padding:80px 5px 0 5px;
	}
	#case1 div.case1_img02{
	margin-left:0;
}
}
#case1 div.case1_img02{
	background: url(img/case1_img02.png) no-repeat left top;
	padding: 200px 905px 100px 50px;
	margin-left:20px;
}
#case1 div.case1_img02 a,#case2 div.case2_img02 a,#case3 div.case3_img02 a,#case4 div.case4_img02 a{
	font-family: 'Josefin Sans', sans-serif;
	font-size:14px;
	font-weight:bold;
	color:#999;
}
@media only screen and (max-width: 479px){
	#case1 div.case1_img02{
		background: url(img/case1_img02_col.png) no-repeat left top;
		-webkit-background-size: 320px 440px;
		background-size: 320px 440px;
		padding:280px 50px 80px 120px;
		margin:0;
	}
}
#case1 div.case1_img02 h2{
    text-align: center;
    font-weight: bold;
		font-size:12px;

}
#case1 div.case1_img02 h2 em{
	color:#ff2b99;
	font-weight: normal;
}
#case1 div.case1_img02 p{
		font-size:12px;
		line-height:145%;

}
@media only screen and (max-width: 479px){
	#case1 div.case1_img02 p{
		font-size:10px;
	}
}
#case1 div.case1_img02 p a{
    text-decoration: none;
    color: #9797a5;
}
#case1 div.case1_img02 p a:hover{
    color: #f39;
}
#case1 p.case1_img03{
	background: url(img/case1_img03.png) no-repeat left top;
	padding: 450px 20px 50px 50px;
	width:500px;
	margin-left:300px;
	line-height:150%;
}
@media only screen and (max-width: 479px){
	#case1 p.case1_img03{
		background: url(img/case1_img03_col.png) no-repeat left top;
		-webkit-background-size: 320px 470px;
		background-size: 320px 470px;
		padding:320px 50px 80px 50px;
		margin:0;
		width:220px;
	}
}
#case1 p.case1_img04{
	background: url(img/case1_img04.png) no-repeat left top;
	padding: 180px 20px 450px 20px;
	width:230px;
	margin-left:900px;
	margin-top:-1000px;
	line-height:150%;

}
@media only screen and (max-width: 479px){
	#case1 p.case1_img04{
		background: url(img/case1_img04_col.png) no-repeat left top;
		-webkit-background-size: 320px 521px;
		background-size: 320px 521px;
		padding:340px 40px 80px 80px;
		margin:0;
		width:200px;
	}
}
#case1 div.case1_img05{
	background: url(img/case1_img05.png) no-repeat left top;
	width:250px;
	padding: 200px 10px 220px 10px;
	margin-left:20px;
	margin-top:-300px;
}
@media only screen and (max-width: 479px){
	#case1 div.case1_img05{
		background: url(img/case1_img05_col.png) no-repeat center top;
		-webkit-background-size: 254px 370px;
		background-size: 254px 370px;
		padding:180px 50px 80px 50px;
		margin:0;
		width:200px;
	}
}
#case1 table.case1_img05 tr{}
#case1 table.case1_img05 tr th{}
#case1 table.case1_img05 tr td{}

/*------------------ case2 ----------------------*/
#case2{
	background:#e1ebf4;
	margin-bottom:50px;
	padding-top: 25px;
}
#case2 h2.case2_img01{
	background: url(img/case2_img01.png) no-repeat 20px top;
	padding: 64px 50px 50px 70px;
}
#case2 p.case2_img01{
	background: url(img/case2_img01.png) no-repeat 20px top;
	padding: 64px 50px 50px 70px;
}
@media only screen and (max-width: 479px){
	#case2 p.case2_img01{
		background: url(img/case2_img01_col.png) no-repeat left top;
		-webkit-background-size: 320px 67px;
		background-size: 320px 67px;
		padding:80px 5px 0 5px;
	}
	#case2 h2.case2_img01{
		background: url(img/case2_img01_col.png) no-repeat left top;
		-webkit-background-size: 320px 67px;
		background-size: 320px 67px;
		padding:80px 5px 0 5px;
	}
}
#case2 div.case2_img02{
	background: url(img/case2_img02.png) no-repeat left top;
	padding: 85px 420px 450px 330px;
	margin-left:200px;
}
@media only screen and (max-width: 479px){
	#case2 div.case2_img02{
		background: url(img/case2_img02_col.png) no-repeat left top;
		-webkit-background-size: 320px 526px;
		background-size: 320px 526px;
		padding:340px 100px 80px 50px;
		margin:0;
	}
}
#case2 div.case2_img02 h2{
    text-align: center;
    font-weight: bold;
	font-size:12px;
}
#case2 div.case2_img02 h2 em{
	color:#73b9ff;
	font-weight: normal;
}
#case2 div.case2_img02 p{
	font-size:12px;
		line-height:145%;
		}
@media only screen and (max-width: 479px){
	#case2 div.case2_img02 p{
		font-size:10px;
	}
}
#case2 div.case2_img02 p a{
    text-decoration: none;
    color: #9797a5;
}
#case2 div.case2_img02 p a:hover{
    color: #f39;
}
#case2 p.case2_img03{
	background: url(img/case2_img03.png) no-repeat left top;
	padding: 190px 20px 550px 610px;
	margin-left:265px;
	margin-top:-300px;
	line-height:150%;
}
@media only screen and (max-width: 479px){
	#case2 p.case2_img03{
		background: url(img/case2_img03_col.png) no-repeat left top;
		-webkit-background-size: 320px 658px;
		background-size: 320px 658px;
		padding:470px 50px 80px 50px;
		margin:0;
		width:220px;
	}
}
#case2 p.case2_img04{
	background: url(img/case2_img04.png) no-repeat left top;
	padding: 550px 15px 100px 15px;
	width:230px;
	margin-left:20px;
	margin-top:-960px;
	line-height:150%;
}
@media only screen and (max-width: 479px){
	#case2 p.case2_img04{
		background: url(img/case2_img04_col.png) no-repeat left top;
		-webkit-background-size: 320px 565px;
		background-size: 320px 565px;
		padding:400px 40px 80px 80px;
		margin:0;
		width:200px;
	}
}
#case2 div.case2_img05{
	background: url(img/case2_img05.png) no-repeat left top;
	padding: 150px 15px 850px 130px;
	width:240px;
	margin-left:800px;
	margin-top:-980px;
}
@media only screen and (max-width: 479px){
	#case2 div.case2_img05{
		background: url(img/case2_img05_col.png) no-repeat center top;
		-webkit-background-size: 254px 376px;
		background-size: 254px 376px;
		padding:190px 50px 80px 50px;
		margin:0;
		width:200px;
	}
}
#case2 table.case2_img05 tr{}
#case2 table.case2_img05 tr th{}
#case2 table.case2_img05 tr td{}

/*------------------ case3 ----------------------*/
#case3{
	background:#fff0f0;
	margin-bottom:50px;
	padding-top: 15px;
}
#case3 p.case3_img01{
	background: url(img/case3_img01.png) no-repeat 20px top;
	padding: 72px 50px 50px 70px;
}
#case3 h2.case3_img01{
	background: url(img/case3_img01.png) no-repeat 20px top;
	padding: 72px 50px 50px 70px;
}
@media only screen and (max-width: 479px){
	#case3 p.case3_img01{
		background: url(img/case3_img01_col.png) no-repeat left top;
		-webkit-background-size: 320px 68px;
		background-size: 320px 68px;
		padding:80px 5px 0 5px;
	}
	#case3 h2.case3_img01{
		background: url(img/case3_img01_col.png) no-repeat left top;
		-webkit-background-size: 320px 68px;
		background-size: 320px 68px;
		padding:80px 5px 0 5px;
	}
}
#case3 div.case3_img02{
	background: url(img/case3_img02.png) no-repeat left top;
	padding: 350px 40px 250px 610px;
	margin-left:300px;
}
@media only screen and (max-width: 479px){
	#case3 div.case3_img02{
		background: url(img/case3_img02_col.png) no-repeat left top;
		-webkit-background-size: 317px 448px;
		background-size: 317px 448px;
		padding:280px 60px 80px 80px;
		margin:0;
	}
	#case3 div.case3_img02 h2{
	margin-left:0;

}
}
#case3 div.case3_img02 h2{
    text-align: center;
    font-weight: bold;
	font-size:12px;
	margin-left:-25px;

}
#case3 div.case3_img02 h2 em{
	color:#ff3399;
	font-weight: normal;
}
#case3 div.case3_img02 p{
	font-size:12px;
		line-height:145%;
		}
@media only screen and (max-width: 479px){
	#case3 div.case3_img02 p{
		font-size:10px;
	}
}
#case3 div.case3_img02 p a{
    text-decoration: none;
    color: #9797a5;
}
#case3 div.case3_img02 p a:hover{
    color: #f39;
}
#case3 p.case3_img03{
	background: url(img/case3_img03.png) no-repeat left top;
	padding: 400px 50px 80px 55px;
	margin-left:280px;
	margin-top:-270px;
	line-height:150%;
}
@media only screen and (max-width: 479px){
	#case3 p.case3_img03{
		background: url(img/case3_img03_col.png) no-repeat left top;
		-webkit-background-size: 320px 503px;
		background-size: 320px 503px;
		padding:320px 50px 80px 50px;
		margin:0;
		width:220px;
	}
}
#case3 p.case3_img04{
	background: url(img/case3_img04.png) no-repeat left top;
	padding: 500px 15px 80px 15px;
	width:220px;
	margin-left:25px;
	margin-top:-980px;
	line-height:150%;
}
@media only screen and (max-width: 479px){
	#case3 p.case3_img04{
		background: url(img/case3_img04_col.png) no-repeat left top;
		-webkit-background-size: 320px 649px;
		background-size: 320px 649px;
		padding:490px 30px 80px 50px;
		margin:0;
		width:210px;
	}
}
#case3 div.case3_img05{
	background: url(img/case3_img05.png) no-repeat left top;
	padding: 180px 15px 120px 15px;
	width:230px;
	margin-left:910px;
	margin-top:-200px;
}
@media only screen and (max-width: 479px){
	#case3 div.case3_img05{
		background: url(img/case3_img05_col.png) no-repeat center top;
		-webkit-background-size: 253px 371px;
		background-size: 253px 371px;
		padding:190px 50px 80px 50px;
		margin:0;
		width:200px;
	}
}
#case3 table.case3_img05 tr{}
#case3 table.case3_img05 tr th{}
#case3 table.case3_img05 tr td{}

/*------------------ case4 ----------------------*/
#case4{
	background:#e1ebf4;
	margin-bottom:50px;
	padding-top: 15px;
}
#case4 h2.case4_img01{
	background: url(img/case4_img01.png) no-repeat 20px top;
	padding: 72px 50px 50px 78px;
}
#case4 p.case4_img01{
	background: url(img/case4_img01.png) no-repeat 20px top;
	padding: 72px 50px 50px 78px;
}
@media only screen and (max-width: 479px){
	#case4 p.case4_img01{
		background: url(img/case4_img01_col.png) no-repeat left top;
		-webkit-background-size: 317px 70px;
		background-size: 317px 70px;
		padding:80px 5px 0 5px;
	}
	#case4 h2.case4_img01{
		background: url(img/case4_img01_col.png) no-repeat left top;
		-webkit-background-size: 317px 70px;
		background-size: 317px 70px;
		padding:80px 5px 0 5px;
	}
}
#case4 div.case4_img02{
	background: url(img/case4_img02.png) no-repeat left top;
	padding: 130px 600px 500px 350px;
	margin-left:20px;
}
@media only screen and (max-width: 479px){
	#case4 div.case4_img02{
		background: url(img/case4_img02_col.png) no-repeat left top;
		-webkit-background-size: 320px 650px;
		background-size: 320px 650px;
		padding:480px 50px 90px 70px;
		margin:0;
	}
}
#case4 div.case4_img02 h2{
    text-align: center;
    font-weight: bold;
	font-size:12px;
}
#case4 div.case4_img02 h2 em{
	color:#70b8ff;
	font-weight: normal;
}
#case4 div.case4_img02 p{
	font-size:12px;
		line-height:145%;
		}
@media only screen and (max-width: 479px){
	#case4 div.case4_img02 p{
		font-size:10px;
	}
}
#case4 div.case4_img02 p a{
    text-decoration: none;
    color: #9797a5;
}
#case4 div.case4_img02 p a:hover{
    color: #f39;
}
#case4 p.case4_img03{
	background: url(img/case4_img03.png) no-repeat left top;
	padding: 180px 80px 100px 560px;
	margin-left:70px;
	margin-top:-30px;
	line-height:150%;
}
@media only screen and (max-width: 479px){
	#case4 p.case4_img03{
		background: url(img/case4_img03_col.png) no-repeat left top;
		-webkit-background-size: 320px 504px;
		background-size: 320px 504px;
		padding:310px 50px 80px 50px;
		margin:0;
		width:220px;
	}
}
#case4 p.case4_img04{
	background: url(img/case4_img04.png) no-repeat left top;
	padding: 220px 50px 100px 280px;
	width:230px;
	margin-left:600px;
	margin-top:-750px;
	line-height:150%;
}
@media only screen and (max-width: 479px){
	#case4 p.case4_img04{
		background: url(img/case4_img04_col.png) no-repeat left top;
		-webkit-background-size: 320px 619px;
		background-size: 320px 619px;
		padding:450px 30px 80px 50px;
		margin:0;
		width:210px;
	}
}
#case4 div.case4_img05{
	background: url(img/case4_img05.png) no-repeat left top;
	padding: 50px 15px 820px 150px;
	width:200px;
	margin-left:750px;
	margin-top:-750px;
}
@media only screen and (max-width: 479px){
	#case4 div.case4_img05{
		background: url(img/case4_img05_col.png) no-repeat center top;
		-webkit-background-size: 253px 379px;
		background-size: 253px 379px;
		padding:190px 50px 80px 50px;
		margin:0;
		width:200px;
	}
}
#case4 table.case4_img05 table{}
#case4 table.case4_img05 tr{}
#case4 table.case4_img05 tr th{}
#case4 table.case4_img05 tr td{}

/*-----------------  footer  -------------------*/

#footer{
	background:url(img/header_bg01.png) repeat center top;
	padding-top: 50px;
}
#footer p.foot_img01{
	background: url(img/foot_img01.png) no-repeat center top;
	padding: 150px 500px 100px 250px;
}
@media only screen and (max-width: 479px){
	#footer p.foot_img01{
		background: url(img/foot_img01_col.png) no-repeat center top;
		-webkit-background-size: 320px 593px;
		background-size: 320px 593px;
		padding: 140px 20px 300px 20px;
	}
}
#footer p.foot_img02{
	background: url(img/foot_img02.png) no-repeat center top;
	padding-top:425px;
}
@media only screen and (max-width: 479px){
	#footer p.foot_img02{
		background: url(img/foot_img02_col.png) no-repeat center top;
		-webkit-background-size: 320px 244px;
		background-size: 320px 244px;
		padding-top:242px;
	}
}
#footer p.foot_img02 a.foot_btn01{
	background: url(img/foot_btn01.png) repeat center top;
	display:block;
	width: 615px;
	height: 258px;
	margin: 0 auto;
}
@media only screen and (max-width: 479px){
	#footer p.foot_img02 a.foot_btn01{
		background-size:280px 117px;
		width: 280px;
		height: 117px;
	}
}
#footer p.foot_img02 a.foot_btn01:hover{
	background: url(img/foot_btn01_ov.png);
}
@media only screen and (max-width: 479px){
	#footer p.foot_img02 a.foot_btn01:hover{
		background-size:280px 117px;
	}
}

#footer p.icon_01{
    text-align: center;
    font-size: 24px;
    line-height: 1.4;
}
@media only screen and (max-width: 479px){
	#footer p.icon_01{
    	font-size: 100%;
	}
}
#footer p.icon_01 a{
    text-decoration: none;
    color: #000;
}
#footer p.icon_01 a:hover{
	    color: #999;
}
#footer p#copyright{
    text-align: center;
    padding: 20px 0;
}
#footer p#copyright small{}

/*-----------------  back-top  -------------------*/
#back-top {
    position: fixed;
    bottom: 30px;
    right: 50px;
}
#back-top a {
    width: 72px;
    height: 102px;
    display: block;
}
#back-top a:hover {
    opacity: 0.7;
}


/**
 * BxSlider v4.1.2 - Fully loaded, responsive content slider
 * http://bxslider.com
 *
 * Written by: Steven Wanderski, 2014
 * http://stevenwanderski.com
 * (while drinking Belgian ales and listening to jazz)
 *
 * CEO and founder of bxCreative, LTD
 * http://bxcreative.com
 */


/** RESET AND LAYOUT
===================================*/

.bx-wrapper {
	position: relative;
	margin: 0 auto 60px;
	padding: 0;
	*zoom: 1;
}

.bx-wrapper img {
	max-width: 100%;
	display: block;
}

/** THEME
===================================*/

.bx-wrapper .bx-viewport {
	-moz-box-shadow: 0 0 5px #ccc;
	/* -webkit-box-shadow: 0 0 5px #ccc; */
	/* box-shadow: 0 0 5px #ccc; */
	/* border:  5px solid #fff; */
	/* left: -5px; */
	background: #fff;

	/*fix other elements on the page moving (on Chrome)*/
	-webkit-transform: translatez(0);
	-moz-transform: translatez(0);
    	-ms-transform: translatez(0);
    	-o-transform: translatez(0);
    	transform: translatez(0);
}

.bx-wrapper .bx-pager,
.bx-wrapper .bx-controls-auto {
	position: absolute;
	bottom: -30px;
	width: 100%;
}

/* LOADER */

.bx-wrapper .bx-loading {
	min-height: 50px;
	background: url(images/bx_loader.gif) center center no-repeat #fff;
	height: 100%;
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2000;
}

/* PAGER */

.bx-wrapper .bx-pager {
	text-align: center;
	font-size: .85em;
	font-family: Arial;
	font-weight: bold;
	color: #666;
	padding-top: 20px;
}

.bx-wrapper .bx-pager .bx-pager-item,
.bx-wrapper .bx-controls-auto .bx-controls-auto-item {
	display: inline-block;
	*zoom: 1;
	*display: inline;
}

.bx-wrapper .bx-pager.bx-default-pager a {
	background: #666;
	text-indent: -9999px;
	display: block;
	width: 10px;
	height: 10px;
	margin: 0 5px;
	outline: 0;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}

.bx-wrapper .bx-pager.bx-default-pager a:hover,
.bx-wrapper .bx-pager.bx-default-pager a.active {
	background: #000;
}

/* DIRECTION CONTROLS (NEXT / PREV) */

.bx-wrapper .bx-prev {
	left: 10px;
	background: url(images/controls.png) no-repeat 0 -32px;
}

.bx-wrapper .bx-next {
	right: 10px;
	background: url(images/controls.png) no-repeat -43px -32px;
}

.bx-wrapper .bx-prev:hover {
	background-position: 0 0;
}

.bx-wrapper .bx-next:hover {
	background-position: -43px 0;
}

.bx-wrapper .bx-controls-direction a {
	position: absolute;
	top: 50%;
	margin-top: -16px;
	outline: 0;
	width: 32px;
	height: 32px;
	text-indent: -9999px;
	z-index: 9999;
}

.bx-wrapper .bx-controls-direction a.disabled {
	display: none;
}

/* AUTO CONTROLS (START / STOP) */

.bx-wrapper .bx-controls-auto {
	text-align: center;
}

.bx-wrapper .bx-controls-auto .bx-start {
	display: block;
	text-indent: -9999px;
	width: 10px;
	height: 11px;
	outline: 0;
	background: url(images/controls.png) -86px -11px no-repeat;
	margin: 0 3px;
}

.bx-wrapper .bx-controls-auto .bx-start:hover,
.bx-wrapper .bx-controls-auto .bx-start.active {
	background-position: -86px 0;
}

.bx-wrapper .bx-controls-auto .bx-stop {
	display: block;
	text-indent: -9999px;
	width: 9px;
	height: 11px;
	outline: 0;
	background: url(images/controls.png) -86px -44px no-repeat;
	margin: 0 3px;
}

.bx-wrapper .bx-controls-auto .bx-stop:hover,
.bx-wrapper .bx-controls-auto .bx-stop.active {
	background-position: -86px -33px;
}

/* PAGER WITH AUTO-CONTROLS HYBRID LAYOUT */

.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager {
	text-align: left;
	width: 80%;
}

.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto {
	right: 0;
	width: 35px;
}

/* IMAGE CAPTIONS */

.bx-wrapper .bx-caption {
	position: absolute;
	bottom: 0;
	left: 0;
	background: #666\9;
	background: rgba(80, 80, 80, 0.75);
	width: 100%;
}

.bx-wrapper .bx-caption span {
	color: #fff;
	font-family: Arial;
	display: block;
	font-size: .85em;
	padding: 10px;
}