@charset "Shift_JIS";

/*--------------------------------------------------------------------
designer.html(デザイナーになるために)
designer.css
--------------------------------------------------------------------*/

/*--------------------------------------------------------------------コンテンツ内容*/
div#InMain {
	width: 920px;
	margin: 0 auto;
}

/*-----------------------------------就職サポート*/
div#InMain div#Designer {
	width: 680px;
	margin: 0;
	float: right;
}

div#InMain div#Designer h2 {
	width: 680px;
	height: 200px;
	background: url(../../img/designer/title.jpg) no-repeat left top;
	text-align: left;
	text-indent: -99999px;
	overflow: hidden;
}

div#InMain div#Designer h3 {
	margin: 20px 0 0 0;
	padding: 10px 20px 15px 20px;
	background: url(../../img/sub_title.gif) no-repeat center bottom;
	font-size: 160%;
	font-weight: bold;
	color: #004700;
}

div#InMain div#Designer p {
	margin: 15px 20px 0 20px;
}

div#InMain div#Designer h4 {
	width: 640px;
	height: 27px;
	margin: 15px auto 0 auto;
	text-align: left;
	text-indent: -99999px;
	overflow: hidden;
}

div#InMain div#Designer h4#PDW01 {
	background: url(../../img/designer/package_t.gif) no-repeat left top;
}

div#InMain div#Designer h4#PDW02 {
	background: url(../../img/designer/dtp_t.gif) no-repeat left top;
}

div#InMain div#Designer h4#PDW03 {
	background: url(../../img/designer/web_t.gif) no-repeat left top;
}

/*実際に活用出来る現場例*/
div#InMain div#Designer div.Site {
	margin: 20px 20px 45px 20px;
	padding: 2px 0 2px 175px;
	background: url(../../img/designer/site_t.gif) no-repeat left top;
	font-size: 90%;
}

div#InMain div#Designer div.Site span {
	display: none;
}

div#InMain div#Designer div.Site ul li {
	list-style: none;
	display: inline;
	margin: 0 10px 0 0;
	white-space: nowrap;
}

/*心構え*/
div#InMain div#Designer table {
	width: 640px;
	margin: 20px auto 0 auto;
	border-collapse: collapse;
	border: 0 none;
}

div#InMain div#Designer table tr th {
	width: 117px;
	height: 117px;
	padding: 0 0 20px 0;
	text-align: left;
	vertical-align: top;
	text-indent: -99999px;
	overflow: hidden;
}

div#InMain div#Designer table tr th#Attitude01 {
	background: url(../../img/designer/favor.jpg) no-repeat left top;
}

div#InMain div#Designer table tr th#Attitude02 {
	background: url(../../img/designer/effort.jpg) no-repeat left top;
}

div#InMain div#Designer table tr th#Attitude03 {
	background: url(../../img/designer/obedience.jpg) no-repeat left top;
}

div#InMain div#Designer table tr th#Attitude04 {
	background: url(../../img/designer/spirit.jpg) no-repeat left top;
}

div#InMain div#Designer table tr td {
	padding: 0 0 20px 10px;
	text-align: left;
	vertical-align: middle;
}

/*チャレンジ*/
div#InMain div#Designer div#Challenge {
	width: 520px;
	height: 111px;
	margin: 15px auto 0 auto;
	background: url(../../img/designer/challenge_t.gif) no-repeat left top;
}

div#InMain div#Designer div#Challenge p {
	display: none;
}