div#intro {
width:565px;
height:auto;
float:left;
}

div#intro .top {
width:563px;
border:1px solid #E4C11F;
background-image: url(../img/tit-introduction-bk.gif);
background-position:left top;
background-repeat:no-repeat;
float:left;
margin-bottom:10px;
}
div#intro .top dl {
padding:10px 0 10px 10px;
width:550px;
float:left;
}

div#intro .top dl dt {
font-family:Georgia, "Times New Roman", Times, serif;
color:#FF0000;
font-size:122%;
font-weight:bold;
margin-bottom:5px;
}

div#intro .top dl dd {
font-family:Georgia, "Times New Roman", Times, serif;
font-size:197%;
color:#000000;
font-weight:bold;
}

div#intro .top p {
width:300px;
font-family:Georgia, "Times New Roman", Times, serif;
font-size:92%;
color:#000000;
padding-left:10px;
margin-bottom:5px;
}

div#intro .top .topList{
float:left;
margin-left:10px;
margin-top:30px;
width:380px;
}

div#intro .top .topList .subareaLeft-details-title
{
width:380px;
height:32px;
margin-top:10px;
float:left;
background-image:url(../img/tit-introduction-bk2_1.gif);
background-position:top;
background-repeat:no-repeat;
margin-left:1px;
}

*html div#intro .top .topList .subareaLeft-details-title {
margin-left:3px;
} 

div#intro .top .topList .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 top;
background-repeat:no-repeat;
margin-bottom:5px;
margin-top:8px;
margin-left:20px;
}

div#intro .top .topList ul {
background:#FFFFFF;
float:left;
margin:0px;
padding:0px;
width:370px;
border-left:1px solid #C0C0C0;
border-right:1px solid #C0C0C0;
margin-left:5px;
}

div#intro .top .topList ul li {
line-height:300%;
float:left;
background:#FFFFFF;
margin-left:5px;
}

div#intro .top .topList ul li#icon1 {
background-image:url(../img/tit-introduction-icon1.gif);
background-position:left;
background-repeat:no-repeat;
}

div#intro .top .topList ul li#icon2{
background-image:url(../img/tit-introduction-icon2.gif);
background-position:left;
background-repeat:no-repeat;
}

div#intro .top .topList ul li#icon3{
background-image:url(../img/tit-introduction-icon3.gif);
background-position:left;
background-repeat:no-repeat;
}

div#intro .top .topList ul li#icon4{
background-image:url(../img/tit-introduction-icon4.gif);
background-position:left;
background-repeat:no-repeat;
}

div#intro .top .topList ul li#icon5{
background-image:url(../img/tit-introduction-icon5.gif);
background-position:left;
background-repeat:no-repeat;
}

div#intro .top .topList ul li#icon6{
background-image:url(../img/tit-introduction-icon6.gif);
background-position:left;
background-repeat:no-repeat;
border-bottom:1px dotted #000000;
}

div#intro .top .topList ul li#icon7{
background-image:url(../img/tit-introduction-icon7.gif);
background-position:left;
background-repeat:no-repeat;
}

div#intro .top .topList ul li#icon8{
background-image:url(../img/tit-introduction-icon8.gif);
background-position:left;
background-repeat:no-repeat;
}

div#intro .top .topList ul li#icon9{
background-image:url(../img/tit-introduction-icon9.gif);
background-position:left;
background-repeat:no-repeat;
}


div#intro .top .topList ul li a{
width:320px;
font-size:92%;
text-decoration:underline;
margin-left:40px;
float:left;
}

.b1 {
border-bottom:1px dotted #000000;
}

div#intro .top .topList p {
float:left;
width:375px;
margin-left:5px;
text-align:right;
padding-bottom:20px;
background-image:url(../img/tit-introduction-bk2_2.gif);
background-position:left top;
background-repeat:no-repeat;
}

div#intro .top .topList p a#link {
color:#0099FF;
font-size:100%;
background-image:url(../img/tit_icon.gif);
background-position:left;
background-repeat:no-repeat;
padding-left:15px;
margin-right:20px;
float:right;
margin-top:5px;
}

div#intro .middle {
width:563px;
height:auto;
border:1px solid #E4C11F;
float:left;
background:#F9F2D1;
margin-bottom:10px;
}

div#intro .middle p.tit {
width:360px;
font-family:"Courier New", Courier, monospace;
color:#000000;
font-size:92%;
padding:5px;
float:left;
}

div#intro .middle a {
float:left;
width:180px;
padding-left:10px;
margin-top:12px;
}

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

div#intro #subareaLeft-cont1 #subareaLeft-cont1-title h2 {
 color:#FFFFFF;
 margin-top:6px;
 font-size:122%;
 padding-left:10px;
}

div#intro #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-position:right;
background-repeat:no-repeat;
margin-bottom:10px;
}

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

div#intro #subareaLeft-cont1 .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#intro #subareaLeft-cont1 p.cont {
width:540px;
padding-left:10px;
padding-right:10px;
padding-bottom:10px;
font-family:Georgia, "Times New Roman", Times, serif;
color:#000000;
font-size:92%;
float:left;
}

div#intro #subareaLeft-cont1 span {
width:540px;
float:left;
margin-left:10px;
padding-bottom:10px;
text-align:right;
border-top:1px dotted #000000;
}

div#intro #subareaLeft-cont1 span a.link  {
font-size:92%;
color:#0099FF;
text-decoration:underline;
width:170px;
line-height:210%;
background-image:url(../img/tit_icon.gif);
background-position:left;
background-repeat:no-repeat;
padding-left:15px;
}

div#intro #subareaLeft-cont1 .introList {
float:left;
width:270px;
padding-left:10px;
}

div#intro #subareaLeft-cont1 .introList p.ilIit {
width:250px;
background-image:url(../img/tit-agreement-bar1.gif);
background-position:left;
background-repeat:no-repeat;
font-size:107%;
color:#C9AA18;
font-weight:bold;
padding-left:10px;
line-height:170%;
border-bottom:1px dotted #000000;
float:left;
}

div#intro #subareaLeft-cont1 .introList p.cont {
width:250px;
height:80px;
font-family:Georgia, "Times New Roman", Times, serif;
font-size:11;
color:#000000;
float:left;
text-align:left;
padding-top:5px;
padding-bottom:5px;
}

div#intro #subareaLeft-cont1 .introList span {
width:250px;
float:left;
margin-left:10px;
padding-bottom:10px;
text-align:right;
border-top:1px dotted #000000;
}

div#intro #subareaLeft-cont1 .introList a.link {
font-size:92%;
color:#0099FF;
text-decoration:underline;
width:auto;
line-height:210%;
background-image:url(../img/tit_icon.gif);
background-position:left;
background-repeat:no-repeat;
padding-left:15px;
float:right;
+margin-right:8px;
}

div#intro  a#btn {
float:left;
padding-left:150px;
padding-top:10px;
}