@charset "utf-8";
/* CSS Document */


/* index==========================

	1.for index style
	2.for detail style
	
*/

/* 1.for index style
===============================================================*/
div#guideArea p{
	margin-bottom:10px;
}

div#guideArea li{
	display:inline;
	margin-left:10px;
}
div#guideArea li.firstChild{
	margin:0;
}

div.serviceBox ul{
	float:left;
	display:inline;
	width:198px;
}

div.serviceBox li{
	line-height:1.5;
	background:url(../../common/images/catch_blue.gif) no-repeat left 7px;
	padding-left:15px;
	margin-bottom:3px;
}

div.description{
	float:right;
	display:inline;
	width:426px;
}
div.description img{
	margin-bottom:10px;
}

/* 2.for detail style
===============================================================*/
.section{
	line-height:1.5;
}
.txtArea{
	float:left;
	width:460px;
	line-height:1.5;
}
p.more{
	text-align:right;
	margin-top:20px;
}
p.more span{
	background:url(../images/catch_concern.gif) no-repeat left;
	padding-left:20px;
}
p.imgArea{
	float:right;
	width:132px;
	display:inline;
	margin-right:5px;
}
p.imgArea img{
}
p#btConference{
	text-align:center;
	margin:30px 0;
}
div.boxBdr{
	width:626px;
	border-left:1px solid #dfdfdf;
	border-right:1px solid #dfdfdf;
	border-bottom:1px solid #dfdfdf;
}
div.boxIn{
	padding:20px 20px 10px 20px;
}
div#concern dt{
	background:url(../images/catch_concern.gif) no-repeat left;
	padding-left:20px;
	margin-bottom:8px;	
}
div#concern dd{
	margin-bottom:10px;
}
div#example{
	line-height:1.5;
	margin-bottom:20px;
}
div#example h3{
	margin-bottom:20px;
}
div#example div.txtArea{
	float:right;
	width:450px;
	display:inline;
	margin-right:10px;
}

div#example p.imgArea{
	float:left;
	width:165px;
	display:inline;
	text-align:center;
}
div#about h3{
	padding-bottom:8px;
	margin-bottom:0;
}

/*�@�\�@*/
table.productTbl{
	border:0;
	border-collapse:collapse;
	border-spacing:0;
	border:1px solid #CCC;
	width:628px;
}
table.productTbl td{
	border:1px solid #CCC;
	padding:10px;
}

/* 3.for scopia style
===============================================================*/
p#visArea{
	margin-bottom:10px;
}
.imgTop{
	margin-top:10px;
}
div#scopiaArea {
	line-height:1.5;
}
div#scopiaArea dt{
	margin:15px 0 3px;
	font-size:100%;
	font-weight:bold;
	color:#3784c9;
}
div#scopiaArea dd{
	padding-bottom:15px;
	background:url(../../common/images/dot_gray.gif) repeat-x bottom;
}
div#specArea{
	line-height:1.5;
}
div#specArea dt{
	font-weight:bold;
	margin-bottom:5px;
}
div#specArea dd{
	margin-bottom:20px;
}
div#specArea dd li{
	list-style-type:disc;
	margin-left:20px;
}
div#specArea dl#specL{
	float:left;
	display:inline;
	width:309px;
}
div#specArea dl#specR{
	float:right;
	display:inline;
	width:309px;
}
ul.catchBule li{
	line-height:1.5;
	float:left;
	display:inline;
	width:288px;
	background:url(../../common/images/catch_blue.gif) no-repeat left 6px;
	padding:0 5px 5px 15px; 
}
h4{
	font-size:120%;
	font-weight:bold;
	color:#3784c9;
	margin:20px 0 5px;
}
div#tableArea table{
	border:1px solid #CCC;
	width:628px;
	line-height:1.5;
}
div#tableArea table th{
	width:205px;
	border:1px solid #CCC;
	padding:5px;
	text-align:center;
	background-color:#3784c9;
	color:#FFFFFF;
	font-weight:bold;
}
div#tableArea table tr.odd{
	background-color:#f6fbff;
}
div#tableArea table td{
	width:205px;
	border:1px solid #CCC;
	padding:5px;
}
div#tableArea table td.tCenter{
	vertical-align:middle;
}
div#specArea table{
	border:1px solid #CCC;
	width:628px;
	line-height:1.5;
	margin-bottom:20px;
}
div#specArea table td{
	width:157px;
	border:1px solid #CCC;
	padding:5px;
}
div#specArea table td.tCenter{
	vertical-align:middle;
}
.attention{
	font-size:80%;
}
dl#support{
	margin-top:20px;
}
dl#support dt{
	margin:0;
	padding:0;
}
dl#support dt img{
	vertical-align:bottom;
}

.imgL{
	float:left;
	display:inline;
	margin-right:10px;
}
.txtR{
	overflow:hidden;
	_zoom:1;
}
ul#louts01 li{
	margin-top:10px;
}
dl#louts02 dt{
	font-weight:bold;
	color:#3784c9;
	margin:20px 0 5px;
}