body { font-size: 12px; text-align: left; }

#wrapper { position: relative; width: 800px; height: 600px; }

.visualFlash { position: absolute; z-index: 1; }

.navi { position: absolute; z-index: 2; left: 20px; top: 520px; border-top: 1px solid #a8a8a8; height: 30px; }
.navi ul li {
	float: left;
	display: inline;
}

.overflow  { position: absolute; z-index: 3; bottom: 80px; left: 190px; }

.brdLayer { position: absolute; z-index: 3; top: 172px; left: 109px; }

.brdBody { background: url('../../images/common/brdBody.gif') no-repeat; width: 608px; height: 309px; }
.lip { background: url('../../images/common/brdBody1.gif') no-repeat !important; }
.vail { background: url('../../images/common/brdBody2.gif') no-repeat !important; }
.sun { background: url('../../images/sunplay/brdbody.gif') no-repeat !important; }
.formen { background: url('../../images/formen/brdbody.gif') no-repeat !important; }
.hadalabo { background: url('../../images/hadalabo/brdbody.gif') no-repeat !important; }
.brdBody .close { text-align: right; padding: 6px 9px 0 0;}
.brdBody .colBody { padding: 11px 34px 0 34px; }

table { width: 100%; }
table.tblT01 { margin-bottom: 5px; }
table.tblT01 tr th { border-bottom: 1px solid #e3e3e3; background: url('../../images/common/brdPrt.gif') no-repeat right 8px; padding: 6px 0 5px 15px; }
table.tblT01 tr td { border-bottom: 1px solid #e3e3e3; padding: 8px 0 6px 15px; }
table.tblT01 tr td.sbj { color: #ff3333; }
table.tblT01 tr th.cont { background: url('../../images/common/brdPrtCont.gif') no-repeat right 8px; }

table.tblT02 { margin-bottom: 5px; }
table.tblT02 thead tr th { border-bottom: 1px solid #e3e3e3; background: url('../../images/common/brdPrt.gif') no-repeat right 8px; text-align: center; padding: 6px 0 5px 0; }
table.tblT02 thead tr th.last { background: none; }
table.tblT02 tbody tr td { border-bottom: 1px dotted #9b9b9b; padding: 8px 0 6px 0; text-align: center; }
table.tblT02 tbody tr td.sbj { text-align: left; padding-left: 10px; }

.tblBtn { margin-bottom: 10px; text-align: right; }

.tblReply { background-color: #f4f4f4; margin-bottom: 5px; }
.reptit { background-color: #e0e0e0; float: left; padding: 25px 20px; }
.recont { float: left; padding: 8px 0 0 20px; line-height: 140%; }
.recont ul li { background: url('../../images/bullet/reicon.gif') no-repeat 0 2px; padding-left: 14px; }

textarea { border: none; }

.clearBoth { clear: both; font-size: 0; height: 0; }

.pasing { clear: both; text-align: center; }
.pasing img { vertical-align: middle; margin-top: -2px; }
.pasing .current { font-weight: bold;}

.pasing span { padding: 10px 0; letter-spacing: 1px; }

.product { position: absolute; z-index: 3; top: 0; left: 20px; }
.productBox { background: url('../../images/common/bgPro.gif') no-repeat; width: 760px; height: 475px; }
.lipbrd { background: url('../../images/lip/body.gif') no-repeat !important; }
.vailbrd { background: url('../../images/common/probg.jpg') no-repeat !important; }

.productList { }
.btnAfter { float: left; margin-right: 20px; margin-top: 20px; }
.btnBefore { float: right; margin-left: 20px; margin-top: 20px; }

.PrListThum dl { float: left; border-right: 1px dotted #ccc; padding: 0 10px; }
.PrListThum dl dt { font-size: 0; margin-bottom: 5px; }
.PrListThum dl dd { text-align: center; color: #000; }

.lyrclose { position: absolute; right: 10px; top: 157px; z-index: 4; }

.proV01 { padding: 10px 0 0 35px; margin-bottom: 0px; }
.infoBtn { position: absolute; bottom: 48px; right: 15px; z-index: 4; }

.info1 { position: absolute; top: 225px; left: 304px; z-index: 5; }
.info2 { position: absolute; top: 225px; left: 304px; z-index: 5; }

.prol01 { position: absolute; top: 176px; left: 20px; }
.prol02 { position: absolute; top: 176px; left: 14px; }

.viewimg { position: absolute; z-index: 2; top: 150px; }

.family { position: absolute; z-index: 2; bottom: 80px; right: 20px; }

.lolist02 { position: absolute; z-index: 10; top: 45px; left: 0; }
.list00 { position: absolute; z-index: 10; top: -105px; left: 0; }

.cpDiv { margin: -24px 0 0 13px; background-color: #efefef; margin-right: 10px; }
.cpDiv1 { margin: -24px 0 0 13px; }