charset "utf-8";

/* =============================================================================
	Re-Setting
============================================================================= */
div#Contents	{}

/* =============================================================================
	ReadBlock
============================================================================= */
div#MenuBlock	{ border-top: 3px solid #004185; border-bottom: 1px dashed #004185; background-color: #FAFAFA; }

div#MenuBlock ul#navi	{
    width: 100%;
    height: 57px;
    margin: 0 auto 0;
    padding: 0;
    list-style-type: none;
	}
	
div#MenuBlock ul#navi li	{
    float: left;
	width:25%;
    margin: 0;
    padding: 0;
    text-align: center;
	}

div#MenuBlock ul#navi li a	{
    display: block;
    width: 100%;
    padding: 15px 0;
    text-decoration: none;
    color: #004185;
	}

div#MenuBlock ul#navi li a:hover	{
    color: #fff;
    background: #004185;
	}

div#MenuBlock ul#navi li a span	{
    display: block;
    padding-top: 3px;
    padding-bottom: 3px;
	border-left: 1px solid #ddd;
	}

div#MenuBlock ul#navi li.active a span	{
    border-left: none;
	}
	

/* =============================================================================
	Container
============================================================================= */
div#Container	{ margin: 1em 0 3em; }

div#Container > .innerblock	{ margin: 0;}
div#Container > .innerblock	.scrolltop	{ margin-bottom:2em;}

div#Container > .innerblock h2	{
	/*width: 20%;*/
	background: #004185;
	color: #fff;
	padding:0.5em 0.5em 0.5em 1em;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	-o-border-radius: 8px;
	-ms-border-radius: 8px;
	border-radius: 8px;
	margin-bottom:1.0em;
	margin-top:1.0em;
	}

div#Container > .innerblock h2:hover	{ cursor: pointer; }

	
		/* カテゴリ開閉 */
		.CATopen-close {
			float:right;
			/*text-indent:-9999px;*/
			display:block;
			margin-top:8px;
			margin-left: 8px;
			height:15px;
			width:24px;
			background:url(/usage/movie/images/menuarrow-down.png) no-repeat;
			background-size: 50% 50%;
			-webkit-background-size: 50% 50%;
			}
		
		.open	{
			background:url(/usage/movie/images/menuarrow-up.png) no-repeat;
			background-size: 50% 50%;
			-webkit-background-size: 50% 50%;
		}
		
		/* タブ開閉 */
		
		div.tab_area ul { margin: 0; padding: 0 8px 0; border-bottom : 6px solid #006CE0; }
		div.tab_area ul li { margin: 0 4px 0 0; padding: 0; -webkit-border-radius: 8px 8px 0px 0px; -moz-border-radius: 8px 8px 0px 0px; -o-border-radius: 8px 8px 0px 0px; -ms-border-radius: 8px 8px 0px 0px; border-radius: 8px 8px 0px 0px; }
		div.tab_area ul li a { display: block; text-decoration: none; color: #fff; font-weight: bold; padding: 0.8em 1.0em 0.3em;}

		div.tab_area ul > .tab {
		  display: inline-block;
		  background: #606060;
		}
		div.tab_area ul > .tab.active {
		  background: #006CE0;
		}
		div.panels > .panel {
		  display: none;
		}
		div.panels > .panel.active {
		  display: block;
		}

/*div#Container .innerblock div.lay2col	{ margin-bottom: 0.8em; }	
div#Container .innerblock div.lay2col div.col1 > .innerblock h3,
div#Container .innerblock div.lay2col div.col2 > .innerblock h3	{
	height: 3.0em;
	line-height: 1.5;
	border-left: 2px solid #ddd;
	margin-bottom:0.2em;
	padding: 3px 3px 3px 0.5em;
	}*/
	
/*div#Container .innerblock div.lay2col div.col1 > .innerblock h3 span,
div#Container .innerblock div.lay2col div.col2 > .innerblock h3 span	{
	font-size:90%;
	}*/
	
	.cnt-read	{
		margin-top: -0.6em;
		margin-bottom: 1.0em;
		padding: 8px;
		background: #e6ecf3;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		-o-border-radius: 5px;
		-ms-border-radius: 5px;
		border-radius: 5px;
	}

	.cnt-read p	{ margin: 1em; }
	
	.mov	{
		margin-bottom:0.5em;
		}
	
	.mov .mov-imghover{
		-webkit-transition: 0.2s ease-in-out;  
		-moz-transition: 0.2s ease-in-out;  
		-o-transition: 0.2s ease-in-out;  
		transition: 0.2s ease-in-out;  
		}
		
	.mov .mov-imghover:hover{
		filter: alpha(opacity=70);
		-moz-opacity: 0.7;
		opacity: 0.7;
		}

		
	.caution	{ border: 1px solid #ccc; padding: 6px 5px; margin: 0 0 1em; }

	.caution p	{ margin: 0; padding: 0 0 0 3.25em; text-indent: -3.25em; }

	.caution p > span	{ background: #333; color: #fff; padding: 5px 5px 5px 5px; margin-right: 0.5em; }


/* =============================================================================
	ContainUsageInfoBlocker
============================================================================= */
div.UsageInfoBlock	{ margin-top: 2em; }

div.UsageInfoBlock > h2	{
    position: relative;
    background: #FFDF00;
	padding:0.6em 1em;
    margin-bottom: 0;
	}

div.UsageInfoBlock > h2:before	{
    position: absolute;
    top: 100%;
    left: 8%;
    border: solid transparent;
    content: " ";
    border-top-color: #FFDF00;
    border-width: 14px;
    margin-left: -14px;
}

div.UsageInfoBlock .UsageInfoInner	{
	border-right: 2px solid #FFDF00;
	border-bottom: 2px solid #FFDF00;
	border-left: 2px solid #FFDF00;
	padding: 18px 1em 1em;
	}