@charset "utf-8";
/* --------------------------------------------------------------------------------------
  Name: Base Style Sheet
  developer: RidgeRoot co.Ltd - Ikue.O
  developer_url: http://ridgeroot.com/
  Last Update: 2007-03-03
--------------------------------------------------------------------------------------
  developerComment:
  ある程度やっつけ気味ですがラフないのは作りにくいのが分かりました
  
  【このCSSを使う場合の注意】
  * css/base.cssをhtml内で読み込む前提です。
  <script type="text/javascript" language="JavaScript" src="js/prototype.js"></script>
  の後の行あたりに
    <link rel="stylesheet" href="css/rr_ikuever.css" type="text/css" />
  を追加してください。
  css/base.cssはrr_ikuever.css内で読み込んでいます。
  
  * index.phpの19行目は変更が必要です。
    <p id="logo"><a href="http://www.ridgeroot.com/"><img src="img/colorlogo.gif" alt="RidgeRoot co.,Ltd" /></a></p>
  のcolorlogo.gifは、colorlogo.jpgに変更してください。
  
-------------------------------------------------------------------------------------- */
@import url(base.css);

* {
  margin: 0;
  padding: 0;
  font-size: 100%;
  font-family: "Trebuchet MS";

}

/*  Text Module
-------------------------------------------------------------------------------------- */
h1, h2, h3, h4, h5, h6 {
  line-height: 1;
  margin:0.8em 0 0.5em 15px;
}
h1 {
  font-size: 140%;
}
h2 {
  font-size: 130%;
}
h3 {
  font-size: 120%;
}
h4,h5,h6 {
  font-size: 90%;
}

/*  Hypertext Module
    http://www.w3.org/TR/xhtml-modularization/abstract_modules.html#s_hypertextmodule
-------------------------------------------------------------------------------------- */
a:link {
  color: #002777;
  text-decoration:underline;
}
a:link{
  color:#0a51a1;
  text-decoration:underline;
}
a:visited{
  color:#0a51a1;
  text-decoration:underline;
}
a:hover{
  color:#0a51a1;
  text-decoration:none;
}
a img{
  border: none;
}
/* BaseContainer ----- */
div.base{
  width: 770px;
  height:100%;
  margin: 0 auto;
  background: #ffffff url(../img/ikueverCSS/containerBackgroundImage.jpg) repeat-y;
}

/* HeaderContainer ----- */

div.header{
  background: #ffffff url(../img/ikueverCSS/headerBackgroundImage.jpg) no-repeat;
  width: 770px;
  height: 100px;
}
p#logo{
  float: left;
}
p#logo a{
  display: block;
  width: 260px;
  height: 70px;
}
h1#titlename{
  float: left;
  font-size: 80%;
  margin-top:-55px;
  padding-left:300px;
}


/* ContentsContainer ----- */

div.contents{
  clear:both;
  width: 550px;
  float: right;
  margin-right: 1em;
}

div.container{
  margin-bottom:8px;
  padding:0.5em;
  background-color: #ffffff;
}
div.container h2{
  background: #bbdef2;
  color: #0a51a1;
  padding-top: 5px;
  padding-bottom: 5px;
  padding-left: 10px;
}
div.container h3{
  padding: 2px 0.5em;
  border-left: 5px solid #90bade;

}
div.container ul li{
  list-style-position: inside;
}

/* MenuContainer ----- */

div.menu{
  float:left;
  width: 170px;
  margin-left:10px;
  margin-top:20px;
  font-size:0.9em;
  border-top: 1px solid #90bade;

}
div.menu h2{
  display:none;
}
div.menu ul{
  list-style: none;
  margin: 0;
  padding: 0;
  border: none;
}

div.menu li{
  border-bottom: 1px solid #90bade;
  margin: 0;
}
div.menu li a{
  display: block;
  _margin-left:-15px;
  padding-left:5px;
  padding-top:5px;
  height:25px;
  border-left:1px solid #90bade;
  border-right:5px solid #90bade;
}
div.menu li a:hover{
  background-color: #ff8c00;
  color: #ffffff;
  border-left:1px solid #ff8c00;
  border-right:5px solid #ffc31d;
}

/* FooterContainer ----- */

div.footer{
  clear: both;
  font-size: 0.9em;
  background: #ffffff url(../img/ikueverCSS/footerBackgroundImage.jpg) no-repeat;
  width: 770px;
  height: 100px;
  padding-left:10px;
  padding-top:10px;
}
div.footer address{
  text-align:center;
}
div.footer li{
  display: inline;
  text-align:right;
}
div.footer a,
div.footer a:link,
div.footer a:visited{
  color: #d7f3ff;
}