BODY
{
	margin-top:115px;
	margin-left:0px;
	margin-right:0px;
	margin-bottom:20px;
	BACKGROUND-COLOR: #FFFFFF;
	background-image:url('img/himatop.gif');
	background-repeat:no-repeat;
	COLOR: #333333
	
}
body.top
{
	margin-top:0px;
	margin-left:0px;
	margin-right:0px;
	margin-bottom:20px;
	BACKGROUND-COLOR: #FFFFFF;
	COLOR: #333333;
}
.body
{
	PADDING-BOTTOM: 10px;
	PADDING-LEFT: 15px;
	PADDING-RIGHT: 15px;
	PADDING-TOP: 15px;
/*	WIDTH: 100%;*/
	MARGIN-TOP: 0px;
	MARGIN-LEFT: 0px;
	MARGIN-RIGHT: 0px;
	MARGIN-BOTTOM: 0px;
	POSITION:relative
}

/*■■■パラグラフ■■■*/
p	{
	line-height:1.5em;
	margin-left:0.5em
}
p.img	{line-height:normal}
P B 	{color: #000000}
p.h{line-height:130%}
p.link{margin-bottom:20px;}
/*■■■色■■■*/
.red	{color:#CC0000}
.b-red	{color:#FF0000}
.gray	{color:#808080}
.navy	{color:#330066}
.blue	{color:#333399}
.s-blue	{color:#0000FF}
.green	{color:#339933}
.kusa	{color:#99CC66}
.green	{color:#009900}
.momo	{color:#CC6666}
.brown	{color:#663300}
.gray2	{color:#EFEFEF}
.gray3{color:#666666}
.pink	{color:#CC0066}
.white	{color:#FFFFFF}
.orange{color:#FF6600}
.white-bg{background-color:#FFFFFF}
.mint-bg{background-color:#CCFF66}
.orange-bg{background-color:#FFCC66}
.orange2-bg{background-color:#FF9933}
.orange3-bg{background-color:#FF9900}
.yellow-bg{background-color:#FFFF99}
.y2-bg{background-color:#FFFFCC}
.y3-bg{background-color:#FFFF00}
.kusa-bg{background-color:#99CC00}
.kusa2-bg{background-color:#99CC66}
.kusa3-bg{background-color:#CCFF66}
.green-bg{background-color:#336600}
.gray-bg{background-color:#DDDDDD}
.gray2-bg{background-color:#ECECEC}
.gray3-bg{background-color:#CCCCCC}
.ivory-bg{background-color:ivory}
.tan-bg{background-color:tan}
.awhite-bg{background-color:antiquewhite}
.olive-bg{background-color:#CCCC99}
.navy-bg{background-color:#330066}
.pink-bg{background-color:#FFCCCC}
.blue-bg{background-color:#003399}
.salmon-bg{background-color:#FF9999}
.sora-bg{background-color:#6699CC}
.yamabuki-bg{background-color:#FFCC33}
.pink-bg{background-color:mistyrose}


/*■■■見出し■■■*/
h1.green
{
/*	color:#666666;*/
background-color: #cccc99;
border-top:#339900 3px solid;
border-bottom:#339900 3px solid;
padding:3px;
font-size:80%
}

h1
{
background-color: #DDDDDD;
padding:10px;
margin-top:0px;
font-size:100%
}

h1#title{
	background-color: #FFFFFF;
	font-size:125%;
}

h2
{
	font-size:98%;
	margin-left:5px;
}
h3
{
	font-size:95%;
	margin-left:5px
}

/*---Voiceナビ他各コーナー内見出し---*/
h2.vn
{
	font-size:115%;
	margin-left:2px;
	margin-top:1em;
}
h2.ot
{
	border-top:#CCCCCC 1px solid;
	padding-top:5px;
	margin-top:40px;
}
h2.ot b{
	color:#CC0033
}
h3.ot{
BACKGROUND-COLOR: peachpuff;
BORDER: peachpuff 1px solid;
COLOR: #000000;
PADDING-BOTTOM: 2px;
PADDING-LEFT: 6px;
PADDING-RIGHT: 1px;
PADDING-TOP: 3px;
psition: relative
}
h2.d/*---進行形・各回タイトル---*/
{
	font-size:120%;
	border-bottom:5px solid #CCCCCC;
	margin-top:-0.5em
}
h3.vn{
	border-top:#CCCCCC 5px dotted;
	width:100%;
	padding-top:5px;
	line-height:130%
}
h3.en{
	padding:5px;
	background-color:#EFEFEF;
	width:95%;
	letter-spacing:-0.5px;
}
h3.en span{
	border:#FFFFFF 1px solid;
	padding:4px;
	background-color:#FF9933;
	margin-right:1em;
	color:#FFFFFF;
	font-size:smaller;
}
h4{
	padding-top:15px;
	padding-bottom:10px;
	margin-left:10px;
	font-size:90%;
}

.i{
	margin-left:1em
}
/*--------------*/

h1.ex
{
BACKGROUND-COLOR: #EFEFEF;
/*BACKGROUND-COLOR: #666699;*/
BORDER-right: #999999 1px solid;
BORDER-bottom: #999999 1px solid;
COLOR: #000000;
PADDING-BOTTOM: 2px;
PADDING-LEFT: 6px;
PADDING-RIGHT: 1px;
PADDING-TOP: 3px;
/*WIDTH: 100%;*/
psition: relative
}
h1.voice
{
BACKGROUND-COLOR: #999966;
BORDER: #FFFFFF 1px solid;
COLOR: #FFFFFF;
PADDING-BOTTOM: 2px;
PADDING-LEFT: 6px;
PADDING-RIGHT: 1px;
PADDING-TOP: 3px;
/*WIDTH: 100%;*/
psition: relative;
color:#FFFFFF;
text-decoragion:none
}

h1.energy
{
BACKGROUND-COLOR: #006633;
BORDER: #FFFFFF 1px solid;
COLOR: #FFFFFF;
PADDING-BOTTOM: 2px;
PADDING-LEFT: 6px;
PADDING-RIGHT: 1px;
PADDING-TOP: 3px;
/*WIDTH: 100%;*/
psition: relative;
color:#FFFFFF;
text-decoragion:none
}

h1.photo
{
BACKGROUND-COLOR: #663333;
BORDER: #FFFFFF 1px solid;
COLOR: #FFFFFF;
PADDING-BOTTOM: 2px;
PADDING-LEFT: 6px;
PADDING-RIGHT: 1px;
PADDING-TOP: 3px;
/*WIDTH: 100%;*/
psition: relative
}
h1.doc
{
BACKGROUND-COLOR: #99CC66;
BORDER: #FFFFFF 1px solid;
COLOR: #FFFFFF;
PADDING-BOTTOM: 2px;
PADDING-LEFT: 6px;
PADDING-RIGHT: 1px;
PADDING-TOP: 3px;
/*WIDTH: 100%;*/
psition: relative
}
h1.soleil
{
BACKGROUND-COLOR: #6699CC;
BORDER: #FFFFFF 1px solid;
COLOR: #FFFFFF;
PADDING-BOTTOM: 2px;
PADDING-LEFT: 6px;
PADDING-RIGHT: 1px;
PADDING-TOP: 3px;
/*WIDTH: 100%;*/
psition: relative
}
h1.ex2
{
BACKGROUND-COLOR: #000080;
BORDER: #FFFFFF 1px solid;
COLOR: #FFFFFF;
PADDING-BOTTOM: 2px;
PADDING-LEFT: 6px;
PADDING-RIGHT: 1px;
PADDING-TOP: 3px;
/*WIDTH: 100%;*/
psition: relative
}
h1.oteire
{
BACKGROUND-COLOR: #CC3333;
BORDER: #FFFFFF 1px solid;
COLOR: #FFFFFF;
PADDING-BOTTOM: 2px;
PADDING-LEFT: 6px;
PADDING-RIGHT: 1px;
PADDING-TOP: 3px;
/*WIDTH: 100%;*/
psition: relative
}

/*■■■その他■■■*/
.ch
{
	font-size:85%;
	color:#CC0033
}
hr
{
	margin-left: 0px;
	margin-right: 20px
}
.picture /*図や写真のタイトルなど*/
{
	FONT-SIZE:x-small;
	MARGIN-TOP:0.5em;
	MARGIN-BOTOOM:0.3em;
	line-height:1.2em;
	MARGIN-LEFT:0.5em;
}
DIV.c /* 注釈 */
{

	BORDER: #FFFFFF 1px solid;
	PADDING-BOTTOM: 0.2em;
	PADDING-LEFT: 0em;
	PADDING-RIGHT: 15px;
	PADDING-TOP: 0.2em;
	WIDTH: 100%;
	MARGIN-TOP: 0.5em;
	MARGIN-LEFT: 0.5em;
	MARGIN-RIGHT: 2em;
	MARGIN-BOTTOM: 1em;
	FONT-SIZE: x-small
}
DIV.c P /* 注釈内左マージン詰める */
{
	MARGIN-LEFT: 1em
}
DIV.i P /* 注釈内左マージン詰める */
{
	MARGIN-LEFT: 1em
}
.at{
	font-size:80%;
	color:#CC0000;
}
.at2{
	font-size:80%;
	color:#333333;
}
.hissu{
	font-size:80%;
	color:#0000FF;
	font-weight:lighter;
}
.jimukyoku
{
	background-color: #FFFFCC;
	color:#333333;
	border:#666666 dashed;
	border-width:1px 0px;
	font-size:95%;
	padding:0em 0.5em;
}
div.comment
{
	background-color: #FFFFCC;
	color:#333333;
	border:#666666 dashed;
	border-width:1px;
	font-size:95%;
	padding:1em 0.5em;
	margin-top:40pt;
	margin-left:20pt;
	width:80%;
}
div.comment span{
	font-weight:bold;
	color:#000000;
}
DIV.c2 /* お手入れ点検 */
{
	background-color:ivory;
	padding:0.5em; 
	border:1px solid #CC9966;
	WIDTH: 100%;
	MARGIN-TOP: 0.5em;
	MARGIN-LEFT: 0.5em;
	MARGIN-RIGHT: 2em;
	MARGIN-BOTTOM: 1em;
}
DIV.c3 /* 注意 */
{
	background-color:#DDDDDD;
	padding:0.5em; 
	border:1px solid #DDDDDD;
	WIDTH: 100%;
	MARGIN-TOP: 0.5em;
	MARGIN-LEFT: 0.5em;
	MARGIN-RIGHT: 2em;
	MARGIN-BOTTOM: 1em;
}
DIV.d /* 進行形 */
{
	background-color:FFFFCC;
	padding:0.5em; 
	border:1px solid #666666;
	WIDTH: 100%;
	MARGIN-TOP: 0.5em;
	MARGIN-LEFT: 0.5em;
	MARGIN-RIGHT: 2em;
	MARGIN-BOTTOM: 1em;
}
div.f/*energy*/
{
	padding:0.5em; 
	border:1px solid #CC9966;
	WIDTH: 100%;
	MARGIN-TOP: 0.5em;
	MARGIN-LEFT: 0.5em;
	MARGIN-RIGHT: 2em;
	MARGIN-BOTTOM: 1em;
}
div.ir {
   float: right;
   font-size: 85%;
   padding:0px 10px;
}
div.il {
   float: left;
   font-size: 85%;
   padding:0px 10px;
}
.new{
	color:#FF0000;
	font-size:8pt;
	font-weight:lighter
}

/*energy.asp地図上*/
a.ennew
{
	background-color:#FFCC66;
}
a.ennew:hover
{
	background-color:#CCFF66;
}

.term{
	background-color:#CCFF99;
}
.icon{
	color:#FFFFFF;
	background-color:#669933;
	font-size:x-small;
	border-right:1px solid #006600;
	border-bottom:1px solid #006600;
	padding:5px 5px;
	float:left;margin:5px;
	margin-left:0px;
	margin-top:3px
}
.icon2{
	color:#FFFFFF;
	background-color:#996666;
	font-size:x-small;
	border-right:1px solid #663333;
	border-bottom:1px solid #663333;
	padding:5px 5px;
	float:left;margin:5px;
	margin-left:0px;
	margin-top:3px
}

/*■■■アンカー■■■*/


A:link
{
	COLOR: #0000FF
}
A:visited
{
/*	COLOR: #6666CC*/
	COLOR: #330066
}
A:hover
{
	COLOR: #FF0033;
/*	background-color:#FFFF99*/
	text-decoration:none
}
a.home
{
	text-decoration:none;
	color:#FFFFFF
}
a.home:hover
{
	color:#FF0033
}
a#home
{
	text-decoration:none;
	color:#FFFFFF
}
a#home:hover
{
	color:#FF0033
}

a#h
{
	text-decoration:none;
	color:#FFFFFF
}
a#h:hover
{
	color:#FF0033
}
.nodec
{
	text-decoration:none
}
/*■■■リスト■■■*/
ul
{
	margin-left:3em;
	margin-right:1.5em;
	line-height:1.3em
}
ol
{
	margin-left:4em;
	margin-right:1.5em;
	line-height:1.2em
}
/*■■■定義■■■*/
dt
{
	font-weight:bold;
	margin:1em;
	color:#000033;
}
dd
{
	line-height:150%;
}
/*■■■サイズなど■■■*/
.small{font-size: 90%}
.medium{FONT-SIZE: medium}
hr{width:100%;height:1;margin-right:0px}
.fl{font-weight:lighter}
.large{font-size:150%}
.komoku{font-size:80%;color:#808080}
.mid{font-size:110%;line-height:150%}

/*■■■ナビゲーション■■■*/
.menu{
	font-size:90%;
	padding-left:0.5em;
	line-height:160%;
}
.menu img{
	line-height:200%;
}
/*現在進行形ナビ*/
.pager {
	text-align: center;
	}
.pager a {
	display: inline-block;
	margin: 0 3px;
	padding: 0px 8px;
	border: 1px solid #EFEFEF;
	background: #f1f1f1;
	}
.pager a:hover {
	border: 1px solid #FFFF99;
	background: #FFFF99;
	}
.pager span {
	display: inline-block;
	margin: 0 3px;
	padding: 0px 8px;
	border: 1px solid #EFEFEF;
	font-weight: bold;
	background: #FFFFFF;
	}


/*■■■サブナビゲーション■■■*/
.subnavi{
	font-size:80%;
	color:#808080;
	line-heifht:200%;
	margin-top:30px;
	margin-left:20px;
	border-top:1px dashed #CCCCCC;
}
.fnavi{
	font-size:80%;
	text-align:center;
	line-height:3em;
}
/*■■■配置■■■*/
div.i /*左マージン*/{
	MARGIN-LEFT: 1em;
}
.rs{
	text-align:right;
	font-size:x-small
}
.mj/*エネルギー使用量（表）*/
{
	text-align:right;
	background-color:#FFFFCC;
}
.r{text-align:right;}
.center {text-align:center}
.top {vertical-align:text-top}
.bottom {vertical-align:bottom}
.left{text-align:left;}

/*エネルギーの杉の木の表*/
.sugi
{
	font-size:90%;
	background-color:white;
	vertical-align:top;
}
.sugi th
{
	text-align:left;
	background-color:#CCCC99;
	font-size:90%;
}
.sugi caption
{
	font-size:80%;
	text-align:right;
	padding-top:1em;
}
.sugicom
{
	position: relative;
	width:98%;
	padding: 5px;
	margin:3px;
	overflow: auto;
	background-color: #FFFFCC;
	color:#333333;
	border:#666666 dashed;
	border-width:1px;
	font-size:95%;
}
a.widelink
{
	display: block;
	width: 100%;	
	text-decoration: none;
}
a.widelink:hover
{
	background-color: #ffff99;
	color: red;
}