@charset "UTF-8";

/************************************** S̐ݒ **************************/

html,body {
	scrollbar-face-color: #669933;
	scrollbar-track-color: #fff8dc;
	scrollbar-arrow-color: #ffffff;
	scrollbar-highlight-color: #B4D98E;
	scrollbar-shadow-color: #666600;
	scrollbar-3dlight-color: #ffebcd;
	scrollbar-darkshadow-color: #669933;

	}
	

body {
	background-image: url(../img/background01.jpg);
	background-repeat: no-repeat;
	background-color: #FFFFFF;
	
	}
/**********************************************/
	
/************************************** Ԃł@Wrapper **************************/

div#wrapper {
	width:				900px;
	height:				auto;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	padding-right: 20px;
	padding-left: 20px;
	padding-top: 18px;
}
/**********************************************/

/************************************** Flashbox **************************/

div#flashbox {
	width:				900px;
	height:				200px;
	margin-top: 0px;
	background-image: url(../img/topback01.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	border-bottom-width: thick;
	border-bottom-style: solid;
	border-bottom-color: #8198CE;
}
/**********************************************/

/******************** Contents  Style ***********************/

div#left_contents {
	font-size: 11pt;
	line-height: 160%;
	margin-top: 15px;
	width: 208px;
	position: absolute;
	background-image: url(../img/left_background.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	padding-left: 7px;
	height: 1100px;
}

div#right_contents {
	font-size: 10pt;
	line-height: 160%;
	margin-top: 15px;
	width: 650px;
	float: right;
}

div#main_contents {
	width: 900px;
	height: 1300px;
}
/**********************************************/

/********************************細かいスタイルݒ **************************/
.style4 {
	color: #0033CC;
	font-weight: bold;
}
.style5 {
	color: #000000;
	line-height: 150%;
}
.style7 {color: #0033CC; font-weight: bold; font-size: 11pt; }


.style8 {
	color: #990000;
	font-weight: bold;
}

.style9 {
	color: #006666;
	font-weight: bold;
}

/************************************** Ć@NAVIGATION@[I[o[p **************************/


div#headerNav {
	width:				900px;
	height:				205px;
	margin-top: 0px;
	border-top-width: thick;
	border-top-style: solid;
	border-top-color: #FFFFFF;
	border-bottom-width: thick;
	border-bottom-style: solid;
	border-bottom-color: #FFFFFF;
}

#headerNav ul {
	list-style:			none;
	text-indent:		-30000px;
	text-decoration:	none;
	padding-top: 0px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0px;
	

}

#headerNav li {
	float:				left;
	margin-top: 0;
	margin-right: 0px;
	margin-bottom: 0;
	margin-left: 0;
	
}



#headerNav li a {
	display:			block;
	text-decoration:	none;
	overflow:			hidden;
	border: none;



}

li.nav1 a {
	width:				150px;
	height:				205px;
	background:			url(../img/main_navi/navi_001.jpg) no-repeat ;

}

li.nav1 a:hover {
	background:			url(../img/main_navi/navi_001.jpg) no-repeat bottom;
}

#headerNav li.nav2 a {
	width:				150px;
	height:				205px;
	background:			url(../img/main_navi/navi_002.jpg) no-repeat;
}

#headerNav li.nav2 a:hover {
	background:			url(../img/main_navi/navi_002.jpg) no-repeat bottom;
}

#headerNav li.nav3 a {
	width:				150px;
	height:				205px;
	background:			url(../img/main_navi/navi_003.jpg) no-repeat;
}

#headerNav li.nav3 a:hover {
	background:			url(../img/main_navi/navi_003.jpg) no-repeat bottom;
}

#headerNav li.nav4 a {
	width:				150px;
	height:				205px;
	background:			url(../img/main_navi/navi_004.jpg) no-repeat;
}

#headerNav li.nav4 a:hover {
	background:			url(../img/main_navi/navi_004.jpg) no-repeat bottom;
}

#headerNav li.nav5 a {
	width:				150px;
	height:				205px;
	background:			url(../img/main_navi/navi_005.jpg) no-repeat;
}

#headerNav li.nav5 a:hover {
	background:			url(../img/main_navi/navi_005.jpg) no-repeat bottom;
}

#headerNav li.nav6 a {
	width:				150px;
	height:				205px;
	background:			url(../img/main_navi/navi_006.jpg) no-repeat;
}

#headerNav li.nav6 a:hover {
	background:			url(../img/main_navi/navi_006.jpg) no-repeat bottom;
}

/***********************************************/

/************************************** EJeS[̃e[u̕Fݒ **************************/

.table01 {
	font-size: 10pt;
	line-height: 150%;
	color: #333333;
	padding-top: 5px;
	padding-bottom: 10px;
	padding-left: 5px;
	
}


.table02 {
	font-size: 10pt;
	line-height: 150%;
	color: #FFFFFF;
	padding-top: 5px;
	background-color: #990000;
	text-align: center;
	padding-bottom: 5px;
	padding-right: 10px;
	padding-left: 10px;
}

.table03 {
	font-size: 11pt;
	line-height: 150%;
	color: #FFFFFF;
	background-color: #D98200;
	text-align: center;
	padding: 5px;
}

.table04 {
	font-size: 10pt;
	line-height: 150%;
	color: #333333;
	padding-top: 10px;
	padding-right: 15px;
	text-align: left;
	padding-bottom: 5px;
	padding-left: 15px;
	vertical-align: top;
	border-right-width: 1px;
	border-right-style: dotted;
	border-right-color: #666666;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #999999;
}

.table05 {
	font-size: 10pt;
	line-height: 150%;
	color: #333333;
	text-align: left;
	vertical-align: top;
	border-left-width: 1px;
	border-left-style: dotted;
	border-left-color: #666666;
}

.table06 {
	font-size: 10pt;
	line-height: 150%;
	color: #CC0000;
	text-align: left;
	padding-top: 10px;
	padding-right: 5px;
	padding-bottom: 10px;
	padding-left: 15px;
	background-color: #FFD79B;
}

.table07 {
	font-size: 10pt;
	line-height: 150%;
	color: #0033CC;
	font-weight: bold;
	text-align: center;
	padding: 10px;
}
/******************** y[W̃NݒF **************************/

a:link {
	color: #A6B7DD;
}

a:visited {
	color: #C7E2AB;
}
a:hover{
	color: #990000;
}

a.seclink {
	color: #0033CC;
}

a.seclink:hover{
	color: #990000;
}

a.seclink:visited{
	color: #FF6600;
}

/************************************** gbvy[W̃JeS[ **************************/

	div.main_con {
	float:right;
	display: inline;
	
}
	div.main_con a{
	width:174px;
	height:121px;
	background-image: url(../img/top0c1.jpg);
	
}

	div.main_con01 {
	float:right;
	display: inline;
	
}
	div.main_con01 a{
	width:174px;
	height:121px;
	background-image: url(../img/top0c2.jpg);
	
}

	div.main_con02 {
	float:right;
	display: inline;
	
}
	div.main_con02 a{
	width:174px;
	height:121px;
	background-image: url(../img/top0c3.jpg);
	
}

	div.main_con03 {
	float:right;
	display: inline;
	
}
	div.main_con03 a{
	width:174px;
	height:121px;
	background-image: url(../img/top0c4.jpg);
	
}

	div.main_con04 {
	float:right;
	display: inline;
	
}
	div.main_con04 a{
	width:174px;
	height:121px;
	background-image: url(../img/top0c5.jpg);
	
}

	div.main_con05 {
	float:right;
	display: inline;
	
}
	div.main_con05 a{
	width:174px;
	height:121px;
	background-image: url(../img/top0c6.jpg);
	
}
/**********************************************/

/************************************** TChɂGRKXȂǂ̃oi[^N **************************/

	div.side_con {
	float:left;
	display: inline;
	margin-left: 5px;
	margin-bottom: 12px;
	
}
	div.side_con a{
	width:182px;
	height:90px;
	background-image: url(../img/banner_eco2.jpg);
	
}

	div.side_con01 {
	float:left;
	display: inline;
	margin-left: 5px;
	margin-bottom: 12px;
	
}
	div.side_con01 a{
	width:182px;
	height:60px;
	background-image: url(../img/banner_online.jpg);
	
}

	div.side_con02 {
	float:left;
	display: inline;
	margin-left: 5px;
	margin-bottom: 12px;
	
}
	div.side_con02 a{
	width:182px;
	height:29px;
	background-image: url(../img/banner_pairmulti.gif);
	
}

	div.side_con03 {
	float:left;
	display: inline;
	margin-left: 5px;
	margin-bottom: 12px;
}
	div.side_con03 a{
	width:182px;
	height:60px;
	background-image: url(../img/banner_reform.jpg);
	
}

	div.side_con04 {
	float:left;
	display: inline;
	margin-left: 5px;
	margin-bottom: 12px;
}
	div.side_con04 a{
	width:182px;
	height:29px;
	background-image: url(../img/banner_secuo.gif);
	
}

	div.side_con05 {
	float:left;
	display: inline;
	margin-left: 5px;
	margin-bottom: 12px;
}
	div.side_con05 a{
	width:182px;
	height:29px;
	background-image: url(../img/banner_spacia.gif);
	
}

	div.side_con06 {
	float:left;
	display: inline;
	margin-left: 5px;
	margin-bottom: 12px;
}
	div.side_con06 a{
	width:182px;
	height:60px;
	background-image: url(../img/ecopoint_select.jpg);
	
}

	div.side_con07 {
	float:left;
	display: inline;
	margin-left: 5px;
	margin-bottom: 12px;
}
	div.side_con07 a{
	width:182px;
	height:100px;
	background-image: url(../img/contact01.jpg);
	
}

	div.side_con08 {
	float:left;
	display: inline;
	margin-left: 5px;
	margin-bottom: 12px;
}
	div.side_con08 a{
	width:182px;
	height:60px;
	background-image: url(../img/telphone01.jpg);
}
	
div.side_con09 a{
	width:182px;
	height:30px;
	background-image: url(../img/sitemap01.jpg);
}


/************************************** SIDE NAVI nandemo Q&A **************************/

	div.side_con10 {
	float:left;
	display: inline;
	margin-left: 5px;
	margin-bottom: 12px;
}
	div.side_con10 a{
	width:180px;
	height:60px;
	background-image: url(../img/qa001.jpg);
}

    div.side_con10 a:hover {
	background:			url(../img/qa001.jpg) no-repeat bottom;
}

/************************************** SIDE NAVI CompanyINFO **************************/

	div.side_con11 {
	float:left;
	display: inline;
	margin-top: 30px;
	margin-left: 5px;
	margin-bottom: 12px;
}
	div.side_con11 a{
	width:180px;
	height:65px;
	background-image: url(../img/company01.jpg);
}

    div.side_con11 a:hover {
	background:			url(../img/company01.jpg) no-repeat bottom;
}

/************************************** SIDE NAVI FILM **************************/

	div.side_con12 {
	float:left;
	display: inline;
	margin-left: 5px;
	margin-bottom: 12px;
}
	div.side_con12 a{
	width:180px;
	height:80px;
	background-image: url(../img/filmnavi01.jpg);
}

    div.side_con12 a:hover {
	background:			url(../img/filmnavi01.jpg) no-repeat bottom;
}
/**********************************************/



/**************リンク枠けし********************************/

img {
    border-style:none;
}