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

/* ヘッダー */
.main #header {
	width:780px;
	height:100px;
	padding:0;
} 

/* 左メニュー */
.main #sidebar1 {
	float: left;
	width: 250px;
	height:500px;
	background-image:url(images/sidebar-back.jpg);
	background-repeat:repeat-x;
}
.main #sidebar1 ul{
	margin:20px auto;
	padding:0;
	text-indent:0;
	list-style-type:none;
}

/* 左メニュー内 カテゴリ */
.main #sidebar1 li{
	border:#999999 1px solid;
	display:block;
	height:50px;
	line-height:50px;
	margin-right:20px;
	margin-bottom:10px;
	margin-left:20px;
	text-align:left;
	text-indent:25px;
	font-size:14px;
}
.main #sidebar1 li a:link{
	background-image:url(images/sidebar_dd_back.jpg);
	color:#000000; /* カテゴリ文字色 */
	display:block;
	text-decoration:none;
}
.main #sidebar1 li a:visited{
	background-image:url(images/sidebar_dd_back.jpg);
	color:#333333; /* カテゴリ文字色 */
	display:block;
	text-decoration:none;
}
.main #sidebar1 li a:hover{
	background-image:url(images/sidebar_dd_back2.jpg);
	color:#FF0000;
	display:block;
	text-decoration:underline;
	font-weight:bold;
}
.main #sidebar1 li a:active{
	background-image:url(images/sidebar_dd_back.jpg);
	display:block;
	text-decoration:none;
}


/* 右メインコンテンツ部 */
.main #mainContent {
	padding:10px;
	width:710px;
	float:right; 
}
.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 h3 {
	padding:5px;
	font-size:15px;
	margin:0 0 10px 0;
	text-align: center;
	background-color: #336699;
	color: #FFFFFF;
}
.main #mainContent dl{
	margin:0;
	padding:0;
}.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-top: 10px;
	margin-right: 10px;
	margin-left: 10px;
	margin-bottom: 20px;
	padding: 0 0 0 25px;
	}
.main #mainContent li{
	margin:0;
	padding:0;
	}
#shinkun{
	list-style-type:none;
}
.greeting{
	margin-left:10px;
	font-size:14px;
	line-height:1.7em;
}
.boxdiv{
	padding-bottom: 10px;
}
#slideshow {
	width: 710px;
	height: 430px;
	margin-bottom: 20px;
	background-image:url(images/flash01.jpg);
	color:#FFFFFF;
}

/* フッター */
.main #footer {
	padding: 0 10px 0 20px;/* フッター背景色 */
	background-color: #003366;
	color:#FFFFFF;
} 
.main #footer p {
	margin: 0;
	padding: 10px 0;
}
/* テーブル用 */
table{
	width:700px;
	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:7px;
	border-right:#000000 1px solid;
	border-bottom:#000000 1px solid;
	font-size: 14px;
}
td{
	padding:7px;
	border-right:#000000 1px solid;
	border-bottom:#000000 1px solid;
}
.jobtext{
	font-size:17px;
	height:370px;
	background-image:url(images/job.jpg);
	width: 260px;
	padding: 55px 0 0 450px;
	margin: 0 0 10px 0;
}

.jobtext p{
	line-height: 1.8em;
	margin: 0;
}
.center{
	text-align:center;
}
#mainContent table a:link{
	color:#FFFFFF;
}
#mainContent table a:visited{
	color:#FFFFFF;
}
#mainContent table a:hover{
	text-decoration:none;
}
#mainContent table a:active{
	color:#FF0000;
}
/* このクラスは、ページ上でフローティングエレメントを右側に配置するのに使用できます。プローティングエレメントは、ページ上でその横に配置されるエレメントの前に配置される必要があります。 */
.flortright {
	float: right;
	padding-bottom: 10px;
	width: 350px;
}
.flortright2 {
	float: right;
	padding-bottom: 10px;
	width: 230px;
}

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

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

[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]