@charset "utf-8";

/*accordion*/
.item_cat {cursor:pointer;}

.item_cat:hover {
	color: #F90;
	}


/*page-top*/
#page-top {
	position: fixed;
	bottom: 20px;
	right: 20px;
	font-size: 77%;
	z-index: 100;
}
#page-top a {
	text-decoration: none;
	color: #fff;
	width: 61px;
	text-align: center;
	display: block;
	border-radius: 5px;
	background-image: url(../img/page_top.png);
	height: 61px;
	padding-top: 0px;
	padding-right: 0;
	padding-bottom: 0px;
	padding-left: 0;
	text-indent: -9999px;
	background-repeat: no-repeat;
}
#page-top a:hover {
	background-image: url(../img/page_top.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	height: 61px;
	width: 61px;
}


/**hide**/
h1,h2,h3,h4,h5 {
	margin: 0px;
	padding: 0px;
	font-size: 10px;

}
i {
	visibility: hidden;
}
a img {
	-webkit-transition: 0.3s ease-in-out;
	   -moz-transition: 0.3s ease-in-out;
	     -o-transition: 0.3s ease-in-out;
	        transition: 0.3s ease-in-out;
}
a:hover img {
	opacity: 0.6;
	filter: alpha(opacity=60);
}




/**html**/
html{
	height:100%;
	width: 100%;
	overflow: auto;
}

body{
	height:100%;
	color: #666666;
	margin: 0px;
	padding: 0px;
	width: 100%;
	font-size: 12px;
	font-family: "CI", "Meiryo", verdana, "qMmpS Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "lr oSVbN", "MS PGothic", Sans-Serif;
	line-height: 1.8;
	background-image: url(../img/body_bk.jpg);
	background-repeat: repeat-x;
	background-position: 0px 0px;
	
    position: relative;

	
}

*html body {
	font-family: verdana,"lr oSVbN","MS PGothic",Sans-Serif;

}


* html div#container{
    height:100%;
	
}

div#container{
	position:relative;
	min-height: 100%;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}
body > #container {
        height: auto;
		overflow-x: hidden;
}

div#main{
	width: 100%;
	margin-right: auto;
	margin-left: auto;
	padding-bottom: 170px;
}



/**clear**/
.clear:after {
 content:".";
 display:block;
 visibility:hidden;
 clear:both;
 height:0;
}

.clear{
	min-height:1px;
	clear: both;
	float: none;

}

*html .clear{
 height:1%;

 /*\*//*/
 height:auto;
 overflow:hidden;
 /**/
}
.head {
	display: block;
	width: 1000px;
	height: 215px;
	margin-right: auto;
	margin-left: auto;
	position: relative;
	padding-right: 30px;
	padding-left: 30px;
}
#head_logo h1 a {
	display: block;
	position: absolute;
	left: 457px;
	top: 92px;
}
#head_main_menu #mm01 a {
	position: absolute;
	left: 35px;
	top: 20px;
}
#head_main_menu #mm02 a {
	position: absolute;
	left: 147px;
	top: 20px;
}
#head_main_menu #mm03 a {
	position: absolute;
	left: 235px;
	top: 20px;
}
#head_main_menu #mm04 a {
	position: absolute;
	left: 773px;
	top: 20px;
}



#sub h3 {
	position: absolute;
	top: 153px;
	font-weight: normal;
	color: #999999;
	font-size: 11px;
	left: 377px;
}
#tel {
	position: absolute;
	top: 17px;
	left: 890px;
}
#foot_menu ul {
	margin: 0px;
	padding: 0px;
}
#foot_menu li {
	display: inline;
	margin: 0px;
	padding: 0px;
}
#foot_menu h4  {
	display: inline;
	padding-left: 10px;
	font-size: 11px;
	font-weight: normal;
	line-height: 20px;
}
#foot_menu a {
	font-weight: normal;
	color: #333333;
	text-decoration: none;
	font-style: normal;
}

#foot_menu a:hover {
	text-decoration: underline;
}

#address_box address {
	font-style: normal;
	font-weight: normal;
}

a img {
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}

.content01 {
	display: block;
	width: 1000px;
	margin-right: auto;
	margin-left: auto;
	padding-right: 30px;
	padding-left: 30px;
	padding-bottom: 55px;
}
#content01_left {
	display: block;
	float: left;
	width: 449px;
	padding-right: 98px;
	height: 350px;
}
#content01_left_txtimg {
}
#content01_left_txt {
	padding-top: 35px;
	line-height: 1.6;
	text-align: justify;
}
#content01_right {
	float: right;
	display: block;
	position: relative;
	height: 350px;
	width: 451px;
}
#content01_right_img a {
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}


.content02 {
	background-color: #E0EFD1;
	height: 120px;
	padding-top: 40px;
	padding-bottom: 40px;
	width: 100%;
}
#content02_main {
	display: block;
	width: 1000px;
	margin-right: auto;
	margin-left: auto;
	padding-right: 30px;
	padding-left: 30px;
}
#content02_banner01 a {
	float: left;
}
#content02_banner02 a {
	display: block;
	float: right;
}
.content03 {
	width: 1000px;
	margin-right: auto;
	margin-left: auto;
	padding-right: 30px;
	padding-left: 30px;
	padding-top: 55px;
}
#report_title {
	height: 45px;
	margin-bottom: 40px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #999;
}

.report_box01 {
	display: block;
	border-radius: 10px;        /* CSS3草案 */
	-webkit-border-radius: 10px;    /* Safari,Google Chrome用 */
	-moz-border-radius: 10px;   /* Firefox用 */
	height: 240px;
	width: 160px;
	float: left;
	border: 1px solid #CCC;
	padding: 30px;
}
.report_box02 {
	display: block;
	border-radius: 10px;        /* CSS3草案 */
	-webkit-border-radius: 10px;    /* Safari,Google Chrome用 */
	-moz-border-radius: 10px;   /* Firefox用 */
	height: 240px;
	width: 160px;
	float: left;
	border: 1px solid #CCC;
	margin-left: 40px;
	padding: 30px;
}
.report_box03 {
	display: block;
	border-radius: 10px;        /* CSS3草案 */
	-webkit-border-radius: 10px;    /* Safari,Google Chrome用 */
	-moz-border-radius: 10px;   /* Firefox用 */
	height: 240px;
	width: 160px;
	float: right;
	border: 1px solid #CCC;
	padding: 30px;
}
.report_box_txt_title {
	color: #666666;
	font-size: 11px;
	font-weight: bold;
	padding-top: 10px;
}
.report_box_txt {
	font-size: 10px;
	text-align: justify;
}

#foot {
	background-color: #D2D2D2;
}

#foot .eco_logo {
	background-color: #F0F0F0;
	height: 95px;
	text-align: center;
	padding-top: 25px;
}
#foot_box {
	background-color: #D2D2D2;
	height: 250px;
	display: block;
	width: 1060px;
	margin-right: auto;
	margin-left: auto;
	padding-right: 30px;
	padding-left: 30px;
	position: relative;
}
#foot_copy {
	position: relative;
	font-size: 11px;
	color: #FFF;
	font-weight: bold;
	text-align: center;
	margin-top: 21px;
}
#foot_logo {
	position: relative;
	margin-top: 49px;
	margin-right: auto;
	margin-left: auto;
	text-align: center;
	line-height: 30px;
}
#foot_box2 {
	position: relative;
	color: #666;
	margin-top: 60px;
	text-align: center;
	line-height: 30px;
}
#foot_box2 a {
	color: #666;
	text-decoration: none;
	font-size: 12px;
}
#book01 {
	position: absolute;
	left: 0px;
	top: 210px;
}
#book02 {
	position: absolute;
	left: 120px;
	top: 210px;
	height: 79px;
	width: 327px;
	font-size: 11px;
	line-height: 1.4;
	color: #666;
}
#book03 {
	position: absolute;
	left: 120px;
	top: 310px;
}
#book04 {
	position: absolute;
	left: 291px;
	top: 310px;
}