@charset "utf-8";
*{
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;

}
html{
	background-color:#FFF;
}
a:focus{
	outline: none;
}

#all{
/*	min-width:840px;
*/
	min-width:400px;
	max-width:1000px;
	margin:auto;
/*	background:url(../img/bg_ringo3.png) no-repeat center;
*/
	overflow:hidden;
}
#all:after {
	content: '';
	display: block;
	clear: both;
}

/*最初の画面表示用　追記2015.9.24
------------------------*/
#startup{
	position:fixed;
	width:100%;
	height:100%;
	background:#fff;
	top:0;
	left:0;
	margin:0;
	z-index:10;
}
.screen1{
	position:absolute;
	width:980px;
	margin-top:-300px;
	margin-left:-490px;
	top:50%;
	left:50%;
	display:none;
}
@media screen and (max-width:419px){
	#startup{
		display:none;
	}
}
/* info.html用 */
#conts table{
	border-collapse:collapse;
	clear: both;
	margin-top: 20px;
	width: 95%;
	margin-bottom:40px;

}
table caption{
	text-align: left;
	font-size: 1.5em;
	font-weight: bold;
}
th,td{
	border:solid 1px #000;
	padding: 10px;
}
th.th-title{
	background:#999;
	color:#fff;
	font-weight:bold;
}
th:first-child{
	width: 16%;	
}
td span.txt-s{
	font-size: 0.8em;
}
td.txt-c{
	text-align: center;
}
#menu{
	list-style-type: none;
	overflow: hidden;
}
#menu li{
	margin-left: 20px;
	float: left;
}
#try img{
	width:80%;
}
#conts table th{
	width:30%;
}
#conts table ul{
	list-style-type:none;
}
#conts table td>ol,
#conts table td>ul{
	margin-left:0;
	padding-left:0;
}

#conts table ol>li{
	float:left;
	clear:left;
}
#conts table ol ul{
	float:right;
}

ol.list_parentheses{
	padding:0 0 0 2em;
	margin:0;
}
 
ol.list_parentheses>li{
	list-style-type:none;
	list-style-position:inside;
	counter-increment: cnt;
}
ol.list_parentheses>li:before{
	display: marker;
	content: "(" counter(cnt) ") ";
}

.btn{
	text-align:center;
}
.btn a{
	width:80%;
	display:block;
	padding:10px 20px;
	margin: 20px auto;
	border-radius:10px;
	color:#fff;
	font-weight:bold;
	font-size:1.5em;
	background-color:#006400;
	text-decoration:none;
	box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.5), inset 0px -3px 6px -2px rgba(0, 0, 0, 0.3);
}
.btn a:hover{
	opacity:0.8;
}

@media all and (max-width:420px){
	#conts table{
		width: 85%;
	}
	#conts table th,
	#conts table td {
		display: block;
		text-align: left;
		width: 100%;
	}
	#conts table td {
		border-top:hidden;
	}
	#conts table td{
		margin-bottom:10px;
	}
	/************/
	.cis-table tr:first-child{
		display:none;
	}
	#conts .cis-table td{
		margin-bottom:0;
	}
	.cis-table td::before{
		content: attr(data-label);
		font-weight: bold;
		display: block;
	}
}