@charset "utf-8";

div#subareaLeft {
width:565px;
height:auto;
float:left;
 }
 
div#subareaLeft #subareaLeft-cont1 {
width:565px;
height:auto;
} 
 
div#subareaLeft #subareaLeft-cont1 #subareaLeft-cont1-title  {
width:565px;
height:30px;
background:url(../img/tit-agreement-cont1.gif) no-repeat;
float:left;
}

div#subareaLeft #subareaLeft-cont1 #subareaLeft-cont1-title h2 {
 color:#FFFFFF;
 margin-top:6px;
 font-size:122%;
 padding-left:10px;
}
 
div#subareaLeft #subareaLeft-cont1 .subareaLeft-cont1-cont  {
width:563px; 
height:auto;
border-bottom:1px solid#E4C11E;
border-left:1px solid#E4C11E;
border-right:1px solid#E4C11E;
float:left;
background-image:url(../img/beginner_bg1.gif);
background-position:right;
background-repeat:no-repeat;
}

div#subareaLeft #subareaLeft-cont1 .subareaLeft-cont1-cont  strong {
margin-top:10px;
margin-bottom:10px;
font-size:122%;
color:#000000;
float:left;
width:300px;
}

div#subareaLeft #subareaLeft-cont1 .subareaLeft-cont1-cont p {
float:left;
width:300px;
font-size:100%;
color:#000000;
padding-left:10px;
line-height:120%;
margin-bottom:10px;
}

div#subareaLeft #subareaLeft-cont2 {
width:565px;
height:auto;
margin-top:10px;
float:left;
} 

div#subareaLeft #subareaLeft-cont2 #subareaLeft-cont2-title {
width:565px;
height:31px;
background: url(../img/tit-beginner-bar2.gif) no-repeat;
float:left;
}

div#subareaLeft #subareaLeft-cont2 #subareaLeft-cont2-title h2 {
color:#8E7717;
 margin-top:6px;
 font-size:122%;
 padding-left:20px;
}

div#subareaLeft #subareaLeft-cont2 .subareaLeft-details-title {
width:565px;
height:auto;
margin-top:10px;
float:left;
border-bottom:1px dotted #333333;
margin-bottom:10px;
}

div#subareaLeft #subareaLeft-cont2 .subareaLeft-details-title h3 {
color:#C9AA18;
font-size:114%;
float:left;
padding-left:10px;
background-image:url(../img/tit-agreement-bar2.gif);
background-position:left;
background-repeat:no-repeat;
margin-bottom:5px;
}

div#subareaLeft #subareaLeft-cont2 ul {
margin:0;
padding:0;
margin-top:5px;
width:565px;
float:left;
}

div#subareaLeft #subareaLeft-cont2 ul li {
width:565px;
margin-bottom:5px;
}

div#subareaLeft #subareaLeft-cont2 ul li span {
color:#000000;
font-size:92%;
background-image:url(../img/tit_icon.gif);
background-position:left;
background-repeat:no-repeat;
padding-left:10px;
}

div#subareaLeft #subareaLeft-cont2 ul li span strong {
color:#FF0000;
}

div#subareaLeft #subareaLeft-cont2 ul li a {
background-image:url(../img/tit_icon.gif);
background-position:left;
background-repeat:no-repeat;
width:565px;
padding-left:10px;
color:#0099FF;
text-decoration:underline;
}

div#subareaLeft #subareaLeft-cont2 a#flashIcon {
float:left;
}

div#subareaLeft #subareaLeft-cont2 span#flash {
float:left;
margin-top:25px;
padding-left:10px;
}

div#subareaLeft #subareaLeft-cont2 span#flash a {
color:#0099FF;
text-decoration:underline;
}

div#subareaLeft .list {
width:565px;
height:auto;
margin-top:10px;
float:left;
}

div#subareaLeft .list .listTit {
width:565px;
height:auto;
float:left;
}

div#subareaLeft .list .listTit a{
background-image:url(../img/beginer_icon.gif);
background-position:left;
background-repeat:no-repeat;
width:500px;
font-size:107%;
color:#000000;
text-decoration:underline;
padding-left:15px;
font-weight:bold;
}

div#subareaLeft .list .listCont {
width:565px;
height:auto;
margin-top:10px;
float:left;
border-bottom:1px dotted #000000;
}

div#subareaLeft .list .listCont img {
float:left;
width:321px;
}

div#subareaLeft .list .listCont dl{
margin:0px 0px 10px 0px;
padding:0px 0px 0px 10px;
float:left;
width:230px;
}

div#subareaLeft .list .listCont dl dt {
font-size:92%;
color:#000000;
text-decoration:underline;
font-weight:bold;
margin-bottom:2px;
}

div#subareaLeft .list .listCont dl dd {
color:#000000;
font-size:92%;
line-height:120%;
}

div#subareaLeft .list .listCont dl dd span {
background-image:url(../img/tit_icon.gif);
background-position:left;
background-repeat:no-repeat;
padding-left:10px;
}

div#subareaLeft .list .listCont dl dd span a {
color:#0099FF;
text-decoration:underline;
}

div#subareaLeft .list .listCont dl dd a#a1 {
background-image: url(../img/beginner_aIcon1.gif);
background-position:right;
background-repeat:no-repeat;
line-height:230%;
text-decoration:underline;
color:#0099FF;
padding-right:30px;
padding-top:5px;
padding-bottom:5px;
}

div#subareaLeft .list .listCont dl dd a#a2{
background-image: url(../img/beginner_aIcon2.gif);
background-position:right;
background-repeat:no-repeat;
line-height:230%;
text-decoration:underline;
color:#0099FF;
padding-right:30px;
padding-top:5px;
padding-bottom:5px;
}

div#subareaLeft .list .listCont dl dd a#a3{
background-image: url(../img/beginner_aIcon3.gif);
background-position:right;
background-repeat:no-repeat;
line-height:230%;
text-decoration:underline;
color:#0099FF;
padding-right:40px;
padding-top:5px;
padding-bottom:5px;
}

div#subareaLeft .list .listCont dl.long{
margin:0;
padding:0;
float:left;
width:565px;
margin-bottom:10px;
}

div#subareaLeft .list .listCont dl.long dt {
color:#000000;
font-size:92%;
line-height:120%;
}

div#subareaLeft .list .listCont dl.long dd {
color:#000000;
font-size:92%;
line-height:120%;
}

div#subareaLeft .list .listCont dl dd.long span {
background-image:url(../img/tit_icon.gif);
background-position:left;
background-repeat:no-repeat;
padding-left:10px;
}

div#subareaLeft .list .listCont dl dd.long span a {
color:#0099FF;
text-decoration:underline;
}

div#subareaLeft .list .listCont p.link {
width:auto;
clear:both;
margin-bottom:10px;
text-align:right;
}

div#subareaLeft .list .listCont p.link a {
font-size:107%;
color:#0099FF;
text-decoration:underline;
}

div#subareaLeft .list .listCont a.aTitle {
padding-left:10px;
width:200px;
color:#C9AA18;
font-size:100%;
text-decoration:underline;
float:left;
margin-bottom:10px;
background-image:url(../img/beginner_icon1.gif);
background-position:left;
background-repeat:no-repeat;
padding-left:10px;
font-weight:bold;
}