@charset "utf-8";







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







	Title:	style.css



	Last Created:	2016-7-25







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



/*







	sprite



	btn



	table



	align



	photo/img



	clear



	display



	hr



	margin



	width



	height



	weight



 emphasis







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



/*







	sprite







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



.sprite a,



a.sprite {



  display:block;



  overflow:hidden;



  text-indent:100%;



  white-space:nowrap;



  background-repeat: no-repeat;



}



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







	btn







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



.btn {



	border: none;



	color: inherit;



	background: none;



	cursor: pointer;



	display: inline-block;



	text-align: center;



	outline: none;



	position: relative;



	overflow: hidden;



}







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







	table







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



/* tableIndent



----------------------------------------------------------- */



table.indent-table {



	width: auto;

	border: none;



}



table.indent-table th {



	border: none;



	padding: 0 2px 10px 0;



	width: 1% !important;



	white-space: nowrap!important;



	background: none;



	border: none!important;



	font-weight: normal;



	vertical-align: top;



	text-align: left;



	color: #111111;



	background: none!important;



	vertical-align: top!important;



}



table.indent-table td {



	border: none!important;



	background: none;



	padding: 0 0 10px;



}



table table.indent-table {



	width: auto;



	margin: 0;



}



/* tableBorder



----------------------------------------------------------- */



table.border-table {



	width: 100%;

	border: none;



}



table.border-table th {

	display: table-cell;

    width: 20%;

    padding: 20px;

    border-bottom: solid 1px #ddd;

    background: #fff;

    font-weight: bold;

}



table.border-table td {

	display: table-cell;

    padding: 20px;

    border-bottom: solid 1px #ddd;

    background: #fff;

    font-weight: normal;

}



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

	table.border-table th {

		display: block;

    width: 100%;

    padding: 20px 0 5px;

    border-bottom: none;

	}



	table.border-table td {

		display: block;

    padding: 5px 0 20px;

    border-bottom: solid 1px #ddd;

	}

}



/* table-style



----------------------------------------------------------- */



table th.cell-width-1,



table td.cell-width-1 {



	width: 1% !important;



	white-space: nowrap !important;



}



table th.cell-width-30,



table td.cell-width-30 {



	width: 30% !important;



}



table th.cell-width-40,



table td.cell-width-40 {



	width: 40% !important;



}



table th.cell-width-50,



table td.cell-width-50 {



	width: 50% !important;



}



table th.cell-border-none,



table td.cell-border-none {



	border: none !important;



}



table th.cell-border-right-none,



table td.cell-border-right-none {



	border-right: none !important;



}



table th.cell-border-top-none,



table td.cell-border-top-none {



	border-top: none !important;



}



table th.cell-border-bottom-none,



table td.cell-border-bottom-none {



	border-bottom: none !important;



}







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







	align







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



.align-center,

.align-center th,

.align-center td{text-align: center !important;}



.align-right {text-align: right !important;}



.align-left {text-align: left !important;}



.align-middle,



.align-middle th,



.align-middle td {vertical-align: middle !important;}



.align-top,

td.align-top{vertical-align: top !important;}



.align-bottom,

td.align-bottom {vertical-align: bottom !important;}







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







	photo/img







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



.img {



	margin: 0 0 15px;



	text-align: center;



}



.img-right {



	float: right;



	margin: 0 0 30px 30px;



}



.img-left {



	float: left;



	margin: 0 30px 30px 0;



}







.img,



.img-right,



.img-left {



	vertical-align: bottom;



}



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



.img-right,



.img-left {



	float: none;



	display: block;



	text-align: center;



	width: auto;



	margin: 0 0 20px 0;



}



}











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







	clear







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



.clear-both {clear: both !important;}



.clear-none {clear: none !important;}



.float-right {float: right !important;}



.float-left {float: left !important;}



.float-none {float: none !important;}







/* clearfix



----------------------------------------------------------- */



.clearfix:after {



    content: ".";



    display: block;



    clear: both;



    height: 0;



    visibility: hidden;



}



.clearfix { zoom:1; }







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







	display







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



.display-inline {display: inline !important;}



.display-block {display: block !important;}



.display-none {display: none !important;}







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







	hr







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



div.hr {



	clear: both;



}



div.hr hr {



	display: none;



}







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







	indent







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



dl.indent1 dd {padding: 0 0 0 1em;}



dl.indent2 dd {padding: 0 0 0 2em;}



dl.indent3 dd {padding: 0 0 0 3em;}



dl.indent4 dd {padding: 0 0 0 4em;}







.indent1 li,



p.indent1 {text-indent: -1em; margin-left: 1em;}



.indent2 li,



p.indent2 {text-indent: -2em; margin-left: 2em;}



.indent3 li,



p.indent3 {text-indent: -3em; margin-left: 3em;}



.indent4 li,







p.indent4 {text-indent: -4em; margin-left: 4em;}



.indent1 li,



p.indent1,



span.indent1 {text-indent: -1.4em; margin-left: 1em; display: block;}











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







	list-style / disc







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



.list-type-lower-alpha li {list-style-type: lower-alpha !important;}



.list-type-upper-alpha li {list-style-type: upper-alpha;}



.list-type-decimal li {list-style-type: decimal;}



.list-type-katakana li {list-style-type: katakana;}



.list-type-lower-roman li {list-style-type: lower-roman;}



.list-type-upper-roman li {list-style-type: upper-roman;}



.list-type-disc li {list-style-type: disc;}







.list-type-lower-alpha li,



.list-type-upper-alpha li,



.list-type-decimal li,



.list-type-katakana li,



.list-type-lower-roman li,



.list-type-upper-roman li,



.list-type-disc li  {



	margin-left: 2em !important;

	margin-top: 5px;

	margin-bottom: 5px;



}







.listStyleNone li {list-style: none;}



ol.list-type-number {

  counter-reset: my-counter;

  list-style: none;

  padding: 0;

}



ol.list-type-number li {

  margin: 15px 0;

  padding-left: 36px;

  position: relative;

	line-height: 1.4;

}

ol.list-type-number li:before {

  content: counter(my-counter);

  counter-increment: my-counter;

  background-color: #5bb43b;

  color: #fff;

  display: block;

  float: left;

  line-height: 24px;

  margin-left: -36px;

  text-align: center;

  height: 24px;

  width: 24px;

  border-radius: 50%;

}







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







	border







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



.border-solid-1-gray {



	border: solid 1px #d8dbdf;



}







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







	margin/paddubg







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







.negative-margin-top-1 {margin-top: -1px !important;}



.negative-margin-top-5 {margin-top: -5px !important;}



.negative-margin-top-10 {margin-top: -10px !important;}



.negative-margin-top-20 {margin-top: -20px !important;}



.negative-margin-top-30 {margin-top: -30px !important;}



.negative-margin-top-40 {margin-top: -40px !important;}



.negative-margin-top-50 {margin-top: -50px !important;}







.margin-auto {margin-right: auto !important; margin-left: auto !important;}







.margin-top-0 {margin-top: 0 !important;}



.margin-top-10 {margin-top: 10px !important;}



.margin-top-20 {margin-top: 20px !important;}
.margin-top-24 {margin-top: 24px !important;}



.margin-top-30 {margin-top: 30px !important;}



.margin-top-40 {margin-top: 40px !important;}



.margin-top-50 {margin-top: 50px !important;}







.margin-right-0 {margin-right: 0px !important;}



.margin-right-10 {margin-right: 10px !important;}



.margin-right-20 {margin-right: 20px !important;}



.margin-right-30 {margin-right: 30px !important;}



.margin-right-40 {margin-right: 40px !important;}



.margin-right-50 {margin-right: 50px !important;}







.margin-bottom-0 {margin-bottom: 0 !important;}



.margin-bottom-5 {margin-bottom: 5px !important;}



.margin-bottom-10 {margin-bottom: 10px !important;}



.margin-bottom-20 {margin-bottom: 20px !important;}



.margin-bottom-30 {margin-bottom: 30px !important;}



.margin-bottom-40 {margin-bottom: 40px !important;}



.margin-bottom-50 {margin-bottom: 50px !important;}



.margin-bottom-60 {margin-bottom: 60px !important;}



.margin-bottom-70 {margin-bottom: 70px !important;}







.margin-left-0 {margin-left: 0 !important;}



.margin-left-10 {margin-left: 10px !important;}



.margin-left-15 {margin-left: 15px !important;}



.margin-left-20 {margin-left: 20px !important;}



.margin-left-30 {margin-left: 30px !important;}



.margin-left-35 {margin-left: 35px !important;}



.margin-left-40 {margin-left: 40px !important;}



.margin-left-50 {margin-left: 50px !important;}



.margin-left-56 {margin-left: 56px !important;}



.margin-left-60 {margin-left: 60px !important;}



.margin-left-70 {margin-left: 70px !important;}



.margin-left-80 {margin-left: 80px !important;}



.margin-left-90 {margin-left: 90px !important;}



.margin-left-100 {margin-left: 100px !important;}



.margin-left-110 {margin-left: 110px !important;}



.margin-left-120 {margin-left: 120px !important;}



.margin-left-130 {margin-left: 130px !important;}



.margin-left-140 {margin-left: 140px !important;}



.margin-left-150 {margin-left: 150px !important;}



.margin-left-160 {margin-left: 160px !important;}



.margin-left-170 {margin-left: 170px !important;}



.margin-left-180 {margin-left: 180px !important;}



.margin-left-190 {margin-left: 190px !important;}



.margin-left-200 {margin-left: 200px !important;}







.margin-0 {margin: 0 !important;}







.padding-0 {padding: 0 !important;}



.padding-5 {padding: 5px !important;}



.padding-10 {padding: 10px !important;}



.padding-15 {padding: 15px !important;}



.padding-20 {padding: 20px !important;}



.padding-30 {padding: 30px !important;}



.padding-40 {padding: 40px !important;}



.padding-50 {padding: 50px !important;}







.padding-top-0 {padding-top: 0 !important;}



.padding-top-5 {padding-top: 5px !important;}



.padding-top-10 {padding-top: 10px !important;}



.padding-top-15 {padding-top: 15px !important;}



.padding-top-20 {padding-top: 20px !important;}



.padding-top-30 {padding-top: 30px !important;}



.padding-top-40 {padding-top: 40px !important;}



.padding-top-50 {padding-top: 50px !important;}



.padding-top-60 {padding-top: 60px !important;}



.padding-top-70 {padding-top: 70px !important;}



.padding-top-80 {padding-top: 80px !important;}



.padding-top-90 {padding-top: 90px !important;}



.padding-top-100 {padding-top: 100px !important;}



.padding-top-110 {padding-top: 110px !important;}



.padding-top-130 {padding-top: 130px !important;}



.padding-top-140 {padding-top: 140px !important;}







.padding-left-0  {padding-left: 0 !important;}



.padding-left-10 {padding-left: 10px !important;}



.padding-left-20 {padding-left: 20px !important;}



.padding-left-30 {padding-left: 30px !important;}



.padding-left-40 {padding-left: 40px !important;}



.padding-left-50 {padding-left: 50px !important;}
.padding-left-60 {padding-left: 60px !important;}






.padding-right-0 {padding-right: 0 !important;}



.padding-right-10 {padding-right: 10px !important;}



.padding-right-20 {padding-right: 20px !important;}



.padding-right-30 {padding-right: 30px !important;}



.padding-right-40 {padding-right: 40px !important;}



.padding-right-50 {padding-right: 50px !important;}
.padding-right-60 {padding-right: 60px !important;}
.padding-right-70 {padding-right: 70px !important;}







.padding-bottom-0 {padding-bottom: 0 !important;}



.padding-bottom-10 {padding-bottom: 10px !important;}



.padding-bottom-20 {padding-bottom: 20px !important;}



.padding-bottom-25 {padding-bottom: 25px !important;}



.padding-bottom-30 {padding-bottom: 30px !important;}



.padding-bottom-40 {padding-bottom: 40px !important;}



.padding-bottom-50 {padding-bottom: 50px !important;}







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







	width







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



.width-100p { width: 100% !important;}

.width-50p { width: 50% !important;}







.width-10 { width: 10px !important;}



.width-20 { width: 20px !important;}



.width-30 { width: 30px !important;}



.width-40 { width: 40px !important;}



.width-50 { width: 50px !important;}



.width-60 { width: 60px !important;}



.width-70 { width: 70px !important;}



.width-80 { width: 80px !important;}



.width-85 { width: 85px !important;}



.width-90 { width: 90px !important;}



.width-100 { width: 100px !important;}



.width-110 { width: 110px !important;}



.width-120 { width: 120px !important;}



.width-130 { width: 130px !important;}



.width-140 { width: 140px !important;}



.width-150 { width: 150px !important;}



.width-160 { width: 160px !important;}



.width-170 { width: 170px !important;}



.width-180 { width: 180px !important;}



.width-190 { width: 190px !important;}



.width-195 { width: 195px !important;}



.width-200 { width: 200px !important;}



.width-210 { width: 210px !important;}



.width-220 { width: 220px !important;}



.width-230 { width: 230px !important;}



.width-240 { width: 240px !important;}



.width-250 { width: 250px !important;}



.width-260 { width: 260px !important;}



.width-270 { width: 270px !important;}



.width-280 { width: 280px !important;}



.width-290 { width: 290px !important;}



.width-300 { width: 300px !important;}



.width-310 { width: 310px !important;}



.width-320 { width: 320px !important;}



.width-330 { width: 330px !important;}



.width-340 { width: 340px !important;}



.width-350 { width: 350px !important;}



.width-360 { width: 360px !important;}



.width-370 { width: 370px !important;}



.width-380 { width: 380px !important;}



.width-390 { width: 390px !important;}



.width-400 { width: 400px !important;}



.width-410 { width: 410px !important;}



.width-420 { width: 420px !important;}



.width-430 { width: 430px !important;}



.width-440 { width: 440px !important;}



.width-450 { width: 450px !important;}



.width-460 { width: 460px !important;}



.width-470 { width: 470px !important;}



.width-480 { width: 480px !important;}



.width-490 { width: 490px !important;}



.width-500 { width: 500px !important;}



.width-510 { width: 510px !important;}



.width-520 { width: 520px !important;}



.width-530 { width: 530px !important;}



.width-540 { width: 540px !important;}



.width-550 { width: 550px !important;}



.width-560 { width: 560px !important;}



.width-570 { width: 570px !important;}



.width-580 { width: 580px !important;}



.width-585 { width: 585px !important;}



.width-590 { width: 590px !important;}



.width-600 { width: 600px !important;}



.width-610 { width: 610px !important;}



.width-620 { width: 620px !important;}



.width-630 { width: 630px !important;}



.width-640 { width: 640px !important;}



.width-650 { width: 650px !important;}



.width-660 { width: 660px !important;}



.width-670 { width: 670px !important;}



.width-680 { width: 680px !important;}



.width-690 { width: 690px !important;}



.width-700 { width: 700px !important;}







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







	height







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



.height-10 { height: 10px !important;}



.height-20 { height: 20px !important;}



.height-30 { height: 30px !important;}



.height-40 { height: 40px !important;}



.height-50 { height: 50px !important;}



.height-60 { height: 60px !important;}



.height-70 { height: 70px !important;}



.height-80 { height: 80px !important;}



.height-85 { height: 85px !important;}



.height-90 { height: 90px !important;}



.height-100 { height: 100px !important;}



.height-110 { height: 110px !important;}



.height-120 { height: 120px !important;}



.height-130 { height: 130px !important;}



.height-140 { height: 140px !important;}



.height-150 { height: 150px !important;}



.height-160 { height: 160px !important;}



.height-170 { height: 170px !important;}



.height-180 { height: 180px !important;}



.height-190 { height: 190px !important;}



.height-200 { height: 200px !important;}



.height-210 { height: 210px !important;}



.height-220 { height: 220px !important;}



.height-230 { height: 230px !important;}



.height-240 { height: 240px !important;}



.height-250 { height: 250px !important;}



.height-260 { height: 260px !important;}



.height-270 { height: 270px !important;}



.height-280 { height: 280px !important;}



.height-290 { height: 290px !important;}



.height-300 { height: 300px !important;}



.height-310 { height: 310px !important;}



.height-320 { height: 320px !important;}



.height-330 { height: 330px !important;}



.height-340 { height: 340px !important;}



.height-350 { height: 350px !important;}



.height-360 { height: 360px !important;}



.height-370 { height: 370px !important;}



.height-380 { height: 380px !important;}



.height-390 { height: 390px !important;}



.height-400 { height: 400px !important;}



.height-410 { height: 410px !important;}



.height-420 { height: 420px !important;}



.height-430 { height: 430px !important;}



.height-440 { height: 440px !important;}



.height-450 { height: 450px !important;}



.height-460 { height: 460px !important;}



.height-470 { height: 470px !important;}



.height-480 { height: 480px !important;}



.height-490 { height: 490px !important;}



.height-500 { height: 500px !important;}



.height-510 { height: 510px !important;}



.height-520 { height: 520px !important;}



.height-530 { height: 530px !important;}



.height-540 { height: 540px !important;}



.height-550 { height: 550px !important;}



.height-560 { height: 560px !important;}



.height-570 { height: 570px !important;}



.height-580 { height: 580px !important;}



.height-585 { height: 585px !important;}



.height-590 { height: 590px !important;}



.height-600 { height: 600px !important;}



.height-610 { height: 610px !important;}



.height-620 { height: 620px !important;}



.height-630 { height: 630px !important;}



.height-640 { height: 640px !important;}



.height-650 { height: 650px !important;}



.height-660 { height: 660px !important;}



.height-670 { height: 670px !important;}



.height-680 { height: 680px !important;}



.height-690 { height: 690px !important;}



.height-700 { height: 700px !important;}





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

	.responsive-table th,.responsive-table td{

		width: 100% !important;

	}

}



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







	weight







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







.fw-normal{font-weight: normal;}





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



emphasis-box



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



.emphasis-box{

	background-color: #f1f7e3;

	padding: 24px 32px;

	margin-bottom: 20px;

}



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

	.emphasis-box{

		padding: 24px 16px;

	}

}