@charset "utf-8";
/***********************************
 国立国際医療研究センター top.css
 151111 
************************************/
.header h1.title{margin-bottom: 0;padding-bottom: 5px;}

/*-----------------
  IMAGE MAIN
-----------------*/
.image-main { margin-bottom: 2em}
.image-main .wrap { width: 100%; max-width: 1024px; min-width: inherit; margin: 0 auto; padding-top: 1.5em;}
.image-main .box-main-image { float: right;}

/*-----------------
  CONTENTS
-----------------*/
.contents { background-color: #ffffff;}

/* MAIN IMAGE - BxSlider */
.image-main .box-main-image { width: 1024px; height:auto/* 264px */; overflow: hidden;}
.image-main .box-main-image .bx-wrapper .bx-controls .bx-pager { background-image: none;}
.image-main .box-main-image .bx-wrapper .bx-viewport .bxslider { overflow: visible;}
.image-main .bx-wrapper .bx-controls .bx-pager { height: 0%;}

/* SLIDE BANNER - BxSlider */
.article.topimage { width: 100%; height: auto; margin: 35px auto 10px; padding: 0; position: relative; overflow: visible;}

.article .topimage_inner { padding-bottom: 35px;}
.article .topimage_inner div { padding-bottom: 0; overflow: visible;}
.article .topimage_inner .bx-wrapper { position: relative; width: 92%; max-width: 918px !important; /* margin: 0 4% !important; */ padding: 0;}
.article .topimage_inner .bx-controls-direction a{ display: block; position: absolute; text-indent: -1000em; top: 50%; margin-top: -11.5px; width: 13px; height: 23px;}
.article .topimage_inner .bx-controls-direction a.bx-prev{ left: -4%; background-image: url(../img/arrown.png);}
.article .topimage_inner .bx-controls-direction a.bx-next{ right: -4%; background-image:url(../img/arrows.png);}
.article .topimage_inner .bx-wrapper .bxslider .slide { width: 260px; margin: 0 8px;}
.article .topimage_inner .bx-wrapper .bxslider .slide img { max-width: 100%;}

/* NEWS */
.article .box-news { width: 70%; float: left; position: relative; overflow: visible;}

.box-news .tabmenu { overflow: visible;}
.box-news .tabmenu #tab2 , .box-news .tabmenu #tab3 , .box-news .tabmenu #tab4 { display: none;}

.box-news .tabmenu ul.menu { width: 100%; margin: 0; padding: 0; list-style: none; position: absolute; top: 0px; left: 0px; z-index: 100;}
.box-news .tabmenu ul.menu li {
	display: table; float: left; width: 40%; height: 45px; margin-right: 1%; overflow: hidden; position: relative;
	background: url(../img/top_tab_center.png) left top repeat-x;
}
.box-news .tabmenu ul.menu li:before,
.box-news .tabmenu ul.menu li:after { display: block; content: ""; position: absolute; top: 0px; bottom: 0px; width: 18px;}
.box-news .tabmenu ul.menu li:before { left: 0px; background-image: url(../img/top_tab_left.png);}
.box-news .tabmenu ul.menu li:after { right: 0px; background-image: url(../img/top_tab_right.png);}
.box-news .tabmenu ul.menu li.active { margin-top: 1px; background: url(../img/top_tab_active_center.png) left top repeat-x; border: none;}
.box-news .tabmenu ul.menu li.active:before { background-image: url(../img/top_tab_active_left.png);}
.box-news .tabmenu ul.menu li.active:after { background-image: url(../img/top_tab_active_right.png);}
.box-news .tabmenu ul.menu li:hover { margin-top: 1px;} 

.box-news .tabmenu ul.menu li a {
	display: table-cell; height: 45px; padding: 0 0 0 0.5em; position: relative;
  font-size:1.2em; font-weight: bold; color: #ffffff; line-height: 1.2em; vertical-align: middle; text-decoration: none; 
}
.box-news .tabmenu ul.menu li a span { display: block; padding-top: 0.2em; padding-left: 0.6em;}

.box-news .tabmenu .section { margin: 46px 0 0 0; padding: 0; border: none; border-radius: 0; overflow: visible;}
.box-news .tabmenu .section h2 { margin: 0; display: none;}

.box-news .tabmenu .section .division { position: relative; border: 1px solid #13969d; background-color: #ffffff; margin-top: -1px; overflow: visible;}
.box-news .tabmenu .section .division dl { margin-top: 2em;}
.box-news .tabmenu .section .division .list_link { display: table; position: absolute; top: -40px; right: -1px; margin: 0; width: 9em; height: 32px; padding: 0; z-index: 100;}
.box-news .tabmenu .section .division .list_link a { display: table-cell; width: 100%; height: 100%; margin: 0; padding: 0; background-color: #000000; color: #ffffff; font-weight: bold; text-align: center; vertical-align: middle; text-decoration: none; text-indent: 0.5em; letter-spacing: 0.1em; box-shadow: 0px 0px 0px 1px #948378 inset;}
.box-news .tabmenu .section .division .list_link:hover { opacity: 0.7;}

/*-----------------
  NAV
-----------------*/
.article .nav { width: 27.5%; float: right; margin-bottom: 1.5em;}
.article .nav ul { }
.article .nav ul li, 
.article .nav > ul li:last-child { margin-bottom: 0.8em; }
.mov-box{
    position:relative;
    width:100%;
    height:0;
    padding-top:75%;
	margin-bottom: 0.8em;
}
.mov-box iframe{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
}


@media screen and (max-width: 1044px) {

.article .box-news { width: calc(100% - 2.5% - 230px);}
.article .nav { width: 230px;}



/*-----------------
  IMAGE MAIN
-----------------*/
.image-main  {}
.image-main .wrap { max-width: 768px; position: relative;}

.image-main .information { position: absolute; top: 32px; left: 40px; z-index: 100; background-color: rgba(255,255,255,0.8);}

/* MAIN IMAGE - BxSlider */
.image-main .box-main-image { width: 768px; height:auto; overflow: hidden;}
.image-main .box-main-image .bx-wrapper .bx-controls .bx-pager { background-image: none;}

}

@media screen and (max-width: 787px) {
/*-----------------
  IMAGE MAIN
-----------------*/
.image-main .wrap { max-width: 468px;}

.image-main .information { width: 94%; padding: 3%; position: static; background-color: #ffffff; border: none; box-shadow: 0px 0px 0px 1px #cccccc inset;}

/* MAIN IMAGE - BxSlider */
.image-main .box-main-image { width: 468px; padding-bottom: 0em; height:auto; overflow: hidden;}
.image-main .box-main-image .bx-wrapper .bx-controls .bx-pager { background-image: none;}


/*-----------------
  CONTENTS
-----------------*/
.article .box-news,
.article .nav { width: 100%; float: none;}

.article .box-news { margin-bottom: 2em;}

.box-news .tabmenu { }
.box-news .tabmenu ul.menu { display: none;}
.box-news .tabmenu .section { margin: 0 auto;}
.box-news .tabmenu .section h2 {
	height: 45px; padding: 0; display: block; position: relative; overflow: visible;
	background: url(../img/top_tab_center.png) left top repeat-x; border-bottom: 1px solid #cccccc;
}
.box-news .tabmenu .section h2:before,
.box-news .tabmenu .section h2:after { display: block; content: ""; position: absolute; height: 100%; top: 0px; bottom: 0px; width: 18px;}
.box-news .tabmenu .section h2:before { left: 0px; background-image: url(../img/top_tab_left.png);}
.box-news .tabmenu .section h2:after { right: 0px; background-image: url(../img/top_tab_right.png);}
.box-news .tabmenu .section h2.active { background-image: url(../img/top_tab_active_center.png); border-bottom: none;}
.box-news .tabmenu .section h2.active:before { background-image: url(../img/top_tab_active_left.png);}
.box-news .tabmenu .section h2.active:after { background-image: url(../img/top_tab_active_right.png);}
.box-news .tabmenu .section h2.active + div.division { border-top: none;}

.box-news .tabmenu .section h2 a { height: 45px; width: 100%; margin: 0; padding: 0; display: table; color: #000000; text-decoration: none; position: relative; z-index: 100;}
.box-news .tabmenu .section h2 a span { margin: 0; padding: 0.2em 1em 0 2.3em; display: table-cell; vertical-align: middle;}

.box-news .tabmenu .section .division dl { margin-top: 0em; margin-bottom: 4.5em; padding-top: 1em; padding-bottom: 0.5em;}
.box-news .tabmenu .section .division .list_link { display: block; top: auto; bottom: 1em; left: 5%; width: 90%; height: auto;}
.box-news .tabmenu .section .division .list_link a { display: block; padding-top: 0.7em; padding-bottom: 0.6em; text-align: center; letter-spacing: 1.5em; text-indent: 0.75em;}

}

@media screen and (max-width: 484px) {
.image-main .wrap { max-width: inherit;}
.image-main .information { width: 86%; margin-left: 4%; margin-right: 4%; }

.image-main .box-main-image { width: 100%;}

/*-----------------
  CONTENTS
-----------------*/
/* NEWS */
.article .box-news { width: 94%; padding-left: 3%; padding-right: 3%;}
.article .news_section dl dt {  padding-bottom: 0em; float: none;}
.article .news_section dl dd { padding-left: 2em;}


}