@charset "utf-8";
body  {
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	margin: 0; 
	padding: 0;
	text-align: center; /* これにより、IE 5* ブラウザではコンテナが中央揃えになります。そして、テキストは、#container セレクタの初期設定である左揃えに設定されます */
	color: #000000;
	scrollbar-face-color: #ffffff;       /* 表面の色 */
    scrollbar-3dlight-color: #80BAFF;    /* 左端と上端の色 */
    scrollbar-darkshadow-color: #80BAFF; /* 右端と下端 */
    scrollbar-highlight-color: #ffffff;  /* ハイライトの色 */
    scrollbar-shadow-color: #ffffff;     /* 影の色 */
    scrollbar-arrow-color: #ffffff;      /* 矢印の色 */
    scrollbar-track-color: #ffffff;      /* バーの背景の色 */
}
/* index.html */
.toppagemain {
	width: 800px;  /* 最大幅である 800px より 20px 小さくすることにより、ブラウザクロームの使用が可能となり、水平スクロールバーが表示されなくなります */
	background-image: url("image/site.jpg"); /* 自動マージン（幅と連動）により、ページが中央揃えになります */
	border: 1px solid #000000;
	text-align: left; /* この設定は body エレメントの text-align: center より優先されます。 */
	height: 1000px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}
.toppage {
	width: 800px;  /* 最大幅である 800px より 20px 小さくすることにより、ブラウザクロームの使用が可能となり、水平スクロールバーが表示されなくなります */
	background-image: url("image/site.jpg"); /* 自動マージン（幅と連動）により、ページが中央揃えになります */
	border: 1px solid #000000;
	text-align: left; /* この設定は body エレメントの text-align: center より優先されます。 */
	height: 1200px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}
	.toppagemain #enter {
		width : 205px;
		height:96px;
		position:relative;
		top:139px;
		left:172px;
		}
	.toppagemain #exit {
		width:205px;
		height:96px;
		position:relative;
		top:146px;
		left:172px;
		}
	.toppagemain #caution1 {
		font-size:10px;
		color:#FF0000;
		position:relative;
		top:180px;
		left:172px;
		}
	.toppagemain #topbannar {
		width : 200px;
		height:50px;
		font-size:10px;
		position:relative;
		top:190px;
		left:300px;
		}
		#i_topbannar {
			width:200px;
			height:40px;
			border:none;
			}
	.toppagemain #caution2 {
		font-size:10px;
		position:relative;
		top:200px;
		left:60px;

		}

/* main.html */
.twoColFixLt #container {
	width: 800px;  /* 最大幅である 800px より 20px 小さくすることにより、ブラウザクロームの使用が可能となり、水平スクロールバーが表示されなくなります */
	background-image: url("image/back.jpg"); /* 自動マージン（幅と連動）により、ページが中央揃えになります */
	border: 1px solid #000000;
	text-align: left; /* この設定は body エレメントの text-align: center より優先されます。 */
	height: 1600px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}
.twoColFixLt #sidebar1 {
	float: left; /* このエレメントはフローティングエレメントであるため、幅が設定されている必要があります */
	width: 160px; /* 標準に準拠したブラウザまたは Internet Explorer の標準モードでは、この div の実際の幅には、幅に加えて余白と境界線も含まれます */
	background: inherit;
	height: 1370px;
	padding : 0px;
	border:none;
}
	.twoColFixLt #menu {
		width : 131px;
		height: 480px;
		padding: 0px;
		border : none;
		position:relative;
		top:10px;
		left:5px;
		}
		*:first-child+html #menu {
		width : 131px;
		height: 480px;
		padding: 0px;
		border : none;
		position:relative;
		top:3px;
		left:5:px;
		}
		*html #menu {
		width : 131px;
		height: 300px;
		padding: 0px;
		border : none;
		position:relative;
		top:0px;
		left:5px;
		}
			.twoColFixLt #menu div img{
				border:none;
				text-decoration:none;
				}
	.twoColFixLt #bannars {
		width : 131px;
		height: 700px;
		border : none;
		position:relative;
		top:280px;
		left:15px;
		}
			*:first-child+html #bannars {
				width : 131px;
				height: 700px;
				border : none;
				position:relative;
				top:240px;
				left:15px;
				}
			*html #bannars {
				width : 131px;
				height: 700px;
				margin-top:-200px;
				border : none;
				position:relative;
				top:-150px;
				left:15px;
				}
			.twoColFixLt #bannars div img {
				border:none;
				text-decoration:none;
				}
			#rss	{
					padding-left:45px;
					border:none;
					}
				
.twoColFixLt #mainContent { 
	margin: 0 0 0 160px; /* この div エレメントの左マージンにより、ページの左側に #sidebar1 div が設定されます。#sidebar1 div に含まれるコンテンツの量に関係なく、#sidebar1 div のスペースは維持されます。#sidebar1 のコンテンツが終了した後のスペースに #mainContent div のテキストを挿入するには、このマージンを削除します。 */
	padding: 0px; /* 余白は div ボックスの内側のスペース、マージンは div ボックスの外側のスペースです */
} 
	.twoColFixLt #counter {
		width:300px;
		height:20px;
		position:relative;
		top:18px;
		left:190px;
		font-size:12px;
		}
	*:first-child+html #counter {
		width:300px;
		height:20px;
		position:relative;
		top:28px;
		left:200px;
		font-size:12px;
		}
	* html #counter {
		width:300px;
		height:20px;
		margin-top:10px;
		position:relative;
		top:25px;
		left:170px;
		}
	.twoColFixLt #topimage {
		width : 595px;
		height:446px;
		position:relative;
		top: 20px;
		left:8px;
		border:none;
		}
		#imgtop1 {
			border:none;
			}
	*:first-child+html #topimage {
		width : 595px;
		height:446px;
		position:relative;
		top: 30px;
		left:8px;
		border:none;
		}
	.twoColFixLt #topimage2 {
		width : 595px;
		height:80px;
		position:relative;
		top: 20px;
		left:8px;
		border:none;
		}
		#imgtop2 {
			border:none;
			}
	*:first-child+html #topimage2 {
		width : 595px;
		height:80px;
		position:relative;
		top: 30px;
		left:8px;
		border:none;
		}
	.twoColFixLt #topimage3 {
		width : 595px;
		height:80px;
		position:relative;
		top: 30px;
		left:8px;
		border:none;
		}
		#imgtop3 {
			border:none;
			}	
	*:first-child+html #topimage3 {
		width : 595px;
		height:80px;
		position:relative;
		top: 40px;
		left:8px;
		border:none;
		}
	.twoColFixLt #topimage4 {
		width : 595px;
		height:80px;
		position:relative;
		top: 40px;
		left:8px;
		border:none;
		}
		#imgtop4 {
			border:none;
			}	
	*:first-child+html #topimage4 {
		width : 595px;
		height:80px;
		position:relative;
		top: 50px;
		left:8px;
		border:none;
		}
	.twoColFixLt #topimage5 {
		width : 595px;
		height:80px;
		position:relative;
		top: 50px;
		left:8px;
		border:none;
		}
		#imgtop5 {
			border:none;
			}	
	*:first-child+html #topimage5 {
		width : 595px;
		height:80px;
		position:relative;
		top: 60px;
		left:8px;
		border:none;
		}
	.twoColFixLt #topimage6 {
		width : 595px;
		height:80px;
		position:relative;
		top: 60px;
		left:8px;
		border:none;
		}
		#imgtop6 {
			border:none;
			}	
	*:first-child+html #topimage6 {
		width : 595px;
		height:80px;
		position:relative;
		top: 70px;
		left:8px;
		border:none;
		}
		
	.twoColFixLt #news {
		width : 595px;
		height: 560px;
		border: solid 2px #80BAFF;
		overflow:auto;
		position:relative;
		top: 70px;
		left:8px;
		}
		*:first-child+html .twoColFixLt #news {
						width : 595px;
						height: 560px;
						border: solid 2px #80BAFF;
						overflow:auto;
						position:relative;
						top: 60px;
						left:8px;
						}
/*
	.twoColFixLt #news {
		width : 595px;
		height: 360px;
		border: solid 2px #80BAFF;
		overflow:auto;
		position:relative;
		top: 60px;
		left:8px;
		}
		*:first-child+html .twoColFixLt #news {
						width : 595px;
						height: 360px;
						border: solid 2px #80BAFF;
						overflow:auto;
						position:relative;
						top: 70px;
						left:8px;
						}
*/
		#news h4 {
					color:#3c3c3c;
					background-color:#8BBFFF;
					margin:0px;
					padding:0px;
				 }
		.news_block	{
					width:590px;
					height:100px;
					margin-left:5px;
					line-height:80%;
					}
			*:first-child+html .news_block	{
								width:590px;
								height:100px;
								margin-left:5px;
								line-height:80%;
								padding-top:5px;
								}
			.news_image {
						width:100px;
						height:100px;
						float:left;
						margin-right:10px;
						}
			.news_title {
					padding-top:10px;
					padding-left:20px;
					color:#2f2f2f;
					}
		.news_end {
			clear:both;
			border:dashed 0.5px #2f2f2f;
			}
					

.fltrt { /* このクラスは、ページ上でフローティングエレメントを右側に配置するのに使用できます。プローティングエレメントは、ページ上でその横に配置されるエレメントの前に配置される必要があります。 */
	float: right;
	margin-left: 8px;
}
.fltlft { /* このクラスは、ページ上でフローティングエレメントを左側に配置するのに使用できます */
	float: left;
	margin-right: 8px;
}
.clearfloat { /* このクラスは、div またはブレークエレメントに適用される必要があり、また、フローティングエレメントが完全に含まれているコンテナの末尾の直前にある最後のエレメントである必要があります */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}
/* product.html */
.twoColFixLt #container2 {
	width: 800px;  /* 最大幅である 800px より 20px 小さくすることにより、ブラウザクロームの使用が可能となり、水平スクロールバーが表示されなくなります */
	background-image: url("image/back.jpg"); /* 自動マージン（幅と連動）により、ページが中央揃えになります */
	border: 1px solid #000000;
	text-align: left; /* この設定は body エレメントの text-align: center より優先されます。 */
	height: 1600px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}
	.twoColFixLt #contentheader {
	    width : 99px;
		height: 28px;
		position:relative;
		top:45px;
		left:20px;
		}
		
	.p_product {
		width:565px;
		height:460px;
		font-size:12px;
		}
		.c_product {
			width:560px;
			}
			.p_product th img {
				border:none;
				text-decoration:none;
				}
/* news.html */
#cont_news {
		width:575px;
		height:1380px;
		position:relative;
		top:65px;
		left:20px;
		}
	*:first-child+html #cont_news {
		width:575px;
		height:1300px;
		position:relative;
		top:85px;
		left:20px;
		}
	.twoColFixLt #newsframe {
	width : 550px;
	height: 1382px;
	overflow:auto;
	position:relative;
	top: 70px;
	left:20px;
	font-size:14px;
		}
		.twoColFixLt #newsframe p{
			text-indent:8px;
			}
		.news_m_block {
			position:relative;
			top:30px;
			left:0px;
			}
/* support.html */
#cont_support {
		width:575px;
		height:1300px;
		position:relative;
		top:65px;
		left:20px;
		}
	*:first-child+html #cont_support {
		width:575px;
		height:1300px;
		position:relative;
		top:85px;
		left:20px;
		}
	.twoColFixLt #supportframe {
		width : 550px;
		height: 1300px;
		overflow:auto;
		position:relative;
		top: 0px;
		left:2px;
		font-size:14px;
		}
			.supportblock {
				width:525px;
				border:solid 1px #0099FF;
				}
			.supporthead {
					background-color:#80BAFF;
					color:#FFFFFF;
					width:inherit;
					height:16px;}
			.supportcontents {
						  width:inherit;
						  height:auto;
						  margin:2px;
						  line-height:150%;
						  }
				.supportcontents hr {
					color:#80BAFF;
					background-color:#80BAFF;
					height:1px;
					border:none;
					}
				#contact {
					width:520px;
					height:1320px;
					border :none;}

/* download.html */
	#cont_download {
		width:575px;
		height:1300px;
		position:relative;
		top:65px;
		left:20px;
		}
	*:first-child+html #cont_download {
		width:575px;
		height:1300px;
		position:relative;
		top:85px;
		left:20px;
		}
/* webshop.html */
	#cont_webshop {
		width:575px;
		height:1300px;
		position:relative;
		top:65px;
		left:20px;
		overflow:auto;
		}
	*:first-child+html #cont_webshop {
		width:575px;
		height:1300px;
		position:relative;
		top:85px;
		left:20px;
		overflow:auto;
		}
		
/* event.html */
	#cont_event {
		width:575px;
		height:1300px;
		position:relative;
		top:65px;
		left:20px;
		}
	*:first-child+html #cont_event {
		width:575px;
		height:1300px;
		position:relative;
		top:85px;
		left:20px;
		}
	.twoColFixLt #eventframe {
		width : 550px;
		height: 1380px;
		overflow:auto;
		position:relative;
		top: 20px;
		left:20px;
		font-size:14px;
		}
		.twoColFixLt #eventframe p{
			text-indent:0.7em;
			}
	#event01_item01 {
		width:500px;
		position:relative;
		left:5px;
		}
	#event01_item02 {
		width:150px;
		height:150px;
		position:relative;
		left:180px;
		}
	#event01_item03 {
		width:150px;
		height:208px;
		position:relative;
		left:180px;
		}
	#event01_item04 {
		width:500px;
		height:742px;
		position:relative;
		left:10px;
		}
	#event01_item05 {
		width:300px;
		height:189px;
		position:relative;
		left:100px;
		}
	#event02_item01 {
		position:relative;
		left:5px;
		}
	#event02_item02 {
		position:relative;
		left:180px;
		}
	#event02_item03 {
		position:relative;
		left:180px;
		}
/* book.html */
	#cont_book {
		width:575px;
		height:1300px;
		position:relative;
		top:65px;
		left:20px;
		}
	*:first-child+html #cont_book {
		width:575px;
		height:1300px;
		position:relative;
		top:85px;
		left:20px;
		}
	.twoColFixLt #bookframe {
		width : 540px;
		height: 1380px;
		overflow:auto;
		position:relative;
		top: 0px;
		left:20px;
		font-size:14px;
		}
/* recruit.html */
	#cont_recruit {
		width:575px;
		height:1300px;
		position:relative;
		top:65px;
		left:20px;
		height: 1380px;
		overflow:auto;
		font-size:12px;
		}
	*:first-child+html #cont_recruit {
		width:575px;
		height:1300px;
		position:relative;
		top:85px;
		left:20px;
		overflow:auto;
		font-size:12px;
		}
	#apply {
		width:560px;
		height:1300px;
		overflow:auto;
		border:solid 1px #80BAFF;
		}
		*html 	#apply {
		width:560px;
		height:1300px;
		overflow:auto;
		border:solid 1px #80BAFF;
		}
		#apply p {
			background-color:#80BAFF;
			color:#FFFFFF;
			}
			*html #apply p {
			background-color:#80BAFF;
			color:#FFFFFF;
			font-size:14px;
			}
	#c_header_img {
					border:none;
					}
	#c_header_cap {
					font-size:16px;
					}
	#c_outline_img {
					border:none;
					}
	#c_outline_cap {
					}
	#c_main {
			}
		.recruit_img {
					border:none;
						}
		.recruit_cap {
						}
			.list {
					width:550px;
					text-align:left;
					}
			.list tr {
						vertical-align:top;
						}
			.list_esp {
					border:solid 1px;
			}
			.list_esp tr td{
					border:solid 2px #3CC;
					border-collapse:separate;
			}

/* link.html */
	#cont_link {
		width:575px;
		height:1300px;
		position:relative;
		top:65px;
		left:20px;
		}
	*:first-child+html #cont_link {
		width:575px;
		height:1300px;
		position:relative;
		top:85px;
		left:20px;
		}
	.twoColFixLt #linkframe {
		width : 550px;
		height: 1300px;
		overflow:auto;
		position:relative;
		top: 0px;
		left:2px;
		font-size:14px;
		}
			.linkblock {
				width:525px;
				border:solid 1px #0099FF;
				}
			.linkhead {
					background-color:#80BAFF;
					color:#FFFFFF;
					width:inherit;
					height:16px;}
			.linkcontents {
						  width:inherit;
						  height:auto;
						  margin:2px;
						  }
				.linkcontents hr {
					color:#80BAFF;
					background-color:#80BAFF;
					height:1px;
					border:none;
					}
				.linkcontents img {
					border:none;
					text-decoration:none;
					}