@charset "UTF-8"; /**************************************************************************************** CIG style set ver.2008/01/30 This CSS is Quirks mode. not Standards-compliant mode. OK -> Quirks mode : NG -> Standards-compliant mode : *****************************************************************************************/ /* ------------------------------------------------------------------------------------ */ /* basic element */ * { font-size: x-small; line-height: 120%; font-family: "Tahoma", "Helvetica", "Verdana", sans-serif; margin: 0px; padding: 0px; color: #3D3D3D; } * > *{ font-size: small; } /* for NS */ body { background-color: #FFFFFF; overflow: hidden; } * > body { overflow: auto; } div { width: auto; text-align: left; } table { border-collapse: collapse; border-spacing: 0px; } img { vertical-align: middle; border-width: 0px; } input { vertical-align:middle; color: #000000 !important; } button { vertical-align:middle; cursor: pointer; cursor: hand;/*ns*/ } * > button { padding: 2px 6px; } select { vertical-align:middle; } textarea { width:100%; color: #000000 !important; } a:link { color:#3D3D3D; text-decoration:none;} a:visited{ color:#3D3D3D; text-decoration:none;} a:hover { color:#3D3D3D; text-decoration:underline;} a:active { color:#3D3D3D; text-decoration:none;} /* ------------------------------------------------------------------------------------ */ /* page style */ /* header */ div.layoutHeader { position: relative; } /* contents Title */ div.header{ background-color: #D01D1A; height: 20px; font-size: 16px; line-height: 100%; } /* infomationArea */ .bodyInfo { overflow: auto; } div.layoutInfomationArea { position: relative; width: auto; margin: 0 0 0 0; background-color: #F4F4F4; text-align: center; padding: 50px 0; } div.infomationArea { width: 600px; min-width: 600px; background-color: #FFFFFF; border: 1px solid #3D3D3D; margin: auto; padding: 20px 20px 20px 20px; } div.infomationArea p { margin: 1ex 0; padding: 0 0 0 50px; line-height: 150%; } div.infomationArea hr { margin: 0 0 0 50px; width: 550px; } div.infomationArea p.mainMess { background: transparent url("../image/cig_logo_sc.gif") left top no-repeat; padding: 0 0 0 100px; line-height: 150%; height: 70px; } div.infomationArea > p.mainMess { height: auto; min-height: 70px; } div.infomationArea p.mainErrorMess { background: transparent url("../image/ico_error.gif") left top no-repeat; padding: 0 0 0 50px; line-height: 150%; height: 40px; } div.infomationArea > p.mainErrorMess { height: auto; min-height: 40px; } div.infomationArea p.mainWarningMess { background: transparent url("../image/ico_warning.gif") left top no-repeat; padding: 0 0 0 50px; line-height: 150%; height: 40px; } div.infomationArea > p.mainWarningMess { height: auto; min-height: 40px; } div.infomationArea p.mainInfoMess { padding: 20px 0 0 0; line-height: 150%; } div.infomationArea p.subMess { margin: 40px 0 20px 0; padding: 0; font-size: xx-small; letter-spacing: 1px; } div.infomationArea > p.subMess { font-size: x-small; } div.infomationArea p.subMess a { font-size: xx-small; } div.infomationArea p.subMess > a { font-size: x-small; } div.infomationArea p.extraMess { margin: 1ex 0 1ex 0; padding: 0; font-size: xx-small; letter-spacing: 1px; } div.infomationArea p.extraMess a { font-size: xx-small; } div.infomationArea p.extraMess img { margin: 6px 6px 6px 0px; } div.infomationArea hr.extra { margin: 0; } div.infomationArea div.infoBtnArea { text-align: center; margin: 10px 0 0 0; } div.infomationArea div.infoBtnArea button { margin: 1px 6px; } div.infomationArea div.infoBtnArea button.wNormal { width:8em; } button.actionBtn { } button.actionBtn2 { } /* footer -----------------------*/ div.layoutFooter { border-top: 1px solid #3D3D3D; background-color: #FFFFFF; position: absolute; bottom: 0px; left: 0px; right: 0px; width: 100%; height: 20px; margin: 0 0 0 0; } /* subLayoutStyle */ div.noClip { position: relative !important; top: 0; left: 0; right: 0; bottom: 0; height: auto; clear: both; } /* footLinks */ div.footLinks { color:#3D3D3D; padding: 2px 4px; margin: 0; font-size: 10px; } div.footLinks a { margin: 0 1ex; font-size: 10px; } div.footLinks a:link { color:#3D3D3D; text-decoration:none;} div.footLinks a:visited{ color:#3D3D3D; text-decoration:none;} div.footLinks a:hover { color:#3D3D3D; text-decoration:underline;} div.footLinks a:active { color:#3D3D3D; text-decoration:none;} /* copyright */ p.copyright { font-size: 10px; font-family:"Arial","Helvetica"; text-align: right; padding: 2px; margin: 0; position: absolute; top: 2px; right: 10px; } /* line */ hr { height:2px; color:#3D3D3D; background-color:#3D3D3D; border-top: solid 2px #3D3D3D; border-left: none; border-right: none; border-bottom: none; clear: both; display: block; width: 100%; } .relief { clear: both; color: #FFFFFF; background-color: #FFFFFF; height: 0px; border: none; margin: 0; font-size: 1px; } .dot { clear: both; color: #FFFFFF; background-color: #FFFFFF; height: 1px; border-top: 1px dotted #F4F4F4; margin: 0; font-size: 1px; } .emphasize { font-weight: bold; } /* common --------------------- */ .attention { color: #E00505; }