@charset "utf-8";

/* index.css */


/* Layout
-------------------------------------------------- */

#indexImage {
	margin: 10px 0 16px 0;
	background-image:url(../../images/index/img_index.jpg);
	background-repeat:no-repeat;
	width:774px;
	height:223px;
}

#contentMain {
	width: 774px;
	overflow: hidden;
}

#contentLeft {
	float: left;
	padding-bottom: 5px;
	width: 570px;
}

#contentRight {
	float: right;
	padding: 0px 0 5px 0;
	width: 200px;
}

ul.backNo {
	clear: both;
	position: absolute;
	bottom: 11px;
	left: 16px;
	width: 534px;
	overflow: hidden;
	font-size: 12px;
}

ul.backNo li {
	float: left;
	margin: 0 14px 0 0;
}

.arrow a {
	padding: 2px 0 0 14px;
	background: url(/common/images/arrow02.gif) no-repeat left 4px;
}

.arrow a:visited {
	color: #646464;
	text-decoration: none;
}

.arrow a:hover {
	color: #8cdc00;
	text-decoration: none;
}

.arrow a:active {
	color: #8cdc00;
	text-decoration: none;
}

/* collabo
-------------------------------------------------- */

#contentCollabo {
	width: 550px;
	background: url(/images/index/event_bg.gif) repeat-y;
}

#contentCollaboBottom {
	width: 550px;
}

.collaboInner {
	padding:8px 2px 0 16px;
	margin:0;
	width: 250px;
	float:left;
}

.collaboBox {
	font-size:12px;
	line-height:18px;
	background: url(/images/index/innar_bg.gif) repeat-y;
	padding: 5px 14px 0px 14px;
}

.center {
	padding-top:3px;
	margin:2px auto 2px auto;
	text-align:center;
}

.Powered {
	font-size:10px;
	text-align:right;
	line-height:10px;
	padding: 4px 0px 0px 0px;
}

/* Interview
-------------------------------------------------- */

#contentInterview {
	width: 550px;
	margin-bottom: 16px;
	background: url(/images/index/event_bg.gif) repeat-y;
}

#contentInterviewBottom {
	width: 550px;
	height: 194px;
	position: relative;
	background: url(/images/index/event_bottom_bg.gif) no-repeat left bottom;
}

#interviewLeft {
	width: 405px;
}

#contentInterviewBottom .newIcon {
	position: absolute;
	top: 3px;
	right: 12px;
	z-index: 100;
}

#interviewLeft h3 {
	position: absolute;
	top: 0px;
	left: 0px;
}

#interviewLeft #interviewText {
	position: absolute;
	top: 51px;
	left: 16px;
	width: 375px;
	text-align: left;
	line-height: 18px;
}

#interviewLeft #interviewer {
	position: absolute;
	top: 113px;
	left: 12px;
}

#interviewLeft #btnInterview {
	position: absolute;
	top: 128px;
	left: 208px;
}

#interviewRight {
	position: absolute;
	z-index: 10;
	top: 44px;
	left: 406px;
	width: 144px;
}

/* TokyoLohas, GreenerCompany
-------------------------------------------------- */

#contentLifeBottom {
	padding-top: 5px;
	width: 550px;
	text-align: left;
	position: relative;
	padding-bottom: 49px;
	background: url(/images/index/greenercompany_bottom_bg.gif) no-repeat left bottom;
}

.contentLifeText {
	float: left;
	width: 158px;
	padding: 0 0 0 16px;
	line-height: 18px;
}

/* TokyoLohas
-------------------------------------------------- */

#contentTokyoLohas {
	position: relative;
	float: left;
	margin-bottom: 16px;
	width: 550px;
	overflow: hidden;
	background: url(/images/index/event_bg.gif) repeat-y;
}

#contentTokyoLohas .newIcon {
	position: absolute;
	top: 3px;
	left: 348px;
	z-index: 100;
}

#tokyolohasSubTitle {
	padding: 5px 0 8px 16px;
}

#tokyolohasTopBg {
	float: right;
	margin-left: 13px;
	padding-top: 6px;
	width: 363px;
	overflow: hidden;
	background: url(/images/index/tokyolohas_top_bg.gif) no-repeat top left;
}

#tokyolohasBottomBg {
	padding-bottom: 12px;
	margin: 0 0 3px 0;
	width: 363px;
	overflow: hidden;
	background: url(/images/index/tokyolohas_bottom_bg.gif) no-repeat bottom left;
}

#tokyolohasTitle {
	padding: 7px 0 0 0;
	color: #4ba014;
	line-height: 18px;
	font-weight: bold;
}

#tokyolohasRead {
	padding: 2px 0 0 0;
}

#tokyolohasViewer {
	text-align: right;
	padding: 0 26px 0 0;
	font-weight: bold;
}

#tokyolohasRight {
	float: right;
	width: 241px
}

#tokyolohasInterviewer {
	padding: 6px 12px 0 13px;
	width: 94px;
	float: left;
	line-height: 16px;
}

#tokyolohasImage {
	margin: 0 8px 0 0;
}

#tokyolohasImage a {
	display: block;
	border: #d2d2d2 1px solid;
}

#tokyolohasImage a:hover {
	border: #8cdc00 1px solid;
}

#tokyolohasImage img {
	vertical-align: bottom;
	border: #fff 1px solid;
}

#tokyolohasImage a:hover img {
	border: #8cdc00 1px solid;
}

#btnTokyolohas {
	float: right;
	margin-top: 8px;
	padding: 0 26px 0 0;
}

/* GreenerCompany
-------------------------------------------------- */

#contentGreenerCompany {
	float: left;
	margin-bottom: 16px;
	width: 550px;
	overflow: hidden;
	background: url(/images/index/event_bg.gif) repeat-y;
}

#contentGreenerCompanyBottom {
	width: 550px;
	position: relative;
	padding-bottom: 49px;
	background: url(/images/index/greenercompany_bottom_bg.gif) no-repeat left bottom;
}

#contentGreenerCompany h3 {
	position: relative;
}

#contentGreenerCompany .newIcon {
	position: absolute;
	top: 3px;
	left: 416px;
	z-index: 100;
}

#greenercompanyBg {
	width: 550px;
	height: 151px;
	overflow: hidden;
	background: url(/images/index/greenercompany_content_bg.gif) no-repeat;
}

#contentGreenerCompanyLeft {
	float: left;/*	width: 396px;*/
}

#contentGreenerCompanyText {
	padding: 0 20px 9px 16px;
	line-height: 18px;
}

#greenercompanyTitle {
	margin-left: 13px;
	padding: 5px 0 0 2px;
	height: 20px;
	color: #646464;
	font-weight: bold;
	line-height: 17px;
	background: url(/images/index/ttl_greenercompany_bg2.gif) no-repeat bottom left;
}

#greenercompanyText {
	padding: 10px 16px 0 16px;
	overflow: hidden;
	/*width: 364px;*/
	line-height: 18px;
}

#greenercompanyImage {
	float: left;
	margin-right: 10px;
	width: 94px;
	height: 94px;
	display: inline;
}

#greenercompanyImage a {
	display: block;
	border: #d2d2d2 1px solid;
}

#greenercompanyImage a:hover {
	border: #8cdc00 1px solid;
}

#greenercompanyImage img {
	vertical-align: bottom;
	border: #fff 1px solid;
}

#greenercompanyImage a:hover img {
	border: #8cdc00 1px solid;
}

#btnGreenercompany {
	text-align: right;
	display: block;
}

#contentGreenerCompanyRight {
	float: right;
	width: 154px;
	margin: 2px 0 0 0;
}

#ecobookBottom {
	background: url(../../images/index/ecobookBg_bottom.gif) no-repeat bottom left;
	width: 141px;
}

#ecobookTop {
	background: url(../../images/index/ecobookBg_top.gif) no-repeat top left;
	width: 141px;
}

#ecobookMain {
	text-align: center;
	width: 139px;
	border-left: 1px solid #d2d2d2;
	border-right: 1px solid #d2d2d2;
}

#ecobookMain img {
	margin: 10px 0 8px 0;
	border: 1px solid #e6e6e6;
}

#ecobookMain p {
	padding: 0 0 8px 0;
}

/* Event
-------------------------------------------------- */

#contentEvent {
	clear: both;
	width: 550px;
	margin: 0 0 14px;
	overflow: hidden;
	position: relative;
	background: url(/images/index/event_bg.gif) repeat-y;
}

#contentEvent .newIcon {
	position: absolute;
	top: 3px;
	left: 195px;
	z-index: 100;
}

#contentEvent .eventinfoList {
	position: absolute;
	top: 35px;
	left:455px;
	z-index: 100;
}

#eventBottomBg {
	padding-bottom: 3px;
	width: 550px;
	overflow: hidden;
	background:url(/images/index/event_bottom_bg.gif) no-repeat bottom left;
}

#eventLeft {
	float: left;
	width: 268px;
	padding-left: 13px;
}

#eventTitle {
	margin-top: 10px;
	padding: 0 0 4px 2px;
	line-height: 16px;
	font-size: 14px;
	font-weight: bold;
	background: url(/images/index/event_solidline.gif) no-repeat bottom left;
}

#eventText {
	width: 255px;
	font-size: 12px;
	line-height: 18px;
	padding: 11px 0 0 3px;
	overflow: hidden;
}

#eventText2 {
	font-size: 12px;
	float: left;
	line-height: 18px;
	width: 152px;
}

#eventImage {
	float: left;
	margin: -1px 9px 0 0;
	width: 94px;
	height: 94px;
}

#eventImage a {
	display: block;
	border: #d2d2d2 1px solid;
}

#eventImage a:hover {
	border: #8cdc00 1px solid;
}

#eventImage img {
	vertical-align: bottom;
	border: #fff 1px solid;
}

#eventImage a:hover img {
	border: #8cdc00 1px solid;
}

#btnEvent {
	float: right;
	margin: 2px 2px 0 0;
}

#eventRight {
	float: right;
	width: 269px;
}

#pickupEventTop {
	position: absolute;
	top: 4px;
	left: 282px;
}

#pickupEvent {
	float: right;
	margin-right: 8px;
	padding-bottom: 22px;
	width: 260px;
	display: inline;
	background: url(/images/index/event_right_bg2.gif) repeat-y bottom left;
}

#eventData {
	padding: 20px 20px 10px 16px;
}

dt.eventDate {
	margin-top: 6px;
	font-size: 10px;
	line-height: 14px;
}

dt.eventDate span {
	font-family: verdana;
	letter-spacing: -1px;
}

dd.eventName {
	font-size: 12px;
	line-height: 18px;
}

#event_backnum {
	clear: both;
	background: url(../../images/index/dotline.gif) no-repeat top;
	padding: 11px 0 8px 3px;
	margin-top: 8px;
	width: 255px;
}	

/* Project
-------------------------------------------------- */
#contentProject {
	clear: both;
	width: 550px;
	overflow: hidden;
	background: url(/images/index/project_bg.gif) repeat-y;
}

#contentProjectTitle {
	position: relative;
}

#contentProjectTitle #btnProjectDetail {
	position: absolute;
	top: 13px;
	right: 15px;
}

#projectBottomBg {
	padding-bottom: 10px;
	width: 550px;
	overflow: hidden;
	background: url(/images/index/project_bottom.gif) no-repeat bottom left;
}

#projectDisc {
	position: relative;
	margin: 16px 13px 0 16px;
	background: url(/images/index/bg_co2.gif) no-repeat top left;
}

#projectDisc img {
	padding: 4px 0 5px 0px;
}

#projectDisc p.disc {
	line-height: 18px;
	margin: 0 0 13px 0;
}

#projectDisc #co2 {
	position: absolute;
	top: 73px;
	left: 417px;
	color: #4ba014;
	font-size: 14px;
	font-weight: bold;
	font-family: verdana;
	width: 92px;
	text-align: center;
}

#projectMain {
	width: 519px;
	overflow: hidden;
	margin: 0 16px;
}

#projectLeft {
	float: left;
	width: 252px;
	margin: 4px 0 0 0;
}

#projectLeft p {
	padding: 9px 10px 8px 0;
}

textarea#writeDiary {
	border: 1px solid #b4b4b4;
	width: 243px;
	height: 143px;
}

textarea#writeDiary2 {
	border: 1px solid #b4b4b4;
	width: 243px;
	height: 51px;
}

#btnSendDiary {
	text-align: right;
	margin: 10px 0 0 0;
	width: 251px;
}

#btnSendDiary #back {
	margin: 0 15px 0 0;
}

#btnSendLogin {
	text-align: right;
	margin: 0;
	width: 251px;
}

.btnSendLogin2 {
	background: url(/images/index/project_border_dash.gif) repeat-x top left;
	margin-top:10px;
}

#projectRight {
	float: right;
	width: 250px;
	margin: 4px 1px 4px 0;
}

#diaryTop {
	padding-top: 5px;
	background: url(/images/index/project_diary_top.gif) no-repeat top left;
}

#diaryBg {
	background: url(/images/index/project_diary_bg.gif) repeat-y;
}

#diaryBottom {
	padding-bottom: 5px;
	background: url(/images/index/project_diary_bottom.gif) no-repeat bottom left;
}

#newDiaryTtl {
	margin: 0 12px;
	width: 226px;
	overflow: hidden;
	background: url(/images/index/newdiary_boder_solid.gif) no-repeat bottom left;
	height: 28px;
	padding: 4px 0 0 0;
}

#newDiaryTtl img {
	float: left;
}

#newDiaryTtl span {
	margin: 8px 5px 0 0;
	float: right;
}

#newDiaryTtl span.arrow a {
	padding: 1px 0 0 14px;
	background: url(/common/images/arrow02.gif) no-repeat left;
}

#projectBox01 {
	margin: -2px 0 15px 0;
}

#projectBox01 p {
	padding: 7px 10px 8px 0;
	line-height: 18px;
}

.projectCheck {
	font-size: 10px;
	line-height: 10px;
	display: block;
}

.qr {
	text-align: center;
}

#projectBox02 p {
	line-height: 18px;
}

#hideDiary {
	background: url(/images/mycontents/mypage/user_dashed.gif) no-repeat top left;
	margin: 15px 0 0 0;
	padding: 5px 0 0 0;
}

.arrow a:link {
	color: #646464;
	text-decoration: none;
}

.arrow a:visited {
	color: #646464;
	text-decoration: none;
}

.arrow a:hover {
	color: #8cdc00;
	text-decoration: none;
}

.arrow a:active {
	color: #8cdc00;
	text-decoration: none;
}

#rss {
	padding: 123px 12px 0 140px;
	float:left;
}

#list {
	padding: 123px 12px 0 667px;
}

ul#newDiary {
	padding: 0px 12px 0 8px;
}

ul#newDiary li {
	padding: 1px 0px 0px 17px;
	margin:0;
	line-height: 18px;
	font-size:12px;
	width:230px;
	float:left;
	position:relative;
}

ul#newDiary p {
	padding: 10px 4px 1px 8px;
	color:#FFFFFF;
}

ul#newDiary p.writeText {
}

.writerProfile {
	position: absolute;
	right:0px;
	top:48px;
	text-align: right;
	padding: 0 10px 0 0;
	color:#FFFFFF;
}

.writerProfile a:link {
	color:#FFFFFF;
	text-decoration: underline;
}

.writerProfile a:visited {
	color:#FFFFFF;
	text-decoration: underline;
}

.writerProfile a:hover {
	color:#FFFFFF;
	text-decoration: underline;
}

.writerProfile a:active {
	color:#FFFFFF;
	text-decoration: underline;
}

/* button
-------------------------------------------------- */

ul#indexBtnArea {
	clear: both;
	margin-top: 20px;
	width: 570px;
	overflow: hidden;
}

ul#indexBtnArea li {
	float: left;
	margin-right: 17px;
	display: inline;
}

/* right
-------------------------------------------------- */

.contentRightTop {
	padding-top: 5px;
	background: url(/images/index/right_top.gif) no-repeat top left;
}

.contentBg {
	background: url(/images/index/right_bg.gif) repeat-y;
}

.contentBottom {
	padding-bottom: 9px;
	margin-bottom:15px;
	width: 200px;
	overflow: hidden;
	background: url(/images/index/right_bottom.gif) no-repeat bottom left;
}

#InfoTitle {
	width: 200px;
	height:26px;
	background: url(/images/index/ttl_right_info.gif);
}

#InfoRss {
	padding:6px 0 0 170px;
}

.boxBg {
	background: url(/images/index/right_content_bg.gif) repeat-y;
}

.boxBg .boxBottom {
	padding: 0 5px 0px 5px;/*	background: url(/images/index/right_content_bottom.gif) no-repeat bottom left;*/
}

img.marginTop {
	margin-top: 9px;
}

.boxBg .boxBottom ul#pickup {
	margin: 0 auto -1px auto;
	width: 166px;
}

.boxBg .boxBottom ul#pickup li {
	margin-bottom: 6px;
	padding: 6px;
	width: 154px;
	height: 44px;
	overflow: hidden;
	background: url(/images/index/pickup_bg.gif) no-repeat;
}

.boxBg .boxBottom ul#pickup li span {
	float: left;
	width: 44px;
}

.boxBg .boxBottom ul#pickup li p {
	float: right;
	margin: -1px 0 0 5px;
	width: 100px;
	text-align: left;
}

.boxBg #ecobook {
	padding: 12px 15px 0 15px;
}

.boxBg ul#csrEcobook {
	width: 166px;
	overflow: hidden;
	margin: 12px 0 0 0;
}

.boxBg ul#csrEcobook li {
	width: 176px;
	overflow: hidden;
	margin: 0 0 10px 0;
}

.boxBg ul#csrEcobook li img {
	border: 1px solid #e6e6e6;
	float: left;
}

.boxBg ul#csrEcobook li span {
	float: left;
	margin: 0 0 0 8px;
	width: 125px;
}

ul#bannerArea {
	margin: 0 9px;
}

ul#bannerArea li {
	margin-top: 9px;
	width: 182px;
	height: 52px;
	background: url(/images/index/banner_bg.gif) no-repeat;
}

ul#bannerArea li img {
	margin: 1px 0 0 1px;
}

.contentBanner {
	padding: 4px 0 2px 0;
}

#contentInfo {
	padding: 1px 10px 8px 10px;
}

#contentInfo dt {
	margin-left: -1px;
	padding-top: 10px;
	font-family: Verdana;
	font-size: 11px;
	font-weight: bold;
}

.tributeBanner li {
	padding-bottom: 10px;
}

.tributeBanner li.none {
	padding: 2px 0px 2px 0px;
}

.tributeBannerText {
	padding-top: 3px;
	text-align: center;
}

.tributeBannerText_02 {
	padding-top: 3px;
	text-align: left;
}

.tributeBannerLine {
	margin-top: 5px;
	padding-top: 18px;
	border-top: #d2d2d2 1px solid;
}

.registerBottom {
	background: url(/images/index/register_bottom.gif) no-repeat bottom left;
	padding: 0 0 6px 0;
	margin: 0px 0 15px 0;
	width: 200px;
}

.registerBg {
	background: url(/images/index/register_bg.gif) repeat-y left;
}

.registerBg a.https {
	width: 174px;
	margin: 0 auto 0 auto;
}

#registerTop {
	background: url(/images/index/register_top.gif) no-repeat left top;
	padding: 8px 0 0 0;
}

#registerTitle {
	background: url(/images/index/ttl_register_bg.gif) no-repeat;
	width: 200px;
	height: 29px;
	padding: 4px 0 0 0;
	font-size: 12px;
	text-align: center;
}

#registerTitle2 {
	background: url(/images/index/ttl_register_bg.gif) no-repeat;
	width: 200px;
	height: 29px;
	margin: 4px 0 0 0;
	font-size: 12px;
	text-align: center;
}

#registerTitle span {
	font-family: verdana;
	font-size: 14px;
	color: #4ba014;
	font-weight: bold;
}

#registerText {
	font-size: 12px;
	width: 175px;
	margin: 0 auto 0 auto;
	line-height: 18px;
	padding: 5px 0 10px 0;
}

.registerTexta {
	font-size: 12px;
	width: 182px;
	margin: 0 auto 0 auto;
	line-height: 18px;
	padding: 8px 0 8px 0;
}

.registerTexta2 {
	font-size: 12px;
	width: 178px;
	margin: 0 auto 0 auto;
}

.registerText2 {
	font-size: 12px;
	width: 175px;
	margin: 0 auto 0 auto;
	padding: 0px 0 0px 0;
	text-align:right;
}

#registerText3 {
	font-size: 12px;
	width: 175px;
	margin: 0 auto 0 auto;
	line-height: 18px;
	padding: 0px 0 5px 0;
}

.registerBtn {
	width: 174px;
	margin: 0 auto 0 auto;
	padding: 0 0 6px 0;
}

/*glossary
--------------------------------------------------*/
.glossary_list {
	padding: 8px 6px;
}

.glossary_list li {
	padding: 3px 0 3px 14px;
	background: url(/common/images/dot.gif) no-repeat left 5px;
	display: block;
}



/*ロハスイッチからのお知らせ
-------------------------------------------------------*/

#Information {
	padding: 12px 10px 8px 15px;
}

#Information dt  {
	margin-left: -1px;
	font-family: Verdana;
	font-size: 10px;
	font-weight: bold;
}

#Information dd{
	margin-bottom: 10px;
}


#contentInformation {
	width: 550px;
	margin-bottom: 16px;
	background: url(/images/index/event_bg.gif) repeat-y;
}

#contentInformation .rssIcon {
	position: absolute;
	top: 377px;
	left: 240px;
	z-index: 100;
}

#contentInformation .information {
	position: absolute;
	top: 377px;
	left: 271px;
	z-index: 100;
}

#contentInformationBottom {
	width: 550px;
	background: url(/images/index/event_bottom_bg.gif) no-repeat left bottom;
	overflow: hidden;
}

#InformationLeft h3 {
	position: absolute;
	top: 0px;
	left: 0px;
}

#Inforight {
	float: right;
	width: 266px;
	padding: 8px 12px 8px 0;
	font-size: 14px;
}


#Inforight dt  {
	padding: 5px 0 10px 37px;
}


#Inforight dd  {
	padding: 0 3px 2px 3px;
}

#Inforbar_01 {
	background: url(/images/index/info_bar_01.gif) no-repeat 0 0;
}

#Inforbar_02 {
	background: url(/images/index/info_bar_02.gif) no-repeat 0 0;
}

.btnInformation {
	text-align:right;
	overflow: hidden;
}

.btnInformation img {
	vertical-align: bottom;
}

/*ロハスイッチからのお知らせ*/


/* etc
-------------------------------------------------- */

.newIcon {
	padding: 4px 0 0 2px;
	width: 49px;
	height: 30px;
	font-family: Verdana;
	color: #FFFFFF;
	font-size: 11px;
	line-height: 14px;
	font-weight: bold;
	letter-spacing: -1px;
	text-align: center;
	background:url(/images/index/icon_new_bg.png) no-repeat;
}

*html .newIcon {
 behavior: expression(IEPNGFIX.fix(this));
}

/* tab
-------------------------------------------------- */
#tabContent {
	background-color: #6DB837;
	width: 190px;
}

#tabIndex {
	margin: 0px;
	padding-left: 6px;
	width: 184px;
	overflow: hidden;
}

#Data0 {
	height: 16px;
	width: 92px;
	background: no-repeat url(../../images/index/ranking_tab1_off.gif);
	text-decoration: none;
	overflow: hidden;
}

#Data0.open {
	height: 16px;
	width:92px;
	background:no-repeat url(../../images/index/ranking_tab1_on.gif);
	text-decoration: none;
	overflow:hidden;
}

#Data1 {
	height:16px;
	width:40px;
	background:no-repeat url(../../images/index/ranking_tab2_off.gif);
	text-decoration: none;
	overflow:hidden;
}

#Data1.open {
	height:16px;
	width:40px;
	background:no-repeat url(../../images/index/ranking_tab2_on.gif);
	text-decoration: none;
	overflow:hidden;
}

#Data2 {
	height:16px;
	width:40px;
	background:no-repeat url(../../images/index/ranking_tab2_off.gif);
	text-decoration: none;
	overflow:hidden;
}

#Data2.open {
	height:16px;
	width:40px;
	background:no-repeat url(../../images/index/ranking_tab2_on.gif);
	text-decoration: none;
	overflow:hidden;
}

#tabBoxIndex {
	background-color: #Ffffff;
	padding: 8px 6px 0 6px;
	clear: both;
}

#tabIndex li {
	float:left;
	margin-right:3px;
	font-family:Verdana;
	font-size: 10px;
	line-height: 16px;
	text-align:center;
	list-style-type: none;
	cursor: pointer;
}

.tabBox {
	overflow: hidden;
}


/* ranking
-------------------------------------------------- */

.No {
	float:left;
	width:13px;
	padding-right:5px;
}

.upimage {
	float:left;
	width: 36px;
	overflow: hidden;
	padding-right: 4px;
	text-align: center;
}

.sset {
	float:left;
	font-size: 12px;
	line-height: 16px;
	width:120px;
	height:42px;
	overflow:hidden;
}

.rank_txt {
	font-size: 10px;
	line-height: 14px;
	padding: 0px 6px 3px;
}

.mobile {
	padding: 0 0 3px 6px;
}

.self_co2 {
	padding-left: 1px;
}

.rank_name {
	padding: 0;
	overflow: hidden;
	height: 20px;
	white-space: nowrap;
}

/* banner
-------------------------------------------------- */

.banner_top {
	margin-top: 15px;
	overflow: hidden;
}

.banner_layout {
	float: left;
	margin-right: 8px;
}

/*---10.04.12追加分---*/

#earthday_logo{
	width:200px;
	margin-top:10px;
	margin-bottom:3px;
}


/* 2011.12.20追加 */
.interview_bg {
	background: url(../../images/index/interview_bg.gif) no-repeat;
	width: 381px;
	height: 145px;
}

.interview_bg:hover {
	background: url(../../images/index/interview_bg_o.gif) no-repeat;	
}

.greener_bg {
	background: url(../../images/index/greener_bg.gif) no-repeat;
	width: 381px;
	height: 145px;
}

.greener_bg:hover {
	background: url(../../images/index/greener_bg_o.gif) no-repeat;
}

.tokyo_bg {
	background: url(../../images/index/tokyo_bg.gif) no-repeat;
	width: 381px;
	height: 145px;
}

.tokyo_bg:hover {
	background: url(../../images/index/tokyo_bg_o.gif) no-repeat;
}

.event_report_bg {
	background: url(../../images/index/event_report_bg.gif) no-repeat;
	width: 381px;
	height: 145px;
}

.event_report_bg:hover {
	background: url(../../images/index/event_bg_o.gif) no-repeat;
}

.content_btn {
}

.content_btn li {
	float: left;
	padding-bottom: 6px;
	width: 381px;
	position: relative;
}

.content_btn li .liner {
	position: absolute;
	width: 360px;
	top: 55px;
	left: 15px;	
}

.content_btn li .liner_interview {
	position: absolute;
}

.content_btn li:hover {
	cursor: pointer;
}

.content_btn li.f_right {
	float: right;
}

.content_btn .btn_title {
	padding-bottom: 7px;
}