@charset "UTF-8";
/* CSS Document */


/* 　全　般　　*/
body{
	color:#333;
	font-size:0.8em;
/*background:url("i/color.png") top center;*/
margin:0 auto;
width:900px;
}
* html body { text-align:center;background:none; }

#content{
text-align:left;
}

/*　　ヘッダー　　*/
#head_image{
	margin:0 auto;
	position:absolute;
	top:34px;
}
#header{
width:100%;
height:267px;
margin:0;
}

#header_content{
margin:0 auto;
height:34px;
width:900px;
/*background:url("i/color2.png");*/
}
* html #header_content{
background:none;
}

#search img{
margin:0 0 0 15px;
}
#search p{
	margin:10px 0 0 0;
float:right;
}


img {
	margin:0;
}
a img{
	border:0;
}

a{
	color: #33a;
}
a:visited{
color:#666;
}

a:hover{
color:#a33;
}
h1 a{
	border:0;
}
h1 a:hover{
	background:none;
}
h3 a{
	color:#555;
	border-color:#555;
}
h3 a:hover{
	background:none;
	color:#33a;
	border-color:#33a;
}
/*body*/

#body{
 	width:600px;
	position:relative;
	top:0px;
	float:left;
}
a.head_pic{
border:none;
}
a.head_pic:hover{
border:none;
background:none;
}
	
	
/* サイドバー　*/



#sidebar{
	width:270px;
	position:relative;
	top:0px;
	left:30px;
	float:left;
}

#sidebar p{
	width:250px;
	margin:10px 10px 0 10px;
}
#sidebar form{
margin:0;
}
h2.sideber_h2{
	width:20px;
	line-height:1.6em;
	margin:0 10px 19px 10px;
}
* html h2.sideber_h2{
	width:20px;
	line-height:1.6em;
	margin:-8px 10px 19px 10px;
}
#latest_susteco_image{
	float:left;
margin-bottom:15px;
}

#sidebar h3{
	margin:0 0 0 10px;
}
#sidebar h2.latest_list{
	border-color:#f7a900;
}

ul.info_list,ul.latest_list ,ul.category_list{
	margin:0;
	padding:0;
	width:250px;
}
ul.info_list,ul.latest_list{
	margin:0 0 -12px 0;

}
ul.info_list li,ul.latest_list li{
	margin:0 0 6px 15px;
	padding:0 0 0 0px;
	list-style:url("./i/cross.png");
}
ul.info_list{
font-weight:bold;
}

li.link_list{
list-style:none;
}

#sidebar h2.category_list{
	border-color:#9cf;
}

li.cat-item{
	padding:0;
	margin:0 0 6px 15px;
	width:250px;
	list-style:url("./i/cross.png");
}

ul.category_list ul{
margin:0;
padding:0;
}

#sidebar h2.link_list{
	border-color:#d9ff00;
}
ul.link_list{
	list-style:none;

	margin:0;
	padding:0;
	font-family:"Myriad Pro", Arial, Helevetica, sans-serif;
	font-size:1.8em;
	width:250px;
	text-align:center;
	margin:0 0 -12px 0;
}

#sidebar li.link_list{
	list-style:none;
	margin:0 0 12px 0;
	width:250x;
}
#gremz{
margin:0 auto 30px auto;
text-align:center;
}
/*　フッター　*/
#foot{
	margin:0px 0 0px 0;
	padding:15px 0 10px 10px;
	height:55px;
	width:890px;
	background:url("http://susteco.org/wp-content/uploads/foot_spring.jpg") no-repeat left top;
	color:#fff;
	float:left;
	
}
#foot p{
	width:420px;
	margin:0 450px 0 10px;
padding:0;
	float:left;
}
#foot a{
color:#000;
}
p#copyright{
display:none;	width:900px;
	margin:10px 0 0 0;
	float:left;	
}

/*　　個　　別　ページ　*/
/*　　index　　　*/
#index{
	width:900px;
	position:absolute;
	top:290px;
}
p.intro{
	margin:0 0 10px 15px;
}
* html p.intro{
margin:0 0 20px 15px;
}
h2.index_h2{
	margin:0 0 0 15px;
	padding:0;
	width:570px;
}
* html .index_h2{
	margin:-8px 0 10px 15px;
	padding:0;
	width:570px;
}
.articles{
	width:560px;
	margin:0 0 0 15px;
	padding:0 0 15px 0;
/*	border-bottom:1px solid #555;*/
	margin-bottom:0px;
}

.articles p.overview{
	width:530px;
	margin:0;
/*	border-left:5px solid #bbb;*/
padding:0 0 0 10px;
}


h3.article_link a{
	line-height:1em;
	font-size:1em;
	width:520px;
	margin:10px 40px 15px 0;
	padding:0 0 0 25px;
	background-image:url(i/rectangle_green.png);
	background-position:left;
	background-repeat:no-repeat;
	border:none;
	color:#000;
}

h3.article_link a:hover{
	color:#d9ff00;
}
h3.article_link_blog a{
	line-height:1em;
	font-size:1em;
	width:520px;
	margin:10px 40px 15px 0;
	padding:0 0 0 25px;
	background-image:url(i/rectangle_blue.png);
	background-position:left;
	background-repeat:no-repeat;
	border:none;
color:#000;
}
h3.article_link_blog a:hover{
	color:#77bbff;
}

.index_image img{
	border:1px solid #555;
	padding:4px;
	margin:0 0 5px 0;
}

/* article */
.single_article_h1{
	padding:0 0 0 30px;
	width:570px;
	margin:0;
	font-size:1.4em;
}
.category_is_blog{
	background:left url(i/circle_blue.png) no-repeat;
}
.category_is_issue{
	background:left url(i/circle_green.png) no-repeat;
}
.category_is_other{
	background:left url(i/circle.png) no-repeat;
}

* html .single_article_h2{
	margin:-8px 0 0 0;
}
.single_article .image{
	text-align:center;
}
.single_article img{
	border:1px solid #555;
	margin:10px 10px 15px 10px;
	padding:4px;
}

.single_article h2{
	margin:10px 10px 10px 20px;
	font-size:1.2em;
}

.single_article dl,.single_article ul,.single_article ol{
	margin:0 30px 15px 20px;
	padding:0 0 0 15px;
	width:500px;
	line-height:1.8em;
}
.single_article li{
	margin:0;
	width:480px;
	padding:0;
}

.single_article dt{
font-weight:bold;
}

.single_article p.date{
padding:12px 0 -2px 0;
}
.single_article p.date_page{
margin:0 0 -5px 0;
text-align:right;
}
.single_article h3,.single_article h4,.single_article h5,.single_article h6{
	margin:10px 10px 10px 20px;
	font-size:1.2em;
}

.single_article div{
	
}
.single_article p{
	margin:0 30px 15px 20px;
	width:550px;
	line-height:1.8em;
}
.post_info{
color:#fff;
background:#aaa;
font-weight:bold;
psdding:0 3px;
}
.post_info a{
color:#fff;
}
/*comment*/

h3#comments{
	margin:45px 0 0 0;
}
h3#respond{
	margin:20px 0 10px 0;
}
form p{
	margin-bottom:0;
}
#commentform{
	width:450px;
	margin:20px 20px 0 20px;
}
#commentform textarea{
	width:450px;
	height:150px;
}
ol.commentlist{
	width:450px;
	margin0;
	padding:0;
}
ol.commentlist li{
	width:450px;
	margin:0 0 10px 20px;
	padding:0;
	border:1px solid #ddd;
}
#author,#email,#url{
	width:140px;
}
.alt img{
	float:right;
	margin:10px;
}
.commentlist p{
	width:400px;
}

/* BLOCK */

.block{
	background-color:#fff;
	top:0;
	position:relative;
/*	border-left:1px solid #d0d0d0;
	border-right:1px solid #d0d0d0;*/
}
.block_top_600{
	width:600px;
	height:8px;
/*	background:url(i/block_top_600.png) top left no-repeat;*/
	margin:0;
}
.block_bottom_600{
	width:600px;
	height:8px;
/*	background:url(i/block_bottom_600.png) top left no-repeat;*/
	margin-bottom:15px;
}
.block_top_270{
	width:270px;
	height:8px;
/*	background:url(i/block_top_270.png) top left no-repeat;*/
}
.block_bottom_270{
	width:270px;
	height:8px;
/*	background:url(i/block_bottom_270.png) top left no-repeat;*/
	margin-bottom:35px;
}
.sidebar_top{
	width:270px;
	height:8px;
	background:url(i/block_bottom_270.png) top left no-repeat;
}
.sidebar_bottom{
	width:270px;
	height:8px;
	margin-bottom:15px;
}

/*　アーカイブ　 */
.archive ul{
	margin:0;
}
.archive p{
	margin:10px;
}
.archive h1{
	margin:0 0 0 10px;
font-size:1.4em;
}
.page_navi{
text-align:center;
margin-top:60px;
}
.archive_article_title{
font-weight:bold;
}

/* what is */
.single_article img.what_is_pict{
border:0;
}