@charset "utf-8";
/* メインのCSSファイル。変更の可能性が高い部分の右側にコメントを入れてます */
body  {
	font-family:"ＭＳ ゴシック", "Osaka－等幅";
	font-size:12px;
	background-image: url(../img/background.jpg); /*画面全体の背景画像（単色にする場合削除） */
	background-repeat:repeat-x;/* 背景画像を横に繰り返すならx、縦ならy */
	line-height:1.5em;
	margin: 0; 
	padding: 0;
	text-align: center;
	color: #000000;/* 基本設定となる文字の色 */
}

/* メイン部分（全てのコンテンツを囲うdiv） */
#container { 
	width: 780px;
	margin: 0 auto;
	border: 1px solid #000000;/* メイン部を囲むボーダー */
	text-align: left; 
} 

#back{
	background-image:url("../img/sideback.jpg");/* 画面全体の背景画像（単色にする場合削除） */
	background-repeat:repeat-y;/* 背景画像を横に繰り返すならx、縦ならy */
	background-position:center;
}

#sideandmain{
	margin-top:10px;
}

/* ヘッダー */
#header { 
	height:170px;
	padding: 0 0px 0 0px;
} 

#header img {
	vertical-align:middle;
}

#header p {
	font-weight:bold;
	font-size:30px;
	color:#003300;
	margin:0;
	padding-top:35px;
	padding-right:0;
	padding-bottom:0;
	padding-left:0;
}

/* 左メニュー */
#sidebar1 {
	float:left; 
	width:200px;
	padding-top:0;
	padding-bottom:15px;
	padding-left:0px;
	padding-right:0px;
}

/* 左メニュー内 カテゴリ */
#sidebar1 p{
	background-image:url(../img/menuback.jpg);
	display:block;
	line-height:35px;
	margin-top:0px;
	margin-right:20px;
	margin-bottom:2px;
	margin-left:25px;
	text-align:center;
	width:150px;
}
#sidebar1 p a:link{
	color:#FFFFFF; /* カテゴリ文字色 */
	display:block;
	text-decoration:none;
}
#sidebar1 p a:visited{
	color:#FFFFFF; /* カテゴリ文字色 */
	display:block;
	text-decoration:none;
}
#sidebar1 p a:hover{
	color:#000000; /* カテゴリ文字色 */
	display:block;
	text-decoration:none;
	font-weight:bold;
}
#sidebar1 p a:active{
	display:block;
	text-decoration:none;
}


#sidebar1 .menu{
	margin-top:30px;/* 会社概要とお問合せの間 */
}

/* 右メインコンテンツ部 */
#mainContent {
	margin-bottom:50px;
	margin-left:220px;
	margin-right:0;
	margin-top:0;
	padding-right:20px; 
}

h1 {
	font-size:10px;
	color: #000000;
	background-color:#FFFFFF;
	margin:0px;
	font-weight:100;
}

#mainContent h2 {
	width:536px;
	font-size:18px;
	display:block;
	background-image:url(../img/hback.jpg);
	text-align:center;
	line-height:35px;
	color: #FFFFFF;
	margin-top:0px;
}

#mainContent h3 {
	padding:5px;
	font-size:16px;
	border-left:#653704 solid 5px;/* 見出し2左線 */
	border-bottom:#653704 solid 1px;/* 見出し2下線 */
}

#mainContent h4 {
	padding:2px;
	font-size:13px;
	border-bottom:#653704 solid 1px;/* 見出し下線 */
}

#mainContent img.top {
	width:536px;
}

#mainContent p.shirase{
	font-size:14px;
	color:#653704;
	padding-left:30px;
}
.red{color:#FF0000;}

#flash{
	width:536px;
	background-image:url(../img/flash.jpg);
}


/* フッター */
#footer {
	text-align:center;
	padding: 0 10px 0 20px; 
	background:#f4e3b8;/* フッター背景色 */
} 
#footer p {
	margin: 0;
	padding: 10px 0;
}

.ft{
	text-align:center;
}

.ft a:link{
	color:#000000; /* カテゴリ文字色 */
}

.ft a:visited{
	color:#000000; /* カテゴリ文字色 */
}

.ft a:hover{
	color:#000000; /* カテゴリ文字色 */
}

.ft a:active{
	color:#000000; /* カテゴリ文字色 */
}

.red{color:#FF0000}

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

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

/* このクラスは、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]