html{
    height:100%;
  }
  body{
    font: normal 14px "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    background-color:#000;
    margin:0px;
    height:100%;
    background-image: url('/img/back_web.png');
    background-repeat:repeat-x;
    background-position:bottom;
    background-attachment: fixed;
  }
  
  #cover18{
    position:absolute;
    left:0px;
    top:0px;
    width:10px;
    height:10px;
    background-color:#000;
    filter: alpha(opacity=9);
    -moz-opacity:0.9;
    opacity:0.9;
    /*
    width:1200px;
    height:2400px;
    */
  }
  
  .contents_cover{
    width:900px;
    margin-left:auto;
    margin-right:auto;
    background-image: url('/img/back_web_2.png');
    background-repeat:repeat;
  }
  .contents{
    width:850px;
    margin-left:auto;
    margin-right:auto;
    background-color:white;
  }
  .header{
    /*border-bottom:1px solid #5A2;*/
    padding:10px;
    background-image: url("/img/header_back_850.png");
    background-repeat: no-repeat;
  }
  .header h1{
    margin:0px;
  }
  .header h3{
    margin:0px;
  }
  .main{
    padding:10px;
    width:580px;
    float:left;
  }
  .side{
    width:220px;
    margin-left:609px;
    padding:10px;
    border-left:1px dotted #000;
    overflow:auto;
    overflow-y:scroll;
    height:100%;
  }
  .clear{
    clear:both;
  }
  .footer{
    border-top:1px solid #555;
    background-color:gray;
    color:white;
    padding:10px;
  }
  
  .side dl dt{
    font-weight:bold;
  }
  .side dl dd{
    padding-left:0px;
    margin-left:0px;
    font-size:0.8em;
  }
  
  
  .main .head_nav{
    font-size:0.8em;
    margin-bottom:15px;
  }
  
  .main .pickup{
    padding:15px;
    border:1px solid #000;
    background-color:#FDD;
    margin:10px;
    font-size:1.2em;
    
     border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
  }
  
  .character_name{
    font-size:1.5em;
    font-weight:bold;
    margin-bottom:15px;
    border-left:5px solid red;
    border-bottom:2px solid black;
    padding:3px;
    padding-left:12px;
  }
  .character_name .left{
    float:left;
    width:200px;
  }
  .character_name .right{
    margin-left:200px;
    width:360px;
    text-align:right;
    font-size:15px;
    font-weight:normal;
    padding-top:3px;
  }
  .character_name_sakura{
    border-left:5px solid red;
    border-bottom:2px solid black;
  }
  .character_name_ana{
    border-left:5px solid orange;
    border-bottom:2px solid black;
  }
  .character_name_via{
    border-left:5px solid green;
    border-bottom:2px solid black;
  }
  .character_name_aqua{
    border-left:5px solid #0099FF;
    border-bottom:2px solid black;
  }
  
  
  .character_text_td{
    width:500px;
  }
  
  .character_text{
    font-size:1.2em;
    margin-bottom:15px;
  }
  /*
  .character_credit{
    border:1px solid #000;
    background-color:#eee;
    padding:10px;
    font-size:1.2em;
    
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    
    margin-top:5px;
    margin-bottom:15px;
    margin-right:12px;
    margin-left:12px;
  } 
  */
  .character_credit{
    font-size:1.2em;
    
    text-align:center;
    
    margin-top:5px;
    margin-bottom:15px;
    margin-right:12px;
    margin-left:12px;
  }
  .ul_nav{
    list-style:none;
    margin-left:0px;
    padding-left:0px;
    margin-top:0px;
    margin-bottom:0px;
  }
  .ul_nav li{
    float:left;
    padding:8px;
    margin:2px;
    width:170px;
    text-align:center;
    
    background-color:gray;
    font-weight:bold;
  }
  .ul_nav li.full{
    width:550px;
  }
  .ul_nav li.half{
    width:265px;
  }
  .ul_nav .active{
    background-color:#b77;
    color:white;
  }
  .ul_nav a{
    color:white;
    text-decoration: none;
  }
  
  .story_text{
    font-size:1.2em;
  }
  
  .text_hide{
    position:absolute;
    top:-8000px;
    display:block;
  }
  
  
  dl.history{
    margin-left:15px;
  }
  dl.history dt{
  }
  dl.history dd{
    margin-left:0px;
    padding-left:0px;
    margin-bottom:20px;
  }
  
  .credit_table tr th{
    text-align:right;
    padding-right:18px;
  }

  /*バックグラウンドにはめ込む画像の類*/
  .img_top_sakura1{
    background-image: url('/img/sakura/sakura1_web_logo_title_wide.png');
    background-repeat:no-repeat;
    width:560px;
    height:233px;
    margin-left:auto;
    margin-right:auto;
    background-size:cover;
  }
  
  .img_top_sakura2{
    background-image: url('/img/sakura/sakura2_web_logo_title_wide.png');
    background-repeat:no-repeat;
    width:560px;
    height:233px;
    margin-left:auto;
    margin-right:auto;
    background-size:cover;
  }
  .img_top_sakura3{
    background-image: url('/img/sakura/sakura3_web_logo_title_wide.png');
    background-repeat:no-repeat;
    width:560px;
    height:233px;
    margin-left:auto;
    margin-right:auto;
    background-size:cover;
  }
  .img_top_sakura1_en{
    background-image: url('/img/sakura/sakura1_web_logo_title_wide_en.png');
    background-repeat:no-repeat;
    width:560px;
    height:233px;
    margin-left:auto;
    margin-right:auto;
    background-size:cover;
  }
  .img_top_sakura2_en{
    background-image: url('/img/sakura/sakura2_web_logo_title_wide_en.png');
    background-repeat:no-repeat;
    width:560px;
    height:233px;
    margin-left:auto;
    margin-right:auto;
    background-size:cover;
  }
  .img_top_sakura3_en{
    background-image: url('/img/sakura/sakura3_web_logo_title_wide_en.png');
    background-repeat:no-repeat;
    width:560px;
    height:233px;
    margin-left:auto;
    margin-right:auto;
    background-size:cover;
  }
  
  .img_main_sakura1{
    background-image: url('/img/sakura/sakura1/pa_intro.png');
    background-repeat:no-repeat;
    width:560px;
    height:420px;
    margin-left:auto;
    margin-right:auto;
    background-size:cover;
  }
  
  .img_main_sakura1_en{
    background-image: url('/img/sakura/sakura1/pa_intro_en.png');
    background-repeat:no-repeat;
    width:560px;
    height:420px;
    margin-left:auto;
    margin-right:auto;
    background-size:cover;
  }

  
  .img_main_sakura2{
    background-image: url('/img/sakura/sakura2/web_main.png');
    background-repeat:no-repeat;
    width:560px;
    height:420px;
    margin-left:auto;
    margin-right:auto;
    background-size:cover;
  }
  
  .img_main_sakura2_en{
    background-image: url('/img/sakura/sakura2/web_main_en.png');
    background-repeat:no-repeat;
    width:560px;
    height:420px;
    margin-left:auto;
    margin-right:auto;
    background-size:cover;
  }
 
 
  .img_main_sakura3{
    background-image: url('/img/sakura/sakura3/web_main.png');
    background-repeat:no-repeat;
    width:560px;
    height:420px;
    margin-left:auto;
    margin-right:auto;
    background-size:cover;
  }
  
  .img_main_sakura3_en{
    background-image: url('/img/sakura/sakura3/web_main_en.png');
    background-repeat:no-repeat;
    width:560px;
    height:420px;
    margin-left:auto;
    margin-right:auto;
    background-size:cover;
  }
o;
    background-size:cover;
  }