/* CSS Document for index page */

/* ####--- Layout ---#### */
#globalNaviArea{
clear: both;
padding: 10px 5px;
}
#campaignArea{
clear: both;
padding: 10px 5px;
}


#flashArea{
width: 730px;
height: 300px;
background: #ffffff;
color: #ffffff;
margin-left: auto;
margin-right: auto;
}
#contentsArea{
position: relative;
width: 730px;
float: none;
}
#mainContentsArea{
width: 381px;
margin: 0 156px 0 188px;
border-width: 0 1px 0 1px;
border-style: solid;
border-color: #666666;
}
#pickupArea{
width: 187px;
position: absolute;
left: 10px;
top: 10px;
padding: 0;
}
#followContentsArea{
width: 158px;
position: absolute;
right: 2px;
top: 10px;
}


/* ####--- Contents ---#### */

.section{
padding: 0 6px 25px 7px;
border: none;
}
#contentsArea h2{
padding: 0;
background: none;
}
dl dt{
display: block;
width: 8em;
padding-left: 13px;
background: url(../img/icon_list.gif) left 0.7em no-repeat;
float: left;
}
dl dd{
display: block;
padding-left: 9em;
}

/* -- Section Decoration --*/
.section{
margin:0;
}
.section p{
font-size: 74%;
line-height: 140%;
}
.section ul, .section dl{
font-size: 74%;
line-height: 110%;
}
.section ul li, .section dl dt, .section dl dd{
padding-top: 0.5em;
}


/* ####--- followContents ---#### */

#followContentsArea .linkBanner p{
margin-bottom: 5px;
}

#followContentsArea p a, #pickupArea p a{
background: none;
padding: 0;
}