﻿@charset "UTF-8";
/*-----------------------------------
DEFAULT CSS
FILE DATA: mechanic.css
-----------------------------------*/

/*-----------------------------------
自動車整備科
-----------------------------------*/
#mechanic_1st {
	width:584px;
	height:auto;
	margin:15px 0px 0px 0px;
}

.mechanic_1st_left {
	width:324px;
	height:auto;
	margin:20px 0px 0px 0px;
	float:left;
}

.mechanic_1st_left h3.no1 {
	background:url(../images/mechanic_subtitle1.jpg) no-repeat;
	width:200px;
	height:22px;
	text-indent:-1000em;
}

.mechanic_1st_left h3.no2 {
	background:url(../images/mechanic_subtitle2.jpg) no-repeat;
	width:200px;
	height:22px;
	text-indent:-1000em;
}

.mechanic_1st_left p {
	width:300px;
	height:auto;
	font-size:80%;
	line-height:1.5em;
	color:#848484;
	margin:10px 0px;
}

.mechanic_1st_left li {
	width:81px;
	height:77px;
	margin:0px 10px 0px 0px;
	float:left;
}

.mechanic_1st_right {
	width:260px;
	height:auto;
	margin:20px 0px 0px 0px;
	float:right;
	font-size:80%;
	line-height:1.4em;
}

.mechanic_1st_right p {
	background:#b4b4b4;
	width:220px;
	height:15px;
	color:#FFFFFF;
	font-weight:bold;
}

.mechanic_1st_right li {
	width:220px;
	height:auto;
	float:left;
	color:#848484;
}





#mechanic_2nd {
	width:584px;
	height:auto;
	margin:15px 0px 0px 0px;
}

#mechanic_2nd h3 {
	background:url(../images/mechanic_subtitle3.jpg) no-repeat;
	width:584px;
	height:26px;
	text-indent:-1000em;
}

#mechanic_2nd li {
	width:269px;
	height:auto;
	float:left;
	font-size:80%;
	line-height:1.5em;
	color:#848484;
	margin:15px 0px 0px 15px;
}
* html body #mechanic_2nd li {
	width:269px;
	height:auto;
	float:left;
	font-size:80%;
	line-height:1.5em;
	color:#848484;
	margin:15px 10px 0px 5px;
}

#mechanic_2nd span {
	font-size:120%;
	font-weight:bold;
	color:#5b5b5b;
	line-height:2em;
}





#mechanic_3rd {
	width:584px;
	height:auto;
	margin:15px 0px 0px 0px;
}

#mechanic_3rd h3 {
	background:url(../images/mechanic_subtitle4.jpg) no-repeat;
	width:584px;
	height:26px;
	text-indent:-1000em;
}

#mechanic_3rd p {
	width:331px;
	height:auto;
	color:#848484;
	font-size:80%;
	margin:20px 0px 0px 0px;
	line-height:1.5em;
	float:left;
	display:block;
}

#mechanic_3rd ul {
	width:321px;
	height:auto;
	margin:10px 0px 0px 10px;
	float:left;
	display:block;
}

#mechanic_3rd li {
	color:#04b5d5;
	font-size:80%;
	font-weight:bold;
	line-height:1.5em;
}

.mechanic_3rd_img {
	width:233px;
	height:160px;
	margin:20px 0px 0px 20px;
	float:right;
}

.woman_curriculum {
	margin:15px 0px 0px 0px;
	float:left;
}




#mechanic_4th {
	width:584px;
	height:auto;
	margin:15px 0px 0px 0px;
}

#mechanic_4th h3 {
	background:url(../images/mechanic_subtitle5.jpg) no-repeat;
	width:584px;
	height:26px;
	text-indent:-1000em;
}

#mechanic_4th p {
	width:331px;
	height:auto;
	color:#848484;
	font-size:80%;
	margin:20px 0px 0px 0px;
	line-height:1.5em;
	float:left;
	display:block;
}

#mechanic_4th ul {
	width:321px;
	height:auto;
	margin:10px 0px 0px 10px;
	float:left;
	display:block;
}

#mechanic_4th li {
	color:#04b5d5;
	font-size:80%;
	font-weight:bold;
	line-height:1.5em;
}

.mechanic_4th_img {
	width:233px;
	height:303px;
	margin:20px 0px 0px 20px;
	float:right;
}

.woman_curriculum {
	margin:15px 0px 0px 0px;
	float:left;
}
