@charset "shift_jis";

body {
	background:none;
	}

#DocBody {
	background:none;
	}

#DemoContents {
	width:650px;
	background-image:url(../images/bg_demo_top.gif);
	background-position:top;
	background-repeat:no-repeat;
	padding-top:5px;
	position:relative;
	}
	
#DemoContents p {
	margin-bottom:10px;
	}
	
#DemoContentsBtm {
	width:650px;
	background-image:url(../images/bg_demo_btm.gif);
	background-position:bottom;
	background-repeat:no-repeat;
	padding-bottom:5px;
	}
	
#DemoContentsMid {
	width:650px;
	background-image:url(../images/bg_demo_mid.gif);
	background-repeat:repeat-y;

	}

#DemoScroll {
	overflow-y: scroll;
	overflow-x: none;
	height:500px;
	width:640px;
	}

#DemoMain {
	width:600px;
	margin:0 auto;
	}
	
#DemoMain dl {
	padding:10px 0 15px;
	}

#DemoMain dt {
	float:left;
	}
	
#DemoMain dd {
	float:right;
	}

.DemoExplanation {
	padding:5px 0;
	}
	
#DemoContents .DemoExplanation p {
	margin:0;
	}
	
.DemoExplanation h2 {
	margin:0;
	padding:0;
	}
.box_close {
	padding:10px 0 10px 10px;
	
	}