@charset "utf-8";

/*------------------------------------------------
create
------------------------------------------------*/
#createWrp {
	margin-bottom: 20px;
	background: #272727;
	}

#create {
	padding: 10px 20px 0;
	background: #272727;
	color: #fff;
	}

#createWrp .above {
	position: relative;
	height: 100px;
	padding: 0 20px;
	background: url(../img/ex3_sec03_top.gif) left top no-repeat;
	}
	
#createWrp h2 {
	position: absolute;
	top: 25px;
	right: 30px;
	}

#create p {
	margin-bottom: 1em;
	}

#create .left {
	float: left;
	width: 390px;
	}

#create .right {
	float: right;
	width: 390px;
	}


/*------------------------------------------------
download
------------------------------------------------*/
#downloadWrp {
	margin-bottom: 20px;
	}

#download {
	position: relative;
	padding-left: 20px;
	border-left: 1px solid #999;
	border-right: 1px solid #999;
	}

#download h2 {
	margin-bottom: 10px;
	}

#download p {
	width: 480px;
	}

#download h3 {
	position: absolute;
	right: 22px;
	top: 0;
	}


/*------------------------------------------------
sample
------------------------------------------------*/
#sample {
	position: relative;
	width: 791px;
	margin-bottom: 10px;
	padding: 20px;
	border: 3px solid #000;
	background: url(../img/ind_sample_bg.gif) left top repeat;
	}

#sample h2 {
	margin-bottom: 15px;
	}

#sample .nav {
	list-style: none;
	}

#sample .nav a {
	color: #f25113;
	}

#sampleDownload {
	width: 450px;
	margin-bottom: 15px;
	background: #fff;
	padding: 10px;
	font-size: 13px;
	}

#sampleDownload p {
	margin-bottom: 15px;
	}

#sample .notice {
	font-size: 10px;
	line-height: 1.7em;
	}

#sample .notice h3 {
	font-size: 11px;
	color: #333;
	margin-bottom: 5px;
	}

#sample .visual {
	position: absolute;
	right: 0;
	top: 0;
	}

* html #sample .visual {
	right: -1px;
	}

/*------------------------------------------------
next
------------------------------------------------*/
#next {
	margin:30px 0 30px;
	}