@import url("jquery.ohp_slider.css");
@import url("news.css");
@import url("news_events.css");
@import url("research_highlights.css");
@import url("pickup.css");

#slider-outer {
	background:#ddd;
	background-size:38px 26px;
	border-bottom:solid 3px #0071c5;
}
.slider-ja {
    border:none !important;
    background:none !important;
    margin-bottom:20px;
}
.ohp-slider .slider-prev {
	left:3% !important;
}
.ohp-slider .slider-next {
	right:3% !important;
}
.ohp-slider ,
.ohp-slider ul li {
	height:400px;
}

#index-content {
    padding:0;
    margin:0 !important;
}

.index-event {
    
}
.index-event h1 {
    background:#0071c5;
    padding:20px;
    color:#fff;
}

#index-main {
    margin:0;
    width:calc((100% / 4) * 3);
}

#index-right {
    background:#444;
    margin:0;
    width:calc(100% / 4);
}
#index-right h1 {
    background:rgba(255,255,255,0.2);
    color:#fff;
    padding:15px;
    text-align:left;
    font-size:1.4em;
}

#index-movie {
    padding-bottom:30px;
}

#index-topics div {
    width:100%;
    margin:0 !important;
    padding:5px;
    clear:both;
}
#index-topics article {
    width:100%;
    padding:0 0 30px 0;
}
#index-topics article a {
    display:block;
    font-size:1.2em;
    color:#fff;
}
#index-topics article a img {
    border:solid 3px #fff;
    margin-bottom:10px;
}

#top-banner {
    background:#ccc;
    padding:20px;
}
#top-banner a {
    display:block;
}


@media only screen and (max-width : 1200px) {
    #index {
        padding:0;
    }
}

@media only screen and (max-width : 860px) {
	.ohp-slider ul li {
		height:300px;
	}
}

@media only screen and (max-width : 768px) {
    .ohp-slider ,
	.ohp-slider ul li {
		height:250px;
	}
	.ohp-slider div.caption div {
		padding:10px !important;
		font-size:1.4em !important;
	}
	.ohp-slider .slider-prev ,
	.ohp-slider .slider-next {
		display:none;
	}

    #index-main {
        width:100%;
    }
    #index-right {
        width:100%;
    }
    #index-right h1 {
        padding:15px 20px;
    }
    #index-topics div {
        width:100%;
    }
    #index-topics article {
        width:calc(50% - 22px);
    }
    #index-movie iframe {
        height:450px;
    }
}

@media only screen and (max-width : 640px) {
    .ohp-slider ,
    .ohp-slider ul li {
		height:140px;
	}
    #index-topics article {
        width:100%;
    }
}