/* ********************************************************************
 * styles-site.css
 * 2007/09/26
 * ********************************************************************
*/

body {
  margin:0;
  padding:0;
  font-size:95%;
  line-height:1.5em;
  vertical-align:baseline;
  text-align:center;/* for IE */
  background:#fff;
  font-family:"‚l‚r ‚oƒSƒVƒbƒN", "MS UI Gothic", Osaka, "ƒqƒ‰ƒMƒmŠpƒS Pro W3","Hiragino Kaku Gothic Pro";
  }

img,table{
  border:0;
  }

strong{
  font-weight:normal;
}

h1,h2,h3,h4,h5,h6,p,ul,form,pre,td,th{
  margin:0;
  padding:0;
  font-size:90%;
  line-height:1.5em;
  }

a,a:visited{
  color:#00f;
  text-decoration:none;
  }

a:hover{
  text-decoration:underline;;
  }

.clr{
  clear:both;
  width:1px;
  height:1px;
  overflow:hidden;
  }


/*
 * page layout ***
*/

div#container{
  width:820px;
  height:auto;
  margin:0 auto;
  padding:0 3px;
  background:#fff;
  text-align:left;
  background:url('http://www.ee22.info/img/bg_container.gif') repeat-y;
  border-bottom:solid 1px #ededed;
  }

div#container-inner{
  width:auto;
  height:auto;
  }


/* banner */

div#banner{
  position:relative;
  width:820px;
  height:90px;
  overflow:hidden;
  background:url('http://www.ee22.info/img/ttl.jpg') no-repeat;
  }

div#banner-inner{
  width:auto;
  height:auto;
  }

div#banner-inner h1{
  padding:1px 0 0 4px;
  font-size:80%;
  font-weight:normal;
  }

div#banner-inner h1 a,
div#banner-inner h1 a:visited,
div#banner-inner h1 a:hover{
  color:#333;
  text-decoration:none;
  }

div#banner-inner h2{
  position:absolute;
  width:323px;
  height:38px;
  top:32px;
  left:18px;
  z-index:2;
  }

div#banner-inner h2 a{
  display:block;
  width:323px;
  height:38px;
  text-indent:-9999px;
  text-decoration:none;
  overflow:hidden;
  }


/* navi area */

div#navi{
  width:auto;
  height:39px;
  margin-top:1px;
  background:url('http://www.ee22.info/img/bg_navi.gif') repeat-x;
  }

div#navi #breadcrumbs{
  width:540px;
  padding:8px 0 0 15px;
  font-size:80%;
  float:left;
  }

div#navi #char_size{
  width:250px;
  padding:8px 10px 0 0;
  text-align:right;
  font-size:80%;
  font-weight:bold;
  float:right;
  }

div#navi #char_size a,
div#navi #char_size a:visited,
div#navi #char_size a:hover{
  padding:3px;
  border:solid 1px #454545;
  background:#fff;
  text-decoration:none;
  color:#333;
  }

div#navi #char_size a#medium_cap,
div#navi #char_size a#medium_cap:visited,
div#navi #char_size a#medium_cap:hover{
  background:#cc9966;
  }


/* page content */

div#pagebody{
  width:auto;
  height:auto;
  margin-top:15px;
  background:url('http://www.ee22.info/img/bg_sd.gif') repeat-y 15px 0;
  }

div#pagebody-inner{
  width:auto;
  height:auto;
  }

div#alpha{
  width:570px;
  height:auto;
  float:right;
  }

div#beta{
  width:250px;
  height:auto;
  float:left;
  }

div#alpha-inner{
  padding:0 0 15px 14px;
  }

div#beta-inner{
  padding:0 0 0 15px;
  }


/* footer */

div#footer{
  padding-bottom:10px;
  }

div#footer p{
  padding:4px;
  color:#fff;
  font-size:85%;
  text-align:center;
  background:#4c8279;
  }

div#footer p a,div#footer p a:visited,div#footer p a:hover{
  color:#fff;
  text-decoration:none;
  }


/*
 * side bar ***
*/


/* bottun */

div.btn_area{
  width:230px;
  height:auto;
  border-left:solid 1px #ddd;
  border-right:solid 1px #ddd;
  }

div.btn_area .btn_area_inner{
  width:auto;
  height:auto;
  }

div.btn_area .btn_area_inner h3{
  margin-bottom:1px;
  padding:2px;
  text-align:center;
  background:#eae6c1;
  font-size:85%;
  color:#454545;
  border-top:solid 1px #ccc;
  border-bottom:dashed 1px #999;
  }

div.btn_area .btn_area_inner ul{
  list-style:none;
  }

div.btn_area .btn_area_inner ul li{
  height:auto;
  margin-bottom:1px;
  padding:4px 4px;
  font-size:85%;
  line-height:1.1em;
  background:#f4f4f4;
  border-top:solid 1px #ccc;
  border-bottom:solid 1px #999;
  }

div.btn_area .btn_area_inner ul li a,
div.btn_area .btn_area_inner ul li a:visited{
  color:#555;
  }

div.btn_area .btn_area_inner ul li a:hover{
  color:#666;
  text-decoration:underline;
  }


/*
 * contents area ***
*/


div.area_01_top{
  width:542px;
  height:auto;
  padding-top:6px;
  background:url('http://www.ee22.info/img/area_01_top.gif') no-repeat;
  }

div.area_01_bottom{
  width:542px;
  height:auto;
  padding-bottom:6px;
  background:url('http://www.ee22.info/img/area_01_btm.gif') no-repeat 0 100%;
  }

div.area_01_inner{
  width:518px;
  height:auto;
  padding:7px 12px 10px 12px;
  background:url('http://www.ee22.info/img/area_01_inner.gif') repeat-y;
  }

div.area_01_inner p{
  padding:0 0 10px 0;
  }

div.area_01_inner h3{
  width:auto;
  margin-bottom:15px;
  font-size:120%;
  line-height:1.1em;
  }

div.area_01_inner h4{
  width:518px;
  height:25px;
  margin:0 0 3px 0;
  padding:3px 0 0 10px;
  font-size:100%;
  line-height:1.2em;
  color:#ffc;
  background:url('http://www.ee22.info/img/bg_hd_01.gif') no-repeat;
  }

img.pict_right{
  float:right;
  margin:0 0 5px 12px;
  }

div.cation_area{
  width:auto;
  height:auto;
  padding:5px;
  background:#f4f5e9;
  border:solid 1px #ddd;
  }

div.cation_area p{
  padding:0 0 3px 0;
  }

h3.ent_hd{
  width:535px;
  height:35px;
  margin-bottom:10px;
  padding:8px 0 0 7px;
  color:#f4f2e1;
  font-size:130%;
  background:url('http://www.ee22.info/img/bg_hd_02.gif') no-repeat 50% 0;
  }

.line{
  margin:8px 0;
  }

p.gototop{
  width:540px;
  height:auto;
  margin-top:20px;
  text-align:right;
  font-size:80%;
  }

.t_red  { color:#c00; }
.t_bold { font-weight:bold; }
.t_85  { font-size:85%; }
.t_100  { font-size:100%; }