﻿@charset "utf-8";

/* =======================================

	instructor CSS

 -----------------------------------------
	INDEX

	1.contents

	2.reset


 ----------------------------------------- */



/* =======================================

	contents CSS

========================================== */

#contents {
	margin: 20px auto 28px;
	width: 600px;
}


/* koushi1
========================================== */

#koushi1 {
	width: 580px;
	overflow: hidden;
	margin-bottom: 30px;
}

#koushi1:after {/* for Modern Browser */
	content: ".";display: block;clear: both;height: 0px;visibility: hidden;font-size: 0;
}

#koushi1 .photo {
	float: left;
	display: inline;
	width: 150px;
}

#koushi1 .photo:after {/* for Modern Browser */
	content: ".";display: block;clear: both;height: 0px;visibility: hidden;font-size: 0;
}

#koushi1 ul {
	margin: 0;
	width: 415px;
	float: left;
	display: inline;
	padding-left: 15px;
	padding-bottom: 50px;
}

#koushi1 ul:after {/* for Modern Browser */
	content: ".";display: block;clear: both;height: 0px;visibility: hidden;font-size: 0;
}

#koushi1 ul li {
	list-style-position: outside;
	list-style-type: none;
	line-height: 1.3;
}

#koushi1 p.name {
	margin-top: 5px;
	margin-bottom: 3px;
}


/* koushi2 金丸課長補佐
========================================== */

#koushi2 {
	margin-bottom: 70px;
	margin-top: 40px;
}

* html #koushi2 {
	width: 580px;
	margin-bottom: 56px;
}

*:first-child+html #koushi2 {
	width: 580px;
	margin-bottom: 50px;
}

#koushi2:after {/* for Modern Browser */
	content: ".";display: block;clear: both;height: 0px;visibility: hidden;font-size: 0;
}

#koushi2 .photo {
	float: left;
	display: inline;
	width: 150px;
}

#koushi2 .photo:after {/* for Modern Browser */
	content: ".";display: block;clear: both;height: 0px;visibility: hidden;font-size: 0;
}

#koushi2 ul {
	margin: 0;
	width: 415px;
	float: left;
	display: inline;
	padding-left: 15px;

}

#koushi2 ul:after {/* for Modern Browser */
	content: ".";display: block;clear: both;height: 0px;visibility: hidden;font-size: 0;
}

#koushi2 ul li {
	list-style-position: outside;
	list-style-type: none;
	line-height: 1.3;
}

#koushi2 p.name {
	margin-top: 5px;
	margin-bottom: 3px;
}


/* koushi3 深澤主任
========================================== */

#koushi3 {
	margin-bottom: 50px;
	margin-top: 40px;
}


* html #koushi3 {
	width: 580px;
	margin-bottom: 36px;
}

*:first-child+html #koushi3 {
	width: 580px;
	margin-bottom: 30px;
}

#koushi3:after {/* for Modern Browser */
	content: ".";display: block;clear: both;height: 0px;visibility: hidden;font-size: 0;
}

#koushi3 .photo {
	float: left;
	display: inline;
	width: 150px;
}

#koushi3 .photo:after {/* for Modern Browser */
	content: ".";display: block;clear: both;height: 0px;visibility: hidden;font-size: 0;
}

#koushi3 ul {
	margin: 0;
	width: 415px;
	float: left;
	display: inline;
	padding-left: 15px;

}

#koushi3 ul:after {/* for Modern Browser */
	content: ".";display: block;clear: both;height: 0px;visibility: hidden;font-size: 0;
}

#koushi3 ul li {
	list-style-position: outside;
	list-style-type: none;
	line-height: 1.3;
}

#koushi3 p.name {
	margin-top: 5px;
	margin-bottom: 3px;
}


/* koushi4 濱野係長
========================================== */

#koushi4 {
	margin-bottom: 70px;
	margin-top: 40px;
}

* html #koushi4 {
	width: 580px;
	margin-bottom: 56px;
}

*:first-child+html #koushi4 {
	width: 580px;
	margin-bottom: 50px;
}

#koushi4:after {/* for Modern Browser */
	content: ".";display: block;clear: both;height: 0px;visibility: hidden;font-size: 0;
}

#koushi4 .photo {
	float: left;
	display: inline;
	width: 150px;
}

#koushi4 .photo:after {/* for Modern Browser */
	content: ".";display: block;clear: both;height: 0px;visibility: hidden;font-size: 0;
}

#koushi4 ul {
	margin: 0;
	width: 415px;
	float: left;
	display: inline;
	padding-left: 15px;

}

#koushi4 ul:after {/* for Modern Browser */
	content: ".";display: block;clear: both;height: 0px;visibility: hidden;font-size: 0;
}

#koushi4 ul li {
	list-style-position: outside;
	list-style-type: none;
	line-height: 1.3;
}

#koushi4 p.name {
	margin-top: 5px;
	margin-bottom: 3px;
}


/* koushi5 伊藤課長
========================================== */

#koushi5 {
	margin-bottom: -170px;
	margin-top: 40px;
}

@-moz-document url-prefix() { #koushi5 { margin-bottom: -174px; } }

* html #koushi5 {
	width: 580px;
	margin-bottom: 56px;
}

*:first-child+html #koushi5 {
	width: 580px;
	margin-bottom: 50px;
}

#koushi5:after {/* for Modern Browser */
	content: ".";display: block;clear: both;height: 0px;visibility: hidden;font-size: 0;
}

#koushi5 .photo {
	float: left;
	display: inline;
	width: 150px;
}

#koushi5 .photo:after {/* for Modern Browser */
	content: ".";display: block;clear: both;height: 0px;visibility: hidden;font-size: 0;
}

#koushi5 ul {
	margin: 0;
	width: 415px;
	float: left;
	display: inline;
	padding-left: 15px;

}

#koushi5 ul:after {/* for Modern Browser */
	content: ".";display: block;clear: both;height: 0px;visibility: hidden;font-size: 0;
}

#koushi5 ul li {
	list-style-position: outside;
	list-style-type: none;
	line-height: 1.3;
}

#koushi5 p.name {
	margin-top: 5px;
	margin-bottom: 3px;
}


/* line
========================================== */

.line {
	background: url(images/line.gif) no-repeat;
	width; 580px;
	height: 6px;
}

/* =======================================

	reset CSS

========================================== */

h1,h2,h3,h4,h5,h6,
pre,code,form,fieldset,legend,
p,blockquote {margin: 0; padding: 0;}

html {overflow: scroll; overflow:-moz-scrollbars-vertical; overflow-x:scroll;}/* Firefoxスクロールバー表示 */

img {border: 0;}

a {overflow: hidden; outline: none;}/* Firefox横に伸びる線を消す */



