@charset "utf-8";
/* CSS Document */
.banner{ background:url(../images/article_02.jpg) no-repeat; min-height:392px; position:relative}
.banner h1{ font-family:kalinga, Arial, Helvetica, sans-serif; font-size:30px; position:absolute; right:4em; top:4em; line-height:1.5em }
.banner strong{ font-family:impact, Arial, Helvetica, sans-serif;}

.local p{ margin-top:2.6em; color:#3583c0; font-size:1.0em;}
.local p a{ color:#1e1e1f;}

.main{ margin-bottom:3em;}
.main img{ margin:8px; float:left}
.main h2{ font-size:2.0em; margin:1.0em 0;}
.main p{ line-height:1.9em; margin-top:1.0em}

.play{ background:url(../images/article_13.jpg) no-repeat; margin-top:2.2em;}
.play p{ padding:0 8% 0}
.play-bot{ background:url(../images/article_16.jpg) no-repeat; height:60px;}
.play h4{ font-size:1.3em; font-weight:bold; padding-top:6%; padding-left:8%}

.rlt{ border:1px solid #b1b1b1;}
.rlt h3{ background:url(../images/art-bj_03.jpg) no-repeat center; font-size:1.3em; text-align:center}
.rlt li{ background:url(../images/article_08.jpg) no-repeat 0 5px; padding-left:18px; margin-top:18px; padding-bottom:5px; border-bottom:1px dotted #afafaf; }
.rlt li a{ color:#16a4dc;}
.rlt ul{ padding-bottom:20px;}

@media (max-width: 768px) {
  .rlt {
	  margin-top:2.5em;
  }
}