/* FONT ALL DESIGN*/


strong  { color: #2E8B57; }

.b      { font-weight: bold; }

.red, #con p.red       { color: #FF0000; }

.bred, #con p.bred     { color: #FF0000; font-weight: bold; }

.blue, #con p.blue     { color: #191970; }

.bblue, #con p.bblue   { color: #191970; font-weight: bold; }

.rblue, #con p.rblue   { color: #4169E1; } /* royalblue */

.brblue, #con p.brblue { color: #4169E1; font-weight: bold; }

.green, #con p.green   { color: #2E8B57; }

.bgreen, #con p.bgreen { color: #2E8B57; font-weight: bold; }

.gray, #con p.gray       { color: #708090; }

.bgray, #con p.bgray     { color: #708090; font-weight: bold; }

.bgy                   { background: #FFFF00; }

.notes     { font-size: 70%; }


hr.clear
        { clear: both;
          width: 0px; }

p.lt    { text-align: left;   }

p.cn    { text-align: center; }

p.rt    { text-align: right;  }




/* LINK ALL DESIGN*/

a {
text-decoration: none;
}

a:active      {
	position: relative;
	top: +1px;
	left: +1px;

 	list-style-image: url(http://ana777.com/);
	list-style-type: none;
}


a:hover {
	text-decoration: underline;
}
	


/* SIDE DESIGN */



/* お気に入りボタン */


.button   {
           margin: auto;
           border: thin dotted #AE6000;
           padding: 2px;
           width: 120px;
           text-align: center;
           color: #ae6000;
           background-color: #ffde5b;
           font-size: 80%;
           white-space: nowrap;
          }

.button a
          {
           text-decoration: none;
          }

.button a:hover
          {
           display: block;
           width: 100%;
           background-color: #CCFFCC;
          }



/* MENU DESIGN */

#side dl, #side dt, #side dd
           {
            margin: 1px;
            border: 1px solid #000000;
            font-size: 13px;
            text-indent: 5px;
           }
#side dl
           {
            margin-bottom: 4px;
           }


#side dt   {
            padding: 2px;
	        background-color:#FC3 ;  
            color: #333;          
            font-weight: normal;
           }

#side dt.top
           {
            background-color: #FC0;  
           }



#side dd   {
            padding: 2px;
            background-color:#FFC; 
           }

#side dd.here
           {
	       background-color: #F60;          
           }


#side dt a {
            display: block;
            width: 100%;
            color: #333; /*ffffff*/
            text-decoration: none;
           }

#side dd a { 
            display: block;
            width: 100%;
            text-decoration: none;
           }

#side dt a:hover, #side dd a:hover
           {
            color: #000000;  /*000000*/
            text-decoration: underline;
	    background-color: #F60;  /* lightskyblue */   /*87cefa*/       
           }

/* CATENAVI DESIGN */

#catenavi p
           {
            margin: 10px;
            font-size: 80%;
            color: #696969;  /* dimgray */
           }


/* CONTENT DESIGN */

#con h2, #con h3, #con h4
           {
            clear: both;
            border-bottom: 1px solid #CECFCE;
            font-weight: bold;
            color: #003;
            background: #F5FFFA;  /* mintcream */
            text-indent: 1em;
           }

#con h2    {
            border-left: 20px solid #063;  /* cornflowerblue */
            font-size: 20px;
           }

#con h3    {
            border-left: 18px solid #063;
            font-size: 18px;
           }

#con h4    {
            border-left: 14px solid #063;
            font-size: 14px;
           }

#con h2 a, #con h3 a, #con h4 a
           {
            color: #003;
            text-decoration: none; 
           }

#con p    {
            font-size: 14px;
            line-height: 20px;
            text-indent: 1em;
            color: #000000;   /* #A0522D sienna */
           }


#con dt    {
            margin: 5px;
           }



/* EPSODE DESIGN */

.ep           {
                margin: 20px auto;
                border: 1px solid #DCDCDC;
                width: 95%;
                background: #F5F5F5;  /* whitesmoke */
                color: #806040;
              }


.epbk         {
                margin: 20px auto;
                border: 1px solid #BE0000;
                width: 95%;
                background: #000000;
                color: #BE0000;
              }

#con .ep p         { font-size: 85%; }

#con p.ref   {
                font-size: 85%;
                color: #2F4F4F; /* darkslategray */
              }





/* ボトム近辺 */


/* BOTTOM NAVI DESIGN */

#navibottom
          {
           clear: both;
           margin-top: 50px;
           width: 100%;
           color: #BE0000;
          }

#navibottom p
          {
           margin: 2px;
           line-height: 1.5em;
           font-size: 80%;
          }

#navibottom p.prev
          {
           float: left;          
           margin: 1px;
           border: 1px solid #E6E6FA; /* lavender */
           width: 225px;
          }

#navibottom p.home
          {
           float: left;          
           margin: 1px;
           border: 1px solid #E6E6FA; /* lavender */
           width: 119px;
           text-align: center;
          }

#navibottom p.next
          {
           float: right;          
           margin: 1px;
           border: 1px solid #E6E6FA; /* lavender */
           width: 225px;
           text-align: right;
          }
#navibottom p.date
          {
           clear: both;
           text-align: right;
           font-size: 75%;
           color: #708090;
          }



/* LEVEL DESIGN */

ul.level
          {
           text-align: right;
           list-style: none;
           font-size: 80%;
           color: #708090;
          }




#main_s    {
            font-size:12px;
           }




/* LIST DESIGN */

ul.link     {
             list-style: none outside; 
            }

ul.link li  {
             margin: 15px;
             padding: 0px 3px;
            }


li.key      {
             list-style: url("file:///C|/Users/i/AppData/Local/Microsoft/Windows/Temporary Internet Files/Low/Content.IE5/image/keyicon.gif"); 
            }




/* COUNTER DESIGN */

.side p.cs   {color: #FFFAF0; } /* side */

.side2 p.cs2 {color: #EEFFEE; } /* side2 */




/* PHOTO DESIGN */

img         {border: 0px; }

img.im      {
             margin: 5px;
             border: 1px solid #DCDCDC;
             padding: 5px;
             background: #F0FFF0;
            }


img.im2     {
             margin: 5px;
             border: 1px solid #696969;
             padding: 5px;
             background: #DCDCDC;
            }


img.left    {
             float: left;
            }

img.right   {
             float: right;
             margin: 25px;
             border: 0px;  
            }           

img.leftp  {
             float: left;
             margin: 25px;
             border: 1px solid #DCDCDC;  
             padding: 5px;
             background: #F0FFF0;
            }           

img.rightp  {
             float: right;
             margin: 25px;
             border: 1px solid #DCDCDC;  
             padding: 5px;
             background: #F0FFF0;
            }           

a:hover img   {
                filter: alpha(opacity=70);
              }