@charset "UTF-8";
/*=========================================================


	Site Name   環境ポータル
	File Name   oarts_detail.css

	Create Date 2011/10/04
	Update Date 2017/08/22


==========================================================*/


/* total
------------------------- */

body.technology01#green #green_content{
    line-height: 180%;
    margin-top: 27px;
}

body.technology01#green #green_content h3{
    margin-bottom: 27px;
	width: 150px;
/*
	float: left; 20140922 */
}

body.technology01#green #green_content #detail_menu{
/*	width: 615px;
	margin-left: auto; 20140922 */
	padding-top: 40px;
}
body.technology01#green #green_content #detail_menu p.title{
	text-align: center;
	font-size: 12pt;
	font-weight: bold;
	margin-bottom: 10px;
}
body.technology01#green #green_content #detail_menu ul{

}

body.technology01#green #green_content #detail_menu li{
    display: inline;
}
body.technology01#green #green_content #detail_menu a img{
padding: 1px;
margin: 0 5px 7px 0;
border: 1px solid #cccccc;
	width: 64px;
	height: auto;
}

body.technology01#green #green_content #detail_menu a:hover img{
padding: 1px;
margin: 0 5px 7px 0;
border: 1px solid #38beef;
filter: Alpha(opacity=100);
}

body.technology01#green #green_content #detail_menu a img.img_last{
padding: 1px;
margin: 0 0 7px 0;
border: 1px solid #cccccc;
}

body.technology01#green #green_content #detail_menu a:hover img.img_last{
padding: 1px;
margin: 0 0 7px 0;
border: 1px solid #38beef;
filter: Alpha(opacity=100);
}

body.technology01#green #green_content #detail_menu a img.on{
padding: 1px;
margin: 0 5px 7px 0;
border: 1px solid #38beef;
}

body.technology01#green #green_content #detail_menu a img.img_last_on{
padding: 1px;
margin: 0 0 7px 0;
border: 1px solid #38beef;
}

body.technology01#green #green_content #detail_menu a:hover img.img_last_on{
padding: 1px;
margin: 0 0 7px 0;
border: 1px solid #38beef;
filter: Alpha(opacity=100);
}


/* content common
------------------------- */
body.technology01#green #green_content .link_blocktxt{
	font-size: 10pt;
	margin-top: 10px;
	margin-bottom: 27px;
}

body.technology01#green #green_content .link_blocktxt li{
	list-style: none;
}

body.technology01#green #green_content .link_blocktxt a:link{
	width: 180px;
    color: #fff;
    padding: 2px 5px 2px 12px;
	border: 1px solid #38beef;
    background-color: #38beef;
    background-image: url(/greenchallenge/shared/images/sankaku_icon.gif);
    background-position: 5px center;
    background-repeat: no-repeat;
	text-decoration: none;
	display:block;
}

body.technology01#green #green_content ul.link_blocktxt a:active{
	width: 180px;
    color: #fff;
    padding: 2px 5px 2px 12px;
	border: 1px solid #38beef;
    background-color: #38beef;
    background-image: url(/greenchallenge/shared/images/sankaku_icon.gif);
    background-position: 5px center;
    background-repeat: no-repeat;
	text-decoration: none;
	display:block;
}

body.technology01#green #green_content ul.link_blocktxt a:visited{
	width: 180px;
    color: #fff;
    padding: 2px 5px 2px 12px;
	border: 1px solid #38beef;
    background-color: #38beef;
    background-image: url(/greenchallenge/shared/images/sankaku_icon.gif);
    background-position: 5px center;
    background-repeat: no-repeat;
	text-decoration: none;
	display:block;
}

body.technology01#green #green_content ul.link_blocktxt a:hover{
	width: 180px;
    color: #38beef;
    padding: 2px 5px 2px 12px;
	border: 1px solid #38beef;
    background-color: #fff;
    background-image: url(/greenchallenge/shared/images/sankaku_icon_o.gif);
    background-position: 5px center;
    background-repeat: no-repeat;
	text-decoration: none;
	display:block;
}

body.technology01#green #green_content h4.underline{
    float: none;
	clear: both;
	margin-top: 40px;
	height: 25px;
	padding-bottom: 5px;
	width: 100%;
    background-image: url(/greenchallenge/value/images/bk_line.gif);
    background-position: bottom left;
    background-repeat: no-repeat;
}

body.technology01#green #green_content h4.space_tech{
	padding-top: 60px;
}

body.technology01#green #green_content h4.none{
    float: none;
	clear: both;
    margin-bottom: 15px;
}


body.technology01#green #green_content span.co2{
    vertical-align:sub;
	font-size: 70%;
}


body.technology01#green #green_content span.m3{
    vertical-align: top;
	padding-bottom: 3px;
	font-size: 70%;
}


/* content parts *index
------------------------- */

body.technology01#green #green_content .box_topblock_l{
	width: 480px;
	/*height: 360px;*/
  height: auto;
	float: left;
}

body.technology01#green #green_content .box_topblock_r{
	width: 440px;
	margin-left: auto;
}

body.technology01#green #green_content .box_topblock_r01{
    margin-bottom: 30px;
}

body.technology01#green #green_content .box_topblock_r01 p{
	margin-bottom: 10px;
}

body.technology01#green #green_content .box_topblock_r01 span.main_txt{
    display: block;
	margin-bottom: 10px;
}


body.technology01#green #green_content .movie_icon span{
	padding-left: 5px;
}

body.technology01#green #green_content .box_topblock_r02{

}

body.technology01#green #green_content .box_topblock_r02 img.main_leftimg{
    float: left;
	width: 142px;
}

body.technology01#green #green_content .box_topblock_r02 .box_topblock_r03{
    width: 245px;
	margin-left: auto;
}

body.technology01#green #green_content .box_topblock_r02 .box_topblock_r03 p{

}

body.technology01#green #green_content .box_topblock_r02 .box_topblock_r03 span.product_title{
     margin-top: 10px;
     display: block;
	 font-weight: bold;
}

body.technology01#green #green_content .box01{
    margin-top: 30px;
    width: 450px;
	float: left;
	margin-bottom: 30px;
	text-align: center;
}

body.technology01#green #green_content .box01 h5{
    height: 24px;
	padding-bottom: 2px;
	margin-bottom: 25px;
	margin-bottom: 25px;
	border-bottom: solid 1px #666;
	text-align: left;
}

body.technology01#green #green_content .box01 p{
    margin: 15px 0 15px 5px;
	text-align: left;
}

body.technology01#green #green_content .box01 dl{
	width: 450px;
}

body.technology01#green #green_content .box01 dt{
    width: 80px;
	margin-right: 10px;
}

body.technology01#green #green_content .box01 dd{

	margin-top: 10px;
}

body.technology01#green #green_content .right_space{
    margin-right: 50px;
}

body.technology01#green #green_content .box02{
    margin-top: 30px;
    width: 950px;
	margin-bottom: 30px;
	text-align: left;
}

body.technology01#green #green_content .box02 h5{
    height: 24px;
	padding-bottom: 2px;
	margin-bottom: 25px;
	border-bottom: solid 1px #666;
	text-align: left;
}


body.technology01#green #green_content .box02_left{
    width: 450px;
	float: left;
	text-align: center;
}

body.technology01#green #green_content .box02_right{
	width: 460px;
	float: right;
}

body.technology01#green #green_content .box02 p{
    margin: 15px 0;
	margin-left: auto;
}


body.technology01#green #green_content .box02 dl{
	width: 450px;
}

body.technology01#green #green_content .box02 dt{
    width: 80px;
	margin-right: 10px;
}

body.technology01#green #green_content .box02 dd{

	margin-top: 10px;
}

body.technology01#green #green_content .box01 p.right_text{
    text-align: right;
	width: 380px;
	margin: 5px auto;
}


body.technology01#green #green_content .box03_left{
    width: 450px;
	float: left;
	text-align: left;
}

body.technology01#green #green_content .box03_right{
	width: 460px;
	float: right;
}

body.technology01#green #green_content .box03 p{
    margin: 15px 0;
	margin-left: auto;
}

body.technology01#green #green_content .box04_left{
    width: 450px;
	float: left;
	text-align: center;
}

body.technology01#green #green_content .box04_left p{
    margin: 15px auto;
	text-align: left;
	width: 327px;
}

body.technology01#green #green_content .box04_right{
	width: 460px;
	text-align: center;
}


body.technology01#green #green_content .box04_right p{
    margin: 15px auto;
	text-align: left;
	width: 327px;
}

body.technology01#green #green_content .box04{
    margin-top: 30px;
    width: 950px;
	margin-bottom: 30px;
	text-align: left;
}

body.technology01#green #green_content .box04 h5{
    height: 20px;
	padding-bottom: 2px;
	margin-bottom: 25px;
	border-bottom: solid 1px #666;
	text-align: left;
}

body.technology01#green #green_content .box04 dl{
	width: 327px;

    margin: 15px auto;
	text-align: left;
}

body.technology01#green #green_content .box04 dt{
    width: 80px;
	margin-right: 10px;
}

body.technology01#green #green_content .box04 dd{

	margin-top: 10px;
}


/* 2013.3.19 */
body.technology01#green #green_content .box_middleblock_r02{
	margin-top: 10px;
}

body.technology01#green #green_content .box_middleblock_r02 img.main_leftimg{
	width: 142px;
	margin-left: auto;
}

body.technology01#green #green_content .box_middleblock_r02 p.box_topblock_r03{
    float: left;
    width: 300px;
}

/* youtube */

body#green #green_content .videobox {
width:480px;
height:360px;
float:left;
display:inline;
}

body#green #green_content .youtube {
position:absolute;
visibility:hidden;
}
/* 20140328 */

body.technology01#green #green_content .link_blocktxt02{
	font-size: 10pt;
	margin-top: 10px;
	margin-bottom: 3px;
}
body.technology01#green #green_content .link_blocktxt02 a{
	margin-right: 5px;
	margin-bottom: 5px;
}
body.technology01#green #green_content .link_blocktxt02 a:link{
	width: 200px;
    color: #fff;
    padding: 2px 5px 2px 12px;
	border: 1px solid #38beef;
    background-color: #38beef;
    background-image: url(/greenchallenge/shared/images/sankaku_icon.gif);
    background-position: 5px center;
    background-repeat: no-repeat;
	text-decoration: none;
	display:block;

	float: left;
}

body.technology01#green #green_content .link_blocktxt02 a:active{
	width: 200px;
    color: #fff;
    padding: 2px 5px 2px 12px;
	border: 1px solid #38beef;
    background-color: #38beef;
    background-image: url(/greenchallenge/shared/images/sankaku_icon.gif);
    background-position: 5px center;
    background-repeat: no-repeat;
	text-decoration: none;
	display:block;

	float: left;
}

body.technology01#green #green_content .link_blocktxt02 a:visited{
	width: 200px;
    color: #fff;
    padding: 2px 5px 2px 12px;
	border: 1px solid #38beef;
    background-color: #38beef;
    background-image: url(/greenchallenge/shared/images/sankaku_icon.gif);
    background-position: 5px center;
    background-repeat: no-repeat;
	text-decoration: none;
	display:block;

	float: left;
}

body.technology01#green #green_content .link_blocktxt02 a:hover{
	width: 200px;
    color: #38beef;
    padding: 2px 5px 2px 12px;
	border: 1px solid #38beef;
    background-color: #fff;
    background-image: url(/greenchallenge/shared/images/sankaku_icon_o.gif);
    background-position: 5px center;
    background-repeat: no-repeat;
	text-decoration: none;
	display:block;

	float: left;
}
/* 20140430 ハイブリッド修正　*/
body.technology01#green #green_content .box_topblock_mainTxt{
    display: block;
	margin: 55px 0 20px 0;
}
body.technology01#green #green_content h4.underlineH4{
    float: none;
	clear: both;
	margin: 60px auto 15px auto;
	height: 25px;
	padding-bottom: 5px;
	width: 50%;
    background-image: url(/greenchallenge/value/images/bk_line.gif);
    background-position: bottom left;
    background-repeat: no-repeat;
	text-align: center;
	font-size: 160%;
	font-weight: bold;
}
body.technology01#green #green_content .underH4_txt{
	margin: 20px auto 80px auto;
	text-align: left;
	width: 68%;
}
body.technology01#green #green_content .underH4_txt span.img{
	padding-top: 20px;
	text-align: center;
	display:block;
}
body.technology01#green #green_content .box_topblock_r2{
	width: 440px;
	margin-left: auto;
}
body.technology01#green #green_content .box_topblock_r2 h5{
	margin-top: 20px;
	margin-bottom: 10px;
	border-bottom: 1px solid #666;
	padding-bottom: 2px;
}
body.technology01#green #green_content h4.underlineH4_w{
    float: none;
	clear: both;
	margin: 60px auto 15px auto;
	height: 43px;
	padding-bottom: 10px;
	width: 50%;
    background-image: url(/greenchallenge/value/images/bk_line.gif);
    background-position: bottom left;
    background-repeat: no-repeat;
	text-align: center;
	font-size: 160%;
	font-weight: bold;
	width: 100%;
}
body.technology01#green #green_content .underH4_txt_w{
	margin: 20px auto 80px auto;
	text-align: center;
	width: 820px;
}
body.technology01#green #green_content .underH4_txt_w span.img{
	padding-top: 40px;
	text-align: center;
	display:block;
}
body.technology01#green #green_content .underH4_txt_w span.text{
	text-align: left;
	display:block;
}
.mb30{
	margin-bottom: 30px;
}
.mb20{
	margin-bottom: 20px;
}
.mb10{
	margin-bottom: 10px;
}
.mt40{
	margin-top: 40px;
}
.mt20{
	margin-top: 20px;
}
body.technology01#green #green_content .box_topblock_l2{
	width: 450px;
	float: left;
}
body.technology01#green #green_content .underH4_txt02{
	margin: 20px auto 40px auto;
	text-align: left;
	width: 68%;
}
body.technology01#green #green_content .underH4_txt02 p.img{
	padding-top: 20px;
	width: 310px;
	float: left;
}
body.technology01#green #green_content .underH4_txt02 div.txt{
	width: 300px;
	margin-left: auto;
}
body.technology01#green #green_content .underH4_txt03{
	margin: 20px auto 40px auto;
	text-align: left;
	width: 76%;
}
body.technology01#green #green_content .underH4_txt03 p.img{
	padding-top: 20px;
	width: 310px;
	float: left;
}
/* 20140922 add */
body.technology01#green #green_content .underH4_txt03 p.img2{
	width: 310px;
	float: left;
}
/* //20140922 add */
body.technology01#green #green_content .underH4_txt03 div.txt{
	width: 400px;
	margin-left: auto;
}
body.technology01#green #green_content .link_blocktxt2{
	font-size: 10pt;
	margin-bottom: 27px;
}
body.technology01#green #green_content .link_blocktxt2 li{
	list-style: none;
}
body.technology01#green #green_content .link_blocktxt2 a:link{
	width: 180px;
    color: #fff;
    padding: 2px 5px 2px 17px;
	border: 1px solid #38beef;
    background-color: #38beef;
    background-image: url(/greenchallenge/shared/images/sankaku_icon.gif);
    background-position: 5px center;
    background-repeat: no-repeat;
	text-decoration: none;
	display:block;
}
body.technology01#green #green_content ul.link_blocktxt2 a:active{
	width: 180px;
    color: #fff;
    padding: 2px 5px 2px 17px;
	border: 1px solid #38beef;
    background-color: #38beef;
    background-image: url(/greenchallenge/shared/images/sankaku_icon.gif);
    background-position: 5px center;
    background-repeat: no-repeat;
	text-decoration: none;
	display:block;
}
body.technology01#green #green_content ul.link_blocktxt2 a:visited{
	width: 180px;
    color: #fff;
    padding: 2px 5px 2px 17px;
	border: 1px solid #38beef;
    background-color: #38beef;
    background-image: url(/greenchallenge/shared/images/sankaku_icon.gif);
    background-position: 5px center;
    background-repeat: no-repeat;
	text-decoration: none;
	display:block;
}
body.technology01#green #green_content ul.link_blocktxt2 a:hover{
	width: 180px;
    color: #38beef;
    padding: 2px 5px 2px 17px;
	border: 1px solid #38beef;
    background-color: #fff;
    background-image: url(/greenchallenge/shared/images/sankaku_icon_o.gif);
    background-position: 5px center;
    background-repeat: no-repeat;
	text-decoration: none;
	display:block;
}
body.technology01#green #green_content .box01 h5.title{
	height: 43px !important;
	padding-bottom: 2px;
	margin-bottom: 25px;
	margin-bottom: 25px;
	border-bottom: solid 1px #666;
	text-align: left;
}
/* 20140826 add */
body.technology01#green #green_content .link_blocktxt03{
	font-size: 10pt;
	margin-top: 10px;
	margin-bottom: 27px;
}

body.technology01#green #green_content .link_blocktxt03 li{
	list-style: none;
}
/* 20140922 add */
body.technology01#green #green_content .underH4_txt_w2{
	margin: 20px auto 80px auto;
	text-align: center;
	width: 845px;
}
body.technology01#green #green_content .underH4_txt_w2 span.img{
	text-align: center;
	display:block;
}
body.technology01#green #green_content .box05{
    margin-top: 30px;
    width: 950px;
	margin-bottom: 30px;
	text-align: left;
}
body.technology01#green #green_content .box05 h5{
    height: 20px;
	padding-bottom: 2px;
	margin-bottom: 10px;
	border-bottom: solid 1px #666;
	text-align: left;
}
body.technology01#green #green_content .box05 p{
	padding: 5px;
}
body.technology01#green #green_content .box05_left{
	padding: 10px;
	width: 450px;
	float: left;
}
body.technology01#green #green_content .box05_right{
	padding: 10px;
	width: 450px;
	margin-left: auto;
}
body.technology01#green #green_content .box05_right p.shisannLink{
	margin-top: 10px;
}
body.technology01#green #green_content span.shisanText{
	font-size: 85%;
	border: dotted 1px #666;
	padding: 5px;
	display: block;
	margin-top: 10px;
}
body.technology01#green #green_content span.shisanText02{
	font-size: 85%;
	border: dotted 1px #666;
	padding: 5px;
	display: block;
}
h6{
	font-weight: bold;
	font-size: 117%;
	margin-bottom: 8px;
	margin-left:5px;
}
body.technology01#green #green_content h4.underlineH4_w_02{
    float: none;
	clear: both;
	margin: 60px auto 15px auto;
	height: 25px;
	padding-bottom: 10px;
	width: 50%;
    background-image: url(/greenchallenge/value/images/bk_line.gif);
    background-position: bottom left;
    background-repeat: no-repeat;
	text-align: center;
	font-size: 160%;
	font-weight: bold;
}
.mainTitle01{
	margin-top: 20px;
	margin-left: 10px;
}
body.technology01#green #green_content h4.underlineH4_urinals{
    float: none;
	clear: both;
	margin: 60px auto 15px auto;
	height: 25px;
	padding-bottom: 10px;
	width: 50%;
    background-image: url(/greenchallenge/value/images/bk_line.gif);
    background-position: bottom left;
    background-repeat: no-repeat;
	text-align: center;
	font-size: 160%;
	font-weight: bold;
}
.smallText01{
	font-size: 80%;
	vertical-align: super;
}
.smallText02{
	font-size: 80%;
	vertical-align: sub;
}
.urinalsTextBox01{
	text-align: center;
}
.urinalsTextBox01 span{
	display: block;
}
.urinalsTextBox01 span.text{
	width: 450px;
	margin-left: auto;
	margin-right: 30px;
}
.urinalsDetailBox01{
	overflow: hidden;
	width: 740px;
	margin: 0 auto 40px auto;
}
.urinalsDetailBox01 li{
	width: 185px;
	float: left;
}
.urinalsDetailBox01 span{
	display: block;
}
.urinalsDetailBox01 span.title{
	font-weight: bold;
	font-size: 118%;
	margin-bottom: 10px;
}
.urinalsDetailBox01 span.img{
	text-align: center;
}
.urinalsDetailBox01 span.text{
	text-align: left;
	padding: 0 12px 0 12px;
}
.urinalsDetailBox02{
	overflow: hidden;
	width: 740px;
	margin: 0 auto;
}
.urinalsDetailBox02 li.left{
	width: 465px;
	float: left;
}
.urinalsDetailBox02 li.right{
	width: 260px;
	float: right;
}
.urinalsDetailBox02 span{
	display: block;
}
.urinalsDetailBox02 span.title{
	font-weight: bold;
	font-size: 118%;
	margin-bottom: 10px;
}
.urinalsDetailBox02 span.img{
	text-align: center;
}
.urinalsDetailBox02 span.text{
	text-align: left;
	padding: 0 6px 0 6px;
}
body.technology01#green #green_content .underH4_txt_w3{
	margin: 20px auto 40px auto;
	text-align: center;
	width: 820px;
}
body.technology01#green #green_content .box_topblock_r3 p{
	margin-bottom: 15px;
}
.mb60{
	margin-bottom: 60px;
}
.urinalsTable01{
	margin-bottom: 15px;
}
.urinalsTable01 th{
	width: 150px;
	background: #f2f2f2;
	padding: 5px;
	border: 1px solid #ccc;
}
.urinalsTable01 td{
	width: 240px;
	padding: 5px;
	border: 1px solid #ccc;
}
.urinalsTable02{
	margin-bottom: 15px;
}
.urinalsTable02 th{
	width: 150px;
	padding: 5px;
	border: 1px solid #ccc;
}
.urinalsTable02 td{
	width: 240px;
	padding: 5px;
	border: 1px solid #ccc;
}
.urinalsTable02 tr.gray{
	background: #f2f2f2;
}
body.technology01#green #green_content .box_subblock_l{
	width: 480px;
	/*height: 360px;*/
  height: auto;
	float: left;
}
body.technology01#green #green_content .box_subblock_r{
	width: 440px;
	margin: 0 0 0 auto;
	padding-top: 34px;
}

body.technology01#green #green_content .box_subblock_r p{
	margin-bottom: 10px;
}
.linkLayout01{
	padding-left: 1em;
	text-indent: -1em;
}
body.technology01#green #green_content h4.underlineH4_2{
    float: none;
	clear: both;
	margin: 60px 0 15px 0;
	padding-bottom: 15px;
	width: 100％;
	text-align: center;
	text-align: center;
	font-size: 160%;
	font-weight: bold;
}
/* 20160706 */
.mainTextB01{
	font-size: 118%;
	font-weight: bold;
	padding-top: 20px;
}
body.technology01#green #green_content .underH4_txt_w3{
	margin: 20px 0 80px 0;
	text-align: center;
	font-size: 118%;
	font-weight: bold;
	width: 100%;
}
body.technology01#green #green_content .underH4_txt_w3 span.img{
	padding-top: 30px;
	text-align: center;
	display:block;
}

/* 20170710 updata */
body.technology01#green #green_content .showcase,
body.technology01#green #green_content .item_link_area{
	overflow: hidden;
}
body.technology01#green #green_content .box_topblock02_l{
	width: 362px;
	height: 362px;
	float: left;
}
body.technology01#green #green_content .box_topblock02_r{
	width: 560px;
	margin-left: auto;
}
body.technology01#green #green_content .box_topblock02_r ul.movie{
	overflow: hidden;
}
body.technology01#green #green_content .box_topblock02_r ul.movie li{
	width: 176px;
	float: left;
	margin-right: 10px;
}
body.technology01#green #green_content .box_topblock02_r ul.movie li:last-child{
	margin-right: 0;
}
body.technology01#green #green_content .item_link_area ul.box{
	overflow: hidden;
	width: 544px;
	margin: 20px auto;
}
body.technology01#green #green_content .item_link_area ul.box li{
	width: 260px;
	border: 1px solid #37bfef;
	float: left;
	overflow: hidden;
}
body.technology01#green #green_content .item_link_area ul.box li:first-child{
	margin-right: 20px;
}
body.technology01#green #green_content .item_link_area ul.box li a,
body.technology01#green #green_content .item_link_area ul.box li span{
	display: block;
}
body.technology01#green #green_content .item_link_area ul.box li span.img{
	width: 88px;
	float: left;
}
body.technology01#green #green_content .item_link_area ul.box li span.text{
	width: 162px;
	float: right;
	padding-top: 0.5em;
	font-weight: bold;
}
body.technology01#green #green_content ul.underH4_ul{
	margin: 40px auto 80px auto;
	width: 820px;
	overflow: hidden;
}
body.technology01#green #green_content ul.underH4_ul li{
	width: 260px;
	text-align: center;
	padding: 0 5px;
	float: left;
}
body.technology01#green #green_content ul.underH4_ul li span.img{
	display: block;
	margin: 10px 0 5px 0;
}
body.technology01#green #green_content ul.underH4_ul li p{
	margin: 10px auto;
	padding: 0 10px;
}
body.technology01#green #green_content ul.underH4_ul li .midashi{
	padding-bottom: 5px;
	border: 1px solid #999;
}
body.technology01#green #green_content ul.underH4_ul li p.title{
	font-size: 130%;
	font-weight: bold !important;
	text-align: center;
	border-bottom: 1px solid #999;
}
body.technology01#green #green_content ul.underH4_ul li p.read{
	font-size: 100%;
	font-weight: bold !important;
}
body.technology01#green #green_content ul.underH4_ul li p.backgray{
	background: #f3f3f3;
	text-align: left;
	padding: 5px 10px;
	margin-top: 0;
}
body.technology01#green #green_content .underH4_txt_confort{
	margin: 20px auto 80px auto;
	text-align: center;
	width: 820px;
}
body.technology01#green #green_content .underH4_txt_confort span.text{
	padding-top: 40px;
	text-align: center;
	display:block;
	font-weight: bold;
}
body.technology01#green #green_content .underH4_txt_confort span.img{
	padding-top: 10px;
	text-align: center;
	display:block;
}
body.technology01#green #green_content .box06_left{
	padding: 10px;
	width: 570px;
	float: left;
}
body.technology01#green #green_content .box06_right{
	padding: 10px;
	width: 330px;
	margin-left: auto;
}
body.technology01#green #green_content h5.data_title{
	font-size: 117%;
	font-weight: bold;
	padding-bottom: 6px;
}
body.technology01#green #green_content h5.data_title span{
	font-weight: normal;
	font-size: 90%;
	padding: 1px 10px;
	background: #000;
	color: #fff;
	display: inline-block;
	margin-right: 5px;
}
body.technology01#green #green_content .box01 p.left_txt{
    text-align: left;
	width: 380px;
	margin: 5px auto;
}
.boxtitle{
	font-size: 118%;
	font-weight: bold;
	text-align: center;
	background: #f3f3f3;
}
.fsize80 { font-size: 80%; }
.fsize90 { font-size: 90%; }
.fsize110 { font-size: 110%; }
.fsize120 { font-size: 120%; }
.fsize130 { font-size: 130%; }
.fsize140 { font-size: 140%; }
.fsize150 { font-size: 150%; }
.fsize300 { font-size: 300%; }
.talign_right { text-align: right;}
.talign_left { text-align: left;}
.talign_center { text-align: center;}
.nowrap { white-space: nowrap}
.weightbold{ font-weight: bold; }
.mb40 { margin-bottom: 40px; }


/* 20170822 update */
@media screen and (max-width: 767px) {
  body.technology01#green #green_content h3 {
    width: 94%;
    margin: 0 auto 1em;
  }
  body.technology01#green #green_content #detail_menu {
    width: 98%;
    margin: 0 auto 1em;
  }
  body.technology01#green #green_content #detail_menu ul:after {
    content: "";
    display: block;
    clear: both;
  }
  body.technology01#green #green_content #detail_menu li {
    display: block;
    float: left;
    margin: 0 .5% 3px;
    width: 19%;
  }
  body.technology01#green #green_content #detail_menu a {
    display: block;
  }
  body.technology01#green #green_content #detail_menu a img {
    margin: 0;
    width: 100%;
    height: auto;
    box-sizing: border-box;
  }
  body.technology01#green #green_content #detail_menu a img.on {
    margin: 0;
  }
  body.technology01#green #green_content #detail_menu a:hover img {
    margin: 0;
  }
  body.technology01#green #green_content .box_topblock_l {
    width: 94%;
    height: auto;
    margin: 0 auto 1em;
    float: none;
  }
  body.technology01#green #green_content .box_topblock_mainTxt {
    margin: 1em auto;
  }
  body.technology01#green #green_content .box_topblock_r {
    width: 94%;
    margin: auto;
  }
  body.technology01#green #green_content h4.underlineH4_w {
    width: 94%;
    height: auto;
    margin: auto;
  }
  body.technology01#green #green_content .underH4_txt_w {
    width: 94%;
    margin: auto;
  }
  body.technology01#green #green_content .underH4_txt_w span.img {
    padding-top: 1em;
  }
  body.technology01#green #green_content .right_space {
    margin: auto;
  }
  body.technology01#green #green_content .box01 {
    width: 94%;
    margin: 2em auto;
    float: none;
  }
  body.technology01#green #green_content .box01 p.left_txt,
  body.technology01#green #green_content .box01 p.right_text {
    width: auto;
  }
  body.technology01#green #green_content .box_topblock_r02 img.main_leftimg {
  }
  body.technology01#green #green_content .box_topblock_r02 .box_topblock_r03 {
    width: auto;
  }
  body.technology01#green #green_content .link_blocktxt03 {
    clear: both;
    text-align: center;
  }
  body.technology01#green #green_content h4.space_tech {
    width: 94%;
    height: auto;
    margin: 1em auto;
    padding-top: 1em;
  }
  body.technology01#green #green_content .box02 {
    width: 94%;
    margin: 2em auto;
  }
  body.technology01#green #green_content .box02_left,
  body.technology01#green #green_content .box02_right {
    width: 100%;
    float: none;
  }
  body.technology01#green #green_content .box02 dl {
    width: 100%;
  }
  body.technology01#green #green_content .box_middleblock_r02 p.box_topblock_r03 {
    width: 75%;
  }
  body.technology01#green #green_content .box_middleblock_r02 img.main_leftimg {
    width: 25%;
  }

  body.technology01#green #green_content .box_topblock02_l {
    width: 94%;
    height: auto;
    margin: auto;
    float: none;
  }
  body.technology01#green #green_content .box_topblock02_r {
    width: 94%;
    margin: auto;
  }
  body.technology01#green #green_content .box_topblock02_r ul.movie li {
    width: 32%;
    margin-right: 2%;
  }
  #green_content .item_link_area {
    width: 94%;
    margin: auto;
  }
  body.technology01#green #green_content .item_link_area ul.box {
    width: 100%;
  }
  body.technology01#green #green_content .item_link_area ul.box li {
    width: 100%;
    float: none;
    box-sizing: border-box;
  }
  body.technology01#green #green_content .item_link_area ul.box li:first-child {
    margin-right: 0;
    margin-bottom: 1em;
  }
  body.technology01#green #green_content .item_link_area ul.box li span.text {
    width: 70%;
    padding: .5em 0;
  }
  body.technology01#green #green_content .box05 {
    width: 94%;
    margin: 2em auto;
  }
  body.technology01#green #green_content h4.underlineH4_w_02 {
    width: 100%;
    height: auto;
    margin: auto;
  }
  body.technology01#green #green_content > h4.underlineH4_w_02 {
    width: 94%;
  }
  body.technology01#green #green_content .box05 p {
    padding: 0;
    margin: 1em auto;
  }
  body.technology01#green #green_content .underH4_txt_confort {
    width: 100%;
  }
  body.technology01#green #green_content ul.underH4_ul {
    width: 100%;
    margin: 1em auto 0;
  }
  body.technology01#green #green_content > ul.underH4_ul {
    width: 94%;
    margin: 1em auto 0;
  }
  body.technology01#green #green_content ul.underH4_ul li {
    width: 100%;
    float: none;
    padding: 0;
    margin-bottom: 1em;
  }
  body.technology01#green #green_content .box06_left {
    width: 100%;
    float: none;
    padding: 0;
  }
  body.technology01#green #green_content .box06_right {
    width: 100%;
    padding: 0;
  }
  body.technology01#green #green_content .box06_right img {
    display: block;
    margin: auto;
  }
  body.technology01#green #green_content .box05_left,
  body.technology01#green #green_content .box05_right {
    width: 100%;
    margin: 1em auto;
    padding: 0;
    float: none;
  }
  body.technology01#green #green_content .box05_right h6 {
    margin: 1em 0;
  }
  .mainTitle01 {
    margin: auto;
  }
  body.technology01#green #green_content .underH4_txt_w3 {
    width: 94%;
    margin: 1em auto;
  }
  body.technology01#green #green_content .underH4_txt_w2 {
    width: 94%;
    margin: auto;
  }
  body.technology01#green #green_content > h4 {
    width: 94%;
    margin: 0 auto 1em;
  }
  body.technology01#green #green_content .box03_left,
  body.technology01#green #green_content .box03_right {
    width: 100%;
    margin: auto;
    float: none;
  }
  body.technology01#green #green_content .box01 dl {
    width: 100%;
  }
  body.technology01#green #green_content .link_blocktxt02 a:link {
    float: none;
  }

  .urinalsTextBox01 {
    width: 94%;
    margin: auto;
  }
  .urinalsTextBox01 span.text {
    width: 100%;
  }
  .urinalsDetailBox01,
  .urinalsDetailBox02 {
    width: 94%;
    margin: auto;
  }
  .urinalsDetailBox01 li {
    width: 50%;
    margin: 0 auto 1em;
  }
  .urinalsDetailBox02 li.left,
  .urinalsDetailBox02 li.right {
    width: 100%;
    float: none;
  }
  body.technology01#green #green_content .box_subblock_l {
    width: 94%;
    height: auto;
    margin: auto;
    float: none;
  }
  body.technology01#green #green_content .box_subblock_r {
    width: 94%;
    margin: auto;
    padding: 0;
  }
  #green_content a:hover {
    text-decoration: none;
  }


  #productsLink01 .contArea04 {
    width: 94%;
    height: auto;
    margin: 1em auto 2em;
    background: none;
  }
  #productsLink01 .contArea04 dt {
    margin-left: 0;
    float: none;
  }
  #productsLink01 .contArea04 dt img {
    display: block;
    margin: auto;
  }
  #productsLink01 .contArea04 dd {
    width: 100%;
    padding-left: 0;
    margin-top: 1em;
  }
}

/* 20171206 update */

#green_content_techarea{
  color:#323232;
  line-height: 130%;
	background: url(../../images/sankaku_fff.png) no-repeat 50% bottom;
	background-color: #333;
	padding-bottom: 14px;
	overflow: hidden;
	margin-bottom: -20px;
}
#green_content_techarea a:link,
#green_content_techarea a:active,
#green_content_techarea a:visited{
  color: #333;
  text-decoration: none;
}
#green_content_techarea a:hover{
  color: #38bfef;
  text-decoration: underline;
}

#green_content_techarea p{
	color: #fff;
	font-size: 10pt;
	width: 430px;
	line-height: 1.8em;
}
#green_content_techarea p.title{
	font-weight: bold;
	font-size: 14pt;
	margin: 10px 0;
}
h3.green_content_techarea{
  	width: 950px;
  	margin: 0 auto 10px auto;
}

body.technology01#green #green_content_techarea #category_menu{
/*	width: 615px;
	margin-left: auto; 20140922 */
  	width: 950px;
  	margin: 20px auto;
	overflow: hidden;
	font-size: 80%;
}

body.technology01#green #green_content_techarea #category_menu .detail_textarea{
	width: 440px;
	float: left;
	padding-left: 1em;
}


body.technology01#green #green_content_techarea #category_menu ul{
 width: 540px;
	margin-left: auto;
}

body.technology01#green #green_content_techarea #category_menu li{
	display: block;
	width: 120px;
	float: left;
}

body.technology01#green #green_content_techarea #category_menu a{
	width: 114px;
	text-align: center;
	display: block;
}
body.technology01#green #green_content_techarea #category_menu a span{
	color: #fff;
	display: block;
}
body.technology01#green #green_content_techarea #category_menu a img{
padding: 1px;
margin: 0 5px 7px 0;
border: 1px solid #cccccc;
	width: 64px;
	height: auto;
}

body.technology01#green #green_content_techarea #category_menu a:hover img{
padding: 1px;
margin: 0 5px 7px 0;
border: 1px solid #38beef;
filter: Alpha(opacity=100);
}

body.technology01#green #green_content_techarea #category_menu a img.img_last{
padding: 1px;
margin: 0 0 7px 0;
border: 1px solid #cccccc;
}

body.technology01#green #green_content_techarea #category_menu a:hover img.img_last{
padding: 1px;
margin: 0 0 7px 0;
border: 1px solid #38beef;
filter: Alpha(opacity=100);
}

body.technology01#green #green_content_techarea #category_menu a img.on{
padding: 1px;
margin: 0 5px 7px 0;
border: 1px solid #38beef;
}

body.technology01#green #green_content_techarea #category_menu a img.img_last_on{
padding: 1px;
margin: 0 0 7px 0;
border: 1px solid #38beef;
}

body.technology01#green #green_content_techarea #category_menu a:hover img.img_last_on{
padding: 1px;
margin: 0 0 7px 0;
border: 1px solid #38beef;
filter: Alpha(opacity=100);
}
.mainTitle02{
	font-size: 16pt;
	font-weight: bold;
	text-align: center;
	padding: 20px 0 40px 0;
}
@media screen and (max-width: 767px) {
	#green_content_techarea{
		display: none;
	}
	h3.green_content_techarea{
		margin: 20px auto 10px auto;
		width: 70%;
	}
.mainTitle02{
	text-align: left;
	font-size: 14pt;
}
}