@charset "UTF-8";

/*
w:900 x h: 780 (90 + 620 + 70)
+zzzzzzzzzzz+zzzzzzzzzzzzzzzzzzzzzzzzzz+zzzzzzzz
|  logo     | navi  |______help__ ____ |
|           |       |  menu            |  header : Red
+zzzzzzzzzzz+zzzzzzzzzzzzzzzzzzzzzzzzzz+zzzzzzzz
|                 pankuzu              |
+zzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzz+
|                                      |
|             main_view                |
|                                      |  main   : Blue
+zzzzzzzzzzzzzzzzzz+zzzzzzzzzzzzzzzzzzz+
|             sub_view   Navy          |
|  |zzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzz+
|  |   left        |     right         |
|  |    (news)     |      (info)       |
+zz+zzzzzzzzzzzzzzz+zzzzzzzzzzzzzzzzzzz+zzzzzzzzz
|            about this                |
+zzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzz+ footer : Green
|             copyright                |
+zzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzz+zzzzzzzzz

 */

body {
  /*border: 1px solid gray;*/
  margin: 0;
  padding: 0;
  font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','ＭＳ Ｐゴシック','MS PGothic',Osaka,sans-serif;
}

#wrap{
  width: 955px;
  /*margin: 0 4em 2em;*/
  margin: 0 auto 2em;
  border-bottom: thick solid navy;
  border-left: 1px solid gray;
  border-right: 1px solid gray;
  position: relative;
  /*background-color: silver;*/
}

#header{
  width: auto;
  border-bottom: 6px solid navy;
  overflow: auto;
}

/* IE6 bug*/
* html body #header{
  height: 1%;
}

#logo{
  width: 150px;
  height: 90px;
  /*background-color: #FFD975;*/
  float: left;
  text-align: center;
}

h1{
  margin: 0;
}

#logo h1 a {
  top: 0;
  margin: auto;
  height: 90px;
  width: 90px;
  display: block;
  text-indent: -9999px;
  background: transparent url("csspack/img/logo.jpg") no-repeat 0 0;
}

#navi{
  width: 800px;
  float: right;
}

#help{
  height: 30px;
  /*background-color: purple;*/
}

#help ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
}

#help ul li{
  float: right;
  display: inline;   /* for IE bug */
  margin: 0;
}

#help ul li a{
  display: block;
  padding: 0.5em 0.5em;
  font-size: small;

}

.mailto{
  background: url("csspack/img/mail.gif") no-repeat left 50%;
  display: block;
  width: 55px;
  text-indent: -9999px;
}

#menu{
  margin: 10px 0;
  padding: 5px;
  height: 30px;
  /*background-color: #abc;*/
}

#menu ul {
  margin: auto 0;
  padding: 0;
  list-style-type: none;
}

#menu ul li{
  float: left;
  margin: 0;
  padding: 5px 0;
  width: 80px;
  border-left: 2px solid navy;
  text-align: center;
}

#menu ul li a{
  font: 700 16px 'ヒラギノ角ゴ Pro W3';
  text-decoration: none;
  height: 20px;
  line-height: 20px;
  /*background: url(img/navi.png) no-repeat 0 0;*/
}

#menu ul li:hover {
  /*background: url("img/navi.png") no-repeat 0 -35px;*/
  /*background: #CCFFFF;*/
  background: #E8ECE4;
}

.current {
  background: #FFFFCC;
}

/*
 * /header
 */

#main{
  clear: both;
  width: auto;
  /*height: 620px;*/
  /*background-color: Green;*/
}

/*display:none*/
#pankuzu{
  height: 30px;
  background-color: aqua;
  display: none;  /* XXXXXXXXX */
}

#main_view {
  clear: both;
}

#detoxSlide {
  margin: 0 auto 20px;
  padding: 10px 40px;
  /*background: #E2EAF8;*/
  background: #FFFFCC;
  border-bottom: 6px solid navy; /* 画像の枠線 */
}


/*
#main_img{
  clear: both;
  position: relative;
  margin: auto;
  right: 10px;
}
  */

#middle {
  clear: both;
  padding: 40px 20px 0;
  /*background-color: navy;*/
  /*height: 100px;*/
  border: 1px solid red;
}

#sub_view {
  clear: both;
  overflow: auto;  /* for child float;*/
  padding: 10px 30px 0;
  /*background-color: navy;*/
  /*border: 1px solid red;*/
}

#sub_view_left{
  float: left;
}

#sub_view_right{
  float: right;
  width: 55%;
  padding: 0 20px 0 0;
}

#main_view_contents {
  clear: both;
  margin: auto;
  margin-top: 0;
  padding: 0px 2em;
  /*background: #E2EAF8;*/
  /*border: 1px solid #07519A;*/
  position: relative;
}

#main_view_contents p {
  margin: 10px 0;
  line-height: 120%;
  font-family: 'MS UI Gothic';
  font-size: 14px;
  /*color: #ffcccc;*/
  color: #07519A;
  font-weight: bold;
}

#renraku, #schedule {
}

#renraku fieldset, #schedule fieldset{
  border:2px solid #BFBFBF;
}

#renraku legend, #schedule legend{
  font-weight: bold;
  padding: 0 10px;
}

#renraku ul, #schedule ul {
  margin: 10px 0 0;
  padding: 0;
  list-style-type: none;
}

#renraku ul li, #schedule ul li{
  background: url("../img/list-icon-blue.png") left center no-repeat;
  margin: 0;
  padding-left: 20px;
  line-height: 1.5em;
}


#info{
  height: 210px;
  /*background-color: teal;*/
}


#footer{
  clear: both;
  /*background-color: blue;*/
  /*height: 70px;*/
  margin-top: 10px;
  padding: 10px;

}

#about_this{
  display: none;
}

#about_this ul{
  margin: 0;
  padding: 0.3em 0;
  font-size: small;
  border-bottom: 1px solid gray;
}

#about_this ul li{
  display: inline;
  margin: 0 0.5em;
}

#copyright address{
  margin: 0;
  text-align: right;
  padding: 0.3em 1em;
  font-style: normal;
  font-size: small;
  border-top: 1px solid gray;
}