/* CSS for mechanic[1-3].html */

a:link    { color: #000; font-weight: bold; text-decoration: none; }
a:visited { color: #444; font-weight: bold; text-decoration: none; }
a:hover   { color: #F00; font-weight: bold; }

/* mechanic1.html */
#profile { background: #FFF; color: #000; padding: 0; margin: 0; }
#profile h1 { padding: 0; margin: 0; }
#profile p.prof_navi { text-align: center; padding: 1em 0; }
#prof_1st_title { float: left;  width: 320px; }
#prof_1st_descr { float: right; width: 340px; }
#prof_1st_descr .inner { width: 320px; text-align: left; }
#prof_1st_descr h2, #prof_1st_descr p { padding: 0; margin: 0 0 1em; }
#prof_1st_descr .fig { text-align: center; }

/* mechanic2.html */
#prof_detail { text-align: left; text-align: center; }
#prof_detail .inner { width: 660px; margin: 0 auto; text-align: left; }

#profile h1.title2nd { text-align: center; padding: 1em 0; }

#prof_description { margin: 1em 0; }
#prof_description h2 { color: #00A; font-size: 1.2em; border: solid #00A; border-width: 0 0 1px 8px; padding-left: 0.5em; }

#prof_workingfig { text-align: center; }
div.prof_2nd_works { float: left;  width: 220px; margin: 1em 0; }
div.prof_2nd_works p { text-align: center; line-height: 1.4em; }

#prof_equipment { margin: 1em 0; }
#prof_equipment h2 { color: #444; font-size: 1.2em; padding: 4px; background: #FFD; border: solid #444; border-width: 2px 0; }
#prof_equipment ul { list-style-type: none; }
#prof_equipment li { padding: 2px 4px; line-height: 1.2em; border-bottom: solid #444 1px; }

div.prof_2nd_cont_l { float: left;   width: 320px; }
div.prof_2nd_cont_r { float: right;  width: 320px; }


/* mechanic3.html */
#prof_outline { text-align: center; }
#prof_outline .inner { width: 440px; margin: 0 auto; text-align: left; }
#prof_outline dl { line-height: 2em; }
#prof_outline dt { float: left; }
#prof_outline dd { padding-left: 8em; }
#prof_outline dd li { display: inline; }