/* 左と上にマージン無し */
BODY {
    text-align:left;
    text-indent:0;
    line-height: 100%;
    word-spacing: 0;
    margin-left: 0;
    margin-top:0;
    topmargin:0;
    background-color:#FFFFFF;
    font-size : 10pt;
}

a:link { color : #008000; text-decoration: underline;}
a:visited { color : #008000; text-decoration: underline;}
a:active { color : blue; text-decoration: underline;}
a:hover { color: red; text-decoration: underline;}
.menu {
    font-size : 10pt;
    font-style: normal;
    line-height: normal;
    font-weight: normal;
    color : green;
}

.mainmenu { color : #0000D0; }
.mainmenu:link { color : #0000D0; text-decoration: none;}
.mainmenu:visited { color : #0000D0; text-decoration: none;}
.mainmenu:active { color : #0040FF; text-decoration: underline;}
.mainmenu:hover { color : red; text-decoration: underline;}


/*
　　部分的にリンクの色を変えたい場合は、
　　クラス名に:linkや:hoverを付けた定義を作り
　　Aタグの中で、class="クラス名"とする（下記参照）

.splink { font-size:10pt; color : white; }
.splink:link { color : white; text-decoration: none;}
.splink:visited { color : white; text-decoration: none;}
.splink:active { color : #FFFFC0; text-decoration: underline;}
.splink:hover { color : white; text-decoration: underline;}

.dtlink { font-size:8pt; color : gray; }
.dtlink:link { color : gray; text-decoration: none;}
.dtlink:visited { color : gray; text-decoration: none;}
.dtlink:active { color : #FF0000; text-decoration: underline;}
.dtlink:hover { color: white; background-color:blue; text-decoration: none;}

.navi { font-size:9pt; color : #000080; }
.navi:link { color : #000080; text-decoration: underline;}
.navi:visited { color : #000080; text-decoration: underline;}
.navi:active { color : #0000ff; text-decoration: underline;}
.navi:hover { color: #ffffff; background-color:#800000; text-decoration: none;}

.btmlink { font-size:8pt; color : white; text-decoration: none;}
.btmlink:link { color : white; text-decoration: none;}
.btmlink:visited { color : white; text-decoration: none;}
.btmlink:active { color : #c0c0c0; text-decoration: underline;}
.btmlink:hover { color: white; text-decoration: underline;}

 ------------------------ */



.txtl{
{
    font-size : 100%;
    line-height : 120%;
}

.txtm{
{
    font-size : 90%;
    line-height : 130%;
}

.txts{
{
    font-size : 80%;
    line-height : 120%;
}

.txt10{
{
    font-size : 10pt;
    line-height : 11pt;
}

.text10blue{
{
    font-size : 10pt;
    line-height : 11pt;
}

.txt11{
{
    font-size : 11pt;
    line-height : 12pt;
}

.txt11-20p{
{
    font-size : 11pt;
    line-height : 20pt;
}


/* ------------------------ */


.capll-dbluefat{
{
    font-size : 120%;
    line-height : 100%;
    color : #000099;
    font-weight : bold;
}


.capll-dredfat{
{
    font-size : 120%;
    line-height : 100%;
    color : #C00000;
    font-weight : bold;
}

.capm-dbluefat{
{
    font-size : 90%;
    line-height : 100%;
    color : #000099;
    font-weight : bold;
}



.capl{
{
    font-size : 100%;
    line-height : 100%;
}

.capm{
{
    font-size : 90%;
    line-height : 100%;
}

.caps{
{
    font-size : 80%;
    line-height : 110%;
}

.capss{
{
    font-size : 70%;
    line-height : 100%;
}



/* ------------------------ */



.sidepanel-ttl-dgrn{
{
    font-size : 90%;
    line-height : 100%;
    color : #427c2c;
    font-weight : bold;
    padding-left: 5px;
}

.block-ttl{
{
    font-size : 12pt;
    line-height : 14pt;
    color : #000000;
    font-weight : bold;
}

.subblock-ttl{
{
    font-size : 16px;
    line-height : 16px;
    color : #427c2c;
    font-weight : bold;
}



/* ------------------------ */



.textdeco{
    font-size : 9pt;
    line-height : 12pt;
    color : #005000;
    font-weight : bold;
    padding-top: 3px;
    padding-bottom: 3px;
}



/* ------------------------ */



.titlebox-sky {
    font-size : 10pt;
    background-color : #ddffff;
}

.titlebox-lemon {
    font-size : 10pt;
    background-color : #ffffdd;
}

.titlebox-mint {
    font-size : 10pt;
    background-color : #ddffdd;
}

.titlebox-orange {
    font-size : 10pt;
    background-color : #ffeedd;
}

.titlebox-pink {
    font-size : 10pt;
    background-color : #ffddee;
}



/* ------------------------ */



.pad5px{
    padding-left: 5px;
}

.pad10px{
    padding-left: 10px;
}

.pad20px{
    padding-left: 20px;
}

.pad30px{
    padding-left: 30px;
}

.pad40px{
    padding-left: 40px;
}

.pad50px{
    padding-left: 50px;
}


/* ------------------------ */





.menupad{
{
    padding-top: 10px;
}

.menusubpad{
{
    padding-top: 30px;
}

.pagetitle{
{
    font-size : 80%;
    line-height : 100%;
    padding-top: 5px;
}

.titleboard{
    font-size : 12pt;
    color : #c00000;
    font-weight : bold;
    padding-top: 5px;
    padding-left: 55px;
}

.titlebox-caption {
    padding-left: 0px;
    font-size : 12pt;
    color : #C85000;
    font-weight : bold;
}

.titlebox-caption2 {
    padding-left: 0px;
    font-size : 12pt;
    color : #005F82;
    font-weight : bold;
}

.titlebox-topics {
    padding-left: 5px;
    font-size : 11pt;
    color : #0000CE;
    font-weight : bold;
}

.titlebox-product {
    padding-left: 5px;
    font-size : 12pt;
    color : #0000c0;
    font-weight : bold;
    background-color : #ddddff;
}