Skip to content

sora / sanitary-net

Go to a project
Commit 2361c75f by o.kimura
Options

研究ページ（朝倉先生）PC

parent 514181d6
Inline Side-by-side
Showing with 2369 additions and 1584 deletions
shared/css/common.css
...@@ -18,18 +18,18 @@ ...@@ -18,18 +18,18 @@
-----------------------------------------------------------*/ -----------------------------------------------------------*/
a { a {
color: #4371ba; color: #4371ba;
text-decoration: none; text-decoration: none;
} }
a:visited { a:visited {
color: #4371ba; color: #4371ba;
text-decoration: none; text-decoration: none;
} }
a:hover { a:hover {
color: #4371ba; color: #4371ba;
text-decoration: underline; text-decoration: underline;
} }
...@@ -39,18 +39,19 @@ a:hover { ...@@ -39,18 +39,19 @@ a:hover {
-----------------------------------------------------------*/ -----------------------------------------------------------*/
html,body{ html,
margin: 0; body {
padding: 0; margin: 0;
background-color: #f8f9fb; padding: 0;
background-color: #f8f9fb;
} }
div#container{ div#container {
width: 100%; width: 100%;
border-top: solid 6px #73d7e5; border-top: solid 6px #73d7e5;
text-align: center; text-align: center;
background-color: #fff; background-color: #fff;
} }
/*---------------------------------------------------------- /*----------------------------------------------------------
...@@ -59,117 +60,119 @@ html,body{ ...@@ -59,117 +60,119 @@ html,body{
----------------------------------------------------------*/ ----------------------------------------------------------*/
div#head_area{ div#head_area {
width: 978px; width: 978px;
margin: 0 auto -6px auto; margin: 0 auto -6px auto;
border-top: solid 6px #00b7ce; border-top: solid 6px #00b7ce;
position: relative; position: relative;
z-index: 10; z-index: 10;
top: -6px; top: -6px;
text-align: left; text-align: left;
} }
* html div#head_area{ * html div#head_area {
margin-bottom: -30px; margin-bottom: -30px;
} }
div#head_area h1{ div#head_area h1 {
width: 396px; width: 396px;
margin: 22px 0 0 0; margin: 22px 0 0 0;
float: left; float: left;
} }
div#head_area div.head_right{ div#head_area div.head_right {
width: 420px; width: 420px;
margin-left: auto; margin-left: auto;
margin-top: 16px; margin-top: 16px;
} }
div#head_area ul#sub_navi{ div#head_area ul#sub_navi {
width: 219px; width: 219px;
float:left; float: left;
padding-top: 7px; padding-top: 7px;
} }
div#head_area ul#sub_navi li{ div#head_area ul#sub_navi li {
float: left; float: left;
height: 17px; height: 17px;
font-size: 8pt; font-size: 8pt;
} }
div#head_area ul#sub_navi li a{
color: #333; div#head_area ul#sub_navi li a {
font-weight: bold; color: #333;
} font-weight: bold;
}
div#head_area ul#sub_navi li.sub01{
width: 116px; div#head_area ul#sub_navi li.sub01 {
background: url(../images/head/g_navi_line.jpg) no-repeat center right; width: 116px;
padding-right: 15px; background: url(../images/head/g_navi_line.jpg) no-repeat center right;
padding-top: 3px; padding-right: 15px;
} padding-top: 3px;
}
div#head_area ul#sub_navi li.sub02{
width: 72px; div#head_area ul#sub_navi li.sub02 {
padding-left: 15px; width: 72px;
padding-top: 3px; padding-left: 15px;
} padding-top: 3px;
}
div#langage {
float: right; div#langage {
margin-top:8px; float: right;
} margin-top: 8px;
}
div#head_area div#font_size{
float:left; div#head_area div#font_size {
width: 164px; float: left;
padding-top:18px; width: 164px;
} padding-top: 18px;
}
div#head_area div#font_size{
/float: right; div#head_area div#font_size {
} /float: right;
}
div#head_area div#font_size p{
width: 51px; div#head_area div#font_size p {
float: left; width: 51px;
padding-top: 11px; float: left;
} padding-top: 11px;
}
div#head_area div#font_size ul{
width: 96px; div#head_area div#font_size ul {
margin-left: auto; width: 96px;
} margin-left: auto;
}
div#head_area div#font_size ul{
/float: right; div#head_area div#font_size ul {
} /float: right;
}
div#head_area div#font_size li{
width: 30px; div#head_area div#font_size li {
display: inline; width: 30px;
} display: inline;
div#head_area #search_area{ }
width: 222px;
margin-left: auto; div#head_area #search_area {
} width: 222px;
margin-left: auto;
div#head_area #search_box{ }
width: 174px;
height: 20px; div#head_area #search_box {
padding: 8px; width: 174px;
background: url(../images/head/search_box.jpg) no-repeat center left; height: 20px;
border: 0; padding: 8px;
} background: url(../images/head/search_box.jpg) no-repeat center left;
border: 0;
div#head_area #search_icon{ }
position: relative;
top: 13px; div#head_area #search_icon {
/top: 4px; position: relative;
right: 0; top: 13px;
width: 32px; /top: 4px;
margin-left: auto; right: 0;
height: 32px; width: 32px;
} margin-left: auto;
height: 32px;
}
/*---------------------------------------------------------- /*----------------------------------------------------------
...@@ -178,135 +181,138 @@ div#head_area ul#sub_navi li a{ ...@@ -178,135 +181,138 @@ div#head_area ul#sub_navi li a{
---------------------------------------------------------- */ ---------------------------------------------------------- */
div#head_area div#g_menu { div#head_area div#g_menu {
clear: both; /* 150423 update */ clear: both;
margin-top: 34px; /* 150423 update */
overflow: hidden; margin-top: 34px;
font-size: 10pt; overflow: hidden;
/height: 58px; font-size: 10pt;
} /height: 58px;
}
div#head_area div#g_menu p{
width: 180px; div#head_area div#g_menu p {
margin-left: auto; width: 180px;
font-size: 0; margin-left: auto;
} font-size: 0;
}
div#head_area div#g_menu p{
/float: right; div#head_area div#g_menu p {
} /float: right;
}
div#head_area div#g_menu ul {
width: 798px; div#head_area div#g_menu ul {
float: left; width: 798px;
/margin-top: 3px; float: left;
} /margin-top: 3px;
}
div#head_area div#g_menu ul li {
margin-right: 30px; div#head_area div#g_menu ul li {
float:left; margin-right: 30px;
} float: left;
div#head_area div#g_menu ul li a { }
float: left;
padding: 0 14px 8px 14px; div#head_area div#g_menu ul li a {
text-decoration:none; float: left;
color: #fff; padding: 0 14px 8px 14px;
/padding-left: 8px; text-decoration: none;
} color: #fff;
/padding-left: 8px;
div#head_area div#g_menu li ul { }
background-color: #2FC5D9;
left: -999em; div#head_area div#g_menu li ul {
position: absolute; background-color: #2FC5D9;
width: 170px; left: -999em;
/width: 160px; position: absolute;
z-index: 9999; width: 170px;
padding-top: 10px; /width: 160px;
margin: 31px 0 0; z-index: 9999;
/margin-top: 28px; padding-top: 10px;
} margin: 31px 0 0;
/margin-top: 28px;
div#head_area div#g_menu li ul a { }
margin-right: 0;
width: 140px; div#head_area div#g_menu li ul a {
/width: 120px; margin-right: 0;
background: url(../images/head/g_navi_icon.png) no-repeat left 8px; width: 140px;
margin-left: 10px; /width: 120px;
padding-left: 10px; background: url(../images/head/g_navi_icon.png) no-repeat left 8px;
} margin-left: 10px;
padding-left: 10px;
div#head_area div#g_menu ul li a:hover, }
div#head_area div#g_menu ul li:hover > a {
color: #fff; div#head_area div#g_menu ul li a:hover,
div#head_area div#g_menu ul li:hover > a {
} color: #fff;
div#head_area div#g_menu li ul a:hover, }
div#head_area div#g_menu ul li li:hover > a {
color: #fff; div#head_area div#g_menu li ul a:hover,
} div#head_area div#g_menu ul li li:hover > a {
color: #fff;
}
div#head_area div#g_menu li:hover ul {
left: auto;
/margin-left: -90px; div#head_area div#g_menu li:hover ul {
} left: auto;
/margin-left: -90px;
}
div#head_area div#g_menu li li ul {
margin: -1px 0 0 160px;
visibility: hidden; div#head_area div#g_menu li li ul {
} margin: -1px 0 0 160px;
visibility: hidden;
div#head_area div#g_menu li li:hover ul { }
visibility: visible;
} div#head_area div#g_menu li li:hover ul {
visibility: visible;
div#head_area div#g_menu li.last{ }
margin-right: 0;
} div#head_area div#g_menu li.last {
margin-right: 0;
}
/* content main area */ /* content main area */
div#container div#contents{ div#container div#contents {
width: 980px; width: 980px;
margin: 0 auto; margin: 0 auto;
padding-bottom: 8px; padding-bottom: 8px;
background: url(../images/content/back_main_content.png) no-repeat bottom right #fff; background: url(../images/content/back_main_content.png) no-repeat bottom right #fff;
} }
/* menu action */ /* menu action */
body.index div#head_area div#g_menu li.home{ body.index div#head_area div#g_menu li.home {
border-bottom: 3px solid #2fc5d9; border-bottom: 3px solid #2fc5d9;
} }
body.toiletinfo div#head_area div#g_menu li.toiletinfo{ body.toiletinfo div#head_area div#g_menu li.toiletinfo {
border-bottom: 3px solid #2fc5d9; border-bottom: 3px solid #2fc5d9;
} }
body.data div#head_area div#g_menu li.data{ body.data div#head_area div#g_menu li.data {
border-bottom: 3px solid #2fc5d9; border-bottom: 3px solid #2fc5d9;
} }
body.qa div#head_area div#g_menu li.qa{ body.qa div#head_area div#g_menu li.qa {
border-bottom: 3px solid #2fc5d9; border-bottom: 3px solid #2fc5d9;
} }
body.info div#head_area div#g_menu li.info{ body.info div#head_area div#g_menu li.info {
border-bottom: 3px solid #2fc5d9; border-bottom: 3px solid #2fc5d9;
} }
body.association div#head_area div#g_menu li.about,
body.setsuritsu div#head_area div#g_menu li.about, body.association div#head_area div#g_menu li.about,
body.plan2 div#head_area div#g_menu li.about, body.setsuritsu div#head_area div#g_menu li.about,
body.plan div#head_area div#g_menu li.about, body.plan2 div#head_area div#g_menu li.about,
body.organization div#head_area div#g_menu li.about, body.plan div#head_area div#g_menu li.about,
body.manual div#head_area div#g_menu li.about, body.organization div#head_area div#g_menu li.about,
body.access div#head_area div#g_menu li.about, body.manual div#head_area div#g_menu li.about,
body.vision div#head_area div#g_menu li.about{ body.access div#head_area div#g_menu li.about,
border-bottom: 3px solid #2fc5d9; body.vision div#head_area div#g_menu li.about {
} border-bottom: 3px solid #2fc5d9;
}
/*---------------------------------------------------------- /*----------------------------------------------------------
...@@ -314,67 +320,67 @@ div#head_area ul#sub_navi li a{ ...@@ -314,67 +320,67 @@ div#head_area ul#sub_navi li a{
---------------------------------------------------------- */ ---------------------------------------------------------- */
div#contents_area div#pan{ div#contents_area div#pan {
width: 980px; width: 980px;
height: 46px; height: 46px;
margin: 0 auto; margin: 0 auto;
background: url(../images/head/back_pan.png) no-repeat center left; background: url(../images/head/back_pan.png) no-repeat center left;
} }
div#contents_area div#pan ul{ div#contents_area div#pan ul {
font-size: 80%; font-size: 80%;
padding: 6px 0; padding: 6px 0;
padding-left: 40px; padding-left: 40px;
padding-top: 15px; padding-top: 15px;
} }
div#contents_area div#pan li{ div#contents_area div#pan li {
display: inline; display: inline;
padding-right: 10px; padding-right: 10px;
margin-right: 5px; margin-right: 5px;
color: #00b7cc; color: #00b7cc;
} }
div#contents_area li.page_g{ div#contents_area li.page_g {
background: url(../images/common/icon_pan.png) no-repeat right 50%; background: url(../images/common/icon_pan.png) no-repeat right 50%;
} }
div#contents_area div.pan a { div#contents_area div.pan a {
color: #333; color: #333;
text-decoration: none; text-decoration: none;
} }
div#contents_area div.pan a:visited { div#contents_area div.pan a:visited {
color: #333; color: #333;
text-decoration: none; text-decoration: none;
} }
div#contents_area div.pan a:hover { div#contents_area div.pan a:hover {
color: #333; color: #333;
text-decoration: underline; text-decoration: underline;
} }
div#contents_area div#pan_b{ div#contents_area div#pan_b {
width: 980px; width: 980px;
margin: 0 auto; margin: 0 auto;
background: url(../images/footer/pan_b_home.png) no-repeat left 50%; background: url(../images/footer/pan_b_home.png) no-repeat left 50%;
} }
div#contents_area div#pan_b ul{ div#contents_area div#pan_b ul {
font-size: 80%; font-size: 80%;
padding: 6px 0; padding: 6px 0;
padding-left: 20px; padding-left: 20px;
padding-top: 15px; padding-top: 15px;
} }
div#contents_area div#pan_b li{ div#contents_area div#pan_b li {
display: inline; display: inline;
padding-right: 10px; padding-right: 10px;
margin-right: 5px; margin-right: 5px;
color: #00b7cc; color: #00b7cc;
} }
/*---------------------------------------------------------- /*----------------------------------------------------------
...@@ -382,13 +388,13 @@ div#head_area ul#sub_navi li a{ ...@@ -382,13 +388,13 @@ div#head_area ul#sub_navi li a{
----------------------------------------------------------*/ ----------------------------------------------------------*/
div#container div#contents_area{ div#container div#contents_area {
background: url(../images/head/back_head.png) no-repeat center top #f8f9fb; background: url(../images/head/back_head.png) no-repeat center top #f8f9fb;
border-top: 1px solid #ebebeb; border-top: 1px solid #ebebeb;
padding-top: 20px; padding-top: 20px;
position: relative; position: relative;
text-align: left; text-align: left;
} }
...@@ -398,94 +404,96 @@ div#head_area ul#sub_navi li a{ ...@@ -398,94 +404,96 @@ div#head_area ul#sub_navi li a{
----------------------------------------------------------*/ ----------------------------------------------------------*/
div#container div#side_content{ div#container div#side_content {
width: 219px; width: 219px;
float: left; float: left;
border-left: 1px solid #ebeced; border-left: 1px solid #ebeced;
border-right: 2px solid #F9F9F8; border-right: 2px solid #F9F9F8;
position: relative; position: relative;
top: 0; top: 0;
left: 0; left: 0;
font-size: 90%; font-size: 90%;
} }
div#container div#side_content div.first{ div#container div#side_content div.first {
background: url(../images/sidemenu/side_line.gif) repeat-y top left; background: url(../images/sidemenu/side_line.gif) repeat-y top left;
padding: 20px 10px 15px 24px; padding: 20px 10px 15px 24px;
_padding-left: 36px; _padding-left: 36px;
} }
div#container div#side_content div.first ul{ div#container div#side_content div.first ul {
margin-top: 5px; margin-top: 5px;
} }
div#container div#side_content li{ div#container div#side_content li {
padding: 4px 0 0 18px; padding: 4px 0 0 18px;
background: url(../images/common/icon_link.png) no-repeat left 8px; background: url(../images/common/icon_link.png) no-repeat left 8px;
zoom: 1; zoom: 1;
_padding-left: 20px; _padding-left: 20px;
/***/: 18px9; /***/
} : 18px9;
}
*:first-child+html div#container div#side_content li{
padding-left: 18px; *:first-child + html div#container div#side_content li {
} padding-left: 18px;
}
div#container div#side_content02{
width: 219px; div#container div#side_content02 {
float: left; width: 219px;
border-left: 1px solid #ebeced; float: left;
border-right: 2px solid #F9F9F8; border-left: 1px solid #ebeced;
position: relative; border-right: 2px solid #F9F9F8;
top: 0; position: relative;
left: 0; top: 0;
font-size: 90%; left: 0;
} font-size: 90%;
}
div#container div#side_content02 div.first{
padding: 20px 10px 15px 18px; div#container div#side_content02 div.first {
border-left: 6px solid #00b7cc; padding: 20px 10px 15px 18px;
} border-left: 6px solid #00b7cc;
}
div#container div#side_content02 div.first ul{
padding-top: 5px; div#container div#side_content02 div.first ul {
} padding-top: 5px;
}
div#container div#side_content02 li{
padding: 4px 0 0 18px; div#container div#side_content02 li {
background: url(../images/common/icon_link.png) no-repeat left 8px; padding: 4px 0 0 18px;
zoom: 1; background: url(../images/common/icon_link.png) no-repeat left 8px;
_padding-left: 20px; zoom: 1;
/***/: 18px9; _padding-left: 20px;
} /***/
: 18px9;
*:first-child+html div#container div#side_content02 li{ }
padding-left: 18px;
} *:first-child + html div#container div#side_content02 li {
padding-left: 18px;
}
div#container div#side_content03{
width: 219px;
float: left; div#container div#side_content03 {
border-left: 1px solid #ebeced; width: 219px;
border-right: 2px solid #F9F9F8; float: left;
position: relative; border-left: 1px solid #ebeced;
top: 0; border-right: 2px solid #F9F9F8;
left: 0; position: relative;
font-size: 90%; top: 0;
} left: 0;
font-size: 90%;
div#container div#side_content03 ul{ }
padding: 15px 10px 15px 18px;
border-left: 6px solid #00b7cc; div#container div#side_content03 ul {
} padding: 15px 10px 15px 18px;
border-left: 6px solid #00b7cc;
}
div#container div#side_content03 li a{
background: url(../images/common/icon_link.png) no-repeat left 10px;
padding: 8px 0 8px 18px; div#container div#side_content03 li a {
display: block; background: url(../images/common/icon_link.png) no-repeat left 10px;
} padding: 8px 0 8px 18px;
display: block;
}
/*---------------------------------------------------------- /*----------------------------------------------------------
...@@ -493,189 +501,194 @@ div#head_area ul#sub_navi li a{ ...@@ -493,189 +501,194 @@ div#head_area ul#sub_navi li a{
----------------------------------------------------------*/ ----------------------------------------------------------*/
body.eco div#container div#side_content div.eco{ body.eco div#container div#side_content div.eco {
background: url(../images/sidemenu/sidenavi_back.jpg) repeat top left; background: url(../images/sidemenu/sidenavi_back.jpg) repeat top left;
padding: 20px 10px 15px 18px; padding: 20px 10px 15px 18px;
border-left: 6px solid #00b7cc; border-left: 6px solid #00b7cc;
} }
body#eco01 div#container div#side_content div.eco li.eco01 a{ body#eco01 div#container div#side_content div.eco li.eco01 a {
font-weight: bold; font-weight: bold;
color: #666; color: #666;
} }
body#eco02 div#container div#side_content div.eco li.eco02 a{ body#eco02 div#container div#side_content div.eco li.eco02 a {
font-weight: bold; font-weight: bold;
color: #666; color: #666;
} }
body.age div#container div#side_content div.age{ body.age div#container div#side_content div.age {
background: url(../images/sidemenu/sidenavi_back.jpg) repeat top left; background: url(../images/sidemenu/sidenavi_back.jpg) repeat top left;
padding: 20px 10px 15px 18px; padding: 20px 10px 15px 18px;
border-left: 6px solid #00b7cc; border-left: 6px solid #00b7cc;
} }
body#reform02 div#container div#side_content div.age li.reform02 a{ body#reform02 div#container div#side_content div.age li.reform02 a {
font-weight: bold; font-weight: bold;
color: #666; color: #666;
} }
body#reform03 div#container div#side_content div.age li.reform03 a{ body#reform03 div#container div#side_content div.age li.reform03 a {
font-weight: bold; font-weight: bold;
color: #666; color: #666;
} }
body#reform04 div#container div#side_content div.age li.reform04 a{ body#reform04 div#container div#side_content div.age li.reform04 a {
font-weight: bold; font-weight: bold;
color: #666; color: #666;
} }
body.reform div#container div#side_content div.reform{ body.reform div#container div#side_content div.reform {
background: url(../images/sidemenu/sidenavi_back.jpg) repeat top left; background: url(../images/sidemenu/sidenavi_back.jpg) repeat top left;
padding: 20px 10px 15px 18px; padding: 20px 10px 15px 18px;
border-left: 6px solid #00b7cc; border-left: 6px solid #00b7cc;
} }
body#reform01 div#container div#side_content div.reform li.reform01 a{ body#reform01 div#container div#side_content div.reform li.reform01 a {
font-weight: bold; font-weight: bold;
color: #666; color: #666;
} }
body.clean div#container div#side_content div.clean{ body.clean div#container div#side_content div.clean {
background: url(../images/sidemenu/sidenavi_back.jpg) repeat top left; background: url(../images/sidemenu/sidenavi_back.jpg) repeat top left;
padding: 20px 10px 15px 18px; padding: 20px 10px 15px 18px;
border-left: 6px solid #00b7cc; border-left: 6px solid #00b7cc;
} }
body#clean div#container div#side_content div.clean li.clean01 a{ body#clean div#container div#side_content div.clean li.clean01 a {
font-weight: bold; font-weight: bold;
color: #666; color: #666;
} }
body#clean02 div#container div#side_content div.clean li.clean02 a{ body#clean02 div#container div#side_content div.clean li.clean02 a {
font-weight: bold; font-weight: bold;
color: #666; color: #666;
} }
body#clean03 div#container div#side_content div.clean li.clean03 a{ body#clean03 div#container div#side_content div.clean li.clean03 a {
font-weight: bold; font-weight: bold;
color: #666; color: #666;
} }
body#clean04 div#container div#side_content div.clean li.clean04 a{ body#clean04 div#container div#side_content div.clean li.clean04 a {
font-weight: bold; font-weight: bold;
color: #666; color: #666;
} }
body.archives div#container div#side_content div.archives{ body.archives div#container div#side_content div.archives {
background: url(../images/sidemenu/sidenavi_back.jpg) repeat top left; background: url(../images/sidemenu/sidenavi_back.jpg) repeat top left;
padding: 20px 10px 15px 18px; padding: 20px 10px 15px 18px;
border-left: 6px solid #00b7cc; border-left: 6px solid #00b7cc;
} }
body#data01 div#container div#side_content div.archives li.data01 a{ body#data01 div#container div#side_content div.archives li.data01 a {
font-weight: bold; font-weight: bold;
color: #666; color: #666;
} }
body#data02 div#container div#side_content div.archives li.data02 a, body#data02 div#container div#side_content div.archives li.data02 a,
body#column div#container div#side_content div.archives li.data02 a{ body#column div#container div#side_content div.archives li.data02 a {
font-weight: bold; font-weight: bold;
color: #666; color: #666;
} }
body#data03 div#container div#side_content div.archives li.data03 a, body#data03 div#container div#side_content div.archives li.data03 a,
body#jis div#container div#side_content div.archives li.data03 a, body#jis div#container div#side_content div.archives li.data03 a,
body#pictogram div#container div#side_content div.archives li.data03 a, body#pictogram div#container div#side_content div.archives li.data03 a,
body#co2 div#container div#side_content div.archives li.data03 a{ body#co2 div#container div#side_content div.archives li.data03 a {
font-weight: bold; font-weight: bold;
color: #666; color: #666;
} }
body#data04 div#container div#side_content div.archives li.data04 a{ body#data04 div#container div#side_content div.archives li.data04 a {
font-weight: bold; font-weight: bold;
color: #666; color: #666;
} }
body#data05 div#container div#side_content div.archives li.data04 a{ body#data05 div#container div#side_content div.archives li.data04 a {
font-weight: bold; font-weight: bold;
color: #666; color: #666;
} }
body.history div#container div#side_content div.history{ body.history div#container div#side_content div.history {
background: url(../images/sidemenu/sidenavi_back.jpg) repeat top left; background: url(../images/sidemenu/sidenavi_back.jpg) repeat top left;
padding: 20px 10px 15px 18px; padding: 20px 10px 15px 18px;
border-left: 6px solid #00b7cc; border-left: 6px solid #00b7cc;
} }
body#history01 div#container div#side_content div.history li.his01 a{ body#history01 div#container div#side_content div.history li.his01 a {
font-weight: bold; font-weight: bold;
color: #666; color: #666;
} }
body#history02 div#container div#side_content div.history li.his02 a{ body#history02 div#container div#side_content div.history li.his02 a {
font-weight: bold; font-weight: bold;
color: #666; color: #666;
} }
body.toilet_safe div#container div#side_content div.toilet_safe{ body.toilet_safe div#container div#side_content div.toilet_safe {
background: url(../images/sidemenu/sidenavi_back.jpg) repeat top left; background: url(../images/sidemenu/sidenavi_back.jpg) repeat top left;
padding: 20px 10px 15px 18px; padding: 20px 10px 15px 18px;
border-left: 6px solid #00b7cc; border-left: 6px solid #00b7cc;
} }
body.seat_safe div#container div#side_content div.seat_safe{ body.seat_safe div#container div#side_content div.seat_safe {
background: url(../images/sidemenu/sidenavi_back.jpg) repeat top left; background: url(../images/sidemenu/sidenavi_back.jpg) repeat top left;
padding: 20px 10px 15px 18px; padding: 20px 10px 15px 18px;
border-left: 6px solid #00b7cc; border-left: 6px solid #00b7cc;
} }
body.etc div#container div#side_content div.etc{ body.etc div#container div#side_content div.etc {
background: url(../images/sidemenu/sidenavi_back.jpg) repeat top left; background: url(../images/sidemenu/sidenavi_back.jpg) repeat top left;
padding: 20px 10px 15px 18px; padding: 20px 10px 15px 18px;
border-left: 6px solid #00b7cc; border-left: 6px solid #00b7cc;
} }
body.association div#container div#side_content02 div.side_association{ body.association div#container div#side_content02 div.side_association {
background: url(../images/sidemenu/sidenavi_back.jpg) repeat top left; background: url(../images/sidemenu/sidenavi_back.jpg) repeat top left;
padding: 20px 10px 15px 18px; padding: 20px 10px 15px 18px;
border-left: 6px solid #00b7cc; border-left: 6px solid #00b7cc;
} }
body.association div#container div#side_content02 li.association a{ body.association div#container div#side_content02 li.association a {
font-weight: bold; font-weight: bold;
color: #666; color: #666;
} }
body.setsuritsu div#container div#side_content02 li.setsuritsu a{ body.setsuritsu div#container div#side_content02 li.setsuritsu a {
font-weight: bold; font-weight: bold;
color: #666; color: #666;
} }
body.vision div#container div#side_content02 li.vision a{ body.vision div#container div#side_content02 li.vision a {
font-weight: bold; font-weight: bold;
color: #666; color: #666;
} }
body.organization div#container div#side_content02 li.organization a{
font-weight: bold; body.organization div#container div#side_content02 li.organization a {
color: #666; font-weight: bold;
} color: #666;
body.plan div#container div#side_content02 li.plan a{ }
font-weight: bold;
color: #666; body.plan div#container div#side_content02 li.plan a {
} font-weight: bold;
body.plan2 div#container div#side_content02 li.plan2 a{ color: #666;
font-weight: bold; }
color: #666;
} body.plan2 div#container div#side_content02 li.plan2 a {
body.access div#container div#side_content02 li.access a{ font-weight: bold;
font-weight: bold; color: #666;
color: #666; }
}
body.manual div#container div#side_content02 li.manual a{ body.access div#container div#side_content02 li.access a {
font-weight: bold; font-weight: bold;
color: #666; color: #666;
} }
body.manual div#container div#side_content02 li.manual a {
font-weight: bold;
color: #666;
}
/*---------------------------------------------------------- /*----------------------------------------------------------
...@@ -683,134 +696,134 @@ div#head_area ul#sub_navi li a{ ...@@ -683,134 +696,134 @@ div#head_area ul#sub_navi li a{
----------------------------------------------------------*/ ----------------------------------------------------------*/
div#container div#footer{ div#container div#footer {
width: 100%; width: 100%;
background-color: #f8f9fb; background-color: #f8f9fb;
height: 480px; height: 480px;
font-size: 10pt; font-size: 10pt;
/* /*
z-index: 20; z-index: 20;
position: absolute; position: absolute;
bottom: 0;*/ bottom: 0;*/
} }
div#container div#pagetop{ div#container div#pagetop {
width: 980px; width: 980px;
height: 30px; height: 30px;
margin: 0 auto; margin: 0 auto;
text-align: right; text-align: right;
position: relative; position: relative;
} }
div#container div#footer_main{ div#container div#footer_main {
width: 100%; width: 100%;
height: 100%; height: 100%;
background-color: #00b7ce; background-color: #00b7ce;
color: #fff; color: #fff;
text-align: left; text-align: left;
} }
div#container div#footer_area{ div#container div#footer_area {
width: 978px; width: 978px;
margin: 0 auto; margin: 0 auto;
padding-top: 35px; padding-top: 35px;
margin-bottom: 35px; margin-bottom: 35px;
} }
div#footer_area div{ div#footer_area div {
float: left; float: left;
padding-top: 8px; padding-top: 8px;
} }
div#footer_area div ul{ div#footer_area div ul {
margin-bottom: 25px; margin-bottom: 25px;
} }
div#footer_area div li{ div#footer_area div li {
padding: 0 0 5px 5px; padding: 0 0 5px 5px;
} }
div#footer_area div ul li{ div#footer_area div ul li {
padding: 0 0 0 10px; padding: 0 0 0 10px;
height: 100%; height: 100%;
background: url(../images/head/g_navi_icon.png) no-repeat left 50%; background: url(../images/head/g_navi_icon.png) no-repeat left 50%;
margin-left: 5px; margin-left: 5px;
} }
div#footer_area div p{ div#footer_area div p {
padding: 0 0 10px 5px; padding: 0 0 10px 5px;
color: #3C5989; color: #3C5989;
font-weight: bold; font-weight: bold;
} }
div#footer_a{ div#footer_a {
padding-left: 5px; padding-left: 5px;
width:370px; width: 370px;
background: url(../images/footer/footer_line.png) repeat-y right top; background: url(../images/footer/footer_line.png) repeat-y right top;
} }
div#footer_a ul.ul_float li{ div#footer_a ul.ul_float li {
width: 150px; width: 150px;
float: left; float: left;
} }
div#footer_b{ div#footer_b {
width: 190px; width: 190px;
padding-left: 25px; padding-left: 25px;
padding-right: 25px; padding-right: 25px;
background: url(../images/footer/footer_line.png) repeat-y right top; background: url(../images/footer/footer_line.png) repeat-y right top;
} }
div#footer_c{ div#footer_c {
width: 200px; width: 200px;
padding-left: 25px; padding-left: 25px;
background: url(../images/footer/footer_line.png) repeat-y right top; background: url(../images/footer/footer_line.png) repeat-y right top;
} }
div#footer_c span{ div#footer_c span {
font-size: 8pt; font-size: 8pt;
font-weight: normal; font-weight: normal;
} }
div#footer_d{ div#footer_d {
width: 110px; width: 110px;
padding-left: 25px; padding-left: 25px;
} }
div#footer_area div a { div#footer_area div a {
color: #fff; color: #fff;
text-decoration: none; text-decoration: none;
} }
div#footer_area div a:visited { div#footer_area div a:visited {
color: #fff; color: #fff;
text-decoration: none; text-decoration: none;
} }
div#footer_area div a:hover { div#footer_area div a:hover {
color: #fff; color: #fff;
text-decoration: underline; text-decoration: underline;
} }
div#container div#footer_main div#copyright{ div#container div#footer_main div#copyright {
font-size: 8pt; font-size: 8pt;
text-align: center; text-align: center;
border-top: 1px solid #05A8BE; border-top: 1px solid #05A8BE;
} }
div#container div#footer_main div#copyright p{ div#container div#footer_main div#copyright p {
border-top: 1px solid #2BC3D6; border-top: 1px solid #2BC3D6;
padding-top: 10px; padding-top: 10px;
} }
/*---------------------------------------------------------- /*----------------------------------------------------------
Common style Common style
-----------------------------------------------------------*/ -----------------------------------------------------------*/
.sub{ .sub {
vertical-align: sub; vertical-align: sub;
} }
/*---------------------------------------------------------- /*----------------------------------------------------------
...@@ -822,15 +835,15 @@ div#footer_area div a:hover { ...@@ -822,15 +835,15 @@ div#footer_area div a:hover {
/*clearfix*/ /*clearfix*/
.clearfix:after { .clearfix:after {
content: "."; content: ".";
display: block; display: block;
height: 0; height: 0;
clear: both; clear: both;
visibility: hidden; visibility: hidden;
} }
.clearfix { .clearfix {
zoom: 1; zoom: 1;
} }
...@@ -841,200 +854,514 @@ div#footer_area div a:hover { ...@@ -841,200 +854,514 @@ div#footer_area div a:hover {
-----------------------------------------------------------*/ -----------------------------------------------------------*/
/* !Margin ------------------------------------------------------------------ */ /* !Margin ------------------------------------------------------------------ */
.mt00 { margin-top: 0 !important;} .mt00 {
.mt05 { margin-top: 5px !important;} margin-top: 0 !important;
.mt10 { margin-top:10px !important;} }
.mt12 { margin-top:12px !important;}
.mt15 { margin-top:15px !important;} .mt05 {
.mt20 { margin-top:20px !important;} margin-top: 5px !important;
.mt25 { margin-top:25px !important;} }
.mt30 { margin-top:30px !important;}
.mt35 { margin-top:35px !important;} .mt10 {
.mt40 { margin-top:40px !important;} margin-top: 10px !important;
.mt45 { margin-top:45px !important;} }
.mt50 { margin-top:50px !important;}
.mr00 { margin-right: 0 !important;} .mt12 {
.mr05 { margin-right: 5px !important;} margin-top: 12px !important;
.mr10 { margin-right:10px !important;} }
.mr12 { margin-right:12px !important;}
.mr15 { margin-right:15px !important;} .mt15 {
.mr20 { margin-right:20px !important;} margin-top: 15px !important;
.mr25 { margin-right:25px !important;} }
.mr30 { margin-right:30px !important;}
.mr35 { margin-right:35px !important;} .mt20 {
.mr40 { margin-right:40px !important;} margin-top: 20px !important;
.mr45 { margin-right:45px !important;} }
.mr50 { margin-right:50px !important;}
.mb00 { margin-bottom: 0 !important;} .mt25 {
.mb05 { margin-bottom: 5px !important;} margin-top: 25px !important;
.mb10 { margin-bottom:10px !important;} }
.mb12 { margin-bottom:12px !important;}
.mb15 { margin-bottom:15px !important;} .mt30 {
.mb20 { margin-bottom:20px !important;} margin-top: 30px !important;
.mb25 { margin-bottom:25px !important;} }
.mb30 { margin-bottom:30px !important;}
.mb35 { margin-bottom:35px !important;} .mt35 {
.mb40 { margin-bottom:40px !important;} margin-top: 35px !important;
.mb45 { margin-bottom:45px !important;} }
.mb50 { margin-bottom:50px !important;}
.mb100 { margin-bottom:100px !important;} .mt40 {
.ml00 { margin-left: 0 !important;} margin-top: 40px !important;
.ml05 { margin-left: 5px !important;} }
.ml10 { margin-left:10px !important;}
.ml12 { margin-left:12px !important;} .mt45 {
.ml15 { margin-left:15px !important;} margin-top: 45px !important;
.ml20 { margin-left:20px !important;} }
.ml25 { margin-left:25px !important;}
.ml30 { margin-left:30px !important;} .mt50 {
.ml35 { margin-left:35px !important;} margin-top: 50px !important;
.ml40 { margin-left:40px !important;} }
.ml45 { margin-left:45px !important;}
.ml50 { margin-left:50px !important;} .mr00 {
.ml55 { margin-left:55px !important;} margin-right: 0 !important;
.ml60 { margin-left:60px !important;} }
.ml65 { margin-left:65px !important;}
.ml70 { margin-left:70px !important;} .mr05 {
.ml-75 { margin-left:-75px !important;} margin-right: 5px !important;
}
.mr10 {
margin-right: 10px !important;
}
.mr12 {
margin-right: 12px !important;
}
.mr15 {
margin-right: 15px !important;
}
.mr20 {
margin-right: 20px !important;
}
.mr25 {
margin-right: 25px !important;
}
.mr30 {
margin-right: 30px !important;
}
.mr35 {
margin-right: 35px !important;
}
.mr40 {
margin-right: 40px !important;
}
.mr45 {
margin-right: 45px !important;
}
.mr50 {
margin-right: 50px !important;
}
.mb00 {
margin-bottom: 0 !important;
}
.mb05 {
margin-bottom: 5px !important;
}
.mb10 {
margin-bottom: 10px !important;
}
.mb12 {
margin-bottom: 12px !important;
}
.mb15 {
margin-bottom: 15px !important;
}
.mb20 {
margin-bottom: 20px !important;
}
.mb25 {
margin-bottom: 25px !important;
}
.mb30 {
margin-bottom: 30px !important;
}
.mb35 {
margin-bottom: 35px !important;
}
.mb40 {
margin-bottom: 40px !important;
}
.mb45 {
margin-bottom: 45px !important;
}
.mb50 {
margin-bottom: 50px !important;
}
.mb100 {
margin-bottom: 100px !important;
}
.ml00 {
margin-left: 0 !important;
}
.ml05 {
margin-left: 5px !important;
}
.ml10 {
margin-left: 10px !important;
}
.ml12 {
margin-left: 12px !important;
}
.ml15 {
margin-left: 15px !important;
}
.ml20 {
margin-left: 20px !important;
}
.ml25 {
margin-left: 25px !important;
}
.ml30 {
margin-left: 30px !important;
}
.ml35 {
margin-left: 35px !important;
}
.ml40 {
margin-left: 40px !important;
}
.ml45 {
margin-left: 45px !important;
}
.ml50 {
margin-left: 50px !important;
}
.ml55 {
margin-left: 55px !important;
}
.ml60 {
margin-left: 60px !important;
}
.ml65 {
margin-left: 65px !important;
}
.ml70 {
margin-left: 70px !important;
}
.ml-75 {
margin-left: -75px !important;
}
/* !Padding ---------------------------------------------------------------- */ /* !Padding ---------------------------------------------------------------- */
.pt00 { padding-top: 0 !important;} .pt00 {
.pt05 { padding-top: 5px !important;} padding-top: 0 !important;
.pt10 { padding-top:10px !important;} }
.pt12 { padding-top:12px !important;}
.pt15 { padding-top:15px !important;} .pt05 {
.pt20 { padding-top:20px !important;} padding-top: 5px !important;
.pt25 { padding-top:25px !important;} }
.pt30 { padding-top:30px !important;}
.pt35 { padding-top:35px !important;} .pt10 {
.pt40 { padding-top:40px !important;} padding-top: 10px !important;
.pt45 { padding-top:45px !important;} }
.pt50 { padding-top:50px !important;}
.pr00 { padding-right: 0 !important;} .pt12 {
.pr05 { padding-right: 5px !important;} padding-top: 12px !important;
.pr10 { padding-right:10px !important;} }
.pr12 { padding-right:12px !important;}
.pr15 { padding-right:15px !important;} .pt15 {
.pr20 { padding-right:20px !important;} padding-top: 15px !important;
.pr25 { padding-right:25px !important;} }
.pr30 { padding-right:30px !important;}
.pr35 { padding-right:35px !important;}
.pr40 { padding-right:40px !important;}
.pr45 { padding-right:45px !important;}
.pr50 { padding-right:50px !important;}
.pb00 { padding-bottom: 0 !important;}
.pb05 { padding-bottom: 5px !important;}
.pb10 { padding-bottom:10px !important;}
.pb12 { padding-bottom:12px !important;}
.pb15 { padding-bottom:15px !important;}
.pb20 { padding-bottom:20px !important;}
.pb25 { padding-bottom:25px !important;}
.pb30 { padding-bottom:30px !important;}
.pb35 { padding-bottom:35px !important;}
.pb40 { padding-bottom:40px !important;}
.pb45 { padding-bottom:45px !important;}
.pb50 { padding-bottom:50px !important;}
.pl00 { padding-left: 0 !important;}
.pl05 { padding-left: 5px !important;}
.pl10 { padding-left:10px !important;}
.pl12 { padding-left:12px !important;}
.pl15 { padding-left:15px !important;}
.pl20 { padding-left:20px !important;}
.pl25 { padding-left:25px !important;}
.pl30 { padding-left:30px !important;}
.pl35 { padding-left:35px !important;}
.pl40 { padding-left:40px !important;}
.pl45 { padding-left:45px !important;}
.pl50 { padding-left:50px !important;}
.pt20 {
padding-top: 20px !important;
}
.pt25 {
padding-top: 25px !important;
}
.pt30 {
padding-top: 30px !important;
}
.pt35 {
padding-top: 35px !important;
}
.pt40 {
padding-top: 40px !important;
}
.pt45 {
padding-top: 45px !important;
}
.pt50 {
padding-top: 50px !important;
}
.pr00 {
padding-right: 0 !important;
}
.pr05 {
padding-right: 5px !important;
}
.pr10 {
padding-right: 10px !important;
}
.pr12 {
padding-right: 12px !important;
}
.pr15 {
padding-right: 15px !important;
}
.pr20 {
padding-right: 20px !important;
}
.pr25 {
padding-right: 25px !important;
}
.pr30 {
padding-right: 30px !important;
}
.pr35 {
padding-right: 35px !important;
}
.pr40 {
padding-right: 40px !important;
}
.pr45 {
padding-right: 45px !important;
}
.pr50 {
padding-right: 50px !important;
}
.pb00 {
padding-bottom: 0 !important;
}
.pb05 {
padding-bottom: 5px !important;
}
.pb10 {
padding-bottom: 10px !important;
}
.pb12 {
padding-bottom: 12px !important;
}
.pb15 {
padding-bottom: 15px !important;
}
.pb20 {
padding-bottom: 20px !important;
}
.pb25 {
padding-bottom: 25px !important;
}
.pb30 {
padding-bottom: 30px !important;
}
.pb35 {
padding-bottom: 35px !important;
}
.pb40 {
padding-bottom: 40px !important;
}
.pb45 {
padding-bottom: 45px !important;
}
.pb50 {
padding-bottom: 50px !important;
}
.pl00 {
padding-left: 0 !important;
}
.pl05 {
padding-left: 5px !important;
}
.pl10 {
padding-left: 10px !important;
}
.pl12 {
padding-left: 12px !important;
}
.pl15 {
padding-left: 15px !important;
}
.pl20 {
padding-left: 20px !important;
}
.pl25 {
padding-left: 25px !important;
}
.pl30 {
padding-left: 30px !important;
}
.pl35 {
padding-left: 35px !important;
}
.pl40 {
padding-left: 40px !important;
}
.pl45 {
padding-left: 45px !important;
}
.pl50 {
padding-left: 50px !important;
}
.txt_r {
text-align: right!important;
}
.txt_c {
text-align: center!important;
}
/* 150423UPDATE */ /* 150423UPDATE */
div#container div#contents02{ div#container div#contents02 {
width: 980px; width: 980px;
margin: 0 auto; margin: 0 auto;
padding-bottom: 8px; padding-bottom: 8px;
background: url(../images/content/back_main_content02.png) no-repeat bottom right #fff; background: url(../images/content/back_main_content02.png) no-repeat bottom right #fff;
} }
/* 150423 update */ /* 150423 update */
div#head_area #search_area{ div#head_area #search_area {
width: 222px; width: 222px;
margin-left: auto; margin-left: auto;
} }
#search_area #___gcse_0 { #search_area #___gcse_0 {
padding-top:45px; padding-top: 45px;
} }
#search_area .gsc-input { #search_area .gsc-input {
padding:0; padding: 0;
border-spacing: 0 !important; border-spacing: 0 !important;
width:174px !important; width: 174px !important;
} }
#search_area .gsc-input-box { #search_area .gsc-input-box {
border:none !important; border: none !important;
padding:0 !important; padding: 0 !important;
margin:0 !important; margin: 0 !important;
} }
#search_area .gsc-search-box-tools .gsc-search-box .gsc-input { #search_area .gsc-search-box-tools .gsc-search-box .gsc-input {
padding-right:0 !important; padding-right: 0 !important;
} }
#search_area table.gsc-search-box td { #search_area table.gsc-search-box td {
vertical-align:top; vertical-align: top;
} }
#search_area .gsc-input-box {
height:20px; #search_area .gsc-input-box {
} height: 20px;
}
/*#search_area input[type="text"]*/
#search_area #gs_tti50 { /*#search_area input[type="text"]*/
background: url(../images/head/search_box.jpg) no-repeat center left; #search_area #gs_tti50 {
border: none; background: url(../images/head/search_box.jpg) no-repeat center left;
line-height: 20px !important; border: none;
height: 20px !important; line-height: 20px !important;
outline: none; height: 20px !important;
} outline: none;
#search_area input[type="text"] { }
background: none !important;
} #search_area input[type="text"] {
background: none !important;
#search_area .gsib_b .gsst_b { }
padding:0 !important;
} #search_area .gsib_b .gsst_b {
padding: 0 !important;
#search_area td.gsc-search-button { }
width: 32px !important;
height: 20px !important; #search_area td.gsc-search-button {
background:url(../images/head/icon_search_off.jpg) no-repeat; width: 32px !important;
background: #657A85; height: 20px !important;
border: none; background: url(../images/head/icon_search_off.jpg) no-repeat;
line-height: 14px; background: #657A85;
height: 14px; border: none;
outline: none; line-height: 14px;
/*text-indent: -9999px;*/ height: 14px;
padding: 3px 0 !important; outline: none;
margin: 9px 2px 0 2px !important; /*text-indent: -9999px;*/
border:none; padding: 3px 0 !important;
} margin: 9px 2px 0 2px !important;
#search_area td.gsc-search-button input.gsc-search-button { border: none;
padding: 3px !important; }
margin-left: 5px !important;
} #search_area td.gsc-search-button input.gsc-search-button {
padding: 3px !important;
#search_area td.gsc-search-button input.gsc-search-button input { margin-left: 5px !important;
background:none !important; }
border:none !important;
} #search_area td.gsc-search-button input.gsc-search-button input {
background: none !important;
#search_area td.gsc-clear-button { border: none !important;
line-height: 14px; }
height: 14px;
background:#e5e5e5; #search_area td.gsc-clear-button {
} line-height: 14px;
.gsc-result .gs-title { height: 14px;
height: 1.5em !important; background: #e5e5e5;
} }
.gsc-result .gs-title {
height: 1.5em !important;
}
shared/css/parts.css
...@@ -231,12 +231,14 @@ div#container div#contents div#main_contents h4.blue { ...@@ -231,12 +231,14 @@ div#container div#contents div#main_contents h4.blue {
font-size: 14px; font-size: 14px;
} }
div#container div#contents div#main_contents h4.blue span { div#container div#contents div#main_contents h4.blue span,
div#container div#contents div#main_contents h4.red span {
font-size: 20px; font-size: 20px;
line-height: 30px; line-height: 30px;
} }
div#container div#contents div#main_contents h4.blue p { div#container div#contents div#main_contents h4.blue p,
div#container div#contents div#main_contents h4.red p {
font-size: 18px; font-size: 18px;
text-align: right; text-align: right;
line-height: 24px; line-height: 24px;
...@@ -246,7 +248,8 @@ div#container div#contents div#main_contents h4.blue p { ...@@ -246,7 +248,8 @@ div#container div#contents div#main_contents h4.blue p {
div#container div#contents div#main_contents h4.red { div#container div#contents div#main_contents h4.red {
background: url(../images/common/icon_midashi_red.png) no-repeat left top; background: url(../images/common/icon_midashi_red.png) no-repeat left top;
padding: 0 0 0 30px; padding: 0 0 0 30px;
height: 30px; font-weight: bold;
font-size: 14px;
} }
.link_type_a { .link_type_a {
......
trend/css/parts.css
...@@ -12,202 +12,235 @@ ...@@ -12,202 +12,235 @@
div#container div#contents div#main_contents div.section h4 { 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 { div#container div#contents div#main_contents div.section div.content {
width: 676px; width: 676px;
margin: 0 auto; margin: 0 auto;
padding-bottom: 40px; padding-bottom: 40px;
} }
div#container div#contents div#main_contents div.section div.content p { 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 { div#container div#contents div#main_contents div.section div.content p.strong_text {
font-weight: bold; font-weight: bold;
} }
/* data01 */ /* data01 */
body#data01 div#container div#contents div#main_contents .bottom_space { 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 { 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 { body#data01 div#container div#contents div#main_contents div.section div.content span.graf_text {
font-size: 85%; font-size: 85%;
display: block; display: block;
margin-top: 5px; margin-top: 5px;
} }
body#data01 div#container div#contents div#main_contents div.section div.content h6 { body#data01 div#container div#contents div#main_contents div.section div.content h6 {
color: #00B7CE; color: #00B7CE;
font-size: 120%; font-size: 120%;
font-weight: bold; font-weight: bold;
margin-bottom: 15px; margin-bottom: 15px;
} }
/* data02 */ /* data02 */
body#data02 div#container div#contents div#main_contents div.section div.content h6 { body#data02 div#container div#contents div#main_contents div.section div.content h6 {
color: #00B7CE; color: #00B7CE;
font-size: 110%; font-size: 110%;
font-weight: bold; font-weight: bold;
margin-bottom: 15px; margin-bottom: 15px;
} }
body#data02 div#container div#contents div#main_contents div.section div.text_detail { body#data02 div#container div#contents div#main_contents div.section div.text_detail {
width: 634px; width: 634px;
margin: 20px auto; margin: 20px auto;
padding: 20px; padding: 20px;
border: 1px dotted #ff6319; border: 1px dotted #ff6319;
} }
body#data02 div#container div#contents div#main_contents div.section div.content div.content_box { body#data02 div#container div#contents div#main_contents div.section div.content div.content_box {
margin-top: 10px; margin-top: 10px;
margin-bottom: 20px; margin-bottom: 20px;
padding: 10px; padding: 10px;
} }
body#data02 div#container div#contents div#main_contents div.section div.content div.content_box p.title { 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 { body#data02 div#container div#contents div#main_contents div.section div.content div.content_box p.title span.midashi {
display: block; display: block;
margin-right: 5px; margin-right: 5px;
float: left; float: left;
} }
body#data02 div#container div#contents div#main_contents div.section div.content div.content_box p.detail { body#data02 div#container div#contents div#main_contents div.section div.content div.content_box p.detail {
width: 260px; width: 260px;
float: left; float: left;
} }
body#data02 div#container div#contents div#main_contents div.section div.content div.content_box img { body#data02 div#container div#contents div#main_contents div.section div.content div.content_box img {
float: right; float: right;
width: 360px; width: 360px;
} }
/* add 2016/03/28 */ /* add 2016/03/28 */
body#data02 div#container div#contents div#main_contents div.section div.content div.content_box02 { body#data02 div#container div#contents div#main_contents div.section div.content div.content_box02 {
margin-top: 10px; margin-top: 10px;
margin-bottom: 20px; margin-bottom: 20px;
padding: 10px; padding: 10px;
} }
body#data02 div#container div#contents div#main_contents div.section div.content div.content_box02 p.title { 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 { 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 */ /* data03 */
body#data03 div#container div#contents div#main_contents div.section div.content ul.no-link { body#data03 div#container div#contents div#main_contents div.section div.content ul.no-link {
margin-left: 15px; margin-left: 15px;
margin-right: 15px; margin-right: 15px;
margin-bottom: 15px; margin-bottom: 15px;
} }
/* 20190123 updata */ /* 20190123 updata */
body#data03 div#container div#contents div#main_contents div.section div.content ul.no-link.list li { body#data03 div#container div#contents div#main_contents div.section div.content ul.no-link.list li {
padding-left: 1em; padding-left: 1em;
text-indent: -1em; text-indent: -1em;
} }
/* interview */ /* interview */
body#data04 div#container div#contents div#main_contents p.title { body#data04 div#container div#contents div#main_contents p.title {
background: url(../images/data04/back_title_interview.jpg) no-repeat right top; background: url(../images/data04/back_title_interview.jpg) no-repeat right top;
padding-left: 40px; padding-left: 40px;
padding-right: 20px; padding-right: 20px;
padding-top: 20px; padding-top: 20px;
height: 219px; height: 219px;
} }
body#data04 div#container div#contents div#main_contents p.title_pt2 { body#data04 div#container div#contents div#main_contents p.title_pt2 {
background: url(../images/section/back_title_interview.png) no-repeat right bottom; background: url(../images/section/back_title_interview.png) no-repeat right bottom;
padding-left: 40px; padding-left: 40px;
padding-right: 20px; padding-right: 20px;
padding-top: 0px; padding-top: 0px;
height: 266px; height: 266px;
margin-right: 55px; margin-right: 55px;
margin-top: 25px; margin-top: 25px;
} }
body#data04 div#container div#contents div#main_contents p.title span { body#data04 div#container div#contents div#main_contents p.title span {
display: block; display: block;
width: 400px; width: 400px;
margin-top: 20px; margin-top: 20px;
padding-left: 5px; padding-left: 5px;
color: #FF7270; color: #FF7270;
font-weight: bold; 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 { body#data04 div#container div#contents div#main_contents p.title_pt2 span.blue {
display: block; display: block;
width: 400px; width: 400px;
margin-top: 40px; margin-top: 40px;
padding-left: 5px; padding-left: 5px;
color: #00B7CE; color: #00B7CE;
font-weight: bold; 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_pt2 img {
margin-top:-30px; margin-top: -30px;
} }
body#data04 div#container div#contents div#main_contents div.section { 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 { 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 { body#data04 div#container div#contents div#main_contents div.section div.left {
width: 200px; width: 200px;
float: left; float: left;
} }
body#data04 div#container div#contents div#main_contents div.section div.right { body#data04 div#container div#contents div#main_contents div.section div.right {
width: 450px; width: 450px;
margin-left: auto; margin-left: auto;
} }
/* data05 */ /* data05 */
body#data05 div#container div#contents div#main_contents p.title { body#data05 div#container div#contents div#main_contents p.title {
padding-left: 40px; padding-left: 40px;
padding-bottom: 20px; padding-bottom: 20px;
padding-top: 20px; padding-top: 20px;
} }
body#data05 div#container div#contents div#main_contents p.title span { body#data05 div#container div#contents div#main_contents p.title span {
display: block; display: block;
width: 670px; width: 670px;
margin-top: 20px; margin-top: 20px;
padding-left: 5px; padding-left: 5px;
font-weight: bold; font-weight: bold;
} }
body#data05 div#container div#contents div#main_contents div.section { 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 { 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 { body#data05 div#container div#contents div#main_contents div.section div.right {
width: 670px; width: 670px;
margin-left: auto; margin-left: auto;
margin-right: auto; margin-right: auto;
} }
/* data05 stucy02-1 */ /* data05 stucy02-1 */
...@@ -215,349 +248,357 @@ body#data05 div#container div#contents div#main_contents div.section div.right { ...@@ -215,349 +248,357 @@ 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 {}
body.detail01 div#container div#contents div#main_contents div.section table.study02-1_a th { body.detail01 div#container div#contents div#main_contents div.section table.study02-1_a th {
width: 5em; width: 5em;
vertical-align: top; vertical-align: top;
padding-bottom: 5px; padding-bottom: 5px;
} }
body.detail01 div#container div#contents div#main_contents div.section table.study02-1_a td { body.detail01 div#container div#contents div#main_contents div.section table.study02-1_a td {
width: 600px; width: 600px;
vertical-align: top; vertical-align: top;
padding-bottom: 5px; padding-bottom: 5px;
} }
body#data05 div#container div#contents div#main_contents div.section div.content table.study02-1_b { body#data05 div#container div#contents div#main_contents div.section div.content table.study02-1_b,
width: 560px; body#data06 div#container div#contents div#main_contents div.section div.content table.study02-1_b {
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#data05 div#container div#contents div#main_contents div.section div.content table.study02-1_b td,
padding: 5px; body#data06 div#container div#contents div#main_contents div.section div.content table.study02-1_b td {
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#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; width: 90px;
} }
body#data05 div#container div#contents div#main_contents div.section div.content table.study02-1_b .tr02 { 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; width: 180px;
} }
body#data05 div#container div#contents div#main_contents div.section div.content table.study02-1_b .tr03 { 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; width: 180px;
} }
body#data05 div#container div#contents div#main_contents div.section div.content table.study02-1_b .tr04 { 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; width: 90px;
} }
body#data05 div#container div#contents div#main_contents div.section div.content table.study02-1_b .center { body#data05 div#container div#contents div#main_contents div.section div.content table.study02-1_b .center,
text-align: 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 .right { body#data05 div#container div#contents div#main_contents div.section div.content table.study02-1_b .center,
text-align: right; 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#data05 div#container div#contents div#main_contents div.section div.content table.study02-1_b .red,
background-color: #ffc5c1; 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#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; background-color: #cef9ff;
} }
body#data05 div#container div#contents div#main_contents div.section div.content div.study02-1_c { body#data05 div#container div#contents div#main_contents div.section div.content div.study02-1_c,
margin-bottom: 20px; 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#data05 div#container div#contents div#main_contents div.section div.content div.study02-1_c .left_img,
float: left; body#data06 div#container div#contents div#main_contents div.section div.content div.study02-1_c .left_img {
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#data05 div#container div#contents div#main_contents div.section div.content div.study02-1_c p.right_text,
margin-top: 5px; body#data06 div#container div#contents div#main_contents div.section div.content div.study02-1_c p.right_text {
float: right; margin-top: 5px;
width: 450px; float: right;
width: 450px;
} }
.pt15 { .pt15 {
padding-top: 15px; padding-top: 15px;
} }
body#section03 div#container div#contents div#main_contents p.title span { body#section03 div#container div#contents div#main_contents p.title span {
display: block; display: block;
width: 400px; width: 400px;
margin-top: 20px; margin-top: 20px;
padding-left: 5px; padding-left: 5px;
color: #02adef; color: #02adef;
font-weight: bold; font-weight: bold;
} }
/* jis */ /* jis */
body#jis div#container div#contents div#main_contents p.title { body#jis div#container div#contents div#main_contents p.title {
padding-left: 20px; padding-left: 20px;
padding-top: 20px; padding-top: 20px;
} }
body#jis div#container div#contents div#main_contents p.title span { body#jis div#container div#contents div#main_contents p.title span {
display: block; display: block;
width: 650px; width: 650px;
margin-top: 20px; margin-top: 20px;
font-weight: bold; font-weight: bold;
} }
body#jis div#container div#contents div#main_contents h6 { body#jis div#container div#contents div#main_contents h6 {
padding-top: 15px; padding-top: 15px;
margin-bottom: 10px; margin-bottom: 10px;
color: #3252a6; color: #3252a6;
font-weight: bold; font-weight: bold;
font-size: 115%; font-size: 115%;
padding-bottom: 2px; padding-bottom: 2px;
border-bottom: 1px solid #3252a6; border-bottom: 1px solid #3252a6;
} }
.blue_text01 { .blue_text01 {
margin-bottom: 10px; margin-bottom: 10px;
color: #3252a6; color: #3252a6;
font-weight: bold; font-weight: bold;
} }
.text_right01 { .text_right01 {
margin-left: auto; margin-left: auto;
text-align: left; text-align: left;
width: 20em; width: 20em;
} }
.text_right02 { .text_right02 {
margin-left: auto; margin-left: auto;
text-align: left; text-align: left;
width: 15em; width: 15em;
} }
body#jis div#container div#contents div#main_contents table.standardTableStyle01 { body#jis div#container div#contents div#main_contents table.standardTableStyle01 {
width: 645px; width: 645px;
border-collapse: separate; border-collapse: separate;
border-spacing: 2px; 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 td {}
body#jis div#container div#contents div#main_contents table.standardTableStyle01 div { body#jis div#container div#contents div#main_contents table.standardTableStyle01 div {
padding: 6px 10px 4px 10px; padding: 6px 10px 4px 10px;
line-height: 100%; line-height: 100%;
} }
body#jis div#container div#contents div#main_contents table.standardTableStyle01 td.normal { 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 { 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 { body#jis div#container div#contents div#main_contents table.standardTableStyle01 td.blue01 {
width: 130px; width: 130px;
background-color: #fff; background-color: #fff;
border: 1px solid #62d5e7; 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.blue01 div {}
body#jis div#container div#contents div#main_contents table.standardTableStyle01 td.blue02 { body#jis div#container div#contents div#main_contents table.standardTableStyle01 td.blue02 {
width: 215px; width: 215px;
background-color: #62d5e7; background-color: #62d5e7;
border: 1px solid #62d5e7; border: 1px solid #62d5e7;
} }
body#jis div#container div#contents div#main_contents table.standardTableStyle01 td.blue02 div { body#jis div#container div#contents div#main_contents table.standardTableStyle01 td.blue02 div {
color: #fff; color: #fff;
font-weight: bold; font-weight: bold;
height: 100%; height: 100%;
} }
body#jis div#container div#contents div#main_contents table.standardTableStyle01 td.blue03 { body#jis div#container div#contents div#main_contents table.standardTableStyle01 td.blue03 {
width: 290px; width: 290px;
border: 1px solid #62d5e7; border: 1px solid #62d5e7;
} }
body#jis div#container div#contents div#main_contents table.standardTableStyle01 td.blue03 div { 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.standardTableStyle01 {}
body#jis div#container div#contents div#main_contents table.standardTableStyle02, body#jis div#container div#contents div#main_contents table.standardTableStyle02,
body#co2 div#container div#contents div#main_contents table.standardTableStyle02 { body#co2 div#container div#contents div#main_contents table.standardTableStyle02 {
width: 645px; width: 645px;
border: 1px solid #dbdbdb; border: 1px solid #dbdbdb;
} }
body#jis div#container div#contents div#main_contents table.standardTableStyle02 th, body#jis div#container div#contents div#main_contents table.standardTableStyle02 th,
body#co2 div#container div#contents div#main_contents table.standardTableStyle02 th { body#co2 div#container div#contents div#main_contents table.standardTableStyle02 th {
width: 215px; width: 215px;
background-color: #62d5e7; background-color: #62d5e7;
color: #fff; color: #fff;
font-weight: bold; font-weight: bold;
height: 100%; height: 100%;
padding: 4px 10px 2px 10px; padding: 4px 10px 2px 10px;
} }
body#jis div#container div#contents div#main_contents table.standardTableStyle02 th.left { body#jis div#container div#contents div#main_contents table.standardTableStyle02 th.left {
border-right: 1px solid #fff; border-right: 1px solid #fff;
width: 190px; width: 190px;
} }
body#jis div#container div#contents div#main_contents table.standardTableStyle02 th.right { 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#jis div#container div#contents div#main_contents table.standardTableStyle02 td,
body#co2 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; padding: 10px 10px 8px 10px;
border-bottom: 1px solid #dbdbdb; border-bottom: 1px solid #dbdbdb;
} }
body#jis div#container div#contents div#main_contents table.standardTableStyle02 td.left { 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 {}
body#jis div#container div#contents div#main_contents table.standardTableStyle02 td.right span { body#jis div#container div#contents div#main_contents table.standardTableStyle02 td.right span {
font-weight: bold; font-weight: bold;
display: block; display: block;
} }
body#jis div#container div#contents div#main_contents table.standardTableStyle03 { 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 { body#jis div#container div#contents div#main_contents table.standardTableStyle03 td {
padding: 6px 0 4px 0; padding: 6px 0 4px 0;
border: 1px solid #dbdbdb; border: 1px solid #dbdbdb;
line-height: 100%; line-height: 100%;
text-align: center; text-align: center;
vertical-align: center; vertical-align: center;
width: 80px; width: 80px;
} }
body#jis div#container div#contents div#main_contents table.standardTableStyle04 { body#jis div#container div#contents div#main_contents table.standardTableStyle04 {
width: 650px; width: 650px;
border-collapse: separate; border-collapse: separate;
border-spacing: 5px; border-spacing: 5px;
} }
body#jis div#container div#contents div#main_contents table.standardTableStyle04 th { body#jis div#container div#contents div#main_contents table.standardTableStyle04 th {
width: 50px; width: 50px;
vertical-align: middle; 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 {}
body#jis div#container div#contents div#main_contents table.standardTableStyle04 td.article { body#jis div#container div#contents div#main_contents table.standardTableStyle04 td.article {
border: 1px solid #b0b0b0; border: 1px solid #b0b0b0;
width: 193px; width: 193px;
} }
body#jis div#container div#contents div#main_contents table.standardTableStyle04 td.title { body#jis div#container div#contents div#main_contents table.standardTableStyle04 td.title {
vertical-align: bottom; vertical-align: bottom;
line-height: 100%; line-height: 100%;
} }
body#jis div#container div#contents div#main_contents table.standardTableStyle04 td.yaji01 { 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 { 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 { 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 { body#jis div#container div#contents div#main_contents table.standardTableStyle05 td {
padding: 6px 0 4px 0; padding: 6px 0 4px 0;
border: 1px solid #dbdbdb; border: 1px solid #dbdbdb;
line-height: 100%; line-height: 100%;
text-align: center; text-align: center;
vertical-align: center; vertical-align: center;
width: 80px; width: 80px;
} }
body#jis div#container div#contents div#main_contents table.standardTableStyle06 { body#jis div#container div#contents div#main_contents table.standardTableStyle06 {
width: 455px; width: 455px;
border-collapse: separate; border-collapse: separate;
border-spacing: 5px; border-spacing: 5px;
} }
body#jis div#container div#contents div#main_contents table.standardTableStyle06 th { body#jis div#container div#contents div#main_contents table.standardTableStyle06 th {
width: 50px; width: 50px;
vertical-align: middle; 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 {}
body#jis div#container div#contents div#main_contents table.standardTableStyle06 td.article { body#jis div#container div#contents div#main_contents table.standardTableStyle06 td.article {
border: 1px solid #b0b0b0; border: 1px solid #b0b0b0;
width: 193px; width: 193px;
text-align: center; text-align: center;
} }
body#jis div#container div#contents div#main_contents table.standardTableStyle06 td.title { body#jis div#container div#contents div#main_contents table.standardTableStyle06 td.title {
vertical-align: bottom; vertical-align: bottom;
line-height: 100%; line-height: 100%;
} }
body#jis div#container div#contents div#main_contents table.standardTableStyle06 td.yaji01 { 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 { 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 { body#jis div#container div#contents div#main_contents table.standardTableStyle07 {
width: 255px; width: 255px;
border-collapse: separate; border-collapse: separate;
border-spacing: 5px; border-spacing: 5px;
} }
body#jis div#container div#contents div#main_contents table.standardTableStyle07 th { body#jis div#container div#contents div#main_contents table.standardTableStyle07 th {
width: 50px; width: 50px;
vertical-align: middle; 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 {}
body#jis div#container div#contents div#main_contents table.standardTableStyle07 td div { 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 { body#jis div#container div#contents div#main_contents table.standardTableStyle07 td.article {
border: 1px solid #b0b0b0; border: 1px solid #b0b0b0;
width: 193px; width: 193px;
text-align: center; text-align: center;
} }
body#jis div#container div#contents div#main_contents table.standardTableStyle07 td.title { body#jis div#container div#contents div#main_contents table.standardTableStyle07 td.title {
vertical-align: bottom; vertical-align: bottom;
line-height: 100%; line-height: 100%;
} }
body#jis div#container div#contents div#main_contents table.standardTableStyle07 td.title02 { body#jis div#container div#contents div#main_contents table.standardTableStyle07 td.title02 {
text-align: center; text-align: center;
line-height: 100%; line-height: 100%;
} }
body#jis div#container div#contents div#main_contents table.standardTableStyle07 td.yaji01 { body#jis div#container div#contents div#main_contents table.standardTableStyle07 td.yaji01 {
text-align: center; text-align: center;
} }
...@@ -565,504 +606,504 @@ body#jis div#container div#contents div#main_contents table.standardTableStyle07 ...@@ -565,504 +606,504 @@ body#jis div#container div#contents div#main_contents table.standardTableStyle07
/* QA */ /* QA */
body#jis div#container div#contents div#main_contents p.text_q { body#jis div#container div#contents div#main_contents p.text_q {
padding-top: 15px; padding-top: 15px;
margin-bottom: 3px; margin-bottom: 3px;
color: #3252a6; color: #3252a6;
font-weight: bold; font-weight: bold;
font-size: 115%; font-size: 115%;
} }
body#jis div#container div#contents div#main_contents .text_a { body#jis div#container div#contents div#main_contents .text_a {
background-color: #f8f7fe; background-color: #f8f7fe;
padding: 10px; padding: 10px;
} }
/* 20141128 add */ /* 20141128 add */
div#container div#contents div#main_contents .textBlock01 { div#container div#contents div#main_contents .textBlock01 {
margin-top: 30px; margin-top: 30px;
} }
div#container div#contents div#main_contents .textBlock01 p.midashiText01 { div#container div#contents div#main_contents .textBlock01 p.midashiText01 {
font-size: 108%; font-size: 108%;
font-weight: bold; font-weight: bold;
padding-bottom: 5px; padding-bottom: 5px;
margin-bottom: 5px; margin-bottom: 5px;
line-height: 100%; line-height: 100%;
border-bottom: 1px solid #ddd; border-bottom: 1px solid #ddd;
} }
/* 150413 update */ /* 150413 update */
/* data06 */ /* data06 */
body#data06 div#container div#contents div#main_contents h3 { 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 p.title { body#data06 div#container div#contents div#main_contents p.title {
padding-left: 40px; padding-left: 40px;
padding-bottom: 20px; padding-bottom: 20px;
padding-top: 20px; padding-top: 20px;
} }
body#data06 div#container div#contents div#main_contents p.title span { body#data06 div#container div#contents div#main_contents p.title span {
display: block; display: block;
width: 670px; width: 670px;
margin-top: 20px; margin-top: 20px;
padding-left: 5px; padding-left: 5px;
font-weight: bold; font-weight: bold;
} }
body#data06 div#container div#contents div#main_contents div.section { 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 { 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 { body#data06 div#container div#contents div#main_contents div.section div.left {
width: 200px; width: 200px;
float: left; float: left;
} }
body#data06 div#container div#contents div#main_contents div.section div.right { body#data06 div#container div#contents div#main_contents div.section div.right {
width: 450px; width: 450px;
margin-left: auto; margin-left: auto;
} }
/* data06 study03-1 */ /* data06 study03-1 */
body.detail01#data06 div#container div#contents div#main_contents .intro { body.detail01#data06 div#container div#contents div#main_contents .intro {
padding: 20px 42px 63px; padding: 20px 42px 63px;
background: url(../../shared/images/content/line_content.png) no-repeat bottom center; background: url(../../shared/images/content/line_content.png) no-repeat bottom center;
} }
body.detail01#data06 div#container div#contents div#main_contents .intro h4 { body.detail01#data06 div#container div#contents div#main_contents .intro h4 {
margin-top: 24px; margin-top: 24px;
margin-bottom: 36px; margin-bottom: 36px;
} }
body.detail01#data06 div#container div#contents div#main_contents .intro div { body.detail01#data06 div#container div#contents div#main_contents .intro div {
float: left; float: left;
width: 495px; width: 495px;
} }
body.detail01#data06 div#container div#contents div#main_contents .intro div p { 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 { body.detail01#data06 div#container div#contents div#main_contents .intro img.right_img {
float: right; float: right;
margin-bottom: 27px; margin-bottom: 27px;
} }
body.detail01#data06 div#container div#contents div#main_contents .intro p.lead { 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 { body.detail01#data06 div#container div#contents div#main_contents div.section {
width: 696px; width: 696px;
margin: 30px auto; margin: 30px auto;
padding-bottom: 30px; padding-bottom: 30px;
background: url(../../shared/images/content/line_content_s.png) no-repeat bottom centerl; 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 { 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 { 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 { body.detail01#data06 div#container div#contents div#main_contents div.section div.content p.question {
clear: both; clear: both;
margin-left: 0px; margin-left: 0px;
/* /*
text-indent: -2.2em; text-indent: -2.2em;
padding-left: 2em;*/ padding-left: 2em;*/
margin-bottom: 20px; margin-bottom: 20px;
color: #00b7cc; color: #00b7cc;
font-weight: bold; font-weight: bold;
} }
div#container div#contents div#main_contents div.section div.content p.question span.q_no { div#container div#contents div#main_contents div.section div.content p.question span.q_no {
display: block; display: block;
float: left; float: left;
width: 40px; width: 40px;
} }
div#container div#contents div#main_contents div.section div.content p.question span.q_text { div#container div#contents div#main_contents div.section div.content p.question span.q_text {
display: block; display: block;
float: right; float: right;
width: 610px; width: 610px;
} }
div#container div#contents div#main_contents div.section div.content p.answer { div#container div#contents div#main_contents div.section div.content p.answer {
margin-left: 0; margin-left: 0;
margin-bottom: 20px; margin-bottom: 20px;
} }
div#container div#contents div#main_contents div.section div.content p.answer span { div#container div#contents div#main_contents div.section div.content p.answer span {
width: 365px; width: 365px;
display: block; display: block;
float: left; float: left;
} }
div#container div#contents div#main_contents div.section div.content p.answer img { 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 { div#container div#contents div#main_contents div.section div.content p.conditioned {
text-align: center; text-align: center;
margin-left: 60px; margin-left: 60px;
margin-bottom: 20px; margin-bottom: 20px;
} }
div#container div#contents div#main_contents div.section div.content img.large { 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 { div#container div#contents div#main_contents div.section div.content img.right {
float: right; float: right;
margin-bottom: 40px; margin-bottom: 40px;
} }
div#container div#contents div#main_contents div.section div.content img.right_margin { div#container div#contents div#main_contents div.section div.content img.right_margin {
float: right; float: right;
margin: 15px 40px 15px 0; margin: 15px 40px 15px 0;
} }
div#container div#contents div#main_contents div.section div.content .notes { 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 { div#container div#contents div#main_contents div.section div.content .notes h5 {
clear: both; clear: both;
padding-top: 27px; padding-top: 27px;
} }
div#container div#contents div#main_contents div.section div.content .notes p { 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 { div#container div#contents div#main_contents div.section div.content .notes p.num {
text-indent: -1em; text-indent: -1em;
margin-left: 1em; margin-left: 1em;
padding: 15px 10px 0; padding: 15px 10px 0;
} }
div#container div#contents div#main_contents div.section div.content .notes h6 { div#container div#contents div#main_contents div.section div.content .notes h6 {
clear: both; clear: both;
padding-top: 15px; padding-top: 15px;
margin: 0 10px 10px; margin: 0 10px 10px;
color: #3252a6; color: #3252a6;
font-weight: bold; font-weight: bold;
font-size: 115%; font-size: 115%;
padding-bottom: 2px; padding-bottom: 2px;
border-bottom: 1px solid #3252a6; border-bottom: 1px solid #3252a6;
} }
div#container div#contents div#main_contents div.section div.content .notes img.large { 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 { div#container div#contents div#main_contents div.section div.content .notes img.small {
display: inline; display: inline;
float: right; float: right;
margin-top: 15px; margin-top: 15px;
margin-left: 15px; margin-left: 15px;
} }
div#container div#contents div#main_contents div.section div.content .notes dl { 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 dt,
div#container div#contents div#main_contents div.section div.content .notes dd { 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 { div#container div#contents div#main_contents div.section div.content .notes dd {
margin-top: -5px; margin-top: -5px;
padding-left: 21px; padding-left: 21px;
} }
div#container div#contents div#main_contents div#section_last { div#container div#contents div#main_contents div#section_last {
background: url(../../interview/images/content_text_line.jpg) repeat left top; background: url(../../interview/images/content_text_line.jpg) repeat left top;
padding: 4px; padding: 4px;
width: 696px; width: 696px;
margin-left: auto; margin-left: auto;
margin-right: auto; margin-right: auto;
margin-bottom: 60px; margin-bottom: 60px;
} }
div#container div#contents div#main_contents div#section_last div.att, div#container div#contents div#main_contents div#section_last div.att,
div#container div#contents div#main_contents div.section div.att { div#container div#contents div#main_contents div.section div.att {
background: #F8F9FB; background: #F8F9FB;
margin-bottom: 2em; margin-bottom: 2em;
padding-top: 1.5em; padding-top: 1.5em;
padding-bottom: 0; padding-bottom: 0;
border: solid 1px #F8F9FB; 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_last div.att p,
div#container div#contents div#main_contents div.section div.att p { div#container div#contents div#main_contents div.section div.att p {
margin-right: 1.8em; margin-right: 1.8em;
margin-left: 1.8em; margin-left: 1.8em;
margin-bottom: 20px; margin-bottom: 20px;
} }
div#container div#contents div#main_contents div#section_last p, div#container div#contents div#main_contents div#section_last p,
div#container div#contents div#main_contents div.section 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 { div#container div#contents div#main_contents div#section_last p.lasttitle {
font-weight: bold; font-weight: bold;
color: #FF5B4C; color: #FF5B4C;
font-size: 120%; font-size: 120%;
text-align: center; text-align: center;
} }
div#container div#contents div#main_contents div#section_last p.subtitle { div#container div#contents div#main_contents div#section_last p.subtitle {
font-weight: bold; font-weight: bold;
color: #FF5B4C; color: #FF5B4C;
} }
div#container div#contents div#main_contents div#section_last div.content { div#container div#contents div#main_contents div#section_last div.content {
background-color: #fff; background-color: #fff;
padding: 30px; padding: 30px;
} }
div#container div#contents div#main_contents div#section_last p span.no { div#container div#contents div#main_contents div#section_last p span.no {
display: block; display: block;
float: left; float: left;
width: 20px; width: 20px;
} }
div#container div#contents div#main_contents div#section_last p span.text { div#container div#contents div#main_contents div#section_last p span.text {
display: block; display: block;
float: right; float: right;
width: 600px; width: 600px;
} }
div#container div#contents div#main_contents div#section_last ul.summary { 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 { div#container div#contents div#main_contents div#section_last ul.summary li {
list-style-type: circle; list-style-type: circle;
padding: 10px; padding: 10px;
font-size: 120%; font-size: 120%;
border-bottom: dotted 1px #ccc; border-bottom: dotted 1px #ccc;
} }
div#container div#contents div#main_contents div#section_last table { div#container div#contents div#main_contents div#section_last table {
width: 635px; width: 635px;
margin-bottom: 40px; 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 th,
div#container div#contents div#main_contents div#section_last table td { 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 th,
div#container div#contents div#main_contents div#section_last table#table01 td { div#container div#contents div#main_contents div#section_last table#table01 td {
padding: 5px 15px; padding: 5px 15px;
vertical-align: top; vertical-align: top;
} }
div#container div#contents div#main_contents div#section_last table#table01 th span { 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 { 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 { div#container div#contents div#main_contents div#section_last p.legend {
float: right; float: right;
font-weight: bold; font-weight: bold;
margin-bottom: 10px; margin-bottom: 10px;
} }
div#container div#contents div#main_contents div#section_last p.legend .ok { div#container div#contents div#main_contents div#section_last p.legend .ok {
color: #66a1cc; color: #66a1cc;
font-weight: bold; font-weight: bold;
} }
div#container div#contents div#main_contents div#section_last p.legend .no { div#container div#contents div#main_contents div#section_last p.legend .no {
color: #ff5b4b; color: #ff5b4b;
font-weight: bold; font-weight: bold;
} }
div#container div#contents div#main_contents div#section_last table#table02, div#container div#contents div#main_contents div#section_last table#table02,
div#container div#contents div#main_contents table#table02 { div#container div#contents div#main_contents table#table02 {
clear: both; clear: both;
margin-bottom: 15px; 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 th,
div#container div#contents div#main_contents div#section_last table#table02 td, 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 th,
div#container div#contents div#main_contents table#table02 td { div#container div#contents div#main_contents table#table02 td {
padding: 5px 10px; padding: 5px 10px;
text-align: center; text-align: center;
vertical-align: middle; vertical-align: middle;
font-size: 77%; font-size: 77%;
} }
div#container div#contents div#main_contents div#section_last table#table02 th.nb, 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 { 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 div#section_last table#table02 td.ok,
div#container div#contents div#main_contents table#table02 td.ok { div#container div#contents div#main_contents table#table02 td.ok {
font-size: 120%; font-size: 120%;
color: #66a1cc; color: #66a1cc;
font-weight: bold; font-weight: bold;
} }
div#container div#contents div#main_contents div#section_last table#table02 td.no, 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 { div#container div#contents div#main_contents table#table02 td.no {
font-size: 120%; font-size: 120%;
color: #ff5b4b; color: #ff5b4b;
font-weight: bold; font-weight: bold;
} }
div#container div#contents div#main_contents div#section_last p.add { div#container div#contents div#main_contents div#section_last p.add {
margin-bottom: 5px; margin-bottom: 5px;
font-size: 85%; font-size: 85%;
text-indent: -1em; text-indent: -1em;
margin-left: 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_last .link_type_a,
div#container div#contents div#main_contents div.section .link_type_a { div#container div#contents div#main_contents div.section .link_type_a {
margin: -20px 0 0 0; margin: -20px 0 0 0;
padding: 0 0 0 15px; padding: 0 0 0 15px;
background: url(../../shared/images/common/icon_link.png)no-repeat left 6px; background: url(../../shared/images/common/icon_link.png)no-repeat left 6px;
} }
/* 20151027update */ /* 20151027update */
.study03-1Cap { .study03-1Cap {
background-color: #f8f9fb; background-color: #f8f9fb;
padding: 10px 15px !important; padding: 10px 15px !important;
font-size: 90%; font-size: 90%;
margin-bottom: 20px; margin-bottom: 20px;
} }
div.bottom { div.bottom {
font-size: 85%; font-size: 85%;
font-weight: bold; font-weight: bold;
display: block; display: block;
width: 640px; width: 640px;
text-align: left; text-align: left;
margin-top: 20px; margin-top: 20px;
} }
div.bottom ul { div.bottom ul {
list-style: disc; list-style: disc;
padding-left: 20px; padding-left: 20px;
} }
body#column div#container div#contents div#main_contents h3 { 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 { body#column div#container div#contents div#main_contents div.section {
margin-top: 0px; margin-top: 0px;
} }
body#column #section_a h5 { body#column #section_a h5 {
margin: 20px 0; margin: 20px 0;
} }
.section_column { .section_column {
margin: 60px 0 20px 0; margin: 60px 0 20px 0;
padding: 20px; padding: 20px;
border: 2px solid #eee; border: 2px solid #eee;
/*background-color: #def0f3;*/ /*background-color: #def0f3;*/
background-color: #f6f6f6; background-color: #f6f6f6;
} }
.section_column li { .section_column li {
font-weight: bold; font-weight: bold;
} }
p.midashiColumn01 { p.midashiColumn01 {
position: relative; position: relative;
top: -30px; top: -30px;
text-align: center; text-align: center;
margin-bottom: -10px; margin-bottom: -10px;
} }
/* 160218 update */ /* 160218 update */
body#data01 div#contents_area div#contents div#main_contents table.spreadTableStyle01 { body#data01 div#contents_area div#contents div#main_contents table.spreadTableStyle01 {
width: 670px; width: 670px;
border: solid 1px #dbdbdb; border: solid 1px #dbdbdb;
border-collapse: collapse; border-collapse: collapse;
border-spacing: 2px; border-spacing: 2px;
} }
body#data01 div#contents_area div#contents div#main_contents table.spreadTableStyle01 tr { 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 { body#data01 div#contents_area div#contents div#main_contents table.spreadTableStyle01 th {
border: solid 1px #fff; border: solid 1px #fff;
padding: 5px 6px 3px; padding: 5px 6px 3px;
background: #2fc5d9; background: #2fc5d9;
text-align: center; text-align: center;
color: #fff; color: #fff;
} }
body#data01 div#contents_area div#contents div#main_contents table.spreadTableStyle01 td { body#data01 div#contents_area div#contents div#main_contents table.spreadTableStyle01 td {
border: solid 1px #dbdbdb; border: solid 1px #dbdbdb;
padding: 10px 5px; padding: 10px 5px;
width: 110px; width: 110px;
vertical-align: top; vertical-align: top;
text-align: center; text-align: center;
} }
body#data01 div#contents_area div#contents div#main_contents table.spreadTableStyle01 tr.short01 td { body#data01 div#contents_area div#contents div#main_contents table.spreadTableStyle01 tr.short01 td {
background-color: #e7fcff; background-color: #e7fcff;
padding-top: 5px !important; padding-top: 5px !important;
padding-bottom: 5px !important; padding-bottom: 5px !important;
} }
body#data01 div#contents_area div#contents div#main_contents table.spreadTableStyle01 tr.detail01 td { body#data01 div#contents_area div#contents div#main_contents table.spreadTableStyle01 tr.detail01 td {
text-align: left; text-align: left;
} }
/* 160329 update */ /* 160329 update */
div.point { div.point {
margin-top: 15px; margin-top: 15px;
border: solid 1px #00B7CC; border: solid 1px #00B7CC;
} }
div.point h5 span { div.point h5 span {
background: #00B7CC; background: #00B7CC;
padding: 2px 10px; padding: 2px 10px;
font-weight: bold; font-weight: bold;
color: #fff; color: #fff;
} }
div.point ul { div.point ul {
padding: 10px 20px 15px 35px; padding: 10px 20px 15px 35px;
} }
div.point ul li { div.point ul li {
list-style-type: disc; list-style-type: disc;
color: #00B7CC; color: #00B7CC;
} }
/*span.caution { /*span.caution {
...@@ -1074,8 +1115,8 @@ div.point ul li { ...@@ -1074,8 +1115,8 @@ div.point ul li {
div.content_box02 img.graph { div.content_box02 img.graph {
margin-top: 20px; margin-top: 20px;
padding-bottom: 15px; padding-bottom: 15px;
} }
/* /*
...@@ -1092,26 +1133,26 @@ div#low_toilet_img img { ...@@ -1092,26 +1133,26 @@ div#low_toilet_img img {
/* 160427 update */ /* 160427 update */
body#data02 div#container div#contents div#main_contents div.section div.text_detail_small { body#data02 div#container div#contents div#main_contents div.section div.text_detail_small {
width: 300px; width: 300px;
margin: 15px 0 20px; margin: 15px 0 20px;
padding: 8px 15px 5px; padding: 8px 15px 5px;
border: 1px dotted #ff6319; border: 1px dotted #ff6319;
font-size: 10px; font-size: 10px;
line-height: 1.4; line-height: 1.4;
} }
table#low_toilet { table#low_toilet {
width: 100%; width: 100%;
text-align: center; text-align: center;
border: solid 1px #CCCCCC; border: solid 1px #CCCCCC;
} }
table#low_toilet th, table#low_toilet th,
table#low_toilet td { table#low_toilet td {
border: solid 1px #CCCCCC; border: solid 1px #CCCCCC;
font-size: 12px; font-size: 12px;
padding: 5px 3px; padding: 5px 3px;
vertical-align: top; vertical-align: top;
} }
/* 161215 update */ /* 161215 update */
...@@ -1120,541 +1161,541 @@ body#data02 div#container div#contents div#main_contents div.section div.ex_box ...@@ -1120,541 +1161,541 @@ 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 p {}
body#data02 div#container div#contents div#main_contents div.section div.ex_box ul { body#data02 div#container div#contents div#main_contents div.section div.ex_box ul {
overflow: hidden; overflow: hidden;
padding: 12px; padding: 12px;
border: 1px solid #ccc; border: 1px solid #ccc;
width: 412px; width: 412px;
} }
body#data02 div#container div#contents div#main_contents div.section div.ex_box li { body#data02 div#container div#contents div#main_contents div.section div.ex_box li {
width: 200px; width: 200px;
float: left; float: left;
display: block; display: block;
} }
body#data02 div#container div#contents div#main_contents div.section div.ex_box li:first-child { 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 { body#data02 div#container div#contents div#main_contents div.section div.ex_box li span.tit {
display: block; display: block;
text-align: center; text-align: center;
background: #00b7cc; background: #00b7cc;
margin-bottom: 1px; margin-bottom: 1px;
color: #fff; color: #fff;
padding: 0.2em 0; padding: 0.2em 0;
} }
body#data02 div#container div#contents div#main_contents div.section div.ex_box li span.txt { body#data02 div#container div#contents div#main_contents div.section div.ex_box li span.txt {
font-size: 82%; font-size: 82%;
text-align: right !important; text-align: right !important;
display: block; display: block;
margin-top: 5px; margin-top: 5px;
} }
body#data02 div#container div#contents div#main_contents div.section span.top { body#data02 div#container div#contents div#main_contents div.section span.top {
font-weight: bold; font-weight: bold;
display: block; display: block;
text-align: left; text-align: left;
margin-top: 10px; margin-top: 10px;
} }
/* 170403 update */ /* 170403 update */
.pictImg01 { .pictImg01 {
width: 680px; width: 680px;
padding-bottom: 20px; padding-bottom: 20px;
} }
.pictImg01 img { .pictImg01 img {
width: 100%; width: 100%;
height: auto; height: auto;
} }
.bottom { .bottom {
overflow: hidden; overflow: hidden;
width: 600px !important; width: 600px !important;
padding: 15px 20px; padding: 15px 20px;
border: #ccc solid 1px; border: #ccc solid 1px;
} }
.bottom div { .bottom div {
width: 50%; width: 50%;
float: left; float: left;
} }
/* 170522 updata pictgram */ /* 170522 updata pictgram */
div.section_menu_pic { div.section_menu_pic {
background: url(../../shared/images/content/line_content.png) no-repeat bottom center; background: url(../../shared/images/content/line_content.png) no-repeat bottom center;
padding-bottom: 4px; padding-bottom: 4px;
} }
div.section_menu_pic p.index { div.section_menu_pic p.index {
width: 86px; width: 86px;
position: relative; position: relative;
top: 15px; top: 15px;
left: 35px; left: 35px;
} }
div.section_menu_pic ul { div.section_menu_pic ul {
background-color: #ECF6F7; background-color: #ECF6F7;
padding: 25px 20px 20px 40px; padding: 25px 20px 20px 40px;
} }
div.section_menu_pic li { div.section_menu_pic li {
width: 310px; width: 310px;
float: left; float: left;
} }
div.section_menu_pic li.menuTitle01 { div.section_menu_pic li.menuTitle01 {
width: 600px; width: 600px;
float: none; float: none;
display: inline-block; display: inline-block;
margin-top: 10px; margin-top: 10px;
} }
div.section_menu_pic li a { div.section_menu_pic li a {
background: url(../../shared/images/common/icon_under.png) no-repeat left 50%; background: url(../../shared/images/common/icon_under.png) no-repeat left 50%;
padding: 5px 0 0 18px; padding: 5px 0 0 18px;
display: block; display: block;
font-weight: bold; font-weight: bold;
} }
div.pict_dl dl {} div.pict_dl dl {}
div.pict_dl dt { div.pict_dl dt {
font-weight: bold; font-weight: bold;
} }
div.pict_dl dd { div.pict_dl dd {
margin: 0 0 10px 1.5em; margin: 0 0 10px 1.5em;
} }
div.pict_table table { div.pict_table table {
width: 100%; width: 100%;
border: 1px solid #ccc; border: 1px solid #ccc;
border-bottom: none; border-bottom: none;
border-right: none; border-right: none;
margin-top: 10px; margin-top: 10px;
background: #fff; background: #fff;
} }
div.pict_table th { div.pict_table th {
text-align: center; text-align: center;
} }
div.pict_table th:nth-child(1) { div.pict_table th:nth-child(1) {
width: 8em; width: 8em;
} }
div.pict_table th:nth-child(2) { div.pict_table th:nth-child(2) {
width: 6em; width: 6em;
} }
div.pict_table th:nth-child(3) { div.pict_table th:nth-child(3) {
width: 10em; width: 10em;
} }
div.pict_table th:nth-child(4) { div.pict_table th:nth-child(4) {
width: 45%; width: 45%;
} }
div.pict_table th, div.pict_table th,
div.pict_table td { div.pict_table td {
border-bottom: 1px solid #ccc; border-bottom: 1px solid #ccc;
border-right: 1px solid #ccc; border-right: 1px solid #ccc;
padding: 5px; padding: 5px;
} }
.checkaction { .checkaction {
margin: 30px auto; margin: 30px auto;
text-align: center; text-align: center;
padding: 20px; padding: 20px;
background: #f2f2f2; background: #f2f2f2;
border: 1px solid #ccc; border: 1px solid #ccc;
} }
.checkaction.pict { .checkaction.pict {
margin-top: 0 !important; margin-top: 0 !important;
} }
.checkaction p.checked { .checkaction p.checked {
margin-top: 10px; margin-top: 10px;
font-weight: bold; font-weight: bold;
} }
.guidetext_cheked { .guidetext_cheked {
margin-bottom: 20px; margin-bottom: 20px;
} }
.pict_bold { .pict_bold {
padding: 10px 0 2px 5px; padding: 10px 0 2px 5px;
display: block; display: block;
font-weight: bold; font-weight: bold;
} }
.pt20 { .pt20 {
padding-top: 20px; padding-top: 20px;
} }
.content_guide { .content_guide {
width: 616px; width: 616px;
padding: 20px 40px; padding: 20px 40px;
background: #f8f8f8; background: #f8f8f8;
border: 2px solid #FFAE00; border: 2px solid #FFAE00;
} }
.content_guide h5 { .content_guide h5 {
font-size: 132%; font-size: 132%;
font-weight: bold; font-weight: bold;
text-align: center; text-align: center;
margin-bottom: 20px; margin-bottom: 20px;
} }
.content_guide h6 { .content_guide h6 {
font-size: 117%; font-size: 117%;
font-weight: bold; font-weight: bold;
text-align: center; text-align: center;
margin-bottom: 20px; margin-bottom: 20px;
} }
.guidlinedate { .guidlinedate {
font-size: 117%; font-size: 117%;
font-weight: bold; font-weight: bold;
text-align: center; text-align: center;
margin: 20px 0; margin: 20px 0;
} }
/* iso */ /* iso */
.iso_box { .iso_box {
width: 100%; width: 100%;
overflow: hidden; overflow: hidden;
border-left: 1px solid #666; border-left: 1px solid #666;
} }
.iso_box li { .iso_box li {
float: left; float: left;
width: 220px; width: 220px;
border-right: 1px solid #666; border-right: 1px solid #666;
border-bottom: 1px solid #666; border-bottom: 1px solid #666;
} }
.iso_box p.no { .iso_box p.no {
background: #3db8ce; background: #3db8ce;
color: #fff; color: #fff;
text-align: center; text-align: center;
border-bottom: 1px solid #666; border-bottom: 1px solid #666;
padding: 5px; padding: 5px;
} }
.iso_box p.no.top { .iso_box p.no.top {
border-top: 1px solid #666; border-top: 1px solid #666;
} }
.iso_box p.name { .iso_box p.name {
text-align: center; text-align: center;
border-bottom: 1px solid #666; border-bottom: 1px solid #666;
padding: 5px; padding: 5px;
} }
.iso_box p.img { .iso_box p.img {
text-align: center; text-align: center;
width: 200px; width: 200px;
padding: 0 5px; padding: 0 5px;
} }
.iso_box p.img img { .iso_box p.img img {
width: 100%; width: 100%;
height: auto; height: auto;
} }
span.co2P01_l { span.co2P01_l {
display: block; display: block;
float: left; float: left;
width: 70px; width: 70px;
} }
span.co2P01_r { span.co2P01_r {
display: block; display: block;
width: 605px; width: 605px;
margin-left: auto; margin-left: auto;
} }
span.co2P02_l { span.co2P02_l {
display: block; display: block;
float: left; float: left;
width: 120px; width: 120px;
} }
span.co2P02_r { span.co2P02_r {
display: block; display: block;
width: 555px; width: 555px;
margin-left: auto; margin-left: auto;
} }
span.co2P03_l { span.co2P03_l {
display: block; display: block;
float: left; float: left;
width: 85px; width: 85px;
} }
span.co2P03_r { span.co2P03_r {
display: block; display: block;
width: 590px; width: 590px;
margin-left: auto; margin-left: auto;
} }
span.text_small { span.text_small {
display: block; display: block;
padding: 2em; padding: 2em;
text-indent: -1.5em; text-indent: -1.5em;
margin-top: -20px; margin-top: -20px;
} }
/* jis03 */ /* jis03 */
.jis03_box { .jis03_box {
width: 100%; width: 100%;
overflow: hidden; overflow: hidden;
border-left: 1px solid #666; border-left: 1px solid #666;
} }
.jis03_box li { .jis03_box li {
float: left; float: left;
width: 140px; width: 140px;
border-right: 1px solid #666; border-right: 1px solid #666;
border-bottom: 1px solid #666; border-bottom: 1px solid #666;
} }
.jis03_box p.no { .jis03_box p.no {
background: #3db8ce; background: #3db8ce;
color: #fff; color: #fff;
text-align: center; text-align: center;
border-bottom: 1px solid #666; border-bottom: 1px solid #666;
padding: 5px; padding: 5px;
} }
.jis03_box p.no.top { .jis03_box p.no.top {
border-top: 1px solid #666; border-top: 1px solid #666;
} }
.jis03_box p.name { .jis03_box p.name {
text-align: center; text-align: center;
border-bottom: 1px solid #666; border-bottom: 1px solid #666;
padding: 5px; padding: 5px;
} }
.jis03_box p.img { .jis03_box p.img {
text-align: center; text-align: center;
width: 120px; width: 120px;
height: 120px; height: 120px;
padding: 0 5px; padding: 0 5px;
} }
.iso_box p.img img { .iso_box p.img img {
width: 100%; width: 100%;
height: auto; height: auto;
} }
.jis03_box li.title { .jis03_box li.title {
width: 4em; width: 4em;
} }
.jis03_box li.title p { .jis03_box li.title p {
padding-left: 0; padding-left: 0;
padding-right: 0; padding-right: 0;
width: 4em; width: 4em;
} }
.jis03_box li.title p.img { .jis03_box li.title p.img {
padding-top: 40px; padding-top: 40px;
height: 80px; height: 80px;
} }
/* jis04 */ /* jis04 */
table.jis04_box { table.jis04_box {
width: 100%; width: 100%;
overflow: hidden; overflow: hidden;
} }
table.jis04_box th { table.jis04_box th {
background: #3db8ce; background: #3db8ce;
color: #fff; color: #fff;
text-align: center; text-align: center;
border-bottom: 1px solid #666; border-bottom: 1px solid #666;
padding: 5px; padding: 5px;
} }
table.jis04_box th.no { table.jis04_box th.no {
width: 40px; width: 40px;
} }
table.jis04_box th.matters { table.jis04_box th.matters {
width: 120px; width: 120px;
} }
table.jis04_box th.pict { table.jis04_box th.pict {
width: 120px; width: 120px;
} }
table.jis04_box th.description { table.jis04_box th.description {
width: 200px; width: 200px;
} }
table.jis04_box th, table.jis04_box th,
table.jis04_box td { table.jis04_box td {
border: 1px solid #666; border: 1px solid #666;
} }
table.jis04_box td { table.jis04_box td {
padding: 10px; padding: 10px;
} }
table.jis04_box td.img { table.jis04_box td.img {
text-align: center; text-align: center;
} }
table.jis04_box td li { table.jis04_box td li {
text-indent: -3em; text-indent: -3em;
padding-left: 3em; padding-left: 3em;
} }
div.jis4 h6 { div.jis4 h6 {
padding-top: 15px; padding-top: 15px;
margin-bottom: 10px; margin-bottom: 10px;
color: #3252a6; color: #3252a6;
font-weight: bold; font-weight: bold;
font-size: 115%; font-size: 115%;
padding-bottom: 2px; padding-bottom: 2px;
border-bottom: 1px solid #3252a6; border-bottom: 1px solid #3252a6;
} }
.inner_table, .inner_table,
.inner_table th, .inner_table th,
.inner_table td { .inner_table td {
border: 1px solid #ddd; border: 1px solid #ddd;
font-size: 16px; font-size: 16px;
} }
.inner_table td { .inner_table td {
text-align: left !important; text-align: left !important;
} }
.inner_table td.ok, .inner_table td.ok,
.inner_table td.no { .inner_table td.no {
text-align: center !important; text-align: center !important;
} }
.inner_table .wt200 { .inner_table .wt200 {
width: 200px; width: 200px;
} }
.inner_table .wt150 { .inner_table .wt150 {
width: 150px; width: 150px;
} }
.inner_table .wt100 { .inner_table .wt100 {
width: 100px; width: 100px;
} }
.inner_table .wt80 { .inner_table .wt80 {
width: 80px; width: 80px;
} }
.inner_table .wt52 { .inner_table .wt52 {
width: 52px; width: 52px;
} }
.mt10 { .mt10 {
margin-top: 10px; margin-top: 10px;
} }
.mt15 { .mt15 {
margin-top: 15px; margin-top: 15px;
} }
.mt20 { .mt20 {
margin-top: 20px; margin-top: 20px;
} }
.mt25 { .mt25 {
margin-top: 25px; margin-top: 25px;
} }
.mt30 { .mt30 {
margin-top: 30px; margin-top: 30px;
} }
.mt35 { .mt35 {
margin-top: 35px; margin-top: 35px;
} }
.mt40 { .mt40 {
margin-top: 40px; margin-top: 40px;
} }
.mt45 { .mt45 {
margin-top: 45px; margin-top: 45px;
} }
.mt50 { .mt50 {
margin-top: 50px; margin-top: 50px;
} }
.mt55 { .mt55 {
margin-top: 55px; margin-top: 55px;
} }
.mt60 { .mt60 {
margin-top: 60px; margin-top: 60px;
} }
.mb10 { .mb10 {
margin-bottom: 10px; margin-bottom: 10px;
} }
.mb15 { .mb15 {
margin-bottom: 15px; margin-bottom: 15px;
} }
.mb20 { .mb20 {
margin-bottom: 20px; margin-bottom: 20px;
} }
.mb25 { .mb25 {
margin-bottom: 25px; margin-bottom: 25px;
} }
.mb30 { .mb30 {
margin-bottom: 30px; margin-bottom: 30px;
} }
.mb35 { .mb35 {
margin-bottom: 35px; margin-bottom: 35px;
} }
.mb40 { .mb40 {
margin-bottom: 40px; margin-bottom: 40px;
} }
.mb45 { .mb45 {
margin-bottom: 45px; margin-bottom: 45px;
} }
.mb50 { .mb50 {
margin-bottom: 50px; margin-bottom: 50px;
} }
.mb55 { .mb55 {
margin-bottom: 55px; margin-bottom: 55px;
} }
.mb60 { .mb60 {
margin-bottom: 60px; margin-bottom: 60px;
} }
sub.base_line { sub.base_line {
vertical-align: baseline; vertical-align: baseline;
} }
trend/expert/study06-1.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">
<meta name="keywords" content="トイレ,統計,資料,節水,温水洗浄便座,日本レストルーム工業会">
<meta name="description" content="トイレナビでは、「公衆衛生の専門研究者による研究成果の説明 温水洗浄便座は体に良いのですか、悪いのですか？」をご紹介しています。トイレナビは日本レストルーム工業会が運営しています。">
<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 type="text/javascript" src="/shared/js/jquery.js"></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="/trend/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>
<!--[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 detail01" id="data06">
<!-- 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"><a href="/trend/spread.html">統計・資料</a></li>
<li class="page_g"><a href="/trend/study.html">研究など</a></li>
<li class="page_g"><a href="/trend/study_04.html">公衆衛生の専門研究者による研究成果の説明</a></li>
<li>温水洗浄便座は体に良いのですか、悪いのですか？</li>
</ul>
</div>
<div id="contents" class="heightLineParent clearfix">
<!--maincontent -->
<div id="main_contents">
<h2 class="pngfix"><span><img src="/shared/images/title_data.png" width="90" height="19" alt="統計・資料" class="pngfix" /></span></h2>
<h3 class="pngfix"><span><img src="/shared/images/content/title_text/content_title_data04.png" width="149" height="24" alt="研究など" class="pngfix" /></span></h3>
<!--intro -->
<div class="intro clearfix">
<div>
<h4><img src="/trend/images/data10/interview_title_1111.gif" width="461" height="100" alt="公衆衛生の専門研究者による研究成果の説明 温水洗浄便座は体に良いのですか、悪いのですか？" /></h4>
<p class="study03-1Cap">朝倉敬子先生<br>
東邦大学医学部社会医学講座衛生学分野　准教授<br>
慶應義塾大学医学部、慶應義塾大学大学院医学研究科内科系専攻卒業（博士（医学））。内科医（血液内科）として10年間診療と研究に従事した後、慶應義塾大学医学部衛生学公衆衛生学教室・助教として社会医学領域の研究を開始。2009-10年Harvard School of Public Healthに留学（公衆衛生学修士）。2012-16年、東京大学大学院医学系研究科社会予防疫学分野（助教）、2016年より現職。栄養疫学を中心に、予防医学研究に従事。</p>
</div>
<img src="/trend/images/data10/photo01s.png" width="151" height="222" alt="朝倉敬子先生" class="right_img">
</div>
<!--section -->
<div class="section">
<div class="content">
<p>＜はじめに＞<br>
2020年の温水洗浄便座の一般世帯への普及率は80.2%にのぼります（内閣府・消費動向調査）。オフィスやホテルなど公共の場にも多く設置され、使用習慣のある方は多いでしょう。一方、雑誌やインターネット記事などで、温水洗浄便座使用の健康影響が話題になることがあります。特に、洗い過ぎによる皮膚の問題や、感染症にかかる可能性はしばしば取り沙汰されます。そこで本稿では、人を対象とした、温水洗浄便座の健康影響に関する研究を2つご紹介します。</span></p>
<p class="conditioned">
<img src="/trend/images/now_printing.png" alt="" />
</p>
<p>＜温水洗浄便座の使用と早産に関する研究＞<br>
　研究結果の概要紹介ページはコチラから
<span class="link_type_b"><a href="/trend/study/study02-1.html">妊婦における温水洗浄便座の使用が早産および膣内細菌叢に与える影響（2013年3月受理）</a></span>
</p>
</div>
<p class="pagetop clear"><a href="#container" class="pageLink">ページ上部へ</a></p>
</div>
<!--section -->
<div class="section">
<div class="content">
<p>一つ目は、妊娠中の温水洗浄便座使用が、その妊婦さんの膣内細菌叢(そう)に影響するか、また早産の原因となるかを検討した研究です<sup>1)</sup>。女性の膣内には、ラクトバチルス属を主とする細菌がいわゆる”善玉菌”として存在します。こういった細菌の集団を「細菌叢(そう)」と言い、良い状態に保たれていれば、感染症の原因になる細菌や真菌（カビの仲間）が増えるのを抑えてくれます。温水洗浄便座で女性が局部を洗うと膣内の善玉菌を洗い流してしまい、結果として悪玉菌が増えるのか（この状態は細菌性膣症と言われます）、さらにその結果として妊娠中の女性では早産が多くなるのかを調べました。</p>
<p class="txt_c mt30 mb30">
<img src="/trend/images/now_printing.png" alt="" />
<img src="/trend/images/now_printing.png" alt="" />
</p>
<p>2006-2010年に都内のある大学病院で出産した20歳以上の女性（2545名、うち355名は住所が変わっていて連絡できず）を対象に、妊娠中の温水洗浄便座使用およびその他の生活習慣を尋ねる質問票を郵送しました。妊娠・出産経過や膣分泌物の細菌検査結果はカルテから情報を得ました。1404名から返送があり、そのうち十分な記述があった1293名のデータを使って温水洗浄便座の使用と早産の関係を調べました。また、温水洗浄便座の使用と細菌性膣症の有無の関係は、細菌検査結果のあった1126名で調べました。<br>
妊娠直前～妊娠中に温水洗浄便座を使っていた人は全体の63.3%でした。早産（妊娠37週未満の出産）は解析対象者全体の15.8%でした。（※大学病院で出産される方は何らかの病気を抱えている場合もあり、早産率は通常（5.7%：2009年人口動態統計）より高くなっています。）さらに、早産率を温水洗浄便座を使っていた人たち（使用者）と使っていなかった人たち（非使用者）で分けて考えると、使用者の早産率は15.8%、非使用者では16.0%で、使用者と非使用者のさまざまな違いを同時に考慮しても、早産率に違いはありませんでした。
</p>
<!-- table -->
<p class="strong_text mt10">■温水洗浄便座使用と早産の関連</p>
<table class="study02-1_b">
<tbody>
<tr>
<td class="tr01">&nbsp;</td>
<td class="tr02 center blue">正期産<br>（妊娠37週以降の出産）</td>
<td class="tr03 center red">早産<br>（妊娠37週未満の出産）</td>
<td class="tr04 center">合計</td>
</tr>
<tr>
<td>便座使用なし</td>
<td class="right">398人（84.0％）</td>
<td class="right">76人（16.0％）</td>
<td class="right">474人</td>
</tr>
<tr>
<td>便座使用あり</td>
<td class="right">690人（84.3％）</td>
<td class="right">129人（15.8％）</td>
<td class="right">819人</td>
</tr>
<tr>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td class="right">1293人</td>
</tr>
</tbody>
</table>
<p>研究結果の概要紹介ページはコチラから
<span class="link_type_b"><a href="/trend/study/study02-1.html#hyograph">妊婦における温水洗浄便座の使用が早産および膣内細菌叢に与える影響（2013年3月受理）　表とグラフ</a></span>
</p>
<p>細菌検査の結果から細菌性膣症の状態であると判断された人の割合は、使用者で20.3%、非使用者で20.7%であり、温水洗浄便座使用と細菌性膣症とのあいだに関連があるとは言えませんでした。一方、膣内から真菌（主にカンジダ属）が見つかった人の割合は、使用者で15.6%、非使用者で12.1%と使用者で高いという結果でした。しかし、妊娠中に真菌の治療薬が処方された人の割合は使用者で6.4%、非使用者で5.7%であり、差はありませんでした。カンジダは常在菌といって、健康な人の体からも見つかる真菌です。妊娠中に温水洗浄便座を使っていると、検査でカンジダが見つかる可能性が高くなるかもしれませんが、治療しないといけないほどにはならないのだろうと考えられます。<br>
まとめると、妊娠中に温水洗浄便座を使っても使わなくても、早産となる割合に違いはありませんでした。細菌性膣症と判断される割合にも違いはありませんでした。真菌（カンジダ）が見つかる可能性は温水洗浄便座の使用者で多かったですが、治療を必要とした人の割合に違いはありませんでした。この研究の対象者は大学病院で出産された方で、一般の妊婦さんよりも合併症のある方などを多く含みます。そういった、周囲の環境の影響をより受けやすいと考えられる妊婦さんでも早産率などに違いがなかったということは、一般の妊婦さんでも結果は同じであろうと予想されます。
</p>
<p class="txt_r"><img src="/trend/images/now_printing.png" alt="" /></p>
<p>＜温水洗浄便座の使用と痔・尿路感染症に関する研究＞<br>
　関連する研究結果の概要紹介ページはコチラから</p>
<span class="link_type_b"><a href="/trend/study/study02-3.html">温水洗浄便座の使用と痔疾、泌尿生殖器感染症との関係：3年間追跡web調査（2018年2月受理）</a></span>
</div>
</div>
<div class="section">
<div class="content">
<p>二つ目は、一般の人たちにおいて、温水洗浄便座使用と痔・尿路感染症などの発症に関係があるかどうかを検討した研究です<sup>2)</sup>。温水洗浄便座はボタンを押すだけで手軽に局部を洗うことができるため、洗い過ぎによる健康問題が起こらないかどうかは気になるところです。この研究では、Web調査会社の登録者から無作為に選ばれた10305人（20歳以上80歳未満の男女）を対象に、2013年にインターネット調査を行いました。質問票では温水洗浄便座の使用頻度、および痔や尿路感染症（ぼうこう炎や腎盂腎炎）と医師に診断されたことがあるかどうか、またそれらの病気でおこりうる自覚症状があったかどうかを尋ねました。さらに、2016年に再度調査を行い、2013年から2016年の間に、痔や尿路感染症の診断または自覚症状があったかどうかを尋ねました。なお、男性と女性では体のつくりが違いますので、男性では痔と肛門周囲のかゆみについて、女性では痔、肛門周囲のかゆみに加え、尿路感染症とカンジダ膣炎、細菌性膣症、外陰部掻痒(そうよう)症（かゆみ）について評価しました。</p>
<p class="txt_c mt20 mb20"><img src="/trend/images/now_printing.png" alt="" /></p>
<p>2013年と2016年の調査の両方に参加し、分析の対象になったのは7759人でした。そのうち、習慣的に温水洗浄便座を使用していた人は、男性で51.8%、女性で48.5%でした。過去に痔になったことのある人は男女とも温水洗浄便座使用者で多かったですが、調査で経過観察を行った3年間に新たに痔と診断されたり、痔の自覚症状が出現したりした人の割合は使用者と非使用者の間で違いはありませんでした。一方、肛門周囲のかゆみ（自覚症状）の、追跡期間中の新たな出現は、男性において温水洗浄便座使用者で多いという結果でした（女性では違いなし）。女性のみで検討された尿路感染症や婦人科系の病気のうちでは、過去に膀胱炎、カンジダ膣炎と診断された経験のある人は温水洗浄便座使用者で多いという結果でした。しかし、追跡期間3年間のうちにこれらの病気を新たに診断された、もしくは自覚した人の割合は、温水洗浄便座使用者でも非使用者でも違いはありませんでした。</p>
<p>関連する研究結果の概要紹介ページはコチラから<br>
<span class="link_type_b"><a href="/trend/study/study02-3.html#graph">温水洗浄便座の使用と痔疾、泌尿生殖器感染症との関係：3年間追跡web調査（2018年2月受理）　グラフ</a></span>
</p>
</div>
<p>過去に痔のあった人や尿路感染症を経験した人が温水洗浄便座の使用者で多かったという結果は、因果の逆転という現象を見ている可能性があります。つまり、温水洗浄便座を使ったから痔や尿路感染症になったのではなく、痔や尿路感染症があったために温水洗浄便座の使用をしている、ということです。一方で、3年間の追跡期間中の新たな病気の出現は、検討したほとんどの病気について温水洗浄便座を使っていても、増えることも減ることもありませんでした。一つだけ、男性では、温水洗浄便座使用者の中で新たに肛門周囲のかゆみを自覚された方が多かったので、洗い過ぎ、あるいは排便を促すなどの手段としての温水洗浄便座の使用には気を付ける必要があるかもしれません。</p>
<p class="txt_c mt20 mb20"><img src="/trend/images/now_printing.png" alt="" /></p>
<p class="pagetop clear"><a href="#container" class="pageLink">ページ上部へ</a></p>
</div>
<div class="section">
<div class="content">
<p>＜まとめ＞<br>
温水洗浄便座の健康影響を検討した二つの研究をご紹介しました。両方の研究に携わった私としては、普通の健康状態の人が普通の使い方をしていれば、温水洗浄便座は健康に良くも悪くもないと考えています。<br>
普通の水道水で手を洗うことを考えても、洗い過ぎれば手荒れすることがあります。また、水道水は完全に無菌ではありません。体を細菌やウイルスなどの外敵から守る免疫機能が大きく障害されている人（例えばがんで化学療法をした後などのごく特殊な状態を指します）では、水道水を使うことが問題になることもあります。「適切な使い方」「使う人の健康状態」を考える必要はありますが、それらがクリアされていれば温水洗浄便座を使うか使わないかは個人の嗜好にゆだねても問題ないと考えられます。</p>
</div>
</div>
<div class="section">
<div class="content">
<p>＜参考文献＞<br>
1) Asakura K et al. Effect of Bidet Toilet Use on Preterm Birth and Vaginal Flora in Pregnant Women. Obstet Gynecol 2013;121:1187–94.<br>
2) Asakura K et al. Relationship between bidet toilet use and haemorrhoids and urogenital infections: a 3-year follow-up web survey. Epidemiol Infect. 2018;146:763-70.</p>
</div>
</div>
<div class="section">
<div class="content">
<p>温水洗浄便座の使い方に関するページのご紹介<br>
（一般社団法人　日本レストルーム工業会からのお知らせなど）</p>
<p>工業会からのお知らせはコチラから<br>
<span class="link_type_b"><a href="https://www.sanitary-net.com/information/information359">温水洗浄便座の使用上のご注意について</a></span>
</p>
<p>女性専門医の方々にお訊きした女性の悩みや病気と温水洗浄便座の適切な使い方についてはコチラから<br>
<span class="link_type_b"><a href="/trend/study_01.html">専門医に訊く（女性のための）温水洗浄便座の適切な使い方</a></span>
</p>
</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"><a href="/trend/spread.html">統計・資料</a></li>
<li class="page_g"><a href="/trend/study.html">研究・その他</a></li>
<li class="page_g"><a href="/trend/study03.html">感染症の予防と消毒・滅菌の専門家に訊く</a></li>
<li>トイレにおける腸管感染症（主にノロウイルス）の感染リスクと対策</li>
</ul>
</div>
</div>
<!--/content-->
<!-- foot -->
<script type="text/javascript">
<!--
includeFoot();
//
-->
</script>
<noscript>
<p>当サイトはJavaScriptをonにしてご覧ください。</p>
</noscript>
<!-- /foot -->
</div>
</body>
</html>
trend/study02.html
...@@ -89,6 +89,8 @@ includeGmenu(); ...@@ -89,6 +89,8 @@ includeGmenu();
<h4 class="blue pngfix"><img src="images/data05/section_b_title01.gif" alt="温水洗浄便座の使用に関する医学研究" width="403" height="21" /></h4> <h4 class="blue pngfix"><img src="images/data05/section_b_title01.gif" alt="温水洗浄便座の使用に関する医学研究" width="403" height="21" /></h4>
<p><span class="link_type_b"><a href="/trend/study/study02-3.html">温水洗浄便座の使用と痔疾、泌尿生殖器感染症との関係：3年間追跡web調査（2018年2月受理）</a></span></p> <p><span class="link_type_b"><a href="/trend/study/study02-3.html">温水洗浄便座の使用と痔疾、泌尿生殖器感染症との関係：3年間追跡web調査（2018年2月受理）</a></span></p>
<p><span class="link_type_b"><a href="/trend/study/study02-1.html">妊婦における温水洗浄便座の使用が早産および膣内細菌叢に与える影響（2013年3月受理）</a></span></p> <p><span class="link_type_b"><a href="/trend/study/study02-1.html">妊婦における温水洗浄便座の使用が早産および膣内細菌叢に与える影響（2013年3月受理）</a></span></p>
<p class="mt30">　温水洗浄便座の使用と健康影響について調査された研究者の説明を掲載します。</p>
<p><span class="link_type_b"><a href="/trend/study_04.html">公衆衛生の専門研究者による研究成果の説明</a></span></p>
</div> </div>
</div> </div>
<!--section_b --> <!--section_b -->
......
trend/study_04.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="https://www.sanitary-net.com/sp/trend/study01.php" />
<meta name="keywords" content="トイレ,温水洗浄便座,使い方,研究,専門医,女性,日本レストルーム工業会">
<meta name="description" content="トイレナビでは、「公衆衛生の専門研究者による研究成果の説明 温水洗浄便座は体に良いのですか、悪いのですか？」をご紹介しています。トイレナビは日本レストルーム工業会が運営しています。">
<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 type="text/javascript" src="../shared/js/jquery.js"></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>
<!--[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" id="data04">
<!-- 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"><a href="/trend/spread.html">統計・資料</a></li>
<li class="page_g"><a href="/trend/study.html">研究など</a></li>
<li>公衆衛生の専門研究者による研究成果の説明</li>
</ul>
</div>
<div id="contents" class="heightLineParent clearfix">
<!--maincontent -->
<div id="main_contents">
<h2 class="pngfix"><span><img src="../shared/images/title_data.png" width="90" height="19" alt="統計・資料" class="pngfix" /></span></h2>
<h3 class="pngfix"><span><img src="../shared/images/content/title_text/content_title_data04.png" width="149" height="24" alt="研究など" class="pngfix"/></span></h3>
<div class="section_menu">
<p class="title mb20"><span class="ttl_left">公衆衛生の専門研究者による</span>
<span class="ttl_right">研究成果の説明</span>
<span>日本レストルーム工業会では、第一線で活躍される公衆衛生学を専門とされる研究者に温水洗浄便座の使用と健康影響について、二つの疫学調査研究を委託しました。<br><br>
その研究結果は概要として掲載していますが、その内容をもっと分りやすく説明する記事をご執筆して頂きました。</span></p>
</div>
<!--section_a -->
<div class="section clearfix" id="section_a">
<div class="left"><img src="images/data10/photo01.jpg" alt="" width="200" height="200" /></div>
<div class="right">
<h4 class="red pngfix">公衆衛生の専門研究者による研究成果の説明<br>
<span>温水洗浄便座は体に良いのですか、<br>悪いのですか？</span>
<p class="mt20">東邦大学医学部社会医学講座衛生学分野<br>
准教授　朝倉　敬子先生</p></h4>
<p><span class="link_type_b"><a href="/trend/expert/study06-1.html">温水洗浄便座は体に良いのですか、悪いのですか？</a></span></p>
</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"><a href="/trend/spread.html">統計・資料</a></li>
<li>研究など</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