@charset "utf-8";

/* CSS Document */
.pc{display:block !important;}
.pc2{display:inline !important;}
.sp, .sp2{display:none !important;}

/*clr
-------------------------------------------------------------------------------------*/
*{margin:0; padding:0;}
* {-webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; -o-box-sizing:border-box;box-sizing:border-box;}

.clearfix:after{
content:"";
clear:both;
display:block;
height:0;
}
.clearfix { display: block; }

body{
margin:0px;
padding:0px;
color:#111;
font-size: 0.84em;
line-height:1.5;
text-align: center;
font-family: "Helvetica Neue" , Helvetica , Arial , 'ヒラギノ角ゴ ProN W3', 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, Osaka, 'ＭＳ Ｐゴシック', sans-serif;
min-width:960px;
}

h1, h2, h3, h4, h5, h6 {font-size:100%;font-weight:normal;}
sub, sup {vertical-align: baseline;}
sup{font-size:75%;position:relative;top:-4px;}
sub{font-size:75%;position:relative;top:4px;} 
br {letter-spacing: 0;}

ul{margin:0px;padding:0px;list-style:none;}
li {margin:0px;padding:0px;list-style:none;}
dt:first-child{margin-top:0px;}

a:link {color:#0000ff; text-decoration:none;}
a:hover {color:#800080; text-decoration:none;}
a:visited {color:#0000ff; text-decoration:none;}
a:active {color:#0000ff; text-decoration:none;}

img {margin:0px;padding:0px;display:inline; vertical-align:top;}
a img {margin:0px;padding:0px;border: none;} 
a:hover img.over{opacity:0.8;filter:alpha(opacity=80);-ms-filter: "alpha( opacity=80 )";}

.textTaguchiRed{color:#e10012;}
.textRed{color:#ff0000;}
.textRed2{color:#990000;}
.textBold{font-weight:bold;}
.textBig{font-size:125%;}
.textSmall{font-size:75%;}
.textBlack{ color:#000;}
.textWhite{ color:#fff;}
.fontL, .alignL{ text-align:left;}
.fontR, .alignR{ text-align:right;}
.fontC, .alignC{ text-align:center;}
.bgGray{ background-color:#58585a;}
.bgGray2{ background-color:#ccc;}

/* padding&margin */
.mgT5{ margin-top:5px;}
.mgT10{ margin-top:10px;}
.mgT20{ margin-top:20px;}
.mgT30{ margin-top:30px;}
.mgT40{ margin-top:40px;}
.mgT50{ margin-top:50px;}
.mgT60{ margin-top:60px;}
.mgT70{ margin-top:70px;}
.mgT80{ margin-top:80px;}
.mgT90{ margin-top:90px;}
.mgT100{ margin-top:100px;}

.mgR5{ margin-right:5px;}
.mgR10{ margin-right:10px;}
.mgR20{ margin-right:20px;}
.mgR30{ margin-right:30px;}
.mgR40{ margin-right:40px;}
.mgR50{ margin-right:50px;}
.mgR60{ margin-right:60px;}
.mgR70{ margin-right:70px;}
.mgR80{ margin-right:80px;}
.mgR90{ margin-right:90px;}
.mgR100{ margin-right:100px;}

.mgB5{ margin-bottom:5px;}
.mgB10{ margin-bottom:10px;}
.mgB20{ margin-bottom:20px;}
.mgB30{ margin-bottom:30px;}
.mgB40{ margin-bottom:40px;}
.mgB50{ margin-bottom:50px;}
.mgB60{ margin-bottom:60px;}
.mgB70{ margin-bottom:70px;}
.mgB80{ margin-bottom:80px;}
.mgB90{ margin-bottom:90px;}
.mgB100{ margin-bottom:100px;}

.mgL5{ margin-left:5px;}
.mgL10{ margin-left:10px;}
.mgL20{ margin-left:20px;}
.mgL30{ margin-left:30px;}
.mgl40{ margin-left:40px;}
.mgL50{ margin-left:50px;}
.mgL60{ margin-left:60px;}
.mgL70{ margin-left:70px;}
.mgL80{ margin-left:80px;}
.mgL90{ margin-left:90px;}
.mgL100{ margin-left:100px;}


.pdT5px{ padding-top:5px;}
.pdT10px{ padding-top:10px;}
.pdT20px{ padding-top:20px;}
.pdT30px{ padding-top:30px;}
.pdT40px{ padding-top:40px;}
.pdT50px{ padding-top:50px;}
.pdT60px{ padding-top:60px;}
.pdT70px{ padding-top:70px;}
.pdT80px{ padding-top:80px;}
.pdT90px{ padding-top:90px;}
.pdT100px{ padding-top:100px;}

.pdR5{ padding-right:5px;}
.pdR10{ padding-right:10px;}
.pdR20{ padding-right:20px;}
.pdR30{ padding-right:30px;}
.pdR40{ padding-right:40px;}
.pdR50{ padding-right:50px;}
.pdR60{ padding-right:60px;}
.pdR70{ padding-right:70px;}
.pdR80{ padding-right:80px;}
.pdR90{ padding-right:90px;}
.pdR100{ padding-right:100px;}

.pdB5{ padding-bottom:5px;}
.pdB10{ padding-bottom:10px;}
.pdB20{ padding-bottom:20px;}
.pdB30{ padding-bottom:30px;}
.pdB40{ padding-bottom:40px;}
.pdB50{ padding-bottom:50px;}
.pdB60{ padding-bottom:60px;}
.pdB70{ padding-bottom:70px;}
.pdB80{ padding-bottom:80px;}
.pdB90{ padding-bottom:90px;}
.pdB100{ padding-bottom:100px;}

.pdL5{ padding-left:5px;}
.pdL10{ padding-left:10px;}
.pdL20{ padding-left:20px;}
.pdL30{ padding-left:30px;}
.pdL40{ padding-left:40px;}
.pdL50{ padding-left:50px;}
.pdL60{ padding-left:60px;}
.pdL70{ padding-left:70px;}
.pdL80{ padding-left:80px;}
.pdL90{ padding-left:90px;}
.pdL100{ padding-left:100px;}



/* all contents
--------------------------------------------------------------------------------------*/
#header{
	display:none;
}

#wrapper{
	width:100%;
	text-align:center;
	margin-top:20px;
}

#contents{
	width: 960px;
	margin: 0 auto;
	padding: 0;
}

div#rightslot {
	width: 750px;
	margin:0;
	padding:0px;
	float:right;
	text-align:left;
	background-color:#000;
}
.more{
	float:right;
	margin-top:10px;
}

section,
div.box{
	width: 100%;
	margin:0px 0px 10px 0px;
	padding:0px 0px 10px 0px;
	text-align:left;
	background-color:#fff;
	clear:both;
}
section a,
div.box a,
div#rightslot a{
	text-decoration:none;
	color:#0000ff;
}
section a:hover,
div.box a:hover,
div#rightslot a:hover{
	text-decoration:underline;
	color:#800080;
}

ul.lists{
	display:block;
	text-align:left;
}
.lists li{
	display:block;
	margin:0 0 5px 5px;
	padding:0;
	text-align:left;
}
.lists li span.ctgr{
background-color:#ea7575 !important;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
margin-right:10px;
display:inline;
color:#fff;
padding:2px 10px;
}
.lists li.birth{ background:url(../img/research/img01.png) no-repeat; padding-left:80px;padding-bottom:15px;}
.lists li.maturity{ background:url(../img/research/img01b.png) no-repeat; padding-left:80px;padding-bottom:15px;}
.lists li.immature{ background:url(../img/research/img01c.png) no-repeat; padding-left:80px;padding-bottom:15px;}
.lists li.cohesion{ background:url(../img/research/img01d.png) no-repeat; padding-left:80px;padding-bottom:15px;}
.lists li.resokution{ background:url(../img/research/img01e.png) no-repeat; padding-left:80px;padding-bottom:15px;}

ul.listInline{
	display:inline;
}
.listInline li{
	display:inline;
	margin:0 0 0 5px;
	padding:0;
}


/* footer */	
#footerWrap{
	width:100%;
	margin:0px;
	padding:10px 0;
	clear: both;
	background-color:#000;
	color:#c4c5c6;
}
#footerWrap a{ color:#fff;}
#footerWrap ul#footerMenu {
	/*width: 960px;*/
	margin:1em auto 1em auto;
	clear: both;
	text-align:center;
}

#footerWrap #footerMenu li{
	padding:0 1.5em;
	display:inline;
	border-right:1px solid #fff;
	color:#fff;
	font-size:110%;
	font-weight:800;
}
#footerWrap #footerMenu li.last{
	border-right:none;
}
#footerWrap #footerMenu li a{
	color:#c4c5c6;
	font-weight:normal;
	font-size:80%;
	text-decoration:none;
}

#footer{
	width:100%;
	margin:0px auto 0px auto;
	padding: 10px 0px 10px 0px;
	border-top:1px solid #fff;
}

#footerWrap #footer #copy {
	width: 960px;
	margin:1em auto 1em auto;
	clear: both;
	text-align:left;
}
#footerWrap #footer #copy p{ 
}

/* footer */	
#copyright{
	width:100%;
	margin:0px;
	padding:5px 0;
	clear: both;
	font-size:10px;
}
#copyright p.cp {
    /* width: 960px; */
    margin: 0px auto 0px auto;
    padding: 0.5em 0;
    text-align: right;
    color: #fff;
}

#breadcrumb{
	margin: 10px 0px 30px 20px;
	padding:0;
	text-align:left;
	clear:both;
}

#bread{
	margin: 0px 0px 10px 0px;
	padding: 0px;
	text-align:left;
	font-size:11px;
}
#bread li{
	width:auto;
	margin:0px;
	padding:0px 0px 0px 6px;
	text-align:left;
	display:inline;
}
#bread li a{
	width: auto;
	margin: 0;
	padding: 0px 14px 0px 0px;
	background: url(../img/common/bread.png) no-repeat right 3px;
	text-align: left;
	color:#90140a;
	text-decoration:underline;
	font-weight:bold;
}


/* index
--------------------------------------------------------------------------------------*/

div#index {
	width: 730px;
	margin:10px;
	padding: 0;
	text-align:left;
}

#index h2{
	font-size:20px;
	font-weight:700;
	color:#000;
	margin-bottom:10px;
}
#index h2.h2White{color:#fff;}


/* slideshow */
#index #slideshow{}
.bg_img{
	width: 580px;
	float:left;
}

#sloutline{
	width: 127px;
	margin:0 5px 0 0px;
	float:right;
	color:#fff;
}
#sloutline p{
}
#sloutline #keys{
	text-align:center;
	margin-top:10px;
	margin-bottom:10px;
padding:5px 6px;
background-color:#fefefe;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
color:#000;
	font-size:11px;
}
#sloutline #keys #ttlKey{
	font-weight:bolder;
	font-size:13px;
}

.bx-wrapper {
	position: relative;
	margin-bottom: 10px;
	padding: 0;
	*zoom: 1;
	-ms-touch-action: pan-y;
	touch-action: pan-y;
}
.bx-wrapper img {
	max-width: 100%;
	display: block;
}
.bxslider {
	margin: 0;
	padding: 0;
}
ul.bxslider {
	list-style: none;
}
.bx-viewport {
	-webkit-transform: translatez(0);
}
.bx-wrapper {}
.bx-wrapper .bx-pager{
	width: 100%;
	position: absolute;
	bottom: 10px;
}
.bx-wrapper .bx-controls-auto {
	width: 100%;
	position: absolute;
	bottom: -30px;
}

.bx-wrapper .bx-loading {
	width: 100%;
	height: 100%;
	min-height: 50px;
	background: url('../img/common/bx_loader.gif') center center no-repeat #ffffff;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2000;
}

.bx-wrapper .bx-pager {
	text-align: center;
	font-size: .85em;
	font-family: Arial;
	font-weight: bold;
	color: #fff;
	opacity:0.80; filter:alpha(opacity=80); -ms-filter: "alpha( opacity=80 )";
	padding-top: 20px;
}
.bx-wrapper .bx-pager.bx-default-pager a {
	width: 10px;
	height: 10px;
	margin: 0 5px;
	background: #fff;
	text-indent: -9999px;
	display: block;
	outline: 0;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}
.bx-wrapper .bx-pager.bx-default-pager a:hover, .bx-wrapper .bx-pager.bx-default-pager a.active, .bx-wrapper .bx-pager.bx-default-pager a:focus { background: #e10012;}
.bx-wrapper .bx-pager-item, .bx-wrapper .bx-controls-auto .bx-controls-auto-item { display: inline-block; vertical-align: bottom; *zoom: 1; *display: inline;}
.bx-wrapper .bx-pager-item {
	font-size: 0;
	line-height: 0;
}

.bx-wrapper .bx-prev {
	left: 10px;
	background: url('../img/common/controls.png') no-repeat 0 -32px;
}
.bx-wrapper .bx-prev:hover, .bx-wrapper .bx-prev:focus { background-position: 0 0;}

.bx-wrapper .bx-next {
	right: 10px;
	background: url('../img/common/controls.png') no-repeat -43px -32px;
}
.bx-wrapper .bx-next:hover, .bx-wrapper .bx-next:focus {background-position: -43px 0;}
.bx-wrapper .bx-controls-direction a {
	width: 32px;
	height: 32px;
	position: absolute;
	top: 50%;
	margin-top: -16px;
	outline: 0;
	text-indent: -9999px;
	z-index: 9999;
}
.bx-wrapper .bx-controls-direction a.disabled {
	display: none;
}
.bx-wrapper .bx-controls-auto {
	text-align: center;
}
.bx-wrapper .bx-controls-auto .bx-start {
	width: 10px;
	height: 11px;
	margin: 0 3px;
	display: block;
	text-indent: -9999px;
	outline: 0;
	background: url('../img/common/controls.png') -86px -11px no-repeat;
}
.bx-wrapper .bx-controls-auto .bx-start:hover, .bx-wrapper .bx-controls-auto .bx-start.active, .bx-wrapper .bx-controls-auto .bx-start:focus {background-position: -86px 0;}
.bx-wrapper .bx-controls-auto .bx-stop {
	width: 9px;
	height: 11px;
	margin: 0 3px;
	display: block;
	text-indent: -9999px;
	outline: 0;
	background: url('../img/common/controls.png') -86px -44px no-repeat;
}
.bx-wrapper .bx-controls-auto .bx-stop:hover, .bx-wrapper .bx-controls-auto .bx-stop.active, .bx-wrapper .bx-controls-auto .bx-stop:focus { background-position: -86px -33px;}
.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager { text-align: left; width: 80%;}
.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto {right: 0;width: 35px;}

.bx-wrapper .bx-caption {
	width: 100%;
	position: absolute;
	bottom: 0;
	left: 0;
	background: #fff;
	background: rgba(255, 255, 255, 0.7);
}
.bx-wrapper .bx-caption span {
	color: #fff;
	font-family: Arial;
	display: block;
	font-size: .85em;
	padding: 10px;
}
/* slodeshow ended */


#whatsnew {
	width:730px;
	margin: 0px 0px 5px 0px;
	padding: 0px;
	float: left;
}

#whatsnew #whatsnewL{
	width: 150px;
	height: 140px;
	float: left;
}

/* 20170501 */
#whatsnew #whatsnewL div#div{
	/*margin:58px 0 0 0px;*/
	margin:43px 0 0 0px;
	font-weight:bold;
	font-size:20px;
	text-align:center;
}

#whatsnew #whatsnewL #div .mores{
	text-align:center;
}

#whatsnew #whatsnewR{
	width: 570px;
	height: 130px;
	margin:10px 0px 0px 0px;
	overflow-y: auto;
	float: right;
}

#whatsnew #whatsnewR::-webkit-scrollbar {
  background:#eee;
  width:10px;
}
#whatsnew #whatsnewR::-webkit-scrollbar-thumb {
  background:#ccc;
}

/* 20170501 ended */

#whatsnew ul.news{
}
#whatsnew .news li{
	padding:2px 0px 3px 0px;

}
#whatsnew .news li span.days{width:140px;}
#whatsnew .news li span.tx{width:auto}


/*packery*/
#pcg {width:740px;margin: 0 5px;padding:0 0px; text-align:center;}

.packery {
	width:100%;
	max-width:740px;
	margin:0 auto 0px auto;
	padding:0;
	background:#000;
	text-align:center;
}

.item {
	width:148px;
	height:235px;
	margin:0;
	padding:0;
	float:left;
	background:#fff;
	border-top:5px solid #000;
	border-right:5px solid #000;
	border-left:5px solid #000;
	border-bottom:5px solid #000;
	text-align:center;
	position: relative;
}

.item:hover {
	border-color:#000;
	background-color:#ccc;
	/*cursor:move;*/
}

.item.w292 {width:295px;}
.item.w438 {width:444px;}

.item.bgK{ background-color:#000; color:#fff;}
.item.bgB{ background-color:#245cb9; color:#fff;} .item.bgB:hover{ background-color:#8bb5fa;}
.item.bgY{ background-color:#ecc820; color:#fff;} .item.bgY:hover{ background-color:#ffed99;}
.item.bgR{ background-color:#e10012; color:#fff;} .item.bgR:hover{ background-color:#FFD1D1;}

.item.is-dragging,
.item.is-positioning-post-drag {
	border-color:#000;
	background:#fff;
	z-index:2;
}
/*
.button {padding:20px; margin:0 0 20px 0; cursor:pointer; border-radius:20px; border:1px solid #ccc;}
.button:hover{background:#555; color:#fff;}
*/
.item .topics{
	width:88%;
	margin: 6%;
	display:block;
	text-align:left;
}
.item .topics li{
	display:block;
}
.item .topics li.tpxDate{ text-align:right;}
.item .topics li.tpxDate img{padding-left:5px;padding-bottom:5px;}
.item .topics li.tpxTtl{ font-size:12px; font-weight:700; margin-bottom:6px;}
.item .topics li.tpxTxt{ font-size:10px;}
.item .topics li.tpxImg{
	text-align:center;
	padding:0px 0 5px 0;
}
.item .topics li.tpxMore{
	position:absolute;
	bottom:0;
	right:5px;
}


/* second page
--------------------------------------------------------------------------------------*/
div#rightslot1{
	width: 730px;
	min-height:1100px;
	margin:5px 0px 10px 10px;
	padding:0;
	float:left;
	text-align:left;
	background-color:#fff;
}
#rightslot1 #article{
	width: 680px;
	margin:0px 0px 0 25px;
	padding: 0;
	text-align:left;
	float:left;
}

div#rightslot2{
/*
width: 160px;
margin:0 0px 0 0;
*/
	width: 155px;
	margin:0 0px 5px 0;
	padding:0;
	float:right;
	text-align:left;
}

#rightslot2 .item2nd {
	width:150px;
	margin:5px 0 0px 0;
	padding:0;
	float:left;
	background:#fff;
	text-align:center;
}

#rightslot2 .item2nd.bgK{ background-color:#000; color:#fff;}
#rightslot2 .item2nd.bgB{ background-color:#245cb9; color:#fff;}
#rightslot2 .item2nd.bgY{ background-color:#ecc820; color:#fff;}
#rightslot2 .item2nd.bgR{ background-color:#e10012; color:#fff;}

#rightslot2 .item2nd .topics{
	width:90%;
	margin: 5%;
	display:block;
	text-align:left;
}
#rightslot2 .item2nd .topics li{
	font-size:12px;
}
#rightslot2 .item2nd .topics li.tpxDate{ text-align:right;}
#rightslot2 .item2nd .topics li.tpxDate img{padding-left:5px;padding-bottom:5px;}
#rightslot2 .item2nd .topics li.tpxTtl{ font-weight:700; margin-bottom:6px;}
#rightslot2 .item2nd .topics li.tpxTxt{ font-size:10px;}
#rightslot2 .item2nd .topics li.tpxImg{text-align:center; padding:0px 0 5px 0;}
#rightslot2 .item2nd .topics li.tpxMore{float:right; margin:2px;}


/*research*/
div#research {
	width: 750px;
	margin:0;
	padding: 0;
	text-align:left;
}
#research h2{
	width:auto;
	text-align:left;
	padding:15px 10px 8px 35px;
}
#research h3{
	width:auto;
	padding:10px;
	margin-bottom:20px;
	background-color:#e10012;
	text-align:left;
	font-size:20px;
	color:#fff;
}
#research h4{
	width:auto;
	margin-bottom:20px;
	padding:3px 10px;
	text-align:left;
	border-left:5px solid #e10012;
	border-bottom:1px solid #e10012;
	color:#e10012;
	font-size:17px;
	font-weight:700;
}

#research .ResearchGoal{
	width:100%;
	margin-bottom:20px;
	padding: 10px;
	text-align:left;
	background-color:#eaeaeb;
}
#research .ResearchGoal th {
	width: 8%;
	padding:10px;
	white-space:nowrap;
	vertical-align:middle;
	font-weight: 700;
	color:#000;
	font-size:14px;
	text-align:center;
	letter-spacing:0.5em;
}

#research .ResearchGoal td {
	padding:10px;
	border-left:1px solid #ccd;
	text-align: justify;
	text-justify: inter-ideograph;
}



/* ここからスマホ
--------------------------------------------------------------------------------------*/
/* 
--------------------------------------------------------------------------------------*/

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

ul.sub-menu {
        display: block!important;
}

html,body {-webkit-text-size-adjust: 100%;}
.sp{display:block !important;}
.sp2{display:inline !important;}
.pc, .pc2{display:none !important; backgroud:none;}

body{
width: 100%;
margin:0px;
padding:0px;
background:#fff;
overflow-x: hidden;
font-size-adjust:none;
-webkit-text-size-adjust: none;
-webkit-overflow-scrolling: touch;
font-size:100%;
min-width:initial;
}

img {
	width /***/:100%;　
	max-width: 640px !important;
	height:auto;
	vertical-align: top;
	-ms-interpolation-mode: bicubic; 
}
img.defaultSize{
	width :auto;　
	max-width:none !important;
}


/* all contents
--------------------------------------------------------------------------------------*/

#header{
	width:100%;
	display:inline;
	margin:0;
	padding:0;
}

#header h1{
	width:75%;
	float:left;
	margin:1% 0 0 1%;
	padding:0;
}
#header #headSpR{
	width:21%;
	float:right;
	margin:1% 2% 0 0;
}

#header #headSpR #fontSize{
	margin:1% 0 10px 0;
	padding: 0;
}

#header #headSpR #fontSize ul{
	margin-bottom:4%;
	overflow: hidden;
	float:left;
}
#header #headSpR #fontSize li{
	width:40px;
	height:40px;
	float: left;
	margin-right: 6px;
	cursor: pointer;
	border: 2px solid #e10012;
	color:#e10012;
	text-align: center;
	background-color: #fff;
	font-weight: 700;
}
#header #headSpR #fontSize li.current{
	color: #fff;
	background-color: #e10012;
}

#header #headSpR #fontSize li.s{ font-size:17px; padding-top:6px;}
#header #headSpR #fontSize li.m{ font-size:20px; padding-top:4px;}
#header #headSpR #fontSize li.l{ font-size:23px; padding-top:2px; margin-right:0 !important; margin-left:1px !important;}

#header #headSpR #languageSp{
	width:100%;
	float:right;
	margin:0;
	padding: 5px 0;
    color: #e10012;
	font-size:26px;
    font-weight: bold;
	text-align:center;
	background-color: #fff;
	border:2px solid #e10012;
}
#header #headSpR #languageSp a{color: #e10012;}

#wrapper{
	width: 100%;
	margin: 0 !important;
	padding: 0 !important;
	overflow: hidden;
}

#contents{
	width:100%;
	margin:0;
	padding: 0;
	float:none;
	background-color:#000;
}

#rightslot {
	width: 100% !important;
	margin:0;
	padding:0;
	float:none;
}

.more{
	margin-top:2%;
	margin-bottom:2%;
	float:right;
}

section,
div.box{
	width:100%;
	margin:0% 0 10% 0;
	padding:0%;
	float:none;
}

.lists li{
	display:block;
	margin:0 0 0 5px;
	padding:0;
	text-align:left;
}

.lists li.birth{ background:url(../imgSp/research/img01.png) no-repeat; padding-left:160px;min-height:40px;margin-bottom:25px;}
.lists li.maturity{ background:url(../imgSp/research/img01b.png) no-repeat; padding-left:160px;min-height:40px;margin-bottom:25px;}
.lists li.immature{ background:url(../imgSp/research/img01c.png) no-repeat; padding-left:160px;min-height:40px;margin-bottom:25px;}
.lists li.cohesion{ background:url(../imgSp/research/img01d.png) no-repeat; padding-left:160px;min-height:40px;margin-bottom:25px;}
.lists li.resokution{ background:url(../imgSp/research/img01e.png) no-repeat; padding-left:160px;min-height:40px;margin-bottom:25px;}



/* footer */	
#footerWrap{
/*clear: both;
width:100%;
margin:0px;
padding:10px 0;
background-color:#000;
color:#c4c5c6;*/
}
#footerWrap ul#footerMenu {
display:none;
/*
width: 100%;
margin:0px auto 0px auto;
clear: both;
text-align:center;
margin-top:1em;
margin-bottom:1em;
*/
}

#footerWrap #footerMenu li{
padding-left:0.5em;
padding-right:0.5em;
/*
display:inline;
padding-top:0;
border-right:1px solid #fff;
color:#fff;
font-weight:800;
font-size:110%;
padding-bottom:0;
*/
}

#footerWrap #footerMenu li.last{
/*border-right:none;*/
}

#footerWrap #footerMenu li a{
/*
color:#c4c5c6;
font-weight:normal;
font-size:80%;
text-decoration:none;
*/
}

#footer{
/*
margin:0px auto 0px auto;
padding: 10px 0px 10px 0px;
width:100%;
border-top:1px solid #fff;
*/
}

#footerWrap #footer #copy {
	width: 94%;
	margin:1% 3%;
	font-size:15px;
	text-align:left;
/*
clear: both;
text-align:left;
margin-top:1em;
margin-bottom:1em;
*/
}
#footerWrap #footer #copy p{ 
}

#copyright{
	width:100%;
	margin:0px;
	padding:10px 0;
	clear: both;
}
#copyright p.cp {
	width: 94%;
	margin:0 3%;
	font-size:13px;
	text-align:left;
}

#breadcrumb{
	display:none;
}



/* index
--------------------------------------------------------------------------------------*/
div#index {
	width:100%;
	margin: 0;
	padding:0;
	float:none;
	background-image:none;
	background-color:#000;
}

#index h2{
	text-align:left;
}
#index h2.h2White{}

/* slideshow */
#index #slideshow{}
.bg_img{
	width: 100%;
}

#sloutline{
	width: 94%;
	margin:0 3%;
	padding:0;
	float:none;
}
#sloutline p{}

#whatsnew {
	width:94%;
	float:none;
	margin: 1% 3% 5% 3% !important;
	padding: 0 1% 2% 1%;
}
	
#whatsnew #whatsnewL{
	width:auto;
	height:auto;
	margin:1% 1% 0% 2%;
	padding:5px 0 0 0;
	border:none;
	float:none;
	text-align: left;
}

/* 20170501 */
#whatsnew #whatsnewL div#div{
	margin:0;
	float:left;
	width:100%;
	padding-top:1%;
}
#whatsnew #whatsnewL #div h2{
	float:left;
	padding-right:1%;
}

#whatsnew #whatsnewL #div .mores{
	width:120px;
	height:30px;
	float:left;
}

#whatsnew #whatsnewL p{padding:0;}
/* 20170501 end*/

#whatsnew #whatsnewR{
	width: 98% !important;
	margin:0 0 1% 2%;
	padding:0 0 5px 0;
	float:none;
	clear:both;
}

#whatsnew ul.news{
	padding:0;
}
#whatsnew .news li{
	padding:0;
}
#whatsnew .news li span.days{width:100%;}
#whatsnew .news li span.tx{
	width:auto;
	clear:both;
}


/*packery*/
#pcg {width:94%;margin: 0 3%;padding:0;}
.packery {
	width:100%;
	max-width:100%;
	margin:0 0 2% 0;
	padding:0 0 2% 0;
	float:none;
	background:#000;
}

.item {
	width:100% !important;
	height:auto !important;
	margin:1% 0;
	padding:0;
	display:block;
	border:none;
	background:#fff;
}
.item a{cursor:default;}
.item:hover {
cursor:default;
/*
border-color:#000;
cursor:move;
*/
}

.item.w292,
.item.w438{
	width:100%;
	height:auto !important;
}

.item .topics{
	width:94%;
	height:auto !important;
	margin:3%;
	padding: 0%;
	display:block;
}

.bgK{ /*background-color:#000; color:#fff;*/ display:none;}
.item.bgB{ background-color:#245cb9; color:#fff;}
.item.bgY{ background-color:#ecc820; color:#fff;}
.item.bgR{ background-color:#e10012; color:#fff;}

.item.is-dragging, .item.is-positioning-post-drag {
	border-color:#000;
	background:#fff;
	z-index:2;
}
.item .topics li{
	width:100%;
	height:auto;
	display:block;
	clear:both;
}
.item .topics li.tpxDate{ text-align:right;}
.item .topics li.tpxDate img{padding-left:5px; width:50px; float:right;}
.item .topics li.tpxTtl{ font-size:22px; /*font-size:12px; font-weight:700;*/ margin-bottom:6px;}
.item .topics li.tpxTxt{ font-size:16px;}
.item .topics li.tpxImg{
	text-align:center;
	padding:5px 0 5px 0 !important;
}
.item .topics li.tpxMore{
	margin-bottom:2%;
	position:relative;
	bottom:2%;
	right:2%;
	width:150px;
	float:right;
}



/* second page
--------------------------------------------------------------------------------------*/

div#rightslot1{
/*width: 73%;
margin:0 1% 0 1%;*/
	width: 94%;
	min-height:inherit;
	margin:1.5% 3%;
	padding:0;
	float:none;
	text-align:left;
	background-color:#fff;
}
#rightslot1 #article{
	width: 96%;
	margin:0;
	padding:4% 15px;
	text-align:left;
	float: none;
}

div#rightslot2{
	display:none;
}


/*research*/
div#research {
	width: 100%;
	margin:0;
	padding: 0;
	text-align:left;
}

#research h2{
	width:auto;
	margin:0 0 3% 0;
	padding: 5% 3% 1% 7%;
	text-align:left;
}
#research h3{
	width:auto;
	margin-bottom:20px;
	padding:10px 10px;
	background-color:#e10012;
	text-align:left;
	color:#fff;
	font-size:32px;
}
#research h4{
	width:auto;
	margin-bottom:20px;
	padding:3px 10px;
	border-left:8px solid #e10012;
	border-bottom:1px solid #e10012;
	text-align:left;
	color:#e10012;
	font-size:27px;
}

#research .ResearchGoal{
	width:100%;
	text-align:left;
	padding: 10px;
	margin-bottom:20px;
	background-color:#eaeaeb;
}
#research .ResearchGoal th {
	width: 8%;
	padding:10px;
	white-space:nowrap;
	vertical-align:middle;
	text-align:center;
	color:#000;
	font-size:24px;
	font-weight: 700;
	letter-spacing:0.5em;
}

#research .ResearchGoal td {
	padding:10px;
	border-left:1px solid #ccd;
	text-align: justify;
	text-justify: inter-ideograph;
	font-size:18px;
}
}

.alignright, img.alignright {
    display: inline;
    float: right;
    margin-left: 20px;
    margin-top: 4px;
margin-bottom:15px;
}
.alignleft,img.alignleft{display:inline;float:left;margin-right:20px;margin-top:4px;margin-bottom:15px;}

.aligncenter,img.aligncenter{clear:both;display:block;margin-left:auto;margin-right:auto;margin-bottom:15px;}


#leftslot #language {
	display: none;
}
.bogo-header {
    width: 160px;
    margin: 10px 0px 10px 20px;
    padding: 0px;
    outline: 0;
    float: left;
}
.bogo-header ul {
    display: flex;
    justify-content: space-between;
	flex-direction: row-reverse;
}
.bogo-header ul li {}
.bogo-header ul li a {
    width: 78px;
    background: #d7d8d8;
    display: block;
    border-radius: 500px;
    font-weight: bold;
    color: #848484;
}
.bogo-header ul li a:hover, .bogo-header ul li a.current {
    color: #e10012;
}