html
{
background : #22AAEE url(./img/albatrus-shadow-inv.jpg) no-repeat  50% 0%;
background : #AACCCC url(./img/albatrus-shadow-inv.jpg) no-repeat  50% 0%;
}

body
{
  font-family:"Verdana","Osaka","ＭＳ Ｐゴシック","ＭＳ ゴシック",sans-serif;
  color:#202020;
  margin: 3em 5%;
  font-size:120%;
  background : url(./img/albatrus-title.png) no-repeat fixed  85% 25%;
}

A:link 
{ 
  color: #000000;
  background-color: #CCAAAA;
}

A:visited 
{
  color: #000000;
  background-color: #556b2f;
}

A:hover 
{
  background-color:#CCCCCC; 
}

A:active 
{
  color:#669966;  
}

p
{
  margin:1em 2em;
}

span.subtitle
{
  font-size:70%;
}

span.logo
{
  font-family:"Times","Times New Roman",serif;
  font-style: italic;
  font-weight: bold;
}


h1
{
  padding: 1ex;
  width: 15em;
  max-width: 80%;
  margin:1em auto;
  text-align:center;
  font-size:250%;
  background-color: #CCAAAA;
/*  background : url(./img/wakaba.png) no-repeat  0% 100%; */
  }


h2
{
  padding: .5ex 2em;
  border-bottom: .2ex dotted #556b2f; /* 枠線 */
  margin:1.5em 0em;
  font-size:140%;
  background : url(./img/albatrus-icon.png) no-repeat  0% 100%;
}

div.h2body
{
  background : #AACC99 url(./img/clip_red.png) no-repeat  100% 95%;
  margin: 1em 5em;
  padding: .5ex;
}

div.news
{
    border-radius: 10px;        /* CSS3草案 */  
    -webkit-border-radius: 10px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 10px;   /* Firefox用 */
  padding: 1ex 1ex;
  border: .2ex dotted #556b2f; /* 枠線 */
  margin:1em 2%;
  width: 40%;
  height: 15em;
  float: left;
  overflow: auto;
}

div.news h2
{
  padding: .5ex 2em;
  margin: 0;
}

div.blog
{
    border-radius: 10px;        /* CSS3草案 */  
    -webkit-border-radius: 10px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 10px;   /* Firefox用 */
  padding: 1ex 1ex;
  border: .2ex dotted #556b2f; /* 枠線 */
  margin:1em 0;
  width: 45%;
  height: 15em;
  float: right;
  overflow: auto;
}

div.blog h2
{
  padding: .5ex 2em;
  margin: 0;
}

div.blog dl, div.news dl
{
  padding: 1ex;
  margin: 1ex;
  background: #EEEEEE;
}

div.blog p, div.news p
{
  padding: 0;
  margin: 0;
}


div.introduction
{
clear:both;
}

h3
{
  padding: .5ex 2em;
  border-bottom: .2ex solid #556b2f; /* 枠線 */
  margin:1em 1em;
  font-size:120%;
  background : url(./img/wakaba-1.png) no-repeat  0% 100%;
  clear:both;
}

h4
{
  padding: .5ex;
  border-bottom: .1ex dotted #556b2f; /* 枠線 */
  margin:1em 2em;
  font-size:100%;
}

dt
{
  padding: 0ex .5ex;
  border-left: .5ex solid #00aa85; /* 枠線 */
  margin-bottom: .2ex;
}

div.each-image
{
float: left;
margin: .5em;
}

div.gyoumu-images dt
{
  padding: 0ex .5ex;
  margin-bottom: .2ex;
  border-bottom: .1ex solid #00aa85; /* 枠線 */
  border-left: 0ex; /* 枠線 */
  text-indent: 0em;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}

div.gyoumu-images dd
{
  clear: both;
  padding: 0ex 0ex;
  border-left: 0ex; /* 枠線 */
  margin-left: auto;
  margin-right: auto;
  text-align: center;
  font-size: 80%;
  margin-bottom: .2ex;
  text-indent: 0em;
}



div.footer
{
  margin:2em 2em;
  padding: 1em;
  border-top: .1ex dotted #333333;
  font-size:100%;
  clear:both;
  height: 5em;
}

h4.footer
{
  padding: .5ex;
  border-bottom: .2ex dotted #556b2f;
  margin:.5em .5em;
}

div.header
{
  margin:5em 0em;
  border-bottom: .1ex dotted #333333;
  padding-bottom: 3em;
  font-size:100%;
}


h4.header
{
  padding: .5ex;
  border-bottom: .2ex dotted #556b2f;
  margin:.5em .5em;
}


em
{
  font-style:normal;
  color:#000000;
  background-color:#FFCCCC;
  padding:.5ex
}

ul
{
  list-style:square;
}




*.menu A:link 
{
  text-decoration:none;
}

*.guide A:link 
{
  text-decoration:none;
}





dl
{
  margin:1ex 3em;
}

div.footer dl
{
  padding: 1.5ex;
  float: right;
  font-size: 90%;
  background: #EEEEEE;
  background : url(./img/albatrus-icon.png) no-repeat  70% 0%;
}


div.example
{
  border: .1ex dotted #333333;
  padding: 2em;
}

li {
   margin-left: 1em;
}

li.here {
   border-bottom: .2ex solid #FF0000;
}

div.gyoumu-images li {
   display: inline;
   list-style-type: none;
}



/* メインメニュー */
 ul.menu {
   display:block;
   list-style-type: none;
   margin:0;
   padding:0;
}

 ul.guide {
   display:block;
   list-style-type: none;
   margin:0;
   padding:0;
}


/* サブメニュー1段目 */
 ul.menu ul{
   display:none;
   position:absolute;
   top:100%;
   left:0;
}

/* サブメニュー2段目以降 */
 ul.menu ul ul {
   top:0;
   left:100%;
}


/* リスト */
 ul.menu li {
   float: left;
   width:6.5em;
   border-bottom: .2ex solid #bdb76b;
   display: inline;
   margin: .2ex;
   text-align: center;
}

 ul.guide li {
   float: left;
   width:6.5em;
   border-bottom: .2ex solid #bdb76b;
   display: inline;
   margin: .2ex;
   text-align: center;
}


 ul.menu li li {
   clear:both;
}

ul.menu li:hover {
   position:relative;
}

ul.menu li:hover > ul {
   display: block
}

ul.menu li > a{
   display: block;
   text-decoration:none;
   padding:0px 2px;
   color:#000000;
   background:#CCAAAA;
}

ul.guide li > a{
   display: block;
   text-decoration:none;
   padding:0px 2px;
   color:#000000;
   background:#AACC99;
}

ul.guide ul li > a{
   display: block;
   text-decoration:none;
   padding:0px 2px;
   color:#000000;
   background:#AAAACC;
}