@charset "utf-8";

/*****************************************************************************
 *  CSS for JUN AUTO WORKS
 *  Copyright(C)2016 JUN AUTO WORKS All rights reserved.
 *  Copyright(C)1997-2016 Tanaka Industrial Co., Ltd. All rights reserved.
 *****************************************************************************/
*, *:before, *:after {
 -webkit-box-sizing: border-box;
 -moz-box-sizing: border-box;
 -o-box-sizing: border-box;
 -ms-box-sizing: border-box;
 box-sizing: border-box;
}

/*------------------*
 *  common part
 *------------------*/
body {
	margin: 0;
	padding: 0;
	background-color: #020;
}


a:link { color: #1e90ff; }
a:visited {color: #2f4f4f; }
a:hover, a:active { color: #ff0000; }

#container {
	text-align: center;
	width: 730px;
	background: #ffffff;
	margin: 0 auto;
}

.wide-banner {
	text-align: center;
	margin-bottom: 1em;
}
.wide-banner img {
	border: 1px #000 solid;
    -webkit-box-shadow:2px 4px 4px rgba(0, 0, 0, 0.6);
       -moz-box-shadow:2px 4px 4px rgba(0, 0, 0, 0.6);
            box-shadow:2px 4px 4px rgba(0, 0, 0, 0.6);
}

/*--- Header ---*/
#header {
	background: #006633;
}

#hdr-main {
	position: relative;
	width: 100%;
	height: 70px;
}

h1#hdr-logo {
	text-indent: -9999px;
	background: url(img/hdr-logo.png) no-repeat;
	position: absolute;
	width: 272px; height: 50px;
	right: 20px; bottom: 10px;
}

p#hdr-catchcopy {
	text-indent: -9999px;
	background: url(img/hdr-catchcopy.png) no-repeat;
	position: absolute;
	width: 272px; height: 30px;
	left: 20px; top: 10px;
}

#header #breadcrumbs {
	background: #ffd700;
	text-align: left;
	margin: 0;
	padding: 2px 12px;
}

/*--- Contents ---*/

#contents {
	width: 700px;
	margin: 0 auto;
	text-align: left;
	overflow: hidden;
	min-height: 500px;
}

/*--- Footer ---*/

#footer {
	text-align: center;
	margin: 0;
	padding: 1em 0;
}

ul#ftr-menu li {
	display: inline;
	padding-right: .5em;
}

ul#ftr-menu:before,
ul#ftr-menu li:after {
	content: '|';
	padding-left: .5em;
}

#ftr-copy {
	font-size: .7em;
	color: #88aa88;
}

/*------------------*
 *  for each page
 *------------------*/
.exp {
	text-indent: 1em;
}
.figcap {
	text-align: center;
	margin: 1em 0;
	font-weight: bold;
}



#contents > div {
	margin-bottom: 2em;
	overflow: hidden;
}

/*--- index.html ---*/
#idx-catchcopy,
#idx-workmenu h2,
#idx-workmenu dt,
#idx-workmenu dt a,
#idx-info h2 {
	text-indent: -9999px;
	background-repeat: no-repeat;
	display: block;
}

#idx-catchcopy {
	background-image: url(img/works-top.gif);
	width: 690px; height: 130px;
	margin: 1em auto;
}

/* left side */
#idx-workmenu {
	float: left;
	width: 320px;
}

#idx-menu,
#idx-workmenu dt,
#idx-workmenu dt a {
	width: 320px; height: 34px;
}

#idx-menu {				background-image: url(img/head-menu.gif); }
#idx-menu-tuning a {	background-image: url(img/head-body-tuning.gif); }
#idx-menu-exterior a {	background-image: url(img/head-aero.gif); }
#idx-menu-orderwork {	background-image: url(img/order-work.gif); }
#idx-menu-others {		background-image: url(img/head-inspection.gif); }

#idx-workmenu p,
#idx-workmenu dd {
	background: url(img/line.gif) repeat-y;
	padding: 0 0 2em 2em;
}
#idx-workmenu dd:last-child { background-image: none; }

/* right side */
#idx-info {
	float: right;
	width: 360px;
}

#idx-info h2 {
	width: 320px; height: 30px;
	margin: 1em 0 .5em;
}
#idx-info h2:first-child { margin-top: 0; }

#idx-topics { background-image: url(img/works-topics.gif); }
#idx-information { background-image: url(img/works-info.gif); }


#idx-info ul.news { width: 350px; }
#idx-info li.news-date { font-size: .8em; }
#idx-info li.news-cont { width: 350px; }
#idx-newsmore {
	text-align: right;
}

ul#idx-infomenu li {
	display: inline;
}
ul#idx-infomenu li:before {
	content: '/';
	padding: 0 .5em;
}
ul#idx-infomenu li:first-child:before {
	content: '';
}


/*--- news.html ---*/
#news-content {
	width: 560px;
	margin: 0 auto;
}
.news-back {
	text-align: right;
}

/*--- body-tuning/index.html ---*/

#summary h1,
#carworks h1,
#ability h1,
#refresh h1 {
	text-indent: -9999px;
	background-repeat: no-repeat;
	display: block;
	margin: 0 auto 1em;
}

#summary h1 {
	width: 690px; height: 33px;
	background-image: url(body-tuning/img/works-body-tuning.gif);
}

#summary {
	overflow: hidden;
}

#summary .fig {
	float: left;
	padding-right: 20px;
}

#summary .explanation {
	column-count: 2;
	column-gap: 20px;
	-moz-column-count: 2;
	-moz-column-gap: 20px;
	-webkit-column-count: 2;
	-webkit-column-gap: 20px;
	-o-column-count: 2;
	-o-column-gap: 20px;
	-ms-column-count: 2;
	-ms-column-gap: 20px;
}

#bodyworks > div:nth-child(2n+1) { /* ������Ŀ�� div�����^�� clear:left; */
	clear: left;
}

.bodywork {
	float: left;
	width: 330px;
	margin: 10px;
	overflow: hidden;
}

.bodywork h2 {
	background: #21607c;
	color: #fff;
	text-shadow: 1px 1px 2px #000;
	padding: 2px .5em;
	font-weight: bold;
	margin: 2em 0 1em;
}

.bodywork .fig {
	float: left;
	width: 100px;
}

.bodywork .fig img {
	padding-bottom: .5em;
}

.bodywork .explanation {
	float: right;
	width: 220px;
}

.bodywork .pricelist {
	width: 100%;
	overflow: hidden;
	margin: .5em 0;
}

.bodywork .pricelist dt, .bodywork .pricelist dd {
	padding: 1px 5px;
	line-height: 1.5em;
	font-size: .9em;
}

.bodywork .pricelist dt {
	float: left;
	clear: left;
}

.bodywork .pricelist dd {
	text-align: right;
	background: #eee;
	margin: 2px 0;
}

.bodywork ul {
	list-style: none;
}
.bodywork li:before {
	content: '\25CF';
}
.bodywork li {
	padding: 0;
	padding-left: 1em;
	text-indent: -1em;
}
.notice li {
	font-size: .8em;
	color: #666;
}
.notice li:before {
	content: '\203B';
}
.bodywork h3 {
	clear: both;
}


#carworks h1 {
	width: 690px; height: 29px;
	background-image: url(body-tuning/img/body-making.gif);
}

#carworks .explanation {
	width: 60%;
	margin: 2em auto;
}

.democar {
	float: left;
	width: 233px;
	padding: 0 16px;
}

#ability h1 {
	width: 690px; height: 29px;
	background-image: url(body-tuning/img/parts-ability.gif);
}

#refresh h1 {
	width: 690px; height: 29px;
	background-image: url(body-tuning/img/body-refresh.gif);
}

#ability .explanation,
#refresh .explanation {
	width: 660px;
	margin: 0 auto;

	column-count: 2;
	column-gap: 20px;
	-moz-column-count: 2;
	-moz-column-gap: 20px;
	-webkit-column-count: 2;
	-webkit-column-gap: 20px;
	-o-column-count: 2;
	-o-column-gap: 20px;
	-ms-column-count: 2;
	-ms-column-gap: 20px;
}



/*--- aero-parts/index.html ---*/

h1#hd_aeroparts,
.aerowork h2 {
	text-indent: -9999px;
	background-repeat: no-repeat;
	display: block;
	margin: 0 auto 1em;
}

h1#hd_aeroparts {
	width: 690px; height: 27px;
	background-image: url(aero-parts/img/aero-parts.gif);
}

.aerowork {
	position: relative;
}

.aerowork h2 {
	position: absolute;
	top: 0; left: 220px;
	width: 480px; height: 29px;
}

#aero-paint h2 {	background-image: url(aero-parts/img/sheet-metal-paint.gif); }
#aero-fitting h2 {	background-image: url(aero-parts/img/just-fit.gif); }
#aero-effect h2 {	background-image: url(aero-parts/img/aero-effect.gif); }

.aerowork .fig {
	float: left;
	width: 220px;
	padding-right: 20px;
}

.aerowork .explanation {
	padding-top: 40px;

	column-count: 2;
	column-gap: 20px;
	-moz-column-count: 2;
	-moz-column-gap: 20px;
	-webkit-column-count: 2;
	-webkit-column-gap: 20px;
	-o-column-count: 2;
	-o-column-gap: 20px;
	-ms-column-count: 2;
	-ms-column-gap: 20px;
}

#aero-makers {
	border: 4px solid #ddd;
	padding: 30px;
	width: 80%;
	margin: 0 auto;
}

#aero-makers ul {
	width: 80%;
	margin: 0 auto;
}

#aero-makers ul li {
	display: inline-block;
	margin: 10px;
}






/*--- profile common ---*/
#prof-navi {
	text-align: center;
}


/*--- works1.html ---*/

#profile #contents {
	width: 100%;
}

#prof-potal {
	min-height: 700px;
	background: url(img/whitebody.jpg) no-repeat;
	overflow: hidden;
}

#prof-potal h1,
#prof-catchcopy {
	text-indent: -9999px;
	background-repeat: no-repeat;
	display: block;
	margin: 0 auto 1em;
}

#prof-potal h1 {
	width: 400px; height: 80px;
	background-image: url(img/prof-jaw.png);
	margin: 40px auto 30px;
}

#prof-potal .explanation {
	float: right;
	width: 300px;
	margin-right: 50px;
}
#prof-potal .explanation p {
	margin-bottom: 20px;
}

#prof-catchcopy {
	width: 324px; height: 60px;
	background-image: url(img/works2.gif);
}

#prof-potal .exp {
	line-height: 2em;
}

#prof-potal .fig {
	text-align: center;
}



/*--- works2.html ---*/

#facility_exp h1 {
	text-indent: -9999px;
	background-repeat: no-repeat;
	display: block;
	margin: 0 auto 1em;
}

#facility_exp h1 {
	width: 324px; height: 60px;
	background-image: url(img/works2.gif);
	margin: 40px auto 30px;
}

#facility_exp {
	overflow: hidden;
}

#facility_exp .explanation {
	float: left;
	width: 300px;
	margin: 0 20px;
}

#facility_exp h2 {
	color: #008800;
	font-weight: bold;
	border-bottom: 1px #008800 solid;
}
#facility_exp h2:before {
	content: '\25A0';
	margin-right: .3em;
}

#facility-figs {
	overflow: hidden;
	width: 570px;
	margin: 0 auto;
}

#facility-figs .fig {
	float: left;
	width: 150px;
	margin: 20px;
}

#facility-list {
	width: 600px;
	margin: 0 auto;
}

#facility-list h2 {
	text-align: center;
	font-size: 1.3em;
	font-weight: bold;
	color: #fff;
	background: #444;
	margin: 1px;
}

#facility-list li {
	list-style: none;
	overflow: hidden;
}

#facility-list li {
	float: left;
	width: 298px;
	margin: 1px;
	background: #ddd;
	padding: 2px .5em;
}


/*--- works3.html ---*/

#prof-outline h1 {
	text-indent: -9999px;
	background-repeat: no-repeat;
	display: block;
	margin: 0 auto 1em;
}

#prof-outline h1 {
	width: 400px; height: 80px;
	background-image: url(img/prof-jaw.png);
	margin: 40px auto 30px;
}

#prof-outline dl {
	width: 500px;
	min-height: 260px;
	border-top: 1px dotted #000;
	margin: 0 auto;
}

#prof-outline dt,
#prof-outline dd {
	line-height: 1.5em;
}

#prof-outline dt {
	float: left;
	width: 7em;
	text-align: justify;
	text-justify: distribute-all-lines;
	padding: 2px 2px 2px .5em;
}
#prof-outline dd {
	padding: 2px 2px 2px 8em;
	border-bottom: 1px dotted #000;
}

/*--- job.html ---*/
#jobs {
	width: 500px;
	margin: 0 auto;
}

#jobs h1 {
	text-indent: -9999px;
	background-repeat: no-repeat;
	display: block;
	margin: 0 auto 1em;
}

#jobs h1 {
	width: 400px; height: 80px;
	background-image: url(img/prof-jaw.png);
	margin: 40px auto 30px;
}

#jobs h2 {
	background-color: #aaa;
	text-align: center;
	margin: 1em 0;
	font-size: 1.4em;
	font-weight: bold;
	letter-spacing: 0.5em;
}


/*--- contact.html ---*/


#jaw_inquiry h2 {
	border-bottom: 1px solid #aaa;
	text-align: center;
	margin: 3em 0 2em;
	font-size: 1.4em;
	font-weight: bold;
	letter-spacing: 0.5em;
}

#jaw_mailform { width: 400px; margin: 1em auto 2em; }
#jaw_mailform dl dd input,
#jaw_mailform dl dd textarea { width: 20em; border: 1px solid #888; border-radius: 3px; }
#jaw_mailform dt, #jaw_mailform dd { margin-top: 6px; }
#jaw_mailform dt { width: 9em; text-align: right; clear: left; float: left; }
#jaw_mailform dd { padding-left: 10em; }
#jaw_mailform input, #jaw_mailform textarea, #jaw_mailform select { border: 1px solid #888; border-radius: 3px; }
#jaw_mailform input, #jaw_mailform textarea, #jaw_mailform label, #jaw_mailform select { padding: 3px; }
#jaw_mailform .jfm_fileclear { margin-left: 5px; }