@charset "UTF-8";

* { padding: 0; margin: 0; }
body {
	font-family: "メイリオ", "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	font-size: 85%;
	line-height: 2;
	color: #000;
	background-color:#f5f5f5;
/*	background:#e5eff9 url(images/semu.jpg);*/
 } 
#faux {
 width: 100%;
 margin-bottom: 0;
 overflow: auto; /* Paul O Brien Fix for IE www.pmob.co.uk */
  background-color:#FFFFFF;
/*  background:#e5eff9 url(images/semu.jpg);*/
}
#list {
 width: 270px;
 margin-bottom: 0;
 overflow: auto; /* Paul O Brien Fix for IE www.pmob.co.uk */
  background-color:#FFFFFF;
/*  background:#e5eff9 url(images/semu.jpg);*/
}
#map {
 width: 652px;
 margin-bottom: 0;
 overflow: auto; /* Paul O Brien Fix for IE www.pmob.co.uk */
  background-color:#FFFFFF;
/*  background:#e5eff9 url(images/semu.jpg);*/
}
#wrapper {
 width: 922px;
 margin: 0 auto;
  color: #000;
  background-color:#FFF;
/*  background:#e5eff9 url(images/semu.jpg);*/
}

#header { 
 display: inline;
 margin: 5px;
 padding: 0px;
 width: 732px;
 height: 75px;
 float: left;
 color: #000;
 background:#f5f5f5 url(images/header.jpg) no-repeat;
}
#headerright { 
 display: inline;
 position: relative;
 margin: 0px 0px 0px 0px;
 padding: 5px;
 width: 160px;
 height: 75px;
 margin-left: 10px;
 float: left;
 color: #333;
 background-color: #FFFFFF;
 text-decoration : none;
 font-family: 'ＭＳ Ｐゴシック', sans-serif;
 font-size: 75%;
}


#header p{
	font: bold 250% Helvetica, 'Century Gothic', Arial, sans-serif;
	letter-spacing: 3px;
	padding: 15px;
	background:#f5f5f5 url(images/semu.jpg);
}
/* ^^^^^^^^ MENU ^^^^^^^^^^ */
div.menu {
   width:900px;
   height:40px;
   overflow:hidden;
   margin:0px auto;
   font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
}

#menu ul {
   margin:0px;
   padding:0px;
}

#menu li {
   float:left;
   list-style:none;
}

#menu li a {
   display:block;
   width:125px;
}
/* ^^^^^^^^ END MENU ^^^^^^^^^^ */
#intro {
 width: 902px;
 height: 200px;
 margin: 0;
 padding: 10px;
 color: #333;
 background: #B6DACB;
}
.intro {
 padding:20px;
 font-size:150%;
 letter-spacing: 2px;
 color: #002C0F;
 background: #FAF0E6;
}

img {
    border-style:none;
}

h2 {
  margin: 0 0 5px 0;
  padding: 5px 0 4px 6px;
  line-height: 110%;
  font-size: 12px;
  font-weight:200;
  color: #000000;
  border-left: solid 5px #191970;
   background-color: #b0c4de;
}

.medeng {
  margin: 0 0 5px 0;
  padding: 5px 0 4px 6px;
  line-height: 110%;
  width: 100%;
  font-size: 1.5em;
  font-weight:200;
  color: #333333;
  border-left: solid 5px #ffa17f;
   background-color: #ffd9cc;
}

.brainsci {
  margin: 0 0 5px 0;
  padding: 5px 0 4px 6px;
  line-height: 110%;
  font-size: 1.5em;
  font-weight:200;
  color: #333333;
  border-left: solid 5px #4cbb47;
   background-color: #accc8e;
}

.immu {
  margin: 0 0 5px 0;
  padding: 5px 0 4px 6px;
  line-height: 110%;
  font-size: 1.5em;
  font-weight:200;
  color: #333333;
  border-left: solid 5px #9932cc;
   background-color: #bea3cc;
}

#contents p {
  margin: 0px;
  padding: 1px 0 15px 0;
}

#news {
	width: 685px;
	height: 80px;
  	overflow: auto;
  	padding: 0px;
  	margin: 0px 0px 0px 0px;
  	border-top: 1px;
  	border-right: 1px;
  	border-bottom: 1px;
	border-left: 1px;
	border-style: solid;
	border-color: #999999;
	background-color: #FFFFFF;
}


#news1 {
  width: 670px;
  padding: 5px;
  margin: 2px 0 15px 0;
  border-top: 1px;
  border-right: 1px;
  border-bottom: 1px;
  border-left: 1px;
  border-style: solid;
  border-color: #999999;
}



#news2 {
  width: 670px;

  overflow: auto;
  background-color: #FAF0E6;
  padding: 5px;
  margin: 2px 0 15px 0;
  border-top: 1px;
  border-right: 1px;
  border-bottom: 1px;
  border-left: 1px;
  border-style: solid;
  border-color: #999999;
}

#news3 {
  width: 670px;

  overflow: auto;
  background-color: #B6DACB;
  padding: 5px;
  margin: 2px 0 15px 0;

}

#box1 {

  overflow: auto;
  background-color: #B6DACB;
  padding: 5px;
  margin: 2px 0 15px 0;

}

h6 {
  margin: 0 0 5px 0;
  padding: 5px 0 4px 6px;
  line-height: 110%;
  font-size: 18px;
  color: #333333;
/*    background-color: #99CCCC;*/
}

#footer {
	position:relative; 
 display: inline;
 margin: 0px;
 padding: 10px;
 width: 902px;
 height: 150px;
 float: left;
 border-top: 4px solid #1c0e66;
 font-size: 90%;
 color: #666;
 background: #FFFFFF;
}

.clear {
 clear: both;
 background-color:  #FAF0E6;
}

h1 {
padding: 5px 10px;
 font-size:110%;
 letter-spacing: 2px;

 color: #366;
 text-decoration: none;
}
.imgleft {
 float: left;
 padding: 10px;
}

a:hover {
text-decoration : none;
color :#00515C;
background:inherit;
background-color:#FFFFFF;
}
a:active {
 text-decoration : none;
 color : #F5DE1E;
 background:inherit;
 background-color:#FFFFFF;
}

/*トップ画像サイズの最適化*/
.imgsizetop img{
  border: 0px solid #000;
  width: 685px;
}

div.login {
   border-radius: 20px;         /* CSS3 */
   -moz-border-radius: 20px;    /* Firefox */
   -webkit-border-radius: 20px; /* Safari,Chrome */

   border: 3px #4169e1 solid;     /* 枠線の装飾 */
   background-color: #e5f3ff;   /* 背景色 */
   
   padding: 10px;
   
   height: 100px;
   width: 250px;
   position:absolute;
   left:200px;
   float:left;
}
div.regist {
   border-radius: 20px;         /* CSS3 */
   -moz-border-radius: 20px;    /* Firefox */
   -webkit-border-radius: 20px; /* Safari,Chrome */

   border: 3px #ffb2c9 solid;     /* 枠線の装飾 */
   background-color: #fff2f6;   /* 背景色 */
   
   padding: 10px;
   
   height: 100px;
   width: 250px;
   position:absolute;
   left:500px;
   float:left;
}
div.create {
   border-radius: 20px;         /* CSS3 */
   -moz-border-radius: 20px;    /* Firefox */
   -webkit-border-radius: 20px; /* Safari,Chrome */

   border: 3px #ffb2c9 solid;     /* 枠線の装飾 */
   background-color: #fff2f6;   /* 背景色 */
   
   padding: 10px;
   
   height: 650px;
   width: 600px;
   position:relative;
   left:200px;
   float:left;
   margin-top: 50px;
}
p.create{
	font-size: xx-small;
}

div.bg {
   background-color: #fff;   /* 背景色 */
   height: 100%;
   width: 100%;
   border: 0px #fff solid;     /* 枠線の装飾 */
   position:relative;
   left:0px;
   top:0px
}

div.upload {
   border-radius: 20px;         /* CSS3 */
   -moz-border-radius: 20px;    /* Firefox */
   -webkit-border-radius: 20px; /* Safari,Chrome */

   border: 3px #4169e1 solid;     /* 枠線の装飾 */
   background-color: #e5f3ff;   /* 背景色 */
   font-size: large;
   padding: 10px;
   
   height: 200px;
   width: 300px;
   margin-left:auto;
   margin-right:auto;
   text-align: left;
   margin-top:50px;
}

div.change {
   border-radius: 20px;         /* CSS3 */
   -moz-border-radius: 20px;    /* Firefox */
   -webkit-border-radius: 20px; /* Safari,Chrome */

   border: 3px #4169e1 solid;     /* 枠線の装飾 */
   background-color: #e5f3ff;   /* 背景色 */
   
   height: 250px;
   width: 250px;
   margin-top:50px;
   position:absolute;
   left:280px;
   float:left;
}
div.chart {
   background-color: #fff;   /* 背景色 */
   
   height: 250px;
   width: 300px;
   margin-top:50px;
   position:absolute;
   left:0px;
   float:left;
}
div.delete {
   border-radius: 20px;         /* CSS3 */
   -moz-border-radius: 20px;    /* Firefox */
   -webkit-border-radius: 20px; /* Safari,Chrome */

   border: 3px #4169e1 solid;     /* 枠線の装飾 */
   background-color: #e5f3ff;   /* 背景色 */
   
   height: 250px;
   width: 175px;
   margin-top:50px;
   position:absolute;
   left:550px;
   float:left;
}

div.forget {
   border-radius: 20px;         /* CSS3 */
   -moz-border-radius: 20px;    /* Firefox */
   -webkit-border-radius: 20px; /* Safari,Chrome */

   border: 3px #4169e1 solid;     /* 枠線の装飾 */
   background-color: #e5f3ff;   /* 背景色 */
   
   
   height: 150px;
   width: 500px;
   margin-left:auto;
   margin-right:auto;
   text-align: left;
}

div.passforget {
   border-radius: 20px;         /* CSS3 */
   -moz-border-radius: 20px;    /* Firefox */
   -webkit-border-radius: 20px; /* Safari,Chrome */

   border: 3px #4169e1 solid;     /* 枠線の装飾 */
   background-color: #e5f3ff;   /* 背景色 */
   
   padding: 10px;
   
   height: 100px;
   width: 400px;
   margin-top:200px;
   margin-left:auto;
   margin-right:auto;
   text-align: left;
}