@charset "utf-8";

*{
	margin: 0;
	padding: 0;
}
body {
	font-family: 'ＭＳ Ｐゴシック', 'Osaka',sans-serif;
	font-size: 100%;
	text-align: center;
	color: #222;
	background: #FFFFFF url(images/bg.gif) ;
}

a {
	color: #009245;
}

a:hover {
	color: #F05C27;
}

img {
	border: 0;
}

.clear{
	clear: both;
}

strong{
	font-style: normal;
}

hr {
	display: block;
	clear: both;
	margin: 10px 0;
	padding: 0;
	height: 0;
	border-top: dotted #009245 1px;
}
/*　外枠　*/
#container {
	background: #FFFFFF;
	margin: 0 auto 0 auto;
	width: 930px;
	text-align: left;
}
/*　test　*/
ul.test{
	margin: 30px;
}
ul.test li{
	margin-bottom: 5px;
}
/*　ヘッダー部分　*/
#header{
	background: #FFF;
}
#header ul{
	list-style: none;
}
#header ul li{
	float:left;
}
/*　タイトル部分　*/
#title-box{
	border-bottom: dotted #F7CBCF 1px;
}
.title-box-inner{
	background: #F7CBCF;
}
.title-box-inner2{
	margin-top: 15px;
}
#title-box img{
	display: block;
}
.title-box-inner-left{
	width: 465px;
	float:left;
}
.title-box-inner-right{
	width: 465px;
	float: right;
}
.count-box-left{
	width: 280px;
	float: left;
}
.count-box-right{
	width: 185px;
	float: right;
}
.pankuzu-box{
	width: 590px;
	float:left;
}
.pankuzu-box p {
	font-size: 75%;
	line-height: 28px;
	margin: 0 15px;
	color: #999;
}
.pankuzu-box p a{
	color: #999;
	text-decoration: none;
}
.font-box{
	width: 288px;
	height: 28px;
	float: right;
}
.font-box ul{
	list-style: none;
	margin: 5px 0;
}
.font-box ul li{
	float: right;
	margin-left: 5px;
}

/*　ページ右側：サイドバー　*/
#sidebar {
	float: right;
	width: 303px;
	text-align: left;
}
.sidebar-inner {
	margin: 15px 15px 15px 0;
}

#sidebar p {
	font-size: 75%;
	line-height: 170%;
	margin: 0 0 10px 0;
}
#sidebar p.more {
	text-align: right;
	margin: 0 0 20px 0;
}
#sidebar ul.archive{
	list-style: none;
	margin-bottom:20px;
}
#sidebar ul.archive li{
	width:137px;
	background: #E1E88F;
	margin-bottom:10px;
}
#sidebar ul.archive li.left{
	float:left;
}
#sidebar ul.archive li.right{
	float:right;
}
#sidebar .annai{
	background: #F2F2F2;
	padding: 10px;
	margin-bottom: 10px;
}
#sidebar .annai h3{
	font-size: 75%;
	line-height: 170%;
	margin: 0 0 10px 0;
	color: #116449;
}
#sidebar .annai p{
	font-size: 69%;
	line-height: 170%;
	margin: 0 0 10px 0;
}

/*　コンテンツ　*/

#content {
	float: left;
	width: 605px;
	text-align: left;
}
.content-inner {
	margin: 15px 0 0 15px;
}
.content-inner h2 {
	margin-bottom: 10px;
}
.content-inner p {
	font-size: 75%;
	line-height: 170%;
	margin: 0 0 10px 0;
}

/*　top　*/

ul.news{
	list-style: none;
	margin: 10px 0 15px 32px;
}
ul.news li{
	background: url(images/top/top_31.gif) no-repeat 5px 5px;
	padding: 0 5px 0 22px;
}
ul.news li.odd{
	background: #eee url(images/top/top_31.gif) no-repeat 5px 5px;
}
ul.news li h3{
	font-size: 88%;
	line-height: 170%;
	font-weight: 400;
	margin: 0 0 5px 0;
}
.news-title{
	width: 450px;
	float: left;
	font-size: 88%;
	line-height: 170%;
	font-weight: bold;
}
.tatamu{
	width: 70px;
	float: right;
	padding:5px 0;
}
.news-text-box{
	width: 340px;
	float: right;
}
h3.title1{
	font-size: 88%;
	line-height: 150%;
	color: #007DC1;
	margin: 0 0 5px 0;

}
.news-img-box{
	width: 210px;
	float:left;
	font-size: 75%;
	line-height: 170%;
}

/*　about　*/
.text-box{
	width: 380px;
	float: right;
}
.text-box h3{
	margin-bottom: 10px;
}
div.about-box{
	background: url(images/about/about_23.gif) repeat-y;
	margin: 20px 0;
}
table.about{
	width: 590px;
	margin-top: 20px;
}
table.about td{
	vertical-align: top;
}
table.about td.e1{
	background: url(images/about/about_27.gif) no-repeat right top;
}
table.about td.e2{
	background: url(images/about/about_36.gif) no-repeat right top;
}
table.about td.e3{
	background: url(images/about/about_42.gif) no-repeat right bottom;
}
table.about td h3{
	margin: 0 0 10px 0;
}
table.about td p{
	width:230px;
}
.brown{
	color: #613917;
}
table.line{
	width: 590px;
	background: #F9F3C7; 
	border-top: solid #BED63A 1px;
	border-left: solid #BED63A 1px;
	margin: 0 0 20px 0;
}
table.line th, table.line td{
	vertical-align: top;
	padding: 10px;
	border-right: solid #BED63A 1px;
	border-bottom: solid #BED63A 1px;
	font-size: 75%;
	line-height: 170%;
}
table.line th{
	background: #F5F7B5;
	color: #613917;
	width: 20%;
	font-weight: 400;
	text-align: left;
	letter-spacing: 0.1em;
}
/* events */
table.line2{
	width: 590px;
	background: #F9F3C7; 
	border-top: solid #BED63A 1px;
	border-left: solid #BED63A 1px;
	margin: 0 0 20px 0;
}
table.line2 td{
	vertical-align: top;
	padding: 10px;
	border-right: solid #BED63A 1px;
	border-bottom: solid #BED63A 1px;
}
table.line2 td h3{
	font-size: 88%;
	line-height: 140%;
	margin: 0 0 5px 0;
	padding-left: 5px;
	border-left: solid #007DC3 5px;
}
table.line2 td h3 a{
	color: #222;
}
table.line2 td p{
	margin: 0;
}
table.line2 td p span{
	color: #004A2A;
}
table.line2 td.chiiki{
	vertical-align: top;
	font-size: 75%;
	line-height: 170%;
	white-space: nowrap;
}

/* ecostyletown */
table.green{
	background :#F2F4B2;
	width: 380px;
	margin-bottom: 10px;
}
table.green td{
	vertical-align: top;
	padding: 0 5px;
	font-size: 75%;
	line-height: 170%;
}
table.green th{
	width: 60px;
	font-weight: 400;
	text-align: left;
	vertical-align: top;
	padding: 0 5px;
	font-size: 75%;
	line-height: 170%;
}
.promise1{
	background :url(images/ecostyletown/promise1.jpg) no-repeat right top;
	margin: 20px 0 10px 0;
}
.promise2{
	background :url(images/ecostyletown/ecostyletown_22.jpg) no-repeat right top;
	margin: 10px 0 10px 0;
}
.promise3{
	background :url(images/ecostyletown/ecostyletown_26.jpg) no-repeat right top;
	margin: 10px 0 20px 0;
}
.promise1 h5,.promise2 h5,.promise3 h5{
	font-size: 100%;
	line-height: 150%;
	color: #007DC1;
	margin: 5px 0 5px 10px;
}

.promise1 ul,.promise2 ul,.promise3 ul{
	width: 455px;
	list-style: none;
}
.promise1 ul li,.promise2 ul li,.promise3 ul li{
	margin-left: 41px; /*margin-left: 83px;*/
	font-size: 75%;
	line-height: 170%;
	padding-left: 20px;
}
.promise1 ul li{
	background: url(images/ecostyletown/icon-o.jpg) no-repeat left top;
}
.promise2 ul li{
	background: url(images/ecostyletown/icon-b.jpg) no-repeat left top;
}
.promise3 ul li{
	background: url(images/ecostyletown/icon-g.jpg) no-repeat left top;
}

.content-inner h4.stageevent{
	margin: 15px 0 5px 0;
	font-size: 100%;
	line-height: 150%;
	color: #116449;
	clear: both;
}
.content-inner h4.comment-title{
	margin: 15px 0 10px 0;
	font-size: 100%;
	line-height: 150%;
	color: #007DC1;
}

.comment-box{
	width: 590px;
	background-color: #FFF;
	border: solid #57B6DD 1px;
	margin-bottom:10px;	
}
.comment-box-inner{
	padding: 10px;
}
.comment-box-text{
	width: 450px;
	float: right;
	
}
.comment-box-text h5{
	color: #3DB14A;
	font-size: 75%;
	line-height: 170%;
}
.artist{
	font-size: 94%;
	line-height: 170%;
	font-weight: bold;
	color: #2E378C;
	margin-bottom: 10px;
	}
.artist a{
	color: #9AA1FC;
	text-decoration: none;
}

.eventitle{
	font-size: 133%;
	font-weight: bold;
	line-height: 150%;
	color: #2E378C;/*2E378C 007DC1;*/
}
.eventitle2{
	font-size: 125%;
	font-weight: bold;
	line-height: 150%;
	color: #ED5C27;/*2E378C 007DC1;*/
}
.eventitle3{
	font-size: 125%;
	font-weight: bold;
	line-height: 150%;
	color: #007DC1;/*2E378C 007DC1;*/
}
.eventitle4{
	font-size: 125%;
	font-weight: bold;
	line-height: 150%;
	color: #000;/*2E378C 007DC1;*/
}
/* zone */
.tenji-box{
	margin: 20px 0 20px 0;
}
.zone-title-box{
	background: url(images/zone/zone_06.jpg) no-repeat left top;
	border: solid #57B6DD 1px;
}
.zone-title-box h3{
	font-size: 120%;
	line-height: 170%;
	margin: 15px 10px 10px 10px;
	text-align: center;
	color: #37B34A;
}
.zone-title-box p{
	margin: 10px;
	text-align: center;
	color: #613917;
}
.zone-title-box ul{
	margin: 20px 30px;
}
.zone-title-box ul li{
	font-size: 88%;
	line-height: 170%;
	margin-bottom: 5px;
}

.zone-title-box ul.z01{
	color: #C4D92E;
}
.zone-title-box ul.z03{
	color: #F598AA;
}
.zone-title-box ul.z04{
	color: #0096CD;
}
.zone-title-box ul.z05{
	color: #50C1AF;
}
.zone-title-box ul.z06{
	color: #72BF44;
}
.zone-title-box ul.z07{
	color: #FFCB4E;
}
.zone-title-box ul.z08{
	color: #44C8F5;
}
.zone-title-box ul.z09{
	color: #FDB913;
}
.zone-title-box ul.z11{
	color: #F58220;
}
.zone-title-box ul.z12{
	color: #BE9CE2;
}

.happa{
	width: 110px;
	height: 110px;
	background: url(images/zone/zone_08.jpg) no-repeat left top;
	float:left;
	text-align: center;
	
}
.happa img{
	margin-top: 15px;
	
}
.tenji-title{
	width: 480px;
	background: url(images/zone/zone_09.jpg) no-repeat left top;
	float:left;
	padding-top: 15px;
}
.tenji-title h4{
	font-size: 100%;
	line-height: 38px;
	padding: 0 0 0 3px;
}
.tenji-title p{
	font-size: 75%;
	line-height: 170%;
	padding: 3px 0 0 3px;
	
}
.box-mt10{
	margin-top: 10px;
}
.box-ml30{
	margin-left: 40px;
}

/*　recuruitment　*/

.content-inner h3.mtb{
	margin: 15px 0 5px 0;
}
.box_3c{
	width: 200px;
	float: left;
}
.box_3ce{
	width: 190px;
	float: left;
}
.box_left{
	width: 288px;
	float: left;
}
.box_right{
	width: 288px;
	float: right;
}
/* support link */
.box-link{
	background: #F9F3C7; 
	border: solid #BED63A 1px;
	margin-bottom: 20px;
}
.content-inner .box-link p{
	padding: 10px;
	font-size: 88%;
	line-height: 170%;
}


/* contact */
#privacy{
	margin: 20px 0 20px 0;
}
#privacy h3{
	margin: 15px 0 5px 0;
	font-size: 100%;
	line-height: 170%;
	color: #004A2A;
}
	
#privacy h4{
	margin: 15px 0 5px 0;
	font-size: 88%;
	line-height: 170%;
	color: #007DC0;
}

.red{
	color: red;
}
.tex1{
	width: 250px;
}
.tex2{
	width: 400px;
}
.err{
	background: #FF9999; 
}
table.contact{
	width: 590px;
	background: #F9F3C7; 
	border-top: solid #BED63A 1px;
	border-left: solid #BED63A 1px;
	margin: 0 0 20px 0;
}
table.contact th, table.contact td{
	vertical-align: top;
	padding: 10px;
	border-right: solid #BED63A 1px;
	border-bottom: solid #BED63A 1px;
	font-size: 75%;
	line-height: 170%;
	text-align: left;
}
table.contact th{
	background: #F5F7B5;
	color: #613917;
	font-weight: 400;
	text-align: left;
	letter-spacing: 0.1em;
}



/* footer */
#footer {
	clear: both;	
}
#footer img{
	display: block;
}

p.copyright{
	clear: both;
	font-size: 75%;
	line-height: 150%;
	text-align: left;
	background: #009245;
	padding: 5px 15px;
	color: #FFF;
}
p.copyright a{
	color: #422413;
	text-decoration: none;
}


/*　結果報告　*/
#kekka {
	float: right;
	width: 650px;/*605*/
	text-align: left;
}
.kekka-inner {
	margin: 15px 15px 0 0;
}
.kekka-inner h2 {
	margin-bottom: 15px;
}
.kekka-inner h3 {
	margin: 20px 0 10px 0;
	font-size: 100%;
	line-height: 170%;
	color: #007DC1;
}
.kekka-inner p {
	font-size: 75%;
	line-height: 170%;
}	
table.kekka-link {
	width:635px;
	margin: 10px 0 20px 0;
	background: #F9F3C7; 
	border-top: solid #BED63A 1px;
}
table.kekka-link th,table.kekka-link td {
	font-size: 88%;
	line-height: 170%;
	padding: 5px 10px;
	border-bottom: solid #BED63A 1px;
	text-align: left;
}
table.kekka-link th {
	width: 20%;
}
.kekka-text-box{
	float: left;
	width: 430px;
}
.kekka-img-box{
	float: right;
	width: 190px;
}
.kekka-inner .kekka-img-box p{
	font-size: 69%;
	line-height: 170%;
}

#kekka_sidebar {
	float: left;
	width: 250px;
	text-align: left;
	margin: 15px 0 0 0;
}
#kekka_sidebar ul.kekka-menu{
	list-style: none;
	background: url(images/report/report_10.gif);
}
#kekka_sidebar ul.kekka-menu li{
	border-bottom: dotted #BED63A 2px;
	font-size: 88%;
	line-height: 170%;
	background: url(images/report/report_10.gif);
}
#kekka_sidebar ul.kekka-menu li a{
	display: block;
	padding: 10px 10px 10px 15px;
	text-decoration: none;
}

/* 報告書リンク */
.report_link {
	position: relative;
	height: 250px;
}

.report_link_position {
	position: absolute;
	top: 125px;
	left: 668px;
}

.report_link_position_comment {
	position: absolute;
	top: 145px;
	left: 745px;
}