@charset "utf-8";

/*

:after{
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
}

*/

p span.newWin a { background:url(../imgdir/common/icon_window.gif) no-repeat right top; color:3492DB; padding-right:15px; margin-right:5px;}
p span.newWin a:hover { background:url(../imgdir/common/icon_window_on.gif) no-repeat right top;}  

.linkWin {border:2px solid #D6D6D6; padding:10px; margin-bottom:20px; background:url(../imgdir/common/bg_pt01.gif);}

.linkWin ul { margin:0; padding:0; }
.linkWin ul li { line-height:1.8; position:relative; }
.linkWin ul li a { background:url(../imgdir/common/icon_link.gif) no-repeat left 1px; padding:0 0 0 23px;}
.linkWin ul li a { text-decoration:underline; color:#3191DB; }
.linkWin ul li a:hover { } 
.linkWin ul li span {width:13px; height:13px; position:absolute; top:5px; margin-left:5px; }
.linkWin ul li a span { background:url(../imgdir/common/icon_window.gif) no-repeat left top;}
.linkWin ul li a:hover span { background:url(../imgdir/common/icon_window_on.gif) no-repeat left top;}

.linkWin ul li.detailBtn { text-align:right; padding-right:20px;}
.linkWin ul li.detailBtn a {background:url(../imgdir/common/icon_link02.gif) no-repeat left 2px; padding:0 0 0 18px; text-decoration:none;}
.linkWin ul li.detailBtn a:hover {background:url(../imgdir/common/icon_link02_on.gif) no-repeat left 2px; text-decoration:underline; }

.linkWin ul li.detailBtn span {width:13px; height:13px; position:absolute; top:5px; margin-left:5px; }
.linkWin ul li.detailBtn a span { background:url(../imgdir/common/icon_window.gif) no-repeat left top;}
.linkWin ul li.detailBtn a:hover span { background:url(../imgdir/common/icon_window_on.gif) no-repeat left top;}

#contents-body .caseIn { padding:0; margin:0; }
#contents-body .caseIn #imgFlash { padding:0; margin:15px 0 0 0; border:3px solid #e6e6e6; width:280px; }
#contents-body .caseIn #imgFlash a:hover {border:3px solid #3492DB; }

#contents-body .caseIn .leftCase { width:280px; float:left; margin-right:20px;}
#contents-body .caseIn .rightCase { width:385px; float:left; padding:0; }
#contents-body .caseIn .rightCase h3 { margin-top:0px;}

/**/
#contents-body .caseIn:after{
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
}

#contents-body .caseIn dl ,
#contents-body .caseIn dl dt ,
#contents-body .caseIn dl dd { margin:0; padding:0; } 

#contents-body .caseIn dl { float:left; width:230px; height:243px; background:url(../imgdir/rollaramp/bg_dl.jpg) no-repeat right bottom; margin-bottom:20px; position:relative;  }

#contents-body .caseIn dl dt { text-align:left; }
#contents-body .caseIn dl dt img { padding:15px 0 0 3px;}

#contents-body .caseIn dl dd { text-align:left; padding:5px;}
#contents-body .caseIn dl dd.pointImg { position:absolute; right:10px; bottom:5px;}

#contents-body .caseItem dl { float:left; width:230px;  margin-bottom:20px; }
#contents-body .caseItem dl dt { text-align:left; padding:0 0 0 25px; font-weight:bold; font-size:85%; background:url(../imgdir/common/icon_link.gif) no-repeat 5px top; margin-bottom:5px;}
#contents-body .caseItem dl dd  a img { border:2px solid #e6e6e6;}
#contents-body .caseItem dl dd  a:hover img { border:2px solid #3593DB;}