﻿@charset "UTF-8";

/**********************************************
LaboratoryMixer-Developmonitor
**********************************************/
/*---------------------------------------------
Container
---------------------------------------------*/
#labo {
	width:550px; /* [width]550px+(margin:25px+25px)=600px */
	margin:0 25px;
	text-align:left;
}

/*----- Container [LaboratoryMixer,Developmonitor] -----*/
#labo #container1 {
	margin-bottom:30px;
}

#labo #container2 {
	margin-bottom:10px;
}

/*----- Container [Lead] -----*/
#labo .lead {
	background:#5e5597 url(../products/image/labo_lead.gif) no-repeat;
	width:520px; /* [width]520px+(padding:10px+20px)=550px */
	margin-bottom:10px;
	padding:4px 10px 4px 20px;
	color:#ffffff;
	font-size:12px;
	font-weight:bold;
	line-height:16px;
	clear:both;
}

/*----- Container [Photo] -----*/
#labo .photo {
	margin-bottom:20px;
}

#labo .photo .photo_name {
	margin-bottom:4px;
	padding-left:30px;
	color:#5e5597;
	font-size:16px;
	font-weight:bold;
}

#labo .photo .photo_image {
	font-size:12px;
}

#labo .photo p.photo_comment {
	background:#ffffff url(../products/image/labo_photo.gif) no-repeat;
	background-position:left;
	height:18px;
	padding-left:13px;
	line-height:18px;
}

/*----- Container [Inbox] -----*/
#labo .inbox,
#labo .inbox_l,
#labo .inbox_r {
	padding-bottom:10px;
	color:#003366;
	font-size:12px;
}

#labo .inbox {
	width:550px;
}

#labo .inbox_l {
	width:310px; /* [width](310px+(padding:20px))+220px=550px */
	padding-right:20px;
	float:left;
}

#labo .inbox_r {
	width:220px;
	float:left;
}

/*----- Container [Comment-Box] -----*/
#labo p.comment {
	background:#ffffff url(../products/image/labo_comment.gif) no-repeat;
	margin-bottom:10px;
	padding-left:13px;
	line-height:16px;
}

#labo p.option {
	background:#ffffff url(../products/image/labo_option.gif) no-repeat;
	background-position:left;
	margin-bottom:10px;
	padding-left:28px;
	line-height:16px;
}

/*----- Container [Comment-List] -----*/
#labo ul.comelist {
	padding:0 0 4px 20px;
	line-height:14px;
}

#labo ul.comelist li {
	list-style-type:disc;
	vertical-align:top;
	margin-bottom:4px;
}

/*----- Container [Comment-Item] -----*/
#labo ul.comeitem {
	line-height:16px;
}

#labo ul.comeitem li {
	background:#ffffff url(../products/image/labo_comment.gif) no-repeat;
	list-style-type:none;
	margin-bottom:4px;
	padding-left:13px;
}

#labo ul.comeatten {
	margin:6px 0 10px 20px;
}

#labo ul.comeatten li {
	list-style-type:disc;
	color:#ff0000;
	font-size:12px;
}

/*----- Container [Image-Box] -----*/
#labo .imgbox {
	width:550px;
	height:348px;
	margin-bottom:20px;
	position:relative;
}

#labo .imgbox_img {
	z-index:100;
	position:absolute;
	width:478px;
	height:348px;
	top:0;
	left:0;
}

#labo .imgbox_txt {
	z-index:101;
	position:absolute;
	width:100px;
	top:10px;
	left:400px;
	color:#666666;
	font-size:10px;
}

#labo ol li {
	list-style-type:none;
}

/*----- Container [Attention] -----*/
#labo .atten1 {
	width:26px;
	font-size:12px;
	font-weight:bold;
	float:left;
}

#labo .atten2 {
	width:524px;
	padding-bottom:10px;
	font-size:12px;
	float:left;
}

#labo .atten1_e {
	width:50px;
	font-size:12px;
	font-weight:bold;
	float:left;
}

#labo .atten2_e {
	width:500px;
	padding-bottom:10px;
	font-size:12px;
	float:left;
}

#labo .atten2_e .atten_inbox {
	margin-top:4px;
}

#labo .atten2_e .atten_inbox_l {
	width:85px;
	float:left;
}

#labo .atten2_e .atten_inbox_r {
	width:415px;
	float:left;
}


/*---------------------------------------------
Title
---------------------------------------------*/
#labo h1 {
	position:relative;
	background-color:#5e5597;
	width:550px;
	height:25px;
	margin-bottom:10px;
	color:#ffffff;
	font-weight:bold;
	line-height:25px;
}

#labo h1 span.left {
	position:absolute;
	top:0px;
	left:0px;
	width:330px; /* [width]330px+(padding:20px)=350px */
	padding-left:20px;
	font-size:19px;
	letter-spacing:1px;
}

#labo h1 span.right {
	position:absolute;
	top:0px;
	left:330px;
	width:180px; /* [width]180px+(padding:20px)=200px */
	padding-right:20px;
	font-size:12px;
	letter-spacing:0;
	text-align:right;
}

#labo h2 {
	background:#5e5597 url(../products/image/labo_h2.gif) no-repeat;
	background-position:left;
/*	width:526px; /* [width]526px+(padding:24px)=550px */
	height:22px;
	margin-bottom:10px;
	padding-left:24px;
	color:#ffffff;
	font-size:14px;
	line-height:22px;
}

#labo h3#water,
#labo h3#salt {
	font-size:14px;
	line-height:16px;
}

#labo h3#water {
	margin-bottom:10px;
}

#labo h3#salt {
	margin-top:30px;
}


/*---------------------------------------------
Table
---------------------------------------------*/
#labo table {
	width:500px;
	border:solid 1px #0066cc;
}

#labo table#subspec_e {
	margin-bottom:20px;
}

#labo table thead th {
	background:#0066cc url(../products/image/labo_th.gif) no-repeat;
	background-position:left;
	height:18px;
	padding-left:26px;
	color:#ffffff;
	font-size:14px;
	line-height:18px;
	text-align:left;
}

#labo table tbody th,
#labo table tbody td {
	border:solid 1px #0066cc;
	padding:2px 4px;
	font-size:12px;
	font-weight:normal;
	vertical-align:top;
}
#labo table tbody th {
	background-color:#cccccc;
	text-align:left;
}

#labo table tbody td {
	background-color:#eeeeee;
	width:300px;
}

#labo table tbody ul {
	margin-left:20px;
}

#labo table tbody ul li {
	list-style-type:disc;
}

#labo p.attention {
	background:#ffffff url(../products/image/labo_attention.gif) no-repeat;
	background-position:left;
	margin:4px 0 20px 0;
	padding-left:13px;
	color:#ff0000;
	font-size:12px;
}

