@charset "UTF-8";
  @import "drop_down_menu01.css";
  @import "reset01.css";
  @import "icon.css";
  @import "table.css";
  @import "ordered_list.css";
html{
  
  overflow-y : scroll;
  font-size : 62.5%;
  
}
body{
  text-align: center;
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-position: right top;
  font-size : 1.4em;
font : メイリオ;
}
#container{
  margin-top: 0;
  margin-right: auto;
  margin-bottom: 0;
  margin-left: auto;
  width : 60em;
  position: relative;
  text-align: left;
  line-height: 1.5;
  font-family: "ＭＳ Ｐゴシック",sans-serif;
  background-color : rgb(248, 248, 248);
}
#header{
  padding-top: 0;
  margin-top: 0;
  padding-right: 0;
  padding-bottom: 0;
  padding-left: 0;
  margin-right: 0;
  margin-bottom: 0;
  margin-left: 0;
  border: none;
  background : blue url(../images/tagline_image.gif) no-repeat scroll 1em center;
}
#header h1{
  text-align: left;
  color: white;
  padding-top: 2em;
  padding-left : 170px;
  padding-right: 1em;
}
.lastmodified{
  text-align: right;
  padding-bottom: 0;
  margin-bottom: 0;
  color: white;
  padding-right: 1em;
}
#header .hr1{
  padding-bottom: 0;
  margin-bottom: 0;
}
#pagebody{
  padding: 0;
  position: relative;
  width: 100%;
}
h2{
  padding-bottom: 0;
  padding-left: 0.5em;
  margin-bottom: 0;
  background-color : aqua;
  border-bottom-width: 3px;
  border-bottom-style: solid;
  border-bottom-color : rgb(0, 208, 208);
  font-size: 1.7em;
  border-right-width : 5px;
  border-right-style: solid;
  border-right-color : rgb(0, 208, 208);
  clear: both;
  z-index: 0;
  border-top-width : 3px;
  border-left-width : 5px;
  border-top-style : solid;
  border-left-style : solid;
  border-top-color : rgb(200, 255, 255);
  border-left-color : rgb(200, 255, 255);
  margin-left : 0;
  margin-right : 0;
  
margin : 0px;
}
h3{
  padding-bottom: 0;
  padding-left: 0.5em;
  margin-bottom : 0em;
  border-bottom-width: 3px;
  border-bottom-style: solid;
  border-bottom-color : maroon;
  background-color : rgb(204, 0, 0);
  padding-top: 5px;
  clear: both;
  border-right-width : 5px;
  border-right-style: solid;
  border-right-color : maroon;
  font-size: 1.5em;
  border-top-width : 3px;
  border-top-style : solid;
  border-top-color : rgb(255, 230, 255);
  border-left-width : 3px;
  border-left-style : solid;
  border-left-color : rgb(255, 230, 255);
  
  color : white;
}
hr{
  padding-top: 0;
  padding-left: 0;
  padding-right: 0;
  padding-bottom: 0;
  margin-top: 0;
  margin-left: 0;
  margin-right: 0;
  margin-bottom: 0;
  border-top-style: none;
  border-right-style: none;
  border-bottom-style: none;
  border-left-style: none;
  width: 100%;
  height: 3px;
  background-color: silver;
}
.hint{
  margin-top: 0.5em;
  margin-bottom: 0.5em;
  width : 99.2%;
  clear: both;
  border-width : 0.1em 0.3em 0.2em 0.1em;
  border-style : solid;
  border-color : orange;
}
.hint .img{
  padding-right: 0;
  padding-top: 0;
  margin-top : 1em;
  margin-right : 1.5em;
  padding-bottom: 0;
  margin-bottom: 0;
  margin-left : 1em;
  padding-left: 0;
  float: left;
  width: 55px;
  height: 55px;
}
.hint .phrase{
  padding : 0 0.5em;
  margin : 0px;
  font-size : 70%;
  line-height: 1.5;
}
.hint .hr1{
  height : 1px;
  background-color: orange;
  width : 100%;
  text-align: right;
  margin-left: auto;
  margin-right: 0;
}
.hint .hr2{
  height : 3px;
  background-color : orange;
  margin-left: auto;
  margin-right: 0;
  width : 100%;
  text-align: right;
  clear : both;
}
.terms{
  margin-bottom: 0.5em;
  margin-top: 0.5em;
  width : 99.2%;
  clear: both;
  border-width : 0.1em 0.3em 0.2em 0.1em;
  border-style : solid;
  border-color : teal;
}
.terms .img{
  padding-right: 0;
  padding-top: 0;
  margin-top: 1em;
  margin-right: 1.5em;
  padding-bottom: 0;
  margin-bottom: 0;
  margin-left : 1em;
  padding-left: 0;
  float: left;
  width: 55px;
  height: 55px;
}
.terms .phrase{
  padding: 0 0.5em;
  margin: 0;
  font-size : 70%;
  line-height: 1.5;
}
.terms .hr1{
  border-top-style: none;
  border-right-style: none;
  border-bottom-style: none;
  border-left-style: none;
  width: 100%;
  text-align: right;
  height: 1px;
  margin-left: auto;
  margin-right: 0;
  background-color: teal;
}
.terms .hr2{
  height: 3px;
  background-color: teal;
  margin-left: auto;
  margin-right: 0;
  width: 100%;
  clear: both;
  text-align: right;
}
.warning{
  margin-bottom: 0.5em;
  margin-top: 0.5em;
  width : 99.2%;
  clear: both;
  border-width : 0.1em 0.3em 0.2em 0.1em;
  border-style : solid;
  border-color : red;
}
.warning .img{
  padding-right: 0;
  padding-top: 0;
  margin-top: 1em;
  margin-right: 1.5em;
  padding-bottom: 0;
  margin-bottom: 0;
  margin-left: 1em;
  padding-left: 0;
  float: left;
  width: 55px;
  height: 55px;
}
.warning .phrase{
  padding: 0 0.5em;
  margin: 0;
  line-height: 1.5;
  font-size : 70%;
}
.warning .hr1{
  height: 1px;
  border-top-style: none;
  border-right-style: none;
  border-bottom-style: none;
  border-left-style: none;
  background-color: red;
  margin-left: auto;
  margin-right: 0;
  width: 100%;
  text-align: right;
}
.warning .hr2{
  height: 3px;
  background-color: red;
  margin-left: auto;
  margin-right: 0;
  width: 100%;
  clear : both;
  text-align: right;
}
.essay{
  margin-top: 0.5em;
  margin-bottom: 0.5em;
  width: 100%;
  clear: both;
  border-width : 0.1em 0.3em 0.2em 0.1em;
  border-style : solid;
  border-color : maroon;
}
.essay .img{
  padding-right: 0;
  padding-top: 0;
  margin-top : 1em;
  margin-right : 1.5em;
  padding-bottom: 0;
  margin-bottom: 0;
  margin-left : 1em;
  padding-left: 0;
  float: left;
  width: 55px;
  height: 55px;
}
.essay .phrase{
  padding : 0 0.5em;
  margin : 0px;
  font-size : 70%;
  line-height: 1.5;
}
.essay .hr1{
  height : 1px;
  background-color: orange;
  width : 100%;
  text-align: right;
  margin-left: auto;
  margin-right: 0;
}
.essay .hr2{
  height : 3px;
  background-color : orange;
  margin-left: auto;
  margin-right: 0;
  width : 100%;
  text-align: right;
  clear : both;
}
li{
  margin-top: 0.3em;
  line-height : 1.2;
  margin-bottom : 0.3em;
}
#footer{
  background-color: #eeeeee;
  padding: 0;
  margin: 0;
  clear: both;
  border-right-width : 1px;
  border-bottom-width : 1px;
  border-right-style : solid;
  border-bottom-style : solid;
  border-right-color : #c3c3c3;
  border-bottom-color : #c3c3c3;
  line-height : 1;
}
#footer p{
  padding-top: 0;
  margin-top: 0.3em;
  text-align: center;
  font-size : 1em;
  margin-bottom : 0.3em;
}
p img{
  padding-left: 0;
}
.css_source,.css_source li ul{
  color: blue;
  list-style-type: none;
}
.css_source li ul{
  margin-top: 0;
}
.css_source li ul li{
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: silver;
  padding-bottom: 0;
  margin-top: 1px;
  background-color: #ceffce;
}
.html_source,.html_source li ul{
  color: blue;
  list-style-type: none;
  margin-top: 0;
  margin-bottom: 0;
}
.html_source li ol{
  margin-top: 0;
  margin-bottom: 0;
}
.html_source li ul li, .html_source li ol li{
  padding-bottom: 0;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: teal;
  margin-top: 0;
  background-color: #ececff;
}
.browser{
  list-style-type: none;
  clear: both;
}
div.contrast_difference p{
  line-height: 150%;
  border-top-width: 0.1em;
  border-left-width: 0.1em;
  border-right-width: 0.1em;
  border-bottom-width: 0.1em;
  border-top-style: none;
  border-left-style: none;
  border-right-style: none;
  border-bottom-style: none;
  margin-top: 1em;
  margin-left: 1em;
  margin-right: 1em;
  margin-bottom: 1em;
  padding-top: 1em;
  padding-left: 1em;
  padding-right: 1em;
  padding-bottom: 1em;
  border-top-color: black;
  border-left-color: black;
  border-right-color: black;
  border-bottom-color: black;
}
strong{
  color: blue;
}
.return2top{
  text-align: right;
  clear: both;
  bottom: auto;
}
#footer a{
  text-decoration: none;
}
.visiting{
  color: white;
  background-color: blue;
  text-decoration : none;
}
.index{
  text-align: center;
  padding: 0;
  margin: 0;
  border: 0 yellow;
  background-color: #eeeeee;
  clear: both;
}
.index p{
  padding: 0;
  margin: 0;
}
.index p a{
  text-decoration: none;
}
.steps{
  background-color : #ffffaa;
  border-top-width : 1px;
  border-right-width : 1px;
  border-bottom-width : 1px;
  border-left-width : 1px;
  border-top-style : dashed;
  border-right-style : dashed;
  border-bottom-style : dashed;
  border-left-style : dashed;
  border-top-color : rgb(255, 0, 255);
  border-right-color : rgb(255, 0, 255);
  border-bottom-color : rgb(255, 0, 255);
  border-left-color : rgb(255, 0, 255);
  
  overflow: hidden;
  
  color: #000099;
  margin-top : 0px;
  margin-bottom : 0px;
margin-left : 3px;
margin : 0px;
  padding-left : 0.5em;
}
.image_left{
  margin-right: 1em;
  float: left;
}
.image_right{
  float: right;
  margin-left: 1em;
  margin-bottom: 1em;
}
.clear_both{
  clear: both;
}
.index_section{
  padding-top: 0.25em;
  padding-left: 0.25em;
  padding-right: 0.25em;
  padding-bottom: 0.25em;
  margin-top: 0;
  margin-left: 0;
  margin-right: 0;
  margin-bottom: 0;
  width : 13.5em;
  float: left;
  border-top-width : 0.5em;
  border-left-width : 0.5em;
  border-right-width : 0.5em;
  border-bottom-width : 0.5em;
  border-top-style: outset;
  border-left-style: outset;
  border-right-style: outset;
  border-bottom-style: outset;
  border-top-color: yellow;
  border-left-color: yellow;
  border-right-color: yellow;
  border-bottom-color: yellow;
  text-decoration: none;
  bottom: inherit;
  
  font-size : 1em;
}
.index_section h3{
  padding-top: 0;
  padding-bottom: 0;
  margin-top: 0.2em;
  border-top-width: 0;
  border-bottom-width: 0;
  border-top-style: none;
  border-bottom-style: none;
  margin-bottom: 0;
}
.index_section ul{
  padding-top: 0;
  margin-top: 0;
  padding-bottom: 0;
  margin-bottom: 0;
}
.index_section ul li{
  padding-top: 0;
  padding-bottom: 0;
  margin-top: 0;
  margin-bottom: 0;
}
.index_section a{
  text-decoration: none;
  font-size: 1.2em;
  display : block;
}
.index_section a:hover{
  color : white;
  background-color : teal;
  text-indent : 0.5em;
}
.down_arrow{
  vertical-align: top;
background : transparent url(../images/arw005111.gif) no-repeat scroll left 0.1em;
  padding-left : 20px;
}
dl.css_index{
  width : 59.8em;
  float: left;
  color: #333333;
  border-top-width: 0;
  border-left-width: 0.1em;
  border-right-width: 0.1em;
  border-bottom-width: 0.1em;
  border-top-style: solid;
  border-left-style: solid;
  border-right-style: solid;
  border-bottom-style: solid;
  border-top-color: #999999;
  border-left-color: #999999;
  border-right-color: #999999;
  border-bottom-color: #999999;
  margin-top: 0;
  margin-left: auto;
  margin-right: auto;
  padding-left: 0;
  padding-right: 0;
}
dl.css_index dt{
  width : 11em;
  float: left;
  clear: both;
  font-weight: bold;
  padding-right : 0.5em;
  padding-left: 0.5em;
  padding-bottom: 0.2em;
  margin-bottom: 0;
  margin-right: 0;
  margin-top: 0;
  border-top-width: 0.1em;
  border-top-style: solid;
  border-top-color: silver;
  border-left-width: 0;
  border-right-width: 0;
  margin-left: 0;
}
dl.css_index dt.dt1{
  background-image : url(../images/back_ground_image_gray.gif);
  background-repeat : repeat-y;
  background-position: left top;
  text-align: center;
}
dl.css_index .dd1{
  margin-top: 0;
  margin-left: 0;
  margin-right: 0;
  margin-bottom: 0;
  width : 30em;
  float: left;
  padding-top : 0em;
  padding-left: 0.4em;
  padding-right: 0.4em;
  padding-bottom : 0.2em;
  background-image : url(../images/back_ground_image_gray_long.gif);
  background-repeat : repeat-y;
  background-position: left top;
  text-align: center;
  border-top-width : 0.1em;
  border-left-width: 0.1em;
  border-top-style: solid;
  border-left-style: solid;
  border-top-color: silver;
  border-left-color: silver;
  border-right-width: 0.1em;
  border-right-style: solid;
  border-right-color: silver;
  font-weight: bold;
}
dl.css_index .dd2{
  width : 15.8em;
  margin-bottom: 0;
  float: left;
  padding-top : 0em;
  padding-left: 0.5em;
  padding-right : 0.5em;
  padding-bottom : 0.2em;
  margin-top: 0;
  margin-left: 0;
  margin-right: 0;
  background-position: left top;
  text-align: center;
  background-repeat : repeat-y;
  background-image : url(../images/back_ground_image_gray.gif);
  border-top-width : 0.1em;
  border-top-style: solid;
  border-top-color: silver;
  border-right-width: 0;
  border-right-style: solid;
  border-right-color: silver;
  border-left-width: 0;
  font-weight : bold;
}
dl.css_index dd.d1{
  margin-top: 0;
  margin-left: 0;
  margin-right: 0;
  margin-bottom: 0;
  width : 30em;
  float: left;
  padding-top: 0.1em;
  padding-left: 0.4em;
  padding-right: 0.4em;
  padding-bottom: 0.1em;
  border-top-width: 0.1em;
  border-left-width: 0.1em;
  border-top-style: solid;
  border-left-style: solid;
  border-top-color: silver;
  border-left-color: silver;
  border-right-width: 0.1em;
  border-right-style: solid;
  border-right-color: silver;
}
dl.css_index dd.d2{
  width : 15.8em;
  margin-bottom: 0;
  float: left;
  padding-top: 0.1em;
  padding-left: 0.5em;
  padding-bottom: 0.1em;
  margin-top: 0;
  margin-left: 0;
  margin-right: 0;
  padding-right : 0.5em;
  border-top-width: 0.1em;
  border-top-style: solid;
  border-top-color: silver;
}
.char_ref_example{
  width: 100%;
  float: left;
}
.dl.char_ref_example.dt1{
  width: 20%;
  float: left;
}
.dt1{
  width: 8%;
  float: left;
}
.t1{
  width: 8%;
  float: left;
}
.contrast_difference{
  width: 46%;
  float: left;
  margin-top: 0.1em;
  margin-left: 1em;
  margin-right: 1em;
  margin-bottom: 0.1em;
}
h4{
  border-top-width: 1px;
  border-top-style: solid;
  border-top-color : rgb(255, 213, 170);
  border-left-width: 1px;
  border-right-width : 3px;
  border-bottom-width : 2px;
  border-left-style: solid;
  border-right-style: solid;
  border-bottom-style: solid;
  border-left-color : rgb(255, 213, 170);
  border-right-color : rgb(196, 98, 0);
  border-bottom-color : rgb(196, 98, 0);
  background : rgb(255, 51, 0) url(../images/bullet199.gif) no-repeat scroll 98% center;
  color : white;
  clear: both;
  padding-left: 1em;
  padding-bottom: 0;
  margin-bottom: 0;
  font-size: 1.2em;
}
.multicol_index{
  width : 50%;
  float: left;
  padding-top: 0;
  margin-top: 0;
  margin-right : 0px;
}
.multicol_index ol{
  margin-top: 0.1em;
  margin-bottom: 0.5em;
}
.multicol_index ul{
  margin-top: 0;
  padding-left : 30px;
}
div{
  margin: 0;
}
p{
  font-size: 1.4em;
  margin-left : 0.5em;
  margin-right : 0.5em;
}
h1{
  font-size: 2em;
}
ul{
  padding-top: 0;
  margin-top: 0;
  

  margin-bottom : 0px;
}
ol{
  font-size: 1.2em;
  padding-top: 0;
  margin-top: 0;
}
.jisage{
  text-indent: -2em;
  margin-left: 2em;
}
#alpha_index{
  text-align: center;
  margin: 0 auto;
  width: 100%;
  clear: both;
  background: #f1f1f1;
  background-repeat: repeat-x;
}
#alpha_index ul li{
  padding-left : 0.5em;
  margin-right : 0.5em;
  border-left-width: 1px;
  border-left-style: solid;
  border-left-color: #999999;
  display: inline;
  list-style-type: none;
}
#alpha_index ul li.ichiban{
  padding-left: 0;
  border-left-width: 0;
}
a[target="_blank"]:after{
  content: url(../images/icon_popup.gif);
  vertical-align: middle;
  margin: 0 5px;
}
.yellow{
  background-color: yellow;
  overflow : hidden;
}
.font_red{
  color: #ff0000;
}
.font_black{
  color: #000000;
}
.font_white{
  color: white;
}
.font_blue{
  color: #0000ff;
}
.font_orange{
  color: orange;
}
img{
  border-top-style: none;
  border-right-style: none;
  border-bottom-style: none;
  border-left-style: none;
  vertical-align : middle;
}
.vertical_top{
  vertical-align: top;
}
.site_map{
  margin: 1em 0.5em;
  width : 19em;
  float: left;
}
.index_web{
  width : 11.2em;
  float: left;
  margin : 0.5em;
  font-size : 1.2em;
}
.index_web a{
  display: block;
  height: 140px;
  background: url(../images/networkconf13.gif) no-repeat center bottom;
  text-decoration: none;
  text-align: center;
  padding : 0.5em 0;
  margin-left: auto;
  margin-right: auto;
}
.index_web a:hover{
  background: url(../images/networkconf1.gif) no-repeat center bottom;
  font-weight : bold;
  color : fuchsia;
}
.index_HP_building{
  width : 11.2em;
  float: left;
  margin : 0.5em;
  font-size : 1.2em;
}
.index_HP_building a{
  display: block;
  height: 140px;
  background: url(../images/index_HP_building1.gif) no-repeat center bottom;
  text-decoration: none;
  text-align: center;
  padding : 0.5em 0;
  margin-left: auto;
  margin-right: auto;
}
.index_HP_building a:hover{
  background: url(../images/index_HP_building.gif) no-repeat center bottom;
  font-weight : bold;
  color : fuchsia;
}
.index_hpb{
  width : 11.2em;
  float: left;
  margin : 0.5em;
  font-size : 1.2em;
}
.index_hpb a{
  display: block;
  height: 140px;
  background: url(../images/image114713.jpg) no-repeat center bottom;
  text-decoration: none;
  text-align: center;
  padding : 0.5em 0;
  margin-left: auto;
  margin-right: auto;
}
.index_hpb a:hover{
  background: url(../images/image11471.jpg) no-repeat center bottom;
  font-weight : bold;
  color : fuchsia;
}
.index_html{
  width : 11.2em;
  float: left;
  margin : 0.5em;
  font-size : 1.2em;
}
.index_html a{
  display: block;
  height: 140px;
  background: url(../images/html112.gif) no-repeat center bottom;
  text-decoration: none;
  text-align: center;
  padding : 0.5em 0;
  margin-left: auto;
  margin-right: auto;
}
.index_html a:hover{
  background: url(../images/html11.gif) no-repeat center bottom;
  font-weight : bold;
  color : fuchsia;
}
.index_css{
  width : 11.2em;
  float: left;
  margin : 0.5em;
  font-size : 1.2em;
}
.index_css a{
  display: block;
  height: 140px;
  background: url(../images/source_css112.gif) no-repeat scroll center bottom;
  text-decoration: none;
  text-align: center;
  padding : 0.5em 0;
  margin-left: auto;
  margin-right: auto;
}
.index_css a:hover{
  background: url(../images/source_css11.gif) no-repeat center bottom;
  font-weight : bold;
  color : fuchsia;
}
.index_pages{
  width : 11.2em;
  float: left;
  margin : 0.5em;
  font-size : 1.2em;
}
.index_pages a{
  display: block;
  height: 140px;
  background: url(../images/panel-menu11.gif) no-repeat scroll center bottom;
  text-decoration: none;
  text-align: center;
  padding : 0.5em 0;
  margin-left: auto;
  margin-right: auto;
}
.index_pages a:hover{
  background: url(../images/panel-menu1.gif) no-repeat center bottom;
  font-weight : bold;
  color : fuchsia;
}
.index_word{
  width : 11.2em;
  float: left;
  margin : 0.5em;
  font-size : 1.2em;
}
.index_word a{
  display: block;
  height: 140px;
  background : transparent url(../images/Word_Icon0.gif) no-repeat scroll center bottom;
  text-decoration: none;
  text-align: center;
  padding : 0.5em 0;
  margin-left: auto;
  margin-right: auto;
}
.index_word a:hover{
  background : transparent url(../images/Word_Icon1.gif) no-repeat scroll center bottom;
  font-weight : bold;
  color : fuchsia;
}
.index_excel{
  width : 11.2em;
  float: left;
  margin : 0.5em;
  font-size : 1.2em;
}
.index_excel a{
  display: block;
  height: 140px;
  background : transparent url(../images/excel0.gif) no-repeat scroll center bottom;
  text-decoration: none;
  text-align: center;
  padding : 0.5em 0;
  margin-left: auto;
  margin-right: auto;
}
.index_excel a:hover{
  background : transparent url(../images/excel.gif) no-repeat scroll center bottom;
  font-weight : bold;
  color : fuchsia;
}
.index_study{
  width : 11.2em;
  float: left;
  margin : 0.5em;
  font-size : 1.2em;
}
.index_study a{
  display: block;
  height: 140px;
  background : transparent url(../images/index_study1.gif) no-repeat scroll center bottom;
  text-decoration: none;
  text-align: center;
  padding : 0.5em 0;
  margin-left: auto;
  margin-right: auto;
}
.index_study a:hover{
  background : transparent url(../images/index_study.gif) no-repeat scroll center bottom;
  font-weight : bold;
  color : fuchsia;
}
.index_browsing{
  width : 11.2em;
  float: left;
  margin : 0.5em;
  font-size : 1.2em;
}
.index_browsing a{
  display: block;
  height: 140px;
  background: transparent url(../images/web_surfing21.png) no-repeat scroll center bottom;
  text-decoration: none;
  text-align: center;
  padding : 0.5em 0;
  margin-left: auto;
  margin-right: auto;
}
.index_browsing a:hover{
  background: transparent url(../images/web_surfing2.png) no-repeat scroll center bottom;
  font-weight : bold;
  color : fuchsia;
}
.index_lan{
  width : 11.2em;
  float: left;
  margin : 0.5em;
  font-size : 1.2em;
}
.index_lan a{
  display: block;
  height: 140px;
  background: transparent url(../images/PortableComputer121.gif) no-repeat scroll center bottom;
  text-decoration: none;
  text-align: center;
  padding : 0.5em 0;
  margin-left: auto;
  margin-right: auto;
}
.index_lan a:hover{
  background: url(../images/PortableComputer12.gif) no-repeat center bottom;
  font-weight : bold;
  color : fuchsia;
}
.index_pc_oth{
  width : 11.2em;
  float: left;
  margin : 0.5em;
  font-size : 1.2em;
}
.index_pc_oth a{
  display: block;
  height: 140px;
  background: url(../images/PortableComputer11.gif) no-repeat scroll center bottom;
  text-decoration: none;
  text-align: center;
  padding : 0.5em 0;
  margin-left: auto;
  margin-right: auto;
}
.index_pc_oth a:hover{
  background: url(../images/PortableComputer1.gif) no-repeat center bottom;
  color : fuchsia;
  font-weight : bold;
}
.index_ref{
  width : 11.2em;
  float: left;
  margin : 0.5em;
  font-size : 1.2em;
}
.index_ref a{
  display: block;
  height: 140px;
  background: url(../images/preferences-system11.gif) no-repeat scroll center bottom;
  text-decoration: none;
  text-align: center;
  padding : 0.5em 0;
  margin-left: auto;
  margin-right: auto;
}
.index_ref a:hover{
  background: url(../images/preferences-system1.gif) no-repeat center bottom;
  font-weight : bold;
  color : fuchsia;
}
.index_link{
  width : 11.2em;
  float: left;
  margin : 0.5em;
  font-size : 1.2em;
}
.index_link a{
  display: block;
  height: 140px;
  background-image: url(../images/Web-page1111.gif);
  background-repeat: no-repeat;
  background-attachment: scroll;
  background-position: center bottom;
  text-decoration: none;
  text-align: center;
  padding : 0.5em 0.1em;
  margin-left: auto;
  margin-right: auto;
}
.index_link a:hover{
  background: url(../images/Web-page111.gif) no-repeat center bottom;
  font-weight : bold;
  color : fuchsia;
}
.index_search{
  width : 11.2em;
  float: left;
  margin : 0.5em;
  font-size : 1.2em;
}
.index_search a{
  display: block;
  height: 140px;
  background-image: url(../images/web_search211.gif);
  background-repeat: no-repeat;
  background-position: center bottom;
  text-decoration: none;
  text-align: center;
  padding : 0.5em 0;
  margin-left: auto;
  margin-right: auto;
}
.index_search a:hover{
  background: url(../images/web_search21.gif) no-repeat center bottom;
  font-weight : bold;
  color : fuchsia;
}
.index_index{
  width : 11.2em;
  float: left;
  margin : 0.5em;
  font-size : 1.2em;
}
.index_index a{
  display: block;
  height: 140px;
  background-image: url(../images/Program-Group211.gif);
  background-repeat: no-repeat;
  background-position: center bottom;
  text-decoration: none;
  text-align: center;
  padding : 0.5em 0;
  margin-left: auto;
  margin-right: auto;
}
.index_index a:hover{
  background: url(../images/Program-Group21.gif) no-repeat center bottom;
  font-weight : bold;
  color : fuchsia;
}
.index_map{
  width : 11.2em;
  float: left;
  margin : 0.5em;
  font-size : 1.2em;
}
.index_map a{
  display: block;
  height: 140px;
  background-image: url(../images/sitemap111.gif);
  background-repeat: no-repeat;
  background-position: center bottom;
  text-decoration: none;
  text-align: center;
  padding : 0.5em 0;
  margin-left: auto;
  margin-right: auto;
}
.index_map a:hover{
  background: url(../images/sitemap11.gif) no-repeat center bottom;
  font-weight : bold;
  color : fuchsia;
}
.index_blogger{
  width : 11.2em;
  float: left;
  margin : 0.5em;
  font-size : 1.2em;
}
.index_blogger a{
  display: block;
  height: 140px;
  background : transparent url(../images/index_blogger1.gif) no-repeat scroll center bottom;
  text-decoration: none;
  text-align: center;
  padding : 0.5em 0;
  margin-left: auto;
  margin-right: auto;
}
.index_blogger a:hover{
  background: url(../images/index_blogger.gif) no-repeat center bottom;
  font-weight : bold;
  color : fuchsia;
}
.index_hint{
  width : 11.2em;
  float: left;
  margin : 0.5em;
  font-size : 1.2em;
}
.index_hint a{
  display: block;
  height: 140px;
  background : transparent url(../images/qa1.gif) no-repeat scroll center bottom;
  text-decoration: none;
  text-align: center;
  padding : 0.5em 0;
  margin-left: auto;
  margin-right: auto;
}
.index_hint a:hover{
  background : transparent url(../images/qa.gif) no-repeat scroll center bottom;
  font-weight : bold;
  color : fuchsia;
}
.underline{
  text-decoration: underline;
}
#tab{
  font-weight : bold;
  color : white;
  width : 100%;
}
#tab ul{
  list-style-type : none;
  padding : 0px;
  margin : 0px;
  font-size : 1em;
}
#tab ul li{
  display : inline;
  margin-top : 0em;
  margin-bottom : 0em;
}
#tab ul li a{
  color : white;
  background-color : gray;
  text-decoration : none;
  padding : 0.4em;
  border-top-width : 0.1em;
  border-right-width : 0.1em;
  border-bottom-width : 0.1em;
  border-top-style : solid;
  border-right-style : solid;
  border-bottom-style : solid;
  border-top-color : silver;
  border-right-color : silver;
  border-bottom-color : silver;
  border-left-width : 0.1em;
  float : left;
  width : 9em;
  border-left-style : solid;
  border-left-color : silver;
}
#tab ul li a:hover{
  color : blue;
  background-color : #eeeeee;
}
#tab ul li a.active{
  color : blue;
  background-color : #eeeeee;
  border-bottom-width : 0.1em;
  border-bottom-style : solid;
  border-bottom-color : #eeeeee;
  border-left-width : 0.1em;
  border-left-style : solid;
  border-left-color : transparent;
  border-right-width : 0.1em;
  border-right-style : solid;
  border-right-color : transparent;
}
.hints{
  background-color : #eeeeee;
  font-size : 1em;
}
.hints p{
  font-size : 1em;
  padding-bottom : 0px;
  margin-bottom : 0.3em;
  background : transparent url(../images/img_o287.gif) no-repeat scroll left 0.3em;
  padding-left : 1.5em;
  margin-left : 1em;
  margin-right : 1em;
}
.hints ul{
  margin-top : 0px;
  padding-top : 0px;
  font-size : 1em;
}
.hints ul li{
  text-decoration : none;
  padding : 0px 0px 0px 2em;
  margin : 0px 0px 0px 1em;
  background : url(../images/img_o265.gif) no-repeat left center;
}
.hints ul li a{
  text-decoration : none;
  padding : 0px;
  margin : 0px;
}
.hints h3{
  margin-top : 1em;
  margin-left : 5em;
  margin-right : 5em;
}
.hints_index ul{
  margin-top : 0.5em;
}
.hints_index ul li a:hover{
 background : gray ;
 color : white;
}
.questions{
  color : blue;
background : url(../images/Q_button.gif) no-repeat left top;
  padding-left : 40px;
}

.answers{
  background : url(../images/A_button.gif) no-repeat left top;
  padding-left : 40px;
}

li li.down_arrow, .phrase li.down_arrow{
  background : transparent url(../images/arw005112.gif) no-repeat scroll left 0.1em;
  padding-left : 15px;
}
li a{
  text-decoration : none;
}

.page_index li{
  font-size : 1em;
  line-height : 1.4;
  margin-top : 0.1em;
  margin-bottom : 0.1em;
  font-weight : bolder;
  list-style-type : none;
  
background : transparent url(../images/image10131.gif) no-repeat scroll left 0.1em;
  
  padding-left : 2em;
}

.page_index a{
  text-decoration : none;
}

.page_index a:hover{
  color: white;
  background-color: blue;
  font-weight : bolder;
}


.page_index li li{
  list-style-image: none;
  list-style-type : none;
  list-style-position : outside;
  background-image : none;
}