@charset "utf-8";
/* CSS Document */
.paging {
	padding-bottom:20px;
}
.paging ul {
	list-style:none;
	padding:0px;
	margin:5px;
}
.paging ul li {
	display:inline-block;
	padding:0px;
}
.paging ul li a {
	display:block;
	background-color:#FFF;
	color:#999;
	border-radius:3px;
	width: 42px;
    height: 30px;
    line-height: 30px;
	margin:2px 2px;
	text-decoration:none;
	text-align:center;
	border:solid 1px #999;
}
.paging ul li a:hover {
	background-color:#CCC;
	color:#FFF;
}
.paging ul li a.current {
	background-color:#CCC;
	color:#FFF;
}

.table_needs_list {
	width:100%;
	max-width:100%;
	border-collapse:collapse;
	margin:30px auto;
}
.table_needs_list th {
	
	display:table-cell;
	border:solid 1px #cfcfcf;
	padding:10px 0px;
	text-align:center;
	font-size:80%;
	
	color:#FFF;
	font-weight:bold;
	
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#437f7d+0,5aaaa9+100 */
background: #437f7d; /* Old browsers */
background: -moz-linear-gradient(top, #437f7d 0%, #5aaaa9 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #437f7d 0%,#5aaaa9 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #437f7d 0%,#5aaaa9 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#437f7d', endColorstr='#5aaaa9',GradientType=0 ); /* IE6-9 */

}
.table_needs_list td {
	border:solid 1px #bfbfbf;
	padding:10px 8px;
	font-size:80%;
}
.table_needs_list td.td02 {
	text-align:center;
	color:#437f7d;
}
.table_needs_list td span.title {
	display:none;
	font-size:95%;
}

.table_needs_list .tr_def1 {
	background-color:#efefef;
}

.table_needs_list tr .td_needs {
	width:50%;
	line-height:1.3em;
}
.table_needs_list tr .td_needs .p1 {
	font-size:16px;
	line-height:1.5em;
}
.table_needs_list tr .td_needs span.title {
	display:inline-block;
	padding-top:2px;
	font-weight:bold;
	color:#033;
}
.table_needs_list tr .td_needs span.naiyo {
	display:block;
	padding:5px 0px;
}
.table_needs_list tr.tr_line {
	display:none;
}


.table_needs_list td .a_hiraku {
	display:block;
	text-decoration:none;
	color:#666;
	padding:10px 25px 10px 10px;
	position:relative;
	font-weight:bold;
	font-size:14px;
	position:relative;
}
.table_needs_list td .a_hiraku.open {
	background-color:#D6EFEE;
}
.table_needs_list td .a_hiraku i {
	position:absolute;
	right:2px;
	top:12px;
	color:#437f7d;
}
.table_needs_list.tokubetu td .a_hiraku.siryou {
	padding-right:80px;
}
.table_needs_list.tokubetu td .a_hiraku.siryou:after {
	content:"資料あり";
	display:block;
	position:absolute;
	right:20px;
	top:10px;
	font-weight:normal;
	width:55px;
	text-align:center;
	font-size:12px;
	background-color:#D6EFEE;
}


.table_needs_list td .hdn {
	display:none;
	line-height:1.5em;
}
.table_needs_list td .hdn .siryou_title {
	padding:5px 5px;
	background-color:#CCC;
	margin-top:10px;
}
.table_needs_list td .hdn ul li {
	padding:8px 0 0;
}

.table_needs_list td .inq_cnt {
	font-size:80%;
	padding:3px 2px;
	border-radius:3px;
	text-align:center;
	background-color:#FFEFBF;
	border: solid 2px #FFBF00;
	margin-bottom:2px;
}
.table_needs_list td .sintyoku_flg1 {
	font-size:80%;
	padding:3px 2px;
	border-radius:3px;
	text-align:center;
	background-color:#DFFFBF;
	border: solid 2px #59B200;
}
.table_needs_list td .sintyoku_flg2 {
	font-size:80%;
	padding:3px 2px;
	border-radius:3px;
	text-align:center;
	background-color:#FFE1E1;
	border: solid 2px #FF7373;
}
.table_needs_list td .inq_ng {
	display:block;
	text-align:center;
	color:#999;
}


.table_needs_list tr .td01 {
	text-align:center;
}

.needs_srch_box {
	font-size:13px;
	margin-top:10px;
}
.needs_srch_box dl {
	display:inline-block;
	padding-right:10px;
	padding-bottom:5px;
}
.needs_srch_box dl dt {
	display:inline-block;
}
.needs_srch_box dl dd {
	display:inline-block;
}
.needs_srch_box dl input,
.needs_srch_box dl select {
	font-size:13px;
	padding:2px 2px;
}
.needs_srch_box input[type="submit"] {
	font-size:14px;
	padding:0px 5px;
}

@media screen and (max-width: 500px){
	.table_needs_list {
		display:block;
	}
	.table_needs_list tr {
		display:block;
		clear:both;
	}
	.table_needs_list tr.tr_line {
		display:block;
		height:30px;
		background-color:#dfdfdf;
		border:solid 1px #dfdfdf;
	}
	.table_needs_list tr th {
		display:block;
		padding:6px 0;
		width:100%;
		margin:-1px -1px;
		font-size:80%;
		height:20px;
		
		display:none;
	}
	.table_needs_list tr td {
		display:block;
		float:left;
		padding:0;
		width:100%;
		margin:-1px -1px;
		font-size:80%;
		line-height:1.3em;
	}
	.table_needs_list tr td p {
		padding:5px 5px;
	}
	.table_needs_list tr td .btn01 {
		margin:5px 5px;
	}
	
	.table_needs_list td span.title {
		display:inline-block;
		padding-top:2px;
		font-weight:bold;
		color:#033;
	}
	
	
	
	.table_needs_list tr .td01 {
		width:50%;
		padding:5px 0px;
	}
	.table_needs_list tr .td01 p {
		display:inline;
	}
	.table_needs_list tr .td02 {
		width:50%;
		text-align:left;
		padding:5px 0px;
		border-left:solid 1px #FFFFFF;
	}
	.table_needs_list tr .td02 p {
		display:inline;
	}
	.table_needs_list tr .td03 {
		width:50%;
	}
	.table_needs_list tr .td04 {
		width:50%;
	}
	
	.table_needs_list tr .td05 {
		width:calc(100%/4);
	}
	.table_needs_list tr .td06 {
		width:calc(100%/4);
	}
	
	.table_needs_list tr .td_needs {
		width:100%;
		border-top:none;
		border-bottom:none;
	}
	.table_needs_list tr .td07 {
		width:50%;
		height:45px;
		border-right:1px solid #FFF;
	}
	.table_needs_list tr .td08 {
		width:50%;
		height:45px;
		border-left:1px solid #FFF;
	}
	.table_needs_list tr .td08 .inq_ng {
		line-height:45px;
	}
	.table_needs_list tr .td09 {
		width:100%;
		text-align:center;
		padding:4px 0px 4px 0px;
		border:none;
	}
	.table_needs_list tr .td09 div {
		display:inline-block;
		width:43%;
		margin:0px 1%;
	}
	
	
	.btn01 {
		margin:0px 10px;
	}
	
	.table_needs_list td .a_hiraku {
		margin:10px 10px 5px 10px;
	}
	
	.table_needs_list td .hdn {
		padding:5px 10px;
	}
	
	.needs_srch_box {
		margin-top:20px;
	}
	.needs_srch_box dl {
		padding-bottom:10px;
	}
	.needs_srch_box dl dt {
		width:100px;
	}
	.needs_srch_box dl input {
		width:123px;
	}
	.needs_srch_box dl select {
		font-size:12px;
		width:130px;
	}
}





.btn01 {
	display:block;
	text-align:center;
	text-decoration:none;
	color:#FFF;
	font-weight:bold;
	background-color:#78bab8;
	font-size:13px;
	line-height:1.2em;
	padding:8px 4px;
	
	border:solid 2px #B0E2E5;
	
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;


text-shadow: -0.3px -0.3px 0.6px #000;

/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#5aaaa9+0,437f7d+50,5aaaa9+100 */
background: #5aaaa9; /* Old browsers */
background: -moz-linear-gradient(top, #5aaaa9 0%, #437f7d 50%, #5aaaa9 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #5aaaa9 0%,#437f7d 50%,#5aaaa9 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #5aaaa9 0%,#437f7d 50%,#5aaaa9 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5aaaa9', endColorstr='#5aaaa9',GradientType=0 ); /* IE6-9 */
}

 .btn01:hover
,.btn01.active
,.btn02:hover 
,.btn03:hover{
background-color:#78bab8;
background-image:none;
text-shadow: -0.3px -0.3px 0.6px #000;
}


.atode_box {
	display:block;
	text-align:right;
	
}
.atode_box1 {
	display:inline-block;
	text-align:left;
	vertical-align:top;
	line-height:32px;
	font-size:120%;
	font-weight:bold;
}
.atode_box2 {
	display:inline-block;
	text-align:left;
	vertical-align:top;
}
.atode_box2 a {
	width:40px;
	line-height:24px;
	margin:0px 10px;
	font-size:16px;
}
.atode_box3 {
	display:inline-block;
	text-align:left;
	line-height:16px;
	vertical-align:top;
	font-size:12px;
}

.box01_l{
	width:55%;
	float:left;
	margin-top:30px;
}
.box01_l img{
	max-width:100%;
	margin-bottom:10px;
}
.box02_r{
	width:43%;
	padding-left:1%;
	padding-right:1%;
	float:right;
	margin-top:30px;
}
.box02_r p{
	line-height:1.5em;
}
.box02_r img{
	margin:30px auto 0px auto;
	display:block;
}

@media screen and (max-width: 500px){
	.atode_box {
		text-align:center;
	}
	.atode_box3 {
		margin-top:10px;
	}
	
	.box01_l{
		width:100%;
	}
	.box02_r{
		width:100%;
		padding:0px;
	}
}