@charset "utf-8";

/* CSS Document */
/*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;}
.pc{display:block !important;}
.pc2{display:inline !important;}
.sp, .sp2{display:none !important;}

.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%;
	margin-top:20px;
	text-align:center;
	/* 20170502 */
	/*min-height:695px; */
    min-height:650px;
	/* 20170502 ended */
}

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

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

section,
div.box{
	width: 100%;
	margin:0px 0px 10px 0px;
	padding:0px 0px 10px 0px;
	text-align:left;
	clear:both;
}

ul.lists{
	display:block;
	text-align:left;
}
.lists li{
	margin:0 0 0 5px;
	padding:0;
	display:block;
	text-align:left;
}
.lists li.birth{ background:url(../img/research/img01.png) no-repeat; padding-left:80px;margin-bottom:15px;}
.lists li.maturity{ background:url(../img/research/img01b.png) no-repeat; padding-left:80px;margin-bottom:15px;}
.lists li.immature{ background:url(../img/research/img01c.png) no-repeat; padding-left:80px;margin-bottom:15px;}
.lists li.cohesion{ background:url(../img/research/img01d.png) no-repeat; padding-left:80px;margin-bottom:15px;}
.lists li.resokution{ background:url(../img/research/img01e.png) no-repeat; padding-left:80px;margin-bottom:15px;}

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


/* footer */
#footerWrapIndex{
	width:100%;
	margin: 0;
	padding: 10px 0 0px 0;
	background-color:#000;
	color:#c4c5c6;
	clear: both;
	position:fixed;
	bottom:0;
}	

#footerWrapIndex a{ color:#fff;}
#footerWrapIndex ul#footerMenu {
	width: 960px;
	margin:1em auto;
	text-align:center;
	clear: both;
}

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

#footerWrap a{ color:#fff;}
#footerWrap ul#footerMenu {
	width: 960px;
	margin:1em auto;
	text-align:center;
	clear: both;
}

#footerWrap #footerMenu li{
display:inline;
	padding:0 1.5em;
	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;
	text-decoration:none;
	font-size:80%;
	font-weight:normal;
}

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

#footerWrap #footer #copy {
	width: 960px;
	margin:1em auto;
	clear: both;
	text-align:left;
	font-size:90%;
}
#footerWrap #footer #copy p{ 
}
#copyright{
	width:100%;
	margin:0px;
	padding:5px 0;
	font-size:10px;
	color:#666;
	clear: both;
	background-color:#fff;
}
#copyright p.cp {
	width: 960px;
	margin:0px auto;
	padding:0.5em 0;
	text-align:right;
}

#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;
	display:inline;
	text-align:left;
}
#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: 720px;
	margin:10px;
	padding: 0;
	text-align:left;
}
#index .indexL a, #index .indexR a{
	color:#fff;
	text-decoration:underline;
	font-size:90%;
}
#index h2{
	margin:0px;
	padding: 10px 10px 10px;
	text-align:center;
	font-size:20px;
	font-weight:normal;
	color:#fff;
}

/* 20170501 */
#index div.indexL{
	width: 355px;
	margin: 0 0 10px 0;
	padding:0;
	float:left;
	/*
	background-color:#58585a;
	border:1px solid #fff;
	*/
	background-color:#fff;
}
#index div.indexR{
	width: 355px;
	margin:0 0 10px 0;
	padding:0;
	float:right;
	/*
	background-color:#58585a;
	border:1px solid #fff;
	*/
	background-color:#fff;
	
}
/* 20170501 ended */

#index .indexL table, #index .indexR table{
	width: 355px;
	margin:0;
	padding:0;
}
#index .indexL th, #index .indexR th{
	width:220px;
	margin:0;
	padding:0;
	text-align:left;
}
#index .indexL td, #index .indexR td{
	width:auto;
	margin:0;
	padding:0;
	text-align:center;
	font-size:16px;
	vertical-align:middle;
}



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


div#rightslot1{
	width: 730px;
	margin:5px 0px 10px 10px;
	padding:0;
	float:left;
	text-align:left;
	background-color:#fff;
	    min-height: 550px;
}

#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;
	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;
}
#rightslot1.min-height1100{min-height:1100px;}

#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;}

#rightslot2.min-height1100{min-height:1100px;}

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

#research h2{
	width:auto;
	padding:15px 10px 10px 35px;
	text-align:left;
}

#research h3{
	width:auto;
	margin-bottom:20px;
	padding:10px 10px;
	text-align:left;
	font-size:20px;
	color:#fff;
	background-color:#e10012;
}

#research h4{
	width:auto;
	margin-bottom:20px;
	padding:3px 10px;
	text-align:left;
	font-size:17px;
	color:#e10012;
	border-left:5px solid #e10012;
	border-bottom:1px solid #e10012;
	font-weight:700;
}

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

#research .ResearchGoal td {
padding:5px;
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{
	padding: 0;
	margin:1% 0 10px 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;}

#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;
min-height:inherit !important;
}

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

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

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

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

.lists li{
	margin:0 0 0 5px;
	padding:0;
	display:block;
	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 */
/*20170501 */
#footerWrapIndex,
#footerWrap{
/*clear: both;
width:100%;
margin:0px;
padding:10px 0;
background-color:#000;
color:#c4c5c6;*/
	position:relative;
}

#footerWrapIndex ul#footerMenu,
#footerWrap ul#footerMenu {
width: 100%;
display:none;
/*margin:0px auto 0px auto;
clear: both;
text-align:center;
margin-top:1em;
margin-bottom:1em;*/
}

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

*/
}
#footerWrapIndex #footerMenu li.last,
#footerWrap #footerMenu li.last{
/*border-right:none;*/
}
#footerWrapIndex #footerMenu li a,
#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;
*/
}

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


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

#breadcrumb{
	display:none;
}


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

div#index {
width: 96%;
margin: 0;
padding: 0 0 0 3%;
text-align:left;
font-size:1rem;
}
#index .indexL a, #index .indexR a{
}
#index h2{
	margin:0;
	padding: 2% 0 1% 0;
	text-align:center;
}

#index div.indexL,
#index div.indexR{
	width: 100%;
	float:none;
	margin:1% 0;
	padding:0;
	border:1px solid #fff;
}
#index .indexL table, #index .indexR table{
	width: 100%;
	padding:0;
	margin:0;
}
#index .indexL th, #index .indexR th{
	width:50%;
	margin:0;
	padding:0;
	text-align:left;
}
#index .indexL td, #index .indexR td{
	width:50%;
	vertical-align:middle !important;
	margin:0;
	padding:0;
	text-align:center;
}
#index .indexL td img, #index .indexR td img{
	width:auto;
}





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

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

div#rightslot2{
/*width: 25%;
margin:0;
padding:0;
float:right;
text-align:left;*/
display:none;
}

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

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

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

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


#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;
}