Skip to content

sora / sanitary-net

Go to a project
Commit 7cd48d46 by o.kimura
Options

T54いったん中断

parent 2536a18a
Inline Side-by-side
Showing with 843 additions and 718 deletions
association/index.html
......@@ -109,7 +109,7 @@
<p class="clear">また、国内はもとより国際的な技術課題や規格化などにも積極的に取り組んでまいります。<br>
喫緊の課題である気候変動問題に対しては、経団連のカーボンニュートラル行動計画のもと、一層のCO2 削減に努める所存です。<br>
当工業会に課された使命や役割を認識し、会員各社はじめ、関係省庁・関係団体の皆様と連携しながら、レストルーム業界の持続的な発展を通じて、世界中の方たちの生活文化向上に貢献してまいります。より一層のご支援とご協力を賜りますよう心よりお願い申し上げます。</p>
<p class="right_text">2022年●月<br>
<p class="right_text">2022年6月<br>
一般社団法人　日本レストルーム工業会<br>
会長　清田 徳明</p>
</div>
......
shared/js/commonparts.js
......@@ -50,7 +50,7 @@ function includeGmenu() {
"<li class='data'><a href='#'><img src='/shared/images/head/g_navi_data_off.gif' alt='研究・規格・資料' width='114' height='14' /></a>\n" +
"<ul>\n" +
"<li><a href='/trend/study.html'>研究</a></li>\n" +
"<li><a href='/trend/study.html'>規格・基準</a></li>\n" +
"<li><a href='/trend/standard.html'>規格・基準</a></li>\n" +
"<li><a href='/trend/spread.html'>統計・調査</a></li>\n" +
"<li><a href='/history/index.html'>トイレの歴史</a></li>\n" +
"<li><a href='/association/manual.html'>パンフレットなど</a></li>\n" +
......@@ -275,7 +275,7 @@ function includeGmenu2nd() {
"<li class='data'><a href='#'><img src='/shared/images/head/g_navi_data_off.gif' alt='統計・資料' width='114' height='14' /></a>\n" +
"<ul>\n" +
"<li><a href='/trend/study.html'>研究</a></li>\n" +
"<li><a href='/trend/study.html'>規格・基準</a></li>\n" +
"<li><a href='/trend/standard.html'>規格・基準</a></li>\n" +
"<li><a href='/trend/spread.html'>統計・調査</a></li>\n" +
"<li><a href='/history/index.html'>トイレの歴史</a></li>\n" +
"<li><a href='/association/manual.html'>パンフレットなど</a></li>\n" +
......
trend/css/parts.css
......@@ -12,235 +12,235 @@
div#container div#contents div#main_contents div.section h4 {
margin-bottom: 20px;
margin-bottom: 20px;
}
div#container div#contents div#main_contents div.section div.content {
width: 676px;
margin: 0 auto;
padding-bottom: 40px;
width: 676px;
margin: 0 auto;
padding-bottom: 40px;
}
div#container div#contents div#main_contents div.section div.content p {
margin-bottom: 5px;
margin-bottom: 5px;
}
div#container div#contents div#main_contents div.section div.content p.strong_text {
font-weight: bold;
font-weight: bold;
}
/* data01 */
body#data01 div#container div#contents div#main_contents .bottom_space {
margin-bottom: 80px;
margin-bottom: 80px;
}
body#data01 div#container div#contents div#main_contents .bottom_space02 {
padding-bottom: 40px;
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;
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;
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;
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;
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;
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;
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;
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;
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;
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;
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;
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;
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;
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;
padding-left: 1em;
text-indent: -1em;
}
/* interview */
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;
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;
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 span {
display: block;
width: 400px;
margin-top: 20px;
padding-left: 5px;
color: #FF7270;
font-weight: bold;
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;
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;
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;
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;
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;
margin-top: -30px;
}
body#data04 div#container div#contents div#main_contents div.section {
padding-bottom: 40px;
padding-bottom: 40px;
}
body#data04 div#container div#contents div#main_contents div.section p.read_text {
margin-bottom: 40px;
margin-bottom: 40px;
}
body#data04 div#container div#contents div#main_contents div.section div.left {
width: 200px;
float: left;
width: 200px;
float: left;
}
body#data04 div#container div#contents div#main_contents div.section div.right {
width: 450px;
margin-left: auto;
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;
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;
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;
padding-bottom: 40px;
}
body#data05 div#container div#contents div#main_contents div.section p.read_text {
margin-bottom: 40px;
margin-bottom: 40px;
}
body#data05 div#container div#contents div#main_contents div.section div.right {
width: 670px;
margin-left: auto;
margin-right: auto;
width: 670px;
margin-left: auto;
margin-right: auto;
}
/* data05 stucy02-1 */
......@@ -248,357 +248,362 @@ body#data05 div#container div#contents div#main_contents div.section div.right {
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;
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;
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;
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;
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 .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 .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 .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 .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;
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;
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;
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 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;
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;
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;
margin-top: 5px;
float: right;
width: 450px;
}
.pt15 {
padding-top: 15px;
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;
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;
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;
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;
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;
margin-bottom: 10px;
color: #3252a6;
font-weight: bold;
}
.text_right01 {
margin-left: auto;
text-align: left;
width: 20em;
margin-left: auto;
text-align: left;
width: 20em;
}
.text_right02 {
margin-left: auto;
text-align: left;
width: 15em;
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;
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%;
padding: 6px 10px 4px 10px;
line-height: 100%;
}
body#jis div#container div#contents div#main_contents table.standardTableStyle01 td.normal {
width: 130px;
width: 130px;
}
body#jis div#container div#contents div#main_contents table.standardTableStyle01 td.normal div {
border: 1px solid #949494;
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;
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;
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%;
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;
width: 290px;
border: 1px solid #62d5e7;
}
body#jis div#container div#contents div#main_contents table.standardTableStyle01 td.blue03 div {
background-color: #e9fdfe;
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;
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;
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;
border-right: 1px solid #fff;
width: 190px;
}
body#jis div#container div#contents div#main_contents table.standardTableStyle02 th.right {
width: 412px;
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;
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;
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;
font-weight: bold;
display: block;
}
body#jis div#container div#contents div#main_contents table.standardTableStyle03 {
width: 649px;
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;
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;
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;
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;
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%;
vertical-align: bottom;
line-height: 100%;
}
body#jis div#container div#contents div#main_contents table.standardTableStyle04 td.yaji01 {
text-align: center;
text-align: center;
}
body#jis div#container div#contents div#main_contents table.standardTableStyle04 td div {
margin: 0 10px 0 5px;
margin: 0 10px 0 5px;
}
body#jis div#container div#contents div#main_contents table.standardTableStyle05 {
width: 406px;
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;
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;
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;
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;
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%;
vertical-align: bottom;
line-height: 100%;
}
body#jis div#container div#contents div#main_contents table.standardTableStyle06 td.yaji01 {
text-align: center;
text-align: center;
}
body#jis div#container div#contents div#main_contents table.standardTableStyle06 td div {
margin: 0 10px 0 5px;
margin: 0 10px 0 5px;
}
body#jis div#container div#contents div#main_contents table.standardTableStyle07 {
width: 255px;
border-collapse: separate;
border-spacing: 5px;
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;
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;
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;
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%;
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%;
text-align: center;
line-height: 100%;
}
body#jis div#container div#contents div#main_contents table.standardTableStyle07 td.yaji01 {
text-align: center;
text-align: center;
}
......@@ -606,507 +611,509 @@ body#jis div#container div#contents div#main_contents table.standardTableStyle07
/* 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%;
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;
background-color: #f8f7fe;
padding: 10px;
}
/* 20141128 add */
div#container div#contents div#main_contents .textBlock01 {
margin-top: 30px;
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;
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;
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;
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;
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;
padding-bottom: 40px;
}
body#data06 div#container div#contents div#main_contents div.section p.read_text {
margin-bottom: 40px;
margin-bottom: 40px;
}
body#data06 div#container div#contents div#main_contents div.section div.left {
width: 200px;
float: left;
width: 200px;
float: left;
}
body#data06 div#container div#contents div#main_contents div.section div.right {
width: 450px;
margin-left: auto;
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;
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;
margin-top: 24px;
margin-bottom: 36px;
}
body.detail01#data06 div#container div#contents div#main_contents .intro div {
float: left;
width: 495px;
float: left;
width: 495px;
}
body.detail01#data06 div#container div#contents div#main_contents .intro div p {
padding-bottom: 30px;
padding-bottom: 30px;
}
body.detail01#data06 div#container div#contents div#main_contents .intro img.right_img {
float: right;
margin-bottom: 27px;
float: right;
margin-bottom: 27px;
}
body.detail01#data06 div#container div#contents div#main_contents .intro p.lead {
clear: both;
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;
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;
width: 670px;
}
body.detail01#data06 div#container div#contents div#main_contents div.section div.content h4.blue {
padding-left: 38px;
padding-left: 38px;
}
body.detail01#data06 div#container div#contents div#main_contents div.section div.content p.question {
clear: both;
margin-left: 0px;
/*
clear: both;
margin-left: 0px;
/*
text-indent: -2.2em;
padding-left: 2em;*/
margin-bottom: 20px;
color: #00b7cc;
font-weight: bold;
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;
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;
display: block;
float: right;
width: 610px;
}
div#container div#contents div#main_contents div.section div.content p.answer {
margin-left: 0;
margin-bottom: 20px;
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;
width: 365px;
display: block;
float: left;
}
div#container div#contents div#main_contents div.section div.content p.answer img {
float: right;
float: right;
}
div#container div#contents div#main_contents div.section div.content p.conditioned {
text-align: center;
margin-left: 60px;
margin-bottom: 20px;
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;
margin-top: 10px;
}
div#container div#contents div#main_contents div.section div.content img.right {
float: right;
margin-bottom: 40px;
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;
float: right;
margin: 15px 40px 15px 0;
}
div#container div#contents div#main_contents div.section div.content .notes {
clear: both;
clear: both;
}
div#container div#contents div#main_contents div.section div.content .notes h5 {
clear: both;
padding-top: 27px;
clear: both;
padding-top: 27px;
}
div#container div#contents div#main_contents div.section div.content .notes p {
padding: 15px 10px 0;
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;
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;
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;
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;
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;
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;
float: left;
}
div#container div#contents div#main_contents div.section div.content .notes dd {
margin-top: -5px;
padding-left: 21px;
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;
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;
background: #F8F9FB;
margin-bottom: 2em;
padding-top: 1.5em;
padding-bottom: 0;
border: solid 1px #F8F9FB;
}
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;
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;
margin-bottom: 20px;
}
div#container div#contents div#main_contents div#section_last p.lasttitle {
font-weight: bold;
color: #FF5B4C;
font-size: 120%;
text-align: center;
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;
font-weight: bold;
color: #FF5B4C;
}
div#container div#contents div#main_contents div#section_last div.content {
background-color: #fff;
padding: 30px;
background-color: #fff;
padding: 30px;
}
div#container div#contents div#main_contents div#section_last p span.no {
display: block;
float: left;
width: 20px;
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;
display: block;
float: right;
width: 600px;
}
div#container div#contents div#main_contents div#section_last ul.summary {
margin: 10px 10px 20px 25px;
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;
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;
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;
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;
padding: 5px 15px;
vertical-align: top;
}
div#container div#contents div#main_contents div#section_last table#table01 th span {
font-size: 77%;
font-size: 77%;
}
div#container div#contents div#main_contents div#section_last table#table01 td.ta_c {
text-align: center;
text-align: center;
}
div#container div#contents div#main_contents div#section_last p.legend {
float: right;
font-weight: bold;
margin-bottom: 10px;
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;
color: #66a1cc;
font-weight: bold;
}
div#container div#contents div#main_contents div#section_last p.legend .no {
color: #ff5b4b;
font-weight: bold;
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;
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%;
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;
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;
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;
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;
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;
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;
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;
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;
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;
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;
margin-top: 0px;
}
body#column #section_a h5 {
margin: 20px 0;
margin: 20px 0;
}
.section_column {
margin: 60px 0 20px 0;
padding: 20px;
border: 2px solid #eee;
/*background-color: #def0f3;*/
background-color: #f6f6f6;
margin: 60px 0 20px 0;
padding: 20px;
border: 2px solid #eee;
/*background-color: #def0f3;*/
background-color: #f6f6f6;
}
.section_column li {
font-weight: bold;
font-weight: bold;
}
p.midashiColumn01 {
position: relative;
top: -30px;
text-align: center;
margin-bottom: -10px;
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;
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;
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;
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;
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;
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;
text-align: left;
}
/* 160329 update */
div.point {
margin-top: 15px;
border: solid 1px #00B7CC;
margin-top: 15px;
border: solid 1px #00B7CC;
}
div.point h5 span {
background: #00B7CC;
padding: 2px 10px;
font-weight: bold;
color: #fff;
background: #00B7CC;
padding: 2px 10px;
font-weight: bold;
color: #fff;
}
div.point ul {
padding: 10px 20px 15px 35px;
padding: 10px 20px 15px 35px;
}
div.point ul li {
list-style-type: disc;
color: #00B7CC;
list-style-type: disc;
color: #00B7CC;
}
/*span.caution {
......@@ -1118,8 +1125,8 @@ div.point ul li {
div.content_box02 img.graph {
margin-top: 20px;
padding-bottom: 15px;
margin-top: 20px;
padding-bottom: 15px;
}
/*
......@@ -1136,26 +1143,26 @@ div#low_toilet_img img {
/* 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;
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;
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;
border: solid 1px #CCCCCC;
font-size: 12px;
padding: 5px 3px;
vertical-align: top;
}
/* 161215 update */
......@@ -1164,545 +1171,583 @@ 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;
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;
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;
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;
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;
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;
font-weight: bold;
display: block;
text-align: left;
margin-top: 10px;
}
/* 170403 update */
.pictImg01 {
width: 680px;
padding-bottom: 20px;
width: 680px;
padding-bottom: 20px;
}
.pictImg01 img {
width: 100%;
height: auto;
width: 100%;
height: auto;
}
.bottom {
overflow: hidden;
width: 600px !important;
padding: 15px 20px;
border: #ccc solid 1px;
overflow: hidden;
width: 600px !important;
padding: 15px 20px;
border: #ccc solid 1px;
}
.bottom div {
width: 50%;
float: left;
width: 50%;
float: left;
}
/* 170522 updata pictgram */
div.section_menu_pic {
background: url(../../shared/images/content/line_content.png) no-repeat bottom center;
padding-bottom: 4px;
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;
width: 86px;
position: relative;
top: 15px;
left: 35px;
}
div.section_menu_pic ul {
background-color: #ECF6F7;
padding: 25px 20px 20px 40px;
background-color: #ECF6F7;
padding: 25px 20px 20px 40px;
}
div.section_menu_pic li {
width: 310px;
float: left;
width: 310px;
float: left;
}
div.section_menu_pic li.menuTitle01 {
width: 600px;
float: none;
display: inline-block;
margin-top: 10px;
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;
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;
font-weight: bold;
}
div.pict_dl dd {
margin: 0 0 10px 1.5em;
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;
width: 100%;
border: 1px solid #ccc;
border-bottom: none;
border-right: none;
margin-top: 10px;
background: #fff;
}
div.pict_table th {
text-align: center;
text-align: center;
}
div.pict_table th:nth-child(1) {
width: 8em;
width: 8em;
}
div.pict_table th:nth-child(2) {
width: 6em;
width: 6em;
}
div.pict_table th:nth-child(3) {
width: 10em;
width: 10em;
}
div.pict_table th:nth-child(4) {
width: 45%;
width: 45%;
}
div.pict_table th,
div.pict_table td {
border-bottom: 1px solid #ccc;
border-right: 1px solid #ccc;
padding: 5px;
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;
margin: 30px auto;
text-align: center;
padding: 20px;
background: #f2f2f2;
border: 1px solid #ccc;
}
.checkaction.pict {
margin-top: 0 !important;
margin-top: 0 !important;
}
.checkaction p.checked {
margin-top: 10px;
font-weight: bold;
margin-top: 10px;
font-weight: bold;
}
.guidetext_cheked {
margin-bottom: 20px;
margin-bottom: 20px;
}
.pict_bold {
padding: 10px 0 2px 5px;
display: block;
font-weight: bold;
padding: 10px 0 2px 5px;
display: block;
font-weight: bold;
}
.pt20 {
padding-top: 20px;
padding-top: 20px;
}
.content_guide {
width: 616px;
padding: 20px 40px;
background: #f8f8f8;
border: 2px solid #FFAE00;
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;
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;
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;
font-size: 117%;
font-weight: bold;
text-align: center;
margin: 20px 0;
}
/* iso */
.iso_box {
width: 100%;
overflow: hidden;
border-left: 1px solid #666;
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;
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;
background: #3db8ce;
color: #fff;
text-align: center;
border-bottom: 1px solid #666;
padding: 5px;
}
.iso_box p.no.top {
border-top: 1px solid #666;
border-top: 1px solid #666;
}
.iso_box p.name {
text-align: center;
border-bottom: 1px solid #666;
padding: 5px;
text-align: center;
border-bottom: 1px solid #666;
padding: 5px;
}
.iso_box p.img {
text-align: center;
width: 200px;
padding: 0 5px;
text-align: center;
width: 200px;
padding: 0 5px;
}
.iso_box p.img img {
width: 100%;
height: auto;
width: 100%;
height: auto;
}
span.co2P01_l {
display: block;
float: left;
width: 70px;
display: block;
float: left;
width: 70px;
}
span.co2P01_r {
display: block;
width: 605px;
margin-left: auto;
display: block;
width: 605px;
margin-left: auto;
}
span.co2P02_l {
display: block;
float: left;
width: 120px;
display: block;
float: left;
width: 120px;
}
span.co2P02_r {
display: block;
width: 555px;
margin-left: auto;
display: block;
width: 555px;
margin-left: auto;
}
span.co2P03_l {
display: block;
float: left;
width: 85px;
display: block;
float: left;
width: 85px;
}
span.co2P03_r {
display: block;
width: 590px;
margin-left: auto;
display: block;
width: 590px;
margin-left: auto;
}
span.text_small {
display: block;
padding: 2em;
text-indent: -1.5em;
margin-top: -20px;
display: block;
padding: 2em;
text-indent: -1.5em;
margin-top: -20px;
}
/* jis03 */
.jis03_box {
width: 100%;
overflow: hidden;
border-left: 1px solid #666;
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;
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;
background: #3db8ce;
color: #fff;
text-align: center;
border-bottom: 1px solid #666;
padding: 5px;
}
.jis03_box p.no.top {
border-top: 1px solid #666;
border-top: 1px solid #666;
}
.jis03_box p.name {
text-align: center;
border-bottom: 1px solid #666;
padding: 5px;
text-align: center;
border-bottom: 1px solid #666;
padding: 5px;
}
.jis03_box p.img {
text-align: center;
width: 120px;
height: 120px;
padding: 0 5px;
text-align: center;
width: 120px;
height: 120px;
padding: 0 5px;
}
.iso_box p.img img {
width: 100%;
height: auto;
width: 100%;
height: auto;
}
.jis03_box li.title {
width: 4em;
width: 4em;
}
.jis03_box li.title p {
padding-left: 0;
padding-right: 0;
width: 4em;
padding-left: 0;
padding-right: 0;
width: 4em;
}
.jis03_box li.title p.img {
padding-top: 40px;
height: 80px;
padding-top: 40px;
height: 80px;
}
/* jis04 */
table.jis04_box {
width: 100%;
overflow: hidden;
width: 100%;
overflow: hidden;
}
table.jis04_box th {
background: #3db8ce;
color: #fff;
text-align: center;
border-bottom: 1px solid #666;
padding: 5px;
background: #3db8ce;
color: #fff;
text-align: center;
border-bottom: 1px solid #666;
padding: 5px;
}
table.jis04_box th.no {
width: 40px;
width: 40px;
}
table.jis04_box th.matters {
width: 120px;
width: 120px;
}
table.jis04_box th.pict {
width: 120px;
width: 120px;
}
table.jis04_box th.description {
width: 200px;
width: 200px;
}
table.jis04_box th,
table.jis04_box td {
border: 1px solid #666;
border: 1px solid #666;
}
table.jis04_box td {
padding: 10px;
padding: 10px;
}
table.jis04_box td.img {
text-align: center;
text-align: center;
}
table.jis04_box td li {
text-indent: -3em;
padding-left: 3em;
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;
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 {
border: 1px solid #ddd;
font-size: 16px;
border: 1px solid #ddd;
font-size: 16px;
}
.inner_table td {
text-align: left !important;
text-align: left !important;
}
.inner_table td.ok,
.inner_table td.no {
text-align: center !important;
text-align: center !important;
}
.inner_table .wt200 {
width: 200px;
width: 200px;
}
.inner_table .wt150 {
width: 150px;
width: 150px;
}
.inner_table .wt100 {
width: 100px;
width: 100px;
}
.inner_table .wt80 {
width: 80px;
width: 80px;
}
.inner_table .wt52 {
width: 52px;
width: 52px;
}
.mt10 {
margin-top: 10px;
margin-top: 10px;
}
.mt15 {
margin-top: 15px;
margin-top: 15px;
}
.mt20 {
margin-top: 20px;
margin-top: 20px;
}
.mt25 {
margin-top: 25px;
margin-top: 25px;
}
.mt30 {
margin-top: 30px;
margin-top: 30px;
}
.mt35 {
margin-top: 35px;
margin-top: 35px;
}
.mt40 {
margin-top: 40px;
margin-top: 40px;
}
.mt45 {
margin-top: 45px;
margin-top: 45px;
}
.mt50 {
margin-top: 50px;
margin-top: 50px;
}
.mt55 {
margin-top: 55px;
margin-top: 55px;
}
.mt60 {
margin-top: 60px;
margin-top: 60px;
}
.mb10 {
margin-bottom: 10px;
margin-bottom: 10px;
}
.mb15 {
margin-bottom: 15px;
margin-bottom: 15px;
}
.mb20 {
margin-bottom: 20px;
margin-bottom: 20px;
}
.mb25 {
margin-bottom: 25px;
margin-bottom: 25px;
}
.mb30 {
margin-bottom: 30px;
margin-bottom: 30px;
}
.mb35 {
margin-bottom: 35px;
margin-bottom: 35px;
}
.mb40 {
margin-bottom: 40px;
margin-bottom: 40px;
}
.mb45 {
margin-bottom: 45px;
margin-bottom: 45px;
}
.mb50 {
margin-bottom: 50px;
margin-bottom: 50px;
}
.mb55 {
margin-bottom: 55px;
margin-bottom: 55px;
}
.mb60 {
margin-bottom: 60px;
margin-bottom: 60px;
}
sub.base_line {
vertical-align: baseline;
vertical-align: baseline;
}
.fs124p {
font-size: 124% !important;
}
#sanitary table.sanitary_pt01 {
width: 100%;
border: 2px solid #4f2600;
font-size: 90%;
}
#sanitary table.sanitary_pt01 tr,
#sanitary table.sanitary_pt01 tr th {
text-align: center;
line-height: 1.2;
border: 1px solid #4f2600;
padding: 5px 0;
background-color: #efefef;
}
#sanitary table.sanitary_pt01 td {
background-color: #fff;
border: 1px solid #4f2600;
}
#sanitary span.tbl_sup {
display: block;
text-align: right;
font-size: 80%;
}
#sanitary div.fl_box {
display: flex;
}
.fs124p{
font-size: 124%!important;
#sanitary div.fl_box .fl_sup {
display: flex;
font-size: 84%;
font-weight: normal;
line-height: 1.5;
margin: 4px 0 0 4px;
}
trend/research.html
......@@ -67,7 +67,7 @@ includeGmenu();
<div id="pan" class="pan">
<ul>
<li class="page_g"><a href="/">トイレナビHOME</a></li>
<li class="page_g">研究</li>
<li class="page_g">統計・調査</li>
<li>各種調査</li>
</ul>
</div>
......
trend/sanitary01.html
......@@ -62,7 +62,7 @@
</head>
<body class="data archives archive02" id="data04">
<body class="data archives archive02" 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) -->
......@@ -104,7 +104,87 @@
<div class="section clearfix" id="section_c">
<h4 class="blue pngfix"><img src="images/section/carry_sec01.png" alt="衛生器具" width="310" height="20" />
</h4>
<div class="content">
<div id="section_read02" class="pngfix mb20">
<p class="mb10">【実験条件】</p>
<span>■供試大便器：洗い落し式タンク密結型大便器、大洗浄水量4.8L、<br>
　　　　　　　器具平均排水流量qd値0.85L/s、最大器具排水流量qmax値1.14L/s</span>
<p></p>
<span>■代用汚物</span>
<table class="sanitary_pt01">
<tbody>
<tr>
<th width="180" colspan="2">分類</th>
<th width="180">概要</th>
<th>定義</th>
<th width="50">坪量<br>
[g/m<sup>2</sup>]
</th>
<th width="50">質量<br>
[g]</th>
<th width="50">含水質量<br>
[g]</th>
</tr>
<tr>
<td width="60">BL<sup>※</sup></td>
<td width="120"><img src="images/sanitary/BL.png" width="120" height="auto"></td>
<td>平置き型トイレットペーパー<br>
0.9m×４枚<br>
（シングル仕様）</td>
<td>べターリビング基準の<br>一般的負荷条件。</td>
<td>1.76</td>
<td>7.3</td>
<td>167.5</td>
</tr>
<tr>
<td width="60">D</td>
<td width="120"><img src="images/sanitary/D.png" width="120" height="auto"></td>
<td>平置き型トイレットペーパー<br>
1.0m×6枚<br>（シングル仕様）</td>
<td>ベターリビング基準（BL）の<br>
約1.7倍の負荷条件。</td>
<td>1.77</td>
<td>12.2</td>
<td>168.9</td>
</tr>
</tbody>
</table>
<span class="tbl_sup">※ベターリビング BLT WC:2020 基準</span>
<span>■継手種類</span>
<div class="fl_box">
<p>
<img src="images/sanitary/2-1_DL.jpg" alt="" width="120" height="auto">
<span class="fl_sup">(1) DL継手<br>
(90° エルボ)</span>
</p>
<p>
<img src="images/sanitary/2-2_LL.jpg" alt="" width="120" height="auto">
<span class="fl_sup">(2) LL継手<br>
(90° 大曲りエルボ)</span>
<p>
<img src="images/sanitary/2-3_45L.jpg" alt="" width="120" height="auto">
<span class="fl_sup">(3) 45L継手<br>
(45° エルボ)</span>
</p>
</div>
<span>■配管勾配：1/100<br>
■配管径：75A（透明管）</span>
</div>
<div id="section_read02" class="pngfix mb20">
<p class="mb10">【実験結果】</p>
<div class="result_area">
ストレートおよび等間隔曲り配管形状と搬送結果
</div>
</div>
<!--div class="content">
<p>一般社団法人日本レストルーム工業会では、衛生陶器に関する様々な取り組みを行っています。<br>
ここでは関東学院大学 建築・環境学部 大塚研究室(*1)で行われた2020年度空気調和・衛生工学会発表論文を参考に紹介します。
</p>
......@@ -114,7 +194,7 @@
</ul>
<br>
<p>(*1) 関東学院大学 建築・環境学部 大塚研究室リンク（ https://kgu-otsuka-lab.com/ ）</p>
</div>
</div-->
</div>
......
trend/spread.html
......@@ -73,7 +73,7 @@ height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
<div id="pan" class="pan">
<ul>
<li class="page_g"><a href="/">トイレナビHOME</a></li>
<li class="page_g">研究</li>
<li class="page_g">統計・調査</li>
<li>各種統計</li>
</ul>
</div>
......
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