/*
 *  css for machine shop directory
 */


.jms_notepage h1 { padding: 8px 1em; margin-bottom: 0.5em; color: #dee2fd; font-size: 1.5em; font-weight: bold; background: url(img/h1-notepage.png) #0f229c; }
.jms_notepage h2 { padding: 2px 0.5em 4px; margin: 1.5em 0 0.5em; color: #0f229c; font-size: 1.2em; font-weight: bold; border-left: 6px solid; border-bottom: 1px dotted; border-color: #0f229c; background: url(img/h2-notepage.png) #000; }
.jms_notepage hr { border: #ccc; border-bottom: 1px dotted; margin: 1em 0; }
.jms_notepage .jms_notedate { text-align: right; color: #333; margin: 1em 0 2em; }
.jms_notepage .exp { padding-bottom: .5em; }


dl.contact::after { clear: both; }
dl.contact dt { display: inline; float: left; text-align: right; width: 5em; }
dl.contact dd { margin-left: 5.5em; }

/* contact.html */
#jms_content_wide { width: 660px; margin: 0 auto; text-align: left; }

#jms_contact_main { display: grid; grid-template-columns: repeat(2, 1fr); gap: 0 10px; }
#jms_contact_main > section:nth-child(1) { grid-column: 1 / 3; }
/*
#jms_contact_main > section:nth-child(2) { grid-area: 2 / 1 / 3 / 2; }
#jms_contact_main > section:nth-child(3) { grid-area: 3 / 1 / 4 / 2; }
*/
#jms_contact_main > section:nth-child(4) { grid-column-start: 2; grid-row: 2 / 4; }
#jms_contact_main > section:nth-child(5) { grid-column: 1 / 3; }
/*
#jms_contact_main { display: grid; grid-template-areas: "expr expr" "cont1 calen" "cont2 calen" "mailf mailf"; grid-template-columns: repeat(2, 1fr); gap: 0 10px; }
#jms_contact_main > section:nth-child(1) { grid-area: expr; }
#jms_contact_main > section:nth-child(2) { grid-area: cont1; }
#jms_contact_main > section:nth-child(3) { grid-area: cont2; }
#jms_contact_main > section:nth-child(4) { grid-area: calen; }
#jms_contact_main > section:nth-child(5) { grid-area: mailf; }
*/
#jms_calendar .junCalendarFrame { grid-template-columns: repeat(2, 1fr); gap: 5px; }
#jms_mailform { width: 400px; margin: 1em auto 2em; }
#jms_mailform dt, #jms_mailform dd { margin-top: 6px; }
#jms_mailform dt { width: 9em; text-align: right; clear: left; float: left; }
#jms_mailform dd { padding-left: 10em; }
#jms_mailform input, #jms_mailform textarea, #jms_mailform select { border: 1px solid #888; border-radius: 3px; width: 22em; }
#jms_mailform input, #jms_mailform textarea, #jms_mailform select, #jms_mailform label { padding: 3px; }
#jms_mailform #jfm_buttons input { width: 10em; }
#jms_mailform .jfm_fileclear { margin-left: 5px; }

dl.howto_access { margin-left: 1em; }
dl.howto_access dt { display: inline; float: left; width: 8em; margin-top: 0; font-weight: normal; text-align:right; }
dl.howto_access dd { margin-left: 8.5em; }

/* news.html */
#news_body {  text-align: center; padding-top: 1em; }
#news_body_inner { margin: 0 auto; }
#news_content { width: 600px; margin: 0 auto; text-align: left; }
#news_side { width:180px; margin: 0 auto; text-align: left; }

/* sales.html */
div.jms_howto { float: left; width: 320px; }
div.jms_howto dt { display: inline; float: left; text-align: center; width: 6em; font-weight: bold; }
div.jms_howto dd { margin-left: 6.5em; margin-bottom: 0.5em; }
div.jms_note  { float: right; width: 320px; background-color: #EEE; text-align: center; padding-bottom: 1em; }
div.jms_note .inner  { text-align: left; margin: 0 auto; width: 280px; background-color: #EEE; }
div.jms_note ul  { margin-left: 2em; }
div.jms_note dl dt { font-weight: bold; margin-top: 0.5em; }
div.jms_note dl dd { margin-left: 0.5em; }
div.jms_note dl dd dl dt { display: inline; float: left; width: 5em; margin-top: 0; font-weight: normal; }
div.jms_note dl dd dl dd { margin-left: 5.5em; }
#jms_aboutshippingcost dl dt { display: inline; float: left; width: 5em; margin-left: 1em; font-weight: normal; }
#jms_aboutshippingcost dl dd { margin-left: 6.5em; }
table.shippingcost { width: 640px; margin: 1em auto; border: 1px solid #89A; border-collapse:collapse; }
table.shippingcost th, table.shippingcost td { border: 1px solid #7b8dfd; padding: 0.1em 0.5em; }
table.shippingcost th { background-color: #7b8dfd; }
table.shippingcost th.rtsub { text-align: right; }
table.shippingcost td.cost { font-size: 0.9em; width: 82px; text-align: right; padding-right: 0.1em; }
table.shippingcost td.sp { text-align: center; }
table#dealing-law { width: 100%; border: 1px solid #7b8dfd; border-collapse:collapse; }
table#dealing-law th, table#dealing-law td { border: 1px solid #7b8dfd; padding: 0.1em 0.5em; }
table#dealing-law th.hdr { background: #7b8dfd; font-weight: bold; }
table#dealing-law .list { margin-left: 2em; }
em { color: #d00; }

table.dealerlist { width: 100%; border-collapse:collapse; margin: 1em 0; }
table.dealerlist * { padding: 0.3em 0; }
table.dealerlist tfoot { text-align: right; }
table.dealerlist th.name { width: 220px; }
table.dealerlist th.tel, table.dealerlist th.fax { width: 110px; }
table.dealerlist td { border: #7b8dfd solid; border-width: 1px 0; }
table.dealerlist a.url { font-size: 0.8em; }


/* sitemap.html */
#sitemap a { color: #000; }
#sitemap h3 { padding-left: 0.5em; margin: 0.5em 1em; color: #d99c00; font-size: 1em; font-weight: bold; border-left: 6px solid #d99c00; }
#sitemap h3 a { color: #d99c00; }
#sitemap a:hover { color: #ffb400; }
#sitemap ul  { margin-left: 2em; list-style: none; }
.sitemap_column { width: 210px; float: left; margin-left: 20px; }

/* privacypolicy.html */
#privacypolicy { width: 600px; margin: 0 auto; }
#privacypolicy a { color: #000; }
#privacypolicy h3 { margin: 0.5em 0; font-weight: bold; }
#privacypolicy a:hover { color: #ffb400; }
#privacypolicy ol  { margin-left: 2em; }
#privacypolicy ul  { margin-left: 2em; }