#containerIndex{
width:702px;
padding:0 20px 20px 20px;
border-right:1px solid #b4b4b4;
border-bottom:1px solid #b4b4b4;
}

#headerIndex{
width:702px;
height:60px;
background:url(../../img/bg_header.gif) no-repeat left top;
}

#headerIndex p{
text-align:right;
}

h1{
width:702px;
height:321px;
background:url(../../img/bg_title.gif) no-repeat left bottom;
}

ul#nav{
width:702px;
height:62px;
margin-bottom:18px;
background:url(../../img/bg_nav.gif) no-repeat left bottom;
}

ul#nav li{
position:relative;
top:3px;
display:inline;
margin-left:3px;
}

div#indexInfoArea{
float:left;
width:400px;
padding:10px;
border:1px solid #b4b4b4;
}

div#indexInfoArea h2{
margin-bottom:1em;
}

div#indexInfoArea table th{
width:6em;
vertical-align:top;
}

div#indexLinkArea{
float:right;
width:260px;
margin-bottom:20px;
background:url(../../img/bg_link.gif) #efefef no-repeat left top;
}

div#indexLinkArea h2{
margin-bottom:1em;
}

div#indexLinkArea ul{
margin:0 10px;
padding-bottom:20px;
}

div#indexLinkArea ul li{
padding-left:12px;
background:url(../../img/bullet1.gif) no-repeat 0 0.5em;
margin-bottom:0.4em;
}

div#indexLinkArea ul li img{
vertical-align:middle;
margin-left:8px;
}