/* John Dore & Co. Ltd restored stylesheet
   Reconstructed locally from the recovered page structure and assets. */

html, body { margin:0; padding:0; background:#fff; color:#000; }
body { font-family: Arial, Helvetica, sans-serif; font-size:14px; line-height:1.35; }
a { color:#0066cc; text-decoration:none; }
a:hover { text-decoration:underline; }
img { border:0; max-width:100%; }
h1, h2 { font-family: Arial, Helvetica, sans-serif; font-weight:normal; color:#0066cc; margin:0; }
h1 { font-size:25px; line-height:1.15; margin-bottom:6px; }
h2 { font-size:20px; line-height:1.2; margin-top:15px; margin-bottom:0; }
p { margin:0 0 10px; }

.div1 { width:760px; margin:0 auto; }
.div1 img { display:block; width:760px; height:auto; }
.div2 { width:760px; margin:0 auto; overflow:hidden; }
.div2Nav { float:left; width:170px; padding-top:10px; font-size:13px; }
.div2Nav ul { list-style:none; margin:0; padding:4px 0 4px 9px; }
.div2Nav li { margin:2px 0; padding:0; }
.div2Nav a { color:#000; }
.div2Nav a:hover { color:#0066cc; }
.div2Nav > .phoneDontShow > img { display:block; width:170px; height:1px; margin:3px 0; }
.div2Content { margin-left:190px; padding:14px 0 24px 0; min-height:320px; }
.div3 { clear:both; width:760px; height:1px; margin:0 auto; background:#0066cc; }
.div4 { width:760px; margin:0 auto; padding:10px 0 20px; font-size:11px; line-height:1.45; text-align:center; }
.mainText { margin:0; }
.imageRotateRight { transform:rotate(2deg); }
.imageRotateLeft { transform:rotate(-2deg); }
.pageTitles { color:#0066cc; font-size:20px; }
.mobileNav { width:100%; }
.mobileNav h2 { margin:0; font-size:18px; }
.mobileNav ul { list-style:none; margin:6px 0 10px; padding:0; }
.mobileNav li { padding:3px 0; border-bottom:1px solid #ddd; }
.pcDontShow { display:none; }
.printNone { display:block; width:760px; margin:0 auto; }

@media (max-width: 780px) {
  body { font-size:15px; }
  .div1, .div2, .div3, .div4, .printNone { width:auto; margin-left:10px; margin-right:10px; }
  .div1 img { width:100%; height:auto; }
  .phoneDontShow { display:none !important; }
  .pcDontShow { display:block !important; }
  .div2Nav { float:none; width:auto; padding-top:8px; }
  .div2Content { margin-left:0; padding-top:10px; }
  .div4 { text-align:left; }
}
@media (max-width: 533px) { .phone533DontShow { display:none !important; } }
@media (max-width: 480px) { .phone480DontShow { display:none !important; } h1 { font-size:22px; } h2 { font-size:18px; } }
@media (max-width: 320px) { .phone320DontShow { display:none !important; } }