@charset "SHIFT-JIS"; 

/* スマートフォン、タブレット表示用CSS */
@media screen and (max-width: 768px) {

	/*---------------------------------------------

	 共通
	 
	---------------------------------------------*/

	body {
		-webkit-text-size-adjust: 100%;
		font-family: Arial, Helvetica, Tahoma, Verdana;
		font-size: 15px !important;
	}
	
 	#Container{
		width: 100%;
		padding: 0 10px;
		box-sizing: border-box;		
	}

	.bx-wrapper .bx-prev {
    		left: 0px;
   	}
    
	.bx-wrapper .bx-next {
	    	right: 0px;
	}

	#ContentsArea{
		width: 100%;
		margin-left:auto;
		margin-right:auto;
	}
	
	.img-responsive {
	    display: block;
	    max-width: 100%;
	    height: auto;
	}	 
			
	
	/* PC用の表示は非表示 */	
	#GlobalNaviArea,
	#hd-SubNavi,
	#hd-SearchBox,
	.searchtitle,
	#hd-Logo{
		display:none;
	}
	
	/* 小窓の場合はロゴは表示　*/	
	#TypePOPUP #hd-Logo{
		display:block;
		margin:.5em;
	}	
	
	.br-sp { display:none; } /* PCだけ改行　*/

	#MainArea .page-top2,
	#FootArea {
	    width: 100%;
	}

	
	/*---------------------------------------------
	 megamenu 
	 ---------------------------------------------*/	
	#Container{
		background:#fff;
	}

	header{
		text-align: center;
		position: relative;
		width: 100%;
	}

	header h1 {
	  	padding: 15px 0 10px 1%;
	}
	
	header h1 img {
	    margin-left:50px;
	}	

	
	.mm-menu .mm-list > li.bnr{
		border-bottom:none!important;
		border-top:none!important;
		text-align:center;
	}	
	
	.mm-menu .mm-list > li.bnr > a{
		padding: 10px !important;
	}
		
	.menu-btn {
		position: absolute;
		left: 0;
		top: 12px;
		height: 45px;
		width: 45px;
		display: block;
		background: url(../img/btn-menu2.gif) no-repeat left top;
		-webkit-background-size: 100%;
		background-size: 100%;
	}

	.slide{
		margin:5px 0 20px!important;
	}

	/*---------------------------------------------
	 下層ページ共通
	 ---------------------------------------------*/
	#HeadBreadArea, #FootBreadArea{
		margin:.5em;
	}

	#HeadBreadArea em, #FootBreadArea em{
		font-style:normal;
	}



	/* 扉ページタイトル */
	h2.title {
	    display:none;
	}

	h2.title_sp{
		border-bottom: 2px solid #4d4d9d;
		color: #4d4d9d;
		font-size: 150%;
		margin: .5em 0;
		padding: .5em 0 0;
		font-weight: normal;
	}	

	h2.title_sp span{
		font-size:90%;
	}

	#ContentsArea2{
		width:99%;
		margin-right:auto;
		margin-left:auto;
	}

	/*---------------------------------------------
	 検索ボックス
	 ---------------------------------------------*/	
		#search {
			float:none;
		    	margin:0;
		    	padding:0 0 5px;
		    	overflow:hidden;
		    	background:#f1f1f1;
		}

		#search-box{
			 padding:0 5px;
			 overflow:hidden;
		}


		#cse-search-box {
			width: 99%;
			padding:0;
		    	margin: 5px auto 0;
		}

		#cse-search-box input[type=text] {
	    		width:72%;
	    		margin:0;
	    		padding:2px;
	    		-webkit-border-radius : 0;
			-webkit-appearance : none;
			-webkit-tap-highlight-color : rgba(0,0,0,0);
	    	}

		#cse-search-box input[type=submit] {
			background-color: #666;
			border: 1px solid #666;
			border-radius: 2px;
			color: #FFFFFF;
	    		width:25%;
	    		margin:0;
	    		float:right;
			height: 22px;
			padding: 0 2px;
			margin-left: 0 !important;
	    	}



	/*#hd-SearchBox2{
		clear: both;
		padding:0;
	}
	
	table.gsc-search-box {
	    border-style: none;
	    border-width: 0;
	    border-spacing: 0 0;
	    margin-left: 15px;
	}
		
	.gsc-search-button{
		height:23px!important;
	}*/	
	
	/*---------------------------------------------
	 トップページのみ　更新情報等 
	 ---------------------------------------------*/	
	#Topics,#EventInfo,#UpdateInfo{
		clear:both;

	}	 
			
	#Topics h2{
		background:#eee;
		color:#000;
		padding:5px;
		border-bottom:2px solid #fea633;
		font-size:120%;
	}

	#EventInfo h2{
		background:#eee;
		color:#000;
		padding:5px;
		border-bottom:2px solid #3a878a;
		font-size:120%;
	}

	#UpdateInfo h2{
		background:#eee;
		color:#000;
		padding:5px;
		border-bottom:2px solid #6599cb;
		font-size:120%;
	}
	

	#TypeHOME #EventInfo dt, 
	#TypeHOME #UpdateInfo dt, 
	#TypeHOME #Topics dt {
		float: none;
		width: 100%;
		padding: 0;
		font-size:100%;
		font-weight: normal;
	}

	#TypeHOME #EventInfo dd, 
	#TypeHOME #UpdateInfo dd, 
	#TypeHOME #Topics dd {
		font-size:100%;	
		margin-left: 0;
	}
	

	.info-txt01:after,
	.info-txt02:after,
	.info-txt03:after{
		content:attr(data-label);
	}
		
	.info-txt01 img,
	.info-txt02 img,
	.info-txt03 img {
		display:none;
	}
	
	.to-list img {
		display:none;
    }
    
	.link_list{
		margin-bottom:0;
	}
	
	.link_list2{
		float:right;
		margin:.5em 0;
	}

	.link_list2 a{
		background:#069;
		font-size:86%;
		color:#fff;
		text-decoration:none;
		display:block;
		border-radius:2px;
		padding:3px 8px;
		margin-right:2px;
	}

	.link_list2 a:hover{
		background:#003399;
	}


	/*---------------------------------------------
	
	　イベント情報、更新情報、トピックス各ページ
		 
	---------------------------------------------*/
	#TypeUSER-PUBLIC #pressrelease dt,
	#TypeUSER-PUBLIC #UpdateInfo dt, 
	#TypeUSER-PUBLIC #Topics dt {
	    float: none;
	    padding: 0;
	    font-weight: bold;
	    margin-left:0;
	}
	
	#TypeUSER-PUBLIC #EventInfo dd, 
	#TypeUSER-PUBLIC #UpdateInfo dd, 
	#TypeUSER-PUBLIC #Topics dd {
		clear:both;
		float:none;
		display:block;
		margin-left: 0;
	}
	

	/* イベント情報ページのみ */
	#TypeUSER-PUBLIC #EventInfo dt.itm {
	    float: left;
	    padding: 0!important;
	    font-weight: bold;
	    margin-left:0;
	    background:none;
	}

	#TypeUSER-PUBLIC #EventInfo dt {
	    float: left;
	    padding: 0;
	    font-weight: bold;
	    margin-left:0;
	}

	#TypeUSER-PUBLIC #EventInfo dl.head_itm{
		display:none;
	}

	#TypeUSER-PUBLIC #EventInfo{
		background: url(../img/line01.gif) 0 0 repeat-x;
	}
	
	
	/*---------------------------------------------
	 PDF注意ボックス 
	 ---------------------------------------------*/	
	#GetPdfReader {
		clear:both;
		margin-bottom: 10px;
	}

	#GetPdfReader dt{
		margin-top:.2em;
	}

	#GetPdfReader dd {
	    padding: 0;
	    margin-left: 125px;
	}
	
	/*---------------------------------------------
	 トップページ　スライド 
	 ---------------------------------------------*/	
		
	.bx-wrapper .bx-viewport{
		left:0px;
		border:none;
	}
	
	bx-wrapper img{
		width:100%;
		margin-left:auto;
		margin-right:auto;
	}	
	
	#FootArea img{
		clear:both;
		width:300px;
		margin:1em auto;
	}
	

	/*---------------------------------------------

	 各カテゴリ　目次ページ用
	 
	---------------------------------------------*/
	#maininfo {
		width:100%;
		margin-right:auto;
		margin-left:auto;
		padding: 5px 0px 0px;
	}

	#maininfo .colbox1,
	#maininfo .colbox2 {
		clear:both;
		float: none;
		height:auto!important;
		margin: 0 0 10px 0;
		padding:5px;
		background:#f1f1f1;
		overflow:hidden;
	}

	#maininfo .colbox1 h3,
	#maininfo .colbox2 h3{
		font-size:110%;
	}

	#maininfo .colbox1 p,
	#maininfo .colbox2 p{
		padding:5px 0;
	}


	#maininfo .colbox1 span,
	#maininfo .colbox2 span{
		font-size:90%;
	}

	#maininfo .colbox1 dl{
		overflow:hidden;
		width:730px;
	}

	#maininfo .colbox1 dl dt,
	#maininfo .colbox2 dl dt{
		float:left;
		width:80px;
		margin:5px 10px 0 5px;
	}

	#maininfo .colbox1 dl dd,
	#maininfo .colbox2 dl dd{
		float:left;
		margin:5px 10px 0 0;
	}

	#maininfo .colbox1 h3 .lnk-arrow-gray,
	#maininfo .colbox2 h3 .lnk-arrow-gray {
	    padding-left: 15px;
	    background: url(../img/icon_arrow01.gif) 3px 3px no-repeat;
	}

	/*---------------------------------------------

	 INTRO　組織紹介 > 理事長挨拶
	 
	---------------------------------------------*/
	#ChiefGreeting {
		width:100%;
		margin-right:auto;
		margin-left:auto;
	}

	#ChiefGreeting .col01 {
	    float: left;
	    width: 25%;
	    margin: 0 2% 0 1%;
	    vertical-align: top;
	}

	#ChiefGreeting .col02 {
	    float: left;
	    width: 70%;
	}

	#ChiefGreeting .col02 .chief-name{
		overflow:hidden;
	}

	#ChiefGreeting .col02 .chief-name img{
		float:right;
		max-width:80%;
		height:auto;
	}

	#ContentsArea table	{
		width:100%;
	}
	
	/* ページタイトル処理共通　*/
	#MainArea #ContentsArea h2.img-title {
	    margin-bottom: 10px;
	}

	.img-title:before{
		content:"\f009";
		font-family: FontAwesome;
	}

	.img-title{
		background:#666;
		border-bottom:3px solid #a7bbef;
		color:#fff;	
		font-size:120%;
		padding:5px 10px;
	}

	.img-title img{
		display:none;
	}
	
	.img-title:after{
		margin-left:5px;
		content:attr(data-label);
	}
	/* end ページタイトル処理共通　*/


	/* 下層ページ右メニューのタイトル部　*/

	.img-title2{
		width:100%;
		background:#5757a3;
		color:#fff;	
		font-size:120%;
		padding:5px 0;
		margin:1em auto .2em;
	}

	.img-title2 img{
		display:none;
	}
	
	.img-title2:after{
		margin-left:5px;
		content:attr(data-label);
	}
	
	/* end 下層ページ右メニューのタイトル部　*/
		
	#SubNaviArea{
		clear: both;
		width:100%;
		float:none;
	}
	
	#SubNaviArea .sub-localnavi .level1 {
		display:none;
	}

	#SubNaviArea .sub-localnavi li{
		float:left;
		width: 49.5%;
		margin: 0 1% 1% 0;
	}

	#SubNaviArea .sub-localnavi li:nth-child(even){
		margin:0 0 1% 0;

	}

	#SubNaviArea .sub-localnavi li a{
		display:block;
		background: #f5f5f5 url(../img/icon_arrow02.png) 3px 7px no-repeat;
		color:#069!important;
		padding:5px 5px 5px 23px;
		border:1px solid #ccc;		
	}
	
	#SubNaviArea .sub-localnavi li a:hover{
		background:#daebff url(../img/icon_arrow02.png) 3px 7px no-repeat;
		border:1px solid #ccc;
		color:#069!important;
		text-decoration:none;		
	}


	/* active設定 */
	.SubMn01 #SubNaviArea .sub-localnavi li#SubMn01 a,
	.SubMn02 #SubNaviArea .sub-localnavi li#SubMn02 a,
	.SubMn03 #SubNaviArea .sub-localnavi li#SubMn03 a,
	.SubMn04 #SubNaviArea .sub-localnavi li#SubMn04 a,
	.SubMn05 #SubNaviArea .sub-localnavi li#SubMn05 a,
	.SubMn06 #SubNaviArea .sub-localnavi li#SubMn06 a,
	
	.SubMn02-01 #SubNaviArea .sub-localnavi li#SubMn02 a,
	.SubMn02-02 #SubNaviArea .sub-localnavi li#SubMn02 a,
	.SubMn02-04 #SubNaviArea .sub-localnavi li#SubMn04 a,
	.SubMn02-05 #SubNaviArea .sub-localnavi li#SubMn05 a,
	.SubMn02-06 #SubNaviArea .sub-localnavi li#SubMn06 a,
	.SubMn02-07 #SubNaviArea .sub-localnavi li#SubMn02 a,
	.SubMn02-08 #SubNaviArea .sub-localnavi li#SubMn02 a,
	.SubMn02-09 #SubNaviArea .sub-localnavi li#SubMn02 a,
	.SubMn02-10 #SubNaviArea .sub-localnavi li#SubMn02 a,
	.SubMn02-11 #SubNaviArea .sub-localnavi li#SubMn02 a,
	
	.SubMn03-01 #SubNaviArea .sub-localnavi li#SubMn03 a,
	.SubMn03-02 #SubNaviArea .sub-localnavi li#SubMn03 a,
	.SubMn03-03 #SubNaviArea .sub-localnavi li#SubMn03 a,
	.SubMn03-04 #SubNaviArea .sub-localnavi li#SubMn03 a,
	.SubMn03-05 #SubNaviArea .sub-localnavi li#SubMn03 a,
	
	.SubMn06-01 #SubNaviArea .sub-localnavi li#SubMn06 a,
	.SubMn09-01 #SubNaviArea .sub-localnavi li#SubMn09 a,
	.SubMn09-02 #SubNaviArea .sub-localnavi li#SubMn09 a,
	.SubMn09-03 #SubNaviArea .sub-localnavi li#SubMn09 a{
		background:#daebff url(../img/icon_arrow02.png) 3px 7px no-repeat;
		color:#323335!important;
		font-weight:bold;
		border:1px solid #ccc;
	}


	#MainArea .page-top {
		display:none;
	}

	/*---------------------------------------------

	 INTRO　組織概要 POPUP部
	 	 
	---------------------------------------------*/

	#TypePOPUP .set-position03 a img{
		width:120px;
		margin:0 auto;
	}


	/*---------------------------------------------

	 INTRO　組織紹介 > 所在地
	 	 
	---------------------------------------------*/

	#ContentsArea .box-column .col03 {
	    width: 99%;
	    float: none;
	    display: block;
	    border-radius: 5px;
	    border: 2px solid #ccc;
	}


	#ContentsArea .box-column .col04 {
		width: 99%;
		float: none;
		display: block;
		border-radius: 5px;
		border: 2px solid #ccc;
		margin: 0 auto;
	}

	#ContentsArea .box-column .col04:last-child {
	    margin: 10px 0 0 0;
	}
	
	#ContentsArea .box-column a:link,
	#ContentsArea .box-column a:visited
	{ color:#069; text-decoration: none; }


	#ContentsArea .box-column{
		width:100%;
	}
		
	.access{
		padding:0 10px;
	}

	.access_link{
		font-size: 70%;
		font-weight: normal;
		float: right;
		margin: .4em 0 0;	
	}
		
	.access dt{
		float:none;
		vertical-align:top;
		margin:0 auto;
		width:179px;
	}
	
	.access dd{
		float:none;
		vertical-align:top;
		width:100%;
	}
	
	.access dd p{
		margin:1em 0 0;
		padding:5px;
		border-top:1px dotted #666;
	}

	.inner-column2h{
		padding:0 10px 5px;
	}	

	.inner-column2h dt{
		margin:0 auto;
		width:179px;
	}	

	.inner-column2h dd{
		margin:.5em 0 0;
		padding:5px;
	}

	.inner-column2h dd p{
	    padding-top: 5px;
	    border-top: 1px dotted #666;
	}
	
	ul.square {
		padding-left: 20px;
		list-style: square;
	}


	/*---------------------------------------------

	 アクセス > 所在地
	 
	---------------------------------------------*/

	.map_center { 
		text-align: center; 
		width: 98%;
		margin: 10px auto 30px;
	}

	.section{
		width:98%;
		margin:1em auto;
	}

	.section ul li{
		line-height:1.6;
		padding-left: 12px;
		background: url(../img/icon_square02.gif) 2px 8px no-repeat;
	}

	.section ul li.asta{
		margin-left:.2em;
		background:none!important;
	}
	
	h3.title07{
		line-height: 2.0;
		background: #f2f2f2 url(../img/bg_title07.gif) 7px 7px no-repeat;
		margin-bottom:10px;
		background-color: #f2f2f2;
		padding-left:20px;
		border: 1px #cccccc solid;
	    font-size: 120%;
	}
	
	.title10 {
		margin-top:1em;
		padding:5px 0;
		font-weight:bold;
		letter-spacing:.1em;
	}
	

	/*---------------------------------------------

	 RESULT　広報活動 > イベント情報
	 
	---------------------------------------------*/
	#ContentsArea .lay-column2-A, 
	#ContentsArea .lay-column2-B,
	#ContentsArea .lay-column2-C, 
	#ContentsArea .lay-column2-D, 
	#ContentsArea .lay-column2-E, 
	#ContentsArea .lay-column2-F, 
	#ContentsArea .lay-column2-Z {
		width: 100%;
		margin-left:auto;
		margin-right:auto;
	}

	#ContentsArea .lay-column2-D .col01 {
		float: none;
		width: 100%;	    
		padding:0 1%;

	}

	#ContentsArea .lay-column2-D .col02 {
		float: none;
		width: 100%;
	}

	#ContentsArea .lay-column2-D .col02 img{
		width:196px;
		margin:0 auto;
	}

	/*---------------------------------------------
	 雑誌などの画像３タブ共通
	---------------------------------------------*/
	#tabcontents ul.tab {
		overflow: hidden;
		width: 100%;
		height: auto;
		border-bottom: 2px solid #5b5ba5;
		margin-bottom: 10px;
	}
		
	#tabcontents #tab li{
		width:33%;
		margin:.1em .1em 0 0;
		float: left;
		/* background:#5b5ba5; */
		border-radius:3px 3px 0 0;
	}

	#tabcontents #tab li:last-child{
		margin-right:0;
	}


	h3.title01, h3.title02 {
		padding:0 2px 5px 8px;
		margin-bottom:20px;
	}

	.scroll{
		width: 100%;	
		overflow: auto;
		white-space: nowrap;
		margin-bottom:10px;
	}
	.scroll::-webkit-scrollbar{
		height: 5px;
	}
	.scroll::-webkit-scrollbar-track{
		background: #F1F1F1;
	}
	.scroll::-webkit-scrollbar-thumb {
		background: #BCBCBC;
	}

	/*---------------------------------------------
	 サイトマップとFAQ 
	---------------------------------------------*/
	#TypeSITEMAP .link_box{
		overflow:hidden;
	}
	
	#TypeSITEMAP .link_box li{
	    float:left;
	    margin-right:15px;
	}
	
	#TypeSITEMAP .link_box li.lnk{
	    padding-left: 22px;
	    background: url(../img/icon_arrow02.gif) 0 3px no-repeat;
	}
	
	#TypeSITEMAP .link_box li.win{
	    padding-left: 22px;
	    background: url(../img/icon_window.gif) 0 3px no-repeat;
	}


	#SiteMap dl.site-map-category dd li {
	    padding-left: 35px;
	    background-position: 25px 6px;
	}

	#SiteMap h4.title07 {
		margin-bottom:0;
	}
	
	/*---------------------------------------------
	 研究所・センター・研究設備
	---------------------------------------------*/
	#maininfo .colbox3 {
	    width: 100%;
	    margin: 0 auto 10px;
	    padding: 0;
	    float: none;
	    border: 1px solid #ccc;
	    overflow:hidden;
	    height:auto!important;
	}	
			
	#maininfo .colbox3:last-child {
	    width: 100%;
	    margin: 0 auto 10px;
	}	

	.link {
	    margin: 0 10px 15px 0px;
	    text-align: right;
	    display: block;
	}

	.lnk-arrow-organge {
	    padding: 2px 5px 2px 13px;
	    background: #F1F5FE url("../img/icon_arrow01.gif") no-repeat 5px 45%;
	    font-size: 11px;
	    border: 1px solid #ccc;
	    border-radius: 3px;
	}

	.faci_box{
		font-size:11px;
		line-height:2.2;
		width:98%!important;
		margin:0 auto;
	}	
	
	.faci_box .lnk-window-gray {
	    	padding: 0 0 0 10px;
		background: url(../img/icon_arrow01.gif) 0 45% no-repeat;
		font-size: 110%;	
	}	

	.colbox3 .lnk-arrow-box-blue {
		padding-left: 20px;
		background: url(../img/icon_arrow04.gif) 0 4px no-repeat!important;
	}



	/*---------------------------------------------
	 イベント情報 等の表組みのスクロール
	---------------------------------------------*/
	/* すくろーるさせる　*/
	  .table-responsive {
	    width: 100%;
	    margin-bottom: 15px;
	    overflow-y: hidden;
	    -ms-overflow-style: -ms-autohiding-scrollbar;
	    border: 1px solid #ddd;
	  }

	  .table-responsive > .table {
	    margin-bottom: 0;
	  }
	  .table-responsive > .table > thead > tr > th,
	  .table-responsive > .table > tbody > tr > th,
	  .table-responsive > .table > tfoot > tr > th,
	  .table-responsive > .table > thead > tr > td,
	  .table-responsive > .table > tbody > tr > td,
	  .table-responsive > .table > tfoot > tr > td {
	    white-space: nowrap;
	  }
	  .table-responsive > .table-bordered {
	    	border: 0;
	  }
	  .table-responsive > .table-bordered > thead > tr > th:first-child,
	  .table-responsive > .table-bordered > tbody > tr > th:first-child,
	  .table-responsive > .table-bordered > tfoot > tr > th:first-child,
	  .table-responsive > .table-bordered > thead > tr > td:first-child,
	  .table-responsive > .table-bordered > tbody > tr > td:first-child,
	  .table-responsive > .table-bordered > tfoot > tr > td:first-child {
	   	 border-left: 0;
	  }
	  .table-responsive > .table-bordered > thead > tr > th:last-child,
	  .table-responsive > .table-bordered > tbody > tr > th:last-child,
	  .table-responsive > .table-bordered > tfoot > tr > th:last-child,
	  .table-responsive > .table-bordered > thead > tr > td:last-child,
	  .table-responsive > .table-bordered > tbody > tr > td:last-child,
	  .table-responsive > .table-bordered > tfoot > tr > td:last-child {
	    	border-right: 0;
	  }
	  .table-responsive > .table-bordered > tbody > tr:last-child > th,
	  .table-responsive > .table-bordered > tfoot > tr:last-child > th,
	  .table-responsive > .table-bordered > tbody > tr:last-child > td,
	  .table-responsive > .table-bordered > tfoot > tr:last-child > td {
	    	border-bottom: 0;
	  }

	/* iphone用スクロールバー表示　*/
	.scroll-box::-webkit-scrollbar {
	  	height: 5px;
	}
	
	.scroll-box::-webkit-scrollbar-track {
	  border-radius: 5px;
	  	background: #eee;
	}
	
	.scroll-box::-webkit-scrollbar-thumb {
	  border-radius: 5px;
	  	background: #666;
	} 

	/* 本体はbase.css,mobile用に再指定　*/
	table.tb-base02{
		margin-bottom:0!important; /* base.cssに本体　respのスマホページだけに適用*/
	}

	table.tb-base02 th{
		padding:5px!important;	
		white-space:nowrap;	
	}

	table.tb-base02 td{
		padding:5px!important;
	}
	
	table.tb-base02 td.lnk-window {
	    	padding: 0 0 0 30px !important;
	    	background: url(../img/icon_window.gif) 8px 45% no-repeat;
	}
	
	table.tb-base02 td.dot {
	    	padding: 0 0 0 30px !important;
	    	background: url(../img/icon_square02.gif) 15px 45% no-repeat;
	}

	.visible-xs-block{
		display:block;
	}
	


	/*---------------------------------------------
	
	　ページング全て
		 
	---------------------------------------------*/
	.paging-list{
		margin-top:1em;
		text-align: center!important;	
	}

	.paging-list li {
	    margin: 0;
	    padding: 0 3px!important;
	    font-size:90%;
	    border-right:none!important;
	}		

	.paging-list li.page-previous{
		margin-right:0!important;	
	}
	
	.paging-list li.page-next{
		margin-left:0!important;	
	}

	.paging-list li a{
		text-decoration:underline;
	}

		
	/*---------------------------------------------
	 ソーシャルメディアのご紹介
	---------------------------------------------*/
	
	.snslayout{
		overflow:hidden;
		margin:1em auto;
		width:98%;	
	}
	
	.snslayout p{
		padding:5px;
		line-height:1.8;
	}
	
	.sns1 {
		float:none;
		width:98%;
		border-radius:5px;
	    border:1px solid #3B5998;
	    margin: 10px auto;
	    padding-bottom:10px;
		box-sizing: border-box;
	
	}
	
	.sns1 .tit{
		background: #ecf2fd;
		color: #3B5998;	
	    font-size: 120%;
	    font-weight: bold;
		border-radius: 5px 5px 0 0;
		text-align:center;
	}

	.sns2 {
		float:none;
		width:98%;
		border-radius:5px;
	    border:1px solid #cd201f;
	    margin: 10px auto;
  	    padding-bottom:10px; 
		box-sizing: border-box;
	
	}
	
	.sns2 .tit{
		background: #fff2f2;
	    color: #c00;	
	    font-size: 120%;
	    font-weight: bold;
		border-radius: 5px 5px 0 0;
		text-align:center;
	}

	.sns3 {
		float:none;
		width:98%;
		border-radius:5px;
	    border:1px solid #1da1f2;
	    margin: 10px auto;
	    padding-bottom:10px;	    
		box-sizing: border-box;
	
	}
	
	.sns3 .tit{
		background: #dff2ff;
	    color: #1da1f2;	
	    font-size: 120%;
	    font-weight: bold;
		border-radius: 5px 5px 0 0;
		text-align:center;
	}


	.snslayout .sns1 .morelink a {
		margin:-5px auto 0;
	    display: block;
	    width: 55%;
	    color: #fff;
	    font-size:100%;
	    font-weight:bold;
	    background:#039;
	    border:1px solid #039;
	    text-align:center;
	    padding:2px 0;
	    border-radius:5px;
	    text-decoration:none;
	}
	
	.snslayout .sns1 .morelink a:hover{
		background:#fff;
		color:#039;
		text-decoration:none;
	}

	.snslayout .sns2 .morelink a {
		margin:-5px auto 0;
	    display: block;
	    width: 55%;
	    color: #fff;
	    font-size:100%;
	    font-weight:bold;
	    background:#c00;
	    border:1px solid #c00;
	    text-align:center;
	    padding:2px 0;
	    border-radius:5px;
	    text-decoration:none;
	}
	
	.snslayout .sns2 .morelink a:hover{
		background:#fff;
		color:#c00;
		text-decoration:none;
	}

	.snslayout .sns3 .morelink a {
		margin:-5px auto 0;
	    display: block;
	    width: 55%;
	    color: #fff;
	    font-size:100%;
	    font-weight:bold;
	    background:#1da1f2;
	    border:1px solid #1da1f2;
	    text-align:center;
	    padding:2px 0;
	    border-radius:5px;
	    text-decoration:none;
	}
	
	.snslayout .sns3 .morelink a:hover{
		background:#fff;
		color:#1da1f2;
		text-decoration:none;
	}
		
	.sns1 .thum,
	.sns2 .thum,
	.sns3 .thum{
		width:230px;
		border:1px solid #ccc;
		margin:1em auto;
	}
	
	.snscont{
		margin:1em;
		clear:both;
	}
	
	.snscont p{
		line-height:1.6;
	}
	
		
	.snskiyaku{
		margin:1em 0 2em;
		font-size:110%;	
		font-weight:bold;
		text-align:center;
	}


	/*---------------------------------------------
	
		 Annual Report
		 
	---------------------------------------------*/

	.annual li{
		width: 47.5%;
	    margin: 0 1% 2%;
	    float: left;
	    border-radius: 5px;
	    border: 1px solid #ccc;
	}

	.annual .section{
		width:98%;
		margin:0 auto 1em;
	}

	.annual .box-column .inner-column1 {
	    padding: 5px 5px 10px!important;
	    text-align: center;
	}

	.annual .set-position03 img{
		border:1px solid #ccc;
		width:100px;
		margin:0 auto;
	}
	
	.annual .wrap {
		overflow:hidden;
	}

	.annual .box-column .col-head2 p a{
		padding-left: 10px;
		background: url(../img/icon_arrow01.gif) 0 45% no-repeat;
	}

	/*---------------------------------------------
	
		 Annual Report 研究年報（扉）
		 
	---------------------------------------------*/
	.annual#ContentsArea .box-column {
		clear:both;
	}
	

	/*---------------------------------------------
	
		　関連書籍
		 
	---------------------------------------------*/
	#BookList .book-row01 {
	    margin: 0 auto 35px;
	    width: 100%;
	}	
	
	#BookList .book-row01 li {
	    float: left;
	    width: 48%;
	    margin-right: 4%;
	}

	#BookList .book-row01 li:nth-child(even){
	    margin-right: 0;		
	}


	#BookList .wrap{
		width:auto;
	}
	
}
	
	/* スマホ狭い画面用　*/
	@media screen and (max-width: 480px) {	
		header h1 {
			height:40px;
		}

		header h1 img{
			margin-left:35px;
			width:70%;
		}	


		.menu-btn {
			position: absolute;
			left: 0;
			top: 15px;
			height: 35px;
			width: 35px;
			display: block;
			background: url(../img/btn-menu2.gif) no-repeat left top;
			-webkit-background-size: 90%;
			background-size: 90%;
		}	

		/*---------------------------------------------
	
		 各カテゴリ扉
		 
		---------------------------------------------*/


		#maininfo .colbox1 dl{
			overflow:hidden;
			width:100%;
		}


		#maininfo .colbox1 dl dt,
		#maininfo .colbox2 dl dt{
			float:left;
			width:25%;
			margin:5px 0 0 5px;
		}

		#maininfo .colbox1 dl dd,
		#maininfo .colbox2 dl dd{
			float: left;
			width: 68%;
			margin: 1% 0 0 5%;
		}

		/*---------------------------------------------
	
		 INTRO　会社概要 > 評議員、理事監事名簿
		 
		---------------------------------------------*/
	
		.set-position03 img{
		  display: block;
		  height: auto;
		  max-width: 100%;
	  	}

		/*---------------------------------------------
	
		 下層ページ右メニュー(スマホ）
		 
		---------------------------------------------*/
	
		#SubNaviArea .sub-localnavi li,
		#SubNaviArea .sub-localnavi li:nth-child(even){
			float:none;
			width:100%;
			margin:.1% auto 1%;
		}

		/*---------------------------------------------
	
		 研究所・センター・研究設備(スマホ）
		 
		---------------------------------------------*/
		.lnk-arrow-organge {
		    padding: 2px 5px 2px 13px;
		    background: #F1F5FE url("../img/icon_arrow01.gif") no-repeat 5px 4px;
		    font-size: 11px;
		    border: 1px solid #ccc;
		    border-radius: 3px;
		}

		.link {
		    margin: 0 10px 10px 0px;
		}
		
		.colbox3 .lnk-arrow-box-blue {
			 padding-left: 20px;
			 background: url(../img/icon_arrow04.gif) 0 45% no-repeat!important;
		}

		.faci_box{
			width:96%!important;
			margin:0 auto;
		}	
		
		.annual li {
		    width: 46.5%;
		    margin: 0 1% 2%;
		    float: left;
		    border-radius: 5px;
		    border: 1px solid #ccc;
		}
		
		/*---------------------------------------------
	
		 トピックス、更新情報、イベント情報、プレスリリース(スマホ）
		 
		---------------------------------------------*/
		#pressrelease dt, #EventInfo dt, #UpdateInfo dt, #Topics dt {
   	 		float: none;
   	 		padding:0;
		}	
			
		#pressrelease dd, #EventInfo dd, #UpdateInfo dd, #Topics dd {
		    margin-left: 0;
		}		
		
		/*---------------------------------------------
	
		 　アクセス(スマホ）
		 
		---------------------------------------------*/

		.section ul li{
			line-height:1.6;
			padding-left: 12px;
			background: url(../img/icon_square02.gif) 2px 8px no-repeat;
		}

		
		
	}

	@media screen and (max-width: 360px) {	
		header h1 {
			height:35px;
		}

		header h1 img{
			margin-left:35px;
			width:80%;
		}	


		.menu-btn {
			position: absolute;
			left: 0;
			top: 15px;
			height: 35px;
			width: 35px;
			display: block;
			background: url(../img/btn-menu2.gif) no-repeat left top;
			-webkit-background-size: 90%;
			background-size: 90%;
		}
	}