/*
	Strongly Typed 1.0 by HTML5 UP
	html5up.net | @n33co
	Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
*/

/*********************************************************************************/
/* Basic                                                                         */
/*********************************************************************************/

	body,input,textarea,select
	{
	line-height: 1.3em;
	font-size: 12pt;
	}

	h2
    {
	font-size: 15pt;
    background: #2ECCFA; 
    margin:0 0 10px 0;
    padding:10px 10px;
    color:#FFF;
    text-shadow:1px 1px 2px #333;
    position:relative;
    -webkit-border-radius:4px;
    -moz-border-radius:4px;
    border-left:1px solid #01A9DB;
    border-top:1px solid #01A9DB;
    box-shadow:inset 1px 1px 4px #0080FF;
    }

	h3
    {
	font-size: 13pt;
    background: #32cd32; 
    margin:0 0 10px 0;
    padding:10px 10px;
    color:#FFF;
    text-shadow:1px 1px 2px #333;
    position:relative;
    -webkit-border-radius:4px;
    -moz-border-radius:4px;
    border-left:1px solid #01A9DB;
    border-top:1px solid #01A9DB;
    box-shadow:inset 1px 1px 4px #6b8e23;
    }

	h4
	{
    position:relative;
    padding-left:10px;
    font-weight: bold;
    font-size: 14px;
    line-height: 38px;
	color: #F90;
    }
	
	h5
	{
	font-size: 1em;
	letter-spacing: 2px;
	margin: 0 0 0 0;
	color: #06F;
	}
	
	h6
	{
	font-size: 1em;
	letter-spacing: 2px;
	margin: 0 0 0 0;
	color: #F30;
	}
	
	/* Tables */
	
		table
		{
		}
		
			table.style1
			{
			}
			
				table.style1 thead
				{
					font-size: 0.85em;
					letter-spacing: 2px;
				}

	/* Buttons */
		
		.button
		{
	font-size: 0.85em;
	letter-spacing: 2px;
	padding-top: 0.2em;
	padding-right: 2.75em;
	padding-bottom: 0.2em;
	padding-left: 2.75em;
		}
		
	/* Lists */

		ul.actions
		{
		}
		
			ul.actions li
			{
				display: inline-block;
				margin-left: 1em;
			}
			
			ul.actions li:first-child
			{
				margin-left: 0;
			}

		ul.divided
		{
		}

			ul.divided li
			{
				margin: 1em 0 0 0;
				padding: 1em 0 0 0;
			}

/*********************************************************************************/
/* Section/Article Types                                                         */
/*********************************************************************************/

	.is-post
	{
	}
	
		.no-sidebar .is-post > header
		{
			text-align: center;
		}

	.is-feature
	{
	}
	
	.is-excerpt
	{
			font-size: 0.85em;
	}
	
		.is-excerpt .date
		{
			display: inline-block;
			font-size: 0.85em;
			letter-spacing: 2px;
			padding: 0.25em 1em 0.25em 1em;
			margin: 0 0 0.5em 0;
		}
	
	.is-highlight
	{
	}

/*********************************************************************************/
/* Wrappers                                                                      */
/*********************************************************************************/

	#header-wrapper
	{
	}

	#features-wrapper
	{
	padding-top: 1em;
	padding-right: 0;
	padding-bottom: 1em;
	padding-left: 0;
	}
	
	#banner-wrapper
	{
	padding-top: 0.2em;
	padding-right: 0;
	padding-bottom: 0.2em;
	padding-left: 0;
	}
	
	#main-wrapper
	{
	padding-top: 1.5em;
	padding-right: 0;
	padding-bottom: 1.5em;
	padding-left: 0;
	}
	
	#footer-wrapper
	{
	padding-top: 0.7em;
	padding-right: 0;
	padding-bottom: 0.7em;
	padding-left: 0;
	}

/*********************************************************************************/
/* Header                                                                        */
/*********************************************************************************/

	#header
	{
	padding-top: 8em;
	padding-right: 0;
	padding-bottom: 3em;
	padding-left: 0;
	}
	
		#header h1
		{
	font-size: 3em;
	letter-spacing: 13px;
	font-family: "メイリオ";
		}
		
		#header p
		{
	margin: 2.5em 0 0 0;
	font-size: 0.85em;
	letter-spacing: 3px;
	font-family: "メイリオ";
		}

/*********************************************************************************/
/* Nav                                                                           */
/*********************************************************************************/

	#nav
	{
		position: absolute;
		top: 3em;
		left: 0;
		width: 100%;
	}

		#nav > ul > li
		{
			display: inline-block;
			padding-right: 2em;
		}
		
			#nav > ul > li:last-child
			{
				padding-right: 0;
			}

			#nav > ul > li > a
			{
				display: block;
			}

				#nav > ul > li > a > span
				{
					font-size: 0.85em;
					letter-spacing: 3px;
				}

			#nav > ul > li > ul
			{
				display: none;
			}
	
	.dropotron
	{
		text-align: left;
		border: solid 1px #e5e5e5;
		border-radius: 4px;
		background: #fff;
		background: rgba(255,255,255,0.965);
		box-shadow: 0px 2px 2px 0px rgba(0,0,0,0.1);
		padding: 0.75em 0 0.5em 0;
		min-width: 12em;
	}
	
		.dropotron-level-0
		{
			margin-top: 1.5em;
			margin-left: -1em;
		}

			.dropotron-level-0:after
			{
				content: '';
				display: block;
				position: absolute;
				left: 1.25em;
				top: -moz-calc(-0.75em + 1px);
				top: -webkit-calc(-0.75em + 1px);
				top: -o-calc(-0.75em + 1px);
				top: -ms-calc(-0.75em + 1px);
				top: calc(-0.75em + 1px);
				border-left: solid 0.75em rgba(255,255,255,0);
				border-right: solid 0.75em rgba(255,255,255,0);
				border-bottom: solid 0.75em #fff;
			}

			.dropotron-level-0:before
			{
				content: '';
				display: block;
				position: absolute;
				left: 1.25em;
				top: -0.75em;
				border-left: solid 0.75em rgba(255,255,255,0);
				border-right: solid 0.75em rgba(255,255,255,0);
				border-bottom: solid 0.75em #ccc;
			}

		.dropotron span,
		.dropotron a
		{
			display: block;
			padding: 0.3em 1em 0.3em 1em;
			border: 0;
			border-top: solid 1px #f0f0f0;
			outline: 0;
		}

		.dropotron li:first-child > span,
		.dropotron li:first-child > a
		{
			border-top: 0;
			padding-top: 0;
		}
		
		.dropotron li:hover > span,
		.dropotron li:hover > a
		{
			color: #ed786a;
			-moz-transition: color 0.25s ease-in-out, border-bottom-color 0.25s ease-in-out;
			-webkit-transition: color 0.25s ease-in-out, border-bottom-color 0.25s ease-in-out;
			-o-transition: color 0.25s ease-in-out, border-bottom-color 0.25s ease-in-out;
			-ms-transition: color 0.25s ease-in-out, border-bottom-color 0.25s ease-in-out;
			transition: color 0.25s ease-in-out, border-bottom-color 0.25s ease-in-out;
		}

	
/*********************************************************************************/
/* Banner                                                                        */
/*********************************************************************************/
	
	#banner
	{
	padding-top: 0.8em;
	padding-right: 0;
	padding-bottom: 0.2em;
	padding-left: 0;
	}
	
		#banner p
		{
			font-size: 2em;
			line-height: 1.5em;
			letter-spacing: 4px;
		}
		
		#banner:before,
		#banner:after
		{
			content: '';
			display: block;
			position: absolute;
			top: 50%;
			width: 35px;
			height: 141px;
			margin-top: -70px;
			background: url('../images/bracket.svg');
			opacity: 0.15;
		}
		
		#banner:before
		{
			left: 0;
		}
		
		#banner:after
		{
			right: 0;
			-moz-transform: scaleX(-1);
			-webkit-transform: scaleX(-1);
			-o-transform: scaleX(-1);
			-ms-transform: scaleX(-1);
			transform: scaleX(-1);
		}
		
/*********************************************************************************/
/* Content                                                                       */
/*********************************************************************************/
	
	#content
	{
	}

		#content > section,
		#content > article
		{
			margin: 1em 0 0 0;
			padding: 1em 0 0 0;
		}
		
		#content > section:first-child,
		#content > article:first-child
		{
			margin: 0;
			padding: 0;
		}
	
/*********************************************************************************/
/* Sidebar                                                                       */
/*********************************************************************************/
	
	#sidebar
	{
	}

		#sidebar > section,
		#sidebar > article
		{
	margin-top: 1em;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
	padding-top: 1em;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0;
		}
		
		#sidebar > section:first-child,
		#sidebar > article:first-child
		{
			margin: 0;
			padding: 0;
		}

/*********************************************************************************/
/* Copyright                                                                     */
/*********************************************************************************/

	#copyright
	{
	margin-top: 2em;
	padding-top: 2em;
	}