@charset "utf-8";
/* このファイルはUTF-8のBOMなし(UTF-8N)で保存しています */

/**
 * CSS Information
 * ===============================================================
 *
 * Site URL:  http://
 * File name: module.css
 * Summary:   モジュール用スタイル
 * Author:    CrEa Inc.
 *
 * -----------------------------------
 *
 * TOC:
 *     =1    modules
 *
 * ===============================================================
*/



/** =1
 * ========================================
 * modules
 * ========================================
 */

.navHandler {
	display: none;
}

	/* -- >>> styles for narrow layout ----- */
	@media screen and (max-width: 599px) {
		.navHandler {
			display: block;
			position: absolute;
			top: 0;
			right: 10%;
		}
		#nav .navHandler {
			position: static;
		}
	}

	/* -- >>> styles for medium layout ----- */
	@media screen and (min-width: 600px) and (max-width: 959px) {
		.navHandler {
		}
	}

	/* -- >>> styles for wide layout ----- */
	@media screen and (min-width: 960px) {
		.navHandler {
		}
	}


.navList li {
	border: 1px solid #CCC;
}

.navList li a {
	display: block;
	padding: 5px;
}

	/* -- >>> styles for narrow layout ----- */
	@media screen and (max-width: 599px) {
	}

	/* -- >>> styles for medium layout ----- */
	@media screen and (min-width: 600px) and (max-width: 959px) {
		.navList li {
			display: inline-block;
			width: 100px;
		}
	}

	/* -- >>> styles for wide layout ----- */
	@media screen and (min-width: 960px) {
		.navList li {
			margin-bottom: 10px;
		}
		.navList li:last-child {
			margin-bottom: 0;
		}
	}



/*
 * form
 * ----------------------------------
 */

.formLabel {
	font-weight: bold;
}

.formField {
	border-bottom: 1px dotted #CCC;
}

.formButtons {
	padding: 10px;
	text-align: center;
}

.required {
	margin-left: 5px;
	color: #F33;
	font-size: 80%;
}

	/* -- >>> styles for narrow layout ----- */
	@media screen and (max-width: 599px) {
		.form {
			padding: 0 10px;
		}

		.formLabel {
			padding: 5px 0;
		}

		.formField {
			margin-bottom: 10px;
			padding: 5px 0;
		}
	}

	/* -- >>> styles for medium layout ----- */
	@media screen and (min-width: 600px) and (max-width: 959px) {
		.form {
			padding: 0 10px;
		}

		.formLabel {
			padding: 5px 0;
		}

		.formField {
			margin-bottom: 10px;
			padding: 5px 0;
		}
	}

	/* -- >>> styles for wide layout ----- */
	@media screen and (min-width: 960px) {
		.form {
			padding: 0 20px;
		}

		.formLabel {
			float: left;
			width: 180px;
			padding: 5px 0;
		}

		.formField {
			padding: 5px 0 5px 180px;
		}
	}



/*
 * iframe
 * ----------------------------------
 */

.iframeWrapper {
	position: relative;
	width: 100%;
	padding-top: 56.25%;
}

.iframeWrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100% !important;
	height: 100% !important;
}



/*
 * pagetop
 * ----------------------------------
 */

.pagetop {
	display: none;
	position: fixed;
	right: 10px;
	bottom: 10px;
	z-index: 10;
	background: #4B5A68;
}

.pagetop a {
	display: block;
	width: 60px;
	height: 60px;
}

	/* -- >>> styles for narrow layout ----- */
	@media screen and (max-width: 599px) {
		.pagetop {
		}
	}

	/* -- >>> styles for medium layout ----- */
	@media screen and (min-width: 600px) and (max-width: 959px) {
		.pagetop {
		}
	}

	/* -- >>> styles for wide layout ----- */
	@media screen and (min-width: 960px) {
		.pagetop {
		}
	}