/* Calligraphy */

div.calligraphyBox{
	padding:20px 0px 5px 0px;
	clear:both;
}

div.calligraphyBox h3{
	margin-bottom:15px;
}

div.onLine{
	padding:15px 0 15px 0;
	margin:0 0 10px 0;
	text-indent:0px;
	border-top:#cccccc dotted 1px;
}

div.calligraphyBox div.offLine{
	padding:15px 0 20px 0;
	margin:0 0 10px 0;
	text-indent:0px;
	border-top:#cccccc dotted 1px;
}

div.calligraphyBox div.offLine p,
div.calligraphyBox div.onLine p{
	text-indent:0px;
	margin:0 0 5px 0;
}

dl.materialImgL{
	width:305px;
	float:left;
	margin:0 0 0 30px;
}

dl.materialImgR{
	width:305px;
	float:right;
	margin:0 30px 0 0;
}
	
dl.materialImgL2,
dl.materialImgL dt,
dl.materialImgR dt{
	margin:0 0 5px 0;
}

dl.materialImgL2 dd,
dl.materialImgL dd,
dl.materialImgR dd{
	padding:0 10px 10px 5px;
}

dl.materialImgL2{
	width:242px;
	float:left;
	margin:0 0 0 5px;
}

ul.square li{
	list-style-type:square;
	margin:0 10px 10px 30px;
}

div.leftBoxMatel{
	width:420px;
	float:left;
}

dl.calligraphyList dt.noBold{
	font-weight:normal !important;
}

dl.calligraphyList dd{
	float:left;
	width:100px;
	display:block;
}

ul.numberList{
	list-style-type:none;
	margin:20px 0 20px 20px;
}

ul.numberList li.no1{
	background:url(../../../common/images/icon_no1.gif) no-repeat left 2px;
	padding:0 0 10px 22px;
}

ul.numberList li.no2{
	background:url(../../../common/images/icon_no2.gif) no-repeat left 1px;
	padding:0 0 10px 22px;
}

ul.numberList li.no3{
	background:url(../../../common/images/icon_no3.gif) no-repeat left 1px;
	padding:0 0 10px 22px;
}

ul.numberList li.no4{
	background:url(../../../common/images/icon_no4.gif) no-repeat left 1px;
	padding:0 0 10px 22px;
}

div.movieBoxLeft{
	float:left;
	width:320px;
	margin:0 0px 0 0;
}

div.movieBoxRight{
	float:right;
	width:425px;
}

div.introBox{
	width:425px;
	height:86px;
	background:url(../images/bg_introduction.gif) no-repeat left top;
}

div.introBox ul{
	padding:0 0 0 4px;
}

div.introBox ul li{
	list-style-type:none;
	float:left;
	margin:15px 0 0px 7px;
}