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

崙恬晩��2017/08-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 #6bb92d; padding:0 20px 0px; height:80px; background:url(/report/environmental/2017/image/common/header.png) 100% 0 no-repeat; }
#mainheader #logo{ text-align:left; margin: 0 auto 0;	
	min-width: 800px;
	max-width: 1300px;
}
/* =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 {
  margin-left: 0;
  padding-left: 0;
}

.breadcrumb li{
  display:inline;/*罪に�Kぶように*/
  list-style: none;
  font-weight: bold;/*湊忖*/
}

.breadcrumb li:after{/* ?を燕幣*/
  font-family: FontAwesome;
  content: '\f0da';
  padding: 0 3px;
  color: silver;
}

.breadcrumb li:last-child:after{
  content: '';
}

.breadcrumb li a {
    text-decoration: none;
    color: #888;
}

.breadcrumb li a:hover {
    text-decoration: underline;
}


/* =side
----------------------------------------------- */
#globalnav{ width:200px !important; margin:0px 0; display: table-cell; padding:10px 0; vertical-align:top;	font-size:1.1em;}
#globalnav ul li { display:block; vertical-align:middle; padding:10px 0px; font-size:14px; 
  position: relative; border-bottom:3px solid #6bb92d;  background-position:0 50%; background-size:13px 26px; background-repeat:no-repeat;
}
#globalnav ul li a{ text-decoration:none; display:block; 
  padding: 5px 0 5px 20px;
  background-position: 0 0;
  background-size: 200% auto;
  transition: .3s; color:#000;
}
#globalnav ul li a:hover { color: #fff;}

#globalnav ul li#sidehome{ background-image:url(/report/environmental/2017/image/common/green.png);}
#globalnav ul li#sidehome a:hover{ background:#6bb92d;}
#globalnav ul li#side1,#globalnav ul li#side2,#globalnav ul li#side3,#globalnav ul li#side4{   background-image:url(/report/environmental/2017/image/common/blue1.png);}
#globalnav ul li#side1 a:hover,#globalnav ul li#side2 a:hover,#globalnav ul li#side3 a:hover,#globalnav ul li#side4 a:hover{ background:#659fd6;}
#page1  #globalnav ul li#side1 a,#page2  #globalnav ul li#side2 a,#page3  #globalnav ul li#side3 a,#page4  #globalnav ul li#side4 a,#page8  #globalnav ul li#side8 a,#page9  #globalnav ul li#side9 a,#page10  #globalnav ul li#side10 a{ color: #fff;}
#page1  #globalnav ul li#side1 a,#page2  #globalnav ul li#side2 a,#page3  #globalnav ul li#side3 a,#page4  #globalnav ul li#side4 a{ background:#659fd6;}
#globalnav ul li#side5{ background-image:url(/report/environmental/2017/image/common/yellow.png);}
#globalnav ul li#side5 a:hover{ background:#d0c900;}
#globalnav ul li#side6{ background-image:url(/report/environmental/2017/image/common/blue2.png);}
#globalnav ul li#side6 a:hover{ background:#2fbacc;}
#globalnav ul li#side7{ background-image:url(/report/environmental/2017/image/common/purple.png);}
#globalnav ul li#side7 a:hover{ background:#9257a0;}
#globalnav ul li#side8{ background-image:url(/report/environmental/2017/image/common/blue3.png);}
#globalnav ul li#side8 a:hover{  background:#3c5ca9;}
#globalnav ul li#side9{ background-image:url(/report/environmental/2017/image/common/blue4.png);}
#globalnav ul li#side9 a:hover{ background:#65a0d7;}
#globalnav ul li#side10{ background-image:url(/report/environmental/2017/image/common/green2.png);}
#globalnav ul li#side10 a:hover{ background:#1c954b;}
#page8  #globalnav ul li#side8 a{ background:#3c5ca9;}
#page9  #globalnav ul li#side9 a{ background:#1c954b;}
#page10  #globalnav ul li#side10 a{background:#1c954b;}

#page5  #globalnav ul li#side5 a{ background:#d0c900;color: #fff;}
#page5  #globalnav ul li#side5 { border:none;padding:10px 0px 0;}

#page5 #globalnav ul li#side5sub li { display:block; vertical-align:middle; padding:0px 0px; font-size:12px; 
  position: relative; border:none;
}
#page5 #globalnav ul li#side5sub li a:before{  font-family: FontAwesome;
  content: '\f138';
  font-weight: normal; color:#d0c900;
  font-size: 100%; margin:0 5px 0 0;
}
#page5 #globalnav ul li#side5sub ol li{ background:none; margin:0 0 1px 20px;}
#page5 #globalnav ul li#side5sub ol li a:before{  font-family: FontAwesome;
  content: '\f105';
  font-weight: normal; color:#d0c900;
  font-size: 100%; margin:0 5px 0 -10px;;
}
#page5 #globalnav ul li#side5sub li a.side5-1,#page5 #globalnav ul li#side5sub li a.side5-2,#page5 #globalnav ul li#side5sub li a.side5-3,#page5 #globalnav ul li#side5sub li a.side5-4{ background:#FFF992; border-radius:20px; }
#page5 #globalnav ul li#side5sub li a:hover,#page5 #globalnav ul li#side5sub li a:hover.side5-1,#page5 #globalnav ul li#side5sub li a:hover.side5-2,#page5 #globalnav ul li#side5sub li a:hover.side5-3,#page5 #globalnav ul li#side5sub li a:hover.side5-4{ background:#D0C900; }
#page5 #globalnav ul li#side5sub li a:hover:before,#page5 #globalnav ul li#side5sub ol li a:hover:before,.page5-1 #globalnav ul li#side5sub li a.side5-1:before,.page5-2 #globalnav ul li#side5sub li a.side5-2:before,.page5-3 #globalnav ul li#side5sub li a.side5-3:before ,.page5-4 #globalnav ul li#side5sub li a.side5-4:before{ color:#fff !important ; }
.page5-1 #globalnav ul li#side5sub li a.side5-1 ,.page5-2 #globalnav ul li#side5sub li a.side5-2,.page5-3 #globalnav ul li#side5sub li a.side5-3,.page5-4 #globalnav ul li#side5sub li a.side5-4{ background:#D0C900 !important; color:#fff; }
.page5-1-1 #globalnav ul li#side5sub ol li#side5-1-1 a,.page5-1-2 #globalnav ul li#side5sub ol li#side5-1-2 a,.page5-1-3 #globalnav ul li#side5sub ol li#side5-1-3 a,.page5-2-1 #globalnav ul li#side5sub ol li#side5-2-1 a,.page5-2-2 #globalnav ul li#side5sub ol li#side5-2-2 a,.page5-2-3 #globalnav ul li#side5sub ol li#side5-2-3 a,.page5-3-1 #globalnav ul li#side5sub ol li#side5-3-1 a,.page5-3-2 #globalnav ul li#side5sub ol li#side5-3-2 a,.page5-3-3 #globalnav ul li#side5sub ol li#side5-3-3 a,.page5-3-4 #globalnav ul li#side5sub ol li#side5-3-4 a,.page5-4-1 #globalnav ul li#side5sub ol li#side5-4-1 a{ color:#C00 !important;}


#page6  #globalnav ul li#side6 a{ color: #fff;background:#2fbacc;}
#page6  #globalnav ul li#side6 { border:none;padding:10px 0px 0;}

#page6 #globalnav ul li#side6sub li { display:block; vertical-align:middle; padding:0px 0px; font-size:12px; 
  position: relative; border:none; margin:0 0 1px;
}
#page6 #globalnav ul li#side6sub li a:before{  font-family: FontAwesome;
  content: '\f138';
  font-weight: normal; color:#2fbacc;
  font-size: 100%; margin:0 5px 0 0;
}
#page6 #globalnav ul li#side6sub ol li{ background:none; margin:0 0 1px 20px;}
#page6 #globalnav ul li#side6sub ol li a:before{  font-family: FontAwesome;
  content: '\f105';
  font-weight: normal; color:#2fbacc;
  font-size: 100%; margin:0 5px 0 -10px;;
}
#page6 #globalnav ul li#side6sub li a.side6-1,#page6 #globalnav ul li#side6sub li a.side6-2,#page6 #globalnav ul li#side6sub li a.side6-3,#page6 #globalnav ul li#side6sub li a.side6-4,#page6 #globalnav ul li#side6sub li a.side6-5,#page6 #globalnav ul li#side6sub li a.side6-6,#page6 #globalnav ul li#side6sub li a.side6-7{ background:#CFFCFF; border-radius:20px; }

#page6 #globalnav ul li#side6sub li a:hover,#page6 #globalnav ul li#side6sub li a:hover.side6-1,#page6 #globalnav ul li#side6sub li a:hover.side6-2,#page6 #globalnav ul li#side6sub li a:hover.side6-3,#page6 #globalnav ul li#side6sub li a:hover.side6-4{ background:#2fbacc; }
#page6 #globalnav ul li#side6sub li a:hover:before,.page6-1 #globalnav ul li#side6sub li  a.side6-1:before,.page6-2 #globalnav ul li#side6sub li  a.side6-2:before,.page6-3 #globalnav ul li#side6sub li  a.side6-3:before,.page6-4 #globalnav ul li#side6sub li  a.side6-4:before,.page6-5 #globalnav ul li#side6sub li a.side6-5:before,.page6-6 #globalnav ul li#side6sub li a.side6-6:before,.page6-7 #globalnav ul li#side6sub li a.side6-7:before{ color:#fff !important ; }
.page6-1 #globalnav ul li#side6sub li a.side6-1,.page6-2 #globalnav ul li#side6sub li a.side6-2,.page6-3 #globalnav ul li#side6sub li a.side6-3 ,.page6-4 #globalnav ul li#side6sub li a.side6-4 ,.page6-5 #globalnav ul li#side6sub li a.side6-5,.page6-6 #globalnav ul li#side6sub li a.side6-6,.page6-7 #globalnav ul li#side6sub li a.side6-7{ background:#2fbacc !important; color:#fff; }
.page6-1 #globalnav ul li#side6sub ol.side6-1-1 li a,.page6-3 #globalnav ul li#side6sub ol.side6-2-1 li a,.page6-4 #globalnav ul li#side6sub ol.side6-4-1 li a,.page6-5-1 #globalnav ul li#side6sub ol li.side6-5-1 a,.page6-5-2 #globalnav ul li#side6sub ol li.side6-5-2 a,.page6-5-3 #globalnav ul li#side6sub ol li.side6-5-3 a,.page6-7-1 #globalnav ul li#side6sub ol li.side6-7-1 a,.page6-7-2 #globalnav ul li#side6sub ol li.side6-7-2 a{ color:#C00 ;}
.page6-1 #globalnav ul li#side6sub ol.side6-1-1 li a:hover{ color:#fff ;}


#page7  #globalnav ul li#side7 a{ background:#9257a0; color: #fff;}
#page7  #globalnav ul li#side7 { border:none;padding:10px 0px 0;}
#page7 #globalnav ul li#side7sub li { display:block; vertical-align:middle; padding:0px 0px; font-size:12px; 
  position: relative; border:none; margin:0 0 1px;
}
#page7 #globalnav ul li#side7sub li a:before{  font-family: FontAwesome;
  content: '\f138';
  font-weight: normal; color:#9257a0;
  font-size: 100%; margin:0 5px 0 0;
}
#page7 #globalnav ul li#side7sub li a{background:#e0bfe8; border-radius:20px; }
#page7 #globalnav ul li#side7sub li a:hover,.page7-1 #globalnav ul li#side7sub li.side7-1 a,.page7-2 #globalnav ul li#side7sub li.side7-2 a{background:#9257a0 !important; color:#fff; }
#page7 #globalnav ul li#side7sub  li a:hover:before,.page7-1 #globalnav ul li#side7sub li.side7-1 a:before,.page7-2 #globalnav ul li#side7sub li.side7-2 a:before{ color:#fff !important ; }





/*footer
----------------------------------------------- */
#page-top {
    position: fixed;
    bottom: 20px;
    right: 20px;
   font-size:80%; 
}
#page-top a {
 padding: 10px 20px 10px 0; background: #6bb92d;
display:table-cell; 
height:40px;
	vertical-align: middle; border-radius: 50%;		/* CSS3課宛 */
	-webkit-border-radius: 50%;	/* Safari,Google Chrome喘 */
	-moz-border-radius: 50%;	/* Firefox喘 */
	color:#fff; 
}
#page-top a:hover {
    text-decoration: none;
    background: #999;
}

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




/*慌宥*/
#contents { display: table-cell; padding:10px 50px; max-width:900px; vertical-align:top;	}
.page6-2 #contents { width:900px; }
#contents p{ text-indent:1em;}
#contents .space{ margin:1em 0 0 0;}
#contents h1{
  background-color: #eee;
  position: relative;
  padding: 1em; margin:30px 0; 
  font-size:130%; font-weight:bold;
  color:#fff;  width:100%;
}
#contents h1::after {
  content: '';
  position: absolute;
  bottom: 0;
  right: 0;
  border-width: 0 0 18px 18px;
  border-style: solid;
  border-color: #ccc #fff #fff #ccc;
}

#contents  .center{ text-align:center; margin:30px auto;  }
#contents  .alignleft{ float:left;  margin:0 10px 10px 0;  }
#contents  .alignright{ float:right;  margin:0 0 10px 10px;  }
#contents  .left{ text-align:left;  }
#contents  .right{ text-align:right;   }


.blue1 #contents h1{ background-color: #65a0d7;}
.blue1 #contents h1::after{border-color: #0073c0 #fff #fff #0073c0;}
.yellow #contents h1{ background-color: #D0C900;}
.yellow #contents h1::after{border-color: #ccc #fff #fff #B5B000;}
.blue2 #contents h1{ background-color: #2FBACC;}
.blue2 #contents h1::after{border-color: #ccc #fff #fff #009EA6;}
.purple #contents h1{ background-color: #9257a0;}
.purple #contents h1::after{border-color: #ccc #fff #fff #741485;}
.darkblue #contents h1{ background-color: #3c5ca9;}
.darkblue #contents h1::after{border-color: #ccc #fff #fff #003793;}
.blue3 #contents h1{ background-color: #65a0d7;}
.blue3 #contents h1::after{border-color: #ccc #fff #fff #1362a3;}
.green #contents h1{ background-color: #1c954b;}
.green #contents h1::after{border-color: #ccc #fff #fff #006335;}

 #contents h1 span{ font-size:90%; margin-left:1em;}
 
#contents h2{ font-size:160%; font-weight:bold; margin:0 0 20px;}
#contents h2:before{  font-family: FontAwesome;
  content: '\f054';
  font-weight: normal;
  font-size: 1em; margin:0 5px 0 0;
}
.blue1 #contents h2:before{ color: #65a0d7; }
.yellow #contents h2:before{ color: #D0C900; }
.blue2 #contents h2:before{ color: #2FBACC; }
.purple #contents h2:before{ color: #9257a0;}
.darkblue #contents h2:before{ color: #3c5ca9;}
.blue3 #contents h2:before{ color: #65a0d7;}
#contents h2  span{ font-size:90%; margin-left:1em;}
#contents  article{ margin:1em auto 4em; width:90%; }
#contents .photo { text-align:center}
#contents .photo li{ display:inline-block; vertical-align:top;}
#contents .photo li img{ width:auto; max-width:800px; height:auto;  }
#contents .photo2 { text-align:center;}
#contents .photo2 li{ display:inline-block; vertical-align:top; padding:0; text-align:center;  }
#contents figcaption{  margin:0 0 5px 0;  padding:8px; font-size:80%; text-align:center; }
#contents article  .data{ text-align:right; }
#contents h3{font-size:180%; margin:0 0 1em}

/*home*/
body#home #wrapper{ background-image:url("/report/environmental/2017/image/index/main.jpg"); background-size:cover; background-repeat:no-repeat; background-position:50% 0; width: auto; height:100%;}
html, body#home { height: 100%; }
 body#home hgroup{ margin:150px auto 100px; width:70%; background:rgba(255,255,255,0.7); padding:20px; text-align:center;}
 body#home hgroup h1{ margin:0 0 20px;}
 body#home ul{ text-align:center; }
  body#home ul li{ display:inline-block; margin:10px 10px 300px;}
 
 /*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;
}


 

/*僥�Lメッセ�`ジ*/
#page1 dl.name{background:#fff6e9; margin:2em  0 0 auto; width:400px; padding:20px;}
#page1 dl.name dt{ font-size:110%; }
#page1 dl.name dd{ margin:1em 0 0 1em; }
#page1 #contents  article{ margin:1em auto; width:90%; }

#page1 #contents img{ width:90%;  max-width:690px;; height:auto; }

/*�h廠��嫗*/
#page2 dl dt{ font-size:140%; }
#page2 dl dt:before{  font-family: FontAwesome;
  content: '\f138';
  font-weight: normal; color:#E60040; 
  font-size: 100%; margin:0 5px 0 0;
}
#page2 dl dd{ margin:1em 0 2em 1em; }

#page2 dl dd li{
	padding:0px;
	margin:0px;
	list-style-type:none !important;
	list-style-image:none !important;
	margin: 5px 0px 5px 0px !important;
}
 
#page2 dl dd{
	counter-reset:li;   
}
#page2 dl dd li{
	position:relative;
	display: block;
	padding:10px 0px 10px 30px; 
	margin-left:15px !important;
}
#page2 dl dd li:after{
	counter-increment: li;
	content: counter(li) ".";
	position: absolute;	
	display: block;
	text-align: center;
	left: 0px;
	top: -1px;
	font-size: 25px;
	color:#E60040; 
	font-family:Verdana, Geneva, sans-serif;
}
#page2 dl dd  h3{ font-size:130%;color:#E60040;  }

/*寄僥古勣*/
#page3 #contents  dt,#page3 #contents dd{ display:inline-block; padding:10px; vertical-align:top; margin:0 0 5px;  }
#page3 #contents  dt{ width:20%; }
#page3 #contents dd{ width:70%; }
#page3 #contents .gaiyo dd{ width:70%; border-left: 1px solid #999;}
#page3 #contents dt span{ width:5em; display:block;}
#page3 #contents .jigyo dt:before{  font-family: FontAwesome;
  content: '\f111';
  font-weight: normal; color:#E60040; 
  font-size: 100%; margin:0 5px 0 0;
}
#page3 #contents table{ width:90%; margin:20px auto;  border-collapse:collapse; border:1px solid #666;}
#contents  article  .data{ text-align:right; width:90%; margin:0px auto; }
#page3 #contents table th,#page3 #contents table td{ text-align:left; vertical-align:middle; padding:8px; border:1px solid #666;}
#page3 #contents table tr:first-child th{ text-align:center; }
#page3 #contents table th { background:#DBE7ED;} 
#page3 #contents table td:nth-of-type(2) { background:#DBE7ED; text-align:right;} 
#page3 #contents table tr:nth-of-type(14){ border-top: double 3px #999;}
#page3 #contents .photo{ margin:0px auto 0; }#page3 #contents .photo li{ margin:40px auto; }
#page3 #contents h3{font-size:180%; margin:80px 0 0em}
#page3 #contents h3:before{  font-family: FontAwesome;
  content: '\f138';
  font-weight: normal; color:#E60040; 
  font-size: 100%; margin:0 5px 0 0;
}

/*�h廠隠畠のための�M��悶崙*/
#page4 #contents h3:before{  font-family: FontAwesome;
  content: '\f138';
  font-weight: normal; color:#E60040; 
  font-size: 100%; margin:0 5px 0 0;
}
#page4 #contents .photo{ margin:60px auto 0; }

/*�h廠に�vする縮圄冩梢とトピックス */
#page5 #contents .name,#page6 #contents .name{ text-align:right; font-size:120%;  width:90%; margin:0 auto 20px;}
#page5 #contents h3:before{  font-family: FontAwesome;
  content: '\f138';
  font-weight: normal; color:#A37B52; 
  font-size: 100%; margin:0 5px 0 0;
}
#page5 #contents .photo,#page5 #contents .photo2{ margin:20px auto 0; }
.page5-1-2  #contents article.clearfix img { margin:0 0 0 50px; }
.page5-1-2  #contents h4{font-size:130%;color:#734C23; text-align:left; margin:20px 0;   }
.page5-1-2  #contents  .photo2 li{ margin:10px 20px; }
.page5-1-3  #contents  .photo2 li{ margin:40px 20px 0; }
.page5-2-1  #contents  .photo li,.page5-3-1  #contents  .photo li,.page5-3-2  #contents  .photo li,.page5-3-3  #contents  .photo2 li,.page5-3-4  #contents  .photo2 li{ margin:30px 10px 0; }
.page5-2-2  #contents  .photo li{ margin:30px 10px 0; }
.page5-2-2  #contents .alignright{  margin:10px 0 10px 10px;  }
.page5-2-3  #contents  .photo2 li{ margin:30px 10px 0; }
.page5-2-3  #contents  .photo2 li img{ border:1px solid #E3D9CB}
.page5-3-1  #contents .photo img:nth-child(2){ margin:0 15px;}
.page5-3-1  #contents  ol{ list-style-type: upper-roman; margin:20px 40px; }
.page5-3-1  #contents  ol li{ margin:10px; }
.page5-3-3  #contents #contents figcaption{   text-align:left; }
.page5-4-1  #contents .photo2 img:nth-child(2){ margin:0 0 0 20px;}

/*�h廠パフォ�`マンス*/
#page6 #contents h3:before{  font-family: FontAwesome;
  content: '\f138';
  font-weight: normal; color:#EE792D; 
  font-size: 100%; margin:0 5px 0 0;
}

.page6-1 #contents #no01 h4{font-size:130%; text-align:center; margin:40px auto 20px;   }
.page6-1 #contents h4 span{font-size:90%; display:block;  }
.page6-1 #contents #no01 dl {margin:0 auto; width:80%; }
.page6-1 #contents #no01 dl dt { background:#FAD5B7; padding:8px 30px;  border-radius:25px;font-size:120%;  }
.page6-1 #contents #no01 dl dd{ border:#FAD5B7 2px solid; padding:10px 30px;  margin:-1px auto 20px; width:80%;  }
.page6-1 #contents #no01 dl dd .right{ font-size:90%; margin:1em 0 0;}
.page6-1 #contents .photo2 li{  margin:20px 10px;  }
.page6-1 #contents #no05 h4{font-size:130%;  margin:40px auto 20px; color:#E55927;    }
.page6-1 #contents #no05 dl {margin:0 auto; }
.page6-1 #contents #no05 dl dt,.page6-1 #contents #no05 dl dd{ display:inline-block; }
.page6-1 #contents #no05 dl dt{  width:6%;  }
.page6-1 #contents #no05 dl dt:after{ content:"��"}
.page6-1 #contents #no05 dl dd{  width:88%;  }
.page6-1 #contents #no05 h5{font-size:110%;  margin:40px auto 0px;    }
.page6-1 #contents #no05 ul.maru li:before{  font-family: FontAwesome;
  content: '\f111';
  font-weight: normal; color:#FBD8AC; 
  font-size: 100%; margin:0 5px 0 0;
}
.page6-1 #contents #no05 ul.maru li span{color:#E55927;  }

.page6-3 #contents #no01 .no1{ border:2px solid #0C6BB0; border-radius:20px; padding:15px 8px; text-align:center; margin:20px auto 0; }
.page6-3 #contents #no01 .no1 li{ display:inline-block; text-align:left; margin:0 10px;vertical-align:middle;}
.page6-3 #contents #no01 .no1 li img,.page6-3 #contents #no01 .no1 li figcaption{ display:inline-block; vertical-align:middle; text-align:left; font-size:110%;  width:auto !important; }
.page6-3 #contents #no01 .no1-1{ margin:-10px auto 20px; width:150px;text-align:center; }
.page6-3 #contents #no01 .no1-1 span{ border:2px solid #8AC22B; display:block; padding:6px;  font-size:110%; text-align:center; background:#fff;}
.page6-3 #contents #no01 .no1-1 span:last-child{ border:2px solid #ED9127;}
.page6-3 #contents #no01 .no1-1 .fa{ font-size:250%; color:#0C6BB0;}

#page6 #contents .hyo figcaption{ font-size:110%; }
#page6 #contents .hyo { text-align:center; }
#page6 #contents .hyo li{ display:inline-block; margin:30px 10px; vertical-align:top; }
#page6 table { border-collapse:collapse;  border:2px solid #333; margin:0 auto;} 
#page6 table th,#page6 table td{ padding:8px 10px; border:1px solid #333; vertical-align:middle;} 
#page6 table caption{ margin:0 0 10px;}
#page6 table th{ background:#EFEFEF; text-align:left; }
#page6 table tr:first-child th{ text-align:center;}
#page6 table tr td{ text-align:right;}
#page6 table td:last-child { background:#FAD5B7; }
#page6 table th.orange2,#page6 table td.orange2 { background:#FAD5B7; }
#page6 table tr.back { background:#EFEFEF; }
#page6 table .center{ text-align:center; }
#page6 table tr:first-child th:last-child { background:#ED9027; }
#page6 table th.orange,#page6 table td.orange { background:#ED9027; }
#page6 .waku{ border:2px solid #0C6BB0; border-radius:20px; padding:10px 8px; text-align:center; margin:20px auto 0; font-size:140%;}
#page6 .waku li{display:inline-block; text-align:center; margin:0 10px;vertical-align:middle;  }
#page6 .waku li:nth-child(2){ background:url(/report/environmental/2017/image/6-3/arrow.gif)100% 50% no-repeat; color:#fff; padding:20px 30px 20px 20px;   }
#page6 #contents  .chui{ margin: 1em auto;  text-align:left; width:90%; font-size:90%;   }
#page6 #contents  .chui li{ margin:0 0 0 1em; padding:0; text-align:left;  }
#page6 #contents .chui li:before{ content:"☆"; margin:0 0 0 -1em; }

#page6 table.size100  th,#page6 table.size100 td{ padding:5px; border:1px solid #333; font-size:90%;} 
#page6 table th {white-space: nowrap;}
#page6 table.size100  tr:nth-child(2) th{ text-align:center;  }
#page6 table.size100 tr:nth-child(2) th.none{ border:none; border-right:1px solid #333 }
#page6 table.size100 tr:first-child th{ border:none; border-left:1px solid #333; border-right:1px solid #333 }

#page6 table.none td:last-child { background:none; }
#page6 table.none tr:first-child th:last-child { background:#EFEFEF;}
.page6-5-1 #contents #no01 h4{ margin:30px 0 10px; text-align:center;}
.page6-5-1 #contents #no01 dl {  text-align:center; margin:10px auto 30px; width:400px; border-left:1px solid #000;border-top:1px solid #000;border-right:1px solid #000; }
.page6-5-1 #contents #no01 dl dt,.page6-5-1 #contents #no01 dl dd {  display:inline-block; vertical-align:top; border-bottom:1px solid #000; text-align:left; padding:10px; }
.page6-5-1 #contents #no01 dl dt{ width:100px; background:#FAD5B7; }
.page6-5-1 #contents #no01 dl dd { width:260px;}
.page6-5-1 #contents #no01 .photo2{ margin:0 auto; width:80%; }
#page6 #contents  .photo2 li{ width:300px; margin:30px 10px 0; vertical-align:bottom;  }

.page6-5-1  #contents #no04 .photo2 li{ margin:30px 10px 0; }
.page6-5-1  #contents #no04 .hyo li p{ text-align:left; margin:5px; text-indent:0;}
.page6-5-1  #no04 table th,.page6-5-1  #no05 table th,.page6-6 table th{ background:#FAD5B7 !important; text-align:left; }
.page6-5-1 table .center{ text-align:center !important;}
.page6-6 table td:first-child{ text-align:left !important;}
.page6-6 table td.left{ text-align:left !important;}
.page6-6 table td span{ margin-right:0.5em;}
.page6-6 li .chui:before{ content:"�─���"; margin:0 0 0 -3em; }
.page6-6 li .chui{ margin:0 0 0 3em;}
.page6-7-1 article dt{ border:1px solid #F1AB40; padding:8px; font-size:130%; margin:0 0 20px;}
.page6-7-1 article dd{ margin:20px 0 40px;}
.page6-7-1 article div.gomi{ margin:0px 0; border:1px solid #F1AB40; padding:6px; line-height:1.2;}
.page6-7-1 article div.gomi .fa{ display:block; color:#F1AB40; font-size:150%; }
.page6-7-1 article ul.list{ margin:1em;}
.page6-7-1 article ul.list li:before { content:"?"; margin:0 0 0 -1em;}
.page6-7-1 article ul.list li{  margin:0 0 0.5em 1em;}
.page6-7-1 article h4{ color:#F1AB40; font-size:120%;  }
.page6-7-1 article h4:before{ content:"ヾ" ;  }.page6-7-1 article h4:after{ content:"ゝ" ;  }
.page6-7 article table tr:last-child,.page6-7 article table tr:last-child th {background:#D4ECF3 !important; }
.page6-7 article table tr th.back2 {background:#fff !important; }
.page6-7-2 article ol{ margin:1em; list-style:none;}
.page6-7-2 article dt{ border-top:1px dotted #E55927; padding:8px; font-size:130%; margin:0 0 0px; color:#E55927;}
.page6-7-2 article dd{ margin:20px 0 40px;}
.page6-7-2 article .photo2 li{ vertical-align:top !important;}
.page6-7-2 article .photo2 li p{ text-align:left;}
.page6-7-2 article table th ,.page6-7-2 article table tr td{ padding:8px 15px !important;}

/*�h廠隠畠容�Mセンタ�`の試��*/
#page7  #contents .photo2 li{ margin:30px 10px 0; }
#page7  #contents .daigakucho { margin:30px 10px 0; background:#f5dae2; padding:20px 0; text-align:center; }
#page7  #contents .daigakucho img,#page7  #contents .daigakucho div{ display:inline-block; vertical-align:top; text-align:left; }
#page7  #contents .daigakucho h3 { margin:10px 0 0 20px; font-size:110%;  }
#page7  #contents .daigakucho h4 { margin:10px 0 0 20px; font-size:120%;  }
#page7  #contents .daigakucho ul { margin:10px 10px 0 40px!important;  }
#page7  #contents .daigakucho ul li{ margin:3px 0px 0!important;  }
.page7-2 table { border-collapse:collapse;  border:2px solid #333; margin:30px auto;} 
.page7-2 table th,.page7-2 table td{ padding:8px 10px; border:1px solid #333; vertical-align:middle;} 
.page7-2 table caption{ margin:0 0 10px;}
.page7-2 table th{ text-align:center; }
.page7-2 table tr:first-child{ background:#f5dae2;}
.page7-2  article div{ text-align:center; margin:20px 0 0;}
.page7-2  article div dl,.page7-2  article img{ display:inline-block; vertical-align:top; text-align:left; }
.page7-2  article div dl{ margin:0 10px; background:#f5dae2; padding:20px; width:340px; }
.page7-2  article div dl dt,.page7-2  article div dl dd{ display:inline-block; vertical-align:top; text-align:left; }
.page7-2  article div dl span{ margin:0 0 0 2em;}

/*及眉宀吭��*/
#page8 aside{ width:90%; margin:20px auto;} 
#page8 aside dl,#page8 aside img  {  display:inline-block; vertical-align:top; margin:0 5px;}
#page8 aside  dl dt,#page8 aside dl dd{ float:left; vertical-align:top; text-align:left; padding:6px; margin:0 0 3px; }
#page8 aside  dl dt{background:#d2d5ec; clear:both; width:80px; }
#page8 aside dl dd{ width:430px;}
#page8 aside  dl dl dt{background:none; clear:both; width:5em;  }
#page8 aside  dl dl dt:nth-child(1){ width:auto; }
#page8 aside  dl dl dd{ width:320px; }


/*�h廠�鷂���ガイドライン��2012��との��孚燕*/
#page9  #contents dl dt,#page9  #contentsdl dd{ padding:5px 10px;  }
#page9  #contents dl dt{ background:#c0dd98; font-size:120%;}
#page9  #contents dl dd ol{ margin:10px 0 20px 20px; list-style-position:inside; }
#page9  #contents dl dd ol li{ border-bottom:1px dotted #333; margin:10px 0; padding:10px 0;font-size:110%;}
#page9  #contents dl dd dt,#page9  #contents dl dd dd{ display:inline-block;font-size:90%;}
#page9  #contents dl dd ol li dl{ margin:-2em 0 0 25em;}
#page9  #contents dl dd dt{ width:70%; background:none; }
#page9  #contents dl dd dd{  width:25%;}
#page9  #contents p.chui{ text-align:right;}

/*�ｼ�圭��*/
#page10 article dl {
    margin: 40px auto;
    width: 95%;
    border-bottom: 1px solid #000;
    text-align: center;
}

#page10 article dl dt, #page10 article dl dd {
    display: inline-block;
    margin: 0 0 0px ;
    padding: 15px 0;
    vertical-align: top;
    border-top: 1px solid #000;
    text-align: left;
}

#page10 article dl dt {
    color: #e60040;
    width: 30%;
    clear: both;
}

#page10 article dl dt span {
    margin-left: 0.5em;
}

#page10 article dl dd {
    width: 65%;
    margin: 0 0 0 -4px;
}

#page10 article dl dd p {
    margin: 0;
}

#page10 article ul {
    margin: 20px 0 0 20px;
}

#page10 article li {
    display: inline-block;
    vertical-align: bottom;
}

#page10 article span {
    display: block;
    border-left: #6bb92d 2px solid ;
    margin: 0 0 0 10px;
    padding: 0 0 0 10px;
}



/*print
----------------------------------------------- */
@media print {
body {
_zoom: 0.68;
}
 #contents .photo li img{ width:auto; width:90%; height:auto;  }
#contents  .center img{ width:auto; height:auto; width:90%;}
#page9  #contents dl dd ol li dl{ margin:1em 0 0 0%;}
.page6-3 #contents #no1 .hyo li img{ width:90%; height:auto; }
#page6 #contents .hyo li img{ width:90%; height:auto; }
#page6 table th,#page6 table td{ padding:5px; border:1px solid #333; vertical-align:middle;} 
.page6-3 #contents #no01 .no1{ border:2px solid #0C6BB0; border-radius:10px; padding:15px 5px; text-align:center; margin:20px auto 0; }
.page6-3 #contents #no01 .no1 li{ display:inline-block; text-align:left; margin:5px;vertical-align:middle;}
.page6-3 #contents #no01 .no1 li img,.page6-3 #contents #no01 .no1 li figcaption{ display:inline-block; vertical-align:middle; text-align:left; font-size:100%;  width:auto !important; }
#page6 table.size100  th,#page6 table.size100 td{ padding:2px;font-size:20%;} 

#page6 table th {white-space:normal;}
.page6-2 #contents{  max-width:900px; }
}

/* 嫌1000px參和から ヘッダ�`吉裏�{��
------------------------------------------------------------*/
@media only screen and (max-width: 1280px){.page6-2 #contents {  max-width:900px; }


}

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

}
/* 嫌1000px參和から ヘッダ�`吉裏�{��
------------------------------------------------------------*/
@media only screen and (max-width: 1000px){
#contents .photo li img{ width:90%; height:auto; }
.page6-3 #contents #no1 .hyo li img{ width:90%; height:auto; }
#page6 table th {white-space:normal; }
#contents  .center img{ width:auto; height:auto; max-width:90%;}
#page6 #contents #no1 .hyo li img{ width:90%; height:auto; }
#page9  #contents dl dd ol li dl{ margin:1em 0 0 20%;}

#page6 #contents .hyo li img{ width:90%; height:auto; }

#page6 table th,#page6 table td{ padding:5px; border:1px solid #333; vertical-align:middle;} 


.page6-3 #contents #no01 .no1{ border:2px solid #0C6BB0; border-radius:10px; padding:15px 5px; text-align:center; margin:20px auto 0; }
.page6-3 #contents #no01 .no1 li{ display:inline-block; text-align:left; margin:5px;vertical-align:middle;}
#page6 table.size100  th,#page6 table.size100 td{ padding:3px; border:1px solid #333; font-size:80%;} 


}

@media only screen and (max-width: 800px){#contents .photo2 li img{ width:90%; height:auto; }

}