@charset "UTF-8";

/* ---------------------------------------------------------------- *
	ドキュメント全体
 * ---------------------------------------------------------------- */
body { background: #fff; }

#container { width: 960px; margin-right: auto; margin-left: auto; }


/* ---------------------------------------------------------------- *
	ヘッダ部
 * ---------------------------------------------------------------- */
#header1 { height: 16px; color: #FFF; padding: 5px 8px 0px 10px; background-color: #2b2b2b; }
#header1 .logo  { float: left; }
#header1 h1 { float: right; font-size: 10px; margin-top:2px }

#header2{ position: relative; height: 70px; margin: 0 auto; }
#header2 .logo  { position: absolute; left: 0px; top: 15px; }
#header2 .menu { position: absolute; right: 0px; top: 12px; }
#header2 .menu li { display: inline; margin-left: 7px; }
#header2 .fontsize { position: absolute; right: 0px; top: 38px; }
#header2 .search { position: absolute; right: 155px; top: 38px; }
#header2 .search input.textbox { position: absolute; top: 0px; right: 45px; height: 14px; width: 180px; border: 1px solid #ccc; }
@media screen and (-webkit-min-device-pixel-ratio:0) { #header2 .search input.textbox { height: 16px; }}


/* ---------------------------------------------------------------- *
	メニュ
 * ---------------------------------------------------------------- */

#main-menu { height: 40px; position: relative; margin-bottom: 10px; }
#main-menu #navi { margin: 0; padding: 0; }
#main-menu #navi li a { height: 0; padding-top: 40px; width: 160px; overflow: hidden; }
#main-menu #navi li a,
#main-menu #navi { background-image: url(../image/menu.png); background-repeat: no-repeat; }
#main-menu #navi li { float: left; position: relative; }
#main-menu #navi a { float: left; }
#main-menu #navi li:hover > a { color: #fff; }
#main-menu #navi li:hover > ul { display: block; }

/* 初期 */
#main-menu #navi li#mm1 a { background-position: 0px 0px; }
#main-menu #navi li#mm2 a { background-position: -160px 0; }
#main-menu #navi li#mm3 a { background-position: -320px 0; }
#main-menu #navi li#mm4 a { background-position: -480px 0; }
#main-menu #navi li#mm5 a { background-position: -640px 0; }
#main-menu #navi li#mm6 a { background-position: -800px 0; }

/* ロールオーバ */
#main-menu #navi li#mm1 a:hover { background-position: 0px -40px; }
#main-menu #navi li#mm2 a:hover { background-position: -160px -40px; }
#main-menu #navi li#mm3 a:hover { background-position: -320px -40px; }
#main-menu #navi li#mm4 a:hover { background-position: -480px -40px; }
#main-menu #navi li#mm5 a:hover { background-position: -640px -40px; }
#main-menu #navi li#mm6 a:hover { background-position: -800px -40px; }

/* 現在ページ */
#main-menu.current1 #navi li#mm1 a { background-position: 0px -80px; }
#main-menu.current2 #navi li#mm2 a { background-position: -160px -80px; }
#main-menu.current3 #navi li#mm3 a { background-position: -320px -80px; }
#main-menu.current4 #navi li#mm4 a { background-position: -480px -80px; }
#main-menu.current5 #navi li#mm5 a { background-position: -640px -80px; }
#main-menu.current6 #navi li#mm6 a { background-position: -800px -80px; }


/* 関連サイトリンク */
#ex-link { height: 40px; position: relative; margin: 10px 0 15px 0; }
#ex-link li a { height: 0; padding-top: 40px; width: 240px; overflow: hidden; }
#ex-link li a,
#ex-link { background-image: url(../top/menu-ex.png); background-repeat: no-repeat; }
#ex-link li { float: left; position: relative; }
#ex-link a { float: left; }
#ex-link li:hover > a { color: #fff; }
#ex-link li:hover > ul { display: block; }

/* 初期 */
#ex-link li#mm1 a { background-position: 0px 0px; }
#ex-link li#mm2 a { background-position: -240px 0; }
#ex-link li#mm3 a { background-position: -480px 0; }
#ex-link li#mm4 a { background-position: -720px 0; }

/* ロールオーバ */
#ex-link li#mm1 a:hover { background-position: 0px -40px; }
#ex-link li#mm2 a:hover { background-position: -240px -40px; }
#ex-link li#mm3 a:hover { background-position: -480px -40px; }
#ex-link li#mm4 a:hover { background-position: -720px -40px; }



/* Sub-menu */
#main-menu #navi ul {
 	display: none;
	position: absolute;
	top: 35px;
	left: 0;
	z-index: 9999;
	font-size: 11px;
}
#main-menu #navi ul li {
	background-image: url(../image/menu-pulldown-icon.png);
	background-repeat: no-repeat;
	background-position: 8px 15px;
	background-color: #f0f0f0;
}
 
#main-menu #navi ul li a {
	padding: 10px 5px 7px 18px;
	height: auto;
	line-height: 1.4;
	text-decoration: none;
	border-top: 1px solid #FFF;
	background-image: none;
}

#main-menu #navi li#mm1 ul a { width: 115px; }
#main-menu #navi li#mm2 ul a { width: 112px; }
#main-menu #navi li#mm3 ul a { width: 112px; }
#main-menu #navi li#mm4 ul a { width: 112px; }
#main-menu #navi li#mm5 ul a { width: 112px; }
#main-menu #navi li#mm6 ul a { width: 112px; }
#main-menu #navi li#mm7 ul a { width: 114px; }

#main-menu #navi ul li:hover {
	background-color: #0D68B2;
	background-image: url(../image/menu-pulldown-icon-a.png);
	background-repeat: no-repeat;
	background-position: 8px 15px;
 }
 


/* ---------------------------------------------------------------- *
	トップページ用
 * ---------------------------------------------------------------- */

/*#contents-top { text-align: left; }*/
#contents-top .left { width: 380px; float: left; position: relative; margin-right: 15px; }
#contents-top .main { width: 380px; float: left; position: relative; }
#contents-top .right { width: 170px; float: right; position: relative; }

#contents-top .visual {
	position: relative;
/*	z-index: -9999;*/
/*	margin-bottom: 20px;*/
}

.content-box { border-width: 1px; border-style: solid; border-color: #ddd; background: #fff; }

.content-box .box-header {
	background-image: url(../image/bg-column-header.png);
	background-repeat: repeat-x;
	height: 27px;
}

.content-box .box-header .btn {
	float: right;
	margin-top: 4px;
	margin-right: 8px;
}
.content-box .box-header .btn li {
	margin-left: 10px;
	display: inline;
}
.content-box .box-body { border: 2px solid #fff; background: #fff; }
.content-box .box-wrap { padding: 5px; font-size: 85%; }
.content-box .box-wrap10 { padding: 7px; font-size: 85%; }



/*　コラム用スクロール定義	*/
.scrollgeneric { line-height:1px; font-size:1px; position:absolute; top:0; left:0; }

#box-orange {
/*	height: 460px;*/
	height: 600px;
	overflow: auto;
	position: relative;
	background-color: #fff;
	padding: 5px;
	margin-top: 1px;
}
#box-orange .vscrollerbase { width:10px; background-color:#EAEAEA; }
#box-orange .vscrollerbar { width:10px; background-color:#FFAD6E; }


#box-green {
	height: 200px;
	overflow: auto;
	position: relative;
	background-color: #fff;
	padding: 5px;
	margin-top: 1px;
}
#box-green .vscrollerbase { width:10px; background-color:#EAEAEA; }
#box-green .vscrollerbar { width:10px; background-color:#B5E587; }


#box-blue {
/*	height: 640px;*/
	height: 812px;
	overflow: auto;
	position: relative;
	background-color: #fff;
	padding: 0;
	margin-top: 1px;
}
#box-blue .vscrollerbase { width:10px; background-color:#EAEAEA; }
#box-blue .vscrollerbar { width:10px; background-color:#87C5E5; }

.flexcroll {
    height:100%;
}
#topics li {
	font-size: 90%;
	border-bottom: 1px dotted #999;
	margin: 5px 5px 10px;
	padding-bottom: 5px;
}
#topics li:last-child {
	border-bottom: none;
}

#topics li.top123 {
	border-bottom:double;
	border-bottom-color:#777;
}
/*
#topics li.news { background-image: url(../top/icon-news.png); }
#topics li.info { background-image: url(../top/icon-info.png); }
#topics li.event { background-image: url(../top/icon-event.png); }

#topics li.jare-news { background-image: url(../top/icon-jare-news.png); }
#topics li.jare-info { background-image: url(../top/icon-jare-info.png); }
#topics li.aerc { background-image: url(../top/icon-aerc.png); }
*/

#topics li span {
	font-size: 90%;
	margin-left: 8px;
}

#topics li img {
	margin-left:5px;
	vertical-align:middle;
}

/*　成果報告　*/
.news_area dt {
	clear : both;
	float : left;
	width : 80px;
}
.news_area dd {
	font-size: 90%;
	padding-left : 105px;
	padding-bottom:7px;
	margin-bottom: 7px;
	border-bottom: 1px dotted #999999;
}

.news_area dd:last-child {
	border-bottom: none;
}

.news_area dd span {
	font-size: 90%;
	margin-left: 8px;
}
.news_area dd img {
	margin-left:5px;
	vertical-align:middle;
}
.news_area dt.waku {
	text-align:center;
	border: 1px solid #bbb;
	padding: 5px;}

/*　NEWアイコン　*/
.news_area dd .icon-new, #topics .icon-new {
	position:relative;
	color:#c00;
	background-color:#fff;
	font-size: 8px;
	font-weight:bold;
	line-height:1;
	padding:1px;
	margin-left:8px;
	margin-top:10px;
	border:#c00 1px solid;
	box-sizing: border-box;
}
.news_area dd .icon-event, #topics .icon-event {
	color: #61B800;
	background-color: #fff;
	font-size: 8px;
	font-weight: bold;
	line-height: 1.3;
	padding: 1px;
	margin-left: 8px;
	border: #61B800 1px solid;
	box-sizing: border-box;
}


/* ---------------------------------------------------------------- *
	コンテンツコンテナ
 * ---------------------------------------------------------------- */



/*　パンくずリスト	*/
#bread { line-height:1.5; font-size:80%; }
#bread span { padding:0 0.5em; }

/*　ページタイトル画像	*/
.title-banner {
	margin-top: 5px;
}

#contents {
}

#contents .main {
	float: left;
	width: 730px;
	position: relative;
	margin-top: 20px;
}

#contents #sidemenu {
	float: right;
	width: 190px;
	position: relative;
	margin-top: 20px;
	font-size: 90%;
}

.img-right {
	float: right;
	margin-bottom: 15px;
	margin-left: 25px;
	margin-top: 8px;
	position: relative;
}

.img-right120 {
	float: right;
	margin-bottom: 15px;
	margin-left: 25px;
	margin-top: 8px;
	position: relative;
	width: 120px;
}
.img-right200 {
	float: right;
	margin-bottom: 15px;
	margin-left: 25px;
	margin-top: 8px;
	position: relative;
	width: 200px;
}

.img-right280 {
	float: right;
	margin-bottom: 15px;
	margin-left: 25px;
	margin-top: 8px;
	position: relative;
	width: 280px;
}
.img-right355 {
	float: right;
	margin-bottom: 15px;
	margin-left: 25px;
	margin-top: 8px;
	position: relative;
	width: 355px;
}

.img-left {
	float: left;
	margin-bottom: 15px;
	margin-right: 25px;
	margin-top: 8px;
	position: relative;
}

.img-left280 {
	float: left;
	margin-bottom: 15px;
	margin-right: 25px;
	margin-top: 8px;
	position: relative;
	width: 280px;
}

.float-right {
	float: right;
	position: relative;
}

.float-left {
	float: left;
	position: relative;
}

/*　ボタン	*/
.btn-s {
	margin: 30px 0 0;
}
.btn-s a {
	display: block;
	padding: 8px 0 5px;
	font-size: 90%;
	color: #333;
	text-align: center;
	text-decoration: none;
/*	border-radius: 10px;*/
	background-color: #FFC937;
/*	width: 50%;*/
}

.btn-s50 a {
	width: 50%;
}

.btn-s a:hover,.btn-s a:active {
	background-color: #F9BB10;
}




/*　サイドメニュ	*/

#sidemenu {
	margin-bottom: 130px;
	font-size: 90%;
}

#sidemenu a:link { color: #444; text-decoration: none; }
#sidemenu a:visited { color: #444; }
#sidemenu a:hover { color: #F60; text-decoration: underline; }




.accordion_head {
	cursor:pointer;
	width: 170px;
	background-image: url(../image/bg-submenu.png);
	background-repeat: no-repeat;
	line-height: 1;
	height: 18px;
	padding-left: 20px;
	padding-top: 7px;
	margin-bottom: 5px;
	}
.accordion_head:hover {
	background-position: 0px -25px;
	color: #FFF;
}

.accordion_head_active {
	cursor: pointer;
	width: 170px;
	background-image: url(../image/bg-submenu-a.png);
	background-repeat: no-repeat;
	line-height: 1;
	height: 18px;
	padding-left: 20px;
	padding-top: 7px;
	margin-bottom: 5px;
	color: #FFF;
	}


.accordion_head_active2 {
	width: 165px;
	background-image: url(../image/bg-submenu2.png);
	background-position: 0px -60px;
	background-repeat: no-repeat;
	line-height: 1.4;
	/*	height: 18px;*/
	padding-left: 20px;
	padding-right: 5px;
	padding-top: 5px;
	padding-bottom: 5px;
	margin-bottom: 5px;
	color: #FFF;
	}


#sidemenu li a {
	width: 170px;
	display: block;
	background-image: url(../image/bg-ssubmenu.png);
	background-repeat: no-repeat;
	line-height: 1.4em;
	padding: 4px 0px 6px 20px;
	margin-bottom: 5px;
	border-bottom: 1px dotted #CCC;
	background-position: 8px 8px;
}

#sidemenu li.suuji {
	width: 170px;
	display: block;
	background-image: url(../image/bg-ssubmenu.png);
	background-repeat: no-repeat;
	line-height: 1.4em;
	padding: 4px 0px 6px 20px;
	margin-bottom: 5px;
	border-bottom: 1px dotted #CCC;
	background-position: 8px 8px;
}

#sidemenu li.sub a {
	width: 155px;
	margin-left:15px;
}

#sidemenu li.link a {
	cursor:pointer;
	width: 170px;
	background-image: url(../image/bg-submenu.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	line-height: 1;
	height: 18px;
	padding: 7px 0px 0px 20px;
	border-bottom: none;
	margin-bottom: 5px;
}
#sidemenu li.link a:hover {
	background-position: 0px 0px;
	color: #444;
}



#sidemenu li a:hover { background-position: 7px -60px; }
#sidemenu li.noborder a  { border-bottom-width: 0px; }

#sidemenu.current01 .sm01 a, #sidemenu.current02 .sm02 a, #sidemenu.current03 .sm03 a, #sidemenu.current04 .sm04 a, #sidemenu.current05 .sm05 a, #sidemenu.current06 .sm06 a, #sidemenu.current07 .sm07 a, #sidemenu.current08 .sm08 a, #sidemenu.current09 .sm09 a, #sidemenu.current10 .sm10 a { background-position: 7px -60px; }
#sidemenu.current11 .sm11 a, #sidemenu.current12 .sm12 a, #sidemenu.current13 .sm13 a, #sidemenu.current14 .sm14 a, #sidemenu.current15 .sm15 a, #sidemenu.current16 .sm16 a, #sidemenu.current17 .sm17 a, #sidemenu.current18 .sm18 a, #sidemenu.current19 .sm19 a, #sidemenu.current20 .sm20 a { background-position: 7px -60px; }
#sidemenu.current21 .sm21 a, #sidemenu.current22 .sm22 a, #sidemenu.current23 .sm23 a, #sidemenu.current24 .sm24 a, #sidemenu.current25 .sm25 a, #sidemenu.current26 .sm26 a, #sidemenu.current27 .sm27 a, #sidemenu.current28 .sm28 a, #sidemenu.current29 .sm29 a, #sidemenu.current30 .sm30 a { background-position: 7px -60px; }
#sidemenu.current31 .sm31 a, #sidemenu.current32 .sm32 a, #sidemenu.current33 .sm33 a, #sidemenu.current34 .sm34 a, #sidemenu.current35 .sm35 a, #sidemenu.current36 .sm36 a, #sidemenu.current37 .sm37 a, #sidemenu.current38 .sm38 a, #sidemenu.current39 .sm39 a, #sidemenu.current40 .sm40 a { background-position: 7px -60px; }
#sidemenu.current41 .sm41 a, #sidemenu.current42 .sm42 a, #sidemenu.current43 .sm43 a, #sidemenu.current44 .sm44 a, #sidemenu.current45 .sm45 a, #sidemenu.current46 .sm46 a, #sidemenu.current47 .sm47 a, #sidemenu.current48 .sm48 a { background-position: 7px -60px; }
#sidemenu.current51 .sm51 a, #sidemenu.current52 .sm52 a, #sidemenu.current53 .sm53 a, #sidemenu.current54 .sm54 a, #sidemenu.current55 .sm55 a, #sidemenu.current56 .sm56 a, #sidemenu.current57 .sm57 a, #sidemenu.current58 .sm58 a { background-position: 7px -60px; }
#sidemenu.current61 .sm61 a, #sidemenu.current62 .sm62 a, #sidemenu.current63 .sm63 a, #sidemenu.current64 .sm64 a, #sidemenu.current65 .sm65 a, #sidemenu.current66 .sm66 a, #sidemenu.current67 .sm67 a, #sidemenu.current68 .sm68 a { background-position: 7px -60px; }
#sidemenu.current71 .sm71 a, #sidemenu.current72 .sm72 a, #sidemenu.current73 .sm73 a, #sidemenu.current74 .sm74 a, #sidemenu.current75 .sm75 a, #sidemenu.current66 .sm76 a, #sidemenu.current77 .sm77 a, #sidemenu.current78 .sm78 a { background-position: 7px -60px; }


#sidemenu .active a { background-position: 7px -60px; }


/* ---------------------------------------------------------------- *
	フッタ部分
 * ---------------------------------------------------------------- */

.pagetop { margin-top: 20px; text-align: right; padding-bottom: 6px; }

#footer {
	background-image: url(../image/footer-bg.png);
	background-repeat: repeat-x;
	font-size: 85%;
	line-height: 1.4;
	color: #FFF;
	padding: 13px 10px 1px 10px;
	background-color: #2B2B2B;
}
#footer .footer-logo {
	background-image: url(../image/footer-logo.png);
	background-repeat: no-repeat;
	background-position: right bottom;
}
#footer a:link { color: #fff; text-decoration: none; }
#footer a:visited { color: #fff; text-decoration: none; }
#footer a:hover {
	color: #6DC4ED;
	text-decoration: none;
}

#footer .menu { margin-bottom: 3px; }
#footer .menu li { display: inline;}
#footer .menu li a { margin-right: 15px; }
#footer .copy { font-size: 10px; }

/* ---------------------------------------------------------------- *
	コンテンツ　コラム設定
 * ---------------------------------------------------------------- */

.c2-l {
	width: 355px;
	float: left;
	position: relative;
}

.c2-r {
	width: 355px;
	float: right;
	position: relative;
}

.c3-l {
	width: 230px;
	float: left;
	margin-right: 20px;
	position: relative;
}

.c32-l {
	width: 480px;
	float: left;
	position: relative;
}

.c3-r {
	width: 230px;
	float: right;
	position: relative;
}

.c2-420l {
	width: 290px;
	float: left;
	position: relative;
}

.c2-420r {
	width: 420px;
	float: right;
	position: relative;
}

.c4-l {
	width: 168px;
	float: left;
	margin-right: 19px;
	position: relative;
}

.c4-r {
	width: 168px;
	float: right;
	position: relative;
}


.c-blue {
	position: relative;
	background-color: #D4E5FF;
	padding-top: 15px;
	padding-right: 15px;
	padding-bottom: 8px;
	padding-left: 15px;
}

.c2blue-l {
	font-size: 90%;
	width: 335px;
	float: left;
	margin-right: 20px;
	position: relative;
	background-color: #D4E5FF;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 10px;
}

.c2blue-r {
	font-size: 90%;
	width: 335px;
	float: right;
	position: relative;
	background-color: #D4E5FF;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 10px;
}

.c3blue-l {
	font-size: 90%;
	width: 210px;
	float: left;
	margin-right: 20px;
	position: relative;
	background-color: #D8F6FF;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 10px;
}

.c3blue-r {
	font-size: 90%;
	width: 210px;
	float: right;
	position: relative;
	background-color: #D8F6FF;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 10px;
}


/* ------ 広報誌「極・ぷれ極」 ------ */
.kouhou img,
.kouhou-bn img {
	max-width: 100%;
}
.c2-koho-l {
	width: 212px;
	float: left;
	position: relative;
}
.c2-koho-l img,
.c3-kohobn-l img,
.c3-kohobn-r img {
	border: 1px #dddddd solid;
}
.c2-koho-r {
	width: 480px;
	float: right;
	position: relative;
}

.c3-kohobn-l {
	width: 212px;
	float: left;
	margin-right: 47px;
	position: relative;
}
.c3-kohobn-r {
	width: 212px;
	float: right;
	position: relative;
}


.kouhou .title {
	color: #3360B0;
	font-size: 24px;
	margin: 5px 0 25px;
	padding-bottom: 10px;
	border-bottom: 1px #cccccc dotted;
	line-height: 1;
}
.kouhou .title .new {
	background-color: #cc0000;
	padding: 4px;
	font-size: 10px;
	color: #ffffff;
	font-weight: 700;
	border-radius: 3px;
	margin-left: 12px;
	position: absolute;
	top:10px;
}
.kouhou .video, .video {
	background-color: #3360B0;
	padding: 4px;
	font-size: 10px;
	color: #ffffff;
	font-weight: 700;
	border-radius: 3px;
	margin-right: 9px;
}
.kouhou .title .date {
	padding-top: 10px;
}
.kouhou .att {
  padding-left: 3.6em;
  text-indent: -3.6em;
}
.kouhou-bn .title {
	color: #3360B0;
	font-size: 18px;
	margin: 10px 0 5px;

}


/* ------ ボタン ------ */
.koho-btn {
	margin: 15px 0 0;
	font-size: 13px;
	text-align: center;
	border: 1px solid #3360B0;
}

.koho-btn a {
	display: block;
	color: #16548C;
	background-color: #ffffff;
	padding: 4px;
	background-image: url(../kouhou/image/btn_arrow.png);
	background-position:right 10px center;
	background-size: auto 11px;
	background-repeat:no-repeat;
}
.koho-btn a:hover {
	background-color: #3360B0;
	color: #ffffff;
	text-decoration: none;
	background-image: url(../kouhou/image/btn_arrow-a.png);
}
.koho-btn.c2-l {
	width: 47%;
	float: left;
	position: relative;
}

.koho-btn.c2-r {
	width: 47%;
	float: right;
	position: relative;
}

.kouhou-bn .koho-btn {
	margin: 12px 0 0;
	font-size: 12px;
}



.index-list3 {
	background-image: url(../image/index-list-bg3.png);
	background-repeat: no-repeat;
	background-position: center bottom;
	overflow: auto;
}

.index-list32 {
	background-image: url(../image/index-list-bg32.png);
	background-repeat: no-repeat;
	background-position: center bottom;
	overflow: auto;
}

.index-list4 {
	background-image: url(../image/index-list-bg4.png);
	background-repeat: no-repeat;
	background-position: center bottom;
	overflow: auto;
}

.index-list4 p, .index-list3 p, .index-list32 p {
	padding: 5px 0px 8px 0px;
	margin: 0px 7px 0px 8px;
	font-size: 85%;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #999;
}

.index-list3 h5, .index-list4 h5, .index-list32 h5 {
	background-image: url(../image/bg-h5-indexlist.png);
	background-repeat: no-repeat;
	color: #FFF;
	border-style: none;
	margin: 0px;

	font-size: 95%;
	font-weight: bold;
	padding-left: 7px;
	line-height: 1.4;
	padding-top: 5px;
	padding-bottom: 4px;
}

.index-list3 ul, .index-list4 ul, .index-list32 ul {
	padding: 14px 5px 5px 5px;
}

.index-list3 .c3-l, .index-list32 .c3-l  {
	width: 228px;
	float: left;
	margin-right: 20px;
	position: relative;
	background-color: #FBFBFB;
	margin-bottom: 1px;
	border-width: 1px 1px 0 1px;
	border-style: solid;
	border-color: #E0E0E0;
}

.index-list3 .c3-r, .index-list32 .c3-r  {
	width: 228px;
	float: right;
	position: relative;
	background-color: #FBFBFB;
	margin-bottom: 1px;
	border-width: 1px 1px 0 1px;
	border-style: solid;
	border-color: #E0E0E0;
}

.index-list4 .c4-l {
	width: 166px;
	float: left;
	margin-right: 19px;
	position: relative;
	background-color: #FBFBFB;
	margin-bottom: 1px;
	border-width: 1px 1px 0 1px;
	border-style: solid;
	border-color: #E0E0E0;
}

.index-list4 .c4-r {
	width: 167px;
	float: right;
	position: relative;
	background-color: #FBFBFB;
	margin-bottom: 1px;
	border-width: 1px 1px 0 1px;
	border-style: solid;
	border-color: #E0E0E0;
}

li.suuji {
	display: block;
	background-image: url(../image/bg-ssubmenu.png);
	background-repeat: no-repeat;
	line-height: 1.4em;
	padding-left: 14px;
	padding-top: 4px;
	padding-bottom: 6px;
	margin-bottom:3px;
	background-position: 4px 8px;
	font-size: 90%;
}


.index-list3 li a, .index-list32 li a, .index-list4 li a {
	display: block;
	background-image: url(../image/bg-ssubmenu.png);
	background-repeat: no-repeat;
	line-height: 1.4em;
	padding-left: 14px;
	padding-top: 4px;
	padding-bottom: 6px;
	margin-bottom:3px;
	background-position: 4px 8px;
	font-size: 90%;
}
.index-list3 li a:hover, .index-list32 li a:hover, .index-list4 li a:hover { background-position: 4px -61px; }

.index-list3 li.second a {
	padding-left: 30px;
	background-position: 20px 8px;
}


.index-list-1c li a {
	background-image: url(../image/bg-ssubmenu.png);
	background-repeat: no-repeat;
	line-height: 2em;
	padding-left: 18px;
	padding-top: 4px;
	padding-bottom: 6px;
	background-position: 4px 7px;
}

.index-list-1c li a:hover { background-position: 4px -61px; }


.waku {
	border: 1px solid #0093D3;
	padding: 22px 19px 13px 19px;
}

.waku-blue {
	border: 1px solid #0093D3;
	padding: 22px 19px 13px 19px;
	background-color: #EDF6FF;
}

.waku-gray {
	border: 1px solid #bbb;
	padding: 20px 20px 20px 20px;
}

.pdf-icon img {
	margin-right: 10px;
	vertical-align: text-bottom;
}

.pdf-waku {
	border: 1px solid #CCC;
	font-size: 80%;
	padding-top: 15px;
	padding-right: 15px;
	padding-bottom: 5px;
	padding-left: 15px;
	background-color: #efefef;
	margin: 20px 0;
}

.underline {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #999999;
	margin-bottom: 5px;
	padding-bottom: 5px;
}

.underline-dot {
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #999999;
	margin-bottom: 10px;
	padding-bottom: 5px;
}

.button-back {
	text-align: right;
	margin-top: 15px;
}



/*　数字で見る極地研コラム設定 2016/03/19追加	*/
/* float clear
------------------------------------------------- */
.clearfix:after {
  content: ".";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
}
.clearfix {
  min-height: 1px;
}
* html .clearfix {
  height: 1px;
  /*\*//*/
  height: auto;
  overflow: hidden;
  /**/
}

.suuji {
	padding-bottom:30px;
	margin-bottom:35px;
	border-bottom:#999 1px dotted;
}
.suuji-c2l {
	width: 240px;
	float: left;
	position: relative;
}
.suuji-c2r {
	width: 460px;
	float: right;
	position: relative;
}
.suuji-c4l {
	width: 160px;
	float: left;
	position: relative;
	margin-right:30px;
}
.suuji-c4r {
	width: 160px;
	float: right;
	position: relative;
}
.suuji h5 {
	color: #23488D;
	margin: 0;
	font-size: 110%;
	font-weight:normal;
}
.suuji .large {
	font-size:180%;
}
.suuji .waku {
	border:#999 1px solid;
	padding:10px 0;
	text-align:center;
}
.suuji-cl {
	width: 350px;
	float: left;
	position: relative;
}

.suuji-cr {
	width: 350px;
	float: right;
	position: relative;
}


.suuji-menu.top { padding-bottom:30px; margin-bottom:30px; border-bottom:#999 1px dotted; }
.suuji-menu.bottom {	margin-top:30px; }
.suuji-menu li {
	float:left;
	margin-right:12px;
	font-size:90%;
}
.suuji-menu li a {
	line-height:1;
	display: block;
	color: #333;
	background-color: #E9E9E9;
	padding: 10px 15px;
	border-radius: 8px;
}
.suuji-menu li.current a {
	background-color: #3769C2;
	color:#fff;
	font-weight:bold;
}.suuji-menu li a:hover {
	background-color: #3769C2;
	color: #fff;
	font-weight:bold;
	text-decoration: none;
}







video::-internal-media-controls-download-button {
    display:none;
}

video::-webkit-media-controls-enclosure {
    overflow:hidden;
}

video::-webkit-media-controls-panel {
    width: calc(100% + 30px); /* Adjust as needed */
}