.clearfix { *zoom: 1; }
.clearfix:after { content: ""; display: table; clear: both; }

#page_juken .ttl01b { border-left: 5px solid #007a38; }

#articles { margin: 30px auto; width: 708px; }
@media only screen and (max-width: 760px) { #articles { padding: 0 10px; width: auto; } }
#articles .block { margin-bottom: 80px; }
#articles #tips h1 { font-size: 238%; font-weight: normal; margin-bottom: 40px; }
@media only screen and (max-width: 760px) { #articles #tips h1 { font-size: 125%; margin-bottom: 15px; text-align: center; } }
#articles #tips p strong { color: #049b4a; }
#articles #tips p span { font-size: 75%; }
#articles #tips img { width: 100%; }
#articles .event { background: #fff8d9; border: 4px solid #ffe982; padding: 30px 27px; }
#articles .event h3 { font-size: 125%; margin-bottom: 30px; }
#articles .event p { line-height: 1.8; }

#pagenation { text-align: center; margin: 0 auto 90px; width: 265px; }
#pagenation li { display: inline-block; *display: inline; *zoom: 1; *float: left; font-size: 87.5%; line-height: 40px; margin-right: 8px; }
#pagenation .blank { margin: 0 20px 0 16px; }
#pagenation .pgn-prev { float: left; *margin-right: 35px; }
#pagenation .pgn-next { float: right; }
#pagenation .num a { display: block; width: 40px; text-align: center; border: 1px solid #e8eadf; border-radius: 7px; }
#pagenation .current-page { width: 40px; }

.banner { text-align: center; margin-bottom: 90px; }
