@charset "utf-8";

/*===============
  common elements
  ===============*/

html,body {margin: 0;
          padding: 0;}

body {font-size: 100%;
    font-family: Helvetica,"游ゴシック",YuGothic,"ヒラギノ角ゴ Pro","Hiragino Kaku Gothic Pro","メイリオ","Meiryo", sans-serif;
          color: #ffffff;
     background: #000000;
          width: 100%;
    line-height: 25px;
     text-align: center;}

#select {font-size: 150%;
margin: 100px 0 50px;}

a {text-decoration: none;
           display: block;}

a:link,a:visited,a:hover,a:active  {color: #000000;}

#menu {display: table;
        margin: 0 auto;}

.menu {         display: table-cell;
       background-color: #ffffff;
                padding: 10px 0;
  -webkit-border-radius: 15px;
     -moz-border-radius: 15px;   
          border-radius:15px;}

.menu img {vertical-align: middle;}

.menu-pad {padding-bottom: 50px;}

/*===================
  mediaqueries layout
  ===================*/

/*----------
  smartphone
  ----------*/

@media print, screen and (max-width: 480px) {

#menu {width: 90%;}

.logo1 {width: 80%;}

.logo2 {width: 85%;}

#logo {margin-top: 50px;
            width: 30%;}

}

/*------
  tablet
  ------*/

@media print, screen and (min-width: 481px) and (max-width: 768px) {

#menu {width: 60%;}

.logo1 {width: 70%;}

.logo2 {width: 72%;}

#logo {margin-top: 70px;
            width: 20%;}

}

/*--
  pc
  --*/

@media print, screen and (min-width: 769px) {

#menu {width: 50%;}

.logo1 {width: 70%;}

.logo2 {width: 72%;}

#logo {margin-top: 100px;
            width: 15%;}

}