@charset "utf-8";

/*========================================================*/
/*=               IO-Data 環境報告書用CSS                =*/
/*========================================================*/

/*=== 共通タグ設定 ===*/

body {
	font-size: 12pt;
	padding: 0px;
	margin: 0px;
	text-align: center;
	}

p,div,ul,li {
	margin: 0px;
	padding: 0px;
	}
ul,li {
	list-style: none;
	}
img{
	margin: 0px;
	padding: 0px;
	border: 0px;
	}

table {
	margin: 0px;
	padding: 0px;
	border-collapse: collapse;
	}
table table {
	margin: 0px;
	padding: 0px;
	}
	
h1,h2,h3,h4,h5,h6 {
	margin: 0px;
	padding: 0px;
	}

a {
	color: #030;
	}
a:hover {
	color: #060;
	text-decoration: underline;
	}


/*========================================================*/
/*=              ここからトップページの設定              =*/
/*========================================================*/
img#print {
	display: none;
	height: 1px;
	width: 1px;
	}


body#topPage div#wrapper {
	width: 900px;
	margin: 15px auto 0px;
	text-align: left;
	background:  url(img/top_back.gif) 0px 15px no-repeat;
	}
body#topPage div#wrapper div#footer {
	padding: 30px 0px 0px;
	margin-top: 0px;
	}
body#topPage div#wrapper div#footer img.btn {
	margin-right: 10px;
	}
body#topPage div#wrapper div#footer img#copyRight {
	float: right;
	}

div#leftArea {
	float: left;
	width: 233px;
	}
div#leftArea img#ioLogo {
	margin-bottom: 9px;
	}
div#leftArea img#title {
	margin-bottom: 3px;
	}

div#menu {
	background-color: #F6FFE5;
	}
div#menu ul {
	margin-bottom: 3px;
	/*\*/margin-bottom: 0px;/**/
	}
div#menu ul li {
	margin-bottom: 6px;
	/*\*/margin-bottom: 0px;/**/
	margin-left: 13px;
	}
div#menu ul li.tit {
	margin-left: 0px;
	}
div#menu ul li.tit img {
	border-color: #6C3;
	border-style: solid;
	border-width: 1px 1px 1px 5px;
	margin-bottom: 0px;
	}

div#wrapper div#rightArea {
	float: right;
	width: 640px;
	position: relative;
	}
	
	
/*=== 葉っぱメニュー ===*/
ul#menuTop {
	margin-top: 16px;
	position: relative;
	top: 124px;
	left: 0px;
	list-style: none;
	}
ul#menuTop li {
	list-style: none;
	}
ul#menuTop li a {
	position: absolute;
	}
	
a#menu01 {
	top: 0px;
	left: 225px;
	}
a#menu02 {
	top: 42px;
	left: 340px;
	}
a#menu03 {
	top: 55px;
	left: 78px;
	}
a#menu04 {
	top: 139px;
	left: 52px;
	}
a#menu05 {
	top: 162px;
	left: 204px;
	}
a#menu06 {
	top: 162px;
	left: 333px;
	}
a#menu07 {
	top: 50px;
	left: 439px;
	}
a#menu08 {
	top: 137px;
	left: 487px;
	}
a#menu09 {
	top: 234px;
	left: 465px;
	}
a#menu10 {
	top: 302px;
	left: 414px;
	}
a#menu11 {
	top: 238px;
	left: 59px;
	}
a#menu12 {
	top: 297px;
	left: 150px;
	}


/*== プリント用のJPEGを隠す ==*/
img#printTop {
	display: none;
	height: 1px;
	width: 1px;
	}




/*========================================================*/
/*=              ここから次階層ページの設定              =*/
/*========================================================*/
body#sub {
	text-align: center;
	}

body#sub div#wrapper {
	width: 900px;
	margin: 15px auto 0px;
	text-align: left;
	background: none;
	}
	
/*body#sub div#wrapper div#rightArea {
	float: right;
	width: 640px;
	}*/
	

/*== プリント用のヘッダーを隠す ==*/
img#pheader {
	display: none;
	height: 1px;
	width: 1px;
	}
img#ptit {
	display: none;
	height: 1px;
	width: 1px;
	}
/*== WEB用のヘッダーを表示 ==*/
img#header {
	display: inline;
	height: 49px;
	width: 640px;
	}
img#htit {
	display: inline;
	height: 34px;
	width: 640px;
	}

/*== 内容部分 ==*/
div#rightArea div.content {
	padding-left: 30px;
	padding-top: 10px;
	}
div#rightArea div.content p {
	text-align: left;
	font-size: 12px;
	line-height: 1.5;
	}
div#rightArea div.content p.alignR {
	text-align: right;
	}

/*見出しタイトル*/
div#rightArea h2 {
	background-color: #3A9F41;
	font-size: 18px;
	/*font-weight: bold;*/
	margin-top: 8px;
	padding: 8px 10px;
	color: #FFF;
	}
div#rightArea div.content h3{
	font-size: 14px;
	color: #006600;
	text-align:left;
	}		
div#rightArea div.content h4{
	font-size: 12px;
	color: #009900;
	text-align:left;
	}
div#rightArea div.content h5{
	font-size: 12px;
	color: #009900;
	text-align:center;
	}		
				
	


/*== コンテンツ内写真のマージン設定 ==*/
.content p img.pLeft {
	margin-right: 10px;
	}
.content p img.pRight {
	margin-left: 10px;
	}
/*== コンテンツ内写真（キャプション付き）設定 ==*/
div.content span.Left {
	float: left;
	margin-right: 10px;
	text-align: center;
	line-height: 1.1;
	width: auto;/*個別に設定が要るかも*/
	}
div.content span.Left img {
	margin-bottom: 3px;
	}
div.content span.Right {
	float: right;
	margin-left: 10px;
	text-align: center;
	line-height: 1.1;
	width: auto;/*個別に設定が要るかも*/
	}
div.content span.Right img {
	margin-bottom: 3px;
	}
div.content span.Center {/*中央*/
	display: block;
	text-align: center;
	line-height: 1.1;
	width: auto;/*個別に設定が要るかも*/
	}
div.content span.Center {
	margin-bottom: 3px;
	}
	
/*ドット区切り線*/
.dotbar {
	display: block;
	border-top: 3px dotted #ccc;
	margin: 10px 0px;
	}
	
/*背景黄色（担当者の声につかうやつ）*/
.backyellow {
	border: none;
	page-break-inside: avoid;
	margin: 5px auto;
	padding: 15px;
	background-color:#FFFFCC;
	} 
	
/*赤文字ボールド*/
.redb {
	font-size: 12px;
	font-weight:bold;
	color:#ff0000;
	}
/*緑文字ボールド*/
.greenb {
	font-size: 12px;
	font-weight:bold;
	color:#006600;
	}
	



/*== 前へ・次へボタン ==*/
div#rightArea div.content p.Btn2 {
	text-align: center;
	}
img#back,img#next {
	margin-top: 20px;
	margin-bottom: 25px;
	}
img#back {
	margin-right: 5px;
	}
img#next {
	margin-left: 5px;
	}

/*== フッター ==*/
body#sub div#wrapper div#footer {
	text-align: right;
	padding: 5px 0px 3px;
	border-top: 8px solid #6C6;
	}


/*== トップへ戻るボタン（印刷時改行）設定 ==*/
body#sub div#rightArea div.content p.toTop,body#sub div#rightArea div.content p.toTopLast {
	text-align: right;
	font-size: 12px;
	}
body#sub div#rightArea div.content p.toTop a,body#sub div#rightArea div.content p.toTopLast a {
	color: #090;
	}


/*== テーブル ==*/
table.TblGreen {
	border: 1px #333 solid;
	page-break-inside: avoid;
	/*margin: 0px auto;中央揃えにするための設定*/
	margin-top: 10px;
	} 
table.TblGreen td,table.TblGreen th {
	padding: 3px;
	border-width: 1px;
	border-style: solid;
	border-color: #333;
	}
table.TblGreen th {
	background-color: #F6FFE5;
	color: #060;
	/*background-color: #CF9;*/
	}

td table.inTdTable {
	border: 1px #999 solid;
	page-break-inside: avoid;
	}
td table.inTdTable td {
	padding: 3px;
	border: 1px #999 solid;
	}
	
table.Tblnone {
	border: none;
	page-break-inside: avoid;
	} 

td table.inTdTablenone {
	border: 0px #fff;
	page-break-inside: avoid;
	}
td table.inTdTablenone td {
	padding: 3px;
	border: 0px #fff;
	}

.BDnone {
	border: none 0px;
	}


/*== file12.htmデータシート ==*/
.niko {
	}
.niko img {
	vertical-align: middle;
	margin-left: 3px;
	}
.graph {
	margin-top: 8px;
	}

/*== フォントサイズ ==*/
.t10 {
	font-size: 10px;
	}
.t12 {
	font-size: 12px;
	}
.t14 {
	font-size: 14px;
	}
.clear {
	clear: both;
	}


	
/*= 位置調整 =*/
.alignC {
	text-align: center;}
	
.verMiddle {
	vertical-align: middle;}

.mgnB10 {
	margin-bottom: 10px;}



/* 赤文字（※印） */
.require {
	color: #ff0000;}
	
/* 橙文字（※リクエスト） */
.orangeTxt {
	color: #FF6600;}

/* 上付き※印用 */
.redsup {
	vertical-align:super;
	color:#ff0000;
	font-size:10px;
	font-weight:normal;
	text-decoration: none;
	}

/* 上付き用 */	
.sup {
	vertical-align:super;
	font-size:px;
	}
/* 下付き用 */	
.sub {
	vertical-align:sub;
	font-size:px;
	}

/* アイコンベースライン */
.ico {
	vertical-align:middle;
	margin-bottom:4px;
	}
	
/* 項目バー内アイコンベースライン */
.ico2 {
	vertical-align:middle;
	}


/*-----------追加分-------------*/

	
		
#P01 {
	width:200px;
	height:142px;
	}
#P02 {
	width:200px;
	height:167px;	
  }
  
  

/*== file03.htmデータシート ==*/
.redb {
	}
.redb img {
	vertical-align: middle;
	margin-bottom: 3px;
	}