/*
	CATEGOLY
*/
#lnavi .button {
	margin-bottom: 20px;
}
#lnavi .button h1 {
	margin-bottom: 3px;
}
#lnavi .button ul {
	text-align: left;
}
#lnavi .button ul li {
	vertical-align: top;
	display: -moz-inline-box; /*for Firefox 2*/
	display: inline-block; /*for modern*/
	/display: inline; /*for ie5?`7*/
	/zoom: 1; /*for ie5?`7*/
	width: 100%;
	text-align: center;
	margin: 0 0 3px;
	border: 1px solid #aaa;
	background: white;
}
#lnavi .button ul li a {
	border-radius: 3px;
	padding: 15px 0;
	background: url(arw.png) left no-repeat;
	text-align: left;
	text-indent: 10px;
	display: inline-block;
	width: 90%;
}

/*
	BOX
*/

#rap .subtitle {
	margin: 0 auto 16px;
	font-size: 18px;
	padding-left: 10px;
	border-left: 2px solid #333;
	line-height: 180%;
	background: #fafafa;
	width: 97%;
}

#rap ul {
	margin: 0 auto;
	width: 651px;
}

#rap ul li {
	background: #fff;
	width: 651px;
	margin-bottom: 5px;
}
#rap ul li .btm {
	background: url(icbg.png) bottom center no-repeat;
	text-align: center;
	padding-bottom: 18px;
}
#rap ul li .btm h2,
#rap ul li .btm h3,
#rap ul li .btm p,
#rap ul li .btm div {
	width: 95%;
	margin: 0 auto;
	display: inline-block;
	text-align: left;
}

#rap ul li .btm .cat {
	margin: 15px 0 10px;
	text-align: left;
	background: url(ic1.png) top left no-repeat;
	text-indent: 23px;
	line-height: 160%;
}

#rap ul li .btm h2 {
	background: #f4f3ea;
	font-size: 16px;
}

#rap ul li .btm p {
	margin-bottom: 15px;
}
#rap ul li .btm h2 {
	text-align: center;
	margin-bottom: 10px;
}

#rap ul li .btm h2 span,
#rap ul li .btm h2 a {
	margin: 0 auto;
	display: inline-block;
	width: 97%;
	text-align: left;
	background: url(ic2.png) top left no-repeat;
	text-indent: 43px;
	line-height: 210%;
	margin: 5px 0;
}
#rap ul li .btm h3 {
	margin-bottom: 5px;
	border-bottom: 1px solid #666;
	padding-bottom: 6px;
	line-height: 160%;
}
#rap ul li .btm .btn {
	display: inline-block;
	width: 95%;
	margin: 0 auto;
	text-align: right;
}
@media (max-width: 599px) {
	#rap ul,
	#rap ul li {
		width: 100%;
	}
	#rap ul li .btm h2 span,
	#rap ul li .btm h2 a {
		text-indent: 0;
		line-height: 1.6;
		padding: 0 0 0 40px;
		width: calc(97% - 40px);
		color: #0099cc;
		background-size: 28px;
		background-position: 5px 3px;
		font-size: 3.73333vw;
	}
	#rap ul li .btm .btn {
		text-align: center;
	}
	#rap ul li .btm {
		padding: 0 16px 16px 16px;
	}
	#rap .subtitle {
		padding: 2.66667vw 0 2.66667vw 2.93333vw;
		border-left: solid 4px #4f3514;
		border-bottom: solid 1px #4f3514;
		background: rgb(255, 255, 255);
		background: linear-gradient(90deg, rgba(255, 255, 255, 1) 0%, rgba(239, 238, 234, 1) 100%);
		color: #4f3514;
		font-weight: 700;
		font-size: 4.26667vw;
	}
}
