body{margin: 0;font-family:"メイリオ", Meiryo,"ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", Verdana, Roboto, "Droid Sans", "游ゴシック", YuGothic, "ＭＳ Ｐゴシック", sans-serif;  } 
 #container{position: absolute; width:100%; height: 2200px; z-index: 1;left:0px;background-color:#ffffff; overflow:hidden;
  font-size:18px; text-align: center; color:#4c4c4c;}
 #header{ position:absolute; width:100%; height: 50px; z-index: 4; top: 0px; left:0px;background-color:#00b48d;}
 #footer{ position:absolute; width:100%; height: 50px; left:0px; z-index: 18; bottom:0px;background-color:#999999;}
 .hftitle{position: absolute; width: 214px; height: 25px; z-index: 1; top: 12px; left:50%; margin-left:-107px;}
 .box{border: 1px solid #b5cbaa;}

 #l_indicator{position:absolute; width: 15px; height:100%; z-index: 1; top: 0px; left:10px;
background: #158102; /* Old browsers */
background: -moz-linear-gradient(top, #158102 0%, #ffeb00 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #158102 0%,#ffeb00 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #158102 0%,#ffeb00 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#158102', endColorstr='#ffeb00',GradientType=0 );	
}
 #maincontents{ position:absolute; z-index:15; background-color:#fcffc6; height: 2200px; width:60%; top:50px; left:15%;}
   #indicator{position: absolute; width: 15px; height:100%; z-index: 1; top: 0px; left:10px;
background: #7c70ff; /* Old browsers */
background: -moz-linear-gradient(top, #7c70ff 0%, #e25a34 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #7c70ff 0%,#e25a34 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #7c70ff 0%,#e25a34 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7c70ff', endColorstr='#e25a34',GradientType=0 );	
}
.monitor{position: fixed; width: auto; height: 27px; z-index: 905;left:20%; color:#000000; text-align:left; background-color:#e6e6e6;}
 #monitor02{top:80px;}
 #monitor03{top:110px;}
 #monitor05{top:140px;}
 #monitor01{top:190px;}
 #monitor04{top:220px;}
 #monitor06{top:250px;}
 .input{background-color:#e6e6e6;border: 1px solid #858282;text-align: right; width: 45px; font-size:16px;}
 .rtunbtn{ position: fixed; z-index:900; border: 1px solid #d5af00;background-color:#ffd89b;font-size:0.875em; top:350px; width:180px;
    left:20%;text-align:center;
	-webkit-border-radius: 3px 3px 3px 3px / 3px 3px 3px 3px; -o-border-radius: 3px 3px 3px 3px / 3px 3px 3px 3px;
	-ms-border-radius: 3px 3px 3px 3px / 3px 3px 3px 3px; border-radius:3px 3px 3px 3px / 3px 3px 3px 3px;
}
.rtunbtn a{ text-decoration:none;}
.rtunbtn:hover, .rtunbtn:focus, .rtunbtn:active { cursor:pointer;}
.rtunbtn:hover a{color:#ff0000;}
/*Side_L*/
   #side_l{ position:absolute; z-index:8; background-color:#bed5bb; width:15%; top:50px;left:0px;height: 1800px;}
   #L_upper{position: absolute; width: 100%; height: 60px; z-index: 1;left:0px;top:0px;background-color:#08b400;}
   #luppertitle{position: absolute; width: 127px; height: 28px; z-index: 2; top: 16px; left: 87px; text-align: center;}
  .lcon{position: absolute; width: 170px; height: 25px; z-index: 3;  left:50%; margin-left:-85px; color:#ffffff;}
  #lcon01{top: 200px;}
  #lcon02{top: 400px;}
  #lcon03{top: 600px;}
  #lcon04{top: 800px;}
  #lcon05{top: 1000px;}
  #lcon06{top: 1200px;}
  #lcon07{top: 1400px;}
  #lcon08{top: 1600px;}
/*Side_R*/
  #side_r{ position:absolute; z-index:5; background-color:#dadeff; width:25%; right:0px; height: 1300px;top:50px;}
  #r_indicator{position: absolute; width: 15px; height:100%; top: 0px; left:10px;
background: #9fd5d5; /* Old browsers */
background: -moz-linear-gradient(top, #9fd5d5 0%, #2047ff 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #9fd5d5 0%,#2047ff 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #9fd5d5 0%,#2047ff 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9fd5d5', endColorstr='#2047ff',GradientType=0 );	
}
  #rcon01{top: 100px;}
  #rcon02{top: 300px;}
  #rcon03{top: 500px;}
  #rcon04{top: 700px;}
  #rcon05{top: 900px;}
  #rcon06{top: 1100px;}