/* 神社仏閣ＣＳＳ 文字色　金　#FFD700 */

  /* 980px以上 PCの記述 */
@media screen and (min-width: 980px) {html { font-size: 62.5%;}}

body {color:#ffd700; background-color: #003000;font-size: 2.2rem;font-weight:bold;line-height:1.6em;font-family:'ヒラギノ角ゴ Pro W3','ＭＳ Ｐゴシック','Osaka','メイリオ','Meiryo',sans-serif}

pre{ font-size:3.4rem;text-align:left;font-weight:bold} /* 標準 */

h1{ font-size:3.2rem;text-align:left;font-weight:bold} /* 標準 */
h2{ font-size:2.8rem;font-weight:bold} /* 標準 */
h3{ font-size:2.2rem;font-weight:bold} /* 標準 */

hr.wid70 { width: 70%; }
hr.wid30 { width: 30%; }

hr.left { text-align:left }

table.wid95 { width: 95%;margin-left: 30px 5px }
table.wid90 { width: 90%;margin-left: 30px 5px }
table.wid80 { width: 80%;margin-left: 30px 5px }

td.wid50 { width: 50%; }
td.wid40 { width: 40%; }
td.wid30 { width: 30%; }
td.wid25 { width: 25%; }
td.wid20 { width: 20%; }
td.wid10 { width: 10%; }

th{ font-weight:bold:text-align:center}

td{ text-align:left}

td.cent { text-align:center}

td.center { text-align:center}

p.cent { text-align:center}

p.center { text-align:center}

p.left { text-align:left;margin-left: 30px}

p.lheight{ line-height:1.4em}

p{ line-height:1.4em}

dt{ font-weight:bold}
dd{ text-indent:1em}

a{ font-size:2.2rem;font-weight:bold}

img { margin: 0.8em 1.2em }
img.ns { margin: 0.0em 0.0em }


/* リンクカラー */
a:link { color: #7fff00}
a:visited { color: #7fff00}
a:hover { color: #7fff00}
a:active { color: #7fff00} 
/* リンクカラー　END */

#center{ text-align:center;font-weight:bold}
#left{ text-align:left;margin-left: 20px}

#red{ background-color:red;}
#green{ background-color:green;}
#yellow{ background-color:yellow;}

#mid { vertical-align:middle;}



/* <p id="red"> #red */

/* ビューポートが980pxより狭い場合 */

@media screen and (max-width: 980px) {
 
    #pagewrap {
        width: 95%;
    }
 
    #content {
        width: 60%;
        padding: 3% 4%;
    }
 
    #sidebar {
        width: 30%;
    }
    #sidebar .widget {
        padding: 8% 7%;
        margin-bottom: 10px;
    }
 
}
/* ビューポートが650pxより狭い場合 */
@media screen and (max-width: 650px) {
 
    #header {
        height: auto;
    }
 
    #searchform {
        position: absolute;
        top: 5px;
        right: 0;
    }
 
    #main-nav {
        position: static;
    }
 
    #site-logo {
        margin: 15px 100px 5px 0;
        position: static;
    }
 
    #site-description {
        margin: 0 0 15px;
        position: static;
    }
 
    #content {
        width: auto;
        float: none;
        margin: 20px 0;
    }
 
    #sidebar {
        width: 100%;
        float: none;
        margin: 0;
    }
 
}
/* 480pxより狭い場合 */

    html {
        -webkit-text-size-adjust: none;
    }
 
    #main-nav a {
        font-size: 90%;
        padding: 10px 8px;
    }
 
}

