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

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

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

#sideandmain{
	margin-top:10px;
}

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

#header img {
	vertical-align:middle;
	border:none;
}

#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{
	display:block;
	height:35px;
	background-image:url(../img/menuback.jpg);
	font-family:"Arial";
	line-height:35px;
	margin-top:0px;
	margin-right:0px;
	margin-bottom:2px;
	margin-left:25px;
	text-align:center;
	width:150px;
}

#sidebar1 .jp{/* メニュー右側の日本語 */
	font-family:"ＭＳ ゴシック";
	font-size:10px;
	color:#8eb8ea;
}

#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 {
	float:left;
	width:536px;
	margin-bottom:50px;
	margin-left:20px;
	margin-right:0;
	margin-top:0;
	padding-right:0px; 
}

#mainContent p.top{
	margin-top:0;
	margin-bottom:0;
	margin-left:30px;
	line-height:150%;
	color:#2D5B96;
}

#mainContent p.top2{
	font-size:18px;
	margin-top:0;
	margin-bottom:0;
	margin-left:30px;
	line-height:150%;
	color:#2D5B96;
	font-weight:bold;
}

/*#mainContent img{
	float:right;
}
*/
h1 {
	background-color:#FFFFFF;
	font-size:10px;
	display:block;
	text-align:left;
	color: #000000;
	margin:0;
	font-weight:100;
}

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

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

.clear{clear: both;/* フロート解除 */}


/* フッター */
#footer {
	text-align:center;
	padding: 0 10px 0 20px; 
	background:#6699CC;/* フッター背景色 */
	clear: both;/* フロート解除 */
} 

#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; /* カテゴリ文字色 */
}

/* このクラスは、ページ上でフローティングエレメントを右側に配置するのに使用できます。プローティングエレメントは、ページ上でその横に配置されるエレメントの前に配置される必要があります。 */
.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]