/* 
-----------------------------------------------
メインスタイルシート　
wonderfuldays
-----------------------------------------------
 */

body
{
    text-align      : left;
    color           : #666666; 
    background-color: #ffffff;
    margin-top      : 0px;
    margin-left     : 0px; 
    margin-right    : 0px;
    scrollbar-3d-light-color    : #0E391B;
    scrollbar-arrow-color       : #0C5900;
    scrollbar-base-color        : #edfed1;
    scrollbar-dark-shadow-color : #edfed1;
    scrollbar-face-color        : #edfed1;
    scrollbar-highlight-color   : #0C5900;
    scrollbar-shadow-color      : #0C5900;
    scrollbar-track-color       : #0C5900;
}
/*
-----------------------------------------------
段落
-----------------------------------------------
 */

p.attention
{
    width            : 600px;
    padding          : 10px;
    border           : 1px double #006600;
    background-color : #ffffee;
    font-size        : 100%;
}
p.text14   
{    
margin-left     : 10%; 
    width            : auto; 
    font-size        : 14px;
    font-weight      : bold; 
    color            : #999999; 
    margin           : 10px 10px 10px 10px;
    text-indent      : 0em;
    line-height      : 27px; 
    padding          : 0px;  
    background-image : url(back_letter.gif);    
}
p.text20   
{    
margin-left     : 10%; 
    width            : auto; 
    font-size        : 20px;
    font-weight      : bold; 
    color            : #999999; 
    margin           : 10px 10px 10px 10px;
    text-indent      : 0em;
    line-height      : 27px; 
    padding          : 0px;  
    background-image : url(back_letter.gif);    
}
p.text   
{    
margin-left     : 10%; 
    width            : auto; 
    font-size        : 100%;
    font-weight      : bold; 
    color            : #000000; 
    margin           : 10px 10px 10px 10px;
    text-indent      : 0em;
    line-height      : 150%; 
    padding          : 0px;      
}
/* 
-----------------------------------------------
見出し
-----------------------------------------------
 */
 
h1
{ 
    width            : auto;          
    font-size        : 100%; 
    margin           : 0px 0px 10px 0px;
    font-weight      : bold; 
    color            : #006600; 
    font-weight      : bold; 
    padding          : 3px 10px;
    border-bottom    : 1px #006600 solid;
    border-left      : #006600 1px outset;
    border-right     : #006600 1px outset;
    border-top       : double #004400;
    background-color : #ccffcc;  
}

h2
{    
    width            : 600px;
    font-size        : 80%; 
    color            : #ccffcc;
    margin           : 0px 0px 10px 0px;
    padding          : 2px 10px;
    border-bottom    : 1px #999999 solid;  
    background-color : #006600;
    text-align       : center;
}

h3
{    
    font-size        : 100%; 
    color            : #006600;
    margin           : 2px 2px 2px 2px;
    padding          : 2px 10px;
    background-color : #ffffff;
    border-bottom    : 1px #006600 solid;
    border-left      : 2px #006600 solid;
    border-right     : 1px #006600 solid;
    border-top       : 2px #006600 solid;
    text-align       : left;
}

h4
{
    width            : 70%;
    font-size        : 90%;
	color            : #660000;
	font-weight      : bold;
	margin           : 10px 0px 10px 0px;
    padding          : 3px 3px;
    background-color : #faf3e0;
    border-top       : double #660000;
	border-bottom    : 1px #660000 solid;
	}
h5
{ 
    width            : 600px;          
    font-size        : 20px; 
    margin           : 3px 3px 3px 3px;
    font-weight      : bold; 
    color            : #ffffff; 
    padding          : 2px 2px;
    border-style     :ridge;
    border-width     :2 2 2 2;
    border-color     :green;
    background : #ffffff url(h7back.jpg);  
        text-align       : center;
	}
h6
{ 
    width            : 50%;          
    font-size        : 100%; 
    margin           : 3px 3px 3px 3px;
    font-weight      : bold; 
    color            : #006600; 
    font-weight      : bold; 
    padding          : 2px 2px;
    border-bottom    : 1px #006600 solid;
    border-left      : 1px #006600 solid;
    border-right     : 1px #006600 solid;
    border-top       : 1px #006600 solid;
    background-color : #ffffff;
    }  

table
{ 
    margin-left     : 0px; 
	margin-top           : 0px;  
    font-size        : 100%;
}

table.2     
{ 
    margin-left     : 0px; 
	margin           : 0px; 
    border-color     :#006600;  
    font-size        : 90%;
}
table.pog     
{ 
    border-bottom    : 3px #003366 solid;
    border-left      : 1px #003399 solid;
    border-right     : 3px #003366 solid;
    border-top       : 1px #003399 solid;
    background : #ffffff url(t2back.jpg);
    margin-left      : 0px; 
    color            : #000000;   
    font-size        : 80%;
}
table.pog2     
{ 
    width            : 90%;
    border-bottom    : 3px #003366 solid;
    border-left      : 1px #003399 solid;
    border-right     : 3px #003366 solid;
    border-top       : 1px #003399 solid;
    background : #ffffff url(t2back.jpg); 
    color            : #000000;   
    font-size        : 70%;
}
table.small     
{ 
    width            : 600px;
    background       : #ffffff; 
    color            : #006600;   
    font-size        : 11px;
}

img         
{   
	border           : 0px;     
}


hr          
{ 
	color: #339999;  
	width:90%;
  }
/*
-----------------------------------------------
div
-----------------------------------------------
 */
div
{
    padding          : 10px;
    margin           : 0px 0px 0px 0px;
    font-size        : 100%;
}
div.attention
{
    width            : 600px;
    padding          : 10px;
    margin           : 10px 10px 10px 10px;
    border           : 1px double #006600;
    background-color : #ffffee;
    font-size        : 100%;
}
div.text2
{
    width            : 100%;
    padding          : 10px;
    line-height      : 120%;
    margin           : 0px 0px 0px 0px;
    border           : 1px double #3366cc;
    background-color : #ffffff;
    font-size        : 80%;
}
div.text3
{
    color            :#8b0000;
    width            : 80%;
    padding          : 10px;
    line-height      : 120%;
    margin           : 20px 50px 10px 50px;
    border           : double #8b0000;
    background-color : #ccffcc;
    font-size        : 100%;
}
div.text4
{
    width            : 60%;
    padding          : 5px;
    line-height      : 120%;
    margin           : 5px 5px 5px 5px;
    border           : 1px double #3366cc;
    background-color : #ffffff;
    font-size        : 100%;
}
div.mahtext
{
    color            : #660000;
    padding          : 10px;
    margin           : 20px 5px 0px 0px;
    line-height      : 120%;
    border           : double #004400;
    background : #ffffff url(back.jpg);
    font-size        : 100%;
}

div.c
{
    width            : 60%;
    padding          : 15px;
    line-height      : 120%;
    margin           : 5px 5px 5px 5px;
    border           : 1px double #3366cc;
    background-color : #ffffff;
    font-size        : 90%;
}


pre
{
    width            : 80%;
    padding          : 5px;
    margin           : 5px 5px 5px 5px;
    border-bottom    : 3px #003366 solid;
    border-left      : 1px #003399 solid;
    border-right     : 3px #003366 solid;
    border-top       : 1px #003399 solid;
    background : #ffffff url(back.jpg);
    font-size        : 80%;
}
/*
-----------------------------------------------
リンク、フォーム
-----------------------------------------------
 */
 
 a:link   
{ color: #ff8040; text-decoration:none;}
a:visited
{ color: #ff8040; text-decoration:none;}
a:active 
{ color: #ff8040; text-decoration:none;background-color:#FFE1B9;}
a:hover  
{ color: #ff8040; text-decoration:underline overline;background-color:#FFE1B9;}

input.2
{
color              :#ddffdd;
background-color   :#004000;
border             :1 dotted #00cc00
;}
input.3,textarea.3,select.3,applet
{
color            :#004000;
background-color :#FFFFCC;
border           :1 dotted double #004000
;}