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

/* ボタン */
.btn {
	background: #EEE;
	border-right: 3px solid #BBB;
	border-bottom: 3px solid #BBB;
	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:hover {
	background: #eaf4fc;
}

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

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

.headerLogoArea {
	background-image: url("../images/logo.JPG");
	background-repeat: no-repeat;
	background-position: 0px 0px;
	-moz-background-size:contain;
 	background-size:contain; 
 	height: 40px;
	white-space: nowrap;
	float: left;
}

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

.headerLinkArea {
	height: 40px;
	line-height: 40px;
	vertical-align: middle;
	text-align: right;
	white-space: nowrap;
	font-weight: bold;
	font-size: 0.9em;
	background-color:#78CF00;
	padding: 0px 5px;
}

.mainArea {
	width: 100%;
	height: 87%;
}

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

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

.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:#78CF00 ;
	color:#ffffff;
}

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

.mainMenuArea .item a.selected:hover {
	background-color:#78CF00 ;
	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:#78CF00 ;
	color:#ffffff;
}

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

.mainMenuArea .item2 a.selected:hover {
	background-color:#78CF00 ;
	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:#78CF00;
}

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

.subitem a.selected:hover {
	color:#ffffff;
	background-color:#78CF00;
}

.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 #78CF00;
	border-left:6px solid #78CF00;
	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 #78CF00;
	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: 5px;
	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;
	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;
}

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: 150%;
}


/* -------------------------------------- */
.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); 
}

span.textRED {
	list-style-type: none;
	color: #ff0000;
}

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

}