@charset "utf-8";
/* CSS Document */


h1 {
	font-weight:bold;
	font-size:150%;
	text-align:center;
	padding:5px 0px;
	margin:30px 0 0 0;
}
h2 {
	font-weight:bold;
	font-size:120%;
	text-align:center;
	padding:5px 0px;
	margin:0px;
	position:relative;
}

p a {
	text-decoration:none;
}


#outline {
	width:96%;
	max-width:960px;
	margin:20px auto 0px auto;
	text-align:left;
	line-height:1.2em;
}
#errbox {
	padding:80px 0px 150px 0px;
	text-align:center;
	color:#ce3636;
	font-weight:bold;
	font-size:110%;
	line-height:1.3em;
}

header {
	position:relative;
}
#login_info {
	position:absolute;
	top:5px;
	right:2px;
	text-align:right;
	font-size:12px;
}
#login_info a {
	text-decoration:none;
}
	

.btn01 {
	width:80px;
	display:block;
	text-align:center;
	text-decoration:none;
	color:#FFF;
	font-weight:bold;
	line-height:35px;
	margin-right:10px;
	float:left;
	background-color:#78bab8;
	text-shadow: -0.5px -0.5px 1px #000;
	z-index:10;
	position:relative;
	
-moz-border-radius: 10px 10px 0px 0px;
-webkit-border-radius: 10px 10px 0px 0px;
border-radius: 10px 10px 0px 0px;
/*IE 7 AND 8 DO NOT SUPPORT BORDER RADIUS*/
-moz-box-shadow: 0px 0px 1px #000000;
-webkit-box-shadow: 0px 0px 1px #000000;
box-shadow: 0px 0px 1px #000000;

text-shadow: -0.7px -0.7px 1px #000;
/*IE 7 AND 8 DO NOT SUPPORT BLUR PROPERTY OF SHADOWS*/
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#bfe7e6', endColorstr = '#78bab8');
/*INNER ELEMENTS MUST NOT BREAK THIS ELEMENTS BOUNDARIES*/
/*Element must have a height (not auto)*/
/*All filters must be placed together*/
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr = '#bfe7e6', endColorstr = '#78bab8')";
/*Element must have a height (not auto)*/
/*All filters must be placed together*/
background-image: -moz-linear-gradient(top, #bfe7e6, #78bab8);
background-image: -ms-linear-gradient(top, #bfe7e6, #78bab8);
background-image: -o-linear-gradient(top, #bfe7e6, #78bab8);
background-image: -webkit-gradient(linear, center top, center bottom, from(#bfe7e6), to(#78bab8));
background-image: -webkit-linear-gradient(top, #bfe7e6, #78bab8);
background-image: linear-gradient(top, #bfe7e6, #78bab8);
/*--IE9 DOES NOT SUPPORT CSS3 GRADIENT BACKGROUNDS--*/
}

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

.btn02 {
	width:100%;
	display:block;
	text-align:center;
	text-decoration:none;
	color:#FFF;
	font-weight:bold;
	background-color:#78bab8;
	font-size:14px;
	line-height:1.2em;
	padding:4px 0px;
	
-moz-border-radius: 10px 10px 10px 10px;
-webkit-border-radius: 10px 10px 10px 10px;
border-radius: 10px 10px 10px 10px;

/*IE 7 AND 8 DO NOT SUPPORT BORDER RADIUS*/
-moz-box-shadow: 0px 0px 1px #000000;
-webkit-box-shadow: 0px 0px 1px #000000;
box-shadow: 0px 0px 1px #000000;

text-shadow: -0.7px -0.7px 1px #000;
/*IE 7 AND 8 DO NOT SUPPORT BLUR PROPERTY OF SHADOWS*/
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#bfe7e6', endColorstr = '#78bab8');
/*INNER ELEMENTS MUST NOT BREAK THIS ELEMENTS BOUNDARIES*/
/*Element must have a height (not auto)*/
/*All filters must be placed together*/
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr = '#bfe7e6', endColorstr = '#78bab8')";
/*Element must have a height (not auto)*/
/*All filters must be placed together*/
background-image: -moz-linear-gradient(top, #bfe7e6, #78bab8);
background-image: -ms-linear-gradient(top, #bfe7e6, #78bab8);
background-image: -o-linear-gradient(top, #bfe7e6, #78bab8);
background-image: -webkit-gradient(linear, center top, center bottom, from(#bfe7e6), to(#78bab8));
background-image: -webkit-linear-gradient(top, #bfe7e6, #78bab8);
background-image: linear-gradient(top, #bfe7e6, #78bab8);
/*--IE9 DOES NOT SUPPORT CSS3 GRADIENT BACKGROUNDS--*/
}
.btn03 {
	width:65%;
	display:block;
	text-align:center;
	text-decoration:none;
	color:#FFF;
	font-weight:bold;
	
	font-size:18px;
	line-height:1.2em;
	padding:15px 0px;
	margin:0px auto 30px auto;
	
	
-moz-border-radius: 10px 10px 10px 10px;
-webkit-border-radius: 10px 10px 10px 10px;
border-radius: 10px 10px 10px 10px;

/*IE 7 AND 8 DO NOT SUPPORT BORDER RADIUS*/
-moz-box-shadow: 0px 0px 1px #000000;
-webkit-box-shadow: 0px 0px 1px #000000;
box-shadow: 0px 0px 1px #000000;

text-shadow: -0.7px -0.7px 1px #000;
/*IE 7 AND 8 DO NOT SUPPORT BLUR PROPERTY OF SHADOWS*/
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#bfe7e6', endColorstr = '#78bab8');
/*INNER ELEMENTS MUST NOT BREAK THIS ELEMENTS BOUNDARIES*/
/*Element must have a height (not auto)*/
/*All filters must be placed together*/
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr = '#bfe7e6', endColorstr = '#78bab8')";
/*Element must have a height (not auto)*/
/*All filters must be placed together*/
background-image: -moz-linear-gradient(top, #bfe7e6, #78bab8);
background-image: -ms-linear-gradient(top, #bfe7e6, #78bab8);
background-image: -o-linear-gradient(top, #bfe7e6, #78bab8);
background-image: -webkit-gradient(linear, center top, center bottom, from(#bfe7e6), to(#78bab8));
background-image: -webkit-linear-gradient(top, #bfe7e6, #78bab8);
background-image: linear-gradient(top, #bfe7e6, #78bab8);
/*--IE9 DOES NOT SUPPORT CSS3 GRADIENT BACKGROUNDS--*/
}

.table01 {
	width:100%;
	border-collapse:collapse;
	display:table;
}
.table01 .tr {
	display:table-row;
}
.table01 .tr:hover {
	background-color:#edf6f2;
}


.table01 .th {
	display:table-cell;
	border:solid 1px #8a8a8a;
	padding:6px 6px;
	text-align:center;
	
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#f5f5f5', endColorstr = '#a5a5a5');
/*INNER ELEMENTS MUST NOT BREAK THIS ELEMENTS BOUNDARIES*/
/*Element must have a height (not auto)*/
/*All filters must be placed together*/
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr = '#f5f5f5', endColorstr = '#a5a5a5')";
/*Element must have a height (not auto)*/
/*All filters must be placed together*/
background-image: -moz-linear-gradient(top, #f5f5f5, #a5a5a5);
background-image: -ms-linear-gradient(top, #f5f5f5, #a5a5a5);
background-image: -o-linear-gradient(top, #f5f5f5, #a5a5a5);
background-image: -webkit-gradient(linear, center top, center bottom, from(#f5f5f5), to(#a5a5a5));
background-image: -webkit-linear-gradient(top, #f5f5f5, #a5a5a5);
background-image: linear-gradient(top, #f5f5f5, #a5a5a5);
/*--IE9 DOES NOT SUPPORT CSS3 GRADIENT BACKGROUNDS--*/

}
.table01 .td {
	display:table-cell;
	border:solid 1px #8a8a8a;
	padding:6px 6px;
	text-align:left;
}
.table01 .th06 {
	width:80px;
}

.table02 {
	width:100%;
	border-collapse:collapse;
	display:table;
}
.table02 th {
	width:27%;
	padding:8px 8px;
	border:solid 1px #8a8a8a;
	background-color:#edf6f2;
}
.table02 td {
	padding:8px 8px;
	border:solid 1px #8a8a8a;
}

.dl01 {
	width:100%;
}
.dl01 dt {
	width:27%;
	float:left;
	padding:8px 0px;
}
.dl01 dd {
	width:73%;
	float:left;
	padding:8px 0px;
}
.dl01 dd textarea {
	width:100%;
	height:250px;
}


#main {
	margin-top:-30px;
	padding-bottom:50px;
}
#main_form {
	padding-bottom:50px;
	max-width:600px;
	margin:30px auto 0px auto;
}
footer #f_bottom {
	border-top:solid 1px #c9c9c9;
	padding:10px 0px 20px 0;
}
footer #f_bottom .copyright {
    color: #727068;
    margin-top: 5px;
    font-size: 75%;
    text-align: center;
}
footer #f_bottom .copyright a {
    color: #727068;
    text-decoration: none;
	line-height:1.2em;
}
footer #btn_pagetop {
	position:fixed;
	right:30px;
	bottom:30px;
	display:none;
}

.box00 {
	padding:10px 10px;
	margin-top:30px;
}
.box01 {
	border:solid 1px #696969;
	padding:10px 10px;
	margin-top:30px;
}

.p01 {
	text-align:center;
	font-weight:bold;
	font-size:110%;
	padding:40px 0px;
}
.p02 {
	text-align:center;
	font-weight:bold;
	padding:5px 0px;
}
.p03 {
	text-align:center;
	padding:30px 0px;
}

.textarea1 {
    margin: 0px auto;
    width: 97%;
    height: 80px;
    border: solid 1px #BBBBBB;
    padding: 5px;
}
.p_small1 {
	font-size:80%;
	padding-top:10px;
}


#seeds_list_out {
	margin-top:20px;
	padding-bottom:50px;
}
#seeds_list_out table td.l {
	width:80%;
}
#seeds_list_out table td.r {
	width:20%;
	vertical-align:middle;
}
#seeds_list_out table td.r a {
	display:inline-block;
	background-color:#F93;
	color:#333;
	padding:5px 5px;
	font-size:12px;
	text-decoration:none;
}
#seeds_list_out ul {
	display: flex;
	flex-wrap: wrap;
}
#seeds_list_out ul li {
	display:block;
	width:18%;
	margin-right:2%;
	position:relative;
}
#seeds_list_out ul li a.click_area {
	display:block;
	position:absolute;
	left:0px;
	top:0px;
	width:100%;
	height:100%;
}
#seeds_list_out ul li .page_seigyo {
	display:none;
}
#seeds_list_out ul li .imgbox {
	display: block;
    max-width: calc(100% - 6px);
    margin: 3px auto 0;
    height: 100px;
    position: relative;
}
#seeds_list_out ul li img {
	position: absolute;
    top: 50%;
    left: 50%;
    max-width: 100%;
    max-height: 100%;
    -webkit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
}
#seeds_list_out ul li p.title {
	font-size:12px;
	line-height:1.2em;
	height:3.6em;
	overflow:hidden;
	margin-top:5px;
}
#seeds_list_out ul li p.naiyou {
	display:none;
}

#seeds_list_out .ovray {
	position:fixed;
	width:100%;
	height:100%;
	top:0px;
	left:0px;
	background-color: rgba(0,0,0,0.5);
	
	z-index:99;
	
	display:none;
}
#seeds_list_out .ovray .ovray_in {
	position:absolute;
	width:auto;
	height:80%;
	
	margin:5px 0px;
	background-color:#FFF;
	
	
	
	top: 45%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);	
}
#seeds_list_out .ovray .ovray_in div {
	height:100%;
	overflow-y:scroll;
}

#seeds_list_out .ovray .ovray_in div img {
	max-width:600px;
}
#seeds_list_out .ovray .ovray_in div p {
	line-height:1.5em;
	margin:5px;
	max-width:600px;
}
#seeds_list_out .ovray .ovray_in p.title {
	font-weight:bold;
	padding:5px 10px;
}
#seeds_list_out .ovray .page_seigyo {
	display:inline-block;
	position:absolute;
	right:0px;
	bottom:-25px;
	background-color: rgba(255,255,255,0.7);
	font-size:13px;
	padding:5px 15px;
	border-radius:3px;
	margin:0px;
}
#seeds_list_out .ovray .page_seigyo a {
	font-size:13px;
	color:#333;
}


@media (max-width: 600px) {
	#outline {
		font-size:80%;
	}
	#main {
		margin-top:0px;
	}
	.textarea1 {
		width:80%;
	}
	#seeds_list_out .ovray .ovray_in {
		height:70%;
		top: 55%;
	}
	#seeds_list_out .ovray .ovray_in div img {
		max-width:300px;
	}
	#seeds_list_out .ovray .ovray_in div p {
		max-width:300px;
	}
	
}
@media (max-width: 400px) {
	#outline {
		font-size:70%;
	}
	#login_info {
		font-size:11px;
		margin-top:-2px;
	}
	header img {
		width:127px;
	}
	h1 {
		padding-top:20px;
	}
	h2 {
		padding-bottom:20px;
	}
	.table01 {
		display:block;
		width:100%;
		margin-top:1px;
	}
	.table01 .tr {
		display:block;
		width:100%;
		border:solid 1px #8a8a8a;
		margin-top:-1px;
	}
	.table01 .tr .th {
		display:block;
		float:left;
		height:18px;
		border:none;
		padding:5px 0px;
		text-align:left;
		overflow:hidden;
	}
	.table01 .tr .th span {
		display:block;
		padding:0px 5px;
	}
	.table01 .tr .th01 {
		width:8%;
	}
	.table01 .tr .th02 {
		width:35%;

	}
	.table01 .tr .th03 {
		width:22%;

	}
	.table01 .tr .th04 {
		width:35%;

	}
	.table01 .tr .th05 {
		width:65%;

	}
	.table01 .tr .th06 {
		width:35%;

	}
	.table01 .tr .td {
		display:block;
		float:left;
		height:25px;
		border:none;
		padding:5px 0px;
		text-align:left;
		overflow:hidden;
		line-height:1.2em;
	}
	.table01 .tr .td span {
		display:block;
		padding:0px 5px;
	}
	.table01 .tr .td01 {
		width:8%;
		border-bottom:solid 1px #d9d9d9;
	}
	.table01 .tr .td02 {
		width:35%;
		border-bottom:solid 1px #d9d9d9;
	}
	.table01 .tr .td03 {
		width:22%;
		border-bottom:solid 1px #d9d9d9;
	}
	.table01 .tr .td04 {
		width:35%;
		border-bottom:solid 1px #d9d9d9;
	}
	.table01 .tr .td05 {
		width:65%;
		height:50px;
	}
	.table01 .tr .td06 {
		width:35%;
		height:50px;
	}
}