@charset "UTF-8";
/* CSS Document */
.researchMain           { background:url(../img/main.jpg) no-repeat; width: 710px; min-height: 330px; position: relative; }
.researchMain h2        { text-indent: -9999px; height: 0; margin: 0 !important; }
.researchMain .maintext { width: 370px; padding: 100px 0 0 35px; font-size: 90%; line-height: 1.8; margin-bottom: 0px !important; }

.tabs                { margin-top: 40px; margin-bottom: -1px; padding: 0 10px; }
.tabs li             { float: left !important; border: solid 1px #ccc; cursor: pointer; background: #e6e6e6; display: inline-block; line-height: 44px; margin-left: 0 !important; box-sizing: border-box; padding-left: 2%; padding-right: 4%; border-bottom: solid 1px #ccc; }
.tabs li.active      { border-bottom: solid 1px #FFF; background: #FFF; }
.tabs li:first-child { margin-right: 1%; padding: 0 3.0% !important; }

#research2020 .contentone    { margin: 0 10px 10px 10px; padding: 10px; border: solid 1px #ccc; box-sizing: border-box; }
#research2020 .contentone:last-child { display: none; }
#research2020 .contentone h2 { margin-top: 15px !important; padding-bottom: 4px; border-bottom: 1px solid #871717; }
#research2020 .contentone h3 { margin: 15px 0; }
#research2020 .contentone h4 { color: #b92e49; margin: 25px 0 15px 0 !important; font-size: 17px; padding-left: 8px; border-left: double 8px #b92e49; border-bottom: dotted 1px #b92e49; }
#research2020 .contentone h4 .small { font-size: 14px; }
#research2020 .contentone h5 { margin: 10px 0; }

#research2020 .data      { margin: auto; padding: 10px 25px; font-size: 85%; line-height: 1.6; background: #fffae7; border: solid 1px #999; box-sizing: border-box; }
#research2020 .data p    { margin: 0 0 0 0; }

#research2020 .data dl dt      { float: left; }
#research2020 .data dl.ind5 dd { margin-left: 5em; }
#research2020 .data dl.ind6 dd { margin-left: 6em; }
#research2020 .data dl.ind7 dd { margin-left: 7em; }

#research2020 .frame     { margin: 15px auto; padding: 3px 10px; width: 90%; font-size: 103%; font-weight: bold; color: #808080; border: solid 2px #d1d1d1; border-radius: 8px; }
#research2020 .indent-1  { padding-left: 1em; text-indent: -1em; margin-bottom: 0 !important; }
#research2020 p.frame    { margin-left: 20px; border: solid 2px #d1d1d1; padding: 3px 10px; border-radius: 8px; width: 90%; font-size: 103%; font-weight: bold; color: #808080; }
#research2020 .frame sup { font-size: 85%; } 
#research2020 .frame span { font-size: 90%; }
#research2020 .contentone ul               { margin: 15px 0 0 0; }
#research2020 .contentone ul:before,
#research2020 .contentone ul:after         { content: ""; display: table; clear: both; }
#research2020 .contentone ul li            { float: left; line-height: 2; margin-right: 20px; font-size: 86%; display: inline-block; }
#research2020 .contentone ul li:last-child { margin-right: 0px; }
#research2020 .contentone ul li.c1:before  { content: '■ '; color: #f4ac3b; font-size: 14px; } /*Orange*/
#research2020 .contentone ul li.c2:before  { content: '■ '; color: #f8cb44; font-size: 14px; } /*Light Orange*/
#research2020 .contentone ul li.c3:before  { content: '■ '; color: #ffb7b3; font-size: 14px; } /*Pink*/
#research2020 .contentone ul li.c4:before  { content: '■ '; color: #ffd8d6; font-size: 14px; } /*Pale Pink*/
#research2020 .contentone ul li.c5:before  { content: '■ '; color: #7babd9; font-size: 14px; } /*Light Blue*/
#research2020 .contentone ul li.c6:before  { content: '■ '; color: #6087ca; font-size: 14px; } /*Blue*/
#research2020 .contentone ul li.c7:before  { content: '■ '; color: #314a74; font-size: 14px; } /*Dark Blue*/
#research2020 .contentone ul li.c8:before  { content: '■ '; color: #808080; font-size: 14px; } /*Dark Gray*/
#research2020 .contentone ul li.c9:before  { content: '■ '; color: #cccccc; font-size: 14px; } /*lighte Gray*/
#research2020 .contentone ul li.c10:before  { content: '■ '; color: #ffdf7f; font-size: 14px; } /*lighte Yellow*/

#research2020 .contentone .graph     { margin-left: 10px; margin-bottom: 20px; box-sizing: border-box; }
#research2020 .contentone .graph img { width: 100%; height: auto; }
#research2020 .contentone .graph p   { margin: 10px 0 10px 33px; font-size: 85%; }

.totop { text-align: right; }

.pie_graph .graph { float: left; width: 270px; }
.pie_graph ul     { float: right; width: 378px; }
#research2020 .contentone .pie_graph ul li  { float: none; display: block; }