/*RESET CSS
----------------------*/

.ocp *{
margin:0;
padding:0;
}

/* COMMON
----------------*/

.ocp #mainArea a{color:#333;}
.ocp #mainArea *{font-family: Helvetica Neue,Helvetica,Arial,sans-serif;}
.ocp .fbcontainer{top:3px;display:inline-block;position:relative;padding-right:5px;padding-left:5px;}
.ocp .twcontainer{top:7px;display:inline-block;position:relative;padding-right:5px;}
.ocp .glcontainer{top:10px;display:inline-block;position:relative;}

@media screen and (max-width: 767px) {
.ocp .pc{display:none !important;}
.ocp h1{font-weight:normal;}
.ocp #mainArea img{width:100%;}
.ocp #mainArea{text-align:center;}
.ocp #newsContent h1{font-size:18px;line-height:28px;margin-top:30px;}
.ocp .eventtitle{font-size:18px;line-height:24px;;}
.ocp .datetitle{font-size:12px;line-height:14px;margin-top:15px;}
.ocp .blackbar{background:#000;height:1px;width:215px;display:inline-block;margin-top:20px;}
.ocp .newstext{margin-left:20px;margin-right:20px;margin-top:28px;font-size:14px;line-height:24px;text-align:left;}
.ocp .continuetext{margin-left:20px;margin-right:20px;margin-top:28px;font-size:14px;line-height:24px;text-align:left;}
.ocp .middleimage{margin-left:20px;margin-right:20px;margin-top:35px;}
.ocp .linklabel{margin-left:20px;margin-right:20px;margin-top:30px;text-align:left;font-size:14px;}
.ocp .link{margin-left:20px;margin-right:20px;line-height:24px;text-align:left;font-size:14px;margin-top:5px;}
.ocp .link a{text-decoration:underline;color:#999999;}
.ocp .linkbnr{text-align:left;}
.ocp .share{text-align:left;font-size:14px;margin-top:5px;margin-left:20px;}
.ocp #mainArea .linkbnr img{display:inline-block;height:50px;width:auto;margin-top:20px;margin-bottom:20px;margin-left:20px;}
.ocp .backlink{margin-left:20px;margin-right:20px;text-align:center;margin-top:50px;padding-bottom:50px;}
.ocp .imagecontainer{margin-left:20px;margin-right:20px;margin-top:25px;font-size:0px;}
.ocp .imagecontainer div{margin-top:10px;}
}


/* for PC
----------------*/
@media screen and (min-width: 767px) {
.ocp .sp{display:none !important;}
.ocp #mainArea{margin:0 auto;width:824px;text-align:center;}
.ocp h1{font-weight:normal;}
.ocp #newsContent{max-width:825px;margin-right:auto;margin-left:auto;padding-top:25px;}
.ocp #newsContent h1{font-size:36px;line-height:46px;margin-top:45px;}
.ocp .linklabel{text-align:left;font-size:12px;margin-top:23px;}
.ocp .link{text-align:left;font-size:12px;margin-top:5px;}
.ocp .link a{text-decoration:underline;color:#999999;}
.ocp .share{text-align:left;font-size:12px;margin-top:5px;}
.ocp .linkbnr{text-align:left;}
.ocp .linkbnr img{display:inline-block;height:50px;margin-top:20px;margin-bottom:20px;}
.ocp .backlink{text-align:left;margin-top:50px;padding-bottom:50px;}
.ocp .topimage{margin-top:45px;}
.ocp .middleimage{margin-top:75px;}
.ocp .imagecontainer{overflow:hidden;font-size:0px;}
.ocp .imagecontainer div{float:left;}
.ocp .imagecontainer div img{width:407px;height:246px;}
.ocp .imagecontainer div.leftside{margin-right:10px;margin-bottom:10px;}
.ocp .eventtitle{font-size:36px;line-height:36px;margin-top:8px;}
.ocp .datetitle{font-size:14px;line-height:14px;margin-top:25px;}
.ocp .blackbar{background:#000;height:2px;width:268px;display:inline-block;margin-top:25px;}
.ocp .newstext{margin-top:48px;font-size:16px;line-height:28px;margin-bottom:40px;text-align:left;}
.ocp .continuetext{margin-top:48px;font-size:16px;line-height:28px;margin-bottom:40px;text-align:left;}
}



/* Added by YBSMW
----------------*/

.ocp #newsContent h2{margin-top:48px;font-weight:normal;font-size:24px;}
.ocp #newsContent h2 + p{margin-top:20px;}
.ocp .newstext.introduction{font-weight:bold;font-style:italic;}
.ocp .newstext.interviewer{margin-bottom:15px;font-weight:bold;}
.ocp .newstext.interviewee{margin-top:15px;margin-bottom:20px;}
.ocp .newstext.interviewee + .newstext.interviewer{margin-top:40px;}
.ocp #newsContent .newstext.interviewee span.notes{display:block;margin-left:.5em;text-indent:-.5em;font-size:.8em;line-height:1.3;}
@media screen and (max-width: 767px) {
.ocp #newsContent h2{margin-right:10px;margin-left:20px;font-size:16px;}
.ocp .middleimage{margin-left:20px;margin-right:20px;margin-top:35px;}
.ocp .middleimage2{margin-left:20px;margin-right:20px;margin-top:35px;}
.ocp .middleimage3{margin-left:20px;margin-right:20px;margin-top:35px;}
}