@charset "UTF-8";
.top_infolist {
	margin: 0 0 10px;
}
.top_infolist h4 {
	margin: 0;
	text-align: left;
	color: hsla(23,48%,28%,1.00);
	font-size: 16px;
	line-height: 24px;
	font-weight: bold;
}
.top_infolist h5 {
	text-align: left;
	margin: 5px 0 5px;
}
.top_infolist dt {
	background-image: url(../images-assets/list_title1.png);
	background-size: 16px 31px;
	background-repeat: no-repeat;
	padding: 5px 5px 2px 25px;
	margin: 0;
	background-color: #DEEFF2;
}
.top_infolist dd {
	-webkit-transition: 0.06s;
	-moz-transition: 0.06s;
	-o-transition: 0.06s;
	-ms-transition: 0.06s;
	transition: 0.06s;
	width: 450px;
	margin: 0px;
	padding: 5px 5px 5px 30px;
	border-style: solid;
	border-width: 0 0 1px;
	border-color: hsla(0,0%,90%,1.00);
	display: block;
	top: 0;
	left: 0;
	height: 100%;
}
.top_infolist a:link > dd, .top_infolist a:visited > dd {
	color: hsla(0,0%,20%,1.00);
}
.top_infolist a:hover > dd, .top_infolist a:active > dd {
	color: #00a1c1;
	background-color: hsla(0,0%,98%,1.00);
}
.top_infolist a:link, .top_infolist a:visited, .top_infolist a:hover, .top_infolist a:active {
	text-decoration: none;
}
.top_infolist h5:before {
	font-size: 10px;
	color: #A0C900;
	display: inline-block;
	position: relative;
	top: -1px;
	width: 15px;
	font: normal normal normal 14px/1 FontAwesome;
	/*text-rendering: auto;*/
	content: "\f10c";
	margin-left: -17px;
}
.banner_h {
	margin: 0 20px 10px 0;
	display: block;
	float: left;
}
#top_main {
	width: 980px;
	background-color: white;
	padding: 0px 10px 0px 10px;
	min-height: 100%;
	margin: 0 auto -180px;
}
#top_logo {
	position: relative;
	left: -10px;
	top: -10px;
	width: 1000px;
	height: 110px;
	background-image: url(../images-assets/top_logo.png);
	background-size: 1000px 100px;
	background-repeat: no-repeat;
	background-position: 0 10px;
}
#top_logo a {
	visibility: hidden;
}
#head_right {
	float: right;
	width: 600px;
	height: 700px;
	margin-bottom: -90px;
	background-color: hsla(0,0%,50%,1.00);
}
#head_left {
	float: right;
	width: 370px;
	height: 700px;
	margin-right: 10px;
}
#top_menu {
	width: 100%;
	background-color: #585858;
	padding: 0;
	margin: 0 10px 10px 0;
	font-size: 13px;
	line-height: 20px;
	text-align: center;
}
#top_menu a {
	text-decoration: none;
}
#top_menu a:link, #top_menu a:visited {
	color: hsla(0,0%,90%,1.00);
	-webkit-transition: 0.1s;
	-moz-transition: 0.1s;
	-o-transition: 0.1s;
	-ms-transition: 0.1s;
	transition: 0.1s;
}
#top_menu a:hover, #top_menu a:active {
	color: hsla(0,0%,70%,1.00);
}
.top_menu_box {
	width: 174px;
	padding: 5px 5px 9px 5px;
	margin: 0;
}
.top_menu_left {
	float: left;
}
.top_menu_right {
	float: left;
	border-left: 1px dashed hsla(0,0%,60%,1.00);
}
.top_menu_title {
	font-weight: bold;
	line-height: 19px;
	padding: 10px 0 0;
	font-size: 16px;
	color: hsla(173,46%,83%,1.00);
}
.top_menu_icon {
	color: hsla(173,46%,83%,1.00);
	margin-right: 5px;
}
#top_menu hr {
	clear: both;
	margin: 0;
	border: none;
	border-top: 1px dashed hsla(0,0%,60%,1.00);
}
#twitter {
	width: 368px;
	height: 380px;
}
#flier {
	width: 600px;
	height: 700px;
	line-height: 0px;
}
#open_info {
	position: relative;
	top: -80px;
	width: 570px;
	height: 60px;
	padding: 10px 15px;
	color: hsla(0,0%,30%,1.00);
	background-color: hsla(0,0%,100%,0.80);
}
#open_info_link {
	float: right;
	display: block;
	margin: 0 0 0 12px;
	width: 5em;
	padding:12px 3px;
	font-weight: bold;
	line-height: 16px;
	color: hsla(201,100%,36%,1.00);
	text-align: center;
	border: 2px solid hsla(201,100%,36%,0.50);
}
#open_info_link:hover {
	background-color: hsla(0,0%,100%,0.5);
	text-decoration: none;
}
#open_info_logo {
	float: right;
	width: 177px;
	height: 30px;
	margin: 3px 0 0;
}
#open_info_day {
	font-size: 14px;
	line-height: 17px;
	text-align: right;
	float: right;
	margin: 4px 10px 0 0;
}
.open_info_deadline {
	float: right;
	margin: 0 0 0 10px;
	font-size: 15px;
	font-weight: bold;
}
#column_left {
	width: 485px;
	float: left;
	margin: 10px 10px 10px 0;
}
#column_right {
	width: 485px;
	float: left;
	margin: 10px 0 10px;
	position: relative;
	z-index: 2;
}

@media screen and (max-width : 640px ) {
#top_main {
	width : 100%;
	min-width: 320px;
	padding: 0;
}
#top_logo {
	position: fixed;
	z-index: 999;
	left: 0;
	top: 0;
	width: 100%;
	height: 50px;
	background-image: url(../images-assets/top_logo_mini.png);
	background-size: 1000px 50px;
	background-position: 0 0;
	background-repeat: no-repeat;
	background-color: #a3d325;
}
#top_logo a {
	visibility: visible;
	position: absolute;
	display: block;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	text-align: left;
	text-indent: -999px;
}
#head_right {
	float: none;
	width: 100%;
	height: auto;
	margin-bottom: 0px;
}
#head_left {
	float: none;
	width: 100%;
	height: auto;
	margin-right: 0px;
}
#flier {
	width: 100%;
	height: auto;
	margin: 50px 0 0px;
}
#open_info {
	position: static;
	width: 100%;
	padding: 10px 0;
	height: auto;
	text-align: center;
}
#open_info_link {
	float: right;
	margin: 0;
	width: 100%;
	padding: 0px;
	border: 0px;
}
#open_info_logo {
	float: none;
	height: 30px;
	margin: 10px 0 0;
}
#open_info_day {
	float: none;
	text-align: center;
	margin: 5px 0 0;
}
.open_info_deadline {
	float: none;
	margin-left: 0;
	line-height: 20px;
}
#top_menu {
	width: 100%;
	margin: 0;
}
.top_menu_title {
	font-weight: bold;
	font-size: 18px;
	line-height: 24px;
	margin-bottom: 11px;
	text-align: center;
}
.top_menu_box {
	font-size: 14px;
	line-height: 28px;
	width : 43%;
	width : -webkit-calc(50% - 25px);
	width : calc(50% - 25px);
	margin: 0;
	padding: 12px;
}
#column_left, #column_right {
	width: 100%;
	margin: 0;
}
.top_infolist dd {
	width : 88%;
	width : -webkit-calc(100% - 35px);
	width : calc(100% - 35px);
}
#top_footer_mini a {
	text-decoration: none;
	color: white;
}
#twitter {
	display: none;
}
#top_footer_mini {
	display: block;
}
.footer_mini_box_blog, .footer_mini_box_twitter {
	display: block;
	float: left;
	font-size: 14px;
	line-height: 28px;
	text-align: center;
	width : 38%;
	width : -webkit-calc(50% - 45px);
	width : calc(50% - 45px);
	margin: 10px;
	padding: 12px;
}
.footer_mini_box_blog {
	background: -webkit-radial-gradient(200px 200px, 170px 80px, hsla(74,87%,60%,1.00) 0px, hsla(78,86%,38%,1.00) 0px);
	background: radial-gradient(farthest-side circle at center top, hsla(74,87%,60%,1.00) 0, hsla(78,86%,38%,1.00) 100%);
	background-color: hsla(78,86%,38%,1.00);
}
.footer_mini_box_twitter {
	background: -webkit-radial-gradient(200px 200px, 170px 80px, #98edff 0px, #55acee 0px);
	background: radial-gradient(farthest-side circle at center top, #98edff 0, #55acee 100%);
	background-color: #55acee;
}
#top_logo_mini {
	position: fixed;
	width: 100%;
	max-width: 775px;
}
}

@media (max-width: 320px) {
}

@media (max-width: 340px) {
}