@charset "UTF-8";
/* CSS Infomation ===================================

File name: index.css

Decription:layout base, 2col

Date: 2011.01.27  (start 2011.01.27)

Table of Contents:

  *header

  *global-nav
  
  *sidemenu
  
  *contents
    leftcontents01
    leftcontents02
    rightcontents01
    rightcontents02

  *footer

===================================================== */
body {
  font: Verdana, Helvetica, sans-serif;
  background-image: url("images/bg_riyock.gif");
  background-repeat: repeat;
}

a {
  color: #ffffff;
  text-decoration: none;
}

a:hover {
  color: #ffffff;
  text-decoration: underline;
}

a img {
  border:none;
}

#container {
  width: 840px;
  margin: 0 auto;
}

/* header */
#header {
  background-image: url("images/logo_riyock.png");
  background-repeat: no-repeat;
  background-position: left bottom;
  position: relative;
  height: 75px;	/* ロゴ、キービジュアル、ナビゲーションを合わせた高さ */
  margin: 0 auto;
  padding-top: 8px;	/* ロゴの上端の位置を8px下げる */
}
#header h1 {
  position: absolute;
  padding: 0px 10px;
  font-size: 10px;
}
#header h2 {
  position: absolute;
  top: 5px;
  left: 10px;
}
#header ul {
  list-style-type : none;
}
/* header end */

/* global-nav */
#global-nav {
  background-color: #095C3C;
  width: 840px;
  height: 30px;
  float: left;
}

#global-nav h2 {
  width: 0;
  height: 0;
}

#global-nav ul {
  margin: 5px;
}

#global-nav ul li {
  display: inline;
  height: 20px;
  margin: 0 50px;
  padding: 0.5px 10px;
  color: #ffffff;
  border-right: 1px solid #008080;
}

#global-nav a {
  padding: 0 0.5em;
  color: #ffffff;
  text-decoration: none;
}

#global-nav a:hover {
  padding: 0 0.5em;
  text-decoration: underline;
}
/* global-nav end */

/* sidemenu */
#sidemenu {
  background-color: #2E8B57;
  float: left;
  width: 130px;
  margin: 10px 0 10px 0;
}

#sidemenu h2 {
  width: 0;
  height: 0;
}

#sidemenu dl {
  background-color: #003333;
  color: #ffffff;
  padding: 5px;
  margin: 5px;
  list-style-type: none;
}

#sidemenu dl dt {
  color: #B8860B;
}

#sidemenu dl dd {
  margin-left: 10px;
  font-size: 12px;
}

#sidemenu dl dd.menu-bottom {
  margin-bottom: 10px;
}
/* sidemenu end */

/* home main contents -*/
#home_contents {
  background-color: #1bb195;
  float: right;
  width: 700px;
  margin: 10px 0px 10px 0px;
}

#home_contents a {
  color: #551900;
}

#home_contents h2 {
  margin: 10px;
  font-size: 12px;
}

#home_contents h3 {
  margin: 10px;
  font-size: 18px;
}

#home_contents p {
  margin-left: 10px;
  margin-top:-5px;
}

/* home_left contents */
#home_leftcontent01 {
  float: left;
  color: #551900;
  background-color: #FFFAD7;
  width: 315px;
  height: 150px;
  margin: 0px 5px 0px 10px;
  padding: 0 10px;
}

#home_leftcontent02 {
  float: left;
  background-color: #FFFAD7;
  width: 315px;
  height: 150px;
  margin: 10px 5px 10px 10px;
  padding: 0 10px;
}
/* home_left contents end */

/* home_right contents */
#home_rightcontent01 {
  float: right;
  background-color: #FFFAD7;
  color: #551900;
  width: 310px;
  height: 150px;
  margin: 0px 10px 0px 5px;
  padding: 0 10px;
}

#home_rightcontent02 {
  float: right;
  background-color: #FFFAD7;
  width: 310px;
  height: 150px;
  margin: 10px 10px 10px 5px;
  padding: 0 10px;
}
/* home_right contents end */
/* home_contents end */

/* sub_contents */
#sub_contents {
  background-color: #1bb195;
  float: right;
  width: 700px;
  margin: 10px 0px 10px 0px;
}

#sub_contents a {
  color: #551900;
}

#sub_contents h2 {
  color: #000033;
  background-color: #FFFAD7;
  margin: 10px;
  padding: 4px 10px;
  font-size: 16px;
}

#sub_contents h3 {
  color: #000033;
  background-color: #FFFAD7;
  margin: 10px;
  padding: 10px 5px 10px;
  font-size: 11px;
}

#sub_contents p {
  margin-left: 10px;
  margin-top:-5px;
}
/* sub_contents end */

/* sub_content_letter */
#sub_content_letter ol li {
  color: #ffffff;
}
/* sub_content_letter end */


/* footer */
#footer {
  clear: both;
  background-color: #551900;
  height: 60px;
  padding-top: 3px;
  color: #ffffff;
  text-align: center;
  font-size: 12px;
}
/* footer end */