@charset "utf-8";
/*
* {margin: 0px; padding: 0px }
*/
body { 
	background-color: white;
	font-family: "Meiryo UI";
}
a:hover			{ color: #008080 }

/* Right */
a.art { color: #fff; text-decoration: none }
a.art:hover	{ color: #000; background-color: #fff0f5 }
a.arb { color: #000; text-decoration: none }
a.arb:hover		{ color: #fff; background-color: #008b8b }
/* Center */
a.idb	{ color: #000; text-decoration: none }
a.idb:hover	{ color: green; position: relative; top: 1px; left: 1px }
a.ida	{ color: #303030; text-decoration: none }
a.ida:hover { color: #1B1BFF; position: relative; top: 1px; left: 1px }
a.idg	{ color: #000; text-decoration: none; line-height: 1.4 }
a.idg:hover	{ color: #3D717E }
/* Left */
a.alb { color: #000; text-decoration: none }
a.alb:hover		{ color: #fff; background-color: #8b008b }
/* --- Left --- */
div.left {
	margin: 4px;
	padding-left: 4px;
	padding-top: 8px;
	padding-bottom: 12px;
	position: absolute;
	z-index: 1;
	top: 0;
	left: 0;
	width: 17%;
	float: left;
	font-size: smaller;
	background-color: #f0ffff;
	border-right: 4px solid #87cefa;
	border-left: 8px solid #87cefa;
	border-top-left-radius: 16px 16px;
	border-bottom-left-radius : 16px 16px;
}
div.ind1 { padding-left: 1em }
div.icon { 
	margin: 4px; 
	padding: 4px;
	position: absolute;
	z-index: 2;
	top: 670px;
	left: 160px;
	text-align: center;
}
/* --- Center --- */
div.center {
	margin: 4px; 
	padding: 4px;
	position: absolute; 
	z-index: 0; 
	top: 0; 
	left: 21%; 
	width: 57%;
	text-align: center;
}
table.id1 {
	width: 98%; 
	margin: 0px auto 0px;
	border: none; 
	border-collapse: separate; 
	border-spacing: 2px;
	font-size: smaller; 
}
td.td1 { 
	text-align: center; 
	background-color: #fffff0; 
	border: solid 1px #f4a460; 
	padding-top: 0px;
	padding-bottom: 2px;
}
div.id1			{
	width: 200px;
	margin: 0px auto 32px;
	padding: 4px;
	box-shadow: 2px 2px 2px grey;
	border-radius: 8px;
	color: blue;
	font-weight: bold;
	font-size: large;
	background-color: #eee;
	text-align: center;
}
table.id2 { 
	width: 100%;
	font-size: 95%;
	margin: 0px auto 0px;
	border: none; 
	border-collapse: separate; 
	border-spacing: 2px 1px;
}
td.td2 { 
	background-color: #fffff9; 
	border: solid 1px #F8C9A1; 
	border-radius: 8px;
	padding-top: 4px;
	padding-bottom: 4px;
	text-align: center; 
} 
div.id3	{
	width: 320px;
	margin: 24px auto 16px;
	padding: 4px;
	color: green;
	background-color: #fff;
	font-weight: bold;
	font-size: small;
	text-align: center;
	border: 1px solid #ddf;
	box-shadow: 2px 2px 2px #99d;
}
div.gnews {
	width: 88%;
	padding: 4px 4px 4px 0px;
	border-radius: 8px 8px;
	position: absolute; 
	z-index: 0; 
	left: 6%; 
	background-color: #ECECEC;
	text-align: left;
	font-size: smaller;
	box-shadow: 0px 0px 4px #F4F4F4;
}
input {
	background-color: white;
	border: solid 1px #57C2FD;
}
input[type="submit"]:hover {
	outline: 0;
	border-color: orange;
}
/* --- Right --- */
div.right { 
	margin: 4px; 
	padding: 0px; 
	position: absolute; 
	z-index: 1; 
	top: 0; 
	left: 81%; 
	width: 17%; 
	float: right;
	text-align: center;
	font-size: smaller;
}
div.r_id1 {
	color: white;
	background-color: #381FB6;
	padding-top: 6px;
	padding-bottom: 8px;
	border-top-right-radius: 16px 16px;
	border: solid 1px #848484;
	border-bottom: none;
}
div.r_id2 {
	color: white;
	background-color: #B61F38;
	padding-top: 12px;
	padding-bottom: 12px;
	border-left: solid 1px #848484;
	border-right: solid 1px #848484;
}
div.r_id3 {
	background-color: #fff0f5;
	padding-top: 8px;
	padding-bottom: 8px;
	border-bottom-right-radius : 16px 16px;
	border: solid 1px #848484;
	border-top:none;
}