@charset "UTF-8";

* {
	padding: 0px;
	margin: 0px;
	list-style: none;
	font-family: 'メイリオ',Meiryo,"ヒラギノ角ゴ Pro W3",Osaka,"ＭＳ Ｐゴシック",sans-serif;
	box-sizing: border-box;
	word-break: break-all;
}
body {
	background-color: #FFF;
	text-align: center;
}
header,section,nav,aside,footer,article,time,main {
	display: block;
}
div.course_wrapper {
	position: relative;
	width: 100%;
	height: auto;
	margin: 0 auto;
	max-width: 100%;
}
div.course_wrapper:before {
	content: " ";
	display: block;
	padding-top: 56%;
}
div.course_wrapper img {
	position: absolute;
	top: 0px;
	left: 0px;
	max-width: 100%;
}
body {
	overflow-x: hidden;
}
div#mfp_hidden {
	overflow: hidden;
	width: 1px;
	height: 1px;
	padding: 0px;
	margin: 0px;
}
div#mfp_hidden input {
	margin: 10px;
}
div.mfp_thanks {
	padding: 30px;
}
div.mfp_thanks p {
	line-height: 1.7em;
}
div.mfp_thanks ul.mfp_caution {
	margin: 0px;
	padding: 0px;
}
div.mfp_thanks ul.mfp_caution li {
	display: block;
	color: #C00;
	margin: 0px;
	padding: 5px 0px;
}
div#mfp_thanks {
	text-align: center;
	font-size: 18px;
	padding: 20px 0px;
}
div#mfp_thanks strong {
	color: #C00;
	font-size: 24px;
}
form#mailformpro dl dt {
	float: none;
	width: auto;
	clear: both;
	font-size: 12px;
	padding: 10px 0 0 10px;
	text-align: left;
	border-top: solid 1px #CCC;
	margin: 0px;
}
form#mailformpro dl dt,
form#mailformpro dl dt span {
	vertical-align: middle;
	line-height: 1em;
}
form#mailformpro dl dt span {
	margin-top: -0.3em;
}
form#mailformpro dl dd {
	border: none;
	margin: 0px;
	padding: 10px;
	font-size: 12px;
	line-height: 1.5em;
	text-align: left;
}
.mfp_rows {
	clear: both;
}
.mfp_rows:after {
	content: "";
	clear: both;
	height: 0;
	display: block;
	visibility: hidden;
}
.mfp_rows input[type="text"],
.mfp_rows input[type="email"],
.mfp_rows input[type="tel"],
.mfp_rows input[type="number"],
.mfp_rows input[type="date"],
.mfp_rows select,
.mfp_rows textarea,
form#mailformpro .mfp_rows label {
	width: 100%;
	min-width: 100%;
	word-break: break-all;
	white-space: normal;
}
.mfp_rows .mfp_col1,.mfp_rows .mfp_col2,.mfp_rows .mfp_col3,.mfp_rows .mfp_col4,.mfp_rows .mfp_col5,.mfp_rows .mfp_col6,.mfp_rows .mfp_col7,.mfp_rows .mfp_col8,.mfp_rows .mfp_col9,.mfp_rows .mfp_col10 {
	float: left;
	padding: 0 1.5%;
}
.mfp_rows .mfp_col1 {width: 10%;}
.mfp_rows .mfp_col2 {width: 20%;}
.mfp_rows .mfp_col3 {width: 30%;}
.mfp_rows .mfp_col4 {width: 40%;}
.mfp_rows .mfp_col5 {width: 50%;}
.mfp_rows .mfp_col6 {width: 60%;}
.mfp_rows .mfp_col7 {width: 70%;}
.mfp_rows .mfp_col8 {width: 80%;}
.mfp_rows .mfp_col9 {width: 90%;}
.mfp_rows .mfp_col10 {width: 100%;}
.must {
	display: block;
	background-color: #C00;
	border: solid 2px #C00;
	text-shadow: 0px 1px 2px #933;
	padding: 2px 5px;
	font-size: 10px;
	color: #FFF;
	float: left;
	margin: 0px 5px;
	border-radius: 4px;
	box-shadow: 0px 0px 5px #CCC;
}
.optionally {
	display: block;
	background-color: #06C;
	border: solid 2px #06C;
	text-shadow: 0px 1px 2px #933;
	padding: 2px 5px;
	font-size: 10px;
	color: #FFF;
	float: left;
	margin: 0px 5px;
	border-radius: 4px;
	box-shadow: 0px 0px 5px #CCC;
}
form#mailformpro label {
	border-radius: 3px;
	margin: 3px;
	display: inline-block;
	white-space: nowrap;
}
form#mailformpro label.mfp_checked {
	padding: 3px;
	border: solid 1px #CCC;
	background-color: #E8EEF9;
	box-shadow: 0px 1px 3px #CCC inset;
}
form#mailformpro label.mfp_not_checked {
	padding: 3px;
	border: solid 1px #EEE;
}
table#mfp_confirm_table {
	border-spacing: 0px;
	border-collapse: collapse;
	width: 100%;
}
table#mfp_confirm_table tr.mfp_colored {
	background-color: #F6F7F9;
}
table#mfp_confirm_table tr.mfp_achroma {
	background-color: #FFF;
}
table#mfp_confirm_table tr th,table#mfp_confirm_table tr td {
	text-align: left;
	font-size: 12px;
	border-top: solid 1px #CCC;
	padding: 5px 10px;
}
table#mfp_confirm_table tr th {
	white-space: nowrap;
	width: 200px;
}
table#mfp_confirm_table tr td {
	line-height: 1.5em;
	word-break: break-all;
}
div#mfp_phase_confirm {
	clear: both;
}
div#mfp_phase_confirm h4 {
	font-size: 36px;
	padding: 10px 0px 0px 0px;
	text-align: center;
}
div#mfp_phase_confirm div#mfp_phase_confirm_inner {
}
div#mfp_overlay {
	position: absolute;
	display: none;
	z-index: 10001;
}
div#mfp_overlay_inner {
	background-color: #FFF;
	padding: 15px;
	margin: 0px auto;
	border-radius: 5px;
	box-shadow: 0px 0px 10px #000;
	width: 640px;
	max-width: 90%;
}
div#mfp_overlay_background {
	background-color: #000;
	position: absolute;
	display: none;
	z-index: 10000;
}
div#mfp_loading_screen {
	z-index: 20000;
	opacity: 0.8;
	display: none;
	background-color: #000;
	position: absolute;
}
div#mfp_loading {
	z-index: 20001;
	position: absolute;
	display: none;
	width: 40px;
	height: 40px;
}
.mfp_colored {
	background-color: #F6F7F9;
}
.mfp_achroma {
	background-color: #FFF;
}
div.mfp_err {
	clear: both;
	display: none;
	text-align: left;
	margin: 5px 0px 0px 0px;
	padding: 3px 0px 5px 17px;
	color: #F00;
	font-size: 12px;
	line-height: normal;
	background-image: url(_images/mfp_error.gif);
	background-repeat: no-repeat;
	background-position: 0px 1px;
}
.mfp_parent_error {
	border: solid 2px #F00;
}
.problem {
	background-color: #FCC;
}
div#mfp_error {
	background-color: #FEE;
	border: solid 1px #F00;
	padding: 10px;
	display: none;
}
div#mfp_error p {
	padding: 0px;
	margin: 0px;
	font-size: 14px;
	text-align: center;
}
div#mfp_error p strong {
	font-size: 18px;
	color: #F00;
}
div#mfp_warning {
	background-color: #FEE;
	border: solid 1px #F00;
	padding: 10px;
	display: none;
	border-radius: 5px;
}
div#mfp_warning p {
	padding: 0px;
	margin: 0px;
	font-size: 14px;
	text-align: center;
}
div#mfp_warning p strong {
	font-size: 18px;
	color: #F00;
}
div#mfp_price {
	color: #C00;
	font-size: 36px;
	padding: 10px;
	font-weight: bolder;
}
div#mfp_price span {
	color: #666;
	font-size: 12px;
	font-weight: normal;
}
button.mfp_next,button.mfp_prev {
	font-size: 18px;
	margin: 10px;
	padding: 5px 10px;
}
button.mfp_next {
	float: right;
}
button.mfp_prev {
	float: left;
}
ul#mfp_phase_stat {
	padding: 10px;
	text-align: center;
}
ul#mfp_phase_stat li {
	display: inline-block;
	padding: 8px 15px;
	border-radius: 5px;
	margin: 0px 5px;
	list-style: none;
	font-size: 14px;
}
ul#mfp_phase_stat li.mfp_phase_arrow {
	box-shadow: none;
	color: #999;
	padding: 8px 0px;
}
ul#mfp_phase_stat li.mfp_active_phase {
	box-shadow: 0px 1px 6px #000;
	background-size: 100% 100%;
	background-color: #0068B7;
	border: solid 2px #0068B7;
	font-weight: bolder;
	color: #FFF;
	text-shadow: 0px 1px 3px #000;
}
ul#mfp_phase_stat li.mfp_inactive_phase {
	background-size: 100% 100%;
	background-color: #EEE;
	border: solid 2px #EEE;
	color: #999;
	box-shadow: 0px 1px 6px #CCC;
}
div.mfp_buttons {
	clear: both;
	padding: 10px 0px;
	text-align: center;
}
div.mfp_buttons button#mfp_button_send {
}
div.mfp_buttons button#mfp_button_cancel {
}
.imagebutton {
	margin: 0px;
	padding: 0px;
	border: none;
	outline: none;
	background: none;
}
.mfp_element_all {
	max-width: 90%;
}
.mfp_element_text,
.mfp_element_number,
.mfp_element_select-one,
.mfp_element_email,
.mfp_element_tel,
.mfp_element_textarea,
.mfp_element_date,
.mfp_element_password {
	border: solid 1px #CCC;
	border-radius: 3px;
	box-shadow: 0px 0px 5px #CCC inset;
	padding: 3px 8px;
	margin: 2px;
	vertical-align: middle;
}
.mfp_element_checkbox,
.mfp_element_radio {
	vertical-align: middle;
	margin: 0px 2px;
}
.mfp_element_file {
	font-size: 12px;
	display: inline-block;
	padding: 10px 10px;
	vertical-align: middle;
	border: solid 1px #CCC;
	border-radius: 3px;
	box-shadow: 0px 0px 5px #CCC inset;
	background: #EEE;
}
.mfp_element_submit,.mfp_element_reset,.mfp_element_button,button.mfp_next,button.mfp_prev {
	border-radius: 5px;
	padding: 5px 10px;
	border: solid 1px #CCC;
	background: gradient(linear, center top, center bottom, from(#FEFEFE), to(#DEDEDE));
	background: -webkit-gradient(linear, center top, center bottom, from(#FEFEFE), to(#DEDEDE));
	background: -moz-linear-gradient(top, #FEFEFE, #DEDEDE);
	background: -ms-linear-gradient(top, #FEFEFE 0%, #DEDEDE 100%);
	text-shadow: 0px 2px 0px #FFF;
	font-size: 18px;
	cursor: pointer;
	outline: none;
}
.mfp_element_reset {
	color: #333;
}
.mfp_element_submit:hover,.mfp_element_reset:hover,.mfp_element_button:hover,button.mfp_next:hover,button.mfp_prev:hover {
	background: gradient(linear, center top, center bottom, from(#F7F7F7), to(#7ECEF4));
	background: -webkit-gradient(linear, center top, center bottom, from(#F7F7F7), to(#7ECEF4));
	background: -moz-linear-gradient(top, #F7F7F7, #7ECEF4);
	background: -ms-linear-gradient(top, #F7F7F7 0%, #7ECEF4 100%);
	box-shadow: 0px 2px 15px #7ECEF4;
}
button.mfp_next,button.mfp_prev {
	font-size: 14px;
}
.hidefield {
	height: 0px;
	overflow: hidden;
}
.showfield {
	height: auto;
	overflow: visible;
}
div.mfp_attached_thumbnails {
	display: none;
	padding: 5px;
	margin: 5px auto;
	border: solid 1px #CCC;
	border-radius: 3px;
	box-shadow: 0px 0px 5px #CCC inset;
	background: #EEE;
}
div.mfp_attached_thumbnails ul {
	margin: 0px;
	padding: 0px;
}
form#mailformpro dl dd div.mfp_attached_thumbnails ul li {
	display: inline-block;
	vertical-align: top;
	padding: 0px;
	border: solid 4px #FFF;
	margin: 5px;
	box-shadow: 0px 2px 5px #999;
}
form#mailformpro dl dd div.mfp_attached_thumbnails ul li a {
	display: block;
	max-height: 100px;
	overflow: hidden;
}
div.mfp_attached_thumbnails ul li a img {
	display: block;
	max-width: 80px;
}
button.mfp_attached_reset {
	font-size: 14px;
}
@media print {
	html,body {
		background: none;
	}
	header,footer,nav,form,aside,div#PageTopArrow {
		display: none;
	}
	div#wrapper {
		width: auto;
	}
	div#wrapper main {
		width: auto;
		margin: 0;
		padding: 0;
		box-shadow: none;
	}
	div#wrapper main h2 {
		background: none;
		text-shadow: none;
		color: #000;
		border-bottom: solid 2px #000;
	}
	div#wrapper main section {
		page-break-inside: avoid;
	}
}
div#overlay div#overlay_inner.overlay_loading,
div#mfp_loading {
	background: url(_images/mfp_loading.gif) no-repeat center center;
}
@media screen and (max-width: 800px) {
	nav#global ul li a,
	nav.nav ul li a {
		background: -webkit-gradient(linear, center top, center bottom, from(rgba(255,255,255,0.1)), to(rgba(155,155,155,0.1)));
		background: -moz-linear-gradient(top, rgba(255,255,255,0.1), rgba(155,155,155,0.1));
		background: -ms-linear-gradient(top, rgba(255,255,255,0.1) 0%, rgba(155,155,155,0.1) 100%);
	}
	nav.nav ul li a,
	nav.nav ul,
	nav#global,
	nav#global ul li a,
	nav#navToggle span {
		background-color: #000;
	}
	body {
		padding: 50px 0 0 0;
	}
	div#wrapper {
		width: 100%;
		position: static;
	}
	.rows .col1,.rows .col2,.rows .col25,.rows .col3,.rows .col33,.rows .col4,.rows .col5,.rows .col6,.rows .col7,.rows .col8,.rows .col9,.rows .col10 {
		float: none;
		padding: 5px;
		width: 100%;
	}
	header {
		width: 100%;
		box-shadow: none;
		height: 50px;
	}
	header div#header {
		max-width: 100%;
		width: 100%;
		min-height: 0;
	}
	header div#header h1 {
		position: static;
		text-align: center;
	}
	header div#header h1 a {
		height: 50px;
		margin: 0 auto;
		position: relative;
		z-index: 100;
	}
	nav#navToggle {
		display: block;
	}
	div#fixedmenu {
		position: static;
		width: 100%;
	}
	nav.nav {
		position: static;
		width: 100%;
		margin: 0 auto;
		border-top: solid 1px rgba(0,0,0,0.1);
		border-bottom: solid 1px rgba(255,255,255,0.3);
	}
	nav.nav ul {
		width: 100%;
		height: auto;
	}
	nav.nav ul li {
		display: block;
		position: static;
		border: none;
		padding: 0;
	}
	nav.nav ul li:first-child {
		border: none;
	}
	nav.nav ul li a {
		display: block;
		font-size: 16px;
		text-align: left;
		color: #FFF;
		padding: 0.3em 0.5em;
		font-weight: bolder;
		text-shadow: 0px 2px 0px #000;
		border-radius: 0;
		border-top: solid 1px rgba(255,255,255,0.3);
		border-bottom: solid 1px rgba(0,0,0,0.2);
	}
	nav.nav ul li ul {
		display: block;
		position: static;
		box-shadow: none;
		border-radius: 0px;
		width: auto;
		height: auto;
	}
	nav.nav ul li ul li {
		display: block;
		position: static;
		text-align: left;
	}
	nav.nav ul li ul li a {
		transition-property: none;
		font-size: 12px;
		text-align: left;
		white-space: normal;
		font-weight: normal;
		padding: 0.4em 2em;
		border-radius: 0;
	}
	nav.nav ul li ul li:first-child a,
	nav.nav ul li ul li:last-child a {
		border-radius: 0;
	}
	nav.nav ul li a:hover {
		box-shadow: none;
	}
	nav.nav ul li ul li a:hover {
		padding: 0.4em 2em;
		background: none;
		color: #FFF;
		box-shadow: none;
	}
	nav#slideMenu,
	div#dash_cart {
		padding-top: 50px;
		width: 100%;
		max-width: 100%;
	}
	nav#slideMenu.open {
		margin-left: 0%;
	}
	nav#slideMenu.close {
		margin-left: -100%;
	}
	div#dash_cart.open {
		margin-right: 0%;
	}
	div#dash_cart.close {
		margin-right: -100%;
	}
	nav#navToggle {
		top: 0.65em;
		left: 0.65em;
	}
	nav#navToggle span {
		border-radius: 5px;
	}
	nav#navToggle span {
	}
	nav.nav ul li a.current_file,
	nav.nav ul li a.current_dir {
		box-shadow: none;
	}
	nav.nav ul li span {
		right: 5px;
	}
	div#cart_mobile {
		display: block;
	}
	form#search {
		position: static;
		max-width: 100%;
		width: 100%;
		height: auto;
	}
	form#search div {
		width: auto;
		position: static;
	}
	form#search div span {
		position: static;
		display: block;
		text-align: left;
		padding: 2px;
	}
	form#search div span input,
	form#search div span button {
		padding: 5px 10px;
		display: block;
		float: left;
		border: none;
		border-radius: 0px;
		font-size: 16px;
		outline: none;
	}
	form#search div span input {
		width: 80%;
	}
	form#search div span button {
		width: 20%;
	}
	form#search div span:after {
		content: "";
		clear: both;
		height: 0;
		display: block;
		visibility: hidden;
	}
	form#search select,
	form.sitesearch select {
		width: 100%;
	}
	form#search input,
	form.sitesearch input {
		min-width: 0;
		width: 80%;
	}
	form#search button,
	form.sitesearch button {
		width: 20%;
	}
	main {
		border-radius: 0px;
		box-shadow: none;
	}
	main:after {
		content: "";
		clear: both;
		height: 0;
		display: block;
		visibility: hidden;
	}
	main div#container {
		float: none;
		width: 100%;
		padding: 0;
		background: none;
	}
	main aside,
	body.frontpage main aside {
		width: 100%;
		padding: 5px;
	}
	aside ul#aside_ul,
	aside ul {
		position: static;
		display: block;
		width: 100%;
	}
	aside ul:after {
		content: "";
		clear: both;
		height: 0;
		display: block;
		visibility: hidden;
	}
	aside ul li,
	body.frontpage main aside ul li {
		float: left;
		width: 48%;
		padding: 1% 1% 0 1%;
		display: block;
	}
	nav.tree {
		border: none;
		width: 100%;
		padding: 0px;
		display:block;
		overflow-x: auto;
		overflow-y: hidden;
		-webkit-overflow-scrolling: touch;
		overflow-scrolling: touch;
		overflow: auto;
		white-space: nowrap;
		background: -webkit-gradient(linear, center top, center bottom, from(#FEFEFE), to(#DEDEDE));
		background: -moz-linear-gradient(top, #FEFEFE, #DEDEDE);
		background: -ms-linear-gradient(top, #FEFEFE 0%, #DEDEDE 100%);
	}
	nav.tree ul {
		border-radius: 0;
		border-right: none;
		border-left: none;
		background: none;
	}
	footer {
		margin: 0;
		max-width: 960px;
		border-radius: 0;
		box-shadow: none;
		border: none;
	}
	footer p {
		font-size: 12px;
		color: #666;
		text-align: center;
		padding: 5px 0px;
	}
	footer h3 {
		font-size: 16px;
		padding: 0;
	}
	footer address {
		font-size: 12px;
		color: #666;
		padding: 0px;
		font-style: normal;
	}
	footer nav ul li {
		display: inline-block;
		overflow: hidden;
		vertical-align: top;
		padding: 0px 10px 0px 0px;
	}
	footer nav ul li a {
		font-size: 12px;
		line-height: 12px;
		padding: 0px 0px 0px 10px;
		text-decoration: none;
		color: #666;
		display: inline-block;
		background: url(_images/symbol.gif) no-repeat left center;
	}
	footer nav ul li a:hover {
		text-decoration: underline;
	}
	nav.child {
		padding: 5px;
	}
	nav.child div img, section.
	information div.entries img {
		width: 50px;
		border: none;
	}
	nav.child div dl,
	section.information div.entries dl {
		padding: 10px 10px 10px 10px;
	}
	section.information div.entries img {
		margin: 0 auto;
		display: block;
		float: none;
	}
	nav.index {
		padding: 0;
	}
	nav.index ol {
		padding: 5px 0.5em 5px 2em;
	}
	nav.index ol li {
		padding: 0.3em 0;
	}
	nav.index ol li a {
		font-size: 14px;
	}
	nav.pageing,
	nav.information_control {
		padding: 5px;
	}
	main h2,
	main h2.visual {
		width: 100%;
		border: none;
		padding: 20px 5px 5px 5px;
		border-radius: 0;
		margin: 0;
		text-align: center;
		font-size: 18px;
		line-height: 1.3em;
	}
	main h2 img {
		display: none;
	}
	main h2 strong {
		padding: 0 5px;
	}
	main section {
		padding: 15px 15px 30px 15px;
	}
	main section h3 {
		font-size: 16px;
	}
	main section table.mfp_shoppingcart img {
		max-width: 32px;
	}
	main section table.mfp_shoppingcart tbody tr td select {
		font-size: 16px;
		border: none;
	}
	body.frontpage main div#container {
		padding: 0;
	}
	body.frontpage main h2 {
		margin: 0px;
		border-radius: 0;
	}
	body.frontpage dl.article {
		width: 46%;
	}
	.mfp_element_all {
		font-size: 16px;
	}
	table#mfp_confirm_table tr th,table#mfp_confirm_table tr td {
		display: block;
		width: auto;
	}
	table#mfp_confirm_table tr th {
		padding: 5px 10px 0 10px;
	}
	table#mfp_confirm_table tr td {
		padding: 0 10px 5px 10px;
		border: none;
	}
	div.thanks {
		padding: 15px 5px;
		text-align: center;
	}
	div.thanks p em {
		display: block;
		padding: 0;
	}
	main section {
		padding: 15px 15px 30px 15px;
	}
	header.nsHide,
	form#search.nsHide,
	div#fixedmenu.nsHide {
		margin-top: 0px;
	}
	nav#slideMenu.nsHide,
	div#dash_cart.nsHide {
		padding-top: 50px;
	}
	nav#slideMenu {
		margin-left: -100%;
	}
	div#dash_cart {
		margin-right: -100%;
	}
	.button {
		white-space: normal;
	}
	main section table.order tr td {
		display: block;
	}
}