@charset "utf-8";

/* リセットCSS = デフォルトの無駄なCSSをナシにする
------------------------------------------------------------*/
* {
  margin: 0;
  padding: 0;
  border: 0;
  list-style-type: none;
  font-weight: normal;
  line-height: 1;
}

/* 全体設定
------------------------------------------------------------*/
body{
	color:#595858;
	font-size: 14px;
	font-family: "Meiryo", "メイリオ", "MS PGothic", "Osaka", Arial, sans-serif;
	background-color: #ffffff;
}

/* フロートの解除
------------------------------------------------------------*/
.clear {
  clear: both;
}

/* ★★ 00.上部
------------------------------------------------------------*/
div#top{/*上の黒い四角*/
  width: 100%;
  height: 40px;
  background-color: black;
}

div#top-square{   /*枠の設定*/
  width: 960px;
  padding: 10px 0 0 0;
  margin: 0 auto;
}
p#new-student{
  margin-left: 20px;
}

p#sitemap{
  margin-left: 20px;
}

div.top-contents{   /*フォントと位置の設定*/
  font-size: 12px;
  float: right;
}

div.top-contents a{   /*日本語とEnglishを白く*/
  color: white;
}

div.top-contentsp{   /*間のスラッシュを白く*/
  color: white;
}

div.top-contents a:link{    /*リンクの文字効果を消す*/
  text-decoration: none;
  font-style:normal;
}

div.top-contents a:hover{
  color: blue;
  /*マウスで選択したときのCSS,リンクの色が変わる*/
}

/* ★★ 01.ヘッダー
------------------------------------------------------------*/
header{    /*枠の設定*/
  width:960px;
  height: 60px;
  padding-top: 40px;
  margin: 0 auto;
}

div#title{
  width: auto;
  height: 60px;
  float: left;
}

div#title h1{
  font-size: 12px;
  margin-bottom: 8px;
}

div#title h2{
  font-size: 38px;
  margin-bottom: 8px;
}

div#logo{
  margin-left: 20px;
  float: left;
}

nav{
  width: auto;
  height: 15px;
  float: right;
  margin-top: 40px;
}

nav ul li{
  float:left;
  margin:0 0 0 20px; 
}

nav ul li a{
  font-size: 14px;
  color: #595858;
  text-decoration: none;  /*文字の下線を消す*/
  font-weight: 600; /*文字の太さ*/
}

nav ul li a:link {/*未訪問のリンク*/
  color:#686349;
  font-style:normal;
}

nav ul li a:visited {/*訪問後のリンク*/
  color:#686349;
}

nav ul li a:hover{
  color: #e73a51;
  /*マウスで選択したときのCSS,リンクの色が変わる*/
}

hr {
border-width: 3px 0px 0px 0px;
border-style: solid;
border-color: #000000;
height: 1px;
padding-bottom: 5px;
}

/* ★★ 03.アルバム
------------------------------------------------------------*/

div.year{
  width: 960px;
  margin: 20px auto 0 auto;
}


div.wrap{
width: 860px;
margin: 20px auto;
}
.smallimage {
background-color: #fff;
border: 1px solid #CCC;
padding: 3px;
margin: 10px 5px 0 0;
}

/* ★★ 08.フッター
------------------------------------------------------------*/
footer{
  width: 100%;
  height: 100px;
  background-color:#7d7d7c;
  padding-top: 20px;
  margin-top:100px; 
}

div.footerWrapper{
  width:960px;
  height: auto;
  margin: 0 auto;
}

div.footerWrapper h4{
  color: white;
  float: left;
}

div.footerWrapper p{
  color: white;
  float:right;
}