@charset "UTF-8";

* { padding: 0; margin: 0; }
body {
 font-family: 'ＭＳ Ｐゴシック' , 'Osaka' ,sans-serif;
 font-size: 15px;
  background-color: #d9d9d9;
  background: url(../img/bg_b1.gif);
}
#wrapper { 
 margin: 0 auto;
 width: 922px;
 border-left: 1px solid  #f8a764;
 border-right: 1px solid  #f8a764;
 }

/************************
 header
*************************/
#header{
 border-top: 5px solid  #f8a764;
 position: relative;
}
#header h1 a {
 display: block; 
 background: url(../img/header1.png);
 background-color:  #fff;
 color: #333;
 width: 912px;
 height: 75px;
 padding: 5px;
 margin: 0px;
 border-bottom: 1px solid  #f8a764;
 text-indent: -9999px;
}

#header2{
 border-top: 5px solid  #f8a764;
 position: relative;
}
#header2 h1 a {
 display: block; 
 background: url(../img/header2.png);
 background-color:  #fff;
 color: #333;
 width: 912px;
 height: 75px;
 padding: 5px;
 margin: 0px;
 border-bottom: 1px solid  #f8a764;
 text-indent: -9999px;
}

/************************
 main
*************************/
#mid {
 background-color: #FFF;
 overflow: auto; /* Paul O Brien Fix for IE www.pmob.co.uk */
 width: 100%;
 background: url(../img/menu_bg2.png);
 background-repeat: repeat-y; 
 border-top: 5px solid  #f8a764;
}

/************************
 menu
*************************/
#leftcolumn { 
 display: inline;
 color: #333;
 margin: 1px 0px ;
 padding: 0px;
 width: 216px;
 float: left;
}

#menu {
 margin: 0px 1px 1px 1px;
 background: url(../img/menu_bg.png);
 background-repeat: repeat-y;
 position: absolute;
 top:96px;
 left: : 10px;
 height: 280px;
}
#menu ul{ 
 margin: 10px;; 
 padding: 0; 
 list-style-type: none; 
}
#menu li{ 
 display: inline; 
 padding: 0; 
 margin: 0; 
}
#menu a{
 text-indent:-4000px;
 display: block; 
 padding: 3px 0px;
 text-decoration: none;
 color: #333;
 width: 195px; 
 margin: 1px 0px;
 height:45px;
}
#menu li a.info {
 background-image:url(../img/infoBtn.png);
 background-repeat: no-repeat;
}
#menu li a.staff {
 background-image:url(../img/staffBtn.png);
 background-repeat: no-repeat;
}
#menu li a.riha {
 background-image:url(../img/rihaBtn.png);
 background-repeat: no-repeat;
}
#menu li a.access {
 background-image:url(../img/accessBtn.png);
 background-repeat: no-repeat;
}
#menu li a.jieikai {
 background-image:url(../img/jieikai.png);
 background-repeat: no-repeat;
}
#menu li a:hover {
 background-position:0px -50px;
}

/************************
 contents
*************************/
#rightcolumn { 
 background-color: #fff;
 border-left: 1px solid  #f8a764;
 float: left;
 color: #333;
 margin: 0px;
 padding: 0px;
 width: 703px;
 position: relative;
}

#contents_f{
 height:180px;
 margin:10px 30px 40px;
 background-image: url(../img/top1.jpg);
 background-position: right;
 background-repeat: no-repeat;
/* background-attachment: fixed; */

}

#contents_f p{
 padding: 2px 10px;
}

#contents{
 margin:10px 30px 40px;
}

#contents p{
 padding: 2px 10px;
}

h3{
 height:30px;
 margin:30px 30px 10px;
 padding : 3px 20px;
 width:600px;
 background-image:url(../img/h31.gif);
 background-repeat: no-repeat;
}

table#open {
  width: 640px;
  margin-top: 0.2em;
  margin-bottom: 1em;
  border-collapse: separate;
  border-spacing: 2px;
  font-size: 100%;
}

table#open caption {
  margin-top: 1em;
  text-align: right;
}

table#open th,
table#open td {
 padding: 4px 6px;
}

table#open th {
  background: #339999;
  text-align: center;
  white-space: nowrap;
  font-size: 92%;
  color: #FFF;
}

table#open td {
 background: #CCFFCC;
 text-align: right;
 white-space: nowrap;
 text-align: center;
}

table#profile {
  width: 640px;
  margin-top: 0.2em;
  margin-bottom: 1em;
  border-collapse: separate;
  border-spacing: 2px;
  font-size: 100%;
}

table#profile caption {
  margin-top: 1em;
  text-align: right;
}

table#profile th,
table#profile td {
 padding: 4px 6px;
}

table#profile th {
  background: #FF6699;
  text-align: center;
  white-space: nowrap;
  font-size: 92%;
  color: #FFF;
}

table#profile td {
 background: #FFCCCC;
 white-space: nowrap;
 text-align: left;
}

/************************
 フッタ
*************************/
#footer { 
/* background: url(../img/footer.png);*/
 width: 902px;
 clear: both;
 color: #333;
 background-color : #fff;
 padding: 10px;
 border-top: 1px solid  #f8a764; 
 text-align:right;
 border-bottom: 5px solid  #f8a764;
}
.clear { clear: both; background: none; }