@charset "shift_jis";/* �G�X�P�[�v */


.b { border:solid 1px #f00; }

/*
	--------------------------------
	Created: 2010.09.21
	Last Modified: 2010.09.21
	--------------------------------
*/

#contentsNavi {
	width:100%;
	height:45px;
	background:url(../shared/img/nav/bg.gif) repeat-x left top;
}
.contentsNavi {
	width:980px;
	margin:0 auto;
}
.contentsNavi li {
	float:left;
}
.contentsNavi li img {
	vertical-align:bottom;
}



/*-------------------
//�G�R�`�F���W�p
-------------------- */

#funcZoom {
position:absolute;
right:0;
top:5px;
width:229px;
}


div#title_area div.site{
position:absolute;
top:12px;
right:242px;
}

div#title_area div.iconEco{
position:absolute;
top:30px;
right:0px;
/*height:48px;*/
padding:0;
}

/*-------------------
//�G�R�`�F���W�p
-------------------- */


/* 101110 */
/* ���ʕ��� -------- */
div#global_header .container {
width:980px;
}
/*div#global_header .function_nav {
width:614px;
}*/
div#global_nav .container {
width:980px;
background-position:center top;
}
div#global_footer .container {
width:980px;
}

/* title���� -------- */

#topMain {
	font-size: 12px;
	line-height: 1.5;
	margin: 8px auto 10px;
	width: 100%;

}

.main-ttl-set {
	margin: 0 auto;
	width: 980px;
}

#topMain h1 {
	float: left;
	margin: 13px 0 12px;
	padding: 0;
}
.main-ttl-set p {
	float: left;
	margin: 12px 0 0 12px;
}
.main-ttl-set p#ecoLogo {
	float: right;
	margin: 0;
	width: 244px;
}

/* main -------- */

#main,
#wrapper {
	background-color: #F2F0E8;
/*	padding-bottom: 45px;	*/
}
#me_eco_changes_top #main {
/*position:relative; */
/*	width:1024px;	*/
	width:980px;
	margin:0 auto;
}

#main #contents {
	width: 980px;
	margin: 0 auto;
	padding: 0;
	/*background: url(../img/bg_contents_main.gif) repeat-y left ;*/
	clear: both;
}

#products #main #contents {
	width: 980px;
	margin: 0 auto;
	padding:0;
	/*background: url(../img/bg_contents_main.gif) repeat-y left ;*/
	clear: both;
}


/*
#products.map #main #contents {
	width: 980px;
	background: url(../img/bg_contents_main02.gif) repeat-y 0px 536px;
}
*/
#main #contents #contentsTop {
	width: 980px;
	height:80px;
	background: url(../shared/img/contentsTop.gif) no-repeat left top;
}


#main #contents #contentsTop2 {
	width: 980px;
	height:40px;
	background: url(../shared/img/contentsTop2.gif) no-repeat left top;
}


/* �{�^���ǉ� -------- */


#main #contents #btnDetailArea {
	margin:0; padding:30px 0 0 0; float:none; clear:both; height:45px; display:table-cell; vertical-align:bottom; background:url(../img/eco_btn_bg.gif) bottom repeat-x;
}

#main #contents #btnDetailArea img {
	border:none; float: left;
}


/*
#me_eco_changes_top #main #contents {
	padding-top:544px;
}
*/
/* �g�b�v�ɖ߂��{�^������ -------- */

#main .top_back {
	margin: 0 auto;
	padding: 40px 0 15px 0;
	width: 980px;
	text-align: right;
	background: #F2F0E8 url(../img/bg_contents_top.gif) no-repeat bottom left;
}
#main .top_back img {
	margin-right: 2px;
	vertical-align: baseline;
}

#main .top_btn_area img {
	vertical-align: baseline;
}

/* �y�[�W�J�ڕ��� -------- */

#main #contents .pagenavi_area{
	width: 976px;
	margin: 21px auto 11px;
}
/*
#main #contents .pagenavi_area ul {
	font-size: 93%;
	line-height: 1em;
	margin: 0 auto;
}
#main #contents .pagenavi_area li {
	color: #009414;
	float: left;
	margin: 0;
	padding: 0;
}
#main #contents .pagenavi_area li.prev,
#main #contents .pagenavi_area li.next {
	height: 29px;
	margin: 0 20px 0 0;
	width: 105px;
}
#main #contents .pagenavi_area li.prev0 {
	display:block;
	height: 29px;
	width: 105px;
}

#main #contents .pagenavi_area li.next {
	margin: 0 0 0 11px;
}
#main #contents .pagenavi_area li.page {
	font-weight: bold;
	width: 16px;
	padding: 7px 9px 7px 0;
}
#main #contents .pagenavi_area li.page.current {
	color: #B3B3B3;
}
*/

#main #contents .pagenavi_area table {
	font-size: 93%;
	line-height: 1em;
}
#main #contents .pagenavi_area td {
	color: #009414;
	float: left;
	margin: 0;
	padding: 0;
}
#main #contents .pagenavi_area td.prev {
	height: 29px;
	padding: 0 20px 0 0;
	width: 105px;
}
#main #contents .pagenavi_area td.next {
	height: 29px;
	padding: 0;
	width: 105px;
}

#main #contents .pagenavi_area td.prev0,
#main #contents .pagenavi_area td.next0 {
	display:block;
	height: 29px;
	width: 105px;
}

#main #contents .pagenavi_area td.next {
	margin: 0 0 0 11px;
}
#main #contents .pagenavi_area td.page {
	font-weight: bold;
	width: 16px;
	padding: 7px 9px 7px 0;
}
#main #contents .pagenavi_area td.page.current {
	color: #B3B3B3;
}





#main #contents .pagenavi_area.bottom{
	margin: 0 auto 0px;
	padding: 0 0 25px;
}
*:first-child+html #main #contents .pagenavi_area.bottom{
	padding: 0 0 25px;/*IE7*/
}

/* �y�[�W�g�b�v�ɖ߂��{�^������ -------- */

/*
div.pagetop {
	clear: both;
	background: #FFFFFF url(../img/bg_contents_bottom.gif) no-repeat bottom left;
*/
	/*padding-bottom: 5px;*/
/*
}
#products.map div.pagetop {
	clear: both;
	background: #FFFFFF url(../img/bg_contents_bottom02.gif) no-repeat bottom left;
*/
	/*padding-bottom: 5px;*/
/*
}

div.pagetop p {
	line-height: 1em;
	padding: 10px 68px 34px;
	text-align: right;
}
div.pagetop p a {
	border-left: 1px solid #444444;
	border-right: 1px solid #444444;
	padding: 0 6px;
}
*/


/* index -------- */
#main #top_area {
	margin: 0 auto;
	width: 1024px;
}

* html #main #top_area {
	margin:0 auto;
	width: 1024px;
	top : -20px;
	position: absolute;
}


#main .top_area ul.pagination {
	position: absolute;
	right: 40px;
	bottom: 25px;
}
#main .top_area ul.pagination li {
	margin: 0 6px 0 0;
	float: left;
}
#main .top_area ul.pagination li a {
	width: 15px;
	height: 0;
	padding-top: 14px;
	overflow: hidden;
	background: url(../img/btn_java.gif) top left no-repeat;
	display: block;
}
#main .top_area ul.pagination li.active a,
#main .top_area ul.pagination li a:hover {
	background-position: 0 -14px
}




/* index NEW-------- */

/*-- outerWrapper --*/
#outerWrapper {
	margin-bottom:0px;
	/*background-color:#f2f0e8;*/
}


#outerWrapperBg {
	background-color:#f2f0e8;
	margin:0;
}


#outerWrapperBgTop {
	margin:30px 0 0 0;
	/*background-color:#f2f0e8;*/
	background:url(../shared/img/bg_contents2.gif) repeat-x top;
}


#outerWrapperBg2 {
	/*background-color:#f2f0e8;*/
	background:url(../shared/img/bg_contents.gif) repeat-x top;
	/*margin-bottom:60px;*/
	padding-bottom:60px;
}

* html #outerWrapperBg2 {
	/*background-color:#f2f0e8;*/
	background:url(../shared/img/bg_contents.gif) repeat-x top;
	/*margin-bottom:60px;*/
	padding-bottom:60px;
	margin-top:30px;/*IE6-5*/
}


#me_eco_changes_top .top_btnArea {
	background:url(../img/idx_img02.gif) repeat-y top left;
	height:330px;
	text-align:left;
	width:974px;
	margin:0;
	padding:0 0 0 50px;
}

#me_eco_changes_top .top_btnArea ul {
	margin:0; padding:0; float:none; clear:both; height:54px; text-align:left;
	}

#me_eco_changes_top .top_btnArea ul li {
	margin:0 8px 0 0; padding:0; float:left; list-style:none; height:54px;
	width:302px;
	}

#me_eco_changes_top .top_btnArea ul li.first {
	margin:0 8px 0 0; padding:0; float:left; list-style:none;
	width:302px;
	}

#me_eco_changes_top .top_btnArea ul li.last {
	margin:0; padding:0; float:left; list-style:none;
	width:302px;
	}

#me_eco_changes_top .top_btnArea .boxArea01 {
	margin:0 ; padding:0; float:left; width:922px; text-align:left;
	}

#me_eco_changes_top .top_btnArea .boxArea01 img{
	 border:none; float:none; clear:both;
	}

#me_eco_changes_top .top_btnArea .boxArea01 .boxA {
	width:302px; margin:0 8px 0 0 ; padding:0; float:left; background-color:#ccead0; height:296px;
	}

#me_eco_changes_top .top_btnArea .boxArea01 .boxB {
	width:302px; margin:0; padding:0; float:left; background-color:#ccead0; height:296px;
	}




/* index -------- */
#me_eco_changes_top #innerWrapper {
	width: 1024px;
}
#me_eco_changes_top #innerWrapper #prArea {
	width: 1024px;
}

* html #me_eco_changes_top #innerWrapper #prArea {
	width: 1024px;
}



#me_eco_changes_top #innerWrapper #mainArea {
	width: 980px;
	margin: 0 auto;
}
#me_eco_changes_top #innerWrapper #socialParts {
	width: 966px;
	margin: 30px 0 12px 22px;
}
#me_eco_changes_top #innerWrapper .pagetop {
	margin: 0 11px 0 0px;
}


#me_eco_changes_top #prArea {
	margin: 0 auto;
	position: relative;
	width: 1024px;

}

#me_eco_changes_top #prArea #top_area {
	margin: 0 auto;
	width: 1024px;
	height: 380px;
}

#me_eco_changes_top #prArea .top_area #result {
	position:relative;
	margin:0;
	padding:0;
	width: 1024px;
	height:380px;
	overflow:hidden;
}
#me_eco_changes_top #prArea .top_area #result ul#rotation { position:absolute; top:0; left:0; margin:0; padding:0; width: 1024px; height:370px; overflow:hidden; z-index:0; }
#me_eco_changes_top #prArea .top_area #result ul#rotation li { position:absolute; top:0; left:0; }
#me_eco_changes_top #prArea .top_area #result ul#rotation li img { vertical-align:bottom; }
#me_eco_changes_top #prArea .top_area #result ul#js-control { position:absolute; bottom:97px; right:50px; z-index:2; }
#me_eco_changes_top #prArea .top_area #result ul#js-control li { float:right; display:block; width:14px; height:14px; margin-left:8px; font-size:1%; line-height:1%; }
#me_eco_changes_top #prArea .top_area #result ul#js-control li a { display:block; width:15px;_width:14px; height:16px;_height:14px; background:url(../img/btn_mainimage.png) no-repeat 0 0 transparent; text-indent:-9999px;_background:url(../img/btn_mainimage.gif) no-repeat 0 0 transparent; text-indent:-9999px; overflow:hidden; }
#me_eco_changes_top #prArea .top_area #result ul#js-control li a.hover ,
#me_eco_changes_top #prArea .top_area #result ul#js-control li a.current { background-position:0 -16px; _background-position:0 -14px;}
#me_eco_changes_top #prArea .top_area .derivation { clear:both; position:absolute; left:130px; top:186px; display:block; width:162px; height:25px; z-index:3; }
#me_eco_changes_top #prArea .top_area .derivation a { display:block; width:162px; height:25px; }

#me_eco_changes_top #prArea #btn_area {
	position:absolute;
	top:326px;
	left:22px;
	z-index:100;
	width: 980px;
	height:54px;
	margin:0 auto;
	background:url(../img/bg_btn_area.gif) no-repeat left top;
	text-align: center;
}

#me_eco_changes_top #prArea .btn_area {
}
#me_eco_changes_top #prArea .btn_area img {
	margin-right: 5px;
}
#me_eco_changes_top #prArea .btn_area img.cate {
	margin-right: 25px;
}

#me_eco_changes_top #prArea .top_area ul.pagination {
	position: absolute;
	right: 40px;
	bottom: 25px;
}
#me_eco_changes_top #prArea .top_area ul.pagination li {
	margin: 0 6px 0 0;
	float: left;
}
#me_eco_changes_top #prArea .top_area ul.pagination li a {
	width: 15px;
	height: 0;
	padding-top: 14px;
	overflow: hidden;
	background: url(../img/btn_java.gif) top left no-repeat;
	display: block;
}
#me_eco_changes_top #prArea .top_area ul.pagination li.active a,
#me_eco_changes_top #prArea .top_area ul.pagination li a:hover {
	background-position: 0 -14px
}







/* recommend_area -------- */

#main #contents .recommend_area {
	width:760px;
	margin:0 auto;
	padding-top:56px;
	margin-bottom:54px;
}
#main #contents .recommend_area h3 {
	margin-bottom:7px;
	margin-left:5px;
}
#main #contents .recommend_area li {
	float:left;
	margin-right:16px;
}
#main #contents .recommend_area li.end {
	margin-right:0;
}


/* main_area -------- */

#main #contents .main_area {
	/*margin-bottom: 32px;*/
	padding-bottom:32px;
}

/* topics_area -------- */

/*#main #main_area_contents {*/
#main .main_area {
	width:920px;
	margin:0 auto;
}
#main .main_area .leftbox{
	float:left;
}
#main .main_area .rightbox{
	float:right;
}

#main #contents .topics_area {
	/*float: left;*/
	width: 520px;
}
#main #contents .topics_area h3 {
	width: 160px;
	margin: 0;
	padding: 0 0 4px 3px;
	float: left;
}
#main #contents .topics_area p.link {
	float: right;
	padding: 5px 3px 0 0;
/*	font-size: 60%;	*/
	font-size: 90%;
}
#main #contents .topics_area p.link a {
	padding: 0 0 0 8px;
	background: url(../img/icon_arrow.gif) no-repeat 2px 3px;
}

#main #contents .topics_area .topics_main {
	width: 520px;
	height: 620px;
	margin: 0;
	padding: 10px;
	background: url("../img/bg_topics.gif") no-repeat top left;
	clear: both;
}
#main #contents .topics_area .topics_main ul {
width:97%; vertical-align:bottom;

}

#main #contents .topics_area .topics_main li {
	min-height:77px;
	height: auto !important;
	height: 77px;
	padding:8px;
	position:relative;
	margin-bottom:8px;
	_margin-bottom:0;
}
/* 101110 */
#main #contents .topics_area .topics_main li a:link,
#main #contents .topics_area .topics_main li a:visited {
	color:#333333;
}
#main #contents .topics_area .topics_main li a:hover {
	color:#009414;
}

#main #contents .topics_area .topics_main li .pdf {
	position:absolute;
	top:8px;
	left:78px;
}
#main #contents .topics_area .topics_main li .blank {
	position:absolute;
	top:12px;
	left:90px;
}

#main #contents .topics_area .topics_main li.odd-row {
	background-color:#EBF5EB;
}

#main #contents .topics_area .topics_main dt {
	float: right;
	width: 110px;
	height:77px;
}
#main #contents .topics_area .topics_main dd {
	/*margin-left:115px;*/
	width:350px;
	font-size:12px;
	height:77px;
	line-height:1.5;
}
#main #contents .topics_area .topics_main p {
	/*margin-left:115px;*/
	width:376px;
	font-size:12px;
	height:77px;
	line-height:1.5;
}

#main #contents .topics_area .topics_main p {
	margin-bottom:5px;
	height:auto;
}

#main #contents .topics_area .topics_main .day {
	font-size:11px;
	color:#009414;
	font-weight:bold;
	margin-bottom:3px;
	line-height:1.8;
}
#main #contents .topics_area .topics_main .title {
	font-size:13px;
	color:#009414;
	font-weight:bold;
	margin-bottom:3px;
	line-height:1.8;
}
#main #contents .topics_area .topics_main p .title {
	margin-bottom:0;
}




/* link_area -------- */

#main #contents .link_area,
#main #contents .site_area {
	width: 360px;
}
#main #contents .link_area h3 {
	margin: 0 0 7px 3px;
}
#main #contents .link_area ul li {
	margin: 0;
}
#main #contents .link_area ul li img {
	vertical-align: baseline;
	/*background:url("/me/eco_changes/img/ttl_links.gif") no-repeat bottom left;*/
	border-bottom: dotted 1px #009414;
}

/* site_area -------- */

#main #contents .site_area {
	margin: 30px 0 0 0;
}
#main #contents .site_area h3 {
	margin: 0;
	padding: 0 0 11px 3px;
	background: #FFFFFF url("../img/bg_site_top.gif") no-repeat bottom left;
}
#main #contents .site_area .site_main {
	padding:6px 10px 1px 8px;
	background: #FFFFFF url("../img/bg_site_main.gif") repeat-y top left;
}
#main #contents .site_area .site_main dl {
	padding: 0 0 0 6px;
/*	font-size: 75%;	*/
}
*:first-child+html #main #contents .site_area .site_main dl {
	font-size: 66.6%;/*IE7*/
}
* html #main #contents .site_area .site_main dl {
	font-size: 66.6%;/*IE6-5*/
}
#main #contents .site_area .site_main dl dt {
	padding: 0 0 0 0;
	color: #009414;
	font-weight:bold;
	font-size:110%;
}

*:first-child+html #main #contents .site_area .site_main dl dt{
	font-size: 150%;/*IE7*/
}
* html #main #contents .site_area .site_main dl dt {
	font-size: 150%;/*IE6-5*/
}


#main #contents .site_area .site_main dl dd {
	margin: 0 0 5px 0;
	padding: 0 0 0 10px;
	line-height:1.5;
	font-size:110%;
}

*:first-child+html #main #contents .site_area .site_main dl dd{
	font-size: 150%;/*IE7*/
}

* html #main #contents .site_area .site_main dl dd {
	font-size: 150%;/*IE6-5*/
}



#main #contents .site_area #site_main_bottom {
	width:360px;
	height:5px;
	background: url("../img/bg_site_bottom.gif") no-repeat bottom left;
	font-size:1px;
}
#main #contents .site_area .site_main dl dt a {
	padding-left: 7px;
	background: url("../img/icon_arrow.gif") no-repeat 0px 4px;
}
#main #contents .site_area .site_main dl dt a img.icon {
	padding-left: 7px;
}


/* about -------- */

#about #main {
}

#about #main .top_btn_area {
	background: #F2F0E8 url(../about/img/bg_contents_top.gif) no-repeat bottom left;
}

#about #main #contents {
	margin: 0 auto;
	/*padding-top: 86px;*/
}
/*
#about #main #contents p {
	padding: 0 0 0 98px;
	margin-bottom:42px;
}
*/
/*
#about #main #contents h2 {
	margin: 0 0 5px 98px;
}
*/
#about #main .section {
	width:801px;
	margin-left:101px;
	margin-bottom:0px;
	padding-bottom:60px;
}
#about #main .section.about01 {
	margin-top:0px;
}

#about #main .section h2{
	margin-bottom:27px;
	margin-left:10px;
}
#about #main .section.about01 li {
	float:left;
	margin-right:20px;
	margin-bottom:10px;
}
#about #main .section.about02 p {
	margin-left:10px;
}

#about #main .section.about03 {
	position:relative;
	width:756px;
	margin-top:0px;
	margin-bottom:41px;
	margin-left:112px;
	background:url(../about/img/img_junkan.gif) no-repeat right top;
}
#about #main .section.about03 h2 {
	margin: 0 0 29px 8px;
	padding-top:25px;
}
#about #main .section.about03 p {
	margin-left:8px;
	margin-bottom:34px;
}
#about #main .section.about03 a {
	position:absolute;
	top:261px;
	left:404px;
}

#about #main .section.about04 {
	position:relative;
	width:756px;
	height:454px;
	margin-left:112px;
	background:url(../about/img/img_recycling.gif) no-repeat right top;
}
#about #main .section.about04 h2 {
	position:absolute;
	top:40px;
	left:170px;
}
#about #main .section.about04 p {
	position:absolute;
	top:112px;
	left:97px;
}
#about #main .section.about04 ul {
	position:absolute;
	top:373px;
	left:98px;
}

#about #main .section.about04 li {
	float:left;
	margin-right:5px;
}
#about #main .section.about05 {
	position:relative;
	width:757px;
	margin-top:0px;
	margin-left:114px;
	background:url(../about/img/img_teitanso.gif) no-repeat right top;
}
#about #main .section.about05 h2 {
	padding-top:35px;
	margin:0 0 32px 8px;
}
#about #main .section.about05 p {
	margin:0 0 30px 8px;
}
#about #main .section.about05 a {
	position:absolute;
	top:470px;
	left:421px;
}
#about #main .section.about06 {
	position:relative;
	width:837px;
	/*	margin:92px 0 20px 112px;*/
	margin:0 0 0 112px;
	background:url(../special/img/img_seibutsu.gif) no-repeat right top;
	/*padding-bottom:80px;*/
	padding-top:0;
}
#about #main .section.about06 h2 {
	margin-left:0;
	margin-bottom:30px;
}
#about #main .section.about06 p {
	margin-bottom:27px;
}
#about #main .section.about06 ul {
	margin-bottom:25px;
}
#about #main .section.about06 li {
	float:left;
	margin-right:19px;
}
#about #main .section.about06 #details {
	position:relative;
	width:758px;
	height:523px;
	background:url(../special/img/bg_seibutsu_details.jpg) no-repeat right top;
}
#about #main .section.about06 #details .details01{
	position:absolute;
	top:19px;
	left:19px;
}
#about #main .section.about06 #details .details02{
	position:absolute;
	top:54px;
	left:20px;
}
#about #main .section.about06 #details .details03{
	position:absolute;
	top:54px;
	left:275px;
}
#about #main .section.about06 #details .details04{
	position:absolute;
	top:54px;
	left:508px;
}
#about #main .section.about06 #details .details05{
	position:absolute;
	top:292px;
	left:20px;
}
#about #main .section.about06 #details .details06{
	position:absolute;
	top:292px;
	left:389px;
}



/* ecochange_area -------- */

#about #main #contents p.ecochange_area {
	margin-bottom: 78px;
}

/* about�̃y�[�W�g�b�v�ɖ߂��{�^������ -------- */

#about #main #contents div.pagetop p {
	 padding: 10px 63px 33px;
	margin:0;
}


/* products -------- */
#products #main .top_btn_area {
	width:976px;
	margin:0 auto;
	padding-top:33px;
	border-bottom:solid 4px #007237;
	/*background: #F2F0E8 url(../products/img/bg_contents_top.gif) no-repeat bottom left;*/
}

#products #main #contents .contents_main {
	padding: 20px 0 16px 9px;
	/*border-top: 1px solid #E6E6E6;*/
	clear: both;
}
#products #main #contents .contents_main div {
	width: 310px;
	margin-left:8px;
	float: left;
}

#products #main #contents .contents_main ul li {
	float:left;
	width: 302px;
	height: 100px;
	/*margin-bottom: 2px;*/
}

#products #main #contents div.pagetop p {
	 padding: 10px 29px 33px;
}

#products #main #contents .contents_main div #space,
#products #main #contents .contents_main div #energy,
#products #main #contents .contents_main div #trance,
#products #main #contents .contents_main div #plant,
#products #main #contents .contents_main div #office,
#products #main #contents .contents_main div #home {
	margin:0 0 50px 0;
}

#products #main #contents .contents_main div div.detail {
	width: 302px;
	padding:8px 4px 4px 4px;
	margin:0;
}
#products #main #contents #productsTtlArea {
	margin:0; padding:0; float:none; clear:both; width:1000px; margin-bottom:10px;
}
* html #products #main #contents #productsTtlArea {
	margin:0; padding:0; float:none; clear:both; width:100%; margin-bottom:10px;
}


#products #main #contents #productsTtlArea .ttl {
	float:left;
}
#products #main #contents #productsTtlArea .btn {
	float:right;
}

#products #main #contents .contents_main div h2 {
	margin-bottom:7px;
}
#products #main #contents .contents_main div h3 {
	text-align:center;
	margin-bottom:6px;
}
#products #main #contents .contents_main #social .detail {
	background-color:#FBE8F1;
}
#products #main #contents .contents_main #business .detail {
	background-color:#E5F5FB;
}
#products #main #contents .contents_main #life .detail {
	background-color:#FFF1E5;
}

#products #main #contents .contents_main #social .detailHead {
	width:310px;
	height:2px;
	background:url(../products/img/img_socialHead.gif) no-repeat left top;
	margin:0;
}
#products #main #contents .contents_main #social .detailFoot {
	width:310px;
	height:2px;
	background:url(../products/img/img_socialFoot.gif) no-repeat left top;
	margin:0;
}
#products #main #contents .contents_main #business .detailHead {
	width:310px;
	height:2px;
	background:url(../products/img/img_businessHead.gif) no-repeat left top;
	margin:0;
}
#products #main #contents .contents_main #business .detailFoot {
	width:310px;
	height:2px;
	background:url(../products/img/img_businessFoot.gif) no-repeat left top;
	margin:0;
}
#products #main #contents .contents_main #life .detailHead {
	width:310px;
	height:2px;
	background:url(../products/img/img_lifeHead.gif) no-repeat left top;
	margin:0;
}
#products #main #contents .contents_main #life .detailFoot {
	width:310px;
	height:2px;
	background:url(../products/img/img_lifeFoot.gif) no-repeat left top;
	margin:0;
}

#products #productsMap {
	position:relative;
	width:976px;
	_width:972px;
	/*height:536px;*/
	/*background-color:#FFFFFF;*/
	margin-left:2px;
}

#products #productsMap #pageTitle {
	position:relative;
	padding-top:20px;
	width:976px;
	/*padding-right:30px;*/
	z-index:1;
 /*width:1000px;*/
}

#products #productsMap #pageTitle .ttl {
	float:left;
}
#products #productsMap #pageTitle .btn {
	/*position:absolute;
	width:600px;
	height:36px;*/
	padding:0 0 0 698px;
}



#products #productsMap #categorySelect {
/*
	position:absolute;
	bottom:0;
	left:0;
*/
	position:relative;
	padding-top:497px;
	z-index:1;
}
#products #productsMap #map{
	position:absolute;
	top:0;
	left:0;
	width:976px;
	height:603px;
	overflow:hidden;
}
#products #productsMap #map #arrow_left {
	position:absolute;
	top:320px;
	left:5px;
	cursor: pointer;
	z-index:100;
	display:inline;
}

#products #productsMap #map #arrow_right {
	position:absolute;
	top:320px;
	left:920px;
	cursor: pointer;
	z-index:100;
	display:inline;
}

#products #productsMap #map div{
	position:absolute;
	top:0;
	left:-533px;
	width:2502px;
	height:603px;
}
#products #productsMap #map div#bgMap{
	position:absolute;
	top:0;
	left:0;
	/*z-index:10;*/
}
#products #productsMap #mapSocial01{
	position:absolute;
	top:0;
	left:0;
	z-index:200;
	display:none;
}
#products #productsMap #mapSocial01 .map_space_03{
	position:absolute;
	top:137px;
	left:213px;
}
#products #productsMap #mapSocial01 .map_space_04{
	position:absolute;
	top:137px;
	left:14px;
}
#products #productsMap #mapSocial01 .map_energy_02{
	position:absolute;
	top:243px;
	left:213px;
}
#products #productsMap #mapSocial01 .map_energy_06{
	position:absolute;
	top:370px;
	left:53px;
}
#products #productsMap #mapSocial01 .map_energy_07{
	position:absolute;
	top:243px;
	left:53px;
}
#products #productsMap #mapSocial01 .map_energy_08{
	position:absolute;
	top:105px;
	left:413px;
}

#products #productsMap #mapSocial02{
	position:absolute;
	top:0;
	left:0;
	z-index:200;
	display:none;
}
#products #productsMap #mapSocial02 .map_space_01{
	position:absolute;
	top:95px;
	left:829px;
}
#products #productsMap #mapSocial02 .map_space_02{
	position:absolute;
	top:155px;
	left:759px;
}
#products #productsMap #mapSocial02 .map_energy_03{
	position:absolute;
	top:95px;
	left:199px;
}
#products #productsMap #mapSocial02 .map_energy_04{
	position:absolute;
	top:155px;
	left:411px;
}
#products #productsMap #mapSocial02 .map_energy_05{
	position:absolute;
	top:95px;
	left:620px;
}
#products #productsMap #mapSocial02 .map_energy_09_1{
	position:absolute;
	top:155px;
	left:341px;
}
#products #productsMap #mapSocial02 .map_energy_09_2{
	position:absolute;
	top:155px;
	left:602px;
}


#products #productsMap #mapSocial02 .map_trance_05{
	position:absolute;
	top:95px;
	left:340px;
}

#products #productsMap #mapSocial02 .map_trance_06{
	position:absolute;
	top:95px;
	left:461px;
}

#products #productsMap #mapSocial02 .map_trance_07{
	position:absolute;
	top:155px;
	left:200px;
}

#products #productsMap #mapSocial03{
	position:absolute;
	top:0;
	left:0;
	z-index:200;
	display:none;
}
#products #productsMap #mapSocial03 .map_energy_01{
	position:absolute;
	top:455px;
	left:137px;
}
#products #productsMap #mapSocial03 .map_energy_04_2{
	position:absolute;
	top:302px;
	left:52px;
}
#products #productsMap #mapSocial03 .map_energy_04_3{
	position:absolute;
	top:411px;
	left:414px;
}
#products #productsMap #mapSocial03 .map_trance_01{
	position:absolute;
	top:204px;
	left:102px;
}
#products #productsMap #mapSocial03 .map_trance_02{
	position:absolute;
	top:204px;
	left:217px;
}

#products #productsMap #mapSocial03 .map_trance_03{
	position:absolute;
	top:302px;
	left:332px;
}

#products #productsMap #mapSocial03 .map_trance_04{
	position:absolute;
	top:302px;
	left:175px;
}





#products #productsMap #mapBusiness{
	position:absolute;
	top:0;
	left:0;
	z-index:200;
	display:inline;
}
#products #productsMap #mapBusiness .map_office_01{
	position:absolute;
	top:225px;
	left:127px;
}
#products #productsMap #mapBusiness .map_office_02{
	position:absolute;
	top:405px;
	left:248px;
}
#products #productsMap #mapBusiness .map_office_03{
	position:absolute;
	top:312px;
	left:358px;
}
#products #productsMap #mapBusiness .map_office_04{
	position:absolute;
	top:406px;
	left:418px;
}
#products #productsMap #mapBusiness .map_office_05{
	position:absolute;
	top:270px;
	left:275px;
}
#products #productsMap #mapBusiness .map_office_06{
	position:absolute;
	top:455px;
	left:388px;
}
#products #productsMap #mapBusiness .map_office_07{
	position:absolute;
	top:544px;
	left:131px;
}
#products #productsMap #mapBusiness .map_office_08{
	position:absolute;
	top:311px;
	left:64px;
}
#products #productsMap #mapBusiness .map_office_09{
	position:absolute;
	top:498px;
	left:7px;
}
#products #productsMap #mapBusiness .map_office_10{
	position:absolute;
	top:363px;
	left:156px;
}
#products #productsMap #mapBusiness .map_office_11{
	position:absolute;
	top:455px;
	left:192px;
}
#products #productsMap #mapBusiness .map_office_12{
	position:absolute;
	top:455px;
	left:543px;
}
#products #productsMap #mapBusiness .map_plant_01{
	position:absolute;
	top:266px;
	left:831px;
}
#products #productsMap #mapBusiness .map_plant_02{
	position:absolute;
	top:401px;
	left:738px;
}
#products #productsMap #mapBusiness .map_plant_03{
	position:absolute;
	top:401px;
	left:861px;
}
#products #productsMap #mapBusiness .map_plant_04{
	position:absolute;
	top:313px;
	left:573px;
}
#products #productsMap #mapBusiness .map_plant_05{
	position:absolute;
	top:266px;
	left:678px;
}
#products #productsMap #mapBusiness .map_plant_06{
	position:absolute;
	top:219px;
	left:743px;
}

#products #productsMap #mapHome{
	position:absolute;
	top:0;
	left:0;
	z-index:200;
	display:none;
}
#products #productsMap #mapHome .map_home_01{
	position:absolute;
	top:172px;
	left:28px;
}
#products #productsMap #mapHome .map_home_02{
	position:absolute;
	top:161px;
	left:228px;
}
#products #productsMap #mapHome .map_home_03{
	position:absolute;
	top:500px;
	left:586px;
}
#products #productsMap #mapHome .map_home_04{
	position:absolute;
	top:500px;
	left:502px;
}
#products #productsMap #mapHome .map_home_05{
	position:absolute;
	top:500px;
	left:672px;
}
#products #productsMap #mapHome .map_home_06{
	position:absolute;
	top:354px;
	left:565px;
}
#products #productsMap #mapHome .map_home_07{
	position:absolute;
	top:419px;
	left:503px;
}
#products #productsMap #mapHome .map_home_08{
	position:absolute;
	top:466px;
	left:327px;
}
#products #productsMap #mapHome .map_home_09{
	position:absolute;
	top:419px;
	left:327px;
}
#products #productsMap #mapHome .map_home_10{
	position:absolute;
	top:358px;
	left:704px;
}
#products #productsMap #mapHome .map_home_11{
	position:absolute;
	top:164px;
	left:645px;
}
#products #productsMap #mapHome .map_home_12{
	position:absolute;
	top:418px;
	left:766px;
}

#products #productsMap #categorySelect img{
	vertical-align:bottom;
}
#products #productsMap #categorySelect ul#radio {
	position:absolute;
	top:520px;
	left:360px;
	z-index:400;
}
#products #productsMap #categorySelect ul#txt02 {
	margin-top:0;
	padding-left:24px;
	_padding-left:20px;
	border-left:solid 2px #009414;
	border-right:solid 2px #009414;
	padding-bottom:10px;
}

#products #productsMap #categorySelect li{
	float:left;
}
#products #productsMap #categorySelect #radio li img {
	cursor: pointer;
}
#products #productsMap #categorySelect ul#txt02 li {
	margin-right:17px;
}
#products #productsMap #categorySelect ul#txt02 li.end {
	margin-right:12px;
}

/* topics -------- */
/* 101110 */
#topics #main #contents h2{
	margin: 0 0 21px 0;
	padding: 22px 0 16px;
	color: #009414;
	text-align: center;
	border-bottom: 1px solid #E6E6E6;
}
#topics #main #contents .detail_area {
	width: 830px;	margin: 25px auto; }

#topics #main #contents .detail_area li {
	float:left;
	width: 830px;
	position:relative;
	margin-bottom:15px;

}

#topics #main #contents .detail_area li.odd-row .leftbox,
#topics #main #contents .detail_area li.odd-row .rightbox {
	background-color:#EBF5EB;
}
#topics #main #contents .detail_area li .leftbox {
	position:relative;
	float:left;
	width: 390px;
	padding:5px;
}
#topics #main #contents .detail_area li .rightbox {
	position:relative;
	float:right;
	width: 390px;
	padding:5px;
}
#topics #main #contents .detail_area li dt {
	float: right;
}

#topics #main #contents .detail_area li dt img {
	width: 110px;
	height:77px;
}
#topics #main #contents .detail_area li dd {
	position:relative;
	width:266px;
	font-size:12px;
	height:77px;
	line-height:1.5;
}
#topics #main #contents .detail_area li p {
	position:relative;
	width:376px;
	font-size:12px;
	height:77px;
	line-height:1.5;
}

#topics #main #contents .detail_area li p {
	margin-bottom:5px;
	height:auto;
}

#topics #main #contents .detail_area li .day {
	font-size:11px;
	color:#009414;
	font-weight:bold;
	margin-bottom:3px;
	line-height:1.8;
}
#topics #main #contents .detail_area li p.day {
	margin-bottom:0;
	line-height:1.8;
}

#topics #main #contents .detail_area li .title {
	font-size:13px;
	color:#009414;
	font-weight:bold;
	margin-bottom:3px;
	line-height:1.8;
}
#topics #main #contents .detail_area li p.title {
	line-height:1.6;
}
#topics #main #contents .detail_area li p.text {
	line-height:1.3;
}

#topics #main #contents .detail_area li .pdf {
	position:absolute;
	top:5px;
	left:78px;
}
/*
#topics #main #contents .detail_area li .noimage .pdf {
	position:absolute;
	top:5px;
	left:80px;
}
*/
#topics #main #contents .detail_area li .blank {
	position:absolute;
	top:10px;
	left:90px;
}

#topics #main #contents .detail_area li a:link,
#topics #main #contents .detail_area li a:visited {
	color:#333333;
}
#topics #main #contents .detail_area li a:hover {
	color:#009414;
}
#topics #main #contents .detail_area li.odd-row {
	background:url(../topics/img/bg_odd-row.gif) repeat-y left top;
}

/* eco-pro -------- */
#eco_pro  #main #contents {
	/*padding-top: 38px;*/
	color: #FFFFFF;
}
#eco_pro  #main #contents div.ecopro_area {
	width: 900px;
	margin: 0 auto 13px;
	padding: 35px 0 21px 0;
	background: #2AA40D url(../eco-pro/2010/img/bg_ecopro.jpg) no-repeat top left;
	border-left: 1px solid #9CD794;
	position: relative;
}
#eco_pro  #main #contents div.ecopro_area h2 {
	margin: 0 0 15px 37px;
}
#eco_pro  #main #contents div.ecopro_area h3 {
	width: 837px;
	padding: 0 0 7px 3px;
	margin: 0 0 0 30px;
	border-bottom: 4px solid #FFFFFF;
}
#eco_pro  #main #contents div.ecopro_area .logo {
	top: 17px;
	right: 16px;
	position: absolute;
}
#eco_pro  #main #contents div.ecopro_area .free {
	top: 62px;
	right: 21px;
	position: absolute;
}
#eco_pro  #main #contents div.ecopro_area p {
	width: 400px;
	margin: 0 0 0 35px;
	line-height: 1.8em;
	font-weight: bold;
	font-size: 107%;
}
#eco_pro  #main #contents div.ecopro_area p.date {
	margin: 32px 0 5px 35px;
}
#eco_pro  #main #contents div.ecopro_area p.btn_booth {
	margin: 5px 0 16px 26px;
}
#eco_pro  #main #contents div.ecopro_area div.exhibition_area {
	width: 830px;
	margin: 16px auto 20px;
}
#eco_pro  #main #contents div.ecopro_area div.exhibition_area li {
	margin: 0 0 16px 0;
	float: left;
}
#eco_pro  #main #contents div.ecopro_area div.exhibition_area li.odd {
	margin: 0 18px 16px 0;
	clear: both;
}
#eco_pro  #main #contents div.ecopro_area div.exhibition_area li img {
	vertical-align: baseline;
}
#eco_pro  #main #contents div.ecopro_area div.overview_area {
	width: 860px;
	margin: 0 auto;
	padding-top: 4px;
	background: #F2FFF0 url(../eco-pro/2010/img/bg_overview_top.gif) no-repeat top left;
}
#eco_pro  #main #contents div.ecopro_area div.overview_area h3 {
	width: 828px;
	margin: 0 0 15px 16px;
	padding: 14px 0 7px 0;
	border-bottom: 4px solid #33A943;
}
#eco_pro  #main #contents div.ecopro_area div.overview_area div.overview_main {
	line-height:1.5;
	padding: 0 16px 15px 16px;
	background: #F2FFF0 url(../eco-pro/2010/img/bg_overview_bottom.gif) no-repeat bottom left;
}
#eco_pro  #main #contents div.ecopro_area div.overview_area div.overview_main table{
	width:825px;
}
#eco_pro  #main #contents div.ecopro_area div.overview_area div.overview_main td{
	vertical-align:top;
}
#eco_pro  #main #contents div.ecopro_area div.overview_area div.overview_main dl{
	margin-bottom:15px;
	border-bottom: 1px solid #4DB45B;
}
#eco_pro  #main #contents div.ecopro_area div.overview_area div.overview_main dl.end{
	border: none;
	margin-bottom:0;

}

#eco_pro  #main #contents div.ecopro_area div.overview_area div.overview_main .leftbox{
	/*float:left;*/
	width:426px;
	padding-left:6px;
	border-bottom: 1px solid #4DB45B;
	font-size: 130.0%;
}
#eco_pro  #main #contents div.ecopro_area div.overview_area div.overview_main .rightbox{
	/*float:right;*/
	width:363px;
	margin-right:16px;
	border-bottom: 1px solid #4DB45B;
	font-size: 130.0%;
}

#eco_pro  #main #contents div.ecopro_area div.overview_area div.overview_main .leftbox dl{
	width:426px;
	font-size: 88%;
	font-weight: bold;
}
#eco_pro  #main #contents div.ecopro_area div.overview_area div.overview_main .rightbox dl{
	width:363px;
	font-size: 88%;
	font-weight: bold;
}

#eco_pro  #main #contents div.ecopro_area div.overview_area .leftbox dt {
	width: 80px;
	margin-right: 2px;
	float: left;
	color: #009414;
}
#eco_pro  #main #contents div.ecopro_area div.overview_area .rightbox dt {
	width: 90px;
	margin-right: 2px;
	float: left;
	color: #009414;
}

#eco_pro  #main #contents div.ecopro_area div.overview_area .leftbox dd {
	width: 337px;
	padding: 0 0 7px 0;
	color: #4C4C4C;
	position: relative;
	margin-left:85px;
	line-height:1.5;
}

#eco_pro  #main #contents div.ecopro_area div.overview_area .rightbox dd {
	width: 260px;
	padding: 0 0 7px 0;
	color: #4C4C4C;
	position: relative;
	margin-left:95px;
	line-height:1.5;
}
#eco_pro  #main #contents div.ecopro_area div.overview_area .rightbox dd div {
	margin:0 0 15px 0;

}

/*
#eco_pro  #main #contents div.ecopro_area div.overview_area dl.left dd {
	width: 351px;
}
#eco_pro  #main #contents div.ecopro_area div.overview_area dl.bottom dd {
	height: 60px;
}
*/
#eco_pro  #main #contents div.ecopro_area div.overview_area dd .map {
	bottom: 7px;
	right: 3px;
	position: absolute;
}
#eco_pro  #main #contents div.ecopro_area div.overview_area dd a {
	font-size: 75%;
}
#eco_pro  #main #contents div.ecopro_area div.overview_area dd a:link,
#eco_pro  #main #contents div.ecopro_area div.overview_area dd a:visited { color: #009414; text-decoration: underline; }

#eco_pro  #main #contents div.ecopro_area div.overview_area dd a:hover { color: #27AE39; }


#eco_pro  #main #contents .detail_area{
	padding-bottom: 25px;
	background: #FFFFFF url("../tvcm/img/bg_contents_bottom.gif") no-repeat left bottom; /* �y�[�W�g�b�v�ɖ߂��{�^���������������R�����g�� */
}



/* tvcm -------- */
#tabNavi {
	width:976px;
	margin:0 auto;
	padding-top:33px;
	border-bottom:solid 4px #007237;
	background-color:#F2F0E8;
}
#tabNavi ul {
	height:41px;
	margin-left: 28px;
}

#tabNavi li {
	float:left;
	height:41px;
	margin:0;
	padding:0;
	margin-right:10px;
}
#tabNavi li img{
	vertical-align:bottom;
}

#tvcm .section {
	margin-bottom:25px;
}

#tvcm #main #contents h2 {
	width: 885px;
	margin: 0 auto 7px;
	padding: 34px 0 9px;
	text-align: center;
	border-bottom: 1px solid #009414;
}
#tvcm.paper #main #contents h2 {
	margin: 0 auto 45px;
}

/* tvcm���������畜��
#tvcm #main #contents h2 {
	width: auto;
	margin: 0;
	padding: 22px 0 20px;
	text-align: center;
	border-bottom: 1px solid #E6E6E6;
}
*/
#tvcm #main #contents h3 {
	width: 776px;
	margin: 40px auto 0;
	padding: 0 0 9px 0;
	color: #009414;
	text-align: center;
	border-bottom: 4px solid #009414;
}

/* detail_area(�ڍו���) -------- */

#tvcm #main #contents .detail_area {
/*	margin-bottom: 40px;  �y�[�W�g�b�v�ɖ߂��{�^�������������畜�� */
/* 	padding-bottom: 65px; �y�[�W�g�b�v�ɖ߂��{�^���������������R�����g�� */
	padding: 0 20px 20px 0; /* �y�[�W�g�b�v�ɖ߂��{�^���������������R�����g�� */

	background: #FFFFFF url("../tvcm/img/bg_contents_bottom.gif") no-repeat left bottom; /* �y�[�W�g�b�v�ɖ߂��{�^���������������R�����g�� */
}
#tvcm #main #contents .detail_area.fast {
	margin: 7px auto 0;
}
#tvcm #main #contents .detail_area ul {
	width: 776px;
	margin: 0 auto;
}
/*
#tvcm.paper #main #contents .detail_area ul {
	width: 880px;
	margin: 0 auto;
}
*/
#tvcm #main #contents .detail_area li {
	width: 351px;
	margin: 0;
	padding: 12px 10px 17px 12px;
	float: left;
	position: relative;
	box-sizing: content-box;
}

#tvcm.paper #main #contents .detail_area li {
	width: 365px;
	margin: 0;
	/*padding: 12px 10px 17px 12px;*/
	float: left;
	position: relative;
}


/*IE�Ή����ĂȂ�
#tvcm #main #contents .detail_area li:nth-child(4n-1),
#tvcm #main #contents .detail_area li:nth-child(4n) {
	background-color: #EBF5EB;
}
#tvcm #main #contents .detail_area li:nth-child(2n+1) {
	clear: both;
}
*/
#tvcm #main #contents .detail_area li.bg_collar {
	background-color: #EBF5EB;
}
#tvcm #main #contents .detail_area li.odd {
	clear: both;
	margin-right: 29px;
}
#tvcm #main #contents .detail_area .image {
	margin: 0;
	float: left;
}
#tvcm #main #contents .detail_area .detail {
	width: 166px;
	margin: 0 0 0 21px;
	padding: 3px 0 23px 0;
	float: left;
}

#tvcm #main #contents .detail_area .detail h3,
#tvcm #main #contents .detail_area .detail h4 {
	margin: 0;
	padding: 0;
	width: auto;
/*	font-size: 80%;	*/
	font-size: 106.7%;
	color: #007237;
	border: none;
	text-align: left;
	font-weight: bold;
	line-height: 1.2em;
}
#tvcm #main #contents .detail_area .detail p {
	padding-top: 4px;
/*	font-size: 75%;	*/
}
#tvcm #main #contents .detail_area .detail .btn {
	position: absolute;
/*	top: 58px;*/
	bottom: 18px;
	left: 211px;
}
#tvcm #main #contents .detail_area .detail .btn img {
	vertical-align: baseline;
}

/*
#tvcm.paper #main #contents .detail_area .image {border:solid 1px #f00;
	margin: 0;
	float: left;
}
*/
#tvcm #main #contents .detail_area ul {
	width: 800px;
	margin: 0 auto;
}

#tvcm.paper #main #contents .detail_area li {
	width: 400px;
}

#tvcm.paper #main #contents .detail_area .detail {
	width: 400px;
	/*margin-left: 200px;*/
	padding: 3px 0 23px 0;
	/*float: right;*/
	height: 172px;
	box-sizing: content-box;
}

#tvcm.paper #main #contents .detail_area .detail h3 {
	margin-bottom:13px;
}

#tvcm.paper #main #contents .detail_area .detail table {
	width:400px;
	margin-right:15px;
	_margin-right:0;
}

#tvcm.paper #main #contents .detail_area .detail.col {
	padding-top:25px;
}

#tvcm.paper #main #contents .detail_area .detail th {
	width:172px;
	text-align:center;
}
#tvcm.paper #main #contents .detail_area .detail.col th,
#tvcm.paper #main #contents .detail_area .detail.col2 th {
	padding-right:20px;
}

#tvcm.paper #main #contents .detail_area .detail td {
	width:207px;
	height:122px;
	vertical-align:bottom;
}
#tvcm.paper #main #contents .detail_area .detail .row {
	padding-bottom:25px;
}
#tvcm.paper #main #contents .detail_area .detail.col2 td {
	padding-bottom:25px;
}

#tvcm .bnrArea {
	padding-top:10px;
}


/* �����N�J���[�ݒ� -------- */
#main .top_area .slides p a:link { color: #007237; }
#main .top_area .slides p a:visited { color: #007237; }
#main .top_area .slides p a:hover { color: #28AE3A; }
#main .top_area .slides p a:active { color: #28AE3A; }

#main #contents .topics_area p a:link,
#main #contents .link_area a:link,
#main #contents .site_area .site_main dl dt a:link,
#topics #main #contents .detail_area .detail p.day a:link { color: #009414; text-decoration: none; }
#main #contents .topics_area p a:visited,
#main #contents .link_area a:visited,
#main #contents .site_area .site_main dl dt a:visited,
#topics #main #contents .detail_area .detail p.day a:visited { color: #009414; text-decoration: none; }
#main #contents .topics_area p a:hover { text-decoration:underline; }
#main #contents .link_area a:hover,
#main #contents .site_area .site_main dl dt a:hover,
#topics #main #contents .detail_area .detail p a:hover,
#topics #main #contents .detail_area .detail p.day a:hover { color: #28AE3A; text-decoration: none; }
#main #contents .topics_area p a:active,
#main #contents .link_area a:active,
#main #contents .site_area .site_main dl dt a:active,
#topics #main #contents .detail_area .detail p a:active,
#topics #main #contents .detail_area .detail p.day a:active { color: #28AE3A; text-decoration: none; }

#main #contents .pagenavi_area a:link { color: #009414; }
#main #contents .pagenavi_area a:visited { color: #009414; }
#main #contents .pagenavi_area a:hover { color: #B3B3B3; }
#main #contents .pagenavi_area a:active { color: #B3B3B3; }





/* detail_area(�ڍו���) -------- */

#me_eco_changes_top #main #contents .detail_area {
	padding-bottom: 5px;
	background: #FFFFFF url("../tvcm/img/bg_contents_bottom.gif") no-repeat left bottom; /* �y�[�W�g�b�v�ɖ߂��{�^���������������R�����g�� */
}

#about #main #contents .detail_area {
	padding-bottom: 5px;
	background: #FFFFFF url("../tvcm/img/bg_contents_bottom.gif") no-repeat left bottom; /* �y�[�W�g�b�v�ɖ߂��{�^���������������R�����g�� */
}

#topics #main #contents .detail_area_boxbottom {
	padding-bottom: 5px;
	background: #FFFFFF url("../tvcm/img/bg_contents_bottom.gif") no-repeat left bottom; /* �y�[�W�g�b�v�ɖ߂��{�^���������������R�����g�� */
}

#products #main #contents .detail_area {
	padding-bottom: 5px;
	background: #FFFFFF url("../tvcm/img/bg_contents_bottom.gif") no-repeat left bottom; /* �y�[�W�g�b�v�ɖ߂��{�^���������������R�����g�� */
}

#products.map #main #contents .detail_area {
	padding-bottom: 5px;
	background: url("../img/bg_contents_bottom02.gif") no-repeat bottom left;
	/*height:700px;*/
}

#ud_eco_flash #main #contents .detail_area {
	padding: 0;
	background: #FFFFFF url("../tvcm/img/bg_contents_bottom.gif") no-repeat left bottom;
}


/* special -------- */
#special_area { margin:0;
	padding-right:98px;
	padding-left:98px;
 }

#special_area .detail_area {
	padding-bottom: 5px;
	background: #FFFFFF url(../img/bg_contents_bottom02.gif) no-repeat bottom left;
	/*background: #FFFFFF url("../tvcm/img/bg_contents_bottom.gif") no-repeat scroll left bottom #FFFFFF;*/
}

#special_area .txtArea01 { margin:0; color:#009414; line-height:160%; }

#special_area .boxInner { margin:10px; }
#special_area .boxInner .btnArea { text-align:right; float:none; clear:both;}



#special_area .box01 { margin:0 22px 0 0; padding:0; width:240px; float:left; background:url(../special/img/idx_img03_bg.gif) repeat-y top ; border:2px solid #e89400; }
#special_area .box01 p { /*color:#e89400; font-size:12px; height:140px;*/ text-indent:-9999px; }
#special_area .box01 img { margin:0; padding:0; float:none; clear:both; border:none; }

#special_area .box02 {
	margin: 0 0 0 0;
	padding: 0;
	width: 240px;
	float: left;
	background: url(../special/img/idx_img05_bg.gif) repeat-y top;
	border: 2px solid #08a6c3;
}
#special_area .box02 p { /*color:#42bbd0; font-size:12px; height:140px;*/ text-indent:-9999px; }
#special_area .box02 img { margin:0; padding:0; float:none; clear:both; border:none; }

#special_area .box03 {
	margin: 0 22px 0 0;
	padding: 0;
	width: 240px;
	float: left;
	background: url(../special/img/idx_img07_bg.gif) repeat-y top;
	border: 2px solid #ff686e;
}
#special_area .box03 p { /*color:#ff686e; font-size:12px; height:140px;*/ text-indent:-9999px; }
#special_area .box03 img { margin:0; padding:0; float:none; clear:both; border:none; }


#special_area .box04 { margin:0 22px 0 0; padding:0; width:373px; float:left; border:2px solid #009414; }
#special_area .box04 h4 { float:none; clear:both; }
#special_area .box04 h5 { float:none; clear:both; }
#special_area .box04 .imgArea { float:left; border:none; text-align:left; width:120px;  }
#special_area .box04 .txtArea { float:right; text-align:left; color:#009414; width:220px; height:110px; font-size:12px; }

#special_area .box05 { margin:0; padding:0; width:373px; float:left; border:2px solid #009414; }
#special_area .box05 h4 { float:none; clear:both; }
#special_area .box05 h5 { float:none; clear:both; }
#special_area .box05 .imgArea { float:left; border:none; text-align:left; width:120px;  }
#special_area .box05 .txtArea { float:right; text-align:left; color:#009414; width:220px; height:110px; font-size:12px; }


/* ud_eco_flash -------- */

#ud_eco_flash #main {
}

#ud_eco_flash #main .top_btn_area {
	background: #F2F0E8 url(/me/eco_changes/about/img/bg_contents_top.gif) no-repeat bottom left;
}

#ud_eco_flash #main #contents {
	margin: 0 auto;
	/*padding-top: 86px;*/
}

#ud_eco_flash #main #contents {
	margin: 0 auto;
	/*padding-top: 86px;*/
}



/* ----------------------- */


#game_content .end {
	margin: 0 auto;
	padding:0;
	background: url(/me/eco_changes/game/images/end_ud_eco_flash.png) no-repeat;
	height:25px;
	width:850px;
}

#game_content .clr{
	clear:both;
}


#game_content {
	margin: 0 auto;
	width: 850px;
	padding-top: 15px;
}

#game_content #game_wrap {
	margin: 0 auto;
	width: 850px;
	padding: 0;
	text-align: left;
	background: url(/me/eco_changes/game/images/back_ud_eco_flash.png) repeat-y;
}

#game_content #game_wrap h2 {
	margin: 0;
	width: 850px;
	padding: 0;
	}


#game_content a:link {
	color: #68CD05;
}

#game_content a:hover {
	color:#68CD05;
}

#ud_eco_flash .game_main {
	margin: 0 auto;
	width: 770px;
	padding: 5px 0 0 0 ;
}

#ud_eco_flash #game_flash {
	margin: 0 auto;
	width: 830px;
	padding: 0 ;
}

.game1 {
	margin: 0;
	padding: 0 ;
	float: left;
	width: 360px;
	text-align:center;
}

.game2 {
	float: right;
	margin: 0;
	padding: 0;
	width: 360px;
}

.game3 {
	margin: 0 auto;
	padding: 20px 0 0 0 ;
	width: 360px;
	text-align:center;
}

.game_img {
	margin: 0;
	padding: 0;
	width: 360px;
}

.game_btn {
	text-align:center;
	margin:0;
	padding:5px 0 0 0;
}
.game_btn p {
	margin:0;
	padding:5px 0 0 0;
}



/* start: clearfix ------------------------------ */


#game1:after {
wrap:".";
display:block;
height:0px;
clear:both;
visibility:hidden;
}

#game1 { display:inline-table; }

/* Hides from Mac IE \*/
* html #game1 { height:1px; }
#game1 { display:block; }
/* */
/* end: clearfix ------------------------------ */
/* start: clearfix ------------------------------ */
#game2:after {
wrap:".";
display:block;
height:0px;
clear:both;
visibility:hidden;
}

#game2 { display:inline-table; }

/* Hides from Mac IE \*/
* html #game2 { height:1px; }
#game2 { display:block; }


/* ----------------------- */



/* clearfix -------- */
.group:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
.group { display:inline-block; }
/* \*/
* html .group { height:1%; }
.group { display:block; }


/* margin -------- */
.mt20 { padding-bottom:20px 0 0 0;}
.mb50 { padding-bottom:0 0 50px 0;}
.mb20 { padding-bottom:0 0 20px 0;}
.ml20 { padding-left:0 0 0 20px;}
.mr20 { padding-left:0 20px 0 0;}
