body {
	font-family:"メイリオ", Meiryo, "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", sans-serif;
	color: #222;
	margin: 0 auto;
	background-color:#99CC33;
}

header{
	height:60px;
}
@media screen and (min-width: 601px){
	header ul{display:block;}
}
@media screen and (max-width: 600px){
	header ul{display:none;}
}
header ul li{
	float:left;
	padding:0 6px 0 6px;
	margin:2px 0;
}
header ul a li{
	font-size:15px;
	color:#CE1F0E;
	text-Decoration:underline;
}

#main_area{
	padding:5px 5px;
}

@media screen and (min-width: 601px){
	.pc{display:block;}
	.mb{display:none;}
}
@media screen and (max-width: 600px){
	.pc{display:none;}
	.mb{display:block;}
}



#wrapper{
	width:100%;
	max-width:1000px;
	margin:0 auto;
	background-color:#fff;
}
#main {
	width:100%;
}
#main:after {
	display:block;
	clear:both;
	height:0px;
	visibility:hidden;
	content:".";
}

#main_left{
	float:left;
	margin:0;
	padding:0;
}
#main_right{
	float:left;
	margin:0;
	padding:0;
	min-height:400px;
}

#main_right h2{
	background-color:#690;
	color:#fff;
	font-weight:bold;
	padding:5px 10px;
}


#main_left ul{
	width:100%;
	border-top:1px solid #690;
}
#main_left ul li{
	margin:0 auto;
	display:inline-block;
	border-bottom:1px solid #690;
	height:40px;
	line-height:40px;
	text-decoration:none;
	color:#690;
}
#main_left ul li:hover{
	background:#7A1;
	color:#fff;
}



@media screen and (min-width: 601px){
	nav {display:none;}
	#main_right{width:80%;max-width:800px;}
	#main_left {width:20%;max-width:200px;}
	#main_left ul li{width:95%;padding-left:5px;}
}
@media screen and (max-width: 600px){
	nav {display:block;}
	#main_right{width:100%;max-width:100%;}
	#main_left {display:none;}
}


.r_top{float:right;border:1px solid #E86C4B;padding:3px 7px;}
.r_top a{color:#E86C4B;}
table.list{margin:0 5px 0 0;border-collapse:collapse;}
table.list th{padding:5px;border:solid #555 1px;background-color:#fff;color:#2B4E77;line-height:120%;font-size:9px;text-align:center;}
table.list td{padding:5px;border:solid #555 1px;line-height:120%;}
table.list tr:nth-child(even){background: #dff4d9;}
table.list tr:hover {background: #fffbce;}
table.list th.th_sort{cursor:pointer;}
table.list th.th_sort:hover{background-color:#BED5ED;}
table.list th.sort_act{background-color:#2B4E77;color:#fff;}
table.form_ss{margin:7px 0;border-collapse:collapse;}
table.form_ss th{padding:5px;text-align:center;border:solid #ddd 1px;background-color:#eee;line-height:120%;}
table.form_ss td{padding:5px;text-align:center;border:solid #ddd 1px;line-height:120%;}
table.form_ss .l{text-align:left;}
table.form_ss .r{text-align:right;}
table.form_ss .c{text-align:center;}
.form_d label{border:1px solid #999;padding:3px 2px;line-height:2.3;white-space:nowrap;}
.form_d label input{position:relative;top:7px;}
table.form_m{margin:7px 0;border-collapse:collapse;}
table.form_m th{padding:5px;text-align:left;border:solid #aaa 1px;background-color:#ddd;line-height:120%;}
table.form_m td{padding:5px;text-align:left;border:solid #aaa 1px;line-height:120%;vertical-align:top;}
table.form_m .l{text-align:left;}
table.form_m .r{text-align:right;}
table.form_m .c{text-align:center;}

table .l{text-align:left;}
table .r{text-align:right;}
table .c{text-align:center;}
span .r{color:red;font-weight:bold;}

#page-top {
	position: fixed;
	bottom: 12px;
	right: 12px;
	font-size:77%;
}
#page-top a {
	background: #77AA11;
	opacity:0.5;
	text-decoration: none;
	color: #fff;
	width: 80px;
	padding: 15px 0;
	text-align: center;
	display: block;
	border-radius: 20px;
}

footer{
	margin:10px auto 0 auto;
	padding:10px 0 30px 0;
	text-align:center;
	font-size:13px;
	color:#690;
	border-top:1px solid #690;
}