<meta name="viewport" content="width=device-width,initial-scale=1.0,minimum-scale==1.0,maximum-scale=1.6,user-scalable=yes">
<link href="https://fonts.googleapis.com/earlyaccess/hannari.css" rel="stylesheet" />
<style type="text/css">

@import url('https://fonts.googleapis.com/css?family=Quattrocento');

* {
 margin:0 auto;
 padding:0 auto;
}

* html body{
 overflow: hidden;
} 

#header {
 position: fixed !important;
 position: absolute;
 background: url(#画像_url#);
 top: 0;
 left: 0;
 width: 100%;
 height: 100px;
 color: #000;
 text-align:center;
 padding: 50px 0px 5px 0px;
}

* html div#contents{
 height: 100%;
 overflow: auto;
}

body{
 margin: 0;
 padding: 120px 0 0 0;
 font-size: 13px;
 font-family:'Lucida Grande',
 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3',
  Meiryo, メイリオ, sans-serif;
 line-height: 1.8em;
}

img { 
 max-width: 100%; 
 height:auto;
}

a.menu {
 text-decoration: none;
 color:#ffffff;
 background-color: #000000;
 padding:2px 5px 2px 5px;
 filter:alpha(opacity=90);
 -moz-opacity: 0.9;
 opacity: 0.9;
}

a.menu:hover { 
 color:#000000;
 background-color: #ffffff;
 padding:2px 5px 2px 5px;
 filter:alpha(opacity=90);
 -moz-opacity: 0.9;
 opacity: 0.9;
}

#wrap{
width:82%; max-width:400px; margin:0 auto;
}

h1,.cate,.nv{
 color:#000000;
 margin:0px 0px 0px 0px;
 font-size:15px;
 text-align:center;
}

.ma { 
 color: #000000;
 padding: 3px 10px 3px 10px; 
 background: linear-gradient(transparent 40%, #FF4FB3 0%);
}

.table {
 padding:10px 10px 10px 10px;
 margin:0px 0px 4px 0px;
 text-align: left; 
}

.box {
 -moz-border-radius: 15px;
 -webkit-border-radius: 15px;
 border-radius: 15px;       
 padding-top:10px;
 padding-bottom:10px;
 padding-right:20px;
 padding-left:20px;
 color: #ffffff;
 font-size: 12px;
 background-color: #000; 
 text-align: left; 
 margin:0px 0px 10px 0px;
}

 .all {
 text-align: left;
 padding: 0px 10px 0px 10px;  
}

.con{
 margin:50px 0 30px;
}

.icon{
 width:55px;
 height:55px;
 overflow:hidden;
 text-align:center;
 margin:0 auto;
 border-radius:50%;
 background-color:#eee;
}

.icon img{
 width:55px;
 height:55px;
}

.icon a{
pointer-events:none;
}

.note{
 padding:10px; margin-top:10px;
}

a{
 -webkit-transition: 0.5s;
 -moz-transition: 0.5s;
 -o-transition: 0.5s;
 -ms-transition: 0.5s;
 transition: 0.5s;
 text-decoration:none;
}

a:hover{
 text-decoration:none;
 border-bottom:0px;
 color:#abced8;　/* カーソル動かした時に変化する文字色 */ 
}

::selection { background:#d8e9f0; /* Safari */ }
::-moz-selection { background:#d8e9f0; /* Firefox */ }

</style>