/****************************************
スクリーン用スタイル（index用）

****************************************/
html,body,h1,h2,h3,h4,ul,ol,li,dl,dt,dd,p,a,form{
}

body{
    background-color:#ffffff;
}

a:link{
    color:#3030ff;
}
a:hover{
    color:#ff3030;
}
a:action{
    color:#303030;
}
a:visited{
    color:#500050;
}
h1{}
h2{}
.br{
    display:block;
    margin:4px 0px 4px;
}
h3{
    text-align:center;
    font-size:175%;
    color:red;
}
h4{
    text-align:center;
    font-size:150%;
}
table{
    margin:0px 0px 8px;
}
th,td{
    font-size:80%;
    padding:4px;
}
p{
    line-height:1.2;
    margin:0px 8px 12px;
}
ul,ol{
    margin:12px 0px 12px 38px;
}
li{
    line-height:2.0;
    font-size:120%;
    font-weight:bold;
}
dl{
    margin:12px 0px;
}
dt{
    border:dotted 1px #505050;
    border-width:1px 0px;
    margin:12px 0px 12px;
    padding:4px 2px 2px;
}
dd{
    font:90%;
    margin:0px 16px 8px;
}
strong{
    font-size:120%;
    color:#ff3300;
    font-weight:bold;
}
em{
    font-size:120%;
    font-style:normal;
    font-weight:bold;
}
/* インデックス用
****************************************/
#background{
    width:720px;
    margin:0px auto;
}

/* インデックス用
****************************************/
#warning{
    font-size:120%;
    color:#ffffff;
    border:solid 1px #000000;
    background-color:#000000;
    padding:16px 24px;
    margin:0px 0px 16px;
    text-align:center;
}
#warning h2{
    font-size:300%;
    color:red;
}

/* インデックス用2
****************************************/
#warning2{
    color:#000000;
    border:solid 1px #000000;
    background-color:#bbffbb;
    padding:16px 24px;
    margin:0px 0px 16px;
}

/* インデックス用3
****************************************/
#warning3{
    border:solid 1px #000000;
    background-color:#ffbbff;
    padding:8px 0px;
    margin:0px 0px 16px;
}
.center{
    text-align:center;
}