@charset "utf-8";



/* ============================================
	/meeting/
============================================ */
table.table_list {
	border-collapse: collapse;
	border-spacing: 0;
	width: 630px;
}
	table.table_list th {
		padding: 3px 0 1px;	
		background-color: #2fa6e0;
		color: #ffffff;
		line-height: 1.4;
		vertical-align: top;
	}
	table.table_list td {
		padding: 8px 0;
		line-height: 1.4;
		vertical-align: middle;
	}
		table.table_list th p,
		table.table_list td p {
			padding-left: 6px;
		}
		table.table_list td p {
			color: #1b3780;
		}
		table.table_list td.table_company p {
			padding: 0 10px 0 0;
			color: #000000;
		}
		table.table_list td.table_co2 p {
			padding: 0 35px 0 0;
			color: #000000;
			text-align: right;
		}
	table.table_list tr.odd td {
		background-color: #e8edf3;
	}

.dl_helpdesk {
}
	.dl_helpdesk dt {
		clear: both;
		float: left;
		width: 3em;
	}
	.dl_helpdesk dd {
		margin-left: 3em;
	}


/* ============================================
	/meeting/
============================================ */
dl.table_listSec {}
	dl.table_listSec dd input,
	dl.table_listSec dd select {
		vertical-align: middle;
	}
	dl.table_listSec dd input.inputM { width: 170px;}
	dl.table_listSec dd select.selectM { width: 150px;}


/* カテゴリー */
.category_all {
	width: 630px;
	height: 210px;
	display: block;
	}

.product_all {
	width: 630px;
	display: block;
	}

.product_box{
	width:190px;
	height:auto;
	float:left;
	padding-bottom:25px;
}

/* リスト */
.list_all {
	width: 630px;
	display: block;
	}

.list{ 
	width: 190px;
	float: left;
}

.list_line{
	border: 1px #d2d2d2 solid;
	height: 190px;
}

.list_tx{
	vertical-align: top;
}

.list_tx01{
	width: 55px;
	float: left;
	line-height: 170%;
}

.list_tx02{
	width: 135px;
	float: left;
	line-height: 170%;
}

.list_detail{
	width: 190px;
	float: left;
	text-align: right
}

/* 製品一覧 */
.p-list{
	width:174px;
	height:174px;
	float:left;
	padding:7px;
}

.box-border{
	border: 1px #C5CfDA solid;
}


.p-txtbox{
	width:190px;
	padding:5px 0px;
	}

.pn-lh{line-height:1.5;}

.p-button{
	width:190px;
	height:19px;
	padding:3px 0;
}

/* IE6 hack */

* html .p-list{
	width:190px;
	height:190px;
	float:left;
	padding:7px;
}

/* IE6 hack end */


.pagenation{
	padding-bottom:20px;
	text-align:right;
	margin-right:auto;
}

.pagenation div{
	float:right;
	width:auto;
}


/* 製品詳細 */

.pd_box{
	width:630px;
	height:auto;
}

.pd-txtbox{
	width:420px;
	padding:0px 0px 25px 20px;
	float:left;
	}
	
.pd-txtbox .left{
	width:6em;
	vertical-align:top;
	float:left;
}

.pd-txtbox .right{
	width:auto;
	vertical-align:top;
	float:left;
}


.pd-txtbox .div{
	width:420px;
	vertical-align:top;
}

.pd-img-left{
	vertical-align:top;
	float:left;
	width:204px;
}

.pd-txt-right{
	vertical-align:top;
	float:left;
	line-height:150%;
	padding-left:5px;
	width:420px;
}

.graph-head{
	margin:0;
	/*padding-top:20px;*/
	height:29px;
	}

.graph-foot{
	margin:0;
	padding:0;
	}



/* フォントカラー */

.p-green{color:#30943C;}


/* 追加パディング */
.pl20{padding-left:20px;}

.pr15{padding-right:15px;}

.pt5{padding-top:5px;}
.pt20{padding-top:20px;}
.pt24{padding-top:24px;}

.pb10{padding-bottom:10px;}


/* 回り込み解除 */
.clearfloat {
	clear:both;
    height:0;
    font-size: 0px;
    line-height: 0px;
}

/* グラフ表示部 2011.1.26 改修 */
.graph-body2 {
	height: 142px;
	padding:5px 0px 5px 20px;
	border-left: solid 1px #ced3de;
	border-right: solid 1px #ced3de;
}
.graph-body2 .graphItem {
	float: left;
	width: 111px;
	margin-right: 8px;
}
.graph-body2 .score {
	height: 20px;
	font-weight: bold;
	text-align: center;
}
.graph-body2 .graph {
	height: 100px;
}
.graph-body2 .space {
	background-color: #fff;
	display: block;
	padding: 0;
	margin: 0;
}

.graph-body2 .genzairyo .score { color: #00a2ef; }
.graph-body2 .genzairyo .graph { background-color: #84d3f7; }
.graph-body2 .seisan .score { color: #428ace; }
.graph-body2 .seisan .graph { background-color: #a5c7e7; }
.graph-body2 .ryutsu .score { color: #004594; }
.graph-body2 .ryutsu .graph { background-color: #84a2ce; }
.graph-body2 .siyouizi .score { color: #18208c; }
.graph-body2 .siyouizi .graph { background-color: #8c92c6; }
.graph-body2 .haiki .score { color: #00004a; }
.graph-body2 .haiki .graph { background-color: #a58ac6; }

.graph-body2 .label{
	margin:0;
	padding:0;
	height:21px;
	width:111px;
}

/* ============================================
製品詳細 table
============================================ */

.user_area table {
	width: 630px;
	border: 1px solid #222;
}

.user_area table th {
	font-weight: bold;
	padding: 5px;
	border: 1px solid #222;
	color: #222;
}

.user_area table td {
	padding: 5px;
	border: 1px solid #222;
	color: #222;
}