@charset "utf-8";
@import "style02.css";

/*------------------------------------
 Font css
-------------------------------------*/
/*
Copyright (c) 2008, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License: http://developer.yahoo.net/yui/license.txt
version: 2.5.2
*/
body {font:13px/1.231 arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small;}
table {font-size:inherit;font:100%;}
pre,code,kbd,samp,tt {font-family:monospace;*font-size:108%;line-height:100%;}

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

font-size(px => %)
10px = 77%  | 16px = 122% | 22px = 167% |
11px = 85%  | 17px = 129% | 23px = 174% |
12px = 92%  | 18px = 136% | 24px = 182% |
13px = 100% | 19px = 144% | 25px = 189% |
14px = 107% | 20px = 152% | 26px = 197% |
15px = 114% | 21px = 159% |             |

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

/*------------------------------------
 Basic
-------------------------------------*/
html { background: #fff; }
body {
	color: #444;
	font-size: 12px;
	letter-spacing: 2px;
	line-height: 1.6;
	text-align: center;
	word-break: break-all;
}
	.subPage {
	background: url("../img/subPageHead.jpg") #000 top center no-repeat;
	height: 40px;
	}
div#header,
div#mainContent,
div#footer {
	margin: 0 auto;
	font-size: 100%;
	width: 850px;
	text-align: justify;
	text-justify: distribute;
	min-height: 100%;
	line-height: 1.6;
	letter-spacing: 1.5px;
	_font-size: 100%;
}
	/*IE7 hack*/
	*:first-child+html div#header,
	*:first-child+html div#mainContent,
	*:first-child+html div#footer {
	font-size: 100%;
	}/* end */
div#topImage {
	background: #000;
	height: 390px;
}
div#headerImage {
	background: #000;
	color: #fff;
	height: 350px;
	position: relative;
	width: 100%;
}
div#header {
	position: relative;
	margin-top: 30px;
	margin-bottom: 15px;
}
div#mainContent {
	min-height: 100%;
	padding: 20px 0 20px;
}
	/*IE7 hack*/
	*:first-child+html div#mainContent {
	}/* end */
	div#mainContent {
	zoom: 1;/* IE5.5-7 */
	}
	div#mainContent:after {
	content: ".";
	display: block;
	height: 0px;
	clear: both;
	visibility: hidden;
	}
div.conLeft {
	position: relative;
	float: left;
	width: 545px;
	min-height: 100%;
	color: #666;
}
	.topLeft {
	width: 565px;
	margin-top: 0px;
	border-top: 1px solid #717171;
	padding-top: 15px;
	}
div.conRight {
	position: relative;
	float: right;
	width: 270px;
	background: #e5e5e5;
	min-height: 100%;
	padding: 5px 0 5px 5px;
	_padding: 5px 5px 5px 5px;/*IE6 hack*/
	color: #666;
}
div#footer {
	margin-top: 20px;
	clear: both;
	height: 115px;
	position: relative;
}

/* Etc
------------------------*/
img { border: 0; }
hr { display: none; }
.tLeft { text-align: left; }
.fLeft { float: left; }
.fRight { float: right; }
.clear { clear: both; }
.bold { font-weight: bold; }
.hidden { display: none; }
.hidden2 { visibility: hidden; }
.cyuusyaku { color: #999;font-size: 92%; }
.mBottom5 { margin-bottom: 5px; }
.mBottom10 { margin-bottom: 10px; }
.mBottom15 { margin-bottom: 15px; }
.mBottom18 { margin-bottom: 18px; }
.mBottom20 { margin-bottom: 20px; }
.mBottom30 { margin-bottom: 30px; }
.mBottom40 { margin-bottom: 40px; }
.mBottom50 { margin-bottom: 50px; }
.mBottom60 { margin-bottom: 60px; }
.pBottom40 { padding-bottom: 40px; }
.mTop2 { margin-top: 2px; }
.mTop3 { margin-top: 3px; }
.mTop5 { margin-top: 5px; }
.mTop8 { margin-top: 8px; }
.mTop10 { margin-top: 10px; }
.mTop15 { margin-top: 15px; }
.mTop20 { margin-top: 20px; }
.mTop30 { margin-top: 30px; }
.mTop40 { margin-top: 40px; }
.mTop50 { margin-top: 50px; }
.mRight10 { margin-right: 10px; }
.mRight20 { margin-right: 20px; }
.mLeft10 { margin-left: 10px; }
.mLeft15 { margin-left: 15px; }
.mLeft20 { margin-left: 20px; }
.mLeft78 { margin-left: 78px; }
.letSp0 { letter-spacing: 0px; }
.letSp1 { letter-spacing: 1px; }
.letSp15 { letter-spacing: 1.5px; }
.line1 { line-height: 1; }
.line11 { line-height: 1.1; }
.line14 { line-height: 1.4; }
.w55 { height: 55px; }

/* Link
------------------------*/
a { text-decoration: none; }
a:link    { color: #666; }
a:visited { color: #666; }
a:hover   { color: #8F8248; }
a:active  { color: #8F8248; }
/*----------------------*/
a.soLink { text-decoration: none; }
a:link.soLink { color: #8F8248; }
a:visited.soLink { color: #8F8248; }
a:hover.soLink { color: #666; }
a:active.soLink { color: #666; }
/*----------------------*/
.oldNew a,
.oldNew a:link,
.oldNew a:visited,
.headerMenu a,
.headerMenu a:link,
.headerMenu a:visited,
.navFooter a,
.navFooter a:link,
.navFooter a:visited,
ul.navFooterCorp li a,
ul.navFooterCorp li a:link,
ul.navFooterCorp li a:visited {
	text-decoration: none;
	color: #666;
	background: url("../img/linkbottan01.gif") 0% 38% no-repeat;
	padding-left: 15px;
}
.oldNew a:hover,
.oldNew a:active,
.headerMenu a:hover,
.headerMenu a:active,
.navFooter a:hover,
.navFooter a:active,
ul.navFooterCorp li a:hover,
ul.navFooterCorp li a:active {
	background: url("../img/linkbottan02.gif") 0% 38% no-repeat;
	color: #C7BC96;
}

.ecoSeminar a,
.ecoSeminar a:link,
.ecoSeminar a:visited,
.ecoSeminar a:active {
	background: #32A02D;
	color: #fff;
	font-size: 136%;
	font-weight: bold;
	padding: 10px 75px;
}
.ecoSeminar a:hover {
	background: #1B852D;
	color: #FFFF00;
}

/*------------------------------------
 Header
-------------------------------------*/
ul.headerMenu {
	position: absolute;
	top: 9px;
	right: 0;
	text-align: right;
}
ul.headerMenu  li {
	line-height: 1.8;
}

/*------------------------------------
 Contents
-------------------------------------*/
p#pageTop {
	position: absolute;
	right: 0;
}
p#pageIchiran {
	position: absolute;
	right: 0;
}
p#pageIchiran a {
	text-decoration: underline;
}
.title {
	font-weight: bold;
	font-size: 122%;
	letter-spacing: 1px;
	margin-bottom: 35px;
	color: #444;
}
.subTitle {
	font-weight: bold;
	font-size: 107%;
	margin-bottom: 3px;
	color: #444;
}
.subContents {
}
.rightImage {
	float: right;
	margin-left: 20px;
	text-align: center;
}
.listImage3p li {
	float: left;
	width: 157px;
	margin-right: 20px;
}
.listImage3p li.non {
	margin-right: 0;
}
.listImage2p li {
	float: left;
	width: 246px;
	margin-right: 20px;
}
.listImage2p li.non {
	margin-right: 0;
}
.co2 {
	font-size: 85%;
	vertical-align: top;
}
.newMark {
	color: #c00;
	font-size: 95%;
}

/*------------------------------------
 Footer
-------------------------------------*/
ul.navFooterCorp li {
	width: 850px;
	border-top: #9E9E9E 1px solid;
	border-bottom: #9E9E9E 1px solid;
	text-align: center;
	padding: 5px 0;
	background-color: #e5e5e5;
}
.navFooter {
	position: relative;
	margin-top: 12px;
}
	/*IE7 hack*/
	*:first-child+html .navFooter {
	position: static;
	}/* end */
.navCopy {
	font-size: 85%;
	position: absolute;
	right: 0;
	top: 0;
	letter-spacing: 1px;
}
	/*IE7 hack*/
	*:first-child+html .navCopy {
	top: 75px;
	}/* end */