@charset "Shift_JIS";

/* 基本設定
----------------------------------*/
h4{
	margin:0px 0 20px 0;
	padding:10px 0 0 0;
	font-size:120%;
	font-weight:bold;
	line-height:140%;
}


img{
	border: 0;
}

p.none{
	margin:0 !important;
	padding:0 !important;
	text-indent:0em !important;
}

p.caption{
	font-size:80%;
	border-bottom:2px !important;
	padding:0 !important;
}

.caption{
	font-size:80%;
}

.sub p {
	line-height:2.2;
	margin:0 0 1em;
	text-indent:1em;
}

dl.none, dl.none dt, dl.none dd{
	background:none !important;
}	


/* 見出し
----------------------------------*/


h5{
	margin:0px 0 5px 0;
	padding:10px 0 0 0;
	font-size:100%;
	font-weight:bold;
	line-height:115%;
}

/* FLORT/CLEAR
----------------------------------*/
.right{
	text-align:right;
}

.left{
	text-align:left;
}

.float-Left{
	float:left;
}

.float-Right{
	float:right;
}

.clear-Both{
	clear: both ;
}

.clear-Left{
	clear:left;
}

.clear-Right{
	clear:right;
}

/* IMG
----------------------------------*/
.imgR{
	float:right;
	margin:0 0 10px 18px;
}

.imgL{
	float:left;
	margin:0 18px 10px 0;
}

.img565{
	clear:both;
	width:565px;
	height:165px;
	text-align:right;
}


/* LINE
----------------------------------*/


/* LINK:A
----------------------------------*/
/* SPACER
----------------------------------*/

.spacer-PT05{
	padding-top:5px;
}

.spacer-PT10{
	padding-top:10px;
}

.spacer-PT24{
	padding-top:24px;
}

.spacer-PB05{
	padding-bottom:5px;
}

.spacer-PB10{
	padding-bottom:10px;
}

.spacer-PB24{
	padding-bottom:24px;
}

.spacer-MT05{
	margin-top:5px;
}

.spacer-MT10{
	margin-top:10px;
}

.spacer-MT24{
	margin-top:24px;
}

.spacer-MB05{
	margin-bottom:5px;
}

.spacer-MB10{
	margin-bottom:10px;
}

.spacer-MB24{
	margin-bottom:24px;
}

/* HEADER
----------------------------------*/
div#header{
	width:750px;
	margin:auto;
	padding:30px 8px 0px 0;
}

/* LIST
----------------------------------*/

/* top menu*/

div.navi{
	/*background:url(../img/top_back_navi.gif) repeat-y top;
	border-bottom:1px solid #CBCEC3;*/
	margin-bottom:20px;
}

div.navi dl{
	text-align:left;
	padding:0;
	margin:0;
	float:left;
}

div.navi dl.icon{
	width:187px;
	margin:0 1px 0 0;
}

div.navi dl.communication{
	width:185px;
	margin:0 0px 0 0;
}

div.navi dt{
	margin:0px;
}

div.navi dd{
	margin:0 0px 0px 0px;
	padding:1px 10px 1px 18px;
	background:url(../img/icon_arrow_red.gif) no-repeat 8px 4px;	
	_background:url(../img/icon_arrow_red.gif) no-repeat 8px 6px;
	border-bottom:1px dotted #CCCCCC;
}

div.navi dd.noline{
	margin:0 0px 0px 0px;
	padding:1px 0px 1px 18px;
	background:url(../img/icon_arrow_red.gif) no-repeat 8px 4px;	
	_background:url(../img/icon_arrow_red.gif) no-repeat 8px 6px;
	border-bottom:none;
}

div.navi dd.grey{
	background-color:#f5f5f5;
}

div.navi dd.grey_line{
	background-color:#f5f5f5;
	border-left:1px solid #CBCEC3;
}

/* top topics */

dl.topics{
	margin:0px 0px 20px 0px;
}

dl.press{
	margin:0px 0px 20px 0px;
}

dl.press dt, dl.topics dt{
	margin:0 0 0px 0;
	padding:0 0 5px 8px;
	border-bottom:1px dotted #CCCCCC;
}

dl.press dd, dl.topics dd{
	margin:0;
	padding:1px 0 1px 18px;
	background:url(../img/icon_arrow_red.gif) no-repeat 8px 4px;
	_background:url(../img/icon_arrow_red.gif) no-repeat 8px 6px;
	border-bottom:1px dotted #CCCCCC;
}

dl.press dd.grey, dl.topics dd.grey{
	background-color:#f5f5f5;
}

dl.wwf{
	padding:15px;
	background:url(../img/top_back_wwf_side.gif) repeat-y;
}

dl.wwf dt{
	margin-bottom:10px;
}

dl.wwf dd{
	font-size:80%;
}

/* top banner */

dl#banner dt{
	padding:0 0 5px 0px;
}

dl#banner dd{
	margin-bottom:5px;
}

div.wwf{
	margin:20px 0px 0 0px;
	padding:5px 0 0 0;
	background:url(../img/top_back_wwf_top.gif) top no-repeat;
}

/* sub */
div.sub { font-size: 80%; line-height: 1.6em; word-break: normal;}
div.sub dl  { margin-bottom: 20px; padding: 0 }

div.sub dt { font-size: 120%; font-weight: bold; background: url("../img/icon_arrow_red.gif") no-repeat 0 8px; margin: 0; padding: 0 0 0 15px }

div.sub dd  { font-size: 100%; padding: 0 20px 0 15px; 　margin: 0 }

div.link { margin-top: 20px; padding: 0 }

div.link dl { margin: 0; padding-left: 10px; border-right: 1px solid #cbcec3; border-left: 1px solid #cbcec3 }

div.link dt{
	font-weight:bold;
	margin-bottom:2px;
	padding:0;
	font-size:100%;
	color:#1F6FA0;
	background:none;
}

div.link dd { font-size: 80%; background: url("../img/icon_newwindow.gif") no-repeat left 2px; margin: 0; padding-left: 20px }

div.link dd.nowindow { font-size: 80%; background: url("../img/icon_arrow_red.gif") no-repeat left 4px; margin: 0; padding-left: 10px }


p.link { font-size: 80%; background: url("../img/icon_newwindow.gif") no-repeat left 2px; margin: 0; padding-left: 10px }

div.case { margin: 20px 0; padding: 0 }

div.case dl{
	margin:0;
	padding-left:10px;
	border-right:1px solid #CBCEC3;
	border-left:1px solid #CBCEC3;
}

div.case dd.theme { background: url("../img/txt_eco_point_theme.gif") no-repeat left 2px; margin-bottom: 5px; padding-left: 65px; _background: url(../img/txt_eco_point_theme.gif) no-repeat left 4px }

div.case dd.corp { background: url("../img/txt_eco_point_corp.gif") no-repeat left 2px; margin-bottom: 5px; padding-left: 65px; _background: url(../img/txt_eco_point_corp.gif) no-repeat left 4px }

div.case dd.area { background: url("../img/txt_eco_point_area.gif") no-repeat left 2px; margin: 0; padding-left: 65px; _background: url(../img/txt_eco_point_area.gif) no-repeat left 4px }

div.case dd.day  { background-color: transparent !important; background-repeat: no-repeat !important; background-attachment: scroll !important; background-position: left 2px !important; margin: 0; padding-left: 15px; _background: url() no-repeat left 4px   !important }

div.case dt{
	font-weight:bold;
	margin-bottom:2px;
	padding:0;
	font-size:100%;
	color:#1F6FA0;
	background:none;
}

div.frame{
	clear:both;
	margin-top:20px;
}

div.frame dl{
	margin:0;
	padding:0px 20px;
	border-right:1px solid #CBCEC3;
	border-left:1px solid #CBCEC3;
}

div.frame dt{
	font-weight:bold;
	margin-bottom:15px;
	padding:5px 0;
	font-size:120%;
	color:#1F6FA0;
	background:none;
	border-bottom:1px dotted #CBCEC3;
}

div.frame dd{
	margin:0 0 0px 0 ;
	padding:0 0 15px 0;
	font-size:100%;
}

div.frame dd.none{
	margin:0 0 0px 0 ;
	padding:0 0 0px 0;
	font-size:100%;
}

div.frame dd.link{
	background:url(../img/icon_newwindow.gif) no-repeat left 2px;
	padding-left:20px;
	font-size:80%;
}


/* SECTION
----------------------------------*/
 
/* top */

#Top {
	width:750px;
	margin:0px auto 0;
	padding:0 0 0px 0;
	text-align:left;
}

#Top .logo_left{
	float:left;
	margin-top:3px;
}

#Top .logo_right{
	float:right;
	margin:3px 10px 10px 0;
}

#contents{
	width:750px;
	margin:0px auto 0;
	padding:0;
	text-align:left;
	clear:both;
}

#topics{
	width:528px;
	float:left;
	margin:0px 12px 20px 0;
	padding:0;
}

#banner{
	width:210px;
	float:left;
	margin:0px 0px 0 0;
}

.top_caption{
	font-size:80%;
	margin:5px 0 0 15px;
}

/* sub */

#contentsSub{
	width:750px;
	margin:0px auto 0;
	padding:0;
	text-align:left;
	background: url(../img/sub_back.gif) repeat-x top;
	clear:both;
}	

#contentsSub div.sub{
	float:left;
	width:565px;
	margin-bottom:25px;
}

#contentsSub div.sub p{
	margin:0 0 10px 0;
}

div.top_arrow{
	text-align:right;
	margin-bottom:15px;
}

div.top_arrow img{
	margin-right:5px;
}

.pagetop{
	text-align:right;
	margin-top:25px;
	clear:both;
}

/* NAVIGATION
----------------------------------*/
#subNavi{
	width:180px;
	float:left;
	margin:4px 5px 0 0;
	background:url(../img/sub_back_navi.jpg) repeat-y top;
}

div#subNavi dl{
	padding-top:0px;
	width:166px;
	margin:0px;
}

div#subNavi dt{
	margin:0 !important;
	padding:0 0 0px 0 !important;
}

div#subNavi dd{
	margin:0px 1px 0 0;
	background:#ffffff;
	padding:2px 5px 2px 10px;
	border-bottom:1px dotted #CCCCCC;
	border-left:1px solid #e5e5e5;	
}

div#subNavi dd.check{
	font-weight:bold;
	margin:0px 0px 0 0;
	background:#f5f5f5;
	padding:2px 5px 2px 10px;
	border-bottom:1px dotted #CCCCCC;	
	border-left:1px solid #e5e5e5;
}

div#subNavi dl.bn{
	background:none;
	padding:10px 0 0px 0;
}

div#subNavi dl.bn dd{
	margin:0;
	background:none;
	padding:0 0 0 8px;
	border-bottom:none;
}

/* TABLE
----------------------------------*/


/* Footer
----------------------------------*/