﻿

#marugame{
	font-size:100%;
	color:#333333;
	font-weight: bold;
	width:90%;
	height:auto;
	line-height:25px;
	margin-right: auto;
	margin-left : auto;
	text-margin:5px;
	padding:5px;
	text-align:left;
	border-radius:10px 10px 10px 10px;
	background:#87cefa;
}

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


#main_eln main section h3{
	color:white;
	font-size:18px;	
	background:darkgray;
	margin:5px;
	padding:5px;
}



#main_eln main section p .map a{
	color:#ff8c00;
	background: linear-gradient(transparent 80%, #ffdc00 0%);
	line-height: 1em;
}


#main_eln main section p .map a:hover {
		color: #626063;
		font-weight: bold;
		background:#fff462/*linear-gradient(white,blue)*/;

}



#main_eln main section p{
	padding-left: 1.2em;
	text-indent:0;
}


table.brwsr1 {
    font-size: 15px;
    margin: 0 auto;
    border-collapse: separate;
    border-spacing: 0px 1px;
}
 
table.brwsr1 th {
    padding: 12px;
    vertical-align: middle;
    text-align:center;
    border-bottom: #999 1px solid;
    color: #2b2b2b;
}
 
table.brwsr1 td {
    padding: 12px;
    vertical-align: middle;
    text-align:center;
    border-bottom: #999 1px solid;
    font-size: 15px;
}
 
table.brwsr1 th.r1 {
    width: 152px;
    border-right: #999 1px solid;
    background: #0000ff;
    color: #f5f5f5;
}
 
table.brwsr1 th.r2,
table.brwsr1 td.r2 {
    width: 165px;
    border-left: #fff 1px solid;
    border-right: #999 1px solid;
    background:	#0066ff;
    color: #f5f5f5;

}
 
table.brwsr1 th.r2,
table.brwsr1 th.r3{
    text-align: center;
}
 
table.brwsr1 th.r3,
table.brwsr1 td.r3 {
    width: auto;
    border-left: #fff 1px solid;
    border-right: #999 1px solid;
    background:	#3399ff;
    color: #f5f5f5;

}

.ent{
	margin-top:1em;
}

main section p #form{
	color: #000; 
	font-size:30px;
	font-weight: bold;
	background-color:#ffd900;
	border-radius: 8px;
	box-shadow: 4px 4px 4px 2px #ccc,inset 2px 4px 4px 2px #ffffe5;
	text-decoration: none;
	padding: 10px 50px;
	transition: 0.5s;

}

#main_eln main section p #form:hover {
	color:#fff;
	background-color:#f8b500;
	border-radius: 8px;
	box-shadow: 4px 4px 4px 2px #ccc,inset 2px 4px 4px 2px #ffffcc;
	font-weight: bold;
}


#main_eln main section .yuso{
	font-size:18px;
	margin-right:auto;
	margin-left :3%;
	text-align:center;
	background: linear-gradient(transparent 70%, #ffdc00 0%);
	line-height: 1em;

}

#main_eln main section .yuso a{
	color: #000; 
	text-decoration: none;
	transition: 0.3s;

}

#main_eln main section .yuso a:hover {
		color: #626063;
		font-weight: bold;
		background:#fff462;

}


/*郵送申込スタイル　ここから*/


#end{
	font-size:30px;
	width:480px;
	height:40px;
	font-weight: bold;
	margin-left:3%;
	padding-top:5px;
	background:#fff462;
}


#main_eln main section ul{
		list-style: none;
}


#main_eln .yuso_m{
	color: #000; 
	font-size:20px;
	font-weight: bold;
	background-color:#ffd900;
	border-radius: 8px;
	box-shadow: 4px 4px 4px 2px #ccc,inset 2px 4px 4px 2px #ffffe5;
	text-decoration: none;
	padding: 10px 50px;
	transition: 0.5s;

}

#main_eln .yuso_m:hover{
	color:#fff;
	background-color:#f8b500;
	border-radius: 8px;
	box-shadow: 4px 4px 4px 2px #ccc,inset 2px 4px 4px 2px #ffffcc;
	font-weight: bold;
}

/*郵送申込スタイル　ここまで*/



.close{
	text-align: center;
	margin-top :15%;

}

footer small{
	display:block;
	background-color:gray;
	color:white;
	font-size:0.7em;
	padding:3px;
	text-align:center;

}


/*===============================================
●画面の横幅が0～767px(スマホ用）
===============================================*/

@media screen and (min-width: 0px) and (max-width: 767px){ 

	#main_eln main section h3 {
		width:100%;
		font-size:100%;
		margin:5px 0px 5px 0px;
	}

	/*#osaka{
		font-size:90%;
		color:#333333;
		width:100%;
		height:auto;
		line-height:15px;
		margin-right: auto;
		margin-left : auto;
		text-margin:5px;
		padding:5px;
		text-align:left;
		border-radius:10px 10px 10px 10px;
		background:#ffff7a;
	}*/





	table.brwsr1 {
    		font-size:80%;
		margin: 0 auto;
		border-collapse: separate;
		border-spacing: 0px 1px;
	}


	table.brwsr1 td {
		padding: 12px;
		vertical-align: middle;
		text-align:center;
		border-bottom: #999 1px solid;
		font-size: 90%;
	}




	ul {
		display:none;
	}


	main section .yuso{
		font-size:15px;
		margin-right:auto;
		margin-left :3%;
		text-align:center;
		background: linear-gradient(transparent 70%, orange 0%);
		line-height: 1em;
	}


	.moushikomi{
		font-size:90%;
		color:white;
		width:100%;
		height:auto;
		line-height:25px;
		margin-right: auto;
		margin-left : auto;
		text-align:left;
		background: linear-gradient(transparent 70%, orange 0%);
		line-height: 1em;
	}


	.ya{
		display:none;
	}

	#form{
		display:block;
		font-size:120%;
		width:90%;
		height:40px;
		line-height:50px;

	}


	.close{
		display:none;

	}


	footer small{
		display:block;
		background-color:gray;
		color:white;
		font-size:0.5em;
		padding:3px;
		text-align:center;

	}
	
}

