@charset "UTF-8";

body {
	color: #FFF;
	background-color: #202020;
	text-align: center;
	margin: 0;
	padding: 0;
}
a:link { color: #FFF; }
a:visited {color: #DDD; }

.remarks { color: #888; }

.em { color: #ffaa00 }

#container {
	width: 700px;
	background-color: #000000;
	text-align: left;
	margin: 0px auto;
}


#header {
	width: 100%;
	height: 50px;
	margin: 0;
	background-image: url(/mechanic/img/header01.jpg);
	background-repeat: no-repeat;
	background-position: top left;

}

#footer {
	width: 100%;
	clear: both;
	font-family: Myriad;
	color: #202020;
	text-align: center;
	background-color: #DDDD00;
}

#header h1 a {
	display: block;
	float: right;
	width: 220px; height: 50px;
	background: url(img/header02.jpg) no-repeat;
	text-indent: -9999px;
	overflow: hidden;
}

#headermenu {
	position: absolute;
	top: 22px;
	margin-left: 24px;
}

#headermenu li {
	list-style-type: none;
	float: left;
	margin: 3px 4px;
	font-family: miriad arial;
	line-height: 30px;
}
#headermenu a:link, #headermenu a:visited { text-decoration: none; color: #777; }
#headermenu a:hover { color: #FF0000; }


#gen_container { width: 100%; background: url(/mechanic/img/jam_y.jpg) repeat-y top left; }
#gen_content { float: left; width: 480px; text-align: center; }
#gen_content .inner { width: 460px; margin: 0 auto; text-align: left; }
#gen_sidebar { float: right; width: 220px; }

.gen_page h1 {
	color: #fff;
	text-shadow: -1px -1px 0 #222;
	font-size: 1.6em;
	font-weight: bold;
	border: #000 1px solid;
	margin: .5em 0;
	padding: .5em;
	background: linear-gradient(top, #505050, #363636 50%, #202020 51%,#2B2B2B);
	background: -moz-linear-gradient(top, #505050, #363636 50%, #202020 51%,#2B2B2B);
	background: -webkit-gradient(linear, left top, left bottom, from(#505050), color-stop(50%, #363636), color-stop(51%, #202020),to(#2B2B2B));
}

.gen_page h2 {
 position: relative;
 color: #ff0;
 font-size: 1.5em;
 font-weight: bold;
 margin: 1em 0 .5em;
 padding: 0.5em 0.5em 0.5em 1.7em;
 border-left: 0;
 border-bottom: 2px solid #ff0;
 background: transparent;
 text-shadow: 2px 2px 1px #000;
}
.gen_page h2:before{
 content: "";
 position: absolute;
 background: #FFFF80;
 top: 0;
 left: 0.4em;
 height: 12px;
 width: 12px;
 transform: rotate(45deg);
 -moz-transform: rotate(45deg);
 -webkit-transform: rotate(45deg);
 -o-transform: rotate(45deg);
 -ms-transform: rotate(45deg);
}
.gen_page h2:after{
 content: "";
 position: absolute;
 background:#FFFFB3;
 top: 1.0em;
 left: 0;
 height: 8px;
 width: 8px;
 transform: rotate(15deg);
 -moz-transform: rotate(15deg);
 -webkit-transform: rotate(15deg);
 -o-transform: rotate(15deg);
 -ms-transform: rotate(15deg);
}



#gen_content p.price { text-align: right; font-size: 1.2em; font-weight: bold; color: #ff0; }

#gen_sidebar ul.idx_carlist { margin: 0; list-style-type: none; }
#gen_sidebar .idx_info { margin: 0.5em 0; }
#gen_sidebar .idx_info h3 { font-size: 1.1em; }
#gen_sidebar .idx_info dl { line-height: 1.4em; }
#gen_sidebar .idx_info dt { float: left; }
#gen_sidebar .idx_info dd { padding-left: 5em; }
#gen_sidebar .idx_info dd li { display: inline; }

.top-caution {
	border: 2px #dd0000 dashed;
	padding: 1em;
	margin-bottom: 1em;
}

.junCalendar h1.caption { background: #333; }
.junCalendar li { border-color: #333; }
.junCalendar ul.caption li { background: #222; border-color: #333; }
.junCalendar li.sat { color: #88F; }
.junCalendar li { color: #EEE; }
.junCalendar li.today {
	border-color: #888888;
	color: #FFF;
}
.junCalendar li.hol { background: #222; }

/*
 * index.html
 */
#idx_head { background-color: #CCCC00; padding-bottom: 8px; }
#show { float: left; width: 480px; height: 120px; }
#idx_mainmenu { float: right; width: 220px; }
#idx_mainmenu ul { margin: 0; list-style-type: none; }

.news_more { text-align: right; }

#home div.newslist { width: 100%; background-color: rgba(64,64,64,0.5); }
#home ul.news { width: 450px; clear: both; }
#home li.news-cont { width: 450px; }
#home li.news-capt,
#home li.news-capt a { color: #CCCC00; font-weight: bold; text-decoration: none; }

.jamMainBanner { text-align: center; }
.jamMainBanner p { margin: 1em 0; }
.jamMainBanner img { margin-right: 6px; }

/* -------------- */




/*
 * news.html
 */
#news .gen_page .inner {
	width: 560px;
	margin: 0 auto;
	text-align: left;
}

#newsmechanic .newsdate { color: #ddd; background: #444; }
#new_feed { text-align: right; margin: .5em 0; }
p.news_goback{ text-align: right; margin: 1em 0; }
#newsmechanic ul.news { width: 100%; }
#newsmechanic ul.news-notices { background-color: #222; color: #888; padding: 8px; text-align:justify; }
#newsmechanic ul.news-notices li:before { color: #000; }
#newsmechanic li.news-capt,
#newsmechanic li.news-capt a { color: #CCCC00; font-weight: bold; text-decoration: none; }

#newsmechanic li.news-image { background-color: #222; }

/*
 * services.html
 */
#services #gen_content .inner { padding: 2em 0; }

#services #gen_content  h3 {
	position: relative;
	color: #ff8;
	text-shadow: 1px 1px 1px #000;
	font-size: 1.2em;
	line-height: 1;
	border :2px solid #ff8;
	margin: 30px 10px 10px 10px;
	padding: 6px 5px 5px 10px;
	border-radius: 3px;
	/* background-color: rgba(0,0,0,.4); */
	box-shadow: 1px 1px 1px #000;
}
#services #gen_content  h3:after,#services #gen_content  h3:before {
	content: "";
	position: absolute;
	top: 100%;
	height: 0;
	width: 0;
}
#services #gen_content  h3:after {
	left: 33px;
	border: 11px solid transparent;
	border-top: 11px solid #ff8;
}
#services #gen_content  h3:before {
	left: 30px;
	border: 14px solid transparent;
	border-top: 14px solid #ff8;
}
#services #gen_content  .descip {
	margin: 0 2em;
	padding: 1em;
	background: rgba(0, 0, 0, .8);
	border-radius: 5px;
	overflow: hidden;
}

#services #gen_content .descip p { margin: .2em 0;}
#services #gen_content .descip ul.figs { list-style: none; text-align: center; margin: 1em 0; }
#services #gen_content .descip ul.figs li { display: inline; }
#services #gen_content .descip p.figs { float: right; margin-left: 1em; }

#js-4-5523 { text-indent: -9999px; width: 120px; height: 24px; background: url(img/js-4-5523.png); }

/*
 * job.html
 */
#job .gen_page .inner { width: 560px; margin: 1em auto; color: #ccc; }
h2 + p.exp, ul { margin: 0 2em 1em; }
div.skillful_list  { padding-bottom: 1em; }
div.skillful_list ul  { margin-left: 2em; }
div.skillful_list dl dt { display: inline; float: left; width: 5em; margin-top: 0; font-weight: bold; text-align: right; padding: 1px; margin-bottom: 2px; clear: both; }
div.skillful_list dl dd { margin-left: 5.5em; background-color: #222;  margin-bottom: 2px; padding: 1px; }
table.joboffer { border: none; border-spacing: 2px; margin: 0 auto; }
.joboffer tr.job_headline th { text-align: center; vertical-align: middle; background: #222; height: 3em; font-weight: bold; }
.joboffer th.clause { width:100px; }
.joboffer th.clause-content { width:194px; }
.joboffer th.clause { text-align: right; vertical-align: top; background: #222; padding: 2px; font-weight: normal; }
.joboffer td.clause-content { background: #111; padding: 2px; }

/*
 * contact.html
 */
#contact #gen_content .inner { padding: 2em 0; }

#jam_content { width: 640px; margin: 0 auto; text-align: left; }
#jam_content_wide { width: 660px; margin: 0 auto; text-align: left; }

.jam_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; }
.jam_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; }
.jam_notepage hr { border: #ccc; border-bottom: 1px dotted; margin: 1em 0; }
.jam_notepage .jam_notedate { text-align: right; color: #333; margin: 1em 0 2em; }


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

#jam_contact { float: left; width: 280px; }
#jam_calendar { float: right; width: 360px; }
#jam_inquiry { clear: both; }
#jam_mailform { width: 400px; margin: 1em auto 2em; }
#jam_mailform dl dd input,
#jam_mailform dl dd textarea { width: 20em; }
#jam_mailform dt, #jam_mailform dd { margin-top: 6px; }
#jam_mailform dt { width: 9em; text-align: right; clear: left; float: left; }
#jam_mailform dd { padding-left: 10em; }
#jam_mailform input, #jam_mailform textarea, #jam_mailform label, #jam_mailform select { padding: 3px; border: none; border-radius: 3px; }
#jam_mailform .jfm_fileclear { margin-left: 5px; }
#jam_mailform .jfm_filename p { color: #fff; background: #222; }

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; }

/* for old contact form */
div#thanks p { margin-top: 1em; }
/* for old contact form */