@charset "utf-8";
/*
name: sjef.org
Copyright 2010 SOMPO JAPAN ENVIRONMENT FOUNDATION
*/
@import url( reset.css );
/* Common
----------------------------------------------------------------  */
.assist-title {
    display: none;
}
a {
    text-decoration: none;
}
div#information-col h2,
p.tbg-brown {
    font-size: 135%;
}
h3.bt {
    font-size: 110%;
	line-height: 1.7;
}
p.tm,
div#information-col p {
	line-height: 1.9;
}
p.tm {
	color: #666666;
    margin-bottom: 10px;
}
p.date {
    font-size: 90%;
	line-height: 1.4;
}
p.lecturer {
    font-size: 114%;
	line-height: 1.7;
	font-weight: bold;
}
p.lecturer span.meta {
    font-size: 68%;
	font-weight: normal;
	margin-left: 15px;
}
p.ts {
    font-size: 75%;
	line-height: 1.5;
}
p.blog {
    font-size: 75%;
    line-height: 1.5;
}
ul.ls li {
    float: left;
	white-space: nowrap;
}
img.imgr {
    float: right;
    margin-left: 20px;
}
img.imgl,
p.pl {
    float: left;
}
img.imgr,
img.imgl {
    margin-bottom: 10px;
    margin-top: 8px;
}
img.imgl {
    margin-right: 20px;
}
p.pl,
p.pr {
    margin-bottom: 20px;
}
/* Frame
----------------------------------------------------------------  */
body {
    text-align: center;
    font-family: Verdana,MS PGothic, 'メイリオ', Meiryo, 'Lucida Grande', 'ヒラギノ角ゴ Pro W3', Osaka, Arial, sans-serif;
}
body#schedule {
    background: #ffffff url(bg_body.gif) repeat-x left top;
}
body#report {
    background: #ffffff url(report_header_bg.gif) repeat-x left top;
}
div#container,
div.footer-inner {
	margin: 0 auto;
	width: 900px;
}
body#schedule div#header {
    position: relative;
	height: 490px;
	background: url(bg_header.gif) no-repeat left top;
}
body#report div#header {
	height: 246px;
	background: url(report_header.gif) no-repeat left top;
}
div#contents {
    margin: 0 auto;
	width: 860px;
}
div#main {
    float: left;
	width: 620px;
}
div#navi {
    float: right;
	text-align: left;
	width: 210px;
}
div#footer {
    clear: both;
	text-align: center;
	background: url(bg_footer_line.gif) repeat-x left bottom;
}
div.footer-inner {
	height: 161px;
	background: url(bg_footer.gif) no-repeat left top;
}
/*main*/
div.description img,
img#access-map {
    margin: 22px 0 16px 0;
}
div.lc div.box,
div.lc {
   clear: both;
}
div#information-col {
    padding-top: 20px;
}
div.br {
    float: right;
}
div#information-col div.box,
div#page-navi {
    clear: both;
}
div#information-col div.br {
    width: 500px;
}
div#information-col div.box div.br {
    margin: 5px 0;
	padding: 10px 0;
}
/*navi*/
div.contact-button {
    height: 98px;
}
/*content bottom*/
div#content-bottom {
    clear: both;
	height: 70px;
}
img#link-twitter {
    margin: 10px 0;
}
img#banner {
    margin: 15px 0px 8px 0px;
}
div#page-navi {
    padding: 10px 0;
	border-top: 1px solid #6eb92b;
	border-bottom: 1px solid #6eb92b;
}
img.img-hr {
    clear: both;
	margin: 14px 0 10px 0;
}
/* Font
----------------------------------------------------------------  */
/*header*/
p.slogan {
    position: absolute;
	top: 66px;
    right: 30px;
	width: 420px;
	text-align: justify;
	font-size: 84%;
	line-height: 1.8;
	color: #ffffff;
}
/*main*/
div.col {
    clear: both;
	text-align: left;
}
div.description p {
	text-align: justify;
	font-size: 84%;
	line-height: 1.8;
	color: #83796f;
}
h3.bt {
    padding-top: 54px;
}
h3.bt,
p.date {
    color: #6fba2c;
}
div#information-col h2,
p.tbg-brown {
    line-height: 2;
	padding: 0 0 5px 25px;
	margin-bottom: 15px;
	color: #ffffff;
	background: url(naiyou.gif) no-repeat left top;
}
div#information-col h3 {
    float: left;
	width: 120px;
	line-height: 1.7;
	color: #6e4c31;
	font-size: 88.8%;
	padding-top: 15px;
}
h2.tbg-img {
    margin-bottom: 10px;
}
h4.tbg-pink {
    clear: both;
	background: url(icon_midashi.gif) no-repeat left top;
	line-height: 1.3;
font-size: 120%;
	padding-left: 46px;
	margin: 24px 0 18px 0;
	color: #e52d8a;
}
div#information-col p.ts {
	color: #6fba2c;
	margin-top: 10px;
}
div#information-col ul li {
	line-height: 1.6;
}
div.contact-link a {
    display: block;
	width: 620px;
	height: 43px;
	background: url(b_mousikomi.gif) no-repeat left top;
}
div.contact-link a:hover {
	background: url(b_mousikomi_h.gif) no-repeat left top;
}
p.box-end {
    clear: both;
	margin: 45px 0 15px;
}
p.tr {
    text-align: right;
}
span.lnk {
    color: #7fc7ef
}

p.kyakuchu {
	margin-top: 15px;
	color: #a9a9a9;
	font-size: 88.8%;
}

/*navi*/
div.contact-button {
	height: 82px;
	background: url(b_mousikomi02.gif) no-repeat left top;
}
div.contact-button a {
    display: block;
	height: 82px;
	background: url(b_mousikomi02.gif) no-repeat left top;
}
div.contact-button a:hover {
    background: url(b_mousikomi02_h.gif) no-repeat left top;
}

/*content bottom*/
div#content-bottom {
    font-size: 75%;
	text-align: right;
	padding-top: 20px;
}
div#content-bottom a {
    padding-left: 20px;
	background: url(icon_pagetop.gif) no-repeat left center;
}
div#content-bottom a:hover {
    padding-right: 4px;
}
/*footer*/
div#copy {
    padding: 140px 0 0 44px;;
	text-align: left;
	font-size: 70%;
}
/* Widget
----------------------------------------------------------------  */
div#lecture-col div.lc {
    padding: 15px 0 0 0;
}
div.lc h2 {
    height: 95px;
}
div.box-title {
    position: relative;
	min-height: 82px;
	margin-bottom: 10px;
	border-bottom: dashed 1px #cccccc;
}
div.box-accordion p.tl {
    width: 477px;
	float: left;
}
div#report-col p.fw {
    width: 286px;
}
div.position-top {
    position: absolute;
	top: 0px;
    left: 0px;
}
div#lecture-col div.box-deco {
	margin-top: 12px;
	padding-top: 12px;
}
div#lecture-col div.box-deco {
    border-top: solid 2px #d5e4b3;
}
div#information-col div.box-deco {
    border-bottom: dashed 1px #c7bca6;
}
/*accordion*/
div.box-accordion ul {
    float: right;
	width: 86px;
}
div.box-accordion ul li {
    display: block;
	width: 86px;
	height: 26px;
	margin-bottom: 5px;
}
div.box-accordion ul li.explain {
	cursor: pointer;
}
div.box-accordion p.tl {
    margin-bottom: 10px;
}
div.pane {
    clear: both;
	display: none;
}
div.pane p.tm {
    clear: both;
	padding: 5px 10px;
	background: #eef7da;
}
/* Navi Col  */
div.schedule-navi {
    clear: both;
}
p.nbb {
	border-bottom: dashed 1px #cccccc;
}
p.navi-button {
    padding-left: 22px;
	line-height: 2.6;
	background: url(icon_navi.gif) no-repeat left center;
}
p.navi-button a {
	line-height: 2.6;
}
div.schedule-block {
    clear: both;
	margin-bottom: 4px;
	cursor: pointer;
	padding: 2px 0;
	background: url(icon_navi02.gif) no-repeat left top;
}
div.schedule-navi img.bnr {
	margin-bottom: 5px;
}
div.schedule-block p {
    padding-left: 18px;
}
div.schedule-block p.title a {
    line-height: 1.4;
	font-size: 13px;
	color: #6eb92b;
	display: block;
}
div.schedule-block p.title a:hover {
	color: #e52d8a;
}
div.schedule-block p.text a {
    line-height: 1.4;
	font-size: 12px;
	display: block;
}

