@charset "UTF-8";
/* CSS Document */
.lead{
	font-size:18px;
	font-size:1.8rem;
	padding: 40px 0 30px;
}
.lead .font_l{
	font-size:30px;
	font-size:3.0rem;
}
.lead .font_l sub{
	font-size: 50%;
}
#nav_right h3{
	color:#962fcb;
	font-size: 16px;
	font-size:1.6rem;
	border-bottom: 1px solid #eac7fc;
	font-weight: normal;
	padding-bottom: 10px;
	margin-bottom: 10px;
}
#nav_right ol{
	margin-bottom:30px;
}
#nav_right ol li{
	margin-bottom: 10px;
}
#nav_right ol li:before{
	content: "";
	width: 8px;
	height: 8px;
	border-radius: 8px;
	display: inline-block;
	background-color: #d28ff4;
	margin-right: 8px;
	vertical-align: baseline;
}
	#content_left ol li{
			border-bottom:1px solid #eac7fc;
	padding-bottom: 40px;
		margin-bottom: 30px;
	}
	#content_left .lefttxt>*{
	margin-bottom: 20px;
		display: block;
}

	#content_left .lefttxt h4{
	font-size:16px;
	font-size:1.6rem;
	font-weight: normal;
}

	#content_left .lefttxt p.txt{
    white-space: nowrap; 
    overflow: hidden; 
    text-overflow: ellipsis;
}
#detail	#content_left .lefttxt p.txt{
    white-space: inherit; 
    overflow: inherit; 
    text-overflow: inherit;
}
	#content_left .rightimg {
	text-align:center;
}
	#content_left .rightimg img{
	width:auto;
}
@media screen and (min-width:768px){
	#content_left{
		width: 770px;
		float: left;
	}
	#content_left ol{
		border-right:1px solid #eac7fc;
			color: #543470;
		padding-right: 40px;
	}
	#content_left ol li{
		border-bottom:1px solid #eac7fc;
		padding-bottom: 40px;
	}
	#content_left .lefttxt{
		 max-width: 535px;
	}
	#content_left .rightimg{
		width: 162px;
		padding-left: 30px;
	}
	#detail #content_left .lefttxt,#detail #content_left .rightimg ,#detail #content_left .rightimg img{
		 max-width: none;
		width: 100%;
		padding: 0
	}
	#nav_right{
		float: right;
		width: 270px;
		padding-left: 35px;
	}
}