.c1
{
   position:absolute; left:0px; top:0px; visibility:hidden;
   font-size:9pt; color:#cc0033; 
   background-color:#FFFFFF;
   border:1px solid #0099FF; padding:5px;
   z-index: 2;
}

h1
{
   border-color: red;
   border-style: solid;
   border-width: 0px 0px 4px 20px;
   padding-left: 0.5em;
   font-size: 1.2em;
   font-weight: bold;
}

h2
{
   font-weight: bold;
   font-size: 1.2em;
}

h3
{
   color: blue;
   font-weight: bold;
   font-size: 0.8em;
   margin-top: 0;
   margin-bottom: 0;
}

h4
{
   color: red;
   font-weight: bold;
   font-size: 0.7em;
   margin-top: 0;
   margin-bottom: 0;
}

h5
{
   font-size: 0.7em;
   font-weight: bold;
}


h6
{
   color: black;
   font-weight: bold;
   font-size: 0.9em;
   margin-top: 0;
   margin-bottom: 0;
}


body
{
   background:#FFC; 
   color:#966;
   margin-right: auto;
   margin-left: auto;
   background: wallppr011.gif;
}


#abox
{
   visibility:visible;
   width: 400px;
   height: 750px;
   position: absolute;
   top: 10px; 
   left: 0;
   right: 0;
   bottom: 0;
   margin:0 auto;
   background-color: #dddddd;
   border-top: 1px solid #eeeeee;
   border-right: 1px solid #4c4c4c;
   border-bottom: 1px solid #4c4c4c;
   border-left: 1px solid #eeeeee;
   padding: 1px 3px 1px 3px;
   z-index: 1;
   //zoom: 2;
}

#cbox
{
   visibility: hidden;
   width: 400px;
   height: 1000px;
   position: absolute;
   top: 10px; 
   left: 0;
   right: 0;
   bottom: 0;
   margin:0 auto;
   background-color: #dddddd;
   border-top: 1px solid #eeeeee;
   border-right: 1px solid #4c4c4c;
   border-bottom: 1px solid #4c4c4c;
   border-left: 1px solid #eeeeee;
   padding: 1px 3px 1px 3px;
   //zoom: 2;
}
  
#dbox
{
   visibility:hidden;
   width: 350px;
   height: 1250px;
   position: absolute;
   top: 10px; 
   left: 0;
   right: 0;
   bottom: 0;
   margin:0 auto;
   background-color: #dddddd;
   border-top: 1px solid #eeeeee;
   border-right: 1px solid #4c4c4c;
   border-bottom: 1px solid #4c4c4c;
   border-left: 1px solid #eeeeee;
   padding: 1px 3px 1px 3px;
   //zoom: 2;
}

#ebox
{
   visibility:hidden;
   width: 300px;
   height: 600px;
   position: absolute;
   top: 10px; 
   left: 0;
   right: 0;
   bottom: 0;
   margin:0 auto;
   background-color: #dddddd;
   border-top: 1px solid #eeeeee;
   border-right: 1px solid #4c4c4c;
   border-bottom: 1px solid #4c4c4c;
   border-left: 1px solid #eeeeee;
   padding: 1px 3px 1px 3px;
}

#fbox
{
   visibility:hidden;
   width: 300px;
   height: 750px;
   position: absolute;
   top: 10px; 
   left: 0;
   right: 0;
   bottom: 0;
   margin:0 auto;
   background-color: #dddddd;
   border-top: 1px solid #eeeeee;
   border-right: 1px solid #4c4c4c;
   border-bottom: 1px solid #4c4c4c;
   border-left: 1px solid #eeeeee;
   padding: 1px 3px 1px 3px;
}

#gbox
{
   visibility:hidden;
   width: 350px;
   height: 650px;
   position: absolute;
   top: 10px; 
   left: 0;
   right: 0;
   bottom: 0;
   margin:0 auto;
   background-color: #dddddd;
   border-top: 1px solid #eeeeee;
   border-right: 1px solid #4c4c4c;
   border-bottom: 1px solid #4c4c4c;
   border-left: 1px solid #eeeeee;
   padding: 1px 3px 1px 3px;
}

#hbox
{
   visibility:hidden;
   width: 360px;
   height: 300px;
   position: absolute;
   top: 10px; 
   left: 0;
   right: 0;
   bottom: 0;
   margin:0 auto;
   background-color: #dddddd;
   border-top: 1px solid #eeeeee;
   border-right: 1px solid #4c4c4c;
   border-bottom: 1px solid #4c4c4c;
   border-left: 1px solid #eeeeee;
   padding: 1px 3px 1px 3px;
}

#jbox
{
   visibility:hidden;
   width: 380px;
   position: absolute;
   top: 10px; 
   left: 0;
   right: 0;
   margin: 0 auto;
   background-color: #dddddd;
   border-top: 1px solid #eeeeee;
   border-right: 1px solid #4c4c4c;
   border-bottom: 1px solid #4c4c4c;
   border-left: 1px solid #eeeeee;
   padding: 1px 3px 1px 3px;
}

#kbox
{
   visibility:hidden;
   width: 380px;
   position: absolute;
   top: 10px; 
   left: 0;
   right: 0;
   margin: 0 auto;
   background-color: #dddddd;
   border-top: 1px solid #eeeeee;
   border-right: 1px solid #4c4c4c;
   border-bottom: 1px solid #4c4c4c;
   border-left: 1px solid #eeeeee;
   padding: 1px 3px 1px 3px;
}

#lbox
{
   visibility:hidden;
   width: 420px;
   position: absolute;
   top: 10px; 
   left: 0;
   right: 0;
   margin: 0 auto;
   background-color: #dddddd;
   border-top: 1px solid #eeeeee;
   border-right: 1px solid #4c4c4c;
   border-bottom: 1px solid #4c4c4c;
   border-left: 1px solid #eeeeee;
   padding: 1px 3px 1px 3px;
}

#mbox
{
   visibility:hidden;
   width: 620px;
   position: absolute;
   top: 10px; 
   left: 0;
   right: 0;
   margin: 0 auto;
   background-color: #dddddd;
   border-top: 1px solid #eeeeee;
   border-right: 1px solid #4c4c4c;
   border-bottom: 1px solid #4c4c4c;
   border-left: 1px solid #eeeeee;
   padding: 1px 3px 1px 3px;
}

#nbox1
{
   visibility:hidden;
   width: 300px;
   position: absolute;
   top: 10px; 
   left: 0;
   right: 0;
   margin: 0 auto;
   background-color: #dddddd;
   border-top: 1px solid #eeeeee;
   border-right: 1px solid #4c4c4c;
   border-bottom: 1px solid #4c4c4c;
   border-left: 1px solid #eeeeee;
   padding: 1px 3px 1px 3px;
   //zoom: 2;
}

#nbox2
{
   visibility:hidden;
   width: 300px;
   position: absolute;
   top: 10px; 
   left: 0;
   right: 0;
   margin: 0 auto;
   background-color: #dddddd;
   border-top: 1px solid #eeeeee;
   border-right: 1px solid #4c4c4c;
   border-bottom: 1px solid #4c4c4c;
   border-left: 1px solid #eeeeee;
   padding: 1px 3px 1px 3px;
   //zoom: 2;
}

#n1box
{
   visibility:hidden;
   width: 250px;
   height: 300px;
   overflow-y: scroll;
   line-height: 150%;
   background-color: #dddddd;
   border-top: 1px solid #eeeeee;
   border-right: 1px solid #4c4c4c;
   border-bottom: 1px solid #4c4c4c;
   border-left: 1px solid #eeeeee;
   padding: 1px 3px 1px 3px;
}

#n2box
{
   visibility:hidden;
   width: 250px;
   height: 300px;
   overflow-y: scroll;
   line-height: 150%;
   background-color: #dddddd;
   border-top: 1px solid #eeeeee;
   border-right: 1px solid #4c4c4c;
   border-bottom: 1px solid #4c4c4c;
   border-left: 1px solid #eeeeee;
   padding: 1px 3px 1px 3px;
}

#obox1
{
   visibility:hidden;
   width: 350px;
   position: absolute;
   top: 10px; 
   left: 0;
   right: 0;
   margin: 0 auto;
   background-color: #dddddd;
   border-top: 1px solid #eeeeee;
   border-right: 1px solid #4c4c4c;
   border-bottom: 1px solid #4c4c4c;
   border-left: 1px solid #eeeeee;
   padding: 1px 3px 1px 3px;
   //zoom: 2;
}

#obox2
{
   visibility:hidden;
   width: 350px;
   position: absolute;
   top: 10px;
   left: 0;
   right: 0;
   margin: 0 auto;
   background-color: #dddddd;
   border-top: 1px solid #eeeeee;
   border-right: 1px solid #4c4c4c;
   border-bottom: 1px solid #4c4c4c;
   border-left: 1px solid #eeeeee;
   padding: 1px 3px 1px 3px;
   //zoom: 2;
}

#obox3
{
   visibility:hidden;
   width: 350px;
   position: absolute;
   top: 10px;
   left: 0;
   right: 0;
   margin: 0 auto;
   background-color: #dddddd;
   border-top: 1px solid #eeeeee;
   border-right: 1px solid #4c4c4c;
   border-bottom: 1px solid #4c4c4c;
   border-left: 1px solid #eeeeee;
   padding: 1px 3px 1px 3px;
   //zoom: 2;
}

#o1box
{
   visibility:hidden;
   width: 300px;
   height: 300px;
   overflow-y: scroll;
   line-height: 150%;
   background-color: #dddddd;
   border-top: 1px solid #eeeeee;
   border-right: 1px solid #4c4c4c;
   border-bottom: 1px solid #4c4c4c;
   border-left: 1px solid #eeeeee;
   padding: 1px 3px 1px 3px;
}

#o2box
{
   visibility:hidden;
   width: 300px;
   height: 300px;
   overflow-y: scroll;
   line-height: 150%;
   background-color: #dddddd;
   border-top: 1px solid #eeeeee;
   border-right: 1px solid #4c4c4c;
   border-bottom: 1px solid #4c4c4c;
   border-left: 1px solid #eeeeee;
   padding: 1px 3px 1px 3px;
}


#pbox
{
   visibility:hidden;
   width: 350px;
   position: absolute;
   top: 10px; 
   left: 0;
   right: 0;
   margin: 0 auto;
   background-color: #dddddd;
   border-top: 1px solid #eeeeee;
   border-right: 1px solid #4c4c4c;
   border-bottom: 1px solid #4c4c4c;
   border-left: 1px solid #eeeeee;
   padding: 1px 3px 1px 3px;
}


#qbox
{
   visibility:hidden;
   width: 100%;
   position: absolute;
   top: 10px; 
   left: 0;
   right: 0;
   margin: 0 auto;
   background-color: #dddddd;
   border-top: 1px solid #eeeeee;
   border-right: 1px solid #4c4c4c;
   border-bottom: 1px solid #4c4c4c;
   border-left: 1px solid #eeeeee;
   padding: 1px 3px 1px 3px;
}


#map
{
   visibility:hidden;
   width: 100%;
   height: 500px;
   background-color: #dddddd;
   border-top: 1px solid #eeeeee;
   border-right: 1px solid #4c4c4c;
   border-bottom: 1px solid #4c4c4c;
   border-left: 1px solid #eeeeee;
   padding: 1px 3px 1px 3px;
}

#backimg1
{
   cursor: pointer;
}

#nextimg1
{
   cursor: pointer;
}

#backimg2
{
   cursor: pointer;
}

#nextimg2
{
   cursor: pointer;
}

#txt_fnam
{
   ime-mode: active;
}

/* ▼通常の表示 */
label
{
   border: 1px solid #8080ff;  /* 枠線 */
   border-radius: 9px;         /* 枠線の角丸 */
   padding: 2px 6px 2px 2px;   /* 内側の余白 */
   margin-bottom: 4px;         /* 外側の下の余白 */
   font-weight: bold;
   font-size: 20px;
   display: inline-block;      /* 途中で改行させない */
   cursor: pointer;            /* マウス形状を手形に */
}

label2
{
   border: 1px solid #8080ff;  /* 枠線 */
   border-radius: 9px;         /* 枠線の角丸 */
   padding: 1px 3px 1px 1px;   /* 内側の余白 */
   margin-bottom: 2px;         /* 外側の下の余白 */
   font-weight: bold;
   font-size: 15px;
   display: inline-block;      /* 途中で改行させない */
   cursor: pointer;            /* マウス形状を手形に */
}

/* ▼マウスが載ったときの追加装飾 */
label:hover
{
   background-color: blue;  /* 背景色 */
   color: white;            /* 文字色 */
}

.p-btn
{
    background-color: #EEE8AA;
    border: 1px solid #DDD;
    color: #00008B;
    font-weight: bold;
    font-size: 15px;
    text-shadow: 1px 1px 1px rgba(255,255,255,0.5),-1px -1px 1px rgba(0,0,0,0.5);
    width: 120px;
    padding: 10px 0;
}


.p2-btn
{
    background-color: #EEE8AA;
    border: 1px solid #DDD;
    color: #00008B;
    font-weight: bold;
    font-size: 15px;
    text-shadow: 1px 1px 1px rgba(255,255,255,0.5),-1px -1px 1px rgba(0,0,0,0.5);
    width: 250px;
    padding: 10px 0;
}


.q-btn
{
    background-color: #0000FF;
    border: 1px solid #DDD;
    color: #FFF;
    font: bold 1.5em;
    text-shadow: 1px 1px 1px rgba(255,255,255,0.5),-1px -1px 1px rgba(0,0,0,0.5);
    width: 100px;
    padding: 10px 0;
}


.r-btn
{
    background-color: white;
    border: 1px solid #DDD;
    color: black;
    font: bold 1.5em;
    text-shadow: 1px 1px 1px rgba(255,255,255,0.5),-1px -1px 1px rgba(0,0,0,0.5);
    width: 150px;
    padding: 10px 0;
}


.s-btn
{
    background-color: yellow;
    border: 1px solid #DDD;
    color: black;
    font: bold 1.5em;
    text-shadow: 1px 1px 1px rgba(255,255,255,0.5),-1px -1px 1px rgba(0,0,0,0.5);
    width: 75px;
    padding: 10px 0;
}


input[type="button"] 
{
    cursor: pointer;
}


img 
{
    max-width:100%; height:auto;
}