@charset "utf-8";

#mainImage {
	margin:0 auto 20px;
	text-align:center;
	width: 921px;
	height: 317px;
	text-indent: -9999px;
	background: url(img/mainImage.jpg) no-repeat left top;
}

/* intro */
#main h2.intro {
	margin-bottom:0;
}
#intro {
	width:666px;
	height:504px;
	margin:0 4px 20px;
	padding:0 8px 0;
	background:url(img/introBg.gif) no-repeat;
	overflow: hidden;
}
* html #intro {
height: 1%;
}


#intro .row {
	clear:both;
}
#intro .left {
	float:left;
	width:309px;
	height:140px;
	padding:12px 8px 8px 12px;
	background:url(img/introBoxBg.gif) no-repeat;
	margin-bottom: 8px;
}
* html #intro .left {
	margin-bottom: 0px ;
}
#intro .right {
	margin-bottom: 8px;
	float:right;
	width:309px;
	height:140px;
	padding:12px 8px 8px 12px;
	background:url(img/introBoxBg.gif) no-repeat;
}
* html #intro .right {
	margin-bottom: 0px ;
}
#intro h4 {
	 margin-bottom:8px;
}
#intro .text {
	float:left;
	width:188px;
}
#intro .text div {
	position:relative;
	width:188px;
	margin-bottom:5px;
	padding-bottom:5px;
	background:url(img/common/dot01.gif) 0 100% repeat-x;
}
#intro .text div span {
	position:absolute;
	top:0;
	right:0;
}
#intro .text div span strong {
	font-size:14px;
	color:#CF174D;
}
#intro .image {
	float:right;
	width:104px;
}



/* content01 */
#content01 .row {
	clear:both;
	margin-bottom:15px;
}
#content01 .left {
	float:left;
	width:316px;
}
#content01 .right {
	float:right;
	width:316px;
}
#content01 h4 {
	margin-bottom:10px;
}
#content01 .detail {
	clear:both;
	padding-top:15px;
	text-align:right;
	background:url(img/common/dot01.gif) 0 0 repeat-x;
	width: 650px;
}
#content01 .detail span {
	padding-left:17px;
	background:url(img/common/arrow02.gif) 0 0 no-repeat;

}


/* content02 */
#content02 .detail {
	clear:both;
	padding-top:15px;
	text-align:right;
	background:url(img/common/dot01.gif) 0 0 repeat-x;
	width: 650px;
}
#content02 .detail span {
	padding-left:17px;
	background:url(img/common/arrow02.gif) 0 0 no-repeat;

}
#content02 img.flow {
	margin-bottom:10px
}


/* content03 */
#content03 h4 {
	clear:both;
	margin-bottom:15px;
}
#content03 .left {
	float:left;
	width:334px;
	margin-bottom:15px;
}
#content03 .left li {
	float:left;
	margin:0 16px 8px 0;
}
#content03 .right {
	float:right;
	width:316px;
	margin-bottom:15px;
}
#content03 .right ul.list {
	padding:5px 0 10px;
}
#content03 .right p.notice {
	padding-left:1em;
	text-indent:-1em;
	font-size:10px;
	color:#8B817E;
}

/* content04 */
#content04 .row {
	clear:both;
	margin-bottom:10px;
	padding-bottom:10px;
	background:url(img/common/dot01.gif) 0 100% repeat-x;
}
#content04 .left {
	float:left;
	width:316px;
}
#content04 .right {
	float:right;
	width:316px;
}
#content04 .row .image {
	float:left;
	width:111px;
}
#content04 .row .text {
	float:right;
	width:205px;
}
#content04 .row .text h4 {
	margin-bottom:5px;
}