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

/**
 * CSS Information
 * ===============================================================
 *
 * Site URL:
 * File name: default.css
 * Summary:   テーマスタイル - デフォルト
 * Created:   YYYY-mm-dd NAME
 * Modified:
 *     YYYY-mm-dd NAME
 *
 * -----------------------------------
 *
 * TOC:
 *     =1    structures
 *       =1-1    header
 *       =1-2    contents
 *                 - main contents
 *                 - navigation
 *       =1-3    help
 *       =1-4    totop
 *       =1-5    footer
 *     =2    text styles
 *
 * ===============================================================
*/



/** =1
 * ========================================
 * structures
 * ========================================
 */


body {
	background: #414B4E;
	color: #555555;
}
/* -- [ styles for narrow layout ] ----- */
@media screen and (max-width: 768px) {
	body {
		background: #EFEEEF;
	}
}


	/** =2-1
	 * header
	 * ----------------------------------
	 */

	#header {
		border-bottom: 1px solid #2A3035;
		background: #40454B;
		background: -webkit-gradient(linear, left top, left bottom, from(#4B4F55), to(#363D42));
		background: -webkit-linear-gradient(top, #4B4F55, #363D42);
		background: -moz-linear-gradient(top, #4B4F55, #363D42);
		background: -o-linear-gradient(top, #4B4F55, #363D42);
		background: -ms-linear-gradient(top, #4B4F55, #363D42);
		background: linear-gradient(top, #4B4F55, #363D42);
	}

	#header h1 a {
		color: #D1CCCC;
	}
	#header h1 a:hover,
	#header h1 a:focus {
		color: #FFFFFF;
	}

	#header .nav p {
		color: #A4A4A5;
	}

	#header .nav p a {
		color: #A4A4A5;
	}
	#header .nav p a:hover {
		color: #FFFFFF;
	}

	#header .nav li a {
		color: #A4A4A5;
	}
	#header .nav li a:hover {
		background: #333333;
		color: #FFFFFF;
	}

	/* -- [ styles for narrow layout ] ----- */
	@media screen and (max-width: 768px) {
		#header .nav {
			background: #414B4E;
		}
	}


	/** =2-2
	 * contents
	 * ----------------------------------
	 */

	#contents {
	}

		/* -- [ main contents ] ----- */
		#contents #main {
		}

		#contents #main .inner {
			background: #EFEEEF;
		}

		/* -- [ navigation ] ----- */
		#contents #nav {
		}

		#contents #nav .inner {
			background: #414B4E;
		}

		#contents #nav .active {
			border-right: 4px solid #D12610;
		}

		#contents #nav li a {
			border-top: 1px solid #4D5259;
			border-bottom: 1px solid #3A4146;
			color: #EEEEEE;
			text-shadow: 0 1px 1px #000000;
		}
		#contents #nav li.active a.primary,
		#contents #nav li a.primary:hover,
		#contents #nav li.highlight a.primary {
			background-color: #363D42;
		}

		#contents #nav a i {
			color: #A4A4A5;
		}
		#contents #nav a i.toggle {
			color: #CCCCCC;
		}
		#contents #nav a:hover i.toggle {
			color: #FFFFFF;
		}

		#contents #nav .sub.highlight {
			background: #363D42;
		}

		#contents #nav .sub li a {
			color: #CCCCCC;
		}
		#contents #nav .sub li a:hover {
			background: #4D575E;
			color: #FFFFFF;
		}
		#contents #nav .sub li a.active {
			background: #363D42;
		}
		#contents #nav .sub li a.active:hover {
			background: #4D575E;
		}
		#contents #nav .sub.highlight li a {
			xbackground: #363D42;
		}

		/* -- [ styles for narrow layout ] ----- */
		@media screen and (max-width: 768px) {
			#contents #nav .close {
				background-color: #E9EBEC;
				background-image: -moz-linear-gradient(top, #E9EBEC, #CACED1);
				background-image: -webkit-gradient(linear, left top, left bottom, from(#E9EBEC), to(#CACED1));
				background-image: -o-linear-gradient(top, #E9EBEC, #CACED1);
				background-image: linear-gradient(top, #E9EBEC, #CACED1);
			}

			#contents #nav .close a {
				color: #555555;
			}

			#contents #nav .close a i {
				color: #A6000F;
			}

			#contents #nav .sub li a {
				background: #4D575E;
			}
			.ie6 #contents #nav .sub li a,
			.ie7 #contents #nav .sub li a,
			.ie8 #contents #nav .sub li a {
				background: transparent;
			}
			.ie6 #contents #nav .sub li a:hover,
			.ie7 #contents #nav .sub li a:hover,
			.ie8 #contents #nav .sub li a:hover {
				background: #4D575E;
			}

			#contents #nav .sub li a:after {
				border-top: 4px solid #A4A4A5;
				border-right: 4px solid #A4A4A5;
			}
			#contents #nav .sub li a:hover:after {
				border-top: 4px solid #FFFFFF;
				border-right: 4px solid #FFFFFF;
			}

			#contents #nav .sub .active {
				border-right: none;
			}

			.ie6 #contents #nav .sub li a.active,
			.ie7 #contents #nav .sub li a.active,
			.ie8 #contents #nav .sub li a.active {
				background: #363D42;
			}
		}


	/** =2-3
	 * help
	 * ----------------------------------
	 */

	#help {
	}


	/** =2-4
	 * totop
	 * ----------------------------------
	 */

	#totop {
		background: #414B4E;
	}

	#totop a {
		color: #CCCCCC;
	}
	#totop a:hover,
	#totop a:active {
		color: #FFFFFF;
	}


	/** =2-5
	 * footer
	 * ----------------------------------
	 */

	#footer {
		background: #414B4E;
	}

	#footer p {
		color: #999999;
	}

	#footer a {
		color: #999999;
	}