@charset "Shift_JIS";
/* 700px以上のブラウザ */
@media all and (min-width: 700px){
 #width{
  width: 700px;
  margin: 0px auto;
 }
}


/* 共通 */

body{
 font-family:Roboto, "Droid Sans", "Hiragino Kaku Gothic ProN", Meiryo, "MS Gothic", sans-serif;
}

a{
 color: #dd7668;
 text-decoration: none;
}
a:hover{
 text-decoration: underline;
}

hr{
 margin: 10px 0px;
 border: none;
 border-bottom: 2px dashed #cc9966;
}

#nav{
 font-family: "Cabin Sketch", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ ゴシック", "MS Gothic", sans-serif;
 background: url(https://gaiagi-mog.net/item/icon/xx_white.png),
             url(https://gaiagi-mog.net/item/icon/xx_white.png),
             url(https://gaiagi-mog.net/item/background_nav.gif);
 background-repeat: no-repeat,
                    no-repeat,
                    repeat;
 background-position: center left 3%,
                      center right 3%,
                      left;
 background-color: c62f43;
 width: 100%;
 padding: 20px 0px;
 text-align: center;
 position: fixed;
 top: 0px;
 left: 0px;
 right:0px;
 z-index: 1;
}

#nav a{
 background-color: rgba(255,255,255,0.5);
 border-radius: 1em;
 color: #553300;
 padding: 0px 2px;
 text-decoration: none;
}

#nav a:hover{
 background: #FFFFFF;
 border-bottom: none;
}

#contents{
 margin: 80px 15px 15px;
 position: relative;
}


.center{
 text-align: center;
}

img{
 max-width: 100%;
}

#jacket{
 max-width: 100%;
 border: 1px solid #444444;
}

#new { margin: -5px 5px 5px 5px;
 padding: 5px;
 font-size: 90%;
 width:95%;
 height:90px;
 overflow:auto;
 background: url(https://gaiagi-mog.net/item/background_new.gif);}

#title { margin: 0px 0px 0px 0px;
 padding: 2px;
 font-size: 120%;
 width:95%;
 height:auto;
 overflow:visible;
 background: url(https://gaiagi-mog.net/item/background_new.gif) repeat fixed;}
 
p.title {margin: 5px 5px 0px 0px;
 padding: 2px; }

h2{
 color: #e25552;
 letter-spacing: 0px;
 font-family: "Cabin Sketch", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ ゴシック", "MS Gothic", sans-serif;
}

ul{
margin: 0 0 0 1em;
padding: 0;
}

.line{
 border-bottom: 1px dashed #cc9966; 
}

.icon{
 vertical-align: middle;
 width: auto;
 height: 25px;
 margin-right: 8px;
 vertical-align: middle;
}

#block{
 margin-top: 30px;
}