@charset "UTF-8";
/***********************-
タイトル :　舞寄僥h廠鷂2016
古勣坤扎`ススタイルシ`ト

崙恬晩2016/09

-***********************/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	border: 0;
	font-size: 100%;
	font-style: inherit;
	font-weight: inherit;
	margin: 0;
	outline: 0;
	padding: 0;
	vertical-align: baseline;
}
sup,
sub {
	font-size:70%;
     
}
sup {
	 position:relative;
     
} 
sup {
    bottom: 1ex;
}
 
sub {
    top: .5ex;
}
:focus {/* remember to define focus styles! */
	outline: 0;
}
ul {
	list-style: none;
}
table {/* tables still need 'cellspacing="0"' in the markup */
	border-collapse: collapse;
	border-spacing: 0;
}
caption, th, td {
	font-weight: normal;
	text-align: left;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}
a img {
	border: 0;
}
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
	display: block;
}

section, nav, article, aside, hgroup,
header, footer, figure, figcaption, summary {
	display: block;
	margin: 0;
	padding: 0;
}
/*嘔フロ`ト*/
.alignright {
   float: right;
}
/*恣フロ`ト*/
.alignleft {
   float: left;
}

/*畠てをクリア*/
.clear {
   clear: both;
} 

/*ハック*/
.clearfix:after {
   content: ".";
   display: block;
   clear: both;
   height: 0;
   visibility: hidden;
}
.clearfix { display: inline-block; }
/* exlude MacIE5 \*/
* html .clearfix { height: 1% }
.clearfix {display:block;}
/* end safari */ 

 /*ボディ*/
body {
	margin: 0;
	padding: 0;
	line-height: 1.6;
	text-align: center;
	font-size: 0.8em;
	font-family:'Lucida Grande', 'Hiragino Kaku Gothic ProN', 'ヒラギノ叔ゴ ProN W3', Meiryo, メイリオ, sans-serif;
	margin:0 auto;
	color:#000;
}

/*リンクカラ`*/
 a:link {color:#005dad;}
 a:visited {  color: #005dad ;}
 a:hover { color:#C00}
a:active {  color:#F00;}

a:hover img{
opacity:0.6;
filter:alpha(opacity=60);
-ms-filter: "alpha( opacity=60 )";
background:none!important;
}

/* =Header
----------------------------------------------- */
#mainheader{border-bottom:8px solid #AED8FE; padding:0 20px 0px; height:80px; background:url(/report/environmental/2016/image/common/header.png) 100% 0 no-repeat;
}
#mainheader #logo{ text-align:left; margin:
0 auto 0;	
	min-width: 740px;
	max-width: 1330px;
}

/* =Content
----------------------------------------------- */
#wrapper{margin: 0 auto 0;
	padding: 0 ;
	text-align: left;/*IE6喘ハック*/
	min-width: 800px;
	max-width: 1300px;
display: table;
}



/*リンクカラ`*/

.breadcrumb { text-align:right;}
ul.foot{padding:30px 0 0  !important; text-align:left; }

.breadcrumb li{display:inline-block;?*display:?inline;?*zoom:?1; margin:0 5px 0 0;font-weight:bold;  font-size:0.9em;}

.breadcrumb li a{ font-weight:normal; background:url(/report/environmental/2016/image/common/pankuzu.gif) 100% 50% no-repeat; padding:0 20px 0 0; }
.breadcrumb li strong{font-weight:normal;}






/* =side
----------------------------------------------- */
#globalnav{ width:220px; margin:0px 0; display: table-cell; padding:10px 0; vertical-align:top;	font-size:1.1em;}
#globalnav li{text-align:left;margin:0; }


	


	
#globalnav li.red a{background:#faded9 url(../image/common/pink.png) no-repeat 10px 50%; border-bottom:1px solid #f19a93;}
#globalnav li #side4 {background:#c2dfb2 url(../image/common/green.png) no-repeat 10px 50%;border-bottom:1px solid #40b15d;}
#globalnav li #side5{background:#fad8ba url(../image/common/orange.png) no-repeat 10px 50%; border-bottom:1px solid #f29739; }
#globalnav li #side6{background:#c1dde1 url(../image/common/blue.png) no-repeat 10px 50%; border-bottom:1px solid #64b5c7; }
#globalnav li#side7{background:#e3cce2 url(../image/common/purple.png) no-repeat 10px 50%; border-bottom:1px solid #c38fbd; }
#globalnav li#side8{background:#e4f5f9 url(../image/common/blue.png) no-repeat 10px 50%; border-bottom:1px solid #a0d7e5; }
	
#globalnav li a{
	background-repeat:no-repeat;
	color:#000;
	padding:0 0px 0 35px;
	display:block;
	display: table-cell;
	vertical-align: middle;
	height:70px;
    position: relative;
	width:220px; }
#globalnav li a:hover,#page0 #globalnav li#side0 a,#page1 #globalnav li#side1 a,#page2 #globalnav li#side2 a,#page3 #globalnav li#side3 a, .green #globalnav li #side4, #page4-1 #globalnav li  #side4-1,#page4-2  #globalnav li #side4-2,#page4-3  #globalnav li #side4-3,.orange #globalnav li #side5,#page5-1  #globalnav li #side5-1,#page5-2 #globalnav li #side5-2,#page5-3  #globalnav li #side5-3,#page5-4  #globalnav li #side5-4,#page5-5  #globalnav li #side5-5,#page5-6  #globalnav li #side5-6,.blue #globalnav li #side6,.page6-1 #globalnav li.side6-1 a,.page6-2 #globalnav li.side6-2 a,.purple #globalnav li#side7 a,.blue2 #globalnav li#side8 a { font-weight:bold;}

#globalnav li li a{	padding:0 0px 0 40px; height:45px; font-size:0.9em;}
#globalnav li li ul{	margin:5px 0; }
#globalnav li li li a{	padding:5px 0px 5px 40px; height:auto; }


#globalnav li a:hover:after, #page0 #globalnav li#side0 a:after,#page1 #globalnav li#side1 a:after,#page2 #globalnav li#side2 a:after,#page3 #globalnav li#side3 a:after,
.green #globalnav li #side4:after,.orange #globalnav li #side5:after,.blue #globalnav li #side6:after,.purple #globalnav li#side7 a:after,.blue2 #globalnav li#side8 a:after ,#page9 #globalnav li#side9 a:after {
 content: "";
    position: absolute;
    left: 50%; 
    top: 0;
    margin-left: 110px;
	-webkit-border-top-right-radius:50px;
	-webkit-border-bottom-right-radius:50px;
	-moz-border-radius-topright:50px;
	-moz-border-radius-bottomright:50px; }

	
	

/**.red**/
.red #globalnav{ background:#faded9;}
#globalnav li.red a:hover,#page0 #globalnav li#side0 a,#page1 #globalnav li#side1 a,#page2 #globalnav li#side2 a,#page3 #globalnav li#side3 a,#page9 #globalnav li#side9 a{ background:#f19a93 url(../image/common/pink.png) no-repeat 10px 50%; color:#fff;}

#globalnav li.red a:hover:after, #page0 #globalnav li#side0 a:after,#page1 #globalnav li#side1 a:after,#page2 #globalnav li#side2 a:after,#page3 #globalnav li#side3 a:after,#page9 #globalnav li#side9 a:after{
    border-left:35px solid #f19a93;
    border-top: 35px solid #f19a93;
    border-bottom: 35px solid #f19a93; }

/**green**/
.green #globalnav{ background:#c2dfb2;}

#globalnav li  a.green:hover:after, .green #globalnav li #side4:after{
    border-left:35px solid #40b15d;
    border-top: 35px solid #40b15d;
    border-bottom: 35px solid #40b15d; }

#globalnav li #side4:hover, .green #globalnav li #side4{ background:#40b15d url(../image/common/green.png) no-repeat 10px 50%; color:#fff;}

.green #globalnav li li a:hover { color:#40b15d;  }
.green #globalnav li li { background: url(/report/environmental/2016/image/common/greens.png) no-repeat 20px 50%; color:#fff;border-bottom:1px dotted #40b15d;}

.green #globalnav li li li{border:none; background:#c2dfb2;}
#page4-1  #globalnav li #side4-1,#page4-2  #globalnav li #side4-2,#page4-3  #globalnav li #side4-3{ background:#40b15d url(/report/environmental/2016/image/common/greens.png) no-repeat 20px 50%; color:#fff;}
.page4-1-1 #globalnav li li li#side4-1-1 a,.page4-1-2 #globalnav li li li#side4-1-2 a,.page4-1-3 #globalnav li li li#side4-1-3 a,.page4-2-1 #globalnav li li li#side4-2-1 a,.page4-2-2 #globalnav li li li#side4-2-2 a,.page4-2-3 #globalnav li li li#side4-2-3 a,.page4-2-4 #globalnav li li li#side4-2-4 a,.page4-3-1 #globalnav li li li#side4-3-1 a,.page4-3-2 #globalnav li li li#side4-3-2 a,.page4-3-3 #globalnav li li li#side4-3-3 a,.page4-3-4 #globalnav li li li#side4-3-4 a,.page4-3-5 #globalnav li li li#side4-3-5 a{ color:#40b15d;  }


/**orange**/
.orange #globalnav{ background:#fad8ba;}
#globalnav li  a.orange:hover:after,.orange #globalnav li #side5:after{
    border-left:35px solid #f29739;
    border-top: 35px solid #f29739;
    border-bottom: 35px solid #f29739; }


#globalnav li #side5:hover,.orange #globalnav li #side5 { background:#f29739 url(../image/common/orange.png) no-repeat 10px 50%; color:#fff;}

.orange #globalnav li li{ background:#fad8ba  url(../image/common/oranges.png) no-repeat 20px 50%; color:#fff; border-bottom:1px dotted #f29739;}
.orange #globalnav li li a:hover { color:#f29739;  }
#page5-1  #globalnav li #side5-1,#page5-2 #globalnav li #side5-2,#page5-3  #globalnav li #side5-3,#page5-4  #globalnav li #side5-4,#page5-5  #globalnav li #side5-5,#page5-6  #globalnav li #side5-6{ background:#f29739 url(../image/common/oranges.png) no-repeat 20px 50%; color:#fff;}
.orange #globalnav li li li{border:none; background:#fad8ba;}
.page5-4-1 #globalnav li li li.side5-4-1 a,.page5-4-2 #globalnav li li li#side5-4-2 a,.page5-4-3 #globalnav li li li.side5-4-3 a,.page5-6 #globalnav li li li.side5-6-1 a,.page5-6-2 #globalnav li li li#side5-6-2 a{ color:#f29739;  }
#globalnav li li li a span{ display:block; margin:0 0.5em 0 0.7em;}


/**blue**/
.blue #globalnav{ background:#c1dde1;}
#globalnav li  a.blue:hover:after,.blue #globalnav li #side6:after {
    border-left:35px solid #64b5c7;
    border-top: 35px solid #64b5c7;
    border-bottom: 35px solid #64b5c7; }

#globalnav li a#side6:hover,.blue #globalnav li #side6 { background:#64b5c7  url(../image/common/blue.png) no-repeat 10px 50%; color:#fff;}
.blue #globalnav li li{ background:#c1dde1 url(../image/common/blues.png) no-repeat 20px 50%; color:#fff; border-bottom:1px dotted #64b5c7;}
.blue  #globalnav li li a:hover { color:#64b5c7;  }
.page6-1 #globalnav li.side6-1 a,.page6-2 #globalnav li.side6-2 a{ background:#64b5c7 url(../image/common/blues.png) no-repeat 20px 50%;  color:#fff !important;}


/**purple**/
.purple #globalnav{ background:#e3cce2;}
#globalnav li#side7 a:hover,.purple #globalnav li#side7 a{  background:#c38fbd url(../image/common/purple.png) no-repeat 10px 50%; color:#fff;}
#globalnav li#side7  a:hover:after,.purple #globalnav  li#side7 a:after {
    border-left:35px solid #c38fbd;
    border-top: 35px solid #c38fbd;
    border-bottom: 35px solid #c38fbd; }

.purple  #globalnav li li a:hover { color:#c38fbd;  }
.purple #globalnav li#side7 a:after{
    border-left:35px solid #c38fbd;
    border-top: 35px solid #c38fbd;
    border-bottom: 35px solid #c38fbd; }
	
/**blue2**/
.blue2 #globalnav{ background:#e4f5f9;}
#globalnav li#side8 a:hover,.blue2 #globalnav li#side8 a { background:#a0d7e5  url(../image/common/blue2.png) no-repeat 10px 50%; color:#fff;}

#globalnav li#side8 a:hover:after,.blue2 #globalnav li#side8 a:after {
    border-left:35px solid #a0d7e5;
    border-top: 35px solid #a0d7e5;
    border-bottom: 35px solid #a0d7e5; }
	

/**yellow**/
.yellow #globalnav{ background:#fef5dc;}


/* =common
----------------------------------------------- */
#contents{display:table-cell; padding:10px 0 0 40px; vertical-align:top;}
#contents p{margin:0 0 0 2em ; text-indent:1em;}
#contents article{ margin:20px auto 40px; }
#contents article p.right{ text-align:right; }

/* =h1
----------------------------------------------- */

#contents h1{ font-size: 1.8em; font-weight:bold; margin:0px 0 15px; padding:43px 0 45px 40px; color:#000; line-height:1.4; }


.red #contents h1{ background:url(/report/environmental/2016/image/common/pink.gif) 0 0 no-repeat;}
.green #contents h1{ background:url(/report/environmental/2016/image/common/green.gif) 0 0 no-repeat; padding:20px 0 68px 40px; }
.blue #contents h1{  background:url(/report/environmental/2016/image/common/blue.gif) 0 0 no-repeat; padding:20px 0 68px 40px; }
.orange #contents h1{background:url(/report/environmental/2016/image/common/orange.gif) 0 0 no-repeat;padding:20px 0 68px 40px; }
.yellow #contents h1{ background:url(/report/environmental/2016/image/common/yellow.gif) 0 0 no-repeat;}
.purple #contents h1{ background:url(/report/environmental/2016/image/common/purple.gif) 0 0 no-repeat; padding:50px 0 60px 40px;}
.blue2 #contents h1{  background:url(/report/environmental/2016/image/common/blue2.gif) 0 0 no-repeat; }

#contents h1 span {
	display: block;
	margin: 0 0 .2em ;
	color: #333;  font-weight:normal;
	font-size: .7em;
}
/* =
----------------------------------------------- */




/* =h2
----------------------------------------------- */
#contents h2{ 	font-size: 1.6em;   font-weight:bold;font-size: 1.6em;padding:5px 5px 2px; margin:0 0 20px;   }
.red #contents h2{color:#e60040; }
.green #contents h2{color:#41b25d;}
.blue #contents h2{ color:#579ed0; }
.orange #contents h2{color:#ea5504;}
.yellow #contents h2{color:#ef8200;}
.purple #contents h2{color:#e50040;}


/* =table
----------------------------------------------- */
#contents table{ margin:10px auto; width:100%; font-size:0.9em;border-collapse:collapse; border:1px solid #333;}
#contents table th,#contents table td{  padding:5px 8px; vertical-align:middle; border:1px solid #333;}
#contents table th{background:#eeefef;}




/* dl*/
dl dt{ font-weight:bold;font-size: 1.4em;padding:0 5px 2px; }
.data{margin:0; text-align:right;margin:10px auto;font-size:0.9em; }



/* =pdf
----------------------------------------------- */


body#pdf h1{ font-size:150%; margin:10px auto 0; width:600px;}

body#pdf h2{ font-size:150%; margin:50px 0 0px ;  text-align:center; font-weight:bold;}
body#pdf .dw{ margin:30px auto 0; padding:0; text-align:center; }
body#pdf .dw img{ margin: 0px 0 40px;}
body#pdf .dw img.hyoshi{  border:1px solid #CCC; }
body#pdf .close { text-align:center; margin-bottom:15px;}
body#pdf footer{ text-align:center; background:none!important; color:#666 !important;}

body#pdf footer small{ color:#000;}

/*亟寔*/

div.center{ text-align:center;}
div.right{ float:right;  margin:0 0 0 15px; text-align:center;}
div.right figure{ margin:0 0 15px; text-align:center;}

figure figcaption{ margin:5px 0 0; text-align:center; font-size:90%;}
ul.photo { margin:40px auto; text-align:center;}
ul.photo li { display:inline-block; margin:10px;text-align:center; vertical-align:top; }
ul.photo li p {margin:10px auto 0 !important;font-size:90%; text-indent:0!important;}
ul.photo li img { margin:0 10px;}

.caption{margin:0 0 0 3em;}
.caption2{margin:0 0 0 7em;}


.line-2{ margin:25px 0 15px !important; }
.line-3{ margin:25px 0  0 !important; }

span.right{ float:right;  margin:0 0 15px 15px; text-align:center;}
span.right2{ float:right;  margin:0 0 15px 15px; text-align:left;}
span.left{ float:left;  margin:0 15px 15px 0; text-align:center;}
span.center{ clear:both;  margin:20px 15px 15px; text-align:center;}
span.center img{ width:90%; height:auto; ma-width:640px;}


/* =home
----------------------------------------------- */
body#home #wrapper{margin: 0px auto 0px; width:100%; max-width:800px; padding:20px 0 80px; text-align:center; border: 1px solid #999;
background-image: url('/report/environmental/2016/image/index/back.jpg');
   background-size:contain;
   background-repeat:no-repeat;}

body#home #wrapper .maingazo{margin: 0px auto ; max-width:700px; width:90%; height:auto; }


body#home #wrapper h1{  margin: 100px auto 10px; text-align:center;  padding:0px; }
body#home #wrapper ul{  text-align:center;margin: 50px auto  30px;}
body#home #wrapper ul li{  display:inline-block; *display: inline;	/*for IE*/*zoom: 1;		/*for IE*/ margin:20px 5px;}
body#home #wrapper h2{  margin: 10px auto 0px; }

body#home #wrapper h2 img{max-width:400px; width:90%; height:auto; }

body#home footer{background:#fff; border-top:1px dotted #999;  padding:15px 0 20px; margin:110px 20px 0;}
body#home footer p{  font-size:80%;  color:#000;}

.counter{ text-align:right;  margin:0 20px 20px 0;}
.counter .real{ display:none;}




/* =page0
----------------------------------------------- */
#page0  dl{ margin:20px 20px 20px; 
 height:auto;  border-radius:20px;		/* CSS3課宛 */
	-webkit-border-radius:20px;	/* Safari,Google Chrome喘 */
	-moz-border-radius: 20px;	/* Firefox喘 */
	padding:30px 0;}
#page0  dl dt{font-size: 1em;margin:0 0 0em 1em;}
#page0  dl  dd{ margin:0 0 2em 1em;}
#page0  dl span{ display:block; }
#page0  dl span h3{ text-align:center;}
#page0  dl span p{ background:#f0f0f0; padding:8px 15px; font-size:0.9em; text-align:left; text-indent:0; margin:3px 0 0;}
#page0  dl span.right{ float:right;  margin:0 0 15px 15px; text-align:center;}
#page0  dl span.left{ float:left;  margin:0 15px 15px 0; text-align:center;}
#page0  dl span.center{ clear:both;  margin:20px 15px 15px; text-align:center;}
#page0  dl span.center img{ width:90%; height:auto; ma-width:640px;}



/* =page1
----------------------------------------------- */
#page1  dl{margin:20px; height:auto; }
#page1  dl dt{
	position: relative;
	padding: 0 .5em .5em 1.5em;


}
 #page1  dl dt::before{
	position: absolute;
	content: '';
	border-radius: 100%
}
 #page1  dl dt::before {
	top: .2em;
	left: .2em;
	z-index: 2;
	width: 18px;
	height: 18px;
	background: rgba(241, 154, 150,1);
}

 #page1  dl dd{
	padding:30px 0;
margin:0 0 50px;
	text-align:left;
 }
 

 #page1  dl dd h2, #page2 h2{ padding:0; }
 #page1  dl dd ol{ list-style:none;}
 #page1  dl dd li{ margin:0 0 3em; }
 #page1  dl dd li:last-child{ margin:0 0; }
 #page1 .data{ margin:-30px 0 0 0;}





/* =page2
----------------------------------------------- */
#page2 article{margin:20px; height:auto; }
#page2 article dt,#page2 article dd{float:left; padding:8px; }
#page2 article dt{clear:both; font-weight:normal; font-size:1em; width:5em;}
#page2 article dd:before{content:":　"; }
#page2 article .photo li{margin:40px auto;}

#page2 table th,#page2 article  table td{  padding:5px 8px; vertical-align:middle; border:1px solid #333; }
#page2  table td:last-child{background:#eeefef !important;text-align:right;}
#page2  table tr:first-child th{ text-align:center;}
#page2  table tr:last-child th,#page2  table tr:last-child td{ border-top: double 3px #333;}

 #page2 h2{ margin:20px 0; }
 #page2 article p{ margin:0 0 40px 1em; }
#page2 article .photo  li img { width:90%; height:auto; max-width:815px;}
/* =page3
-----------------------------article ------------------ */
#page3 article img{ margin:30px auto 0px; width:90%; max-width:792px; height:auto}

/* =page4
----------------------------------------------- */
.green ul.name{ text-align:right;  margin:0 0 40px; border-bottom:  #41b25d 1px solid;}
.green ul.name li{  margin:0 0 3px auto; text-align:right; }

.page4-1-1 ul.name li{  margin:0 0 3px auto; text-align:left; width:15em;}
.page4-1-2 h3{ 	font-size: 1.4em;  margin:20px 0 10px; font-weight:bold;  color:#41b25d; text-align:center;} 

.page4-1-3 article h3{ font-weight:bold;font-size: 1.4em;margin:0 auto 20px;   width:80% !important;  }
.page4-1-3 table{ margin:10px auto 0; font-weight:bold;font-size: 1.6em; width:80% !important; }
.page4-1-3 table th{  width:50% !important; }
.page4-1-3 .chui{ margin:10px auto 0; width:80% !important; text-align:right; }
.page4-1-3 .chui:before{ content:"☆ ";}

ul.link{  margin:40px auto 0;  width:80% !important; }
ul.link  li{  margin:2px 0;}
.page4-1-5 article th{ text-align:center;}
.page4-2-1 article li img{ margin: 0 5px;}
.page4-2-2 ul.photo li img {border:1px solid #333;}

.page4-3-1  span.right2 { width:310px; }
.page4-3-1  span.right2 b{ display:block; font-weight:normal; margin:0 0 0 2em; }
.page4-3-1  span.right2 b:before{ content:"蹌"; margin:0 0 0 -2em;}

.page4-3-2 ul img{ border:1px solid #333;}

.page4-3-2 ul.name dl{ margin:0 0 0 auto; width:20.5em; text-align:left;}
.page4-3-2 ul.name li dt{clear:both; width:12em; }
.page4-3-3 dl{ margin:30px 0;}
.page4-3-3 dt{  font-size:1em; font-weight:normal; }
.page4-3-3 dd{  margin:0 0 0 1em; }

 ul.p5 {margin:0px auto 0 !important; width:100%; text-align:center;}
 ul.p5 li{ display:inline-block; width:450px; vertical-align:top; margin:20px 0 10px!important; padding:30px 10px 0px;text-align:left;}
ul.p5 li h4{font-weight:bold;font-size: 1.2em; margin:0 0 20px; }
ul.p5 .zu { text-align:center;margin:10px 5px 20px; }


/*page5
----------------------------------------------- */
.orange article h3{ color:#ea5404; font-weight:bold;font-size: 1.2em;padding:5px 5px 2px; margin:0 0 20px;   }
.orange  .ss{ display:block; font-size:0.8em; text-align:left; text-indent:none !important; margin:0 auto; width:405px;}

#page5-1 article#no1 div{border:1px solid #ea5404;padding:20px; margin:20px auto; width:60%; min-width:400px;}
#page5-1 article#no1 div h4{font-size: 1.3em; text-align:center; font-weight:bold;}

#page5-1 article#no1 div dl {margin:20px 0 0;}
#page5-1 article#no1 div dl dt{ font-weight:bold;font-size: 1.3em;padding:10px; background:#c2da69; }
#page5-1 article#no1 div dl dd{padding:10px; text-indent:1em; margin:5px 10px 20px;}
.page5-1 article#no2 li:nth-child(3) img,.page5-1 article#no5 li img{ width:90%; max-width:800px; height:auto; margin:30px 0 0;}

#page5-1 article#no5 h3{margin:40px 0 0 ; padding:0; color:#000;}
#page5-1 article#no5 .photo{margin:0 auto 40px;}

#no1 ul.no1 { text-align:center; margin:20px auto 0;}

#no1 ul.no1 li{ display:inline-block; vertical-align:middle; text-align:left; margin:0 20px; }
#no1 ul.no1 li div{display:table;}
#no1 ul.no1 li img{display:table-cell; vertical-align:middle;margin:0 0.5em 0 0;}
#no1 ul.no1 li p{ display:table-cell; text-align:left;vertical-align:middle; text-indent:0;}
#no1 ul.no1 li b{display:block; font-weight:normal;}
#no1 ul.no1 li b:before{ content:"("}
#no1 ul.no1 li b:after{ content:")"}

.page5-2 #no1 .center{  margin:0px auto 50px;}
.page5-2 #no1 .center span{ display:block;background:#88c12b; color:#fff;font-weight:bold;font-size:1.6em;padding:5px 15px;  width:180px; margin:10px auto;}
.page5-2 #no1  u{ display:block; text-align:right; text-decoration:none;}

/* ボ`ダ`患き竃し */
.comment-sub {
	background: #FFF;
	border: solid 3px #89c22b;
	border-radius: 5px;
	color: #000;
	padding: 10px;
	position: relative;
	margin:30px;
}
.comment-sub::before,
.comment-sub::after {
	border-left: solid 30px transparent;
	border-right: solid 30px transparent;
	border-top: solid 15px #89c22b;
	bottom: -15px;
	content:"";
	display:block;
	height:0;
	left:47%;
	margin-left:-5px;
	position: absolute;
	width:0;
}
.comment-sub::after {
	border-top-color: #FFF;
	bottom:-10px;
}

.page5-2 ul.p5,.page5-3 ul.p5 {margin:0px auto 0 !important; width:100%; text-align:center;}
.page5-6 ul.p5 {margin:20px auto 0 !important; width:100%; text-align:center;}
.page5-2  ul.p5 li,.page5-3 ul.p5 li,.page5-6  ul.p5 li{ display:inline-block; width:450px; vertical-align:bottom; margin:20px 0 10px!important; border-top:#d4d4d4 solid 2px; padding:30px 10px 0px;text-align:left;}

.page5-2 ul.p5 li h4{font-weight:bold;font-size: 1.2em; margin:20px 0 10px; }
.page5-2 ul.p5 .zu,.page5-3 ul.p5 .zu ,.page5-6 ul.p5 .zu { text-align:center;margin:10px 5px 20px; }
.page5-2 ul.p5 .zu p,.page5-3 ul.p5 .zu p,.page5-6 ul.p5 .zu p{ margin:10px auto 0;  text-indent:none;}
.page5-2 ul.p5 li h4{font-weight:bold;font-size: 1.2em; margin:0 0 20px; }

.page5-2 ul.p5 li:first-child,.page5-2 ul.p5 li:nth-child(2),.page5-3 ul.p5 li:first-child,.page5-3 ul.p5 li:nth-child(2),.page5-6 ul.p5 li:first-child,.page5-6 ul.p5 li:nth-child(2){ border:none; padding:0px 10px 0px;}
.page5-2 ul.p5 .zu p.noindent{ text-indent:none !important; background:#333!important;}

.page5-2 .hyocaption{ margin:20px 0 0;  text-indent:none; }
.page5-2 table{margin:5px auto 0!important; width:100% !important;}
.orange #contents table th,.orange #contents table td{  padding:3px 5px; vertical-align:middle; border:1px solid #333;}

.page5-2 .zu2 img { width:90%; height:auto; max-width:750px;}


.orange #contents table td{ text-align:right;}
.orange #contents table tr:first-child th{ text-align:center;}
.orange #contents table tr:last-child th,.page5-3 #contents table tr:nth-child(2) th{ text-align:center;}
.orange #contents table tr:last-child {background:#eeefef;}
.orange #contents table td:last-child ,.orange #contents table td.tuika{background:#f9cd9d;}
.orange #contents table tr th:last-child,.orange #contents table td.last,.orange #contents table th.last{ background:#f39823;}

.page5-2 #no3 ul.p5 ,.page5-2 #no4 ul.p5,.page5-2 #no5 ul.p5{margin:20px auto 0 !important;}

.page5-3 #contents table tr:first-child th{ border:none; border-left:1px solid #333;}
.page5-3 #contents table  th.none{ border:none; }
.page5-3 #contents table  th.ari{border:none; border-left:1px solid #333;}

.page5-3 #contents table .gray{background:#eeefef; }
.page5-3 #contents table th.gray{text-align:left !important; }
.page5-3 table{margin:5px auto 0!important; width:100% !important; max-width:800px;}
.page5-3 .hyocaption{ margin:0 auto;  text-indent:none;  width:100% !important; max-width:800px;}
.page5-3 #no1 ul.p5 li{  margin:20px 0 30px!important; }
.page5-3 #no2 ul.p5 li{  vertical-align:bottom!important; }
.page5-3 #no3 ul.p5 {margin:20px auto  !important; width:100%; }

.page5-3 .space{ margin:20px 0 0; }

.page5-4-1 #no1 .hyocaption{ margin:20px auto 0px !important; width:400px; text-align:center; }
.page5-4-1 #no1 dl{ margin:10px auto 40px !important; width:400px; }
.page5-4-1 #no1 dl dt,.page5-4-1 #no1 dl dd{ float:left; padding:5px 0 5px 10px; margin:0; border-right:1px solid #666; border-bottom:1px solid #666;}
.page5-4-1 #no1 dl dt:first-child,.page5-4-1 #no1 dl dd:nth-of-type(1){ border-top:1px solid #666;}

.page5-4-1 #no1 dl dt{clear:both;font-size:1em; font-weight:normal; width:100px;border-left:1px solid #666;}
.page5-4-1 #no1 dl dd{width:270px;}

.page5-4-1 #no1 ul{ margin:20px auto 0; max-width:650px; width:100%; }
.page5-4-1 #no1 ul li{ vertical-align:bottom; margin: 0px 8px 30px; width:300px;}

.page5-4-2 #no1 .flow {margin:40px auto; text-align:center; }
.page5-4-2 #no1 .flow img {width:100%; height:auto; max-width:637px; }

.page5-4-2 #no1 ul li span{ display:block;border:1px solid #333; padding:2px 5px;font-size:110%; margin:5px 30px;}
.page5-4-2 #no1 ul li b{font-weight:normal;}


.page5-4-2 #no1 .hyocaption{margin:20px auto 0px !important; width:450px!important; }
.page5-4-2 #no1 table  {max-width:450px;margin:10px auto; }
.page5-4-2 #no1 table th,.page5-4-2 #contents table td{  padding:3px 10px; }
.page5-4-2 #no1 table tr:last-child {background:none;}
.page5-4-2 #no1 table td:last-child {background:none;}
.page5-4-2 #no1 table tr th:last-child{background:#eeefef;}
.page5-4-2 #no1 .chui2{margin:0px auto 0px !important; width:450px!important; font-size:90%; }
.page5-4-3 #no1 .hyocaption{margin:20px auto 0px !important; width:80%!important; }
 .page5-4-3 #no1 table  { line-height:1.3;  width:80%;}
.page5-4-3 #no1 table tr:last-child {background:none;}
.page5-4-3 #no1 table td:last-child{background:none;}
.page5-4-3 #no1 table tr th:last-child{background:#eeefef;}
.page5-4-3 #no1 table tr:first-child th { text-align:center!important;}
.page5-4-3 #no1 table tr:nth-child(2) th { text-align:center!important;}

.page5-5 #no2 .hyocaption{margin:20px auto 0px !important; max-width:500px!important; }
.page5-5 #no2 table  {max-width:500px;margin:10px auto; }
.page5-5 #no2 table th,.page5-5 #no2 table td{  padding:3px 10px; }
.page5-5 #no2 table tr:last-child {background:none;border-top:double #333333 3px;}
.page5-5 #no2 table td:last-child{background:none;}
.page5-5 #no2 table tr th:last-child{background:#eeefef;}
.page5-5 #no2 table td span{margin:0px 5px 0 0 !important; }
.page5-6 #no2 ul.photo { margin:40px auto 0; text-align:center;}

.page5-6 #no2 span { margin:10px 0 0 10px; width:250px; text-align:center;border:1px solid #ec651a; padding:5px 15px; font-size:110%;}

.page5-6 #no1 h4 {width:15em; margin:-50px 0 50px auto; background:#f9cd9d; paddng:5px 10px; text-align:center; font-size:1.2em;}
.page5-5 .chui{margin:0px auto 0px !important;max-width:500px!important;  font-size:80%; }
.page5-5 .chui li{ margin:0 0 0 2.5em;}
.page5-5 .chui li:before{ content:"(☆) "; margin:0 0 0 -1.5em;}

.page5-5 #no2 table td:nth-of-type(1) { text-align:left;}



.page5-6 #no3 ul{margin:0 0 0 2em;}
.page5-6  dt.sp { letter-spacing:0.5em;}
.page5-6 #no3 ul li{margin:0 1em 0 2em;  }
.page5-6 #no3 ul li:before{content:"?"; margin:0 0 0 -1em;}

.page5-6 .chui{margin:20px 0 0 1.5em !important; text-align:left;}
.page5-6 .chui:before{ content:"☆ "; margin:0 0 0 -1.5em;}
.page5-6 #no4 h4{margin:2em 1em 0 1em; }
.page5-6 #no4 ul li{margin:0 1em 0 4em;  }
.page5-6 #no4 ul li:before{content:"?"; margin:0 0 0 -1em;}

.page5-6 #no4 ul.photo li{margin:10px;}
.page5-6 #no4 ul.photo li:before{content:""; margin:0;}
.page5-6 #no5 h4{font-size: 1.2em; }
.page5-6 #no5 h4:before{content:"ヾ";}
.page5-6 #no5 h4:after{content:"ゝ";}

.page5-6 #contents table{ margin:5px auto; font-size:0.9em;border-collapse:collapse; border:1px solid #333;}
.page5-6 #contents table tr:first-child th{ background:#f0f0f0;}
.page5-6 #contents table tr:last-child{ background:#f9cd9d;}
.page5-6 #contents table tr th{ background:#fff;}
.page5-6 #contents table td:last-child{ background:#fff;}
.page5-6 #contents table tr:last-child th,.page5-6 #contents table tr:last-child td{ background:#f9cd9d;}
.page5-6 #contents .hyocaption{margin:20px auto 0px !important; max-width:500px!important; }
.page5-6 #no5 ul{margin:0 0 1em 2em;}
.page5-6 #no5 ul li{margin:0 0 0 1em; }
.page5-6 #no5 ul li:before{content:"?"; margin:0 0 0 -1em;}
.page5-6 #no5 span{ display:block; font-size:90%;}




.page5-6-2 #no2 ol{  list-style:none;margin:10px 0 0 4em; padding:0;}
.page5-6-2 #no3 h4{ margin:0 auto 10px;font-size: 1.2em;}
.page5-6-2 #no3 ul{ text-align:center;   }
.page5-6-2 #no3 li p{ text-indent:none; text-align:left; margin:5px 0 0 40px !important; }


.page5-6-2 #contents table{ margin:0px auto; width:300px; font-size:0.9em;border-collapse:collapse; border:1px solid #333;}
.page5-6-2 #contents table th,#contents table td{  padding:5px 8px; vertical-align:middle; border:1px solid #333;}
.page5-6-2 #contents table th{background:#fff;}

.page5-6-2 #contents table tr:first-child th:last-child,.page5-6-2 #contents table tr:first-child th{background:#eeefef;}
.page5-6-2 #contents table tr:last-child th,.page5-6-2 #contents table tr:last-child td{background:#f9cd9d;}
.page5-6-2 #contents table  td:last-child{background:#fff;}

.page5-6-2 #contents ul.p5 {margin:0px auto 0 !important; width:100%; text-align:left;}
.page5-6-2 #contents ul.p5 li{ display:inline-block; width:550px; vertical-align:top; margin:0px 0 10px!important;text-align:left;}
.page5-6-2 #contents ul.p5 li:last-child{ width:400px;}

.page5-6-2 .hyocaption{ margin:0 auto 5px;  text-indent:none;width:300px;  }
.page5-6-2 .hyocaption span{display:block; margin:-1.5em 0 0 auto ; width:80px; text-align:right;  }




/* =page6
----------------------------------------------- */

.page6-1 #contents h2 span{display: block;margin: 0 0 .2em ;
	color: #333;  font-weight:normal;
	font-size: .7em; }
.page6-1  #contents h2{ font-size: 1.8em; font-weight:bold; margin:0px 0 15px; padding:43px 0 45px 40px; color:#000; line-height:1.4;background:url(/report/environmental/2016/image/common/blue.gif) 0 0 no-repeat; padding:20px 0 68px 40px; }


.blue article h3{ display:inline-block;color:#579ed0; font-weight:bold;font-size: 1.6em;padding:5px 5px 2px; margin:0 0 0px; vertical-align:top;
  }
.blue article dl{display:inline-block;vertical-align:top; margin:0 0 2em 2em;}
.blue article dl dt,.blue article dl dd{float:left;font-weight:normal; margin:0!important; padding:0 !important;  font-size:1em;}
.blue article dl dt{clear:both;}
.blue article dl dt:after{content:""}

.blue article#no2 figcaption,.blue article#no3 figcaption{ text-align:left;}

.page6-1 #contents article#no3 { margin:5px 20px 0px;}
.page6-2 #no1 table { margin:40px auto; width:90%;}
.page6-2 #no1 table th{background:none; text-align:center !important;}


/* =page7
----------------------------------------------- */

#page7 aside{ margin:30px auto 60px; width:80%; display:table;}

#page7 aside img { display:table-cell; border:1px solid #666;vertical-align:middle; }
#page7 aside div{  display:table-cell;vertical-align:middle; }
#page7 aside  dl{ margin:0 0 0px 10px; }
#page7 aside dl dt,#page7 aside dl dd{ float:left; display:table-cell;  vertical-align:middle; padding:3px 5px;}
#page7 aside dl dt{ clear:both; background:#e4cde3; margin:0 0 10px; font-size:100%; font-weight:normal;   min-width:3.5em;}
#page7 aside dl dd{margin:0 0 10px 10px;}
#page7 aside h3{ margin:0 0 0 0px!important; font-size:110%;}

#page7 aside p{ margin:0px 0 0px 0px; padding:0 0 0 2em; text-indent:0 !important;}







/*2012曳^*/
#page8 article h2{ background:#a1d8e6; padding:10px 10px 5px; font-size:1.4em; margin:20px 0 0;}
#page8 article dl{width:100%; border-bottom:1px solid #000;}
#page8 article dl dt,#page8 article dl dd{ display:inline-block; margin:0 0 0px ; padding:15px 0; vertical-align:top; border-top:1px solid #000;}
#page8 article dl dt{ width:35%; font-size:1.2em; font-weight:normal; clear:both;}
#page8 article dl dt span{ margin-left:0.5em;}
#page8 article dl dt u{margin-left:1.7em; text-decoration:none;}

#page8 article dl dd{ width:65%;margin:0 0 0px -5px; }
#page8 article dl ol{ margin:0 20px;  list-style:none;}
#page8 article dl dd li{ display:table;}
#page8 article dl dd span,#page8 article dl dd b{ display:table-cell;}
#page8 article dl dd span{width:30em;}
#page8 article dl dd b{ font-weight:normal;}
#page8 article .chui{ margin:10px auto 0; width:100% !important; text-align:right; }
#page8 article .chui:before{ content:"☆ ";}



/*ｼ圭*/
#page9 article dl{ margin:40px auto; width:95%;  border-bottom:1px solid #000; text-align:center;}
#page9 article dl dt,#page9 article dl dd{ display:inline-block; margin:0 0 0px ; padding:15px 0; vertical-align:top; border-top:1px solid #000; text-align:left;} 
#page9 article dl dt{ color:#e60040; width:30%;  clear:both;}
#page9 article dl dt span{ margin-left:0.5em;}
#page9 article dl dd{ width:65%;margin:0 0 0 -4px; }
#page9 article dl dd p{margin:0;  }
#page9  article ul{ margin:20px 0 0 20px;}
#page9  article li{ display:inline-block; vertical-align:bottom;}
#page9  article span{ display:block; border-left:#e60040 2px solid ;margin:0 0 0 10px; padding:0 0 0 10px;}

/*footer
----------------------------------------------- */

.pagetop{ font-size:80%; width:110px; margin:10px 0px 10px auto; text-align:right}
.pagetop a {background:url(/report/environmental/2016/image/common/pagetop.gif) no-repeat; padding:0 0 0 35px;
display:table-cell;
height:31px;
	vertical-align: middle;
}



footer{background: #AED8FE; padding:5px;}
footer p{  font-size:80%;  color:#fff;}



/*print
----------------------------------------------- */
@media print {
 
}

/* 嫌1000px參和から ヘッダ`吉裏{
------------------------------------------------------------*/
@media only screen and (max-width: 1280px){


}

/* 嫌1100px參和から ヘッダ`吉裏{
------------------------------------------------------------*/
@media only screen and (max-width: 1180px){

}
/* 嫌1000px參和から ヘッダ`吉裏{
------------------------------------------------------------*/
@media only screen and (max-width: 1000px){
.page5-4-3 #no1 .hyocaption{margin:20px auto 0px !important; width:100%!important; }
 .page5-4-3 #no1 table  { line-height:1.3;  width:100%;}



/*2012曳^*/
#page8 article dl dt,#page8 article dl dd{ display:inline-block; margin:0 0 0px ;  vertical-align:top; }
#page8 article dl dt{ width:100%; font-size:1.2em; font-weight:normal; clear:both;padding:10px 0 0;}
#page8 article dl dd{ width:100%;margin:0 0 0px 0px;border:none;padding:0px 0 10px;}
#page8 article dl ol{ margin:0 20px;  list-style:none;}

.page5-3 .hyocaption{ font-size:70%;}
.page5-3 #contents table .gray{background:#eeefef; }
.page5-3 #contents table th.gray{text-align:left !important; }
.page5-3 table{margin:5px auto 0!important;  max-width:800px; font-size:1.2em;  font-size:1.2em;}
.page5-3 #contents table th, .page5-3 #contents table td{  padding:5px 2px; }
.page5-3  #wrapper,.page5-6  #wrapper,.page5-6-2  #wrapper{min-width: 870px;}



}

