BODY { background:url(../upload/design/bg/); background-position:center top; background-repeat:repeat-y; background-color:#FFFFFF; } #MainBox { position:relative; display:block; width:854px; } * html p#iepara { /*For a paragraph (if any) that immediately follows suckertree menu, add 1em top spacing between the two in IE*/ padding-top: 1em; } /* Holly Hack for IE \*/ * html .suckertreemenu ul li { float: left; height: 1%;} * html .suckertreemenu ul li a { height: 1%;} * html .suckertreemenu ul li ul li { float: left;} /* End */ #Nav, #Nav ul { /* all lists */ padding: 0; margin: 0; list-style: none; } #Nav a { display: block; font-weight:normal; } #Nav li { /* all list items */ float: left; position:relative; } #Nav li ul { /* second-level lists */ z-index:99; position: absolute; width: 140px; left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */ } #Nav li ul li { width: 140px; } #Nav li ul ul { /* third-and-above-level lists */ margin:0; } #Nav li:hover ul ul, #Nav li:hover ul ul ul, #Nav li.sfhover ul ul, #Nav li.sfhover ul ul ul { left: -999em; } #Nav li:hover ul, #Nav li.sfhover ul { left:0; } #Nav li li:hover ul, #Nav li li li:hover ul, #Nav li li.sfhover ul, #Nav li li li.sfhover ul { /* lists nested under hovered list items */ left: 140px; #left: 140px; top:0; } /* Sub Navigation */ #subnav, #subnav ul { /* all lists */ padding: 0; margin: 0; list-style: none; } #subnav a { display: block; } #subnav li { /* all list items */ float: left; width:0px; position:relative; } #subnav li ul { /* second-level lists */ position: absolute; left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */ } #subnav li ul li { } #subnav li ul ul { /* third-and-above-level lists */ margin:0; } #subnav li:hover ul ul, #subnav li:hover ul ul ul, #subnav li.sfhover ul ul, #subnav li.sfhover ul ul ul { left: -999em; } #subnav li:hover ul, #subnav li.sfhover ul { left:-1px; top:0; } #subnav li li:hover ul, #subnav li li li:hover ul, #subnav li li.sfhover ul, #subnav li li li.sfhover ul { /* lists nested under hovered list items */ left: 0px; #left: 0px; top:0; } /* General Design Spec */ /* General Text */ * { font-family:Arial,'MSPゴシック',sans-serif; font-size:12px; color:#000000;line-height:160%; } /* Links */ a { color:#551a8b; text-decoration:underline; font-weight:normal; text-decoration:underline; } .current { color:#666666; border-top:3px solid #666666; } /* Link Rollover */ a:hover { color:#551a8b!important;text-decoration:underline; font-weight:normal; text-decoration:underline; } /* Heading 1 */ h1 { font-size:16px; padding:10px 0;font-weight:bold; margin:5px 0 10px 0; font-family:Arial,'MSPゴシック',sans-serif; color:#891345; } /* Heading 2 */ h2, .h2 { font-size:14px; margin-top:15px; border:none; font-family:Arial,'MSPゴシック',sans-serif; font-weight:bold; color:#891345; background:none;} h2 a { font-size:14px; margin-top:15px; border:none; font-family:Arial,'MSPゴシック',sans-serif; font-weight:bold; color:#891345; background:none; } h2 a:hover { font-weight:bold!important; } /* Heading 3 */ h3 { font-size:16px; font-weight:normal; margin:30px 0 5px 0; font-family:Arial,'MSPゴシック',sans-serif; color:#000000;} /* Heading 4 */ h4 { font-size:15px!important; font-weight:bold; padding:20px 0 5px 0; margin:0 0 10px 0; border-bottom:1px solid #cccccc;font-family:Arial,'MSPゴシック',sans-serif; color:#000000; } /* Heading 5 */ h5, h5 a { font-size:14px; padding:10px 0; border-bottom:1px solid #cccccc; font-family:Arial,'MSPゴシック',sans-serif; color:#000000;} /* Button (Dark) */ .btcart, .btcontinue, .btcheckout2 { color:#ffffff; } /* Button (Light) */ .bt1, .bt2, .bt3, .bt4, .btedit, .btlong, .btshort, .btcheckout { color:#555555; } /* Light BG */ .community_bar td, #AddOption, table.board_table tr:hover, .board_table tr.hover, .commentinput, .postcommentbox, .postauthor, .gallerybg { background:#cccccc; } #TB_window { border-color:#cccccc; } .past, .future { color:#cccccc; border-top: 3px solid #cccccc; } /* Table Border */ .board_table td, .myaccount_table td, .breadcrumb { border-bottom:1px solid #cccccc; } #OrderSummary { border-color:#cccccc; } /* Layout */ .maincolumn { padding-left:0px; } /* Change background color in following three classes */ .tablebackground { padding:0px 0px 0px 0px; background:#f9f9f9; } .tb_background { background:#f9f9f9; } #TB_title { background:#f9f9f9; } #TB_window { background:#f9f9f9; } .topframe { background:#ffffff; margin-bottom:0px; padding:0px!important; border-bottom:1px solid #FFFFFF; #border-bottom:0px solid #FFFFFF; } .topmenubar { display:block; #margin-top:0px; margin-right:2px; padding-top:0px; padding_left:15px; } .topmenubar a { float:right; color:#FFFFFF!important; display:inline; font-family:Arial,'MSPゴシック',sans-serif; font-size:10px; margin:0 0 0 2px; padding-left:10px; padding-right:1px; padding-top:5; text-decoration:none; } .bmenu_style { background:none; margin-top:0px; padding:0px 0; display:inline; float:left; } .bmenu_style p { color:#cccccc; } .bmenu_style a { color:#666666; font-size:11px; padding:0px; } .copyright_style { background:#892d2e; padding:7px 0; margin-top:15px; } .copyright_style .left { font-family:Arial,'MSPゴシック',sans-serif; text-align:left; font-size:10px; color:#FFF; text-decoration:none; font-weight:normal; padding-left:10PX; } .copyright_style .right { text-align:right; padding-left:10PX; } .copyright_style * { font-size:10px; color:#fff; padding-right:10px; } .copyright_style a { font-size:10px; color:#FFFFFF; text-decoration:none; font-weight:normal; padding-left:10PX; } .component_left { display:inline; float:left; padding:0; margin-bottom:10px; } .component_right { display:inline; float:left; padding:0; margin-bottom:10px; } .component_left * { font-size:11px; } .componentpadding { padding:10px; } .FeaturedItem { padding:0 0px; } .breadcrumb{ display:none; } .contactform .inputtext, .contactform .inputtextarea { background:none repeat scroll 0 0 #F5F5F5 !important; border:1px solid #CCCCCC; clear:both; display:inline; float:left; margin:2px 0 6px; width:350px; } /* Top Navigation */ ul#Nav { background:#FFFFFF; display:block; float:left; width:100%; } #Nav li a { padding-left:1px; text-align:center; font-size:12px; color:#ffffff; } #Nav li a:hover { background:#ffffff; } #Nav li ul { border:1px solid #FFFFFF; border-top:none; background:#892d2e; position:absolute; } #Nav li ul li.childnav a, #Nav li ul li.childnav a:hover { background-image:url(/upload/images/childarrow.gif); background-position:right center; background-repeat:no-repeat; background:#892d2e; } #Nav li ul li.childnav li a, #Nav li ul li.childnav li a:hover { background-image:none; } #Nav li ul li:hover ul { margin:0px; } /*#Nav li ul li a:hover { background:#dddddd; color:#333333; font-weight:normal; }*/ #Nav li ul li a { border:none; border-right:0px solid #FFFFFF; color:#aaaaaa;text-decoration:none; font-weight:normal; font-family:Arial,'MSPゴシック',sans-serif; font-size:11px; font-weight:bold; background:#892d2e; text-align:left; width:121px; #width:141px; padding:7px 10px;font-weight:normal; } #Nav li ul li a:hover { background:#892d2e; color:#ffffff; text-decoration:none;} #tl7 { background:url("/upload/images/topbg2.jpg") no-repeat scroll left top transparent; height:27px; padding-bottom:10px; width:72px; } #tl8 { background:url("/upload/images/topbg1.jpg") no-repeat scroll left top transparent; height:27px; padding-bottom:10px; width:140px; } /* Sub Navigation */ #subnav li a { background:#892d2e; padding:7px 15px; color:#666666; border-bottom:1px solid #cccccc; text-transform:uppercase; font-size:10px; font-weight:bold; } #subnav li ul { background:#f5f5f5; border:1px solid #cccccc; border-bottom:none; } #subnav li.childnav a, #subnav li.childnav a:hover, #subnav li ul li.childnav a, #subnav li ul li.childnav a:hover { background-image:url(/upload/images/childarrow.gif); background-position:right center; background-repeat:no-repeat; } #subnav li.childnav li a, #subnav li.childnav li a:hover, #subnav li ul li.childnav li a, #subnav li ul li.childnav li a:hover { background-image:none; } #subnav li ul li a{ padding:7px 15px; border-bottom:1px solid #cccccc; border-left:none; border-right:none; color:#666666; font-weight:normal; } #subnav li a:hover { background:#dddddd; color:#333333; } /***********/ #Contents{ background-color:#F9F9F9; padding-left:10px; padding-right:10px; padding-top:15px; } #MenuTable ul li { margin:0px; padding:0px; } #MenuTable ul { margin-left:0; padding-left:5px; } .clearfix{ display:inline-block; } .clearfix { display:block; } #LeftContentsTop{ float:left; width:480px; } .clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } #LeftContentsContact{ float:left; width:550px; } .FormTitle{ text-align:right; vertical-align:top; font-weight:bold; white-space:nowrap; } .TextField{ width:350px; } #RightContentsContact { float:right; width:200px; padding:20px; } .Menu */ #MenuTable td{ vertical-align:top; padding:3px; } .Menu img{ display:block; margin-bottom:10px; } #MenuTable p{ margin:0; } #MenuTable ul{ margin-left:0px; } #MenuTable li{ list-style-type:none; list-style-position:inside; } #MenuTable .Links{ text-align:right; padding-bottom:12px; } #ContentsNews{ margin:10px; } #ContentsNews li{ list-style-type:none; } #RightContentsTop{ float:right; width:340px; } #NewsBox{ border:solid 1px #892D2E; padding:1px; } #NewsBox h4{ background-color:#892D2E; padding:5px; color:#FFF; } #NewsBox p{ margin:5px; } #NewsBox div{ margin:10px; } #SendRight{ text-align:right; } @charset "utf-8"; /* CSS Document */ #PrincipalsTable{ border-collapse:collapse; } #PrincipalsTable td{ padding:10px; border:solid 1px #DDD; } .Name{ font-size:12px; font-weight:bold; color:#892D2E; } .Title{ font-weight:bold; margin:0 5px; } .Title2{ font-weight:bold; margin:0 5px; } td{ vertical-align:top; } .Line{ height:20px; background-image:url(/upload/images/line.gif); background-repeat:repeat-x; } @charset "utf-8"; /* CSS Document */ #LeftContentsClients{ float:left; width:500px; } .ClientList{ list-style-position:inside; margin-left:15px; margin-top:15px; font-size:14px; padding:0px; } .SubList{ margin-left:5px; margin-bottom:15px; padding:0px; } td { vertical-align:top; } #Leads{ font-size:14px; } #Leads{ margin-bottom:20px; font-size:14px; } .ClientName{ font-weight:bold; text-align:right; } #LeftContents{ float:left; width:450px; } #RightContents{ float:right; width:290px; padding:20px; } #Condition{ font-size:14px; text-align:center; } .Problem{ width:380px; border:solid 1px #666; padding:10px; height:80px; font-size:14px; } #Answer{ padding:20px; font-weight:bold; font-size:14px; } #Reasons{ font-size:14px; margin-bottom:20px; } .Reason{ font-size:12px; padding-left:20px; margin-bottom:15px; background-image:url(/upload/images/arrow_small.gif); background-repeat:no-repeat; } #Request .Title{ white-space:nowrap; vertical-align:top; } #Copyrights{ clear:both; padding-top:10px; }