@charset "utf-8";

/*==================================
  Universal reset
==================================*/
*{margin:0; padding:0;}
header, nav, section, article, figure, aside, footer {display: block;}

/*==================================
  Common parts
==================================*/
* {font-style: normal; font-variant: normal;	font-weight: normal; font-family: 'EB Garamond', serif, "ＭＳ Ｐ明朝", "arial", "Osaka", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "helvetica", "clean", sans-serif; line-height: 18px;}

/*==================================
  Layout
==================================*/
#page {width: 100%; margin: 0 auto;}
#page-video {width: 900px; margin: 50px 0 0 280px; padding: 0 20px 0 20px;}
#title {margin: 50px 0 0 0;}
#navigation {position: absolute; top:0; left:0; padding:0 20px 0 20px; height:100%; background-image: url('images/navigationbackground.png'); font-size:17px;}
#logo {position: absolute; width:320px; height:51px; margin-top:120px; right:40px; background-image: url('images/logo.png'); background-repeat:no-repeat; z-index:100;}
#music {position: absolute; bottom:10px; right:10px; z-index:100;}


/*==================================
  Links
==================================*/
a {color:#2E2E2E; text-decoration:none; outline: none;}
a:link {color:#2E2E2E; text-decoration:none;}
a:visited {color:#2E2E2E; text-decoration:none;}
a:hover {color:#2E2E2E; text-decoration:none;}
a:active {color:#2E2E2E; text-decoration:none;}


/*==================================
  Misc.
==================================*/
img {border: none; vertical-align: top;}
.center {text-align: center;}
.right {text-align: right;}
.left {text-align: left;}
.bold {font-weight: bold;}
li {list-style-type:none;}
hr {color:black; background-color:black; height:1px; border:0; margin-bottom:5px;}


/*==================================
  Text
==================================*/
p {font-size : 15px; margin: 10px 0;}
h1 {font-size : 24px; line-height: 24px;}
h2 {font-size : 18px; line-height: 20px;}
h3 {font-size : 14px;}
h4 {font-size : 12px;}
h5 {font-size : 11px;}
h6 {font-size : 10px;}