Skip to content

sora / sanitary-net

Go to a project
Commit b9fd8986 by o.kimura
Options

T121

parent 360345d0
Inline Side-by-side
Showing with 2907 additions and 0 deletions
images/menu_aged.gif
images/menu_aged.gif

1.17 KB | W: | H:

images/menu_aged.gif

1.15 KB | W: | H:

images/menu_aged.gif
images/menu_aged.gif
images/menu_aged.gif
images/menu_aged.gif
  • 2-up
  • Swipe
  • Onion skin
index.html
...@@ -153,6 +153,10 @@ ...@@ -153,6 +153,10 @@
<li><a href="/reform/point01.html">トイレ・器具選びのポイント</a></li> <li><a href="/reform/point01.html">トイレ・器具選びのポイント</a></li>
</ul> </ul>
<h4><img src="images/menu_ud.gif" alt="公共トイレのユニバーサルデザイン" width="156" height="34" /></h4>
<ul class="heightLine-group11">
<li><a href="/universal_design/">みんなが使うトイレ</a></li>
</ul>
</div> </div>
</div> </div>
</div> </div>
......
universal_design/css/parts.css 0 → 100644
/*=========================================================
Site Name toiletnavi
File Name eco/parts.css
Create Date 2013/3/28
Update Date 2013/4/1
==========================================================*/
div#container div#contents div#main_contents div.section h4 {
margin-bottom: 20px;
}
div#container div#contents div#main_contents div.section div.content {
width: 676px;
margin: 0 auto;
padding-bottom: 40px;
}
div#container div#contents div#main_contents div.section div.content p {
margin-bottom: 5px;
}
div#container div#contents div#main_contents div.section div.content p.strong_text {
font-weight: bold;
}
/* data01 */
body#data01 div#container div#contents div#main_contents .bottom_space {
margin-bottom: 80px;
}
body#data01 div#container div#contents div#main_contents .bottom_space02 {
padding-bottom: 40px;
}
body#data01 div#container div#contents div#main_contents div.section div.content span.graf_text {
font-size: 85%;
display: block;
margin-top: 5px;
}
body#data01 div#container div#contents div#main_contents div.section div.content h6 {
color: #00B7CE;
font-size: 120%;
font-weight: bold;
margin-bottom: 15px;
}
/* data02 */
body#data02 div#container div#contents div#main_contents div.section div.content h6 {
color: #00B7CE;
font-size: 110%;
font-weight: bold;
margin-bottom: 15px;
}
body#data02 div#container div#contents div#main_contents div.section div.text_detail {
width: 634px;
margin: 20px auto;
padding: 20px;
border: 1px dotted #ff6319;
}
body#data02 div#container div#contents div#main_contents div.section div.content div.content_box {
margin-top: 10px;
margin-bottom: 20px;
padding: 10px;
}
body#data02 div#container div#contents div#main_contents div.section div.content div.content_box p.title {
font-weight: bold;
}
body#data02 div#container div#contents div#main_contents div.section div.content div.content_box p.title span.midashi {
display: block;
margin-right: 5px;
float: left;
}
body#data02 div#container div#contents div#main_contents div.section div.content div.content_box p.detail {
width: 260px;
float: left;
}
body#data02 div#container div#contents div#main_contents div.section div.content div.content_box img {
float: right;
width: 360px;
}
/* add 2016/03/28 */
body#data02 div#container div#contents div#main_contents div.section div.content div.content_box02 {
margin-top: 10px;
margin-bottom: 20px;
padding: 10px;
}
body#data02 div#container div#contents div#main_contents div.section div.content div.content_box02 p.title {
font-weight: bold;
}
body#data02 div#container div#contents div#main_contents div.section div.content div.content_box02 p.title span.midashi {
margin-right: 5px;
}
/* data03 */
body#data03 div#container div#contents div#main_contents div.section div.content ul.no-link {
margin-left: 15px;
margin-right: 15px;
margin-bottom: 15px;
}
/* 20190123 updata */
body#data03 div#container div#contents div#main_contents div.section div.content ul.no-link.list li {
padding-left: 1em;
text-indent: -1em;
}
/* interview */
body#data04 div#container div#contents div#main_contents p.title,
body#data06 div#container div#contents div#main_contents p.title {
background: url(../images/data04/back_title_interview.jpg) no-repeat right top;
padding-left: 40px;
padding-right: 20px;
padding-top: 20px;
height: 219px;
}
body#data04 div#container div#contents div#main_contents p.title_pt2 {
background: url(../images/section/back_title_interview.png) no-repeat right bottom;
padding-left: 40px;
padding-right: 20px;
padding-top: 0px;
height: 266px;
margin-right: 55px;
margin-top: 25px;
}
body#data04 div#container div#contents div#main_contents p.title_pt3,
body#data06 div#container div#contents div#main_contents p.title_pt3 {
background: url(/trend/images/data11/ill_01.png) no-repeat right bottom;
padding-left: 40px;
padding-right: 20px;
padding-top: 0px;
height: 266px;
margin-right: 55px;
margin-top: 25px;
}
div#container div#contents div#main_contents p.title_pt4 {
background: url(../images/data12/tosui_3.png) no-repeat right bottom;
background-size: 140px;
padding-left: 40px;
padding-right: 20px;
padding-top: 0px;
height: 240px;
margin-right: 105px;
margin-top: 25px;
margin-bottom: 10px;
}
#data04 div#container div#contents div#main_contents p.title span,
#data06 div#container div#contents div#main_contents p.title span {
display: block;
width: 400px;
margin-top: 20px;
padding-left: 5px;
color: #FF7270;
font-weight: bold;
}
div#container div#contents div#main_contents p.title span.left {
display: block;
width: 400px;
margin-top: 20px;
padding-left: 5px;
color: #FF7270;
font-size: 26px;
font-weight: normal;
}
body#data04 div#container div#contents div#main_contents p.title span.ttl_left,
body#data06 div#container div#contents div#main_contents p.title span.ttl_left {
display: block;
width: 400px;
margin-top: -10px;
padding-left: 5px;
color: #FF7270;
font-family: "メイリオ", meiryo;
font-size: 26px;
font-weight: normal;
}
body#data04 div#container div#contents div#main_contents p.title span.ttl_right,
body#data06 div#container div#contents div#main_contents p.title span.ttl_right {
display: block;
width: 400px;
margin-top: -10px;
padding-left: 5px;
color: #FF7270;
text-align: right;
font-family: "メイリオ", meiryo;
font-size: 26px;
font-weight: normal;
}
div#container div#contents div#main_contents p.title_pt2 span.blue,
div#container div#contents div#main_contents p.title_pt4 span.blue {
display: block;
width: 400px;
margin-top: 40px;
padding-left: 5px;
color: #00B7CE;
font-weight: bold;
}
body#data04 div#container div#contents div#main_contents p.title_pt2 img,
body#data04 div#container div#contents div#main_contents p.title_pt4 img {
margin-top: -30px;
}
body#data04 div#container div#contents div#main_contents div.section {
padding-bottom: 40px;
}
body#data04 div#container div#contents div#main_contents div.section p.read_text {
margin-bottom: 40px;
}
body#data04 div#container div#contents div#main_contents div.section div.left {
width: 200px;
float: left;
}
body#data04 div#container div#contents div#main_contents div.section div.right {
width: 450px;
margin-left: auto;
}
/* data05 */
body#data05 div#container div#contents div#main_contents p.title {
padding-left: 40px;
padding-bottom: 20px;
padding-top: 20px;
}
body#data05 div#container div#contents div#main_contents p.title span {
display: block;
width: 670px;
margin-top: 20px;
padding-left: 5px;
font-weight: bold;
}
body#data05 div#container div#contents div#main_contents div.section {
padding-bottom: 40px;
}
body#data05 div#container div#contents div#main_contents div.section p.read_text {
margin-bottom: 40px;
}
body#data05 div#container div#contents div#main_contents div.section div.right {
width: 670px;
margin-left: auto;
margin-right: auto;
}
/* data05 stucy02-1 */
body.detail01 div#container div#contents div#main_contents div.section table.study02-1_a {}
body.detail01 div#container div#contents div#main_contents div.section table.study02-1_a th {
width: 5em;
vertical-align: top;
padding-bottom: 5px;
}
body.detail01 div#container div#contents div#main_contents div.section table.study02-1_a td {
width: 600px;
vertical-align: top;
padding-bottom: 5px;
}
body.detail01 div#container div#contents div#main_contents div.section table.study02-1_a td.ttl {
width: 300px;
position: absolute;
margin-bottom: 15px;
margin-top: 5px;
}
body#data05 div#container div#contents div#main_contents div.section div.content table.study02-1_b,
body#data06 div#container div#contents div#main_contents div.section div.content table.study02-1_b {
width: 560px;
margin-bottom: 20px;
}
body#data05 div#container div#contents div#main_contents div.section div.content table.study02-1_b td,
body#data06 div#container div#contents div#main_contents div.section div.content table.study02-1_b td {
padding: 5px;
border: 1px solid #ccc;
}
body#data05 div#container div#contents div#main_contents div.section div.content table.study02-1_b .tr01,
body#data06 div#container div#contents div#main_contents div.section div.content table.study02-1_b .tr01 {
width: 90px;
}
body#data05 div#container div#contents div#main_contents div.section div.content table.study02-1_b .tr02,
body#data06 div#container div#contents div#main_contents div.section div.content table.study02-1_b .tr02 {
width: 180px;
}
body#data05 div#container div#contents div#main_contents div.section div.content table.study02-1_b .tr03,
body#data06 div#container div#contents div#main_contents div.section div.content table.study02-1_b .tr03 {
width: 180px;
}
body#data05 div#container div#contents div#main_contents div.section div.content table.study02-1_b .tr04,
body#data06 div#container div#contents div#main_contents div.section div.content table.study02-1_b .tr04 {
width: 90px;
}
body#data05 div#container div#contents div#main_contents div.section div.content table.study02-1_b .center,
body#data06 div#container div#contents div#main_contents div.section div.content table.study02-1_b .center {
text-align: center;
}
body#data05 div#container div#contents div#main_contents div.section div.content table.study02-1_b .center,
body#data06 div#container div#contents div#main_contents div.section div.content table.study02-1_b .center {
text-align: right;
}
body#data05 div#container div#contents div#main_contents div.section div.content table.study02-1_b .red,
body#data06 div#container div#contents div#main_contents div.section div.content table.study02-1_b .red {
background-color: #ffc5c1;
}
body#data05 div#container div#contents div#main_contents div.section div.content table.study02-1_b .blue,
body#data06 div#container div#contents div#main_contents div.section div.content table.study02-1_b .blue {
background-color: #cef9ff;
}
body#data05 div#container div#contents div#main_contents div.section div.content div.study02-1_c,
body#data06 div#container div#contents div#main_contents div.section div.content div.study02-1_c {
margin-bottom: 20px;
}
body#data05 div#container div#contents div#main_contents div.section div.content div.study02-1_c .left_img,
body#data06 div#container div#contents div#main_contents div.section div.content div.study02-1_c .left_img {
float: left;
width: 200px;
}
body#data05 div#container div#contents div#main_contents div.section div.content div.study02-1_c p.right_text,
body#data06 div#container div#contents div#main_contents div.section div.content div.study02-1_c p.right_text {
margin-top: 5px;
float: right;
width: 450px;
}
#data06 .answerFlx {
display: flex;
}
.m0 {
margin: 0 !important;
}
.pt15 {
padding-top: 15px;
}
body#section03 div#container div#contents div#main_contents p.title span {
display: block;
width: 400px;
margin-top: 20px;
padding-left: 5px;
color: #02adef;
font-weight: bold;
}
/* jis */
body#jis div#container div#contents div#main_contents p.title {
padding-left: 20px;
padding-top: 20px;
}
body#jis div#container div#contents div#main_contents p.title span {
display: block;
width: 650px;
margin-top: 20px;
font-weight: bold;
}
body#jis div#container div#contents div#main_contents h6 {
padding-top: 15px;
margin-bottom: 10px;
color: #3252a6;
font-weight: bold;
font-size: 115%;
padding-bottom: 2px;
border-bottom: 1px solid #3252a6;
}
.blue_text01 {
margin-bottom: 10px;
color: #3252a6;
font-weight: bold;
}
.text_right01 {
margin-left: auto;
text-align: left;
width: 20em;
}
.text_right02 {
margin-left: auto;
text-align: left;
width: 15em;
}
body#jis div#container div#contents div#main_contents table.standardTableStyle01 {
width: 645px;
border-collapse: separate;
border-spacing: 2px;
}
body#jis div#container div#contents div#main_contents table.standardTableStyle01 td {}
body#jis div#container div#contents div#main_contents table.standardTableStyle01 div {
padding: 6px 10px 4px 10px;
line-height: 100%;
}
body#jis div#container div#contents div#main_contents table.standardTableStyle01 td.normal {
width: 130px;
}
body#jis div#container div#contents div#main_contents table.standardTableStyle01 td.normal div {
border: 1px solid #949494;
}
body#jis div#container div#contents div#main_contents table.standardTableStyle01 td.blue01 {
width: 130px;
background-color: #fff;
border: 1px solid #62d5e7;
}
body#jis div#container div#contents div#main_contents table.standardTableStyle01 td.blue01 div {}
body#jis div#container div#contents div#main_contents table.standardTableStyle01 td.blue02 {
width: 215px;
background-color: #62d5e7;
border: 1px solid #62d5e7;
}
body#jis div#container div#contents div#main_contents table.standardTableStyle01 td.blue02 div {
color: #fff;
font-weight: bold;
height: 100%;
}
body#jis div#container div#contents div#main_contents table.standardTableStyle01 td.blue03 {
width: 290px;
border: 1px solid #62d5e7;
}
body#jis div#container div#contents div#main_contents table.standardTableStyle01 td.blue03 div {
background-color: #e9fdfe;
}
body#jis div#container div#contents div#main_contents table.standardTableStyle01 {}
body#jis div#container div#contents div#main_contents table.standardTableStyle02,
body#co2 div#container div#contents div#main_contents table.standardTableStyle02 {
width: 645px;
border: 1px solid #dbdbdb;
}
body#jis div#container div#contents div#main_contents table.standardTableStyle02 th,
body#co2 div#container div#contents div#main_contents table.standardTableStyle02 th {
width: 215px;
background-color: #62d5e7;
color: #fff;
font-weight: bold;
height: 100%;
padding: 4px 10px 2px 10px;
}
body#jis div#container div#contents div#main_contents table.standardTableStyle02 th.left {
border-right: 1px solid #fff;
width: 190px;
}
body#jis div#container div#contents div#main_contents table.standardTableStyle02 th.right {
width: 412px;
}
body#jis div#container div#contents div#main_contents table.standardTableStyle02 td,
body#co2 div#container div#contents div#main_contents table.standardTableStyle02 td {
padding: 10px 10px 8px 10px;
border-bottom: 1px solid #dbdbdb;
}
body#jis div#container div#contents div#main_contents table.standardTableStyle02 td.left {
border-right: 1px solid #dbdbdb;
}
body#jis div#container div#contents div#main_contents table.standardTableStyle02 td.right {}
body#jis div#container div#contents div#main_contents table.standardTableStyle02 td.right span {
font-weight: bold;
display: block;
}
body#jis div#container div#contents div#main_contents table.standardTableStyle03 {
width: 649px;
}
body#jis div#container div#contents div#main_contents table.standardTableStyle03 td {
padding: 6px 0 4px 0;
border: 1px solid #dbdbdb;
line-height: 100%;
text-align: center;
vertical-align: center;
width: 80px;
}
body#jis div#container div#contents div#main_contents table.standardTableStyle04 {
width: 650px;
border-collapse: separate;
border-spacing: 5px;
}
body#jis div#container div#contents div#main_contents table.standardTableStyle04 th {
width: 50px;
vertical-align: middle;
}
body#jis div#container div#contents div#main_contents table.standardTableStyle04 td {}
body#jis div#container div#contents div#main_contents table.standardTableStyle04 td.article {
border: 1px solid #b0b0b0;
width: 193px;
}
body#jis div#container div#contents div#main_contents table.standardTableStyle04 td.title {
vertical-align: bottom;
line-height: 100%;
}
body#jis div#container div#contents div#main_contents table.standardTableStyle04 td.yaji01 {
text-align: center;
}
body#jis div#container div#contents div#main_contents table.standardTableStyle04 td div {
margin: 0 10px 0 5px;
}
body#jis div#container div#contents div#main_contents table.standardTableStyle05 {
width: 406px;
}
body#jis div#container div#contents div#main_contents table.standardTableStyle05 td {
padding: 6px 0 4px 0;
border: 1px solid #dbdbdb;
line-height: 100%;
text-align: center;
vertical-align: center;
width: 80px;
}
body#jis div#container div#contents div#main_contents table.standardTableStyle06 {
width: 455px;
border-collapse: separate;
border-spacing: 5px;
}
body#jis div#container div#contents div#main_contents table.standardTableStyle06 th {
width: 50px;
vertical-align: middle;
}
body#jis div#container div#contents div#main_contents table.standardTableStyle06 td {}
body#jis div#container div#contents div#main_contents table.standardTableStyle06 td.article {
border: 1px solid #b0b0b0;
width: 193px;
text-align: center;
}
body#jis div#container div#contents div#main_contents table.standardTableStyle06 td.title {
vertical-align: bottom;
line-height: 100%;
}
body#jis div#container div#contents div#main_contents table.standardTableStyle06 td.yaji01 {
text-align: center;
}
body#jis div#container div#contents div#main_contents table.standardTableStyle06 td div {
margin: 0 10px 0 5px;
}
body#jis div#container div#contents div#main_contents table.standardTableStyle07 {
width: 255px;
border-collapse: separate;
border-spacing: 5px;
}
body#jis div#container div#contents div#main_contents table.standardTableStyle07 th {
width: 50px;
vertical-align: middle;
}
body#jis div#container div#contents div#main_contents table.standardTableStyle07 td {}
body#jis div#container div#contents div#main_contents table.standardTableStyle07 td div {
margin: 0 10px 0 5px;
}
body#jis div#container div#contents div#main_contents table.standardTableStyle07 td.article {
border: 1px solid #b0b0b0;
width: 193px;
text-align: center;
}
body#jis div#container div#contents div#main_contents table.standardTableStyle07 td.title {
vertical-align: bottom;
line-height: 100%;
}
body#jis div#container div#contents div#main_contents table.standardTableStyle07 td.title02 {
text-align: center;
line-height: 100%;
}
body#jis div#container div#contents div#main_contents table.standardTableStyle07 td.yaji01 {
text-align: center;
}
/* QA */
body#jis div#container div#contents div#main_contents p.text_q {
padding-top: 15px;
margin-bottom: 3px;
color: #3252a6;
font-weight: bold;
font-size: 115%;
}
body#jis div#container div#contents div#main_contents .text_a {
background-color: #f8f7fe;
padding: 10px;
}
/* 20141128 add */
div#container div#contents div#main_contents .textBlock01 {
margin-top: 30px;
}
div#container div#contents div#main_contents .textBlock01 p.midashiText01 {
font-size: 108%;
font-weight: bold;
padding-bottom: 5px;
margin-bottom: 5px;
line-height: 100%;
border-bottom: 1px solid #ddd;
}
/* 150413 update */
/* data06 */
body#data06 div#container div#contents div#main_contents h3 {
background: url(../../shared/images/content/back_title_data04.png) no-repeat top right;
}
body#data06 div#container div#contents div#main_contents h4 {
font-size: 125%;
font-weight: bold;
}
body#data06 div#container div#contents div#main_contents p.title {
padding-left: 40px;
padding-bottom: 20px;
padding-top: 20px;
}
body#data06 div#container div#contents div#main_contents p.title span {
display: block;
width: 670px;
margin-top: 20px;
padding-left: 5px;
font-weight: bold;
}
body#data06 div#container div#contents div#main_contents div.section {
padding-bottom: 40px;
}
body#data06 div#container div#contents div#main_contents div.section p.read_text {
margin-bottom: 40px;
}
body#data06 div#container div#contents div#main_contents div.section div.left {
width: 200px;
float: left;
}
body#data06 div#container div#contents div#main_contents div.section div.right {
width: 450px;
margin-left: auto;
}
/* data06 study03-1 */
body.detail01#data06 div#container div#contents div#main_contents .intro {
padding: 20px 42px 63px;
background: url(../../shared/images/content/line_content.png) no-repeat bottom center;
}
body.detail01#data06 div#container div#contents div#main_contents .intro2 {
padding: 20px 30px 60px 20px;
background: url(../../shared/images/content/line_content.png) no-repeat bottom center;
}
body.detail01#data06 div#container div#contents div#main_contents .intro h4 {
margin-top: 24px;
margin-bottom: 36px;
}
body.detail01#data06 div#container div#contents div#main_contents .intro h4.high {
margin-top: 24px;
margin-bottom: 20px;
}
body.detail01#data06 div#container div#contents div#main_contents .intro div {
float: left;
width: 495px;
}
body.detail01#data06 div#container div#contents div#main_contents .intro div p {
padding-bottom: 30px;
}
body.detail01#data06 div#container div#contents div#main_contents .intro img.right_img {
float: right;
margin-bottom: 27px;
}
body.detail01#data06 div#container div#contents div#main_contents .intro p.lead {
clear: both;
}
body.detail01#data06 div#container div#contents div#main_contents div.section {
width: 696px;
margin: 30px auto;
padding-bottom: 30px;
background: url(../../shared/images/content/line_content_s.png) no-repeat bottom centerl;
}
body.detail01#data06 div#container div#contents div#main_contents div.section div.content {
width: 670px;
}
body.detail01#data06 div#container div#contents div#main_contents div.section div.content h4.blue {
padding-left: 38px;
}
body.detail01#data06 div#container div#contents div#main_contents div.section div.content p.question {
clear: both;
margin-left: 0px;
/*
text-indent: -2.2em;
padding-left: 2em;*/
margin-bottom: 20px;
color: #00b7cc;
font-weight: bold;
}
div#container div#contents div#main_contents div.section div.content p.question span.q_no {
display: block;
float: left;
width: 40px;
}
div#container div#contents div#main_contents span.warn_water,
div#container div#contents div#main_contents p.warn_water {
color: #D00000;
font-weight: bold;
}
div#container div#contents div#main_contents span.lead_water,
div#container div#contents div#main_contents p.lead_water {
width: 300px;
color: #00b7cc;
font-weight: bold;
}
div#container div#contents div#main_contents span.notice_water,
div#container div#contents div#main_contents p.notice_water {
color: #ffbc08;
font-weight: bold;
}
div#container div#contents div#main_contents div.section div.content p.question span.q_text {
display: block;
float: right;
width: 610px;
}
div#container div#contents div#main_contents div.section div.content p.question span.q_textleft {
float: left;
}
div#container div#contents div#main_contents div.section div.content p.answer {
margin-left: 0;
margin-bottom: 20px;
}
div#container div#contents div#main_contents div.section div.content p.answer span {
width: 360px;
display: block;
float: left;
}
div#container div#contents div#main_contents div.section div.content p.answer img {
float: right;
}
div#container div#contents div#main_contents div.section div.content p.conditioned {
text-align: center;
margin-left: 60px;
margin-bottom: 20px;
}
div#container div#contents div#main_contents div.section div.content img.large {
margin-top: 10px;
}
div#container div#contents div#main_contents div.section div.content img.right {
float: right;
margin-bottom: 40px;
}
div#container div#contents div#main_contents div.section div.content img.right_margin {
float: right;
margin: 15px 40px 15px 0;
}
div#container div#contents div#main_contents div.section div.content .notes {
clear: both;
}
div#container div#contents div#main_contents div.section div.content .notes h5 {
clear: both;
padding-top: 27px;
}
div#container div#contents div#main_contents div.section div.content .notes p {
padding: 15px 10px 0;
}
div#container div#contents div#main_contents div.section div.content .notes p.nopad {
padding: 0 !important;
}
div#container div#contents div#main_contents div.section div.content .notes p.num {
text-indent: -1em;
margin-left: 1em;
padding: 15px 10px 0;
}
div#container div#contents div#main_contents div.section div.content .notes h6 {
clear: both;
padding-top: 15px;
margin: 0 10px 10px;
color: #3252a6;
font-weight: bold;
font-size: 115%;
padding-bottom: 2px;
border-bottom: 1px solid #3252a6;
}
div#container div#contents div#main_contents div.section div.content .notes img.large {
margin-left: 10px;
}
div#container div#contents div#main_contents div.section div.content .notes img.small {
display: inline;
float: right;
margin-top: 15px;
margin-left: 15px;
}
div#container div#contents div#main_contents div.section div.content .notes dl {
margin: 30px 10px 0 10px;
}
div#container div#contents div#main_contents div.section div.content .notes dt,
div#container div#contents div#main_contents div.section div.content .notes dd {
float: left;
}
div#container div#contents div#main_contents div.section div.content .notes dd {
margin-top: -5px;
padding-left: 21px;
}
div#container div#contents div#main_contents div#section_last {
background: url(../../interview/images/content_text_line.jpg) repeat left top;
padding: 4px;
width: 696px;
margin-left: auto;
margin-right: auto;
margin-bottom: 60px;
}
div#container div#contents div#main_contents div#section_last div.att,
div#container div#contents div#main_contents div.section div.att {
background: #F8F9FB;
margin-bottom: 2em;
padding-top: 1.5em;
padding-bottom: 0;
border: solid 1px #F8F9FB;
position: relative;
}
div#container div#contents div#main_contents div#section_last div.att p,
div#container div#contents div#main_contents div.section div.att p {
margin-right: 1.8em;
margin-left: 1.8em;
margin-bottom: 20px;
}
div#container div#contents div#main_contents div#section_last p,
div#container div#contents div#main_contents div.section p {
margin-bottom: 20px;
position: relative;
}
div#container div#contents div#main_contents div#section_last p.lasttitle {
font-weight: bold;
color: #FF5B4C;
font-size: 120%;
text-align: center;
}
div#container div#contents div#main_contents div#section_last p.subtitle {
font-weight: bold;
color: #FF5B4C;
}
div#container div#contents div#main_contents div#section_last div.content {
background-color: #fff;
padding: 30px;
}
div#container div#contents div#main_contents div#section_last p span.no {
display: block;
float: left;
width: 20px;
}
div#container div#contents div#main_contents div#section_last p span.text {
display: block;
float: right;
width: 600px;
}
div#container div#contents div#main_contents div#section_last ul.summary {
margin: 10px 10px 20px 25px;
}
div#container div#contents div#main_contents div#section_last ul.summary li {
list-style-type: circle;
padding: 10px;
font-size: 120%;
border-bottom: dotted 1px #ccc;
}
div#container div#contents div#main_contents div#section_last table {
width: 635px;
margin-bottom: 40px;
}
div#container div#contents div#main_contents div#section_last table th,
div#container div#contents div#main_contents div#section_last table td {
border: solid 1px #ccc;
}
div#container div#contents div#main_contents div#section_last table#table01 th,
div#container div#contents div#main_contents div#section_last table#table01 td {
padding: 5px 15px;
vertical-align: top;
}
div#container div#contents div#main_contents div#section_last table#table01 th span {
font-size: 77%;
}
div#container div#contents div#main_contents div#section_last table#table01 td.ta_c {
text-align: center;
}
div#container div#contents div#main_contents div#section_last p.legend {
float: right;
font-weight: bold;
margin-bottom: 10px;
}
div#container div#contents div#main_contents div#section_last p.legend .ok {
color: #66a1cc;
font-weight: bold;
}
div#container div#contents div#main_contents div#section_last p.legend .no {
color: #ff5b4b;
font-weight: bold;
}
div#container div#contents div#main_contents div#section_last table#table02,
div#container div#contents div#main_contents table#table02 {
clear: both;
margin-bottom: 15px;
}
div#container div#contents div#main_contents div#section_last table#table02 th,
div#container div#contents div#main_contents div#section_last table#table02 td,
div#container div#contents div#main_contents table#table02 th,
div#container div#contents div#main_contents table#table02 td {
padding: 5px 10px;
text-align: center;
vertical-align: middle;
font-size: 77%;
}
div#container div#contents div#main_contents div#section_last table#table02 th.nb,
div#container div#contents div#main_contents table#table02 th.nb {
border: none;
}
div#container div#contents div#main_contents div#section_last table#table02 td.ok,
div#container div#contents div#main_contents table#table02 td.ok {
font-size: 120%;
color: #66a1cc;
font-weight: bold;
}
div#container div#contents div#main_contents div#section_last table#table02 td.no,
div#container div#contents div#main_contents table#table02 td.no {
font-size: 120%;
color: #ff5b4b;
font-weight: bold;
}
div#container div#contents div#main_contents div#section_last p.add {
margin-bottom: 5px;
font-size: 85%;
text-indent: -1em;
margin-left: 1em;
}
div#container div#contents div#main_contents div#section_last .link_type_a,
div#container div#contents div#main_contents div.section .link_type_a {
margin: -20px 0 0 0;
padding: 0 0 0 15px;
background: url(../../shared/images/common/icon_link.png)no-repeat left 6px;
}
/* 20151027update */
.study03-1Cap {
background-color: #f8f9fb;
padding: 10px 15px !important;
font-size: 90%;
margin-bottom: 20px;
}
div.bottom {
font-size: 85%;
font-weight: bold;
display: block;
width: 640px;
text-align: left;
margin-top: 20px;
}
div.bottom ul {
list-style: disc;
padding-left: 20px;
}
body#column div#container div#contents div#main_contents h3 {
background: url(/shared/images/content/back_title_data02.png) no-repeat top right;
}
body#column div#container div#contents div#main_contents div.section {
margin-top: 0px;
}
body#column #section_a h5 {
margin: 20px 0;
}
.section_column {
margin: 60px 0 20px 0;
padding: 20px;
border: 2px solid #eee;
/*background-color: #def0f3;*/
background-color: #f6f6f6;
}
.section_column li {
font-weight: bold;
}
p.midashiColumn01 {
position: relative;
top: -30px;
text-align: center;
margin-bottom: -10px;
}
/* 160218 update */
body#data01 div#contents_area div#contents div#main_contents table.spreadTableStyle01 {
width: 670px;
border: solid 1px #dbdbdb;
border-collapse: collapse;
border-spacing: 2px;
}
body#data01 div#contents_area div#contents div#main_contents table.spreadTableStyle01 tr {
border: solid 1px #dbdbdb;
}
body#data01 div#contents_area div#contents div#main_contents table.spreadTableStyle01 th {
border: solid 1px #fff;
padding: 5px 6px 3px;
background: #2fc5d9;
text-align: center;
color: #fff;
}
body#data01 div#contents_area div#contents div#main_contents table.spreadTableStyle01 td {
border: solid 1px #dbdbdb;
padding: 10px 5px;
width: 110px;
vertical-align: top;
text-align: center;
}
body#data01 div#contents_area div#contents div#main_contents table.spreadTableStyle01 tr.short01 td {
background-color: #e7fcff;
padding-top: 5px !important;
padding-bottom: 5px !important;
}
body#data01 div#contents_area div#contents div#main_contents table.spreadTableStyle01 tr.detail01 td {
text-align: left;
}
/* 160329 update */
div.point {
margin-top: 15px;
border: solid 1px #00B7CC;
}
div.point h5 span {
background: #00B7CC;
padding: 2px 10px;
font-weight: bold;
color: #fff;
}
div.point ul {
padding: 10px 20px 15px 35px;
}
div.point ul li {
list-style-type: disc;
color: #00B7CC;
}
/*span.caution {
background: #FE6D63;
padding:2px 5px;
font-weight:bold;
color:#fff;
}*/
div.content_box02 img.graph {
margin-top: 20px;
padding-bottom: 15px;
}
/*
div#low_toilet_img {
border:solid 1px #eee;
padding:30px 10px 30px 20px;
}
div#low_toilet_img img {
float: left;
margin-left: 15px;
}/*
/* 160427 update */
body#data02 div#container div#contents div#main_contents div.section div.text_detail_small {
width: 300px;
margin: 15px 0 20px;
padding: 8px 15px 5px;
border: 1px dotted #ff6319;
font-size: 10px;
line-height: 1.4;
}
table#low_toilet {
width: 100%;
text-align: center;
border: solid 1px #CCCCCC;
}
table#low_toilet th,
table#low_toilet td {
border: solid 1px #CCCCCC;
font-size: 12px;
padding: 5px 3px;
vertical-align: top;
}
/* 161215 update */
body#data02 div#container div#contents div#main_contents div.section div.ex_box {}
body#data02 div#container div#contents div#main_contents div.section div.ex_box p {}
body#data02 div#container div#contents div#main_contents div.section div.ex_box ul {
overflow: hidden;
padding: 12px;
border: 1px solid #ccc;
width: 412px;
}
body#data02 div#container div#contents div#main_contents div.section div.ex_box li {
width: 200px;
float: left;
display: block;
}
body#data02 div#container div#contents div#main_contents div.section div.ex_box li:first-child {
margin-right: 12px;
}
body#data02 div#container div#contents div#main_contents div.section div.ex_box li span.tit {
display: block;
text-align: center;
background: #00b7cc;
margin-bottom: 1px;
color: #fff;
padding: 0.2em 0;
}
body#data02 div#container div#contents div#main_contents div.section div.ex_box li span.txt {
font-size: 82%;
text-align: right !important;
display: block;
margin-top: 5px;
}
body#data02 div#container div#contents div#main_contents div.section span.top {
font-weight: bold;
display: block;
text-align: left;
margin-top: 10px;
}
/* 170403 update */
.pictImg01 {
width: 680px;
padding-bottom: 20px;
}
.pictImg01 img {
width: 100%;
height: auto;
}
.bottom {
overflow: hidden;
width: 600px !important;
padding: 15px 20px;
border: #ccc solid 1px;
}
.bottom div {
width: 50%;
float: left;
}
/* 170522 updata pictgram */
.archive02 div#container div#contents div#main_contents div#section_read02 .index {
background-color: #e7f4ff;
border-radius: 3px;
}
div.section_menu_pic {
background: url(../../shared/images/content/line_content.png) no-repeat bottom center;
padding-bottom: 4px;
}
div.section_menu_pic p.index {
width: 86px;
position: relative;
top: 15px;
left: 35px;
}
div.section_menu_pic ul {
background-color: #ECF6F7;
padding: 25px 20px 20px 40px;
}
div.section_menu_pic li {
width: 310px;
float: left;
}
div.section_menu_pic li.menuTitle01 {
width: 600px;
float: none;
display: inline-block;
margin-top: 10px;
}
div.section_menu_pic li a {
background: url(../../shared/images/common/icon_under.png) no-repeat left 50%;
padding: 5px 0 0 18px;
display: block;
font-weight: bold;
}
div.pict_dl dl {}
div.pict_dl dt {
font-weight: bold;
}
div.pict_dl dd {
margin: 0 0 10px 1.5em;
}
div.pict_table table {
width: 100%;
border: 1px solid #ccc;
border-bottom: none;
border-right: none;
margin-top: 10px;
background: #fff;
}
div.pict_table th {
text-align: center;
}
div.pict_table th:nth-child(1) {
width: 8em;
}
div.pict_table th:nth-child(2) {
width: 6em;
}
div.pict_table th:nth-child(3) {
width: 10em;
}
div.pict_table th:nth-child(4) {
width: 45%;
}
div.pict_table th,
div.pict_table td {
border-bottom: 1px solid #ccc;
border-right: 1px solid #ccc;
padding: 5px;
}
.checkaction {
margin: 30px auto;
text-align: center;
padding: 20px;
background: #f2f2f2;
border: 1px solid #ccc;
}
.checkaction.pict {
margin-top: 0 !important;
}
.checkaction p.checked {
margin-top: 10px;
font-weight: bold;
}
.guidetext_cheked {
margin-bottom: 20px;
}
.pict_bold {
padding: 10px 0 2px 5px;
display: block;
font-weight: bold;
}
.pt20 {
padding-top: 20px;
}
.content_guide {
width: 616px;
padding: 20px 40px;
background: #f8f8f8;
border: 2px solid #FFAE00;
}
.content_guide h5 {
font-size: 132%;
font-weight: bold;
text-align: center;
margin-bottom: 20px;
}
.content_guide h6 {
font-size: 117%;
font-weight: bold;
text-align: center;
margin-bottom: 20px;
}
.guidlinedate {
font-size: 117%;
font-weight: bold;
text-align: center;
margin: 20px 0;
}
/* iso */
.iso_box {
width: 100%;
overflow: hidden;
border-left: 1px solid #666;
}
.iso_box li {
float: left;
width: 220px;
border-right: 1px solid #666;
border-bottom: 1px solid #666;
}
.iso_box p.no {
background: #3db8ce;
color: #fff;
text-align: center;
border-bottom: 1px solid #666;
padding: 5px;
}
.iso_box p.no.top {
border-top: 1px solid #666;
}
.iso_box p.name {
text-align: center;
border-bottom: 1px solid #666;
padding: 5px;
}
.iso_box p.img {
text-align: center;
width: 200px;
padding: 0 5px;
}
.iso_box p.img img {
width: 100%;
height: auto;
}
span.co2P01_l {
display: block;
float: left;
width: 70px;
}
span.co2P01_r {
display: block;
width: 605px;
margin-left: auto;
}
span.co2P02_l {
display: block;
float: left;
width: 120px;
}
span.co2P02_r {
display: block;
width: 555px;
margin-left: auto;
}
span.co2P03_l {
display: block;
float: left;
width: 85px;
}
span.co2P03_r {
display: block;
width: 590px;
margin-left: auto;
}
span.text_small {
display: block;
padding: 2em;
text-indent: -1.5em;
margin-top: -20px;
}
.font_conditioned label.point {
text-align: center;
width: 70px !important;
background-color: #00b7ce;
display: flex;
justify-content: center;
color: #fff;
margin: 8px 0 5px;
border-radius: 3px;
text-shadow: 1px 1px 1px;
font-size: 90%;
}
.font_conditioned ul.rent_list03 {
display: flex;
justify-content: center;
}
.font_conditioned ul.rent_list03 li span {
display: block;
font-size: 8pt;
text-align: center;
font-weight: bold;
}
.font_conditioned ul.rent_list03 li span.bolder {
display: block;
font-size: 8pt;
text-align: center;
font-weight: bold;
min-width: 300px;
max-width: 630px;
text-align: left;
}
.font_conditioned ul.rent_list03 li span.normal {
display: block;
font-size: 8pt;
text-align: center;
font-weight: normal;
min-width: 300px;
max-width: 440px;
text-align: left;
}
.font_conditioned ul.rent_list03 li span.l {
font-size: 12px;
}
.font_conditioned ul.rent_list03 li.last {
margin-right: 0;
}
.font_conditioned ul.rent_list03 li {
min-width: 145px;
margin-right: 10px;
text-align: center;
}
.udhr {
display: block;
width: 100%;
height: 1px;
background-color: #0543a3;
border: 0;
position: relative;
top: 10px;
opacity: 0.3;
}
/* jis03 */
.jis03_box {
width: 100%;
overflow: hidden;
border-left: 1px solid #666;
}
.jis03_box li {
float: left;
width: 140px;
border-right: 1px solid #666;
border-bottom: 1px solid #666;
}
.jis03_box p.no {
background: #3db8ce;
color: #fff;
text-align: center;
border-bottom: 1px solid #666;
padding: 5px;
}
.jis03_box p.no.top {
border-top: 1px solid #666;
}
.jis03_box p.name {
text-align: center;
border-bottom: 1px solid #666;
padding: 5px;
}
.jis03_box p.img {
text-align: center;
width: 120px;
height: 120px;
padding: 0 5px;
}
.iso_box p.img img {
width: 100%;
height: auto;
}
.jis03_box li.title {
width: 4em;
}
.jis03_box li.title p {
padding-left: 0;
padding-right: 0;
width: 4em;
}
.jis03_box li.title p.img {
padding-top: 40px;
height: 80px;
}
/* jis04 */
table.jis04_box {
width: 100%;
overflow: hidden;
}
table.jis04_box th {
background: #3db8ce;
color: #fff;
text-align: center;
border-bottom: 1px solid #666;
padding: 5px;
}
table.jis04_box th.no {
width: 40px;
}
table.jis04_box th.matters {
width: 120px;
}
table.jis04_box th.pict {
width: 120px;
}
table.jis04_box th.description {
width: 200px;
}
table.jis04_box th,
table.jis04_box td {
border: 1px solid #666;
}
table.jis04_box td {
padding: 10px;
}
table.jis04_box td.img {
text-align: center;
}
table.jis04_box td li {
text-indent: -3em;
padding-left: 3em;
}
div.jis4 h6 {
padding-top: 15px;
margin-bottom: 10px;
color: #3252a6;
font-weight: bold;
font-size: 115%;
padding-bottom: 2px;
border-bottom: 1px solid #3252a6;
}
.inner_table,
.inner_table th,
.inner_table td,
.inner_table_2,
.inner_table_2 th,
.inner_table_2 td {
border: 1px solid #ddd;
font-size: 16px;
}
.inner_table td {
text-align: left !important;
}
td.txtctr {
text-align: center !important;
}
.inner_table td.ok,
.inner_table td.no {
text-align: center !important;
}
.wt200 {
width: 200px;
}
.wt150 {
width: 150px;
}
.wt136 {
width: 136px;
}
.wt100 {
width: 100px;
}
.wt88 {
width: 88px;
}
.wt80 {
width: 80px;
}
.wt52 {
width: 52px;
}
.wt30 {
width: 30px;
}
.mt10 {
margin-top: 10px;
}
.mt15 {
margin-top: 15px;
}
.mt20 {
margin-top: 20px;
}
.mt25 {
margin-top: 25px;
}
.mt30 {
margin-top: 30px;
}
.mt35 {
margin-top: 35px;
}
.mt40 {
margin-top: 40px;
}
.mt45 {
margin-top: 45px;
}
.mt50 {
margin-top: 50px;
}
.mt55 {
margin-top: 55px;
}
.mt60 {
margin-top: 60px;
}
.mt60 {
margin-top: 60px;
}
.mt120 {
margin-top: 120px !important;
}
.mt130 {
margin-top: 130px !important;
}
.mt160 {
margin-top: 160px !important;
}
.mt244 {
margin-top: 244px !important;
}
.mt335 {
margin-top: 335px !important;
}
.mb0 {
margin-bottom: 0px !important;
}
.mb10 {
margin-bottom: 10px;
}
.mb15 {
margin-bottom: 15px;
}
.mb20 {
margin-bottom: 20px;
}
.mb25 {
margin-bottom: 25px;
}
.mb30 {
margin-bottom: 30px;
}
.mb35 {
margin-bottom: 35px;
}
.mb40 {
margin-bottom: 40px;
}
.mb45 {
margin-bottom: 45px;
}
.mb50 {
margin-bottom: 50px;
}
.mb55 {
margin-bottom: 55px;
}
.mb100 {
margin-bottom: 100px;
}
.mb110 {
margin-bottom: 110px;
}
sub.base_line {
vertical-align: baseline;
}
.fs124p {
font-size: 124% !important;
}
.fs90p {
font-size: 90% !important;
}
#sanitary table.sanitary_pt01 {
width: 100%;
border: 2px solid #4f2600;
font-size: 90%;
}
#sanitary table.sanitary_pt02 {
width: auto;
font-size: 80%;
font-size: 80%;
}
#sanitary table.sanitary_pt01 tr,
#sanitary table.sanitary_pt01 tr th,
#sanitary table.sanitary_pt02 tr,
#sanitary table.sanitary_pt02 tr th {
text-align: center;
line-height: 1.2;
border: 1px solid #4f2600;
padding: 5px 0;
background-color: #efefef;
}
#sanitary table.sanitary_pt01 td,
#sanitary table.sanitary_pt02 td {
background-color: #fff;
border: 1px solid #4f2600;
}
#sanitary table.sanitary_pt02 td {
padding: 2px;
}
#sanitary table.sanitary_pt02 td.dbl {
border-bottom: 1px solid #4f2600;
}
#sanitary span.tbl_sup {
display: block;
text-align: right;
font-size: 90%;
}
#sanitary div.fl_box {
display: flex;
justify-content: flex-start;
}
#sanitary div.fl_box_c {
display: flex;
justify-content: center;
align-content: center;
flex-wrap: wrap-reverse;
}
#sanitary div.fl_box_c img {
margin: 0 10px;
}
#sanitary div.fl_box02 {
display: flex;
justify-content: center;
align-items: end;
}
#sanitary div.fl_box img {
margin-top: -14px;
margin-left: 10px;
}
#sanitary div.fl_box .fl_sup {
display: flex;
font-size: 84%;
font-weight: normal;
line-height: 1.5;
margin: 4px 0 0 4px;
}
table.wd30p {
width: 30% !important;
}
.font_conditioned .link_type_a {
padding: 0px 0 5px 15px;
}
.font_conditioned h3.pt {
line-height: 1;
font-size: 140%;
position: initial !important;
top: -20px;
padding-top: 0 !important;
font-weight: bold;
background: none !important;
width: auto !important;
height: auto !important;
margin: auto !important;
}
.font_conditioned .section .pt:before {
content: "\e904";
display: inline;
margin-right: 8px;
padding: 2px 2px 1px 1px;
vertical-align: sub;
background-image: -webkit-gradient(linear, left top, left bottom, from(#7ddeeb), to(#08b9d0));
-webkit-text-fill-color: transparent;
-webkit-background-clip: text;
font-size: 24px;
font-family: 'icomoon' !important;
}
.font_conditioned h3.pt {
line-height: 1;
font-size: 140%;
position: initial !important;
top: -20px;
padding-top: 20px;
font-weight: bold;
background: none !important;
width: auto !important;
height: auto !important;
margin: auto !important;
}
.font_conditioned .section h4.label {
background: none;
background-color: #ececfb;
width: 100%;
height: 40px;
border-radius: 5px;
display: flex;
align-items: center;
padding-left: 15px;
}
.font_conditioned .section h4.label span,
.font_conditioned .section h4 span {
font-size: 14px;
font-weight: bold;
color: #0543a3;
margin-top: 2px;
}
.section span.under_red {
text-decoration: underline;
color: #fa0000;
}
.section span.bold_red {
color: #fa0000;
font-weight: bold;
}
.section .left_ttl {
text-align: left !important;
margin: 0 !important;
font-size: 16px;
}
.section .right_ttl {
text-align: right !important;
margin: 0 !important;
font-size: 16px;
}
.font_conditioned .section h4.label {
background: none;
background-color: #ececfb;
width: 100%;
height: 40px;
border-radius: 5px;
display: flex;
align-items: center;
padding-left: 15px;
margin-bottom: 30px;
}
.font_conditioned .img_box {
text-align: center;
}
.font_conditioned .ft13 {
font-size: 13px;
width: 650px;
}
.font_conditioned .accor,
.font_conditioned .accor2,
.font_conditioned .accor3,
.font_conditioned .accor4,
.font_conditioned .accor5,
.font_conditioned .accor6,
.font_conditioned .accor7,
.font_conditioned .accor8,
.font_conditioned .accor9 {
display: none;
}
.font_conditioned .close {
position: relative;
}
.font_conditioned .close:after,
.font_conditioned .close:before {
display: block;
content: " ";
position: absolute;
width: 20px;
height: 2px;
background-color: #73d7e5;
top: 12px;
right: 30px;
cursor: pointer;
}
.font_conditioned .close:before {
transform: rotate(-90deg);
transition: 0.3s ease-in-out;
}
.font_conditioned .close.is-open:before {
transform: rotate(0deg);
transition: 0.3s ease-in-out;
}
h5.last {
font-weight: bold;
}
.font_conditioned .accor_btn > p {
cursor: pointer;
}
.font_conditioned .section .flex_wrapper {
display: flex;
}
.font_conditioned .section .flex_wrapper .half {
width: 50%;
}
.font_conditioned .section .flex_wrapper .w48p {
width: 48%;
}
.font_conditioned .section .flex_wrapper .w33p {
width: 33%;
}
.font_conditioned .section .flex_wrapper div.video-wrapper {
width: 100% !important;
height: auto;
padding: 0 !important;
}
.sp-arr {
justify-content: space-around;
}
.mv_ttl {
margin: 0 !important;
}
.exp_sup {
text-align: center;
color: #424252;
font-weight: bold;
}
.exp_sup_left {
text-align: left;
color: #424252;
font-weight: bold;
}
.isoImgWrapper {
display: flex;
justify-content: space-around;
align-items: end;
}
.isoImgWrapperCenter {
display: flex;
justify-content: center;
align-items: center;
}
.isoImgSup1 {
position: absolute;
font-weight: bold;
bottom: 0;
left: 178px;
}
.isoImgSup2 {
position: absolute;
font-weight: bold;
bottom: 0;
right: 224px;
}
.isoImgWrapper img {
margin: 0 2px;
}
.isoFlex {
display: flex;
margin-bottom: 0 !important;
justify-content: center;
}
.supplement_jpnSpt {
padding-left: 310px;
margin-bottom: 20px;
margin-top: -15px;
}
.isoImgSup {
display: flex !important;
justify-content: center !important;
font-size: 14px !important;
font-weight: bold;
}
.isoImgSupLeft {
display: flex !important;
justify-content: left !important;
font-size: 14px !important;
font-weight: bold;
}
li.listStyle {
list-style: disc;
margin-left: 20px;
margin-top: 0 !important;
padding-top: 0 !important;
font-weight: normal;
}
.liHeight_1_5 {
line-height: 1.5 !important;
}
.txt_right {
margin-top: -10px;
text-align: right !important;
font-size: 90%;
}
.txt_center {
text-align: center !important;
}
.tbl_center {
margin: 0 auto;
}
div.movie_box {
border: 2px solid #4371ba;
padding: 10px;
margin-bottom: 40px;
}
div.movie_box p.lead {
margin-top: -70px;
margin-left: 80px;
height: 65px;
position: absolute;
}
div#container div#contents div#main_contents div.section div.content div.flex_box {
display: flex;
justify-content: space-around;
position: relative;
}
div#container div#contents div#main_contents div.section h4 {
margin-bottom: 20px;
}
div#container div#contents div#main_contents div.section div.content {
width: 676px;
margin: 0 auto 20px auto;
}
div#container div#contents div#main_contents div.section h4.title {
color: #4371ba;
font-weight: bold;
font-size: 20px;
margin-bottom: 10px;
}
div#container div#contents div#main_contents div.section div.content div.movie_box {
border: 2px solid #4371ba;
padding: 10px;
margin-bottom: 40px;
}
div#container div#contents div#main_contents div.section div.content div.movie_box p.lead {
margin-top: -70px;
margin-left: 80px;
height: 65px;
position: absolute;
}
div#container div#contents div#main_contents div.section div.content div.flex_box {
display: flex;
justify-content: space-around;
position: relative;
}
div#container div#contents div#main_contents div.section div.content div.flex_box .mov_img {
cursor: pointer;
}
div#container div#contents div#main_contents div.section div.content div.flex_box .play_ico:hover {
opacity: .8;
}
div#container div#contents div#main_contents div.section div.content div.flex_box .play_ico {
position: absolute;
width: 60px;
height: 60px;
top: 50%;
left: 74%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
cursor: pointer;
}
div#container div#contents div#main_contents .bottom_space {
margin-bottom: 20px;
}
div#container div#contents div#main_contents div.section div.content span.graf_text {
font-size: 85%;
display: block;
margin-top: 5px;
}
div#container div#contents div#main_contents div.section h5 {
margin-bottom: 15px;
}
div#container div#contents div#main_contents div.section p.text_blue {
font-weight: bold;
color: #2FC5D9;
font-size: 120%;
}
div#container div#contents div#main_contents div.section p {
margin-left: 10px;
margin-right: 10px;
}
div#container div#contents div#main_contents div.section ul {
margin-left: 10px;
margin-right: 10px;
margin-bottom: 20px;
}
div#container div#contents div#main_contents div.section p span.bold {
font-weight: bold;
display: block;
margin-bottom: 5px;
}
div#container div#contents div#main_contents div.section div.notice_box {
width: 100%;
height: 270px;
border: 1px solid #424252;
display: flex;
justify-content: space-around;
align-items: center;
}
div#container div#contents div#main_contents div.section div.box {
margin-bottom: 20px;
}
div#container div#contents div#main_contents div.section div.box div.left {
width: 450px;
float: left;
}
div#container div#contents div#main_contents div.section div.box div.right {
width: 200px;
float: right;
}
div#container div#contents div#main_contents h4.written {
position: relative;
top: -20px;
padding-top: 20px;
font-size: 140%;
font-weight: bold;
}
div#container div#contents div#main_contents h4.written:before {
content: "\e904";
display: inline;
margin-right: 8px;
padding: 2px 2px 1px 1px;
vertical-align: sub;
background-image: -webkit-gradient(linear, left top, left bottom, from(#7ddeeb), to(#08b9d0));
-webkit-text-fill-color: transparent;
-webkit-background-clip: text;
font-size: 24px;
font-family: 'icomoon' !important;
}
div#container div#contents div#main_contents h4.written:before {
content: "\e904";
display: inline;
margin-right: 8px;
padding: 2px 2px 1px 1px;
vertical-align: sub;
background-image: -webkit-gradient(linear, left top, left bottom, from(#7ddeeb), to(#08b9d0));
-webkit-text-fill-color: transparent;
-webkit-background-clip: text;
font-size: 24px;
font-family: 'icomoon' !important;
}
.link_type_b {
display: block;
margin: 5px 0 0 0;
padding: 0 0 0 15px;
background: url(/shared/images/common/icon_link.png) no-repeat left 4px;
font-weight: bold;
}
/*20150218update*/
p.cap {
width: 640px;
text-align: left;
margin: 0 auto 10px auto;
}
p.cap span.img {
width: 320px;
float: left;
}
p.cap span.text {
float: right;
width: 300px;
}
p.cap span.text a {
padding: 5px 15px;
background-color: #00b7cc;
color: #fff;
}
.bluePlus {
color: #00B7CE;
}
table.fanction {
width: 640px;
margin-left: 10px;
}
table.fanction th {
border-right: 1px solid #fff;
border-bottom: 1px solid #fff;
background-color: #5c79ae;
padding: 3px;
width: 130px;
color: #fff;
}
table.fanction td {
border-bottom: 1px solid #fff;
padding: 3px;
border-right: 1px solid #fff;
}
table.fanction td.base01 {
background-color: #f1f5fa;
}
table.fanction td.base02 {
background-color: #e9eff7;
}
table.fanction td.bold {
font-weight: bold;
}
.imgBlockUl {
overflow: hidden;
}
.imgBlockUl span {
display: block;
margin-top: 5px;
}
.imgBlock01 {
width: 310px;
float: left;
}
.imgBlock02 {
width: 310px;
float: right;
}
.fs110 {
font-size: 110%;
}
.fs120 {
font-size: 120%;
}
.fs130 {
font-size: 120%;
}
.wd400 {
width: 400px !important;
}
.mt-30 {
margin-top: -30px !important;
}
.fwn {
font-weight: normal !important;
}
.txt_left {
text-align: left !important;
display: flex;
}
universal_design/css/parts.min.css 0 → 100644
div#container div#contents div#main_contents div.section h4{margin-bottom:20px}div#container div#contents div#main_contents div.section div.content{width:676px;margin:0 auto;padding-bottom:40px}div#container div#contents div#main_contents div.section div.content p{margin-bottom:5px}div#container div#contents div#main_contents div.section div.content p.strong_text{font-weight:bold}body#data01 div#container div#contents div#main_contents .bottom_space{margin-bottom:80px}body#data01 div#container div#contents div#main_contents .bottom_space02{padding-bottom:40px}body#data01 div#container div#contents div#main_contents div.section div.content span.graf_text{font-size:85%;display:block;margin-top:5px}body#data01 div#container div#contents div#main_contents div.section div.content h6{color:#00b7ce;font-size:120%;font-weight:bold;margin-bottom:15px}body#data02 div#container div#contents div#main_contents div.section div.content h6{color:#00b7ce;font-size:110%;font-weight:bold;margin-bottom:15px}body#data02 div#container div#contents div#main_contents div.section div.text_detail{width:634px;margin:20px auto;padding:20px;border:1px dotted #ff6319}body#data02 div#container div#contents div#main_contents div.section div.content div.content_box{margin-top:10px;margin-bottom:20px;padding:10px}body#data02 div#container div#contents div#main_contents div.section div.content div.content_box p.title{font-weight:bold}body#data02 div#container div#contents div#main_contents div.section div.content div.content_box p.title span.midashi{display:block;margin-right:5px;float:left}body#data02 div#container div#contents div#main_contents div.section div.content div.content_box p.detail{width:260px;float:left}body#data02 div#container div#contents div#main_contents div.section div.content div.content_box img{float:right;width:360px}body#data02 div#container div#contents div#main_contents div.section div.content div.content_box02{margin-top:10px;margin-bottom:20px;padding:10px}body#data02 div#container div#contents div#main_contents div.section div.content div.content_box02 p.title{font-weight:bold}body#data02 div#container div#contents div#main_contents div.section div.content div.content_box02 p.title span.midashi{margin-right:5px}body#data03 div#container div#contents div#main_contents div.section div.content ul.no-link{margin-left:15px;margin-right:15px;margin-bottom:15px}body#data03 div#container div#contents div#main_contents div.section div.content ul.no-link.list li{padding-left:1em;text-indent:-1em}body#data04 div#container div#contents div#main_contents p.title{background:url(../images/data04/back_title_interview.jpg) no-repeat right top;padding-left:40px;padding-right:20px;padding-top:20px;height:219px}body#data04 div#container div#contents div#main_contents p.title_pt2{background:url(../images/section/back_title_interview.png) no-repeat right bottom;padding-left:40px;padding-right:20px;padding-top:0;height:266px;margin-right:55px;margin-top:25px}body#data04 div#container div#contents div#main_contents p.title_pt3{background:url(/trend/images/data11/ill_01.png) no-repeat right bottom;padding-left:40px;padding-right:20px;padding-top:0;height:266px;margin-right:55px;margin-top:25px}body#data04 div#container div#contents div#main_contents p.title span{display:block;width:400px;margin-top:20px;padding-left:5px;color:#ff7270;font-weight:bold}body#data04 div#container div#contents div#main_contents p.title span.left{display:block;width:400px;margin-top:20px;padding-left:5px;color:#ff7270;font-size:26px;font-weight:normal}body#data04 div#container div#contents div#main_contents p.title span.ttl_left{display:block;width:400px;margin-top:-10px;padding-left:5px;color:#ff7270;font-family:"メイリオ",meiryo;font-size:26px;font-weight:normal}body#data04 div#container div#contents div#main_contents p.title span.ttl_right{display:block;width:400px;margin-top:-10px;padding-left:5px;color:#ff7270;text-align:right;font-family:"メイリオ",meiryo;font-size:26px;font-weight:normal}body#data04 div#container div#contents div#main_contents p.title_pt2 span.blue{display:block;width:400px;margin-top:40px;padding-left:5px;color:#00b7ce;font-weight:bold}body#data04 div#container div#contents div#main_contents p.title_pt2 img{margin-top:-30px}body#data04 div#container div#contents div#main_contents div.section{padding-bottom:40px}body#data04 div#container div#contents div#main_contents div.section p.read_text{margin-bottom:40px}body#data04 div#container div#contents div#main_contents div.section div.left{width:200px;float:left}body#data04 div#container div#contents div#main_contents div.section div.right{width:450px;margin-left:auto}body#data05 div#container div#contents div#main_contents p.title{padding-left:40px;padding-bottom:20px;padding-top:20px}body#data05 div#container div#contents div#main_contents p.title span{display:block;width:670px;margin-top:20px;padding-left:5px;font-weight:bold}body#data05 div#container div#contents div#main_contents div.section{padding-bottom:40px}body#data05 div#container div#contents div#main_contents div.section p.read_text{margin-bottom:40px}body#data05 div#container div#contents div#main_contents div.section div.right{width:670px;margin-left:auto;margin-right:auto}body.detail01 div#container div#contents div#main_contents div.section table.study02-1_a th{width:5em;vertical-align:top;padding-bottom:5px}body.detail01 div#container div#contents div#main_contents div.section table.study02-1_a td{width:600px;vertical-align:top;padding-bottom:5px}body#data05 div#container div#contents div#main_contents div.section div.content table.study02-1_b,body#data06 div#container div#contents div#main_contents div.section div.content table.study02-1_b{width:560px;margin-bottom:20px}body#data05 div#container div#contents div#main_contents div.section div.content table.study02-1_b td,body#data06 div#container div#contents div#main_contents div.section div.content table.study02-1_b td{padding:5px;border:1px solid #ccc}body#data05 div#container div#contents div#main_contents div.section div.content table.study02-1_b .tr01,body#data06 div#container div#contents div#main_contents div.section div.content table.study02-1_b .tr01{width:90px}body#data05 div#container div#contents div#main_contents div.section div.content table.study02-1_b .tr02,body#data06 div#container div#contents div#main_contents div.section div.content table.study02-1_b .tr02{width:180px}body#data05 div#container div#contents div#main_contents div.section div.content table.study02-1_b .tr03,body#data06 div#container div#contents div#main_contents div.section div.content table.study02-1_b .tr03{width:180px}body#data05 div#container div#contents div#main_contents div.section div.content table.study02-1_b .tr04,body#data06 div#container div#contents div#main_contents div.section div.content table.study02-1_b .tr04{width:90px}body#data05 div#container div#contents div#main_contents div.section div.content table.study02-1_b .center,body#data06 div#container div#contents div#main_contents div.section div.content table.study02-1_b .center{text-align:center}body#data05 div#container div#contents div#main_contents div.section div.content table.study02-1_b .center,body#data06 div#container div#contents div#main_contents div.section div.content table.study02-1_b .center{text-align:right}body#data05 div#container div#contents div#main_contents div.section div.content table.study02-1_b .red,body#data06 div#container div#contents div#main_contents div.section div.content table.study02-1_b .red{background-color:#ffc5c1}body#data05 div#container div#contents div#main_contents div.section div.content table.study02-1_b .blue,body#data06 div#container div#contents div#main_contents div.section div.content table.study02-1_b .blue{background-color:#cef9ff}body#data05 div#container div#contents div#main_contents div.section div.content div.study02-1_c,body#data06 div#container div#contents div#main_contents div.section div.content div.study02-1_c{margin-bottom:20px}body#data05 div#container div#contents div#main_contents div.section div.content div.study02-1_c .left_img,body#data06 div#container div#contents div#main_contents div.section div.content div.study02-1_c .left_img{float:left;width:200px}body#data05 div#container div#contents div#main_contents div.section div.content div.study02-1_c p.right_text,body#data06 div#container div#contents div#main_contents div.section div.content div.study02-1_c p.right_text{margin-top:5px;float:right;width:450px}.pt15{padding-top:15px}body#section03 div#container div#contents div#main_contents p.title span{display:block;width:400px;margin-top:20px;padding-left:5px;color:#02adef;font-weight:bold}body#jis div#container div#contents div#main_contents p.title{padding-left:20px;padding-top:20px}body#jis div#container div#contents div#main_contents p.title span{display:block;width:650px;margin-top:20px;font-weight:bold}body#jis div#container div#contents div#main_contents h6{padding-top:15px;margin-bottom:10px;color:#3252a6;font-weight:bold;font-size:115%;padding-bottom:2px;border-bottom:1px solid #3252a6}.blue_text01{margin-bottom:10px;color:#3252a6;font-weight:bold}.text_right01{margin-left:auto;text-align:left;width:20em}.text_right02{margin-left:auto;text-align:left;width:15em}body#jis div#container div#contents div#main_contents table.standardTableStyle01{width:645px;border-collapse:separate;border-spacing:2px}body#jis div#container div#contents div#main_contents table.standardTableStyle01 div{padding:6px 10px 4px 10px;line-height:100%}body#jis div#container div#contents div#main_contents table.standardTableStyle01 td.normal{width:130px}body#jis div#container div#contents div#main_contents table.standardTableStyle01 td.normal div{border:1px solid #949494}body#jis div#container div#contents div#main_contents table.standardTableStyle01 td.blue01{width:130px;background-color:#fff;border:1px solid #62d5e7}body#jis div#container div#contents div#main_contents table.standardTableStyle01 td.blue02{width:215px;background-color:#62d5e7;border:1px solid #62d5e7}body#jis div#container div#contents div#main_contents table.standardTableStyle01 td.blue02 div{color:#fff;font-weight:bold;height:100%}body#jis div#container div#contents div#main_contents table.standardTableStyle01 td.blue03{width:290px;border:1px solid #62d5e7}body#jis div#container div#contents div#main_contents table.standardTableStyle01 td.blue03 div{background-color:#e9fdfe}body#jis div#container div#contents div#main_contents table.standardTableStyle02,body#co2 div#container div#contents div#main_contents table.standardTableStyle02{width:645px;border:1px solid #dbdbdb}body#jis div#container div#contents div#main_contents table.standardTableStyle02 th,body#co2 div#container div#contents div#main_contents table.standardTableStyle02 th{width:215px;background-color:#62d5e7;color:#fff;font-weight:bold;height:100%;padding:4px 10px 2px 10px}body#jis div#container div#contents div#main_contents table.standardTableStyle02 th.left{border-right:1px solid #fff;width:190px}body#jis div#container div#contents div#main_contents table.standardTableStyle02 th.right{width:412px}body#jis div#container div#contents div#main_contents table.standardTableStyle02 td,body#co2 div#container div#contents div#main_contents table.standardTableStyle02 td{padding:10px 10px 8px 10px;border-bottom:1px solid #dbdbdb}body#jis div#container div#contents div#main_contents table.standardTableStyle02 td.left{border-right:1px solid #dbdbdb}body#jis div#container div#contents div#main_contents table.standardTableStyle02 td.right span{font-weight:bold;display:block}body#jis div#container div#contents div#main_contents table.standardTableStyle03{width:649px}body#jis div#container div#contents div#main_contents table.standardTableStyle03 td{padding:6px 0 4px 0;border:1px solid #dbdbdb;line-height:100%;text-align:center;vertical-align:center;width:80px}body#jis div#container div#contents div#main_contents table.standardTableStyle04{width:650px;border-collapse:separate;border-spacing:5px}body#jis div#container div#contents div#main_contents table.standardTableStyle04 th{width:50px;vertical-align:middle}body#jis div#container div#contents div#main_contents table.standardTableStyle04 td.article{border:1px solid #b0b0b0;width:193px}body#jis div#container div#contents div#main_contents table.standardTableStyle04 td.title{vertical-align:bottom;line-height:100%}body#jis div#container div#contents div#main_contents table.standardTableStyle04 td.yaji01{text-align:center}body#jis div#container div#contents div#main_contents table.standardTableStyle04 td div{margin:0 10px 0 5px}body#jis div#container div#contents div#main_contents table.standardTableStyle05{width:406px}body#jis div#container div#contents div#main_contents table.standardTableStyle05 td{padding:6px 0 4px 0;border:1px solid #dbdbdb;line-height:100%;text-align:center;vertical-align:center;width:80px}body#jis div#container div#contents div#main_contents table.standardTableStyle06{width:455px;border-collapse:separate;border-spacing:5px}body#jis div#container div#contents div#main_contents table.standardTableStyle06 th{width:50px;vertical-align:middle}body#jis div#container div#contents div#main_contents table.standardTableStyle06 td.article{border:1px solid #b0b0b0;width:193px;text-align:center}body#jis div#container div#contents div#main_contents table.standardTableStyle06 td.title{vertical-align:bottom;line-height:100%}body#jis div#container div#contents div#main_contents table.standardTableStyle06 td.yaji01{text-align:center}body#jis div#container div#contents div#main_contents table.standardTableStyle06 td div{margin:0 10px 0 5px}body#jis div#container div#contents div#main_contents table.standardTableStyle07{width:255px;border-collapse:separate;border-spacing:5px}body#jis div#container div#contents div#main_contents table.standardTableStyle07 th{width:50px;vertical-align:middle}body#jis div#container div#contents div#main_contents table.standardTableStyle07 td div{margin:0 10px 0 5px}body#jis div#container div#contents div#main_contents table.standardTableStyle07 td.article{border:1px solid #b0b0b0;width:193px;text-align:center}body#jis div#container div#contents div#main_contents table.standardTableStyle07 td.title{vertical-align:bottom;line-height:100%}body#jis div#container div#contents div#main_contents table.standardTableStyle07 td.title02{text-align:center;line-height:100%}body#jis div#container div#contents div#main_contents table.standardTableStyle07 td.yaji01{text-align:center}body#jis div#container div#contents div#main_contents p.text_q{padding-top:15px;margin-bottom:3px;color:#3252a6;font-weight:bold;font-size:115%}body#jis div#container div#contents div#main_contents .text_a{background-color:#f8f7fe;padding:10px}div#container div#contents div#main_contents .textBlock01{margin-top:30px}div#container div#contents div#main_contents .textBlock01 p.midashiText01{font-size:108%;font-weight:bold;padding-bottom:5px;margin-bottom:5px;line-height:100%;border-bottom:1px solid #ddd}body#data06 div#container div#contents div#main_contents h3{background:url(../../shared/images/content/back_title_data04.png) no-repeat top right}body#data06 div#container div#contents div#main_contents h4{font-size:125%;font-weight:bold}body#data06 div#container div#contents div#main_contents p.title{padding-left:40px;padding-bottom:20px;padding-top:20px}body#data06 div#container div#contents div#main_contents p.title span{display:block;width:670px;margin-top:20px;padding-left:5px;font-weight:bold}body#data06 div#container div#contents div#main_contents div.section{padding-bottom:40px}body#data06 div#container div#contents div#main_contents div.section p.read_text{margin-bottom:40px}body#data06 div#container div#contents div#main_contents div.section div.left{width:200px;float:left}body#data06 div#container div#contents div#main_contents div.section div.right{width:450px;margin-left:auto}body.detail01#data06 div#container div#contents div#main_contents .intro{padding:20px 42px 63px;background:url(../../shared/images/content/line_content.png) no-repeat bottom center}body.detail01#data06 div#container div#contents div#main_contents .intro h4{margin-top:24px;margin-bottom:36px}body.detail01#data06 div#container div#contents div#main_contents .intro div{float:left;width:495px}body.detail01#data06 div#container div#contents div#main_contents .intro div p{padding-bottom:30px}body.detail01#data06 div#container div#contents div#main_contents .intro img.right_img{float:right;margin-bottom:27px}body.detail01#data06 div#container div#contents div#main_contents .intro p.lead{clear:both}body.detail01#data06 div#container div#contents div#main_contents div.section{width:696px;margin:30px auto;padding-bottom:30px;background:url(../../shared/images/content/line_content_s.png) no-repeat bottom centerl}body.detail01#data06 div#container div#contents div#main_contents div.section div.content{width:670px}body.detail01#data06 div#container div#contents div#main_contents div.section div.content h4.blue{padding-left:38px}body.detail01#data06 div#container div#contents div#main_contents div.section div.content p.question{clear:both;margin-left:0;margin-bottom:20px;color:#00b7cc;font-weight:bold}div#container div#contents div#main_contents div.section div.content p.question span.q_no{display:block;float:left;width:40px}div#container div#contents div#main_contents div.section div.content p.question span.q_text{display:block;float:right;width:610px}div#container div#contents div#main_contents div.section div.content p.question span.q_textleft{float:left}div#container div#contents div#main_contents div.section div.content p.answer{margin-left:0;margin-bottom:20px}div#container div#contents div#main_contents div.section div.content p.answer span{width:365px;display:block;float:left}div#container div#contents div#main_contents div.section div.content p.answer img{float:right}div#container div#contents div#main_contents div.section div.content p.conditioned{text-align:center;margin-left:60px;margin-bottom:20px}div#container div#contents div#main_contents div.section div.content img.large{margin-top:10px}div#container div#contents div#main_contents div.section div.content img.right{float:right;margin-bottom:40px}div#container div#contents div#main_contents div.section div.content img.right_margin{float:right;margin:15px 40px 15px 0}div#container div#contents div#main_contents div.section div.content .notes{clear:both}div#container div#contents div#main_contents div.section div.content .notes h5{clear:both;padding-top:27px}div#container div#contents div#main_contents div.section div.content .notes p{padding:15px 10px 0}div#container div#contents div#main_contents div.section div.content .notes p.num{text-indent:-1em;margin-left:1em;padding:15px 10px 0}div#container div#contents div#main_contents div.section div.content .notes h6{clear:both;padding-top:15px;margin:0 10px 10px;color:#3252a6;font-weight:bold;font-size:115%;padding-bottom:2px;border-bottom:1px solid #3252a6}div#container div#contents div#main_contents div.section div.content .notes img.large{margin-left:10px}div#container div#contents div#main_contents div.section div.content .notes img.small{display:inline;float:right;margin-top:15px;margin-left:15px}div#container div#contents div#main_contents div.section div.content .notes dl{margin:30px 10px 0 10px}div#container div#contents div#main_contents div.section div.content .notes dt,div#container div#contents div#main_contents div.section div.content .notes dd{float:left}div#container div#contents div#main_contents div.section div.content .notes dd{margin-top:-5px;padding-left:21px}div#container div#contents div#main_contents div#section_last{background:url(../../interview/images/content_text_line.jpg) repeat left top;padding:4px;width:696px;margin-left:auto;margin-right:auto;margin-bottom:60px}div#container div#contents div#main_contents div#section_last div.att,div#container div#contents div#main_contents div.section div.att{background:#f8f9fb;margin-bottom:2em;padding-top:1.5em;padding-bottom:0;border:solid 1px #f8f9fb;position:relative}div#container div#contents div#main_contents div#section_last div.att p,div#container div#contents div#main_contents div.section div.att p{margin-right:1.8em;margin-left:1.8em;margin-bottom:20px}div#container div#contents div#main_contents div#section_last p,div#container div#contents div#main_contents div.section p{margin-bottom:20px;position:relative}div#container div#contents div#main_contents div#section_last p.lasttitle{font-weight:bold;color:#ff5b4c;font-size:120%;text-align:center}div#container div#contents div#main_contents div#section_last p.subtitle{font-weight:bold;color:#ff5b4c}div#container div#contents div#main_contents div#section_last div.content{background-color:#fff;padding:30px}div#container div#contents div#main_contents div#section_last p span.no{display:block;float:left;width:20px}div#container div#contents div#main_contents div#section_last p span.text{display:block;float:right;width:600px}div#container div#contents div#main_contents div#section_last ul.summary{margin:10px 10px 20px 25px}div#container div#contents div#main_contents div#section_last ul.summary li{list-style-type:circle;padding:10px;font-size:120%;border-bottom:dotted 1px #ccc}div#container div#contents div#main_contents div#section_last table{width:635px;margin-bottom:40px}div#container div#contents div#main_contents div#section_last table th,div#container div#contents div#main_contents div#section_last table td{border:solid 1px #ccc}div#container div#contents div#main_contents div#section_last table#table01 th,div#container div#contents div#main_contents div#section_last table#table01 td{padding:5px 15px;vertical-align:top}div#container div#contents div#main_contents div#section_last table#table01 th span{font-size:77%}div#container div#contents div#main_contents div#section_last table#table01 td.ta_c{text-align:center}div#container div#contents div#main_contents div#section_last p.legend{float:right;font-weight:bold;margin-bottom:10px}div#container div#contents div#main_contents div#section_last p.legend .ok{color:#66a1cc;font-weight:bold}div#container div#contents div#main_contents div#section_last p.legend .no{color:#ff5b4b;font-weight:bold}div#container div#contents div#main_contents div#section_last table#table02,div#container div#contents div#main_contents table#table02{clear:both;margin-bottom:15px}div#container div#contents div#main_contents div#section_last table#table02 th,div#container div#contents div#main_contents div#section_last table#table02 td,div#container div#contents div#main_contents table#table02 th,div#container div#contents div#main_contents table#table02 td{padding:5px 10px;text-align:center;vertical-align:middle;font-size:77%}div#container div#contents div#main_contents div#section_last table#table02 th.nb,div#container div#contents div#main_contents table#table02 th.nb{border:0}div#container div#contents div#main_contents div#section_last table#table02 td.ok,div#container div#contents div#main_contents table#table02 td.ok{font-size:120%;color:#66a1cc;font-weight:bold}div#container div#contents div#main_contents div#section_last table#table02 td.no,div#container div#contents div#main_contents table#table02 td.no{font-size:120%;color:#ff5b4b;font-weight:bold}div#container div#contents div#main_contents div#section_last p.add{margin-bottom:5px;font-size:85%;text-indent:-1em;margin-left:1em}div#container div#contents div#main_contents div#section_last .link_type_a,div#container div#contents div#main_contents div.section .link_type_a{margin:-20px 0 0 0;padding:0 0 0 15px;background:url(../../shared/images/common/icon_link.png)no-repeat left 6px}.study03-1Cap{background-color:#f8f9fb;padding:10px 15px!important;font-size:90%;margin-bottom:20px}div.bottom{font-size:85%;font-weight:bold;display:block;width:640px;text-align:left;margin-top:20px}div.bottom ul{list-style:disc;padding-left:20px}body#column div#container div#contents div#main_contents h3{background:url(/shared/images/content/back_title_data02.png) no-repeat top right}body#column div#container div#contents div#main_contents div.section{margin-top:0}body#column #section_a h5{margin:20px 0}.section_column{margin:60px 0 20px 0;padding:20px;border:2px solid #eee;background-color:#f6f6f6}.section_column li{font-weight:bold}p.midashiColumn01{position:relative;top:-30px;text-align:center;margin-bottom:-10px}body#data01 div#contents_area div#contents div#main_contents table.spreadTableStyle01{width:670px;border:solid 1px #dbdbdb;border-collapse:collapse;border-spacing:2px}body#data01 div#contents_area div#contents div#main_contents table.spreadTableStyle01 tr{border:solid 1px #dbdbdb}body#data01 div#contents_area div#contents div#main_contents table.spreadTableStyle01 th{border:solid 1px #fff;padding:5px 6px 3px;background:#2fc5d9;text-align:center;color:#fff}body#data01 div#contents_area div#contents div#main_contents table.spreadTableStyle01 td{border:solid 1px #dbdbdb;padding:10px 5px;width:110px;vertical-align:top;text-align:center}body#data01 div#contents_area div#contents div#main_contents table.spreadTableStyle01 tr.short01 td{background-color:#e7fcff;padding-top:5px!important;padding-bottom:5px!important}body#data01 div#contents_area div#contents div#main_contents table.spreadTableStyle01 tr.detail01 td{text-align:left}div.point{margin-top:15px;border:solid 1px #00b7cc}div.point h5 span{background:#00b7cc;padding:2px 10px;font-weight:bold;color:#fff}div.point ul{padding:10px 20px 15px 35px}div.point ul li{list-style-type:disc;color:#00b7cc}div.content_box02 img.graph{margin-top:20px;padding-bottom:15px}body#data02 div#container div#contents div#main_contents div.section div.text_detail_small{width:300px;margin:15px 0 20px;padding:8px 15px 5px;border:1px dotted #ff6319;font-size:10px;line-height:1.4}table#low_toilet{width:100%;text-align:center;border:solid 1px #ccc}table#low_toilet th,table#low_toilet td{border:solid 1px #ccc;font-size:12px;padding:5px 3px;vertical-align:top}body#data02 div#container div#contents div#main_contents div.section div.ex_box ul{overflow:hidden;padding:12px;border:1px solid #ccc;width:412px}body#data02 div#container div#contents div#main_contents div.section div.ex_box li{width:200px;float:left;display:block}body#data02 div#container div#contents div#main_contents div.section div.ex_box li:first-child{margin-right:12px}body#data02 div#container div#contents div#main_contents div.section div.ex_box li span.tit{display:block;text-align:center;background:#00b7cc;margin-bottom:1px;color:#fff;padding:.2em 0}body#data02 div#container div#contents div#main_contents div.section div.ex_box li span.txt{font-size:82%;text-align:right!important;display:block;margin-top:5px}body#data02 div#container div#contents div#main_contents div.section span.top{font-weight:bold;display:block;text-align:left;margin-top:10px}.pictImg01{width:680px;padding-bottom:20px}.pictImg01 img{width:100%;height:auto}.bottom{overflow:hidden;width:600px!important;padding:15px 20px;border:#ccc solid 1px}.bottom div{width:50%;float:left}div.section_menu_pic{background:url(../../shared/images/content/line_content.png) no-repeat bottom center;padding-bottom:4px}div.section_menu_pic p.index{width:86px;position:relative;top:15px;left:35px}div.section_menu_pic ul{background-color:#ecf6f7;padding:25px 20px 20px 40px}div.section_menu_pic li{width:310px;float:left}div.section_menu_pic li.menuTitle01{width:600px;float:none;display:inline-block;margin-top:10px}div.section_menu_pic li a{background:url(../../shared/images/common/icon_under.png) no-repeat left 50%;padding:5px 0 0 18px;display:block;font-weight:bold}div.pict_dl dt{font-weight:bold}div.pict_dl dd{margin:0 0 10px 1.5em}div.pict_table table{width:100%;border:1px solid #ccc;border-bottom:0;border-right:0;margin-top:10px;background:#fff}div.pict_table th{text-align:center}div.pict_table th:nth-child(1){width:8em}div.pict_table th:nth-child(2){width:6em}div.pict_table th:nth-child(3){width:10em}div.pict_table th:nth-child(4){width:45%}div.pict_table th,div.pict_table td{border-bottom:1px solid #ccc;border-right:1px solid #ccc;padding:5px}.checkaction{margin:30px auto;text-align:center;padding:20px;background:#f2f2f2;border:1px solid #ccc}.checkaction.pict{margin-top:0!important}.checkaction p.checked{margin-top:10px;font-weight:bold}.guidetext_cheked{margin-bottom:20px}.pict_bold{padding:10px 0 2px 5px;display:block;font-weight:bold}.pt20{padding-top:20px}.content_guide{width:616px;padding:20px 40px;background:#f8f8f8;border:2px solid #ffae00}.content_guide h5{font-size:132%;font-weight:bold;text-align:center;margin-bottom:20px}.content_guide h6{font-size:117%;font-weight:bold;text-align:center;margin-bottom:20px}.guidlinedate{font-size:117%;font-weight:bold;text-align:center;margin:20px 0}.iso_box{width:100%;overflow:hidden;border-left:1px solid #666}.iso_box li{float:left;width:220px;border-right:1px solid #666;border-bottom:1px solid #666}.iso_box p.no{background:#3db8ce;color:#fff;text-align:center;border-bottom:1px solid #666;padding:5px}.iso_box p.no.top{border-top:1px solid #666}.iso_box p.name{text-align:center;border-bottom:1px solid #666;padding:5px}.iso_box p.img{text-align:center;width:200px;padding:0 5px}.iso_box p.img img{width:100%;height:auto}span.co2P01_l{display:block;float:left;width:70px}span.co2P01_r{display:block;width:605px;margin-left:auto}span.co2P02_l{display:block;float:left;width:120px}span.co2P02_r{display:block;width:555px;margin-left:auto}span.co2P03_l{display:block;float:left;width:85px}span.co2P03_r{display:block;width:590px;margin-left:auto}span.text_small{display:block;padding:2em;text-indent:-1.5em;margin-top:-20px}.jis03_box{width:100%;overflow:hidden;border-left:1px solid #666}.jis03_box li{float:left;width:140px;border-right:1px solid #666;border-bottom:1px solid #666}.jis03_box p.no{background:#3db8ce;color:#fff;text-align:center;border-bottom:1px solid #666;padding:5px}.jis03_box p.no.top{border-top:1px solid #666}.jis03_box p.name{text-align:center;border-bottom:1px solid #666;padding:5px}.jis03_box p.img{text-align:center;width:120px;height:120px;padding:0 5px}.iso_box p.img img{width:100%;height:auto}.jis03_box li.title{width:4em}.jis03_box li.title p{padding-left:0;padding-right:0;width:4em}.jis03_box li.title p.img{padding-top:40px;height:80px}table.jis04_box{width:100%;overflow:hidden}table.jis04_box th{background:#3db8ce;color:#fff;text-align:center;border-bottom:1px solid #666;padding:5px}table.jis04_box th.no{width:40px}table.jis04_box th.matters{width:120px}table.jis04_box th.pict{width:120px}table.jis04_box th.description{width:200px}table.jis04_box th,table.jis04_box td{border:1px solid #666}table.jis04_box td{padding:10px}table.jis04_box td.img{text-align:center}table.jis04_box td li{text-indent:-3em;padding-left:3em}div.jis4 h6{padding-top:15px;margin-bottom:10px;color:#3252a6;font-weight:bold;font-size:115%;padding-bottom:2px;border-bottom:1px solid #3252a6}.inner_table,.inner_table th,.inner_table td,.inner_table_2,.inner_table_2 th,.inner_table_2 td{border:1px solid #ddd;font-size:16px}.inner_table td{text-align:left!important}.inner_table td.ok,.inner_table td.no{text-align:center!important}.wt200{width:200px}.wt150{width:150px}.wt136{width:136px}.wt100{width:100px}.wt88{width:88px}.wt80{width:80px}.wt52{width:52px}.wt30{width:30px}.mt10{margin-top:10px}.mt15{margin-top:15px}.mt20{margin-top:20px}.mt25{margin-top:25px}.mt30{margin-top:30px}.mt35{margin-top:35px}.mt40{margin-top:40px}.mt45{margin-top:45px}.mt50{margin-top:50px}.mt55{margin-top:55px}.mt60{margin-top:60px}.mb0{margin-bottom:0!important}.mb10{margin-bottom:10px}.mb15{margin-bottom:15px}.mb20{margin-bottom:20px}.mb25{margin-bottom:25px}.mb30{margin-bottom:30px}.mb35{margin-bottom:35px}.mb40{margin-bottom:40px}.mb45{margin-bottom:45px}.mb50{margin-bottom:50px}.mb55{margin-bottom:55px}.mb60{margin-bottom:60px}sub.base_line{vertical-align:baseline}.fs124p{font-size:124%!important}#sanitary table.sanitary_pt01{width:100%;border:2px solid #4f2600;font-size:90%}#sanitary table.sanitary_pt02{width:auto;font-size:80%;font-size:80%}#sanitary table.sanitary_pt01 tr,#sanitary table.sanitary_pt01 tr th,#sanitary table.sanitary_pt02 tr,#sanitary table.sanitary_pt02 tr th{text-align:center;line-height:1.2;border:1px solid #4f2600;padding:5px 0;background-color:#efefef}#sanitary table.sanitary_pt01 td,#sanitary table.sanitary_pt02 td{background-color:#fff;border:1px solid #4f2600}#sanitary table.sanitary_pt02 td{padding:2px}#sanitary table.sanitary_pt02 td.dbl{border-bottom:2px solid #888}#sanitary span.tbl_sup{display:block;text-align:right;font-size:80%}#sanitary div.fl_box{display:flex;justify-content:flex-start}#sanitary div.fl_box img{margin-top:-14px;margin-left:10px}#sanitary div.fl_box .fl_sup{display:flex;font-size:84%;font-weight:normal;line-height:1.5;margin:4px 0 0 4px}table.wd30p{width:30%!important}.font_conditioned .link_type_a{padding:0 0 5px 15px}.font_conditioned h3.pt{background:none!important;width:auto!important;height:auto!important;margin:auto!important}.font_conditioned .section h4.label{background:0;background-color:#ececfb;width:100%;height:40px;border-radius:5px;display:flex;align-items:center;padding-left:15px}.font_conditioned .section h4.label span{font-size:14px;font-weight:bold;color:#0543a3;margin-top:2px}.section span.under_red{text-decoration:underline;color:#fa0000}.section span.bold_red{color:#fa0000;font-weight:bold}.section .left_ttl{text-align:left!important;margin:0!important;font-size:16px}.section .right_ttl{text-align:right!important;margin:0!important;font-size:16px}.font_conditioned .section h4.label{background:0;background-color:#ececfb;width:100%;height:40px;border-radius:5px;display:flex;align-items:center;padding-left:15px;margin-bottom:30px}.font_conditioned .img_box{text-align:center}.font_conditioned .ft13{font-size:13px;width:650px}.font_conditioned .accor,.font_conditioned .accor2{display:none}.font_conditioned .close{position:relative}.font_conditioned .close:after,.font_conditioned .close:before{display:block;content:" ";position:absolute;width:20px;height:2px;background-color:#73d7e5;top:12px;right:30px;cursor:pointer}.font_conditioned .close:before{transform:rotate(-90deg);transition:.3s ease-in-out}.font_conditioned .close.is-open:before{transform:rotate(0);transition:.3s ease-in-out}h5.last{font-weight:bold}.font_conditioned .accor_btn>p{cursor:pointer}.font_conditioned .section .flex_wrapper{display:flex}.font_conditioned .section .flex_wrapper .half{width:50%}.font_conditioned .section .flex_wrapper .w48p{width:48%}.font_conditioned .section .flex_wrapper .w33p{width:33%}.font_conditioned .section .flex_wrapper div.video-wrapper{width:100%!important;height:auto;padding:0!important}.sp-arr{justify-content:space-around}.mv_ttl{margin:0!important}
\ No newline at end of file
universal_design/index.html 0 → 100644
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ja" lang="ja">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta http-equiv="Content-Script-Type" content="text/javascript">
<meta http-equiv="Content-Style-Type" content="text/css">
<link rel="alternate" media="only screen and (max-width: 640px)" href="http://www.sanitary-net.com/sp/trend/study.php" />
<meta name="keywords" content="トイレ,温水洗浄便座,使い方,研究,専門医,女性,日本レストルーム工業会">
<meta name="description" content="トイレナビでは、ここでは関東学院大学 建築・環境学部 大塚研究室で行われた2020年度空気調和・衛生工学会発表論文を参考に紹介します。トイレナビは日本レストルーム工業会が運営しています。">
<title>公共トイレのユニバーサルデザイン-みんなが使うトイレ｜トイレナビ　一般社団法人 日本レストルーム工業会</title>
<!--各ページ共通項目 -->
<!-- Google Tag Manager -->
<script>
(function(w, d, s, l, i) {
w[l] = w[l] || [];
w[l].push({
'gtm.start': new Date().getTime(),
event: 'gtm.js'
});
var f = d.getElementsByTagName(s)[0],
j = d.createElement(s),
dl = l != 'dataLayer' ? '&l=' + l : '';
j.async = true;
j.src =
'https://www.googletagmanager.com/gtm.js?id=' + i + dl;
f.parentNode.insertBefore(j, f);
})(window, document, 'script', 'dataLayer', 'GTM-N4F24ZD');
</script>
<!-- End Google Tag Manager -->
<script type="text/javascript" src="../shared/js/commonparts.js"></script>
<script src="https://code.jquery.com/jquery-3.7.1.min.js" integrity="sha256-/JqT3SQfawRcv/BIHPThkBvs0OEvtFFmqPF/lYI/Cxo=" crossorigin="anonymous"></script>
<script src="https://code.jquery.com/jquery-migrate-3.4.1.min.js" integrity="sha256-UnTxHm+zKuDPLfufgEMnKGXDl6fEIjtM+n1Q6lL73ok=" crossorigin="anonymous"></script>
<script type="text/javascript" src="../shared/js/common.js"></script>
<link rel="stylesheet" href="../shared/css/reset.css" type="text/css" media="all">
<link rel="stylesheet" href="../shared/css/fontdefault.css" type="text/css" media="all">
<link rel="stylesheet" href="../shared/css/common.css" type="text/css" media="all">
<link rel="stylesheet" href="../shared/css/parts.css" type="text/css" media="all">
<!--original -->
<link rel="stylesheet" href="css/parts.css" type="text/css" media="all">
<script type="text/javascript">
//<![CDATA[
(function($) {
$(function() {
$(".pngfix").fixPng();
$("input[type='button']").click(function() {
$(".pngfix, #normal").animate({
opacity: "toggle"
});
});
});
})(jQuery);
//]]>
</script>
<script>
$(function() {
$(document).on("contextmenu", function() {
return false;
});
});
</script>
<!--[if lt IE 7]>
<script src="http://ie7-js.googlecode.com/svn/version/2.1(beta4)/IE7.js"></script>
<![endif]-->
</head>
<body class="data archives archive02 font_conditioned" id="sanitary">
<!-- Google Tag Manager (noscript) -->
<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-N4F24ZD" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
<!-- End Google Tag Manager (noscript) -->
<div id="container">
<div id="head_area">
<h1><a href="/"><img src="../shared/images/head/site_logo.png" width="478" height="60" alt="トイレナビ" /></a>
</h1>
<!-- head gmenu -->
<script type="text/javascript">
<!--
includeHead();
includeGmenu();
//
-->
</script>
<noscript>
<p>当サイトはJavaScriptをonにしてご覧ください。</p>
</noscript>
<!-- /head gmenu -->
</div>
<div id="contents_area">
<div id="pan" class="pan">
<ul>
<li class="page_g"><a href="/">トイレナビHOME</a></li>
<li class="page_g">公共トイレのユニバーサルデザイン</li>
<li class="">みんなが使うトイレ</li>
</ul>
</div>
<div id="contents" class="heightLineParent clearfix">
<!--maincontent -->
<div id="main_contents">
<h2 class="pngfix"><span><img src="images/universal.png" width="311" height="19" alt="研究" class="pngfix" /></span></h2>
<h3 class="pngfix"><span><img src="images/minna.png" width="208" height="23" alt="研究など" class="pngfix" /></span></h3>
<!--section_a -->
<div class="section clearfix" id="section_a">
<p class="mb0 mt-30">自宅でも外出先でも、排泄は年齢・障害の有無に関わらず人間にとって不可欠な行為です。そのため、だれもが快適に利用できる公共トイレを整備していくことは、高齢者、障害者をはじめとするあらゆる人々が行動範囲を広げるための重要な要素です。
</p>
<div id="section_read02" class="pngfix mb20">
<div class="index mt10 mb20 pb20" id="index">
<p class="mb0">公共トイレとは？</p>
<span class="mt0">不特定多数の方が利用する建物（駅、商業施設、公園、学校や事務所など）のトイレを指します。</span>
<div class="fl_box_c mt10">
<img src="images/store.png" alt="" width="100" height="100">
<img src="images/station.png" alt="" width="100" height="100">
<img src="images/park.png" alt="" width="100" height="100">
<img src="images/build.png" alt="" width="80" height="auto">
</div>
<p class="mb0 mt10">どんな方に配慮が必要？？</p>
<span class="mt0">例えば車椅子使用者、オストメイト、乳幼児連れや高齢者など。<br>
&nbsp;&nbsp;さらに、男女別のトイレに入りづらさを感じられる方など、多様な利用者が想定されています。</span>
<div class="fl_box_c mt10">
<img src="images/ost.JPG" alt="" width="80" height="auto">
<img src="images/carchair.JPG" alt="" width="80" height="auto">
<img src="images/infant.JPG" alt="" width="80" height="auto">
<img src="images/elder.JPG" alt="" width="80" height="auto">
<img src="images/free.JPG" alt="" width="80" height="auto">
</div>
</div>
<h4 class="written fs124p mt0 mb0">公共トイレにおける多様なユーザーへの配慮</h4>
<h4 class="mb0" id=""><span>車椅子使用者用トイレ</span></h4>
<span>車椅子でトイレを利用するには、スムーズに通過できる出入り口やトイレ内で方向転換できるスペースの確保が重要です。また、便器への移乗をサポートする手すりや座位を安定させる背もたれの設置も求められます。座位のバランスがとりにくい身体状況の方の脱衣介助が必要な場合、介助者の負担軽減のために大型ベッドを設置します。</span>
<label class="point">ポイント</label>
<ul class="rent_list03">
<li><span>車椅子に乗って開閉できる扉</span><img src="images/carchair_door.jpg" alt="" width="120" height="auto"></li>
<li><span>車椅子で回転できる広さ</span><img src="images/carchair_circle.jpg" alt="" width="120" height="auto"></li>
<li><span>手すりや背もたれの設置</span><img src="images/carchair_handrail.jpg" alt="" width="120" height="auto"></li>
<li class="last"><span>大型ベッドの設置</span><img src="images/carchair_big.jpg" alt="" width="120" height="auto"></li>
</ul>
<hr class="udhr">
<h4 class="mb0 mt40" id=""><span>オストメイト用設備を有するトイレ</span></h4>
<span>大腸がん、膀胱がんなどの治療により、お腹に排泄のためのストーマ（人工肛門・人工膀胱）を造設した人をオストメイトといいます。トイレでは、排泄物の処理やストーマ装具の交換・装着、汚れた腹部を洗浄するための設備が必要です。</span>
<label class="point">ポイント</label>
<ul class="rent_list03">
<li><span class="l bolder">・立ったまま排泄処理ができる汚物流しの設置<br>
・腹部の汚れやストーマ装具をすすぐ温水シャワー<br>
・腹部のケア用品やストーマ装具を置ける小物置き<br>
・手荷物やゴミ袋を掛けられるフック<br>
・身だしなみを整える鏡や着替え台</span></li>
<li><img src="images/ost2.jpg" alt="" width="300" height="auto"><span class="fwn">出典：国土交通省「高齢者、障害者等の円滑な移動等に<br>配慮した建築設計標準」（令和3年3月）</span></li>
</ul>
<hr class="udhr">
<h4 class="mb0 mt40" id=""><span>乳幼児用設備を有するトイレ</span></h4>
<span>乳幼児連れで外出先のトイレを利用する場合、ベビーカーごと入れる個室や月齢・年齢に応じた設備の設置が求められます。</span>
<label class="point">ポイント</label>
<ul class="rent_list03">
<li><span class="l bolder">・ベビーカーごと入れる広めのトイレ個室<br>
・大人用個室内へのベビーチェアの設置<br>
・月齢・年齢に対応した設備（おむつ替えシートや着替え台）<br>
・荷物置台やフックの設置</span></li>
<li><img src="images/babycar.jpg" alt="" width="200" height="auto"></li>
</ul>
<hr class="udhr">
<h4 class="mb0 mt40" id=""><span>一般トイレ</span></h4>
<span>一般トイレは、足腰が弱く動作が不安定になっている高齢者や、視覚障害者への配慮も必要とされています。初めて利用することも多い外出先のトイレで「流し方がわからない」「洗浄ボタンと間違えて呼び出しボタンを押した」などの問題が起こらないよう、配慮が必要です。<sup>※</sup></span>
<label class="point">ポイント</label>
<ul class="rent_list03">
<li><span class="l bolder">・足腰に優しい洋式便器<br>
・手すりの設置<br>
・分かりやすく見やすいボタン<br>
・器具配置の統一など</span></li>
<li></li>
<li></li>
</ul>
<span>※大便器まわりの操作系設備配置等の共通ルールを制定したJIS 規格もあります。<br>
<a href="https://www.sanitary-net.com/trend/rules_for_public_restroom.html" target="_blank">https://www.sanitary-net.com/trend/rules_for_public_restroom.html</a></span>
</div>
<hr class="udhr">
<h4 class="mb0 mt40" id=""><span>男女共用トイレ</span></h4>
<span>近年では、異性による介助・同伴利用（高齢者、知的・発達障害者、視覚障害者など）、性的マイノリティの方などの利用に配慮した、男女共用トイレのニーズが高まっています。</span>
<label class="point">ポイント</label>
<ul class="rent_list03">
<li><span>男女別トイレが利用しづらい人の例<br>
（異性による介助）</span><img src="images/helper.jpg" alt="" width="200" height="auto"></li>
<li><span>異性による同伴<br>&nbsp;</span><img src="images/douhan.jpg" alt="" width="200" height="auto"></li>
<li><span>性的マイノリティ（トランスジェンダー）<br>&nbsp;</span><img src="images/gender_minority.jpg" alt="" width="200" height="auto"></li>
</ul>
<p class="pagetop clear"><a href="#container" class="pageLink">ページ上部へ</a></p>
</div>
<!--section_b -->
<div class="section clearfix" id="section_b">
<h4 class="written fs124p mt0 mb0">誰もが気兼ねなく安心して利用できるトイレ</h4>
<div id="section_read02" class="pngfix mb20">
<ul class="rent_list03">
<li><span class="l normal">利用者の多様化に伴うトイレの整備が進む一方で、配慮のために様々な
器具が設置された結果、多機能トイレを利用したい人が集中し、混雑していて「使いたいときに使えない」という声も上がっています。<br>
多様な利用者がスムーズに利用できるよう、従来の多機能トイレ内にあった機能・設備をトイレ全体に適切に分散配置することが重要となってきました。</span></li>
<li><span></span><img src="images/graph1.jpg" alt="" width="300" height="auto"><span class="fwn">出典：国土交通省「共生社会におけるトイレの環境整備に関する調査研究報告書」（令和3年3月）よりグラフ作成</span></li>
</ul>
<p class="mb0">「機能分散」の考え方</p>
<ul class="rent_list03">
<li><span></span><img src="images/thinking2.jpg" alt="" width="680" height="auto"><span class="fwn mt10">国土交通省「高齢者、障害者等の円滑な移動等に配慮した建築設計標準」（令和3年3月）に加筆</span></li>
</ul>
</div>
<p class="pagetop clear"><a href="#container" class="pageLink">ページ上部へ</a></p>
</div>
<!--section_c -->
<div class="section clearfix" id="section_c">
<h4 class="written fs124p mt0 mb0">公共トイレに「心のバリアフリー」を</h4>
<p class="mb0 mt0">「心のバリアフリー」とは、様々な心身の特性や考え方を持つすべての人々が、相互に理解を深めようとコミュニケーションをとり、支え合うことです。（「ユニバーサルデザイン2020 行動計画（2017年2月ユニバーサルデザイン2020 関係閣僚会議決定）」より）
</p>
<div id="section_read02" class="pngfix mb20">
<ul class="rent_list03">
<li><span class="l bolder">政府広報オンライン<br>
「知っていますか？街の中のバリアフリーと「心のバリアフリー」」</span>
<span class="link_type_b"><a href="https://www.gov-online.go.jp/useful/article/201812/1.html" target="_blank" class="txt_left">リンクはこちら</a></span><br>
<span class="l bolder">国土交通省<br>
「障害ってどこにあるの？こころと社会のバリアフリーハンドブック」</span>
<span class="link_type_b"><a href="https://www.mlit.go.jp/sogoseisaku/barrierfree/content/001707532.pdf" target="_blank" class="txt_left">リンクはこちら（PDF）</a></span><br>
<span class="l bolder">国土交通省は、トイレの様々な設備や機能について、ポスター・チラシを作成し、トイレの適正な利用に関する広報啓発の取組を行っています。</span>
<span class="link_type_b"><a href="https://www.mlit.go.jp/sogoseisaku/barrierfree/sosei_barrierfree_tk_000011.html" target="_blank" class="txt_left">リンクはこちら</a></span>
</li>
<li><span></span><img src="images/barrir_free.JPG" alt="" width="240" height="auto"><span class="fwn">出典：国土交通省<br>「障害ってどこにあるの？ こころと社会のバリアフリーハンドブック」</span></li>
</ul>
<span>適切な配慮と、「使いたいときに使えない」を無くす機能分散で、高齢者、障害者をはじめとするあらゆる人々が
行動範囲を制限されることのない社会の実現が期待されています。<br><br>
イラスト協力：TOTO株式会社　株式会社LIXIL</span>
</div>
<p class="pagetop clear"><a href="#container" class="pageLink">ページ上部へ</a></p>
</div>
</div>
<!-- side statistics -->
<script type="text/javascript">
<!--
includeSideStatistics();
//
-->
</script>
<noscript>
<p>当サイトはJavaScriptをonにしてご覧ください。</p>
</noscript>
<!-- /side statistics -->
</div>
<div id="pan_b" class="pan">
<ul>
<li class="page_g"><a href="/">トイレナビHOME</a></li>
<li class="page_g">公共トイレのユニバーサルデザイン</li>
<li class="">みんなが使うトイレ</li>
</ul>
</div>
</div>
<!--/content-->
<!-- foot -->
<script type="text/javascript">
<!--
includeFoot();
//
-->
</script>
<noscript>
<p>当サイトはJavaScriptをonにしてご覧ください。</p>
</noscript>
<!-- /foot -->
</div>
</body>
</html>
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or sign in to comment