/*
 ファイル名：layout_2column.css

layout2

800 x 600
Right column: 162 pixels
Main page: 550 pixels

1024 x 768
Right column: 210 pixels
Main page: 709 pixels


	/* <!-- */
	/* General styles */
	body {
		margin:0;
		padding:0;
		border:0;			/* This removes the border around the viewport in old versions of IE */
		width:100%;
		background:#fff;
		min-width:600px;		/* Minimum width of layout - remove line if not required */
						/* The min-width property does not work in old versions of Internet Explorer */
		font-size:90%;
	}
	h1, h2, h3 {
		margin:.8em 0 .2em 0;
		padding:0;
	}
	p {
		margin:.4em 0 .8em 0;
		padding:0;
	}
	img {
		margin:0px;
		padding:0px;
	}
	/* Header styles */
	#header {
		clear:both;
		float:left;
		width:100%;
	}
	#header {
		border-bottom:1px solid #CCC;
		/*background:url("../img/tit_bk.gif");*/
	}
	#header p{
		padding:.4em 15px 0 15px;
		margin:0;
	}
	#header p.log{
		margin:10px;
		float:right;
		background:url("../img/Person-group.png") no-repeat;
	}
	#header p.log2{
		margin:10px;
		float:right;
		background:url("../img/Paper-arrow.png") no-repeat;
	}
	#header h1,
	#header h2 {
		padding:.4em 15px 0 15px;
		margin:0;
		float:left;
	}

	#header ul {
		clear:left;
		float:left;
		width:100%;
		list-style:none;
		margin:10px 0 0 0;
		padding:0;
	}
	#header ul li {
		display:inline;
		margin:0;
		padding:0;
	}
	#header ul li a {
		display:block;
		float:left;
		margin:0 0 0 1px;
		padding:10px 20px;
		text-align:left;
		color:#000;
		text-decoration:none;
		position:relative;
		left:15px;
		line-height:1.3em;
		font-size:11px;
	}
	#header ul li a:hover {
		background:#F2F2F2;
		color:#333;
	}
	#header ul li a.active,
	#header ul li a.active:hover {
		color:#333;
		background:#F2F2F2;
		font-weight:bold;
	}
	#header ul li a span {
		display:block;
	}
	/* ドロップダウンメニュー */
	.view li {float:left;background:none;}
	.hd {display: none; position:absolute; top:22px;z-index:200;}
	.hd a.first {display: block;width:160px;background-color: #ffffff;border:#CCC solid 1px;z-index:200;}
	.hd a {display: block;width:160px;background-color: #ffffff;border:#CCC solid 1px;border-top:none;z-index:200;}
	.hd a:hover {display: block;width:160px;background-color: #ffffff;z-index:200;}
	.off {margin:0;z-index:200;}
	.on {position:relative;text-align:left;z-index:200;}
	.on .hd {display: block;z-index:200;}



	/* 'widths' sub menu */
	#layoutdims {
		clear:both;
		background:#eee;
		border-top:1px solid #393939;
		margin:0;
		padding:6px 15px !important;
		text-align:left;
	}
	#layoutdims a,
	#layoutdims strong{
		padding:0 10px !important;
		text-align:center;
	}
	/* column container */
	.colmask {
		clear:both;
		float:left;
		width:100%;			/* width of whole page */
		overflow:hidden;		/* This chops off any overhanging divs */
	}
	/* common column settings */
	.colright,
	.colmid,
	.colleft {
		float:left;
		width:100%;
		position:relative;
	}
	.col1,
	.col2,
	.col3 {
		float:left;
		position:relative;
		padding:0 0 1em 0;
		overflow:hidden;
	}
	/* common column settings */
	.colright h2,
	.colmid h2,
	.colleft h2{
		padding-bottom:5px;
		margin-bottom:10px;
		border-bottom:#292929 dotted 1px;
	}
	/* common column settings */
	.colright h3,
	.colmid h3,
	.colleft h3{
		padding-bottom:5px;
		margin-bottom:10px;
		border-bottom:#292929 dotted 1px;
	}
	/* 2 Column (double page) settings */
	.doublepage {
		background:#eee;		/* right column background colour */
	}
	.doublepage .colleft {
		right:50%;			/* right column width */
		background:#fff;		/* left column background colour */
	}
	.doublepage .col1 {
		width:46%;			/* left column content width (column width minus left and right padding) */
		left:52%;			/* right column width plus left column left padding */
	}
	.doublepage .col2 {
		width:46%;			/* right column content width (column width minus left and right padding) */
		left:56%;			/* (right column width) plus (left column left and right padding) plus (right column left padding) */
	}

/* 受発注状況 col1内定義
------------------------------------------*/
	#status{
		width:100%;
		padding:50px 0;
		margin-bottom:10px;
		border:#F2F2F2 solid 1px;
		background:#F1F1F1;
	}
	#status ul{
	}
	#status li{
		width:10%;
		font-size:12px;
		text-align:center;
		float:left;
	}
	#status li a{
		font-size:30px;
	}
	#status li a:hover{
		color:#a62126;
	}

	/*テキストツールチップ*/
	a.tooltip {
		cursor: pointer;
		color:#333333; 
		text-decoration:none;
	} 
	a.tooltip:link, a.tooltip:visited{
		cursor: pointer;
		color:#333333; 
		text-decoration:none;
	} 
	a.tooltip:hover {
		color:#333333; 
		cursor: pointer; 
		text-decoration:none;
	} 
	/*BG color is a must for IE6*/
	a.tooltip span {
		cursor: pointer; 
		font-size:11px;
		display:none;
		padding:5px 5px;
		position:10px;
	}
	a.tooltip:hover span{
		cursor: pointer; 
		font-size:11px;
		display:inline;
		text-align:left;
		position:absolute;
		background:#a62126;
		color:#FFFFFF;
		z-index:200;
		opacity: 0.9;
		filter:progid:DXImageTransform.Microsoft.Alpha(Enabled=1,Style=0,Opacity=90);
	}


/* ログインボックス col2内定義
------------------------------------------*/


	.login{
	}


/* 製品一覧 col2内定義
------------------------------------------*/

	ul.product{
		width:100%;
		margin:2px;
		float:left;
	}
	.product li{
		width:84px;
		height:120px;
		margin:0;
		padding:0;
		display:block;
		border:#FFF solid 1px;
		font-size:9px;
		float:left;
		line-height:1.5em;
	}
	.product a.name{
		margin:3px;
		display:block;
	}
	.product a.name:hover{
		color:#CCC;
		text-decoration:underline;
	}
	.product a.photo{
		border:#CCC solid 1px;
		display:block;
	}
	.product a.photo:hover{
		border:#292929 solid 1px;
	}

/* 製品一覧 col2内定義
------------------------------------------*/

	ul.product{
		width:100%;
		margin:2px;
		float:left;
	}
	.product li{
		width:84px;
		height:120px;
		margin:0;
		padding:0;
		display:block;
		border:#FFF solid 1px;
		font-size:9px;
		float:left;
		line-height:1.5em;
	}
	.product a.name{
		margin:3px;
		display:block;
	}
	.product a.name:hover{
		color:#CCC;
		text-decoration:underline;
	}
	.product a.photo{
		border:#CCC solid 1px;
		display:block;
	}
	.product a.photo:hover{
		border:#292929 solid 1px;
	}

/* 製品詳細 col1内定義
------------------------------------------*/
	.detail_img{
		border:#CCC solid 1px;
		margin-bottom:15px;
		float:left;
		background-color:#ffffff;
	}
	.detail_txt{
		width:63%;
		padding-left:10px;
		margin-bottom:15px;
		float:left;
	}
	.detail_txt p{
		font-size:9px;
	}



/* 一覧表示テーブル定義
------------------------------------------*/

#TableList table{
	border-collapse:collapse;
	width:100%;
	margin-bottom:10px;
}
#TableList table td,#TableList table th{
	vertical-align:middle;
	font-size:10px;
	padding:5px;
	text-align:center;
	border:1px solid #cccccc;
}
#TableList table tr{
	background-color:#ffffff;
}
#TableList thead tr{
	background-color:#f1f1f1;
}




/* 登録・検索画面テーブル定義
------------------------------------------*/

#TableInput table {
	font-size:12px;
	width:100%;
	border-collapse:collapse;
	border:1px solid #CCCCCC;
	margin-bottom:10px;
}

#TableInput table th,
#TableInput table td {
	padding: 4px 8px 4px 8px;
	border:1px solid #CCCCCC;
}

#TableInput table th {
	width:25%;
	font-size:12px;
	text-align:right;
	vertical-align:middle;
	color:#000000;
	background-color: #cccccc;
	background:#F1F1F1;
	font-weight:normal;
}

#TableInput table td {
	background:#FFFFFF;
}

#TableInput table td.cal div{
	float:left;
	padding:0;
}
#TableInput table td.cal input{
	float:left;
}
/* product登録・検索画面テーブル定義 ***IE6の回りこみ解除
---------------------------------------------------------------*/

.cl {
	clear:both;
}

.fl {
	float:left;
}

/*　確認ボタン配置定義
------------------------------------------*/

div#submit {
	text-align:center;
}
div#submit div.left{
	width:50%;
	text-align:right;
	float:left;
}
div#submit div.right{
	width:50%;
	text-align:left;
	float:left;
}
/*----------------------*/


	/* Footer styles */
	#footer {
		text-align:center;
		clear:both;
		float:left;
		width:100%;
		border-top:1px solid #CCC;
	}
	#footer p {
		font-size:11px;
		padding:10px;
		margin:0;
	}
	/* --> */