@charset "utf-8";

/* ------------------------
	main
------------------------ */
.column2 #main {
	background-image: url(../img/build/index/main_bg02.gif);
	background-repeat: repeat-y;
	background-position: left top;
	width: 939px;
	overflow: hidden;
}

/* main_inner */
.column2 #main_inner {
	background-image: url(../img/common/main_bg01.gif);
	background-repeat: no-repeat;
	background-position: left top;
	width: 939px;
	overflow: hidden;
}

/* ------------------------
	flash
------------------------ */
#flash {
	height: 452px;
	width: 933px;
	margin-left: 3px;
	background-color: #FFF;
}

/* ------------------------
	side
------------------------ */
#snav {
	float: right;
	width: 146px;
	margin-right: 3px;
	margin-bottom: 0;
	margin-left: 0;
	margin-top: 10px;
}

#snav li {
  width: 117px;
	margin: 0 0 7px 13px;
	padding: 0 5px 7px 5px;
	background-image: url(../img/common_snv/hr.gif);
	background-position: center bottom;
	background-repeat: no-repeat;
}

*html #snav li {
	margin: 0 0 7px 15px;
}

/* ------------------------
	index
------------------------ */
#index {
	padding-bottom: 30px;
	overflow: hidden;
	width: 764px;
	padding-right: 11px;
	padding-left: 13px;
	float: left;
}
#index h2 {}
#index p.note {
	font-size: 12px;
	line-height: 18px;
	color: #666;
	height: 49px;
	background-image: url(../img/build/index/bg01.gif);
	background-repeat: no-repeat;
	background-position: 11px bottom;
	padding-left: 11px;
	padding-top: 5px;
}

/* box01 */
#index #box01 {
	padding-top: 24px;
	padding-left: 10px;
	width: 754px;
	overflow: hidden;
}
#index #box01 .inner01 {
	background-image: url(../img/build/index/bg02.gif);
	background-repeat: no-repeat;
	background-position: left top;
	height: 433px;
	width: 241px;
	padding-right: 14px;
	float: left;
}
#index #box01 .inner02 {
	background-image: url(../img/build/index/bg02.gif);
	background-repeat: no-repeat;
	background-position: left top;
	height: 433px;
	width: 241px;
	padding-right: 0x;
	float: left;
}
#index #box01 .inner01 h3,
#index #box01 .inner02 h3 {
	padding-bottom: 5px;
}
#index #box01 .inner01 p.photo,
#index #box01 .inner02 p.photo {
	padding-left: 9px;
	padding-bottom: 10px;
}
#index #box01 .inner01 p.text,
#index #box01 .inner02 p.text {
	font-size: 12px;
	line-height: 18px;
	color: #666;
	padding-right: 10px;
	padding-left: 10px;
	height: 162px;
}
#index #box01 .inner01 p.btn,
#index #box01 .inner02 p.btn {
	text-align: right;
	padding-right: 9px;
}

/* box02 */
#index #box02 {
	width: 754px;
	padding-top: 20px;
	padding-left: 10px;
	overflow: hidden;
}
#index #box02 .inner01 {
	background-image: url(../img/build/index/bg03.gif);
	background-repeat: no-repeat;
	background-position: left top;
	height: 280px;
	width: 370px;
	padding-right: 11px;
	float: left;
}
#index #box02 .inner02 {
	float: left;
	height: 280px;
	width: 370px;
	background-image: url(../img/build/index/bg03.gif);
	background-repeat: no-repeat;
	background-position: left top;
}
#index #box02 .inner01 h3,
#index #box02 .inner02 h3 {
	padding-bottom: 10px;
}
#index #box02 .inner01 dl,
#index #box02 .inner02 dl {
}
#index #box02 .inner01 dt,
#index #box02 .inner02 dt {
	float: left;
	padding-left: 10px;
	padding-bottom: 10px;
}
#index #box02 .inner01 dd,
#index #box02 .inner02 dd {
	float: right;
	width: 170px;
	font-size: 12px;
	line-height: 18px;
	color: #666;
	padding-right: 10px;
	padding-bottom: 10px;
}
#index #box02 .inner01 p,
#index #box02 .inner02 p {
	font-size: 12px;
	line-height: 18px;
	color: #666;
	clear: both;
	padding-right: 10px;
	padding-left: 10px;
}
/* box03 */
#index #box03 {
	height: 253px;
	width: 751px;
	padding-left: 10px;
	background-image: url(../img/build/index/bg04.gif);
	background-repeat: no-repeat;
	background-position: right bottom;
	margin-bottom: 10px;
}
#index #box03 h3 {}
#index #box03 h4 {
	padding-left: 31px;
	padding-bottom: 12px;
}
#index #box03 p {
	font-size: 12px;
	line-height: 18px;
	color: #666;
	height: 31px;
	padding-left: 24px;
	padding-top: 5px;
}
#index #box03 dl {
	padding-left: 33px;
}
#index #box03 dt {
	float: left;
	padding-right: 20px;
}
#index #box03 dd {
	float: left;
	width: 390px;
	font-size: 12px;
	line-height: 18px;
	color: #666;
}

/* ------------------------
	eco
------------------------ */
#eco {
	width: 939px;
	padding-bottom: 30px;
}

/* title */
#eco #title {
	background-image: url(../img/build/eco/title.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	height: 554px;
	width: 933px;
	margin-left: 3px;
	margin-bottom: 30px;
}
#eco #title h2 {
	text-indent: -9999px;
}
#eco #title h3 {
	text-indent: -9999px;
}
#eco #title p {
	text-indent: -9999px;
}

#eco #title ul {
  position: relative;
}

#eco #title ul li.step_01 {
  position: absolute;
  top: 257px;
  left: 38px;
}

#eco #title ul li.step_02 {
  position: absolute;
  top: 257px;
  left: 270px;
}

#eco #title ul li.step_03 {
  position: absolute;
  top: 320px;
  left: 38px;
}

#eco #title ul li.step_04 {
  position: absolute;
  top: 320px;
  left: 270px;
}

#eco #title ul li.step_05 {
  position: absolute;
  top: 305px;
  right: 44px;
}

/* box01 */
#eco #box01 {
	background-image: url(../img/build/eco/box_bg.gif);
	background-repeat: repeat-y;
	background-position: left top;
	width: 913px;
	margin-left: 13px;
	overflow: hidden;
	margin-bottom: 20px;
}
#eco #box01 h3 {
	padding-bottom: 15px;
	clear: both;
}
#eco #box01 .inner01 {
	width: 885px;
	height: 238px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #b2aead;
	margin-left: 14px;
	margin-bottom: 15px;
}
#eco #box01 .inner01 dl {
	float: left;
	width: 500px;
	padding-right: 40px;
}
#eco #box01 .inner01 dd {
	font-size: 12px;
	line-height: 18px;
	padding: 15px;
}
#eco #box01 .inner01 p {
	float: left;
	width: 300px;
}
#eco #box01 .inner02 {
	width: 877px;
	margin-left: 14px;
	padding-left: 8px;
	overflow: hidden;
}
#eco #box01 .inner02 dl {
	float: left;
	width: 263px;
	padding-right: 40px;
}
#eco #box01 .inner02 dl.end {
	padding-right:0px;
}
#eco #box01 .inner02 dt {
	padding-bottom: 20px;
}
#eco #box01 .inner02 dd {
	padding-bottom: 30px;
	font-size: 12px;
	line-height: 18px;
}
#eco #box01 .inner03 {
	width: 885px;
	margin-left: 14px;
	overflow: hidden;
}
#eco #box01 .inner03 dl {
	float: left;
	width: 500px;
	padding-right: 15px;
}
#eco #box01 .inner03 dt {
	padding-bottom: 12px;
}
#eco #box01 .inner03 dd {
	font-size: 12px;
	line-height: 18px;
	padding-right: 15px;
	padding-left: 15px;
	padding-bottom: 12px;
}
#eco #box01 .inner03 dd.photo {
	padding-right: 0px;
	padding-left: 0px;
	padding-bottom: 0px;
}
#eco #box01 .inner03 p {
	float: left;
	width: 353px;
  padding-top: 1px;
	padding-bottom: 13px;
}
#eco #box01 .inner04 {
	width: 885px;
	padding-left: 14px;
	padding-bottom: 20px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #8BBB2B;
	padding-right: 14px;
	overflow: hidden;
}
#eco #box01 .inner04 p {
	float: left;
	width: 445px;
	padding-right: 20px;
}
#eco #box01 .inner04 dl {
	float: left;
	width: 390px;
}
#eco #box01 .inner04 dt {
	padding-bottom: 15px;
}
#eco #box01 .inner04 dd {
	font-size: 12px;
	line-height: 18px;
}

/* box02 */
#eco #box02 {
	width: 913px;
	margin-left: 13px;
	margin-bottom: 30px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #88BC2B;
}
#eco #box02 ul.b-ecob {
  position: relative;
  width: 913px;
  height: 617px;
  font-size: 12px;
  background: url(../img/build/eco/box02_img01.jpg) no-repeat;
}
#eco #box02 ul.b-ecob .base {
  position: absolute;
	line-height: 16px;
  width: 490px;
  top: 16px;
  left: 373px;
}

#eco #box02 ul.b-ecob .step_1{
  position: absolute;
	line-height: 16px;
  width: 138px;
  top: 375px;
  left: 38px;
}

#eco #box02 ul.b-ecob .step_2{
  position: absolute;
	line-height: 16px;
  width: 138px;
  top: 242px;
  left: 212px;
}
#eco #box02 ul.b-ecob .step_3{
  position: absolute;
	line-height: 16px;
  width: 138px;
  top: 375px;
  left: 382px;
}
#eco #box02 ul.b-ecob .step_4{
  position: absolute;
	line-height: 16px;
  width: 138px;
  top: 508px;
  left: 210px;
}
#eco #box02 ul.b-ecob .step_5{
  position: absolute;
	line-height: 16px;
  width: 138px;
  top: 508px;
  left: 564px;
}

/* ------------------------
	example
------------------------ */
#example {
	padding-left: 12px;
	padding-bottom: 30px;
}
#example h2 {
	padding-bottom: 10px;
}
#example h3 {
	padding-bottom: 10px;
}

/* box02 */
#example #box01 {
	float: left;
	width: 451px;
	padding-right: 13px;
}
#example #box01 .flash {
	height: 257px;
	width: 433px;
	background-image: url(../img/build/example/movie_bg.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	padding-top: 9px;
	padding-right: 9px;
	padding-bottom: 9px;
	padding-left: 9px;
}
#example #box01 dl {
	padding-top: 6px;
}
#example #box01 dt {}
#example #box01 dd {
	font-size: 12px;
	line-height: 18px;
	padding: 15px;
}

/* box02 */
#example #box02 {
	float: left;
	width: 451px;
}
#example #box02 .flash {
	height: 257px;
	width: 433px;
	background-image: url(../img/build/example/movie_bg.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	padding-top: 9px;
	padding-right: 9px;
	padding-bottom: 9px;
	padding-left: 9px;
}
#example #box02 dl {
	padding-top: 6px;
}
#example #box02 dt {}
#example #box02 dd {
	font-size: 12px;
	line-height: 18px;
	padding: 15px;
}

/* footer_menu */
#footer_menu {
	clear: both;
	height: 71px;
	width: 916px;
	padding-top: 20px;
	padding-bottom: 30px;
	overflow: hidden;
}
#footer_menu ul {
	padding-left: 89px;
}
#footer_menu li {
	float: left;
	width: 225px;
	padding-right: 33px;
	padding-bottom: 6px;
	background-image: url(../img/build/example/footer_menu_bg.jpg);
	background-repeat: no-repeat;
	background-position: left bottom;
}

/* ------------------------
	ecopoint
------------------------ */
#ecopoint {
	width: 936px;
	padding-bottom: 30px;
	margin-left: 2px;
}
#ecopoint .box01 {
	width: 936px;
	height: 200px;
	overflow: hidden;
	}
#ecopoint .box01 h2 {
	float: left;
	}
#ecopoint .box02 {
	width: 936px;
	height: 241px;
	overflow: hidden;
	}
#ecopoint .box02 .left-side {
	float: left;
	}
#ecopoint .box03 {
	width: 936px;
	min-height: 257px;
	overflow: hidden;
	position: relative;
	}
#ecopoint .box03 h2 {
	margin: 30px 0 0 36px;
	}
#ecopoint .box03 p.left-side {
	font-size: 12px;
	margin-top: 22px;
	padding-left: 36px;
	width: 232px !important;
	float: left;
	line-height: 18px;
	padding-right: 15px;
	}
#ecopoint .box03 .right-side {
	width: 245px;
	height: 138px;
	position: absolute;
	top: 18px;
	right: 35px;
	}
#ecopoint .box03 h3 {
	position: absolute;
	top: 39px;
	right: 0;
	}
#ecopoint .box03 .right-side .item-02 {
	margin: 0 0 9px 27px;
	}
#ecopoint .box03 table {
	font-size: 11px;
	margin-top: 22px;
	width: 605px;
	border: solid #006428 2px;
	border-collapse: collapse;
	}
#ecopoint .box03 table th, .box03 table td {
	text-align: center;
	padding: 5px;
	border-left: solid #006428 2px;
	border-bottom: solid #006428 1px;
	width: 113px;
	}
#ecopoint .box03 table .small {
	font-size: 11px;
	line-height: 14px;
	}
#ecopoint .box03 table th {
	font-weight: bold;
	}
#ecopoint .box03 table .type-rd {
	color: #f00;
	font-weight: bold;
	font-size: 14px;
	letter-spacing: 1px;
	}
#ecopoint .box03 table .type-bk {
	font-weight: bold;
	font-size: 14px;
	letter-spacing: 1px;
	}
#ecopoint .box03 .detail {
	font-size: 10px;
	line-height: 14px;
	margin-top: 7px;
	margin-left: 283px;
	width: 605px;
	clear: none;
	}
#ecopoint .box04 {
	margin-top: 17px;
	width: 936px;
	height: 331px;
	overflow: hidden;
	}
#ecopoint .box04 .left-side {
	float: left;
	}
#ecopoint .box04 .left-side h3 {
	margin-left: 36px;
	}
#ecopoint .box04 .left-side p {
	margin-left: 36px;
	}

.go-eco {
  float: left;
  padding: 15px 0 0 35px;
}

#ecopoint .box05 {
  margin: right;
	margin-top: 30px;
	padding-bottom: 15px;
	text-align: right;
	}
#ecopoint .box05 .go-top {
	margin: 0 20px 9px 0;
	}
#ecopoint .box05 .go-home {
	margin-right: 16px
	}
#ecopoint .box01 h3, .box01 p {
	float: left;
	}
#ecopoint .box02 dl {
	float: left;
	}
#ecopoint .box03 p.left-side {
	width: 307px;
	}
#ecopoint .box03 h3 {
	top: 35px;
	}	
#ecopoint .box04 h4, .box04 dl {
	float: left;
	}

/* ------------------------
	新規作成
------------------------ */

#ecopoint .box06 {
	text-align: left;
	margin-top: 15px;
	margin-right: 35px;
	margin-bottom: 15px;
	margin-left: 35px;
	padding: 5px;
	border: thin dotted #FFCC66;
	}
	
#ecopoint .box09 {
	text-align: left;
	margin-top: 10px;
	margin-right: 27px;
	margin-bottom: 10px;
	margin-left: 27px;
	padding: 2px;
	}

/* ------------------------
	電子公告
------------------------ */

#ecopoint .box07 {
	padding-top: 0px;
	padding-right: 1px;
	padding-bottom: 0px;
	padding-left: 1px;
	text-align: center;
	}
#ecopoint .box08 {
	text-align: left;
	margin-top: 15px;
	margin-right: 35px;
	margin-bottom: 15px;
	margin-left: 35px;
	padding: 5px;
	border: thin dashed #CCCCCC;
	}


/* ------------------------
	汎用クラス
------------------------ */
p.page_top02 {

	padding-bottom: 5px
	margin: 0 5px 0 0;
	text-align: right;
}
p.home_btn {
	clear:both;
	text-align: right;
	padding: 10px 20px 0 0;
}

/* padding */
.ptall {
  clear: both;
  padding: 0 0 10px 790px;
}

.ptall2 {
  clear: both;
  
  padding: 10px 0 0 777px;
}

.pb10 {padding-bottom:10px !important;}
.pt10 {padding-top:10px !important;}
.pt30 {padding-top:30px !important;}
.pr20 {padding-right:20px;}
.pl14 {padding-left:14px;}