@charset "UTF-8";
/*/////////////////////////////
 reset
 /////////////////////////////*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font: inherit;
	font-size: 100%;
	vertical-align: baseline;
}

html {
	line-height: 1;
}

ol, ul {
	list-style: none;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

caption, th, td {
	text-align: left;
	font-weight: normal;
	vertical-align: middle;
}

q, blockquote {
	quotes: none;
}

q:before, q:after, blockquote:before, blockquote:after {
	content: "";
	content: none;
}

a img {
	border: none;
}

article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
	display: block;
}

/*/////////////////////////////
 base
 /////////////////////////////*/
body {
	width: 100%;
	line-height: 1.5;
	font-size: 14px;
	letter-spacing: 0.15em;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, sans-serif;
	color: #666;
	-webkit-text-size-adjust: 100%;
}

/* list
* ------------------------- */
li {
	list-style: none;
}

/* link
* ------------------------- */
a {
	text-decoration: none;
	color: inherit;
}

a:hover {
	text-decoration: underline;
}

/* img
* ------------------------- */
img {
	max-width: 100%;
	vertical-align: bottom;
	border: 0px;
}

a img {
	border: 0px;
}

/* headings
* ------------------------- */
h1, h2, h3, h4, h5 {
	font-weight: bold;
	font-size: 100%;
}

/* clearfix
* ------------------------- */
.clearfix:after {
	content: "";
	display: block;
	clear: both;
}

/* text-align
* ------------------------- */
.al {
	text-align: left;
}

.ac {
	text-align: center;
}

.ar {
	text-align: right;
}

/* vertical-align
* ------------------------- */
.vt {
	vertical-align: top;
}

.vm {
	vertical-align: middle;
}

.vb {
	vertical-align: bottom;
}

/*/////////////////////////////
 00. common
 - 1. container
 - 2. head
 - 3. foot
 - 4. selectBox
 - 5. textBox
 - 6. dateBox
 - 7. moneyBox
 - 8. btn
 - 9. btnboxType
 -10. modBox
 -11. modLinklist
 -12. btnarrowType
 -13. modformList
 -14. inputRadio,inputChk
 -15. hdg02
 -16. main
 -17. modTable
 -18. hdgIcon
 -19. modPager
 -20. inputFile
 -21. checkbox,radio
 -22. modTitle
 -23. modsideList
 -24. modsetMenu
 -25. narrowSpace
 -26. lyt2col-wrap
 -27. hdgIcon02
 -28. textareaBox
 -29. hdgIcon03
 -30. modPager02
 -31. searchBox
 -32. modPager03
 -33. dropdownMenu
 -34. dataTable
 -35. datepicker
 -36. colorbox

/////////////////////////////*/
/* 1. container
* ------------------------- */
.container {
	width: 1250px;
	margin: 0 auto;
}

/* 2. head
* ------------------------- */
.head {
	min-width: 1250px;
	background: #808080;
	padding: 15px 0 13px;
}
.head-color-admin {
	background: #4E1C1E;
}

.head-color-user {
	background: #808080;
}

.head .headLogo {
	width: 175px;
}
.head .headLogo img {
  height: 35px;
}
.head .container {
	box-sizing: border-box;
	position: relative;
	padding: 0 20px;
}
.head .navMenu {
	line-height: 1;
	position: absolute;
	top: 50%;
	right: 20px;
	margin-top: -13.5px;
}
.head .navMenu .ulLink {
	letter-spacing: -0.4em;
	word-spacing: 0.1em;
}
.head .navMenu .ulLink > li {
	display: inline-block;
	vertical-align: middle;
	letter-spacing: normal;
	word-spacing: normal;
	margin: 0 0 0 25px;
}
.head .navMenu .ulLink > li > * {
	color: #fff;
	display: inline-block;
	vertical-align: middle;
}
.head .navMenu .ulLink > li i {
	display: inline-block;
	margin: 0 5px 0 10px;
}
.head .navMenu .ulLink > li a {
	background-repeat: no-repeat;
	background-position: left center;
	margin-left: 5px;
}
.head .navMenu .ulLink > li a:hover {
	text-decoration: none;
	font-weight: bold;
}
.head .navMenu .ulLink > li.user .icon {
	display: inline-block;
	position: relative;
	top: -3px;
	margin: 0 5px 0 0;
}
.head-company {
	color: #ffffff;
	margin-top: 5px;
	margin-bottom: -10px;
}

/* 3. foot
* ------------------------- */
.foot {
	min-width: 1250px;
	background: #fff;
	padding: 150px 0 50px;
	position: relative;
	z-index: 1;
}
.foot:before {
	content: "";
	display: block;
	min-width: 1250px;
	width: 100%;
	height: 108px;
	background: #f2f2f2;
	border-color: #8DC21F;
	border-style: solid;
	border-width: 0px 0px 3px;
	-webkit-box-shadow: 0px 3px 3px 0px #aaaaaa;
	-moz-box-shadow: 0px 3px 3px 0px #aaaaaa;
	box-shadow: 0px 3px 3px 0px #aaaaaa;
	border-radius: 0px 0px 200% 200% / 0px 0px 350% 350%;
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	z-index: 2;
}
.foot.center:before {
	border-color: #089491;
}
.foot.center .copy {
	color: #007775;
	text-align: center;
}
.foot .copy {
	color: #608304;
}
.foot .footUi {
	letter-spacing: -0.4em;
	word-spacing: 0.1em;
	text-align: center;
}
.foot .footUi * {
	letter-spacing: normal;
	word-spacing: normal;
	display: inline-block;
	vertical-align: middle;
}
.foot .footUi .links li {
	margin: 0 5px;
}
.foot .footUi .links li a {
	color: #608304;
	font-size: 12px;
}
.foot .footUi .links li a:hover {
	text-decoration: none;
	font-weight: bold;
}

/* 4. selectBox
* ------------------------- */
.selectBox {
	overflow: hidden;
}
.selectBox label {
	display: block;
	position: relative;
}
.selectBox label:after {
	content: "";
	display: block;
	width: 35px;
	height: 35px;
	background: url("../../img/dropdown.png") no-repeat;
	background-position: left top;
	pointer-events: none;
	position: absolute;
	top: 0;
	right: 0;
}
.selectBox select {
	color: #333;
	box-sizing: border-box;
	width: 100%;
	height: 35px;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	border: #8dc21f 1px solid;
	padding: 5px 10px;
	background: #f2f2f2;
}
.selectBox.type02 select {
	border-color: #089491;
}
.selectBox.type02 label:after {
	background: url("../../img/dropdown_center.png") no-repeat;
}

/* 5. textBox
* ------------------------- */
.textBox {
	box-sizing: border-box;
	width: 100%;
	height: 35px;
	border: #8dc21f 1px solid;
	padding: 5px 10px;
	background: #f2f2f2;
}
.textBox.type02 {
	border-color: #089491;
}
.textBox.w75 {
	width: 75px;
}

input[type="text"]:focus,
input[type="date"]:focus,
select:focus {
	-webkit-box-shadow: 0px 0px 8px 3px rgba(0, 0, 0, 0.1) inset;
	-moz-box-shadow: 0px 0px 8px 3px rgba(0, 0, 0, 0.1) inset;
	box-shadow: 0px 0px 8px 3px rgba(0, 0, 0, 0.1) inset;
	outline: none;
}

/* 6. dateBox
* ------------------------- */
.dateBox {
	display: block;
	position: relative;
}
.dateBox input {
	color: #333;
	box-sizing: border-box;
	width: 100%;
	height: 35px;
	border: #8dc21f 1px solid;
	padding: 5px 10px;
	background: #f2f2f2;
}
.dateBox input::-webkit-inner-spin-button {
	-webkit-appearance: none;
}
.dateBox input::-webkit-calendar-picker-indicator {
	color: transparent;
	position: relative;
}
.dateBox input::-webkit-clear-button {
	position: relative;
	left: -10px;
}
.dateBox input::-webkit-input-placeholder {
	color: #808080;
}
.dateBox input:-moz-placeholder {
	color: #808080;
}
.dateBox input::-moz-placeholder {
	color: #808080;
}
.dateBox input:-ms-input-placeholder {
	color: #808080;
}
.dateBox:after {
	content: "";
	display: block;
	width: 35px;
	height: 35px;
	background: url("../../img/calender.png") no-repeat;
	background-position: left top;
	pointer-events: none;
	position: absolute;
	top: 0;
	right: 0;
}
.dateBox.type02 input {
	border-color: #089491;
}
.dateBox.type02:after {
	background: url("../../img/calender_center.png") no-repeat;
}

/* 7. moneyBox
* ------------------------- */
.moneyBox {
	display: block;
	position: relative;
}
.moneyBox input {
	box-sizing: border-box;
	width: 100%;
	height: 35px;
	border: #8dc21f 1px solid;
	padding: 5px 40px 5px 10px;
	background: #f2f2f2;
}
.moneyBox input::-webkit-input-placeholder {
	color: #808080;
}
.moneyBox input:-moz-placeholder {
	color: #808080;
}
.moneyBox input::-moz-placeholder {
	color: #808080;
}
.moneyBox input:-ms-input-placeholder {
	color: #808080;
}
.moneyBox .unit {
	box-sizing: border-box;
	display: block;
	min-width: 35px;
	color: #fff;
	line-height: 35px;
	text-align: center;
	font-weight: bold;
	background: #8dc21f;
	padding: 0 5px;
	position: absolute;
	top: 0;
	right: 0;
}
.moneyBox.type02 input {
	border-color: #089491;
}
.moneyBox.type02 .unit {
	background: #089491;
}

/* 8. btn
* ------------------------- */
.btn {
	width: 100%;
	display: block;
	color: #fff;
	font-size: 16px;
	font-weight: bold;
	text-align: center;
	letter-spacing: 0.5em;
	padding: 15px 5px 13px;
	background: #8dc21f;
	border: #719b12 1px solid;
}
.btn:hover {
	text-decoration: none;
	background: #8AB91C;
	border-color: #8DC21F;
}

.btn01 {
	display: block;
	color: #fff;
	font-size: 16px;
	font-weight: bold;
	text-align: center;
	letter-spacing: 0.5em;
	padding: 15px 5px 13px;
	background: #8dc21f;
	border: #719b12 1px solid;
}
.btn01:hover {
	text-decoration: none;
	background: #8AB91C;
	border-color: #8DC21F;
}

.btn02 {
	display: block;
	font-size: 16px;
	font-weight: bold;
	letter-spacing: 0.1em;
	color: #8dc21f;
	border: #8dc21f 1px solid;
	background: #fff;
	box-shadow: 0px 2px 5px 0px #6a715c;
}
.btn02 > * {
	display: table-cell;
	vertical-align: middle;
}
.btn02 span.icon {
	color: #fff;
	background: #8dc21f;
	padding: 0 5px;
	white-space: nowrap;
}
.btn02 span.text {
	line-height: 1;
	padding: 5px 10px 3px;
}
.btn02:hover {
	text-decoration: none;
	color: #fff;
	background: #8dc21f;
}
.btn02:hover span.icon {
	color: #8dc21f;
	background: #fff;
}
.btn02.type02 {
	color: #439487;
	border-color: #439487;
}
.btn02.type02 span.icon {
	background: #439487;
}
.btn02.type02:hover {
	color: #fff;
	background: #439487;
}
.btn02.type02:hover span.icon {
	color: #439487;
	background: #fff;
}
.btn02.type03 {
	color: #089491;
	border-color: #089491;
}
.btn02.type03 span.icon {
	background: #089491;
}
.btn02.type03:hover {
	color: #fff;
	background: #009B98;
}
.btn02.type03:hover span.icon {
	color: #009B98;
	background: #fff;
}

.btn03 {
	display: block;
	color: #fff;
	font-size: 16px;
	padding: 5px 5px 3px;
	text-align: center;
	background: #4D4D4D;
}
.btn03 i {
	display: inline-block;
	margin-right: 10px;
}
.btn03:hover {
	text-decoration: none;
}

.btn04 {
	display: block;
	color: #fff;
	font-size: 16px;
	padding: 5px 5px 3px;
	text-align: center;
	background: #089491;
}
.btn04 i {
	display: inline-block;
	margin-right: 10px;
}
.btn04:hover {
	text-decoration: none;
}

.btn05 {
	display: block;
	color: #fff;
	font-size: 16px;
	padding: 5px 5px 3px;
	text-align: center;
	background: #8DC21F;
}
.btn05 i {
	display: inline-block;
	margin-right: 10px;
}
.btn05:hover {
	text-decoration: none;
}

/* 9. btnboxType
* ------------------------- */
.btnboxType {
	display: block;
	border: #8dc21f 1px solid;
	box-shadow: 0px 2px 5px 0px #6a715c;
	background: #fff;
}
.btnboxType > * {
	display: table-cell;
	vertical-align: middle;
}
.btnboxType .text {
	padding: 5px 10px 5px 20px;
}
.btnboxType .text p {
	color: #8dc21f;
}
.btnboxType .text p.lead {
	font-size: 18px;
	font-weight: bold;
	margin: 0 0 15px;
}
.btnboxType .text p.inText {
	margin: 10px 0 0;
}
.btnboxType:hover {
	text-decoration: none;
	background: #f2f2f2;
}

/* 10. modBox
* ------------------------- */
.boxHdg {
	color: #fff;
	font-size: 15px;
	letter-spacing: 0.2em;
	background: #8dc21f;
	padding: 5px 10px 3px;
	margin-top: 15px;
}
.boxHdg.type02 {
	background: #089491;
}
.boxHdg + .modBox {
	margin-top: 0;
}

.modBox {
	box-sizing: border-box;
	border: #8dc21f 1px solid;
	background: #fff;
	padding: 50px 60px;
	margin: 15px 0 25px;
	box-shadow: 0px 2px 5px 0px #6a715c;
}
.modBox.type02 {
	border-color: #089491;
}

.modBox02 {
	background: #88BFBC;
	border: #fff 2px solid;
	padding: 25px 30px 20px;
	margin: 25px 0;
	-webkit-box-shadow: 0px 2px 5px 0px #6a715c;
	-moz-box-shadow: 0px 2px 5px 0px #6a715c;
	box-shadow: 0px 2px 5px 0px #6a715c;
}

.modBox02 p {
	color: #FFF;
}

.modBox02 .title {
	font-size: 18px;
	font-weight: bold;
	margin: 0 0 20px;
}
.modBox02 .title i {
	display: inline-block;
	margin: 0 10px 0 0;
}

.modBox03 {
	background: #8DC21F;
	border: #8DC21F 2px solid;
	padding: 25px 30px;
	margin: 25px 0;
	-webkit-box-shadow: 0px 2px 5px 0px #6a715c;
	-moz-box-shadow: 0px 2px 5px 0px #6a715c;
	box-shadow: 0px 2px 5px 0px #6a715c;
}

.modBox03 p {
	text-align:center;
	color: #fff;
	font-size:18px;
}

.modBox04 {
	box-sizing: border-box;
	border: #8dc21f 1px solid;
	background: #fff;
	padding: 25px 50px 20px;
	margin: 15px 0 25px;
	box-shadow: 0px 2px 5px 0px #6a715c;
}

.modBox04 p {
	text-align:center;
}


/* 11. modLinklist
* ------------------------- */
.modLinklist {
	margin: 10px 0;
}
.modLinklist > li {
	margin-top: 15px;
}
.modLinklist > li:first-child {
	margin-top: 0;
}
.modLinklist > li a {
	color: #5e8600;
}
.modLinklist > li a:hover {
	text-decoration: none;
	font-weight: bold;
}

/* 12. btnarrowType
* ------------------------- */
.btnarrowType {
	color: #fff;
	font-size: 15px;
	font-weight: bold;
	text-align: center;
	display: block;
	background: #8dc21f;
	padding: 5px 8px 3px 25px;
	position: relative;
}
.btnarrowType:before {
	content: "";
	width: 0;
	height: 0;
	display: block;
	border-top: 6px solid transparent;
	border-right: 5px solid #fff;
	border-bottom: 6px solid transparent;
	border-left: 5px solid transparent;
	position: absolute;
	top: 50%;
	left: 5px;
	margin-top: -6px;
}
.btnarrowType:hover {
	text-decoration: none;
}
.btnarrowType.type02 {
	background: #089491;
}

/* 13. modformList
* ------------------------- */
.modformList > li {
	margin-top: 10px;
}
.modformList > li:first-child {
	margin-top: 0;
}
.modformList > li dl {
	color: #808080;
}
.modformList > li dl .cap {
	font-weight: bold;
	margin: 0 0 5px;
}
.modformList > li dl .cap span.icon01 {
	color: #fff;
	font-size: 10px;
	font-weight: normal;
	line-height: 1;
	display: inline-block;
	background: #f15a24;
	padding: 3px 4px 1px;
	margin: 0 0 0 5px;
	vertical-align: middle;
}
.modformList > li.col2 {
	overflow: hidden;
}
.modformList > li.col2 dl.col {
	width: 170px;
	float: left;
	margin: 0 12px 0 0;
}
.modformList > li.col3 {
	overflow: hidden;
}
.modformList > li.col3 dl.col {
	width: 150px;
	float: left;
	margin: 0 12px 15px 0;
}
.modformList > li span.subText {
	font-size: 12px;
	display: block;
	margin: 5px 0 0;
	clear: both;
}

/* 14. inputRadio,inputChk
* ------------------------- */
.inputRadio,
.inputChk {
	display: inline-block;
	margin: 0 15px 0 0;
}
.inputRadio > *,
.inputChk > * {
	vertical-align: middle;
}
.inputRadio input,
.inputChk input {
	margin: 0;
}

/* 15. hdg02
* ------------------------- */
.hdg02 {
	color: #808080;
	font-size: 23px;
	letter-spacing: 0.2em;
	text-align: center;
	margin: 0 0 20px;
}

/* 16. main
* ------------------------- */
.main {
	min-width: 1250px;
	background: #f2f2f2;
	padding: 50px 0 50px;
	position: relative;
}

/* 17. modTable
* ------------------------- */
.modTable {
	width: 100%;
	box-shadow: 0px 2px 5px 0px #6a715c;
}
.modTable thead th {
	color: #fff;
	font-size: 15px;
	padding: 7px 15px 5px;
	border-left: #b3b3b3 1px dotted;
}
.modTable thead th:first-child {
	border-left: none;
}
.modTable tbody td,
.modTable tbody th {
	background-color: #fff;
	padding: 12px 15px 10px;
}
.modTable tbody th {
	font-weight: bold;
	border-right: #b3b3b3 1px dotted;
}
.modTable tbody th .altext01 {
	color: #ff0000;
}
.modTable tbody th .altext01 i {
	display: inline-block;
	margin: 0 5px;
}
.modTable tbody th .altext01 + p {
	margin-top: 10px;
}
.modTable tbody th .altext02 {
	color: #cc4c1e;
}
.modTable tbody th .altext02 i {
	display: inline-block;
	margin: 0 5px;
}
.modTable tbody th .altext02 + p {
	margin-top: 10px;
}
.modTable tbody td {
	border-left: #b3b3b3 1px dotted;
}
.modTable tbody td:first-child {
	border-left: none;
}
.modTable tbody td .altext01 {
	color: #ff0000;
}
.modTable tbody td .altext01 i {
	display: inline-block;
	margin: 0 5px;
}
.modTable tbody td .altext01 + p {
	margin-top: 10px;
}
.modTable tbody td .altext02 {
	color: #cc4c1e;
}
.modTable tbody td .altext02 i {
	display: inline-block;
	margin: 0 5px;
}
.modTable tbody td .altext02 + p {
	margin-top: 10px;
}
.modTable tbody td .icon {
	color: #fff;
	font-weight: bold;
	line-height: 1;
	padding: 8px 0 6px;
	text-align: center;
	display: block;
}
.modTable tbody td .icon.clorg {
	background: #f15a24;
}
.modTable tbody td .icon.clble {
	background: #00a99d;
}
.modTable.type01 {
	border: #56bcac 1px solid;
}
.modTable.type01 thead th {
	background-color: #56bcac;
}
.modTable.type01 tbody tr {
	border-bottom: #56bcac 1px solid;
}
.modTable.type01 tbody th {
	color: #439487;
}
.modTable.type01 tbody td em {
	color: #439487;
}
.modTable.type02 {
	border: #8dc21f 1px solid;
}
.modTable.type02 thead th {
	background-color: #8dc21f;
}
.modTable.type02 tbody td {
	border-bottom: #8dc21f 1px solid;
}
.modTable.type02 tbody th {
	color: #608304;
}
.modTable.type03 {
	border: #089491 1px solid;
}
.modTable.type03 thead th {
	background-color: #089491;
}
.modTable.type03 tbody tr {
	border-bottom: #089491 1px solid;
}
.modTable.type03 tbody tr.borderdash {
	border-bottom: #b3b3b3 1px dotted;
}
.modTable.type03 tbody tr th {
	color: #007775;
}
.modTable.type03 tbody tr th .borderText {
	color: #666;
	display: inline-block;
	border-bottom: #089491 1px dashed;
}
.modTable.type03 tbody b {
	color: #007775;
	font-weight: bold;
}

.modtableScroll {
	overflow: auto;
}
.modtableScroll .modTable {
	width: auto;
}
.modtableScroll .modTable > * {
	white-space: nowrap;
}

.modTable tbody th .icon {
	color: #fff;
	font-weight: bold;
	line-height: 1;
	padding: 8px 0 6px;
	text-align: center;
	display: block;
}
.modTable tbody th .icon.clorg {
	background: #f15a24;
}

.modTable tbody th .icon.clble {
	background: #00a99d;
}

/* 18. hdgIcon
* ------------------------- */
.hdgIcon {
	color: #808080;
	font-size: 29px;
	letter-spacing: 0.2em;
}
.hdgIcon i {
	display: inline-block;
	margin-right: 10px;
}

/* 19. modPager
* ------------------------- */
.modPager {
	margin: 25px 0 0;
	text-align: center;
	letter-spacing: -0.4em;
	word-spacing: 0.1em;
}
.modPager > * {
	font-size: 20px;
	display: inline-block;
	vertical-align: middle;
	margin: 0 5px;
	letter-spacing: normal;
	word-spacing: normal;
}
.modPager .prevBtn a,
.modPager .nextBtn a {
	color: #ccc;
	display: inline-block;
	margin: 0 3px;
}
.modPager .prevBtn.active a,
.modPager .nextBtn.active a {
	color: #00a99d;
}
.modPager .pager {
	border-top: #00a99d 1px solid;
	border-left: #00a99d 1px solid;
}
.modPager .pager > li {
	display: table-cell;
	vertical-align: middle;
	width: 35px;
	height: 35px;
	border-right: #00a99d 1px solid;
	border-bottom: #00a99d 1px solid;
}
.modPager .pager > li a {
	display: block;
	color: #00a99d;
}
.modPager .pager > li a:hover, .modPager .pager > li a.current {
	font-size: 25px;
	color: #fff;
	background: #00a99d;
	text-decoration: none;
}

/* 20. inputFile
* ------------------------- */
.inputFile {
	display: block;
	position: relative;
	overflow: hidden;
	width: 100%;
	height: 33px;
	border: #8dc21f 1px solid;
	background: #f2f2f2;
}
.inputFile .inputtext{
	box-sizing: border-box;
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	opacity: 0;
	padding: 5px 10px;
	cursor: pointer;
}
.inputFile .uploadValue{
	color: black;
	border: none;
	background: none;
	line-height: 33px;
	padding-left: 10px;
}
.inputFile input::-webkit-input-placeholder {
	color: #808080;
}
.inputFile input:-moz-placeholder {
	color: #808080;
}
.inputFile input::-moz-placeholder {
	color: #808080;
}
.inputFile input:-ms-input-placeholder {
	color: #808080;
}
.inputFile span.unit {
	color: #fff;
	font-size: 15px;
	font-weight: bold;
	background: #8dc21f;
	border: none;
	padding: 7px 10px 5px;
	position: absolute;
	top: 0;
	right: 0;
	cursor: pointer;
}
.inputFile span.unit i {
	display: inline-block;
	margin-right: 5px;
}

/* 21. checkbox,radio
* ------------------------- */
.checkbox {
	cursor: pointer;
	position: relative;
	overflow: hidden;
	display: inline-block;
	padding-left: 30px;
}
.checkbox:before {
	content: "";
	position: absolute;
	width: 15px;
	height: 15px;
	background: #fff;
	border: #8dc21f 1px solid;
	top: 50%;
	left: 0;
	margin-top: -8.5px;
	z-index: 3;
}
.checkbox:after {
	content: "";
	position: absolute;
	display: block;
	width: 5px;
	height: 10px;
	border-right: #666 1px solid;
	border-bottom: #666 1px solid;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	top: 50%;
	left: 5px;
	margin-top: -7px;
	z-index: 4;
}
.checkbox input[type="checkbox"] {
	-webkit-appearance: none;
	-moz-appearance: none;
	position: absolute;
	top: 5px;
	left: -34px;
	width: 13px;
	height: 12px;
	display: block;
	box-shadow: 35px 0px #FFF;
	z-index: 5;
	margin: 0;
	padding: 0;
}
.checkbox input[type="checkbox"]:checked {
	box-shadow: none;
}
.checkbox.type02:before {
	border-color: #089491;
}

.radio {
	cursor: pointer;
	position: relative;
	overflow: hidden;
	display: inline-block;
	padding-left: 30px;
}
.radio:before {
	content: "";
	position: absolute;
	width: 15px;
	height: 15px;
	border: #8dc21f 1px solid;
	border-radius: 50%;
	left: 0;
	top: 50%;
	margin-top: -8.5px;
	z-index: 3;
}
.radio:after {
	content: "";
	position: absolute;
	width: 11px;
	height: 11px;
	border-radius: 100%;
	left: 3px;
	top: 50%;
	margin-top: -5.5px;
	background: #666;
	z-index: 1;
}
.radio input[type="radio"] {
	-webkit-appearance: none;
	-moz-appearance: none;
	position: absolute;
	z-index: 2;
	width: 20px;
	height: 20px;
	left: -23px;
	top: 1px;
	margin: 0px;
	box-shadow: 20px -1px #FFF;
}
.radio input[type="radio"]:checked {
	box-shadow: none;
}
.radio.type02:before {
	border-color: #089491;
}

/* 22. modTitle
* ------------------------- */
.modTitle {
	color: #fff;
	font-weight: bold;
	background: #009B98;
	padding: 8px 15px 6px;
	margin: 10px 0;
}

/* 23. modsideList
* ------------------------- */
.modsideList {
	margin: 0 0 40px;
}
.modsideList.borderless > li {
	border: none;
}
.modsideList.type02 > li {
	border-bottom: #8DC21F 1px solid;
}
.modsideList > li {
	border-bottom: #009B98 1px solid;
	margin: 10px 0 0;
}
.modsideList > li > dl {
	width: 100%;
	display: table;
}
.modsideList > li > dl > * {
	display: table-cell;
	vertical-align: top;
}
.modsideList > li > dl .name {
	font-weight: bold;
	width: 32.53968%;
	padding: 6px 10px 4px;
}
.modsideList > li > dl .col {
	padding: 6px 0 4px;
	position: relative;
}
.modsideList > li > dl .col .link {
	color: #00A99D;
	font-weight: bold;
	display: inline-block;
	border-bottom: #00A99D 1px dashed;
	margin-left: 20px;
}
.modsideList > li > dl .col .link:hover {
	text-decoration: none;
}
.modsideList > li > dl .col .altext {
	color: #FF0000;
	display: inline-block;
	margin-left: 20px;
}
.modsideList > li > dl .col .sub {
	color: #00A99D;
	display: inline-block;
	margin-left: 20px;
}
.modsideList > li > dl .col .btns {
	letter-spacing: -0.4em;
	word-spacing: 0.1em;
}
.modsideList > li > dl .col .btns > li {
	width: 80px;
	display: inline-block;
	vertical-align: middle;
	letter-spacing: normal;
	word-spacing: normal;
	margin-right: 5px;
}
.modsideList > li > dl .col .btns > li a {
	display: block;
	color: #FF0000;
	text-align: center;
	padding: 5px 10px 3px;
}
.modsideList > li > dl .col .btns > li a.color01 {
	color: #666;
}
.modsideList > li > dl .col .btns > li a.current {
	color: #fff;
	font-weight: bold;
	background: #FF0000;
}
.modsideList > li > dl .col .btns > li a:hover {
	text-decoration: none;
}
.modsideList > li > dl .col .colbtn {
	text-align: center;
	display: block;
	color: #fff;
	font-weight: bold;
	padding: 5px 10px 3px;
	background: #4D4D4D;
}
.modsideList > li > dl .col .colbtn i {
	display: inline-block;
	margin-right: 5px;
}
.modsideList > li > dl .col .colbtn:hover {
	text-decoration: none;
}
.modsideList > li > dl .col .colbtn.abright {
	width: 95px;
	position: absolute;
	right: 0;
	bottom: 4px;
}
.modsideList > li > dl span.icon {
	color: #fff;
	font-size: 10px;
	display: inline-block;
	background: #F15A24;
	line-height: 1;
	padding: 3px 4px 1px;
	margin: 0 5px;
}

/* 24. modsetMenu
* ------------------------- */
.modsetMenu {
	margin: 0 0 20px;
}
.modsetMenu .hdg {
	color: #fff;
	font-size: 15px;
	font-weight: bold;
	padding: 12px 20px 10px;
	margin: 0 0 5px;
	background: #8DC21F;
}
.modsetMenu .hdg.type02 {
	background: #089491;
}
.modsetMenu .menuList li {
	margin-top: 2px;
}
.modsetMenu .menuList li a {
	color: #fff;
	font-size: 15px;
	font-weight: bold;
	display: block;
	background: #4D4D4D;
}
.modsetMenu .menuList li a > * {
	display: table-cell;
	vertical-align: middle;
}
.modsetMenu .menuList li a .icon {
	font-size: 15px;
	text-align: center;
	white-space: nowrap;
	width: 40px;
	height: 40px;
	background: #333;
}
.modsetMenu .menuList li a .icon.red {
	color: #F15A24;
}
.modsetMenu .menuList li a .linktext {
	padding-left: 15px;
	line-height: 1.2;
}
.modsetMenu .menuList li a:hover {
	text-decoration: none;
}

/* 25. narrowSpace
* ------------------------- */
div.narrowSpace .main {
	padding: 40px 0 50px;
}

/* 26. lyt2col-wrap
* ------------------------- */
.lyt2col-wrap {
	overflow: hidden;
}
.lyt2col-wrap > .col {
	float: left;
}

.lyt2col-wrapTable {
	width: 100%;
	display: table;
}
.lyt2col-wrapTable > .col {
	display: table-cell;
	vertical-align: top;
}

/* 27. hdgIcon02
* ------------------------- */
.hdgIcon02 {
	color: #fff;
	font-size: 15px;
	font-weight: bold;
	background: #089491;
}
.hdgIcon02 > * {
	display: table-cell;
	vertical-align: middle;
}
.hdgIcon02 .icon {
	text-align: center;
	width: 32px;
	height: 32px;
	background: #007775;
}
.hdgIcon02 .text {
	padding: 5px 10px 3px;
}
.hdgIcon02.type02 {
	background: #8DC21F;
}
.hdgIcon02.type02 .icon {
	background: #608304;
}

/* 28. textareaBox
* ------------------------- */

.textareaBox {
	box-sizing: border-box;
	width: 100%;
	border: #8dc21f 1px solid;
	padding: 5px 10px;
	background: #f2f2f2;
	line-height: 1.5em;
}

textarea:focus{
	-webkit-box-shadow: 0px 0px 8px 3px rgba(0, 0, 0, 0.1) inset;
	-moz-box-shadow: 0px 0px 8px 3px rgba(0, 0, 0, 0.1) inset;
	box-shadow: 0px 0px 8px 3px rgba(0, 0, 0, 0.1) inset;
	outline: none;
	resize: none;
}

/* 29. hdgIcon03
* ------------------------- */
.hdgIcon03 {
	color: #fff;
	font-size: 15px;
	font-weight: bold;
	background: #8DC21F;
}
.hdgIcon03 > * {
	display: table-cell;
	vertical-align: middle;
}
.hdgIcon03 .icon {
	text-align: center;
	width: 32px;
	height: 32px;
	background: #608304;
}
.hdgIcon03 .text {
	padding: 5px 10px 3px;
}
.hdgIcon03.type02 {
	background: #8DC21F;
}
.hdgIcon03.type02 .icon {
	background: #608304;
}

/* 30. modPager02
* ------------------------- */
.modPager02 {
	margin: 25px 0 0;
	text-align: center;
	letter-spacing: -0.4em;
	word-spacing: 0.1em;
}
.modPager02 > * {
	font-size: 20px;
	display: inline-block;
	vertical-align: middle;
	margin: 0 5px;
	letter-spacing: normal;
	word-spacing: normal;
}
.modPager02 .prevBtn a,
.modPager02 .nextBtn a {
	color: #ccc;
	display: inline-block;
	margin: 0 3px;
}
.modPager02 .prevBtn.active a,
.modPager02 .nextBtn.active a {
	color: #8DC21F;
}
.modPager02 .pager {
	border-top: #8DC21F 1px solid;
	border-left: #8DC21F 1px solid;
}
.modPager02 .pager > li {
	display: table-cell;
	vertical-align: middle;
	width: 35px;
	height: 35px;
	border-right: #8DC21F 1px solid;
	border-bottom: #8DC21F 1px solid;
}
.modPager02 .pager > li a {
	display: block;
	color: #8DC21F;
}
.modPager02 .pager > li a:hover, .modPager02 .pager > li a.current {
	font-size: 25px;
	color: #fff;
	background: #8DC21F;
	text-decoration: none;
}

/* 31. searchBox
* ------------------------- */
.searchbox {

}

.searchbox input {
	color: #333;
	box-sizing: border-box;
	width: 400px;
	height: 35px;
	border: #8dc21f 1px solid;
	padding: 5px 10px;
	background: #fff;
	vertical-align: middle;
}

.searchbox input::-webkit-input-placeholder {
	color: #ccc;
}
.searchbox input:-moz-placeholder {
	color: #ccc;
}
.searchbox input::-moz-placeholder {
	color: #ccc;
}
.searchbox input:-ms-input-placeholder {
	color: #ccc;
}

input[type="search"]:focus{
	-webkit-box-shadow: 0px 0px 8px 3px rgba(0, 0, 0, 0.1) inset;
	-moz-box-shadow: 0px 0px 8px 3px rgba(0, 0, 0, 0.1) inset;
	box-shadow: 0px 0px 8px 3px rgba(0, 0, 0, 0.1) inset;
	outline: none;
}

.search-btn{
	background:#8DC21F;
	color:#fff;
	width:35px;
	height:35px;
	border:none;
	margin:0 0 0 -7px;
	font-size:20px;
	vertical-align: middle;
}

/* 32. modPager03
* ------------------------- */
.modPager03 {
	margin: 25px 0 0;
	text-align: center;
	letter-spacing: -0.4em;
	word-spacing: 0.1em;
}
.modPager03 > * {
	font-size: 20px;
	display: inline-block;
	vertical-align: middle;
	margin: 0 5px;
	letter-spacing: normal;
	word-spacing: normal;
}
.modPager03 .prevBtn a,
.modPager03 .nextBtn a {
	color: #608304;
	display: inline-block;
	margin: 0 3px;
}
.modPager03 .prevBtn a.inactive,
.modPager03 .nextBtn a.inactive {
	color: #ccc;
}
.modPager03 .pager {
	border-top: #608304 1px solid;
	border-left: #608304 1px solid;
}
.modPager03 .pager > li {
	display: table-cell;
	vertical-align: middle;
	width: 35px;
	height: 35px;
	border-right: #608304 1px solid;
	border-bottom: #608304 1px solid;
}
.modPager03 .pager > li a {
	display: block;
	color: #608304;
}
.modPager03 .pager > li a:hover, .modPager03 .pager > li a.current {
	font-size: 25px;
	color: #fff;
	background: #608304;
	text-decoration: none;
}

/* 33. dropdownMenu
* ------------------------- */

.dropdownMenu {
	position: absolute;
	top: 100%;
	right: 0;
	left: auto;
	min-width: 160px;
	display: none;
	z-index: 2000;
	float: left;
	margin-top: 10px;
	background-color: #808080;
	border-width: 0px 1px 1px 1px;
	border-style: solid;
	border-color: #eee;
}
.dropdownMenu > li{
	display: block;
	clear: both;
	line-height: 3;
	border-top: 1px solid #eee;	
}

/* 34. dataTable(override)
* ------------------------- */
table.dataTable {
	box-sizing: border-box !important; 
	width: 100% !important;
}
table.dataTable thead th, 
table.dataTable thead td {
    padding: 7px 15px 5px;
    border-bottom: initial;
	font-weight: initial;
}
.dataTables_wrapper.no-footer .dataTables_scrollBody {
    border-bottom: initial;
}
.dataTables_scroll {
	box-shadow: 0px 2px 5px 0px #6a715c;
}

.dataTables_paginate a{
    margin-left: 0;
    -webkit-border-radius: 0px!important;
    -moz-border-radius: 0px!important;
    border-radius: 0px!important;
    padding: 6px 12px;
    display: inline;
    text-decoration: none;
    cursor: pointer;
    margin-top: 20px;
    margin-bottom: 20px;
}
.dataTables_paginate a.paginate_button {
    background: none;
    border: none;
    color: #8DC21F;
}
.dataTables_paginate a.paginate_button:hover,
.dataTables_paginate a.paginate_button:focus {
    background: #608704!important;
    border-color: #608704!important;
    font-weight: normal;
}
.dataTables_paginate a.current {
    background: #8DC21F!important;
    border-color: #8DC21F!important;
    color: #ffffff !important;
}
.dataTables_paginate a.current:hover,
.dataTables_paginate a.current:focus {
    background: #608704!important;
    border-color: #608704!important;
    font-weight:normal;
}
.dataTables_paginate a.disabled,
.dataTables_paginate a.disabled:hover,
.dataTables_paginate a.disabled:focus {
    color: #ffffff;
    cursor: not-allowed;
    background:none!important;
    border:none!important;
    opacity: 0.6;
    font-weight:normal;
}

.dataTables_filter {
	padding: 6px 0px;
}
.dataTables_filter input[type="search"] {
	color: #333;
	box-sizing: border-box;
	width: 400px;
	height: 35px;
	border: #8dc21f 1px solid;
	padding: 5px 10px;
	background: #fff;
	vertical-align: middle;
}
.dataTables_filter input[type="search"]::-webkit-input-placeholder {
	color: #ccc;
}
.dataTables_filter input[type="search"]:-moz-placeholder {
	color: #ccc;
}
.dataTables_filter input[type="search"]::-moz-placeholder {
	color: #ccc;
}
.dataTables_filter input[type="search"]:-ms-input-placeholder {
	color: #ccc;
}

/* 35. datepicker(override)
* ------------------------- */
.ui-datepicker {
	z-index: 5 !important;
}

/* 36. colorbox(override)
* ------------------------- */
#colorbox.dialog-wrapper {
	background: #FFF;
	border: #8DC21F 2px solid;
	border-radius: 6px;
	-webkit-box-shadow: 0px 2px 5px 0px #6a715c;
	-moz-box-shadow: 0px 2px 5px 0px #6a715c;
	box-shadow: 0px 2px 5px 0px #6a715c;	
}
#colorbox.dialog-wrapper #cboxTopLeft{
	width: 50px; 
	height: 60px; 
	background-image: none;
}
#colorbox.dialog-wrapper #cboxTopRight{
	width: 50px; 
	height: 60px; 
	background-image: none;
}
#colorbox.dialog-wrapper #cboxBottomLeft{
	width: 50px; 
	height: 50px; 
	background-image: none;
}
#colorbox.dialog-wrapper #cboxBottomRight{
	width: 50px; 
	height: 50px; 
	background-image: none;
}
#colorbox.dialog-wrapper #cboxMiddleLeft{
	width: 50px; 
	background-image: none;
}
#colorbox.dialog-wrapper #cboxMiddleRight{
	width: 50px; 
	background-image: none;
}
#colorbox.dialog-wrapper #cboxTopCenter{
	height: 60px; 
	background-image: none;
}
#colorbox.dialog-wrapper #cboxBottomCenter{
	height: 50px; 
	background-image: none;
}
#colorbox.dialog-wrapper .dialog-msgarea {
	font-size: 17px;
	text-align: center;
	color: #608304;
}
#colorbox.dialog-wrapper .dialog-msgarea .large{
	font-size: 24px;
}
#colorbox.dialog-wrapper .dialog-inputarea {
	margin-top: 40px;
	text-align: center;
}
#colorbox.dialog-wrapper .dialog-buttonarea {
	margin-top: 40px;
	text-align: center;
}
#colorbox.dialog-wrapper .dialog-button {
	height: 45px;
	width: 30%;
	background-color: #8DC21F;
	border-style: none;
	border-radius: 22px;
	color: #FFF;
	font-size: 14px;
	letter-spacing: 0.2em;
	font-weight: bold;
	cursor: pointer;
}
#colorbox.dialog-wrapper .dialog-button:first-child {
	float: left;
}
#colorbox.dialog-wrapper .dialog-button:last-child {
	float: right;
}
#colorbox.dialog-wrapper .dialog-button:only-child {
	float: none;
}
/*# sourceMappingURL=base.css.map */