@charset "utf-8";

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

	Title:	style.css
	Last Created:	2016-7-19

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

	sprite
	btn
	table
	align
	photo/img
	clear
	display
	hr
	margin
	width
	height

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

	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 0 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;
}
table table.indent-table {
	width: auto;
	margin: 0;
}

/* table-style
----------------------------------------------------------- */
table th.cell-width-1,
table td.cell-width-1 {
	width: 1% !important;
	white-space: nowrap !important;
}
table th.cell-width-5,
table td.cell-width-5 {
	width: 5% !important;
}
table th.cell-width-10,
table td.cell-width-10 {
	width: 10% !important;
}
table th.cell-width-15,
table td.cell-width-15 {
	width: 15% !important;
}
table th.cell-width-20,
table td.cell-width-20 {
	width: 20% !important;
}
table th.cell-width-25,
table td.cell-width-25 {
	width: 25% !important;
}
table th.cell-width-30,
table td.cell-width-30 {
	width: 30% !important;
}
table th.cell-width-33,
table td.cell-width-33 {
	width: 33% !important;
}
table th.cell-width-40,
table td.cell-width-40 {
	width: 40% !important;
}
table th.cell-width-45,
table td.cell-width-45 {
	width: 45% !important;
}
table th.cell-width-50,
table td.cell-width-50 {
	width: 50% !important;
}
.table-border-none {
	border: none !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 {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 {vertical-align: top !important;}
.align-bottom {vertical-align: bottom !important;}

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

	photo/img

=========================================================== */
.img {
	margin: 0 0 15px;
	text-align: center;
}
.img-right {
	float: right;
	margin: 0 0 40px 40px;
}
.img-left {
	float: left;
	margin: 0 40px 40px 0;
}

.img,
.img-right,
.img-left {
	vertical-align: bottom;
}


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

	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;
}

.listStyleNone li {list-style: none;}

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

	border

=========================================================== */
.border-solid-1-gray {
	border: solid 1px #ddd;
}

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

	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:  0px !important;}
.margin-top-10 {margin-top: 10px !important;}
.margin-top-20 {margin-top: 20px !important;}
.margin-top-30 {margin-top: 30px !important;}
.margin-top-40 {margin-top: 40px !important;}
.margin-top-40 {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-right-5par {margin-right: 5% !important;}

.margin-bottom-0  {margin-bottom:  0px !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:   0px !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-0 {margin: 0px !important;}

.padding-0  {padding:  0px !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:   0px !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-right-0  {padding-right:  0px !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-left-0  {padding-left:  0px !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-bottom-0  {padding-bottom:  0px !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-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;}
.width-800 { width: 800px !important;}
.width-880 { width: 880px !important;}

.width-10per  { width:  10% !important;}
.width-20per  { width:  20% !important;}
.width-30per  { width:  30% !important;}
.width-40per  { width:  40% !important;}
.width-50per  { width:  50% !important;}
.width-60per  { width:  60% !important;}
.width-70per  { width:  70% !important;}
.width-80per  { width:  80% !important;}
.width-85per  { width:  85% !important;}
.width-90per  { width:  90% !important;}
.width-100per { width: 100% !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;}

.height-10per  { height:  10% !important;}
.height-20per  { height:  20% !important;}
.height-30per  { height:  30% !important;}
.height-40per  { height:  40% !important;}
.height-50per  { height:  50% !important;}
.height-60per  { height:  60% !important;}
.height-70per  { height:  70% !important;}
.height-80per  { height:  80% !important;}
.height-85per  { height:  85% !important;}
.height-90per  { height:  90% !important;}
.height-100per { height: 100% !important;}