/* ************************* */
body { padding:0px; font-size:12px; font-family:"Verdana","Arial","ËÎÌå"; background:url("frame/bg.gif"); }
table,input,textarea,select,button { font-size:12px; }

a,a:link,a:visited { color:#000000; text-decoration:none; }
a:hover,a:active { color:#D20000; text-decoration:underline; }


/* ************************* */
/* ********** Page ********* */
/* ************************* */
div.Framer { clear:both; width:700px; background:#FFFFFF; }
div.FramerFloor { clear:both; width:778px; }
div.FramerFloor div.MainBody { width:554px; float:left; }
div.FramerFloor div.MainCenter { width:330px; float:left; }
div.FramerFloor div.SideLeft { width:216px; margin:0px 8px 0px 0px; float:left; }
div.FramerFloor div.SideRight { width:216px; margin:0px 0px 0px 8px; float:right; }

div.FramerFloor div.MainMenu { width:160px; margin:0px 15px 0px 0px; float:left; }
div.FramerFloor div.MainContent { width:603px; float:left; }


/* ********* header ******** */
div.Header { clear:both; width:700px; background:#FFFFFF; }
div.HeaderSpace { clear:both; margin:2px; padding:2px; }
div.HeaderFrame { clear:both; height:105px; background:url("../frame/header_bg.gif"); margin:0 auto; padding:0px 0px 0px 0px; }
div.HeaderFrameBody { clear:both; width:778px; }

div.HeaderTop { padding:50px 0px 50px 0px; }

div.HeaderWelcome { padding:50px 0px 50px 0px; }
div.HeaderWelcomeBody { color:#333333; font-size:18px; font-weight:bold; }
div.HeaderWelcomeBody .domain { color:#0000CC; font-size:20px; }


/* ********* footer ******** */
div.Footer { clear:both; width:700px; background:#FFFFFF; }
div.FooterFrame { clear:both; width:778px; margin:0; padding:0px 0px 0px 0px; }

div.FooterInfo { clear:both; color:#000000; padding:15px 2px 15px 2px; }
div.FooterInfoBody { float:left; }
div.FooterInfoBody p { color:#6D6F71; padding:2px; }
div.FooterInfoBody a { color:#6D6F71; }
div.Power-by-Joekoe { float:right; }


/* **** common.datalist **** */
div.DataList { clear:both; }
div.DataListBar { clear:both; background:url("../common/datas_bar_line.gif") no-repeat bottom left; text-align:left; margin:0 auto; padding:0px; }
div.DataListBar div.itemTitle { font-size:14px; font-weight:bold; padding:10px 0px 5px 0px; }
div.DataListBar div.itemContent { color:#888888; padding:0px 0px 5px 0px; }
div.DataListItem { clear:both; border-bottom:1px dashed #EDEDED; text-align:left; margin:0 auto; padding:3px 0px 3px 0px; }
div.DataListItem div.itemCaption { width:120px; text-align:right; padding:10px 0px 5px 10px; float:left; }
div.DataListItem div.itemCaption .explain { font-weight:normal; padding-right:0px; }
div.DataListItem div.itemText { margin-left:130px; padding:10px 7px 5px 7px; }
div.DataListItem div.itemExplain { margin-left:130px; padding:10px 7px 5px 7px; }
div.DataListItem div.itemContent { padding:7px; }