#flashcontent { background:#303030; text-align:center; height:378px; border-top:#eeeded solid 1px; color:#fff;}

#seriesarea { background:url(../img/bg_series.gif) left bottom no-repeat; padding-bottom:20px; margin-bottom:20px;}
#series { border-right:#d9d9d9 solid 1px; border-left:#d9d9d9 solid 1px; background:#f3f3f3; padding:15px 18px 0 18px;}
.dotbox { background:url(../img/dot_ssc.gif) 0 0 repeat-y;}
.dotbox dt { margin-bottom:15px;}
.dotbox li { margin-bottom:10px;}
.seriesbox { float:left; width:203px; margin-right:36px;}
.seriesbox2 { float:left; width:203px;}
.seriesbox2 .border { background:url(../img/dot_line.gif) left bottom repeat-x; padding-bottom:10px; margin-bottom:20px;}

#faq { background:url(../img/bg_faq.gif) 0 0 no-repeat; width:720px; height:136px; margin-bottom:20px;}
#faq h3 { float:left; width:242px; text-align:center; padding-top:12px;}
#faq ul { float:left; padding:8px 0 0 7px; width:471px;}
#faq li { float:left; margin-bottom:3px;}

#case { position:relative;}
#case div { width:350px;}
#case .pict { float:left; width:160px;}
#case .pict a { display:inline-block; border:#dedede solid 1px;}
#case .pict a:hover { border:#a6a6a6 solid 1px;}
#case dl { float:right; width:180px;}
#case dl dt { margin-bottom:15px;}
.position { position:absolute; top:6px; right:5px;}

#info { position:relative;}
#info dl dt { float:left; width:12em; padding:0 0 11px 0;}
#info dl dt img { margin-right:10px; vertical-align:middle;}
#info dl dd { padding:0 0 11px 12em; margin:0 0 10px 0; background:url(../img/dot_line.gif) left bottom repeat-x;}


