@charset "utf-8";



/*
########################################################
  demo style
########################################################
*/

div.demoStep{
	margin:5px 0 0 0;
}

div.demoStep ol li{
	float:left;
	margin:0 2px 0 0;
}

div.demoSampleBox{
	width:478px;
	height:auto;
	margin:25px 0 0 0;
	padding:10px 0 5px 0;
	background-color:#F2F2F2;
	border:1px solid #86A47B;
}

div.demoSampleBoxL{
	width:181px;
	height:auto;
	margin:0;
	float:left;
	display:inline;
	margin:0 0 0 16px;
}

div.demoSampleBoxR{
	width:251px;
	height:auto;
	margin:0;
	float:right;
	display:inline;
	margin:0 13px 0 0;
}

div.demoSampleBoxR table{
	width:250px;
	height:auto;
	border-collapse:collapse;
	margin:5px 0;
}

div.demoSampleBoxR table th{
	background:#E3EEC4 url(../../common/img/bg_line03.gif) repeat-x left bottom;
	font-weight:normal;
	text-align:center;
	padding:3px 2px;
}

div.demoSampleBoxR table td{
	background:url(../../common/img/bg_line03.gif) repeat-x left bottom;
	padding:2px 4px 3px 5px;
}

div.InstBox{
	width:480px;
	height:auto;
	margin:15px 0 0 0;
	padding:0 0 8px 0;
	background:url(../../common/img/line_green01.gif) repeat-x left bottom;
}

div.InstBox h5{
	font-size:100%;
	font-weight:bold;
	padding:0 0 3px 0;
	background:url(../../common/img/line_green01.gif) repeat-x left bottom;
}

div.InstBox ol,
div.InstBox p{
	margin:8px 0 0 10px;
	font-size:80%;
}

div.InstBox ol li{
	padding:0 0 0 10px;
	background:url(../../common/img/icon_circle01.gif) no-repeat 0 0.4em;
}