/* Resets (http://meyerweb.com/eric/tools/css/reset/ | v2.0 | 20110126 | License: none (public domain)) */

html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline;}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block;}body{line-height:1;}ol,ul{list-style:none;}blockquote,q{quotes:none;}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none;}table{border-collapse:collapse;border-spacing:0;}body{-webkit-text-size-adjust:none}

/* Box Model */

*, *:before, *:after {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

html, body {
  font-family: "Apple TP", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", メイリオ, Meiryo, "ＭＳ Ｐゴシック", "Helvetica Neue", Helvetica, Arial, sans-serif;
}

#background_image {
  height: 100%;
  width: 100%;

  background-image: url(./images/pic00.jpg);
  background-position: center center;
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-size: cover;

  filter: blur(8px);
  -webkit-filter: blur(8px);
  position: fixed;
  top: 0;
}

#background {
  height: 100%;
  width: 100%;
}

#background .layer{
  height: 100%;
  width: 100%;
  background-color: rgba(0, 0, 0, 0.4);
  position: fixed;
  top: 0;

}


#contents {
  margin-left: auto;
  margin-right: auto;
}

#contents header {
  padding-top: 30px;
  padding-left: 30px;
  color: #f1f1f1;
  display: block;
  font-size: 100px;
  font-weight: bold;
  /*
  text-shadow: #333 -2px -2px 10px, #333 2px 2px 10px;
  */

  word-wrap: break-word;
}

#contents header h1 span.n {
  font-size: 130px;
}

#contents header h2 {
  font-size: 20px;
  text-align: left;
  padding-left: 20px;
  margin: 20px 0 0 0;
}

/*-------------------------
  profile
-------------------------*/

#contents .profile {
  padding-top: 20px;
  padding-left: 80px;
  color: #fff;
}

#contents .profile .title {
  font-size: 38px;
  padding-bottom: 20px;
  font-weight: bold;
}

#contents .profile ul {
}

#contents .profile ul li {
  color: white;
  font-size: 18px;
  margin-left: 25px;
  margin-bottom: 10px;
}

#contents .profile ul li a {
  color: white;
  text-decoration: none;

}
#contents .profile ul li a:hover {
  text-decoration: underline;

}

/*-------------------------
  footer
-------------------------*/
#contents footer {
  position: fixed;
  bottom: 10px;
  right: 10px;
  color: #fff;
}