html {
	background: rgb(206,225,233);
}

body {
	min-height: 100%;
	margin: 0px;
	background: rgb(206,225,233);
	background: linear-gradient(128deg, rgba(206,225,233,1) 0%, rgba(139,159,195,1) 35%, rgba(178,184,187,1) 100%);
	filter: blur(0px);
}

a {
	text-decoration: none;
	-webkit-tap-highlight-color: transparent;
}

u a {
	text-decoration: none;
	color: white;
	-webkit-tap-highlight-color: transparent;
}

ul {
	margin-bottom: 0px;
}

#content_container {
	min-height: calc(100vh - 128px);
}

#header_spacer {
	width: 100%;
	height: 96px;
}

#header_container_full {
	position: fixed;
	top: 0;
	width: 100%;
	height: 96px;
	background-image: url("img/bg.png");
	background-size: 100%;
	-webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.7); 
	box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.7);
}

#header_container_mobile {
	position: fixed;
	top: 0;
	display: none;
	width: 100%;
	height: 96px;
	background-image: url("img/bg.png");
	background-size: 100%;
	-webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.7); 
	box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.7);
}

.header_top_sp {
	width: 100%;
	height: 25%;
}

.header_bottom_sp {
	width: 100%;
	height: 25%;
}

.header {
	width: 80%;
	max-width: 1024px;
	padding-left: 16px;
	padding-right: 16px;
	height: 50%;
	margin-left: auto;
	margin-right: auto;
}

.header_title {
	float: left;
	width: auto;
	height: 100%;
	font-family: arial;
	font-size: 22pt;
	color: white;
	display: -webkit-flex;
  	display: flex;
  	align-items: center;
  	justify-content: center;
}

.header_button {
	float: right;
	width: auto;
	padding-left: 4px;
	padding-right: 4px;
	height: 100%;
	margin-left: 32px;
	font-family: arial;
	color: white;
	font-size: 11pt;
	display: -webkit-flex;
  	display: flex;
  	align-items: center;
  	justify-content: center;
}

.header_selected {
	text-decoration: underline;
	text-underline-offset: 4px;
}

#toggle_menu_background {
	background-color: rgba(0, 0, 0, 0.65);
	position: fixed;
	top: 96px;
	bottom: 0px;
	display: none;
	width: 100%;
	animation: 0.2s;
	z-index: 2;
}

#toggle_menu_container {
	position: fixed;
	top: 96px;
	display: none;
	width: 100%;
	height: auto;
	animation: 0.2s;
	z-index: 3;
}

.toggle_menu_button {
	width: 100%;
	height: 64px;
	font-family: arial;
	color: white;
	font-size: 12pt;
	background-color: #455a64;
	border-bottom: 1px solid #303f46;

	display: -webkit-flex;
  	display: flex;
  	align-items: center;
  	justify-content: center;

}

@media only screen and (max-width: 1024px) {
	
    #header_container_full {
        display: none;
    }

    #header_container_mobile {
    	display: block;
    }

    .header_title {
    	font-size: 15pt;
    }

    .header_button {
    	font-size: 12pt;
    	border: 1px solid white;
    	background-color: rgba(255, 255, 255, 0.15);
    	-webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.7); 
		box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.7);
    }
}

#main_container {
	width: 100%;
	height: auto;
	margin-top: 32px;
}

.content_text_box_container {
	width: 100%;
	height: auto;
}

.content_text_box {
	width: 80%;
	height: auto;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 32px;
	background-color: #607d8b;
	color: white;
	padding: 16px;
	max-width: 1024px;
	font-family: arial;
	font-size: 12pt;
	border-radius: 5px;
	background: rgb(96,125,139);
	background: linear-gradient(128deg, rgba(96,125,139,1) 0%, rgba(71,95,139,1) 35%, rgba(96,122,139,1) 100%);
	-webkit-box-shadow: inset 0px 0px 0px 2px rgba(0, 0, 0, 0.1), 0px 0px 15px -5px #000000;
	box-shadow: inset 0px 0px 0px 2px rgba(0, 0, 0, 0.1), 0px 0px 15px -5px #000000;
}

.page_title {
	background-color: rgba(255, 255, 255, 0.3);
	border: none;
	box-shadow: none;
	font-size: 16pt;
	color: black;
	border: 1px solid rgba(0, 0, 0, 0.25);
	border-radius: 0px;
	text-align: center;
	background-image: none;
	border-radius: 5px;
	-webkit-box-shadow: inset 0px 0px 0px 2px rgba(0, 0, 0, 0.1), 0px 0px 15px -5px #000000;
	box-shadow: inset 0px 0px 0px 2px rgba(0, 0, 0, 0.1), 0px 0px 15px -5px #000000;
	background-image: linear-gradient(to top, #cfd9df 0%, #e2ebf0 100%);
}

.lime_gradient {
	-webkit-box-shadow: inset 0px 0px 0px 2px rgba(0, 0, 0, 0.1), 0px 0px 15px -5px #000000;
	box-shadow: inset 0px 0px 0px 2px rgba(0, 0, 0, 0.1), 0px 0px 15px -5px #000000;
	background: linear-gradient(to bottom, #b8e356 5%, #a5cc52 100%);
	background-color: #b8e356;
	border: 1px solid #83c41a;
	font-weight: bold;
	text-decoration: none;
	text-shadow: 0px 1px 0px #86ae47;
	color: white;
}

.blue_gradient {
	-webkit-box-shadow: inset 0px 0px 0px 2px rgba(0, 0, 0, 0.1), 0px 0px 15px -5px #000000;
	box-shadow: inset 0px 0px 0px 2px rgba(0, 0, 0, 0.1), 0px 0px 15px -5px #000000;
	background: linear-gradient(to bottom, #33bdef 5%, #019ad2 100%);
	background-color: #33bdef;
	border: 1px solid #057fd0;
	font-weight: bold;
	text-decoration: none;
	text-shadow: 0px -1px 0px #5b6178;
	color: white;
}

.highlight {
	-webkit-box-shadow: inset 0px 0px 0px 2px rgba(0, 0, 0, 0.1);
	box-shadow: inset 0px 0px 0px 2px rgba(0, 0, 0, 0.1);
	border-radius: 5px;
	padding: 8px;
	padding-left: 12px;
	padding-top: 10px;
	padding-bottom: 10px;
	background-color: rgba(255, 255, 255, 0.1);
	margin-top: 16px;
	list-style-type: none;
	text-decoration: none;
	color: white;
}

.sub_highlight {
	margin-top: 8px;
}

.footer_container {
	width: 100%;
	height: 128px;
}

.footer {
	width: 100%;
	height: 100%;
	background-color: #607d8b;
	color: white;
	font-family: arial;
	font-size: 12pt;
	-webkit-box-shadow: 0px 0px 15px -5px #000000; 
	box-shadow: 0px 0px 15px -5px #000000;
	background: rgb(96,125,139);
	background: linear-gradient(128deg, rgba(96,125,139,1) 0%, rgba(71,95,139,1) 35%, rgba(96,122,139,1) 100%);
}

#footer_top_sp {
	width: 100%;
	height: 32px;
}

#footer_text_container {
	width: 80%;
	max-width: 1024px;
	margin-left: auto;
	margin-right: auto;
	font-family: arial;
	font-size: 12pt;
	color: rgba(0, 0, 0, 0.5);
	text-decoration: none;
	line-height: 1.5;
}

#footer_text_container a {
	color: rgba(0, 0, 0, 0.5);
}

input[type=text], select, textarea {
 	width: 100%;
 	-webkit-box-shadow: inset 0px 0px 0px 2px rgba(0, 0, 0, 0.1);
	box-shadow: inset 0px 0px 0px 2px rgba(0, 0, 0, 0.1);
  	padding: 16px;
  	border: 1px solid #ccc;
  	border-radius: 5px;
  	box-sizing: border-box;
  	margin-top: 6px;
  	margin-bottom: 16px;
  	resize: vertical;
  	font-family: arial;
  	font-size: 12pt;
  	outline-color: rgb(20,167, 221);
}

input[type=submit] {
	width: 100%;
	-webkit-box-shadow: inset 0px 0px 0px 2px rgba(0, 0, 0, 0.1);
	box-shadow: inset 0px 0px 0px 2px rgba(0, 0, 0, 0.1);
	background: linear-gradient(to bottom, #33bdef 5%, #019ad2 100%);
	background-color: #33bdef;
  	color: white;
  	padding: 12px 20px;
  	border: 1px solid #057fd0;
  	border-radius: 5px;
  	cursor: pointer;
  	font-weight: bold;
  	text-shadow: 0px -1px 0px #5b6178;
  	font-family: arial;
	font-size: 12pt;
}

.right_arrow_list {
	height: 20px;
	float: right;
}

.ul_no_left_padding {
	padding-left: 0px;
}

.ul_no_list_tyle {
	list-style-type: none;
}