@charset "UTF-8";

/* ========BASIC======== */
* {
   font-family:serif,HiraKakuPro-W3,"ヒラギノ角ゴ Pro W3","メイリオ", Meiryo,sans-serif;
   color:#aaa;
}

body {
   margin:0;
   padding: 0 0 0 0;
   line-height:1.6;
   letter-spacing:1px;
   background-color:black;
}

br {
   letter-spacing:normal;
}

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

a:hover {
   text-decoration:underline;
}

img {
   border:0;
}

h1,h2,h3,h4,h5,h6 {
   margin:0;
}

p {
   font-size:7pt;
}

section, article, nav, hgroup, header, footer {
   display:block;
}


/* ========BODY======== */

section#wrapper {
  width:900px;
  margin:auto;
}

section#top {
  width:900px;
  height:400px;
  margin:150px 0 120px 0;
  background-image:url(img/top.png);
}

footer {
  margin:10px 0 50px 0;
  font-family:serif;
  text-align:center;
}

nav {
  width:640px;
  height:50px;
  margin:auto;
}

section#twitter {
  float:right;
  margin:110px 40px 0px 0px;
  overflow: hidden
}

.top {
  background: url(img/uni-back.png);
  height:400px;
  width:500px;
  margin-left:80px;
  display:block;
  background-position:0 -400px;
}

.top a {
  background: url(img/uni-back.png);
  height:400px;
  width:500px;
  display:block;
}

section#uni {
  width:900px;
  height:400px;
  margin:150px 0 120px 0;
  background-image:url(img/uni.png);
}

.clearfix {width:100%;}
.clearfix:after{
    content: ""; 
    display: block; 
    clear: both;}


/* =========ABOUT======== */

section#prof-top {
  width:900px;
  height:100px;
  margin:100px 0 50px 0;
  background-image:url(img/prof-top.png);
}

section#about-top {
  width:900px;
  height:100px;
  margin:120px 0 50px 0;
  background-image:url(img/about-top.png);
}

section#about {
  width:900px;
  height:300px;
  margin:50px 0 120px 0;
  background-image:url(img/uni-about.png);
}

section#anri {
  width:900px;
  height:300px;
  margin:50px 0 50px 0;
  background-image:url(img/anri.png);
}

section#satoshi {
  width:900px;
  height:300px;
  margin:50px 0 50px 0;
  background-image:url(img/satoshi.png);
}

section#yuki {
  width:900px;
  height:300px;
  margin:50px 0 50px 0;
  background-image:url(img/yuki.png);
}

section#kento {
  width:900px;
  height:300px;
  margin:50px 0 90px 0;
  background-image:url(img/kento.png);
}

.twi {
  background: url(img/t-uni.png);
  height:50px;
  width:50px;
  position:relative;
  top:20px;
  left:700px;
  display:block;
  background-position:0 -50px;
}

.twi a {
  background: url(img/t-uni.png);
  height:50px;
  width:50px;
  display:block;
}


/* =========NAVI========== */

ul#g-navi li {
  float:left;
  margin:0 30px 10px 30px;
  list-style:none;
}


/* ========JS======== */

.nav1
{
background: url(img/nav1.png);
height:50px;
width:50px;
display:block;
background-position:0 -50px;
}

.nav1 a
{
background: url(img/nav1.png);
height:50px;
width:50px;
display:block;
}

.nav2
{
background: url(img/nav2.png);
height:50px;
width:50px;
display:block;
background-position:0 -50px;
}

.nav2 a
{
background: url(img/nav2.png);
height:50px;
width:50px;
display:block;
}

.nav3
{
background: url(img/nav3.png);
height:50px;
width:50px;
display:block;
background-position:0 -50px;
}

.nav3 a
{
background: url(img/nav3.png);
height:50px;
width:50px;
display:block;
}

.nav4
{
background: url(img/nav4.png);
height:50px;
width:50px;
display:block;
background-position:0 -50px;
}

.nav4 a
{
background: url(img/nav4.png);
height:50px;
width:50px;
display:block;
}

.nav5
{
background: url(img/nav5.png);
height:50px;
width:50px;
display:block;
background-position:0 -50px;
}

.nav5 a
{
background: url(img/nav5.png);
height:50px;
width:50px;
display:block;
}