@CHARSET "UTF-8";

html {
	width: 100%;
	height: 100%;
}

body {
	width: 100%;
	height: 100%;
	margin: 0px;
	padding: 0px;
	word-break : break-all;
	background-color: #ffffff;
	font-family: "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
}
table {
	border-collapse: separate;
}

form {
	margin: 0px 0px 0px 0px;
}

a {
	text-decoration: none;
	color: #0000ff;
}

a:visited {
	color: #0000ff;
}

a:hover, a:active {
	color: #FF7F50;
}

.floatLeft {
	float: left;
}
.floatRight {
	float: right;
}
.clear {
	clear: both;
}

.alignLeft {
	text-align: left;
}

.alignRight {
	text-align: right;
}

.alignCenter {
	text-align: center;
}

.alignTop {
	vertical-align: top;
}

.alignBottom {
	vertical-align: bottom;
}

.alignMiddle {
	vertical-align: middle;
}

.centerBlock {
	margin-left: auto;
	margin-right: auto;
}

.defaultFont {
	color: #000000;
	background-color: #ffffff;
	font-weight: normal;
}

/* ボタン */
.ancbtn {
	background: #EEE;
	border-right: 3px solid #BBB;
	border-bottom: 3px solid #BBB;
	border-radius: 8px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	color: #0000ff;
	padding: 5px 20px;
	font-family: "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
	font-size : 0.8em;
	font-weight: bold;
	white-space: nowrap;
}


.ancbtn:hover {
	background: #eaf4fc;
}

.ancbtn:active {
	background: #eaf4fc;
	border-top: 3px solid #BBB;
	border-left: 3px solid #BBB;
	border-right: none;
	border-bottom: none;
}


.btn {
	background: #EEE;
	border-right: 3px solid #BBB;
	border-bottom: 3px solid #BBB;
	border-top: 3px solid #FFF;
	border-left: 3px solid #FFF;
	border-radius: 8px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	color: #000000;
	padding: 5px 20px;
	font-family: "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
	font-size : 0.8em;
	font-weight: bold;
	white-space: nowrap;
}

.btn:disabled {
	background: #DDD;
	border-right: 3px solid #BBB;
	border-bottom: 3px solid #BBB;
	border-top: 3px solid #FFF;
	border-left: 3px solid #FFF;
	border-radius: 8px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	color: #A4A4A4;
	padding: 5px 20px;
	font-family: "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
	font-size : 0.8em;
	font-weight: bold;
	white-space: nowrap;
}

.btn:hover:enabled {
	background: #eaf4fc;
}

.btn:active:enabled {
	background: #eaf4fc;
	border-top: 3px solid #BBB;
	border-left: 3px solid #BBB;
	border-right: 3px solid #FFF;
	border-bottom: 3px solid #FFF;
	padding: 5px 20px;
	font-family: "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
	font-size : 0.8em;
	font-weight: bold;
	white-space: nowrap;
}

.listSetting {
	text-align: right;
	font-size : 0.9em;
	font-weight: bold;
	margin: 8px 8px;
}

.btnarea{
	border: 1px #D3D3D3 solid;
	color: #000000;
		background-color: #ffffff;
		font-weight: normal;
		height: 55px;
		width: 100%;
}

/* 角丸 */
.corner {
	border-radius: 8px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
}

.boldFont {
	font-weight: bold;
}

.messageFont {
	font-weight: bold;
	color: #ff0000;
}

ul.feedbackPanel{
	margin: 0px;
	padding: 0px;
}

li.feedbackPanelERROR {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
	font-weight: bold;
	color: #ff0000;
}
span.feedbackPanelERROR {
	list-style-type: none;
	font-weight: bold;
	color: #ff0000;
}

li.feedbackPanelINFO {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
	font-weight: bold;
	color: #ff0000;
}
span.feedbackPanelINFO {
	list-style-type: none;
	font-weight: bold;
	color: #ff0000;
}

li.feedbackPanelWARNING {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
	font-weight: bold;
	color: yellow;
}
span.feedbackPanelWARNING {
	list-style-type: none;
	font-weight: bold;
	color: yellow;
}

span.required {
	font-size: 0.8em;
	color: #ff0000;
	font-weight: bold;
}

div.name_font {
	font-weight:bold;
	color:#ca0319;
	font-size:150%;
}

.baseTable {
	width: 97%;
	height: 97%;
	min-height: 97%;
	padding: 0px;
	margin: auto;
}

.baseTable .leftArea {
	width: 220px;
	float: left;
}

.baseTable .rightArea {
	margin-left: 220px;
}

.headerLogoFont1 {
	width: 400px;
	float: left;
	font-weight: bold;
	font-size: 50%;
}

.headerLogoFont2 {
	font-weight: bold;
	font-size: 110%;
}

.headerAccountArea {
	height: 30px;
	line-height: 30px;
	vertical-align: bottom;
	text-align: right;
	white-space: nowrap;
	font-weight: bold;
}

.headerLinkArea {
	height: 28px;
	line-height: 20px;
	vertical-align: middle;
	text-align: right;
	white-space: nowrap;
	font-weight: bold;
	font-size: 0.9em;
	background-color:#99CC99; /*申請側色*/
/*	background-color:#99CCFF;*/ /*審査側側色*/
	padding: 5px 5px;
}

.mainArea {
	width: 100%;
	/* height: 87%; */
	height: 90%;
}

.footerArea {
	width: 100%;
	height: 23px;
	line-height: 23px;
	background-color: #d4d4d4;
	vertical-align: middle;
	text-align: center;
	white-space: nowrap;
}

.mainMenuArea {
	height: 100%;
	background-color: #f2f2f2;
	border-right: solid 5px #04B431;
	float: left;
	overflow-x: hidden;
	overflow-y: auto;
}

.mainMenuArea .item_disabled {
	text-align:center;
	padding-left: 5px;
	padding-top: 5px;
	padding-bottom: 1px;
	white-space: nowrap;
}
.mainMenuArea .item_disabled a{
	background-color:#CCCCCC;
	color:#848484;
	display: block;
	height:40px;
	line-height: 40px;
	width:200px;
}

.mainMenuArea .item {
	text-align:center;
	padding-left: 5px;
	padding-top: 5px;
	padding-bottom: 1px;
	white-space: nowrap;
}

.mainMenuArea .item a {
	background-color:#C0E5B0;
	color:#000000;
	display: block;
	height:40px;
	line-height: 40px;
	width:200px;
}

.mainMenuArea .item a:hover {
	background-color:#04B431 ;
	color:#ffffff;
}

.mainMenuArea .item a.selected {
	background-color: #22AC38;
	color:#ffffff;
}

.mainMenuArea .item a.selected:hover {
	background-color:#04B431 ;
	color:#000000;
}

.mainMenuArea .item2 {
	text-align:center;
	padding-left: 5px;
	padding-top: 5px;
	padding-bottom: 1px;
	white-space: nowrap;
}

.mainMenuArea .item2 a {
	background-color:#C0E5B0;
	color:#000000;
	display: block;
	height:80px;
	line-height: 40px;
	width:200px;
	text-align:center;
}

.mainMenuArea .item2 a:hover {
	background-color:#04B431 ;
	color:#ffffff;
}

.mainMenuArea .item2 a.selected {
	background-color: #22AC38;
	color:#ffffff;
}

.mainMenuArea .item2 a.selected:hover {
	background-color:#04B431 ;
	color:#000000;
}

.mainMenuArea .nomenu {
	text-align:center;
	padding-left: 5px;
	padding-top: 5px;
	padding-bottom: 1px;
	white-space: nowrap;
}

.mainMenuArea .nomenu a {
	display: block;
	width:200px;
	text-align:center;
}

.mainMenuArea .subitem {
	margin-top: -10px;
	white-space: nowrap;
	font-size:90%;
}

.subitem li {
	border-bottom:solid 2px #f0f0f0;
	display: block;
}

.subitem a {
	color:#000000;
	background-color:#C0E5B0;
	margin:0;
	padding:1px;
	text-decoration:none;
	display: block;
	width:163px;
}

.subitem a:hover {
	color:#ffffff;
	background-color:#04B431;
}

.subitem a.selected {
	color:#ffffff;
	background-color: #22AC38;
}

.subitem a.selected:hover {
	color:#ffffff;
	background-color:#04B431;
}

.contentsArea {
	height: 100%;
	overflow-x: auto;
	overflow-y: auto;
}

.subMenuArea {
	height:30px;
	background-color: #f2f2f2;
}

.subMenuArea ul {
	list-style-type: none;
	width:750px;
	margin:0px 0px 0px 0px;
	padding: 5px 0px 0px 5px;
	font-size:100%;
	float:left;
}

.subMenuArea li {
	border:1px solid #04B431;
	border-left:6px solid #04B431;
	background-color: #C0E5B0;
	color: #000000 ;
	text-align:center;
	font-size:80%;
	display:block;
	float:left;
	width : 160px;
	height:25px;
	margin-right:1px;
}

.subMenuArea li a {
	color:#000000;
	display: block;
	margin:3px 0px 0px 0px;
	padding:0px;
	text-decoration:none;
	width:160px;
	height:25px;
	float:left;
}

li.wakuwaku {
	width:700px;
	text-align:left;
}

li.wakuwaku a {
	width:700px;
	text-align:left;
}

.subMenuArea li a:hover {
	color:#ffffff;
	background-color:#22AC38 ;
}

.subMenuArea li.selected {
	border:1px solid #04B431;
	border-left:6px solid #78CF00;
	background-color: #22AC38;
	color: #F24F00 ;
	text-align:center;
	font-size:80%;
	display:block;
	float:left;
	height:25px;
	margin-right:1px;
}

.subMenuArea li.selected a {
	color:#ffffff;
	display: block;
	margin:3px 0px 0px 0px;
	padding:0px;
	text-decoration:none;
	float:left;
	height:25px;
}

.subMenuArea li.selected a:hover {
	color:#000000;
	background-color:#C0E5B0 ;
}

.pageArea {
	padding-top: 3px;
	padding-left: 10px;
}

table.input-table,
table.search-table,
table.list-table {
	margin-top: 10px;
	border:1px solid #a9a9a9;
	border-collapse:collapse;
}

table.full-size {
	width: 100%;
}

table.half-size {
	width: 50%;
}

table.input-table .label,
table.search-table .label {
	text-align:left;
	border-top:1px solid #a9a9a9;
	border-left:1px solid #a9a9a9;
	padding-right:5px;
	padding-left:10px;
	padding-top:5px;
	padding-bottom:5px;
	margin:0px;
	background:#FFFDB0;
	white-space: nowrap;
	width: 20%;
}

table.input-table .input,
table.search-table .input {
	text-align:left;
	border-top:1px solid #a9a9a9;
	border-left:1px solid #a9a9a9;
	padding-top:5px;
	padding-bottom:5px;
	padding-left:18px;
	padding-right:5px;
	margin:0px;
	background-color:#FFFDDA;
	font-size:100%;
}

table.search-table .label {
	width: 15%;
}
table.search-table .button {
	text-align:left;
	border-top:1px solid #a9a9a9;
	padding-right:5px;
	padding-left:10px;
	padding-top:5px;
	padding-bottom:5px;
	margin:0px;
	background-color:#FFFDDA;
	width: 20px;
}
table.search-table tr {
	height: 40px;
}

table.input-table .head,
table.list-table .head {
/*	background-color:#2727E2;*/
	background-color:#99FFCC; /*申請側色*/
/*	background-color:#99FFFF;*/ /*審査側側色*/
/*	color:#ffffff;*/
	color:#000000;
	padding:4px;
	text-align:center;
	font-size:100%;
	font-weight: bold;
	white-space: nowrap;
	border-top:1px solid #a9a9a9;
	border-left:1px solid #a9a9a9;
	border-bottom:1px solid #a9a9a9;
}
table.list-table .sidehead {
	background-color:#2727E2;
	color:#ffffff;
	padding:4px;
	text-align:center;
	font-size:100%;
	font-weight: bold;
	white-space: nowrap;
	border-top:1px solid #a9a9a9;
	border-left:1px solid #a9a9a9;
	border-bottom:1px solid #a9a9a9;
}

table.list-table tr {
	height: 20px;
}



table.list-table .line {
	background-color:#FFFDDA;
	font-size:100%;
	padding-left:2px;
	padding-right:2px;
	padding-top:5px;
	padding-bottom:5px;
	border-top:1px solid #a9a9a9;
	border-left:1px solid #a9a9a9;
	border-bottom:1px solid #a9a9a9;
}
table.list-table .whiteline {

	font-size:100%;
	padding-left:2px;
	padding-right:2px;
	padding-top:5px;
	padding-bottom:5px;
	border-top:1px solid #a9a9a9;
	border-left:1px solid #a9a9a9;
	border-bottom:1px solid #a9a9a9;
}


table.list-table thead.scrollHead, tbody.scrollBody {
  display: block;
}


table.list-table thead.scrollHead {
  overflow-y: scroll;
}

table.list-table tbody.scrollBody {
  overflow-x: hidden;
  overflow-y: scroll;
  height: 400px;
}
table.list-table td,th{
	table-layout:fixed;
}


table.list-table .nowrap {
	width: 1%;
	white-space: nowrap;
	padding-left:10px;
	padding-right:10px;
}

table.button-table {
	border:0px;
	background-color:#ffffff;
	text-align:center;
}

div.topmessage {
	text-align: left;
	font-weight: bold;
	font-size: 100%;
}

/* -------------------------------------- */
.mainTable td.description {
	width: 170px;
	padding: 7px;
	vertical-align: top;
}

.descriptionTable {
	border: 1px #D3D3D3 solid;
	background-color: #eaf4fc;
	box-shadow:2px 2px 2px rgba(0,0,0,0.1);
}

.descriptionTable td {
	line-height: normal;
	vertical-align: middle;
	word-spacing: normal;
	text-align: justify;
	color: black;
	padding: 3px;
	font-size: 0.9em;
}

.descriptionTable td.pageName {
	background-color: #eaf4fc;
}

.descriptionTable table.descRow {
	background-color: #ffffff;
	border: 1px #D3D3D3 solid;
}

.descriptionTable .titleRow {
	border-top: 1px #D3D3D3 solid;
}

table.collectListContents {
	width: 900px;
	border-collapse: separate;
	border-spacing: 1px;
	border: 0px;
}

table.collectListContents td {
	padding: 5px;
}

table.collectListContents table {
	width: 100%;
}

table.collectListContents table.title {
	border: 1px #D3D3D3 solid;
	background-color: #ffffff;
	box-shadow:2px 2px 2px rgba(0,0,0,0.1);
}

table.collectListContents table.collectList {
	border-collapse:collapse;
	box-shadow:2px 2px 2px rgba(0,0,0,0.1);
}

table.collectListContents table td {
	padding: 0px;
}

table.collectListContents div.titleImage {
	font-weight: bold;
	font-size:110%;
	text-align: left;
	width: 250px;
	padding: 10px;
}

table.collectListContents table td.pager {
	text-align: right;
	width: 100%;
	padding: 15px;
}

table.collectList tr.header {
	background-color: #509ce8;
	text-align: center;
	color: #ffffff;
	font-weight: bold;
	height: 28px;
	font-size: 0.9em;
}

table.collectList tr.collect {
	height: 38px;
	background-color: #ffffff;
	vertical-align: middle;
	font-size: 0.8em;
}

table.collectList tr.collect td.row1{
	width: 35px;
}

table.collectList tr.collect td.row2{
	width: 15%;
}

table.collectList tr.collect td.row3{
	width: 14%;
}

table.collectList tr.collect td.row4{
	width: 6%;
}

table.collectList tr.collect td.row5{
	width: 4%;
}

table.collectList tbody:nth-child(2n) tr.collect{
	background-color: #ffffff;
}

table.collectList tbody:nth-child(2n-1) tr.collect{
	background-color: #f7f9fb;
}

table.collectList td{
	border: 1px #D3D3D3 solid;
}

table.collectList td.title{
	padding: 5px;
}

table.loginContents {
	width: 510px;
	border-collapse: separate;
}

table.loginContents td {
	padding: 6px;
}

table.loginContents table.logininput {
	background: #ffffff;
	border: 1px solid #DDD;
	padding: 10px;
	width: 675px;
	box-shadow:2px 2px 2px rgba(0,0,0,0.1);
}

table.loginContents div.titleImage {
	width: 100%;
	height: 40px;
	background: #ffffff;
	border: 1px solid #DDD;
	font-weight: bold;
	font-size: 120%;
	padding: 10px 0px 0px 0px;
	box-shadow:2px 2px 2px rgba(0,0,0,0.1);
}

table.loginContents label {
	font-weight: bold;
}

table.collectContents {
	width: 720px;
	border-collapse: separate;
	border-spacing: 0px;
	border: 1px solid #DDD;
	background-color: #ffffff;
	padding: 10px;
	font-size: 0.9em;
}

table.collectContents td {
	padding: 0px;
}

table.collectContents td.e_title {
	height: 50px;
}

table.collect {
	width: 100%;
	border-collapse: separate;
	border-spacing: 3px;
	border: 0px;
	background-color: #ffffff;
}

table.collect td {
	padding: 0px;
}

table.collect table.title {
	width: 100%;
	border-collapse: separate;
	border-spacing: 0px;
	height: 11px;
}

table.collect table.title td.count {
	padding: 5px 0px 0px 0px;
	border-radius: 8px 8px 0px 0px;
	-webkit-border-top-left-radius: 8px;
	-webkit-border-top-right-radius: 8px;
	-moz-border-radius-topleft: 8px;
	-moz-border-radius-topright: 8px;
	width: 130px;
}

table.collect table.question {
	width: 100%;
	border-collapse: separate;
	border-spacing: 0px;
	border: 0px;
	padding: 5px 10px;
}

table.collectcheck {
	width: 900px;
	border-collapse: collapse;
	border-spacing: 5px;
	border: 1px #D3D3D3 solid;
}

table.collectcheck td {
	padding: 2px;
	border: 1px #D3D3D3 solid;
}

table.collectcheck table.question td {
	padding: 2px;
	border: none;
}

span.text{
	color: #DC143C;
}

span.check {
	font-size: 1.2em;
	color: #ff0000;
	font-weight: bold;
}

span.contents {
	font-size: 0.8em;
	color: #696969;
}

table.createContents {
	width: 900px;
	border-collapse: separate;
	border-spacing: 0px;
}

table.createContents table.title {
	border: 1px #D3D3D3 solid;
	background-color: #ffffff;
	box-shadow:2px 2px 2px rgba(0,0,0,0.1);
	width: 100%;
}

table.createContents div.titleImage {
	font-weight: bold;
	font-size:110%;
	text-align: left;
	padding: 7px;
}

table.createContents table.contents {
	background-color: #ffffff;
	border-collapse:collapse;
	width: 100%;
	border: 1px #D3D3D3 solid;
	font-size: 0.9em;
}

table.createContents table.contents tr{
	border: 1px #D3D3D3 solid;
}

table.createContents td {
	padding: 5px;
}

table.createContents th {
	padding: 3px 5px;
	background-color: #eaeef4;
	width: 150px;
	text-align: left;
	color: #000066;
	font-weight: bold;
}

table.createContents tr:nth-child(2n-1) th{
	background-color: #bbe4f4;
}

table.createContents table.contents tr:nth-child(2n-1) td{
	background-color: #edf8fc;
}

table.createContents tr:nth-child(2n) th{
	background-color: #d0edf8;
}

table.createContents table.contents tr:nth-child(2n) td{
	background-color: #ffffff;
}

table.createContents table.contents table.file tr:nth-child(n) td.blue{
	background-color: transparent;
}

table.createContents table.contents table.baseTable tr:nth-child(n) td.blue{
	background-color: transparent;
}

table.file{
	width: 100%;
}

table.thankstable{
	width: 810px;
}

table.thankstable td{
	border: 1px #D3D3D3 solid;
	background-color: #ffffff;
	padding: 10px;
}

table.collectListContents table.searchtable{
	border: 1px #D3D3D3 solid;
		background-color: #f9fcd1;
		width: 85%;
		padding: 12px 10px;
		box-shadow:2px 2px 2px rgba(0,0,0,0.1);
}

table.collectListContents table.searchtable th{
		width: 120px;
		text-align: left;
}

div.count{
	border: 1px #D3D3D3 solid;
		background-color: #ffffff;
		width: 120px;
		padding: 7px 10px;
		float: right;
		box-shadow:2px 2px 2px rgba(0,0,0,0.1);
}

/*
input.chkbox:checked{
  background-color:#FFFFCC;
}
*/
.confirm {
	pointer-events : none;
	background-color: #FFFFCC;
}

.confirmTextArea {
	background-color: #FFFFCC;
}

.disabled {
	pointer-events : none;
	background-color: #F2F2F2;
}

.disabledTextArea {
	background-color: #F2F2F2;
}

.hissu {
    /*color: darkblue;*/
    font-weight: bold;
}
.hissu:before {
	content :"*";
	color: red;
/*	content : url("../images/required.gif");*/
}

@media screen {
div.scrollArea {
	height: 500px;
	overflow: auto;
}

}

.SelectTable{
  background-color: #F0E68C;
  font-weight: bold;
}

.SelectTable2{
  color: red;
  font-weight: bold;
}

.ime-on {
  ime-mode:active;
}
.ime-off {
  ime-mode:inactive;
}
.ime-disabled {
  ime-mode:disabled;
}
.input-file-tenpubunsho {
  font-size : 120%;
}

/* ↓ オリジナルチェックボックス対応 ↓ */
input[type=checkbox] {
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
    appearance: none;
    position: relative;
    right: 0;
    bottom: 0;
    left: 0;
    height: 20px;
    width: 20px;
    vertical-align: -0.45rem;
    transition:all .15s ease-out 0s;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    outline: none;
    border-radius: 10%;
}

/* Checkbox */
input[type=checkbox]:before,input[type=checkbox]:after {
    position: absolute;
    content: "";
    background: #fff;
    transition: all .0s ease-in-out;
}
input[type=checkbox]:before {
    left: 2px;
    top: 6px;
    width: 0;
    height: 2px;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
}
input[type=checkbox]:after {
    right: 9px;
    bottom: 3px;
    width: 2px;
    height: 0;
    transform: rotate(40deg);
    -webkit-transform: rotate(40deg);
    -moz-transform: rotate(40deg);
    -ms-transform: rotate(40deg);
    -o-transform: rotate(40deg);
    transition-delay: .0s;
}
input[type=checkbox]:checked:before {
    left: 1px;
    top: 10px;
    width: 6px;
    height: 2px;
}
input[type=checkbox]:checked:after {
    right: 5px;
    bottom: 1px;
    width: 2px;
    height: 14px;
}
input[type=checkbox]:indeterminate:before,input[type=checkbox]:indeterminate:after {
    width: 7px;
    height: 2px;
    transform: rotate(0);
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -ms-transform: rotate(0);
    -o-transform: rotate(0);
}
input[type=checkbox]:indeterminate:before {
    left: 1px;
    top: 7px;
}
input[type=checkbox]:indeterminate:after {
    right: 1px;
    bottom: 7px;
}
/* 色は青色のみ */
input[type=checkbox] {
    border: 2px solid #1A73E8;
}
input[type=checkbox]:checked,input[type=checkbox]:indeterminate {
    background: #1A73E8;
}
/* ↑ オリジナルチェックボックス対応 ↑ */