@charset "utf-8";

/* example
-------------------------------------------------------------------------------------------------------*/

#ex .section {
	clear:both;
	width:590px;
	margin-bottom:20px;
	padding-bottom:18px;
}

#ex .section:after {
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}

#ex .section {
	min-height: 1px;
}

* html #ex .section {
	height: 1px;
	/*¥*//*/
	height: auto;
	overflow: hidden;
	/**/
}

#ex .mainContainer h2 {
	margin-bottom: 13px;
}


#ex .orange {
	background:url(../img/index_bg01.gif) repeat-x left bottom;
}

#ex .pink {
	background:url(../img/index_bg02.gif) repeat-x left bottom;
}


#ex ul.sample,
#ex p.sample {
	width:389px;
	margin-left:4px;
	float:right;
}

#ex p.sample {
	padding-bottom:4px;
}

#ex ul.sample li {
	list-style:none;
	padding-bottom:4px;
}


#ex .exList {
	width:196px;
	float:left;
}

#ex .exList ul li {
	list-style:none;
	padding-left:1em;
	text-indent:-1em;
	line-height:1.2;
}

#ex .exList .next {
	padding-bottom:12px;
}

#ex .exList ul.ic01 li span {
	color:#ef896f;
}

#ex .exList ul.ic02 li span {
	color:#ffae00;
}

#ex .exList ul.ic03 li span {
	color:#b0d007;
}

#ex .exList ul.ic04 li span {
	color:#00a8d9;
}

#ex .exList ul.ic05 li span {
	color:#3aa6a4;
}

#ex .exList ul.ic06 li span {
	color:#3458a7;
}

#ex .exList ul.ic07 li span {
	color:#8c598d;
}