@charset "UTF-8";

/* Default style clear------------------------------------------- */
@import "../../css/reset.css";
/* -------------------------------------------Default style clear */

/* All style----------------------------------------------------- */
@import "../../css/normal.css";
/* -----------------------------------------------------All style */



/* アドバイス */



/* レイアウト------------------------------------------------------ */

#main{
	margin-right:5px;
	}

#menu{
	background-color:#f5f5c3;
	border:1px solid #517020;

}


/*------------------------------------------------------レイアウト */
/* menuの指定----------------------------------------------------- */

#menu ol li{
	font-size:90%;
	padding-left:18px;
	height:30px;
	line-height:30px;
	margin-left:5px;
	background-image:url(../../images/arrow001.gif);
	background-position:center left;
	background-repeat:no-repeat;
	
}

#main ol li{
	font-size:80%;
	line-height:150%;
}


/* ----------------------------------------------------menuの指定  */


h2{
	font-size:1.4em;
	border-left:5px solid #9abf5f;
	border-bottom:1px solid #9abf5f;
	padding:5px 0px 5px 5px;
	margin:20px 0px 25px 5px;
	font-weight:bold;
	clear:both;
}

h3{
	font-size:1.1em;
	border-left:5px solid #9abf5f;
	padding:10px;
	margin:5px 0px 20px 25px;
	font-weight:bold;
	clear:both;
}

h4{
	font-size:0.9em;
	border:1px solid #9abf5f;
	display:inline-block;
	letter-spacing:3px;
	padding:10px;
	margin:5px 0px 20px 25px;
	clear:both;
	background:rgba(154,191,95,.1);
	color:#38471f;
	font-weight:700;
}



#main p,#main ul{
	line-height:180%;
	margin:0px 20px 30px 30px;
	font-size:80%;
	display:flow-root;
}

#main p img{
	margin:10px 0;
	}



/*数字付*/

#main ol {
	counter-reset: my-counter;
	list-style: none;
	padding: 0;
	margin:0px 20px 20px 40px;
}
 
#main ol li {
	margin-bottom: 10px;
	padding-left: 30px;
	position: relative;
}

#main ol li:before {
  content: counter(my-counter);
  counter-increment: my-counter;
  background-color: #9abf5f;
  color: #fff;
  font-weight:bold;
  display: block;
  float: left;
  line-height: 22px;
  margin-left: -30px;
  text-align: center;
  height: 22px;
  width: 22px;
  border-radius: 50%;
}


#main dl{
	line-height:180%;
	}



#main dt{
	font-weight:bold;
	}

#main dd{
	margin-bottom:15px;
	}



/*黒丸*/
#main ul{
	margin:0px 20px 20px 60px;
	list-style-type:disc;
}

.first{
	font-weight:normal;
	font-size:80%;
	line-height:170%;
	border:1px solid #9abf5f;
	margin:50px 30px 50px 30px;
	padding:10px;
	clear:both;
}


.chart{
	margin:0 30px 30px;
	color:#666;
	}

.chart p{
	margin:0 !important;
	padding:0 !important;
	font-weight:bold;
	}


.chart img{
	border:5px solid #e4e4e4;
	padding:15px;
	margin-bottom:10px;
	}

small{
	text-align:right;
	font-size:0.7em;
	}


/* ------------------------------------------------------全体指定 */


/* 02の指定----------------------------------------------------- */

table.advice {
	border: 1px solid #cccccc;
	border-collapse: separate;
	border-spacing: 1px;
	width: 610px;
	margin:20px 0 30px 30px;
	color: #36440b;
	text-align:center;
}
table.advice th {
	padding: 5px;
	border-right: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
	background-color: #afde21;
	text-align:center;
	font-size:80%;
}
table.advice td {
	padding: 5px;
	border-right: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
	background-color: #def1a3;
	text-align:center;
	font-size:80%;
}

/* ----------------------------------------------------02の指定  */
/* 03の指定----------------------------------------------------- */

table.kiso {
	border: 1px solid #cccccc;
	border-collapse: separate;
	border-spacing: 1px;
	width: 610px;
	margin:20px 0 30px 30px;
	color: #36440b;
	clear:both;

}
table.kiso th {
	padding: 5px;
	border-right: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
	background-color: #afde21;
	text-align:center;
	font-size:80%;
}
table.kiso td {
	padding: 5px;
	border-right: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
	background-color: #def1a3;
	font-size:80%;
}

table.layout td{
	padding:20px;
	text-align:center;
}

.cent{
	text-align:center;
	margin:10px 0 20px 0;
}

.write{
	font-weight:bold;
	text-align:right;
}

.FloR{
	float:right;
	padding-left:10px;
	padding-bottom:5px;
}

.FloL{
	float:left;
	padding-right:10px;
	padding-bottom:5px;
}

/* ----------------------------------------------------02の指定  */

/* 07の指定----------------------------------------------------- */

table.glass {
	border: 1px solid #cccccc;
	border-collapse: separate;
	border-spacing: 1px;
	width: 610px;
	margin:20px 0 30px 30px;
	color: #36440b;
	text-align:center;
}
table.glass th {
	padding: 5px;
	border-right: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
	background-color: #afde21;
	text-align:center;
	font-size:80%;
}
table.glass td {
	padding: 5px;
	border-right: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
	background-color: #def1a3;
	width:105px;
	font-size:80%;
}

/* ----------------------------------------------------07の指定  */

#adviceBox01{
	
}


.adviceBoxL{
	width:350px;
	float:left;
}

.adviceBoxR{
	width:350px;
	float:right;
}


ul.adviceList{
	padding-bottom:25px;
}
ul.adviceList li{
	font-size:80%;
	line-height:180%;
	list-style:none;
}

table.TableColumn12 td{
	font-size:80%;
}


/* 文字 */

em{
	font-weight:bold;
	padding:5px;
	background:#fbfbdb;
	letter-spacing:1.5px;
	}
	
	
/*energy*/