/*
==================
Main
==================
*/
#MiyaharaGroup {
  		background-color: #fff;	margin: 0 auto;	text-align: left; width: 960px;
		}
#header
		{
		padding: 0px;
		}
#header img
		{
		vertical-align: bottom;
		}
#leftColumn {
  		background-color: #fff;	border-right: solid 1px #fff; float: left; padding: 10px; width: 180px; font-size: 1em; line-height: 1.4;
		}
div#leftColumn.fixed {
    position:fixed; left:0px; top:0px;
}
#mainColumn {
  		background-color: #fff; margin: 0 0 0 10px;	padding: 0 0 0 200px; list-style-type: square; color: #000000; font-size: 100%; line-height: 1.4;
  		}
#mainColumn li 		{
		margin-bottom: 0.6em;
		}
#mainColumn .floatClear {
  		clear: left; display: block;
		}
#footer {
  		background-color: #fff; border-top: solid 1px #0000CC; text-align: center; padding: 10px; font-size: 100%; line-height: 1.4;
  		}
#page-top1{
 		display: block; position: fixed; z-index: 9999; bottom: 10px; right: 10px; width: 60px; padding: 20px 10px; border-radius: 10px; background: #0099FF; font-weight: bold; color: #fff; text-align: center; text-decoration: none; transform: rotateY(270deg); transition: .5s;
		}
#page-top1:hover{
  background: #1B57FF;
		}
h1 		{   
  		margin: 0px; padding: 0px; font-size: 1%; text-align: left;  line-height: 2; background-color: #fff; color: black; text-indent: -9999px;
		}

h2		{
	position: relative; margin: 20px 0px; padding:0 10px 0 45px; font:18px/30px 'Century Gothic','メイリオ','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro',Meiryo,'ＭＳ Ｐゴシック',sans-serif; color:#fff; background:#050a50; z-index:1;
		}

h2:before{
	content:" "; position:absolute;	top:0; left:0; width:30px; height:30px;	border-right:#fff solid 2px; background:#050a50;
    background-image: -webkit-gradient(linear, left top, left bottom,
			from(			 rgba(255, 255, 255, 0.0)), 
			color-stop(0.20, rgba(255, 255, 255, 0.0)), 
			color-stop(0.20, rgba(255, 255, 255, 0.1)), 
			color-stop(0.40, rgba(255, 255, 255, 0.1)), 
			color-stop(0.40, rgba(255, 255, 255, 0.3)), 
			color-stop(0.60, rgba(255, 255, 255, 0.3)), 
			color-stop(0.60, rgba(255, 255, 255, 0.5)), 
			color-stop(0.80, rgba(255, 255, 255, 0.5)), 
			color-stop(0.80, rgba(255, 255, 255, 0.6)), 
			to(				 rgba(255, 255, 255, 0.6))
			);
	background-image: -webkit-linear-gradient(top,
			transparent 20%,
			rgba(255, 255, 255, 0.1) 20%, 
			rgba(255, 255, 255, 0.1) 40%, 
			rgba(255, 255, 255, 0.3) 40%, 
			rgba(255, 255, 255, 0.3) 60%, 
			rgba(255, 255, 255, 0.5) 60%, 
			rgba(255, 255, 255, 0.5) 80%, 
			rgba(255, 255, 255, 0.6) 80%, 
			rgba(255, 255, 255, 0.6) 100%
			);
	background-image: -moz-linear-gradient(top,
			transparent 20%,
			rgba(255, 255, 255, 0.1) 20%, 
			rgba(255, 255, 255, 0.1) 40%, 
			rgba(255, 255, 255, 0.3) 40%, 
			rgba(255, 255, 255, 0.3) 60%, 
			rgba(255, 255, 255, 0.5) 60%, 
			rgba(255, 255, 255, 0.5) 80%, 
			rgba(255, 255, 255, 0.6) 80%, 
			rgba(255, 255, 255, 0.6) 100%
			);
	background-image: -o-linear-gradient(top,
			transparent 20%,
			rgba(255, 255, 255, 0.1) 20%, 
			rgba(255, 255, 255, 0.1) 40%, 
			rgba(255, 255, 255, 0.3) 40%, 
			rgba(255, 255, 255, 0.3) 60%, 
			rgba(255, 255, 255, 0.5) 60%, 
			rgba(255, 255, 255, 0.5) 80%, 
			rgba(255, 255, 255, 0.6) 80%, 
			rgba(255, 255, 255, 0.6) 100%
			);
	background-image: linear-gradient(to bottom,
			transparent 20%,
			rgba(255, 255, 255, 0.1) 20%, 
			rgba(255, 255, 255, 0.1) 40%, 
			rgba(255, 255, 255, 0.3) 40%, 
			rgba(255, 255, 255, 0.3) 60%, 
			rgba(255, 255, 255, 0.5) 60%, 
			rgba(255, 255, 255, 0.5) 80%, 
			rgba(255, 255, 255, 0.6) 80%, 
			rgba(255, 255, 255, 0.6) 100%
			);
			z-index:-1;
}

h2:after{
	content:" "; position:absolute; top:0; left:0; width:30px; height:30px;
    background-image: -webkit-gradient(linear, left top, right top,
			from(			 rgba(255, 255, 255, 0.0)), 
			color-stop(0.20, rgba(255, 255, 255, 0.0)), 
			color-stop(0.20, rgba(255, 255, 255, 0.1)), 
			color-stop(0.40, rgba(255, 255, 255, 0.1)), 
			color-stop(0.40, rgba(255, 255, 255, 0.3)), 
			color-stop(0.60, rgba(255, 255, 255, 0.3)), 
			color-stop(0.60, rgba(255, 255, 255, 0.5)), 
			color-stop(0.80, rgba(255, 255, 255, 0.5)), 
			color-stop(0.80, rgba(255, 255, 255, 0.6)), 
			to(				 rgba(255, 255, 255, 0.6))
			);
	background-image: -webkit-linear-gradient(left,
			transparent 20%,
			rgba(255, 255, 255, 0.1) 20%, 
			rgba(255, 255, 255, 0.1) 40%, 
			rgba(255, 255, 255, 0.3) 40%, 
			rgba(255, 255, 255, 0.3) 60%, 
			rgba(255, 255, 255, 0.5) 60%, 
			rgba(255, 255, 255, 0.5) 80%, 
			rgba(255, 255, 255, 0.6) 80%, 
			rgba(255, 255, 255, 0.6) 100%
			);
	background-image: -moz-linear-gradient(left,
			transparent 20%,
			rgba(255, 255, 255, 0.1) 20%, 
			rgba(255, 255, 255, 0.1) 40%, 
			rgba(255, 255, 255, 0.3) 40%, 
			rgba(255, 255, 255, 0.3) 60%, 
			rgba(255, 255, 255, 0.5) 60%, 
			rgba(255, 255, 255, 0.5) 80%, 
			rgba(255, 255, 255, 0.6) 80%, 
			rgba(255, 255, 255, 0.6) 100%
			);
	background-image: -o-linear-gradient(left,
			transparent 20%,
			rgba(255, 255, 255, 0.1) 20%, 
			rgba(255, 255, 255, 0.1) 40%, 
			rgba(255, 255, 255, 0.3) 40%, 
			rgba(255, 255, 255, 0.3) 60%, 
			rgba(255, 255, 255, 0.5) 60%, 
			rgba(255, 255, 255, 0.5) 80%, 
			rgba(255, 255, 255, 0.6) 80%, 
			rgba(255, 255, 255, 0.6) 100%
			);
	background-image: linear-gradient(to right,
			transparent 20%,
			rgba(255, 255, 255, 0.1) 20%, 
			rgba(255, 255, 255, 0.1) 40%, 
			rgba(255, 255, 255, 0.3) 40%, 
			rgba(255, 255, 255, 0.3) 60%, 
			rgba(255, 255, 255, 0.5) 60%, 
			rgba(255, 255, 255, 0.5) 80%, 
			rgba(255, 255, 255, 0.6) 80%, 
			rgba(255, 255, 255, 0.6) 100%
			);
			z-index:-1;
}


h3 		{   
  		margin: 10px 0px; padding: 0px; font-size: 110%; line-height: 1.4;
		}
		
h3#midashi {   
  		position: relative; padding-left: 24px; font size: 110%; border-bottom:4px ; color: #050a50; line-height:40px;
		}

h3#midashi:before {   
  		position: absolute; top: 14px; left: 4px; width: 10px; height: 10px; background: #1B57FF; content: "";
		}

h3#year {
		margin: 20px 0px; position: relative; padding: 3px 30px; width: 400px; border-bottom: 3px solid #1B57FF; color: #000000; font-size: 120%; line-height; 40px;
		}

h3#year:before {
		position: absolute;top: 11px; left: 0; width: 16px; height: 16px; background: #1B57FF; content: "";
		}

h3#year:after {
		position: absolute;top: 3px;left: 9px; width: 12px; height: 12px; background: #0099FF; content: "";
		}


h4,h5,h6 {   
		margin: 0px; padding: 0px; font-size: 105%; line-height: 1.4;
		}

body 	{
  		font-family: 'Century Gothic','メイリオ','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
		}


li		{   
 		 margin: 0px; padding: 1px 0px; line-height: 1.4;
		}


.text {
		text-indent: 14px;
		}

#email {
		color: #800000; 
		font-size: 120%;
		}

a{ outline: none; }

img{ border: none; }

.shadow1 {
  		filter: progid:DXImageTransform.Microsoft.dropshadow
  		(color=#cccccc, offx=5, offy=5, positive=1);
		}

#logos
		{
		background: #fff;
		float: left;
		height: 70px;
		width: 100%;
		}
#miyahara-logo
		{
		background-image: url() ;
		float: left;
		height: 100%;
		text-indent: -9999px;
		width: 440px;
		}
#tmdu-logo
		{
		background: #fff;
		float: left;
		height: 100%;
		width: 270px;
		}
#ibb-logo
		{
		background: #fff;
		float: left;
		height: 100%;
		width: 150px;
		}
#cover
		{
		}
#tools	 {   
 		 margin: 20px 0px;
		}
.video
		{
		position: relative;
		padding-bottom: 56.25%;
		}
.video iframe
		{
		position: absolute;
		top: 0;
		left: 0;
		width: 100% !important;
		height: 100% !important;
		}

/*
==================
G-Nav List
==================
*/

#g-nav	{
		list-style: none;
		margin: 0;
		padding: 0;
		background: rgb(5, 10, 80);
		/*text-align: center;*/
		width: 100%;
		}
#g-nav > li		{
		display: inline-block;
		/*width: 11%;*/
		background: #050a50;
		*margin-top: -1px;
		position: relative;
		}
#g-nav > li > a		{
		color: #fff;
		display: block;
		font-family: 'Century Gothic','メイリオ','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
		line-height: 1.2;
		margin: 0 0 0px;
		text-align: center;
		text-decoration: none;
		padding: 0.4em 15px;
		}
#g-nav > li > a.selected		{
		background: #1B57FF;
		border: 0;
		}
#g-nav > li:hover > a {
		background: #1B57FF;
		}
#g-nav .pop-up		{
		background: #fff;
		filter:alpha(opacity=90);     -moz-opacity:0.90;     -khtml-opacity: 0.90;     opacity:0.90;
		display: none;
		position:absolute;
		z-index: 100;
		border: solid 2px #050a50;
		border-radius: 6px;
		box-shadow: 3px 3px 3px -1px rgba(0,0,0, 0.3);
		margin: 0 0 0 7px;
		padding: 10px;
		top: 2.3em;
		left: 0;
		}
.pop-up.hover,
:hover > .pop-up {
		display: block;
		}
.pop-up:before {
		content: "";
		display: block;
		height: 100%;
		padding: 20px;
		position: absolute;
			top: -20px;
			left: -20px;
		width: 100%;
		z-index: -1;
		}
.pop-up-btn:after {
		content: "";
		}




/*
==================
Nav List
==================
*/
#navlist{
		font-family: 'Century Gothic','メイリオ','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
		font-weight:bold;
		}

#navlist a:visited {
		color: #050a50;
		}

#navlist a:link {
		color: #050a50;
		text-decoration:none;
		}


#navlist a:hover{
		color:#FF8000;
		text-decoration:none;
		}
	

ul#navlist{
		padding:0.2em 0 0 0.2em;
		}

#navlist li{
		color:black;
		list-style-type: none;
		font-size:100%;
		background-image:url('./figure_m/BG_white_1px_trans60.png');
		margin-bottom:0em;
		margin-left:0em;
		padding:0 0 0 0em;
		text-decoration:none;
		}

#navlist li a:link{
		color:black;
		text-decoration:none;
		}

#navlist li a:visited{
		color:black;
		text-decoration:none;
		}

#navlist li a:hover{
		color:#ff9300;
		text-decoration:none;
		}


/* 
==================
a part of a 24 grid system 
==================
*/


.row {
		display: block;
		list-style: none;
		margin: 0 -10px;
		padding: 0;
		width: auto;
			*zoom: 1;
		}
.row:after {
			clear: both;
			content: "";
			display: table;
			}
.col {
		float: left;
		border: none;
		list-style: none;
		margin: 0 10px;
		padding: 0;
	}
	
.col.span1-, .col.span2-, .col.span3-, .col.span4-, .col.span5-, .col.span6-, .col.span7-, .col.span8-,
.col.span9-, .col.span10-, .col.span11-, .col.span12-, .col.span13-, .col.span14-, .col.span15-, .col.span16-,
.col.span17-, .col.span18-, .col.span19-, .col.span20-, .col.span21-, .col.span22-, .col.span23-, .col.span24-
{margin: 0;}
	
.span1 {width: 20px !important;}
.span2 {width: 60px !important;}
.span3 {width: 100px !important;}
.span4 {width: 140px !important;}
.span5 {width: 180px !important;}
.span6 {width: 220px !important;}
.span7 {width: 260px !important;}
.span8 {width: 300px !important;}
.span9 {width: 340px !important;}
.span10 {width: 380px !important;}
.span11 {width: 420px !important;}
.span12 {width: 460px !important;}
.span13 {width: 500px !important;}
.span14 {width: 540px !important;}
.span15 {width: 580px !important;}
.span16 {width: 620px !important;}
.span17 {width: 660px !important;}
.span18 {width: 700px !important;}
.span19 {width: 740px !important;}
.span20 {width: 780px !important;}
.span21 {width: 820px !important;}
.span22 {width: 860px !important;}
.span23 {width: 900px !important;}
.span24 {width: 940px !important;}

.span1- {width: 40px !important;}
.span2- {width: 80px !important;}
.span3- {width: 120px !important;}
.span4- {width: 160px !important;}
.span5- {width: 200px !important;}
.span6- {width: 240px !important;}
.span7- {width: 280px !important;}
.span8- {width: 320px !important;}
.span9- {width: 360px !important;}
.span10- {width: 400px !important;}
.span11- {width: 440px !important;}
.span12- {width: 480px !important;}
.span13- {width: 520px !important;}
.span14- {width: 560px !important;}
.span15- {width: 600px !important;}
.span16- {width: 640px !important;}
.span17- {width: 680px !important;}
.span18- {width: 720px !important;}
.span19- {width: 760px !important;}
.span20- {width: 800px !important;}
.span21- {width: 840px !important;}
.span22- {width: 880px !important;}
.span23- {width: 920px !important;}
.span24- {width: 960px !important;}