* {margin:0; padding:0;
	}

body {margin:0 0em 0 0; padding:0; 
	_overflow:hidden;
	line-height:2em;  /* 増加 */
	font-family: Verdana, "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
	} 


#leftbox {margin:0; padding:0; 
		height:100%; width:13em;  /* width:10em; */
		position:fixed;
		_position:absolute; 
		left:0; top:0;
		overflow:scroll;  /* 増加 */
		}

#mainbox {margin:0 0 0 14em; padding:0; /* 0 0 0 15 */
		height:100%; 
		_overflow:auto;
		}


#leftnavi {margin:1em 0 0 1em; 
		width:11em;
		line-height:1.5em; /*増加*/
} 

#mainin {width:90%; 
		margin:0 0 0 1em; padding:1em 0 30px 0;
		} 


#leftnavi ul { 
	margin: 0 0 0 -0.8em; /*0 0 0 -0.5*/
	padding :0; 
	list-style-type : none; 
	}

#leftnavi li { 
	display : inline; 
	padding :0; 
	margin:0em; 
	}

#leftnavi a {
	display:block; 
	border:1px solid #330000;
	background-color:#99cc33;
	padding:0em 0.1em 0.5em 0.5em; /*0.1 0.1 0.5 0.5*/
	text-decoration:none;
	color:#003300;
	width:11em; 
	margin:1px 0px 0px 0px;  /*2 0 0 0*/
	height:1em; /*1.2*/
	}

#leftnavi a:hover {
	display:block; 
	border:1px solid #330000;
	background-color:#008800;
	padding:0em 0.1em 0.5em 0.5em; /*0.1 0.1 0.5 0.5*/
	text-decoration:none;
	color:#003300;
	margin:1px 0px 0px 0px; /*2 0 0 0*/
	height:1em; /*1.2*/
	}

#leftnavi a.minili {
	margin:1px 0px 0px 0.3em; !important;
	padding:0em 0.1em 0.5em 0.3em;
	width:10.9em; !important;
	background-color:#43FF6B; !important;
	}

#leftnavi a.minili:hover {
	margin:1px 0px 0px 0.3em; !important;
	padding:0em 0.1em 0.5em 0.3em;
	width:10.9em; !important;
	background-color:#008800; !important;
}

.btn {
	background: #E6FFE9;
	border-top: 0.2em solid #009900;
	border-left: 0.2em solid #009900;
	border-right: 0.2em solid #005500;
	border-bottom: 0.2em solid #005500;
	border-radius: 40px; 
	-webkit-border-radius: 40px;    /* Safari,Google Chrome用 */  
	-moz-border-radius: 40px;   /* Firefox用 */  
	width:;
	padding: 0.5em 0;
}

#top P {
	margin: 1em 0em;
	}

.indent-1{padding:0 0 0 1em;}

.indent-2{padding:0 0 0 2em;}
	
.indent-3{padding:0 0 0 3em;}

.indent-4{padding:0 0 0 4em;}

.indent-5{padding:0 0 0 5em;}

.b-text-0{text-indent:0em;}

.b-text-1{text-indent:-1em;}

.b-text-2{text-indent:-2em;}

.text-1{text-indent:1em;}
	
.red{color:#ff0000;}

.blue{color:#0000ff;}

.left{text-align:left;}

.center{text-align:center;}

.right{text-align:right;}

/*
.backy{
	background-color:#ffff00;
	padding:0.1em 0.1em 0.1em 0.1em;
	}
*/

.backy{
	background-color:#FFFF66;
	padding:0.1em 0.1em 0.1em 0.1em;
	}



.backg{background-color:#99cc33;}

.backgray{
	background-color:#dddddd;
	padding:0.1em 0.1em 0.1em 0.1em;
	}

.imgcom{
	background-color:#CCFFCC;
	padding:0.1em 0.5em 0.1em 0.5em;
	font-size:0.8em;
	border-radius: 0.8em; 
	-moz-border-radius: 0.8em;   /* Firefox用 */  
	-webkit-border-radius: 0.8em;    /* Safari,Google Chrome用 */  
	line-height:1.5em;
}

.bold{font-weight:bold;}

.nr{white-space: nowrap;}

img {
	border:1px solid #0000ff;
	margin:0.5em;
	}
	
.flow-1{
	display:block; 
	float:left;
	margin:1em 0.5em 0 0.5em;
	}

.flow-2{
	display:block; 
	float:left;
	margin:0.5em 0.5em 0.5em 0.5em;
	}

.blockquote{
	padding: 10px 20px;  
	color: #212121;  
	font-style:italic;
	}
	
.blockquote p{
	margin-bottom: 1em;
	}

/*
タイトルをホタライト統一

h2{
	margin: 1em 0em 1em -1em;
	border-top: 1px solid #CCC;  
	border-bottom: 1px solid #CCC;  
	}

h2.backy{
	background-color:#ffff00;
	padding:0.2em 0em 0.2em 1em;
	}
*/

h2 {
	display:block; 
	border:1px solid #330000;
	background-color:#99cc33;
	padding:0.3em 1em 0.3em 1em;
	text-decoration:none;
	color:#003300;
	margin:6em 0px 1em 0px;
	height:1.2em;
	}

h3 {
	display:block; 
	border:1px solid #330000;
	background-color:#43FF6B; !important;
	padding:0em 1em 0.5em 1em;
	text-decoration:none;
	color:#003300;
	margin:3em 0px 1em 0px;
	height:1.2em;
	}

.box {
	text-align:left;
	display:inline-block;
	border:1px solid #330000;
	padding:0 1em 0 1em;
	width:; 
	margin:0;
	height:;
	}

.download div {
	background-color:#43FF6B; !important;
	padding:0.1em 0.5em 0.1em 0.5em;
	border-radius: 0.8em; 
	-moz-border-radius: 0.8em;   /* Firefox用 */  
	-webkit-border-radius: 0.8em;    /* Safari,Google Chrome用 */  
	line-height:1.5em;
	}

.download div:hover {
	background-color:#99cc33; !important;
	padding:0.1em 0.5em 0.1em 0.5em;
	border-radius: 0.8em; 
	-moz-border-radius: 0.8em;   /* Firefox用 */  
	-webkit-border-radius: 0.8em;    /* Safari,Google Chrome用 */  
	line-height:1.5em;
}



/*//////////プログラム 矢印の設定/////////*/

div.program_fig table {
	width: ; 
	border-collapse: separate; 
	border-spacing: 0em 1em; 
	}

/*矢印 本体*/
div.program_fig th {
	width: 8em;
	position: relative; 
	background: #aaaaff; 
	}

div.program_fig th div{
	margin: 1em 0em 0em 0em;
	width: 8em;
	}

/*矢印 頭*/
div.program_fig th:before {
	content:"";
	display: block; 
	position: absolute; 
	top: 0em; 
	width: 0; 
	height: 0; 
	border-top: 1em #ffffff solid; 
	border-left: 4em solid transparent; 
	border-right: 4em solid transparent; 
	}

/*矢印 尻*/
div.program_fig th:after {
	content:"";
	display: block; 
	position: absolute; 
	bottom: -1em; 
	width: 0; 
	height: 0; 
	border-top: 1em #aaaaff solid; 
	border-left: 4em solid transparent; 
	border-right: 4em solid transparent; 
	}

/* 二列目 */
div.program_fig td:nth-of-type(1) {
	width: 21em;
	background: #f8f8f8; 
	font-size: 1em;
	padding-left: 1.5em;
	padding-top: 0.5em;
	padding-bottom: 0.5em;
	padding-right: 0.5em;
	border: 1px #aaaaff solid; 
	border-top-right-radius: 0.7em; 
	border-bottom-right-radius: 0.7em; 
	-webkit-border-top-right-radius: 0.7em;    /* Safari,Google Chrome用 */  
	-moz-border-radius-topright: 0.7em;   /* Firefox用 */  
	-webkit-border-bottom-right-radius: 0.7em;    /* Safari,Google Chrome用 */  
	-moz-border-radius-bottom-right: 0.7em;   /* Firefox用 */  
	}

div.program_fig td:nth-of-type(1) div{
	width: 21em;
	}

div.program_fig td:nth-of-type(2){
	position:relative;
	}


/* 三行目、つまり コメント*/
div.program_fig .balloon{
	position: absolute;
	z-index:2;
	background: #FFDDBB;
	width: ;
	text-align: center;
	line-height: 1.2em;
	font-size: 1em;
	padding-left: 0.3em;
	padding-top: 0.3em;
	padding-bottom: 0.3em;
	padding-right: 0.3em;
	border: 1px #FF7755 solid; 
	border-radius: 1.2em; 
	-moz-border-radius: 1.2em;   /* Firefox用 */  
	-webkit-border-radius: 1.2em;    /* Safari,Google Chrome用 */  
	}

div.program_fig .balloon:before{
	content:"";
	position: absolute;
	z-index:1;
	top: 0.5em; 
	left: -1em;
	width: 0; 
	height: 0; 
	border-right: 1em #FF7755 solid; 
	border-top: 0.5em solid transparent; 
	border-bottom: 0.5em solid transparent;