@charset "utf-8";
/* メインのCSSファイル。変更の可能性が高い部分の右側にコメントを入れてます */
body  {
	font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	font-size:12px;
	background-image: url(images/background.jpg);/* 画面全体の背景画像（単色にする場合削除） */
	background-repeat:repeat-x;/* 背景画像を横に繰り返すならx、縦ならy */
	line-height:1.5em;
	margin: 0; 
	padding: 0;
	text-align: center;
	color: #000000;/* 基本設定となる文字の色 */
	letter-spacing:1px;
}
.contact{
	font-size:15px;
	padding-left:10px;
	line-height:1.8em;
	margin-top: 0px;
	float: left;
	margin-bottom: 30px;
}
.font01{
	font-size:24px;
	color:#003399;
	font-weight: bold;
	line-height: 1.4em;
}
img {
 display:block;
 border:none;
}
img.border {
	border:#999999 1px solid;
}
div#mainContent p img {
 display:block;
 border:none;
}

/* メイン部分（全てのコンテンツを囲うdiv） */
.main #container { 
	width: 650px;
	background-color: #FFFFFF;/* メイン部の背景色 */
	margin: 0 auto;
	text-align: left; 
} 

/* ヘッダー */
.main #header { 
	padding:0;
	margin:0;
} 
.main #header img {
	width:100%;
	height:100%;
}

/* 左メニュー */
.main #sidebar1 {
	display:none;
}
/* 右メインコンテンツ部 */
div#mainContent {
	margin:20px 10px 20px 10px;
	width:auto; 
	background-color: #FFFFFF;/* メイン部の背景色 */
}
.main #mainContent h1 {
	font-size:18px;
	display:block;
	background-color:#0066CC;/* 見出し1背景色 */
	text-align:center;
	line-height:40px;
	color: #FFFFFF;
	margin-bottom: 10px;
	margin-top: 0px;
	background-image: url(images/h1-back.gif);
}
.main #mainContent h2 {
	padding:5px;
	font-size:16px;
	border-left:#000000 solid 20px;/* 見出し2左線 */
	border-bottom:#000000 solid 1px;/* 見出し2下線 */
	color: #336699;
	border-right: #000000 solid 1px;
	border-top: #000000 solid 1px;
}
.main #mainContent dt{
	padding:5px;
	font-size:16px;
	font-weight:bold;
	border-bottom:#999999 solid 1px;/* 見出し2下線 */
	color: #336699;
	line-height:20px;
}
.main #mainContent dd{
	padding:5px;
	font-size:14px;
	line-height:1.5em;
}
.main #mainContent ul{
	font-size:14px;
	line-height:25px;
	margin:0;
	padding:0 0 0 25px;
	}
.main #mainContent li{
	margin:0;
	padding:0;
	}
#shinkun{
	list-style-type:none;
}
.jobtext{
	font-size:17px;
	height:295px;
	background-image:url(images/job.jpg);
	width: 210px;
	padding: 35px 0 0 350px;
	margin: 0 auto 10px auto;
}

.jobtext p{
	line-height: 1.8em;
	margin: 0;
}
/* テーブル用 */
table{
	width:600px;
	margin:0 auto 10px auto;
	border-top:#000000 1px solid;
	border-left:#000000 1px solid;
	border-collapse: collapse;
}
th{
	background-color:#4A7094;
	color:#FFFFFF;
	padding:6px;
	border-right:#000000 1px solid;
	border-bottom:#000000 1px solid;
	font-size: 14px;
}
td{
	padding:6px;
	border-right:#000000 1px solid;
	border-bottom:#000000 1px solid;
}
.jobtext{
	font-size:17px;
	height:295px;
	background-image:url(images/job.jpg);
	width: 210px;
	margin-bottom: 10px;
	padding: 35px 0 0 350px;
}

.jobtext p{
	line-height: 1.8em;
	margin: 0;
}
.center{
	text-align:center;
}
#mainContent table a:link{
	color:#FFFFFF;
}
#mainContent table a:visited{
	color:#FFFFFF;
}

.right{
	text-align:right;
}
.main #footer {
	padding: 0 10px 0 20px;/* フッター背景色 */
	background-color: #003366;
	color:#FFFFFF;
} 
.main #footer p {
	margin: 0;
	padding: 10px 0;
}
.greeting{
	margin-left:10px;
	font-size:14px;
	line-height:1.7em;
}

/* このクラスは、ページ上でフローティングエレメントを右側に配置するのに使用できます。プローティングエレメントは、ページ上でその横に配置されるエレメントの前に配置される必要があります。 */
.flortright {
	float: right;
	width: 350px;
	padding-bottom: 10px;
}

/* このクラスは、ページ上でフローティングエレメントを左側に配置するのに使用できます */
.flortleft {
	float: left;
	margin-right: 8px;
	width: 250px;
}

/* このクラスは、div またはブレークエレメントに適用される必要があり、また、フローティングエレメントが完全に含まれているコンテナの末尾の直前にある最後のエレメントである必要があります */
.clearfloat { 
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}

[if IE 5]>
/* この条件分岐コメントに IE 5* を対象とした css ボックスモデルのフィックスを配置します */
.main #sidebar1 { width: 230px; }
<![endif]

[if IE]>
/* この条件分岐コメントにすべてのバージョンの IE を対象とした css のフィックスを配置します */
.main #sidebar1 { padding-top: 30px; }
.main #mainContent { zoom: 1; }
/* 上述の専用のズームプロパティにより、いくつかのバグを回避するのに必要な hasLayout が IE に対して設定されます */
<![endif]