@charset "utf-8";

/* ===================================================================

	body.page
	pagetitle
	
	maincolumn
		
	sidebar

=================================================================== */

/*	body
----------------------------------------------------*/

body.page {
	background:url(../common/images/page_body_bg.gif) repeat-x #fff;
	}

/*	maincolumn
----------------------------------------------------*/

.page #maincolumn {
	position:relative;
	}

/* pagetitle */

h2.index {
	height:72px;
	background:url(images/index_pagetitle.gif) no-repeat 0 30px;
	}

h2.kes {
	height:72px;
	background:url(images/kes_pagetitle.gif) no-repeat 0 30px;
	}
	
h2.ecocap {
	height:72px;
	background:url(images/ecocap_pagetitle.gif) no-repeat 0 30px;
	}

h2 span {
	visibility:hidden;
	}

/* エコキャップ活動 */

.ecocap h4 {
	margin:30px 0;
	padding:5px;
	color:#690;
	font-size:14px;
	border-bottom:1px #ccc dotted;
	}
	
.ecocap p {
	margin:10px 5px;
	}
	
.ecocap p.left {
	float:left;
	margin:0 15px 15px 0;
	
	}
	
.ecocap p.relink {
	margin:30px 0;
	padding:15px;
	border-top:1px #ccc dotted;
	}

p.pagetitle_bg {
	position:absolute;
	left: 250px;
	top: 17px;
	z-index:-1;
	margin:0;
	}

h3 {
	height:40px;
	margin:30px 0;
	
	*padding-top:30px;
	border-bottom:1px #ccc solid;
	}
	
#maincolumn ul li {
	padding:0 0 5px 30px;
	margin-bottom:15px;
	border-bottom:1px #ccc dotted;
	background:url(../common/images/li_green.gif) no-repeat 10px 8px;
	}
	
/*	pagecontents01
----------------------------------------------------*/
#pagecontents01 {
	width:600px;
	margin:30px auto 0 auto;
	padding-bottom:30px; 
	border-bottom:1px #ccc dotted;
	}
	
#pagecontents01 .imgarea {
	float:left;
	width:240px;
	}
	
#pagecontents01 .imgarea img {
	border:1px #999 solid;
	}
	
#pagecontents01 .textarea {
	float:right;
	width:320px;
	padding:0 10px;
	}
	
#pagecontents01 .textarea h4 {
	margin:0 0 15px 0;
	padding:5px;
	border-bottom:1px #ccc dotted;
	background:#f3f3f3;
	}
	
#pagecontents01 .textarea p {
	margin:5px 5px 15px 5px;
	}

/*	pagecontents02
----------------------------------------------------*/

#pagecontents02 {
	width:540px;
	margin:30px auto;
	padding:30px;
	border:1px #ccc solid;
	}
	
#pagecontents02 h3 {
	margin:15px 0;
	border:none;
	text-align:center;
	}
	
#pagecontents02 p {
	margin:15px 0;
	line-height:26px;
	}
	
#pagecontents02 h4 {
	margin:15px 0;
	text-align:center;
	font-size:14px;
	line-height:30px;
	letter-spacing:1em;
	}

#pagecontents02 ul {
	width:500px;
	margin:0 auto;
	}
	
#pagecontents02 ul li {
	padding:5px;
	line-height:26px;
	border:none;
	list-style:decimal;
	background:none;
	}
	
#pagecontents02 ul li ul {
	margin:5px 10px;
	}
	
#pagecontents02 ul li ul li {
	list-style:none;
	}


/* ecodrive */

body.ecodrive p {
	margin:15px;
	text-align:center;
	}
	
body.ecodrive img {
	border:1px #777 solid;
	}

/*	sidebar
----------------------------------------------------*/

.page #sidebar {
	float:left;
	width:228px;
	margin-top:0;
	padding-top:7px;
	background:url(../common/images/page_sidebar_bg.gif) no-repeat;
	}