body {
font-size: 11pt;
color: #770000;
letter-spacing: 1px;
background-color: #f4f0e4;
background-image: url(./img/bg_0.jpg);
margin: 20px; padding: 0px;

}


a        { text-decoration: none }
a:link   { color: #664477 }
a:active { color: #133c6f }
a:visited{ color: #552233 }
a:hover  { text-decoration: underline }

hr {
width: 80%
}

hr.mf {
width: 100%
}


h1 {
color: #ffffff;
font-size: 11pt;
line-height: 160%;
padding-left: 24px;
background-color: #cc7777;

}
h3 {
color: #ffffff;
font-size: 12pt;
line-height: 160%;
padding-left: 24px;
background-color: #cc7777;
}

h4 {
color: #ffffff;
font-size: 11pt;
line-height: 160%;
padding-left: 24px;
background-color: #d8aaa0;
}

h5 {
font-size: 11pt;
}


.Base {
width: 820px;
margin: 0px auto;
padding: 0px; 
}


.Title {
width: 680px;
text-align: right;
font-size: 8pt;
margin: 0px;
padding: 16px 0px 8px 0px;
color: #aa6666;
}


.Text {
float: left;
line-height: 140%;
font-size: 11pt;
width: 580px;
margin: 0px;
padding: 24px 32px 0 0;
}

.TxTitle {
padding-left: 32px;
}

.TxDate {
color: #ffffff;
font-size: 13pt;
font-weight: bold;
line-height: 160%;
padding-left: 24px;
background-color: #d8aaa0;
}

.TxErea1 {
border: 3px solid #e0e0e0;
background-color: #f6f3f3;
}

.TxErea2 {
padding: 0px 24px 16px 24px;
}

.TxFooter {
text-align: right;
font-size: 10pt;
color: #aa6666;
line-height: 120%;
}

hr.tf {
width: 100%
}

.pg_link {
font-size: 10pt;
color: #000000;
}

.pg_now {
font-size: 11pt;
color: #000000;
}

.Ttutorial {
font-size: 10pt;
color: #cc4444;
line-height: 120%;
} 


.Menu {
float: left;
font-size: 10pt;
line-height: 120%;
width: 200px;
margin: 0px;
padding-top: 240px;
}

.MnErea {
padding-left: 32px;
}


.Footer {
clear: left;
text-align: center;
font-size: 8pt;
color: #aa6666;
line-height: 110%;
padding-top: 24px;
}

.form {
text-align: right;
font-size: 9pt;
}


.l-box {
float: left;
margin: 0px;
padding: 4px 16px 4px 0;
}

.r-box {
float: right;
margin: 0px;
padding: 4px 0 4px 16px;
}

.quot {
color: #665522;
padding: 8px 16px 4px 16px;
}