/**
 * 
 * @version 
 * @author 
 */


html, body {
	height: 100%;
}

body {
	margin: 0;
	padding: 0;
	background:#F2F1F0;
	font-size: 16px;
	line-height: 1.65;
	color: #333;
	font-family:Verdana, "ヒラギノ丸ゴ Pro","Hiragino Maru Gothic Pro","ＭＳ Ｐゴシック", sans-serif;
}
* html body{
	font-size: 100%;
}
*+html body{
	font-size: 100%;
}

/** Universal Reset
-----------------------------------------*/
h2,h4,h5,h6,p {
	margin: 0;
}
ul,li,ol {
	margin: 0;
	padding: 0;
	list-style: none;
}
form {
	margin: 0;
	padding: 0;
}
img {
	border: 0;
}
a {
	outline: 0;
	text-decoration:none;
	color:#333;
}
a:hover {
	color:#8CC121;
}

p{
	font-size:77%;
}



/** Utility Class
-----------------------------------------*/
.clearfix:after {
	content: ".";
	display: block;
	visibility: hidden;
	clear: both;
	height: 0;
}
.clearfix {display: inline-table;}
/* Hides from IE-mac \*/
.clearfix {display: block;}
/**/
* html .clearfix {zoom: 1;}
*+html .clearfix {zoom: 1;}



/** Common Layout
-----------------------------------------*/
#wrapper{
	width:1100px;
	margin:0 auto;
	background:url(../images/global/bg_illust.gif) top no-repeat;
	height:100%;
}
#wrapper:after {
    content: "";
    clear: both;
    height: 0;
    display: block;
    visibility: hidden;
}
#container {
	width: 900px;
	height: 100%;
	margin: 0 100px;
	position:absolute;
	}
#content {
	min-height: 600px;
	height: auto !important;
	height: 600px;
	background:url(../images/global/bg_content.gif) bottom left no-repeat;
	position:relative;
	padding:0 45px 40px 45px;
}
body#home #content {
	background:url(../images/global/bg_green.gif) bottom left no-repeat;
	padding:0;
}
#content p{
	margin-bottom:1em;
}
/*  header  */
#header{
	width:900px;
	position:relative;
	height:70px;
	z-index: 1000;
}
/*  275  */
#logo{
	width:90px;
	height:80px;
	position: absolute;
	left:-25px;
	top:20px;
}
* html #logo a{
	cursor:pointer;
}
/*  Backhome  */
#backhome a{
	width:30px;
	height:54px;
	position: absolute;
	left:-30px;
	top:107px;
	text-indent:-9876px;
	display:inline;
	}
#backhome:after {
	height: 0;
	visibility: hidden;
	content: ".";
	display: block;
	clear: both;
}
#backhome a{
	background:url(../images/global/backhome.gif) no-repeat;
}
#backhome a:hover{
	background-position:0 -54px;
	}
/*  flash  */
#flash{
	width:900px;
	height:265px;
	background:url(../images/global/bg_fla.gif) no-repeat;
}
/*  title  */
#title{
	width:900px;
	background:url(../images/global/subtitle.gif) left bottom no-repeat;
	padding-bottom:35px;
		}
#title:after {
	height: 0;
	visibility: hidden;
	content: ".";
	display: block;
	clear: both;
}
body#activity #title{
	background:url(../images/global/subtitle_act.gif) left bottom no-repeat;
}
body#forest #title{
	background:url(../images/global/subtitle_for.gif) left bottom no-repeat;
}
body#news #title{
	background:url(../images/global/subtitle_new.gif) left bottom no-repeat;
}
body#other #title{
	background:url(../images/global/subtitle_oth.gif) left bottom no-repeat;
}
body#theme #title{
	background:url(../images/global/subtitle_the.gif) left bottom no-repeat;
}

#title #pan{
	padding:9px 10px 14px 10px;
	color:#6E9814;
	font-weight:bold;
	margin-left:35px;
	}
#title #pan a{
	background:url(../images/global/point.gif) right 50% no-repeat;
	padding-right:14px;
	color:#000;
	font-weight:normal;
	margin-right:10px;
}
#title #pan a:hover{
	color:#8CC121;
	text-decoration:underline;
}
#title h2{
	margin:0 0 0 45px;
}
/*　footer　*/
#footer{
	clear:both;
	width: 900px;
	position:relative;
	margin-top:20px;
	height:4em;
}
#footer ul{
	float:right;
	font-size:66%;
	margin-left:3em;
	border-left:#CCC 1px solid;
	color:#333;
}
#footer li{
	background:url(../images/global/arrow_small.gif) left no-repeat;
	padding-left:14px;
}
#pagetop{
	float:right;
	width:17px;
    position:absolute;
    top:-70px;
    right:-17px;
}
#pagetop a{
	cursor:pointer;
}
body#home #pagetop{
    top:-180px;
}
#copyright {
	clear:both;
	width:400px;
	margin: 0;
	float:left;
}
/** Navigation Layout
-----------------------------------------*/
/*　GrobalNavigation　*/
#globalnavi{
	width:900px;
	height:55px;
	background: url(../images/global/grade_02.png) top no-repeat;
}
body#home #globalnavi{
	background: url(../images/global/grade01.png) top no-repeat;
}
#globalnavi:after {
	height: 0;
	visibility: hidden;
	content: ".";
	display: block;
	clear: both;
}
#globalnavi ul{
}
#globalnavi li{
	display:inline;
	float:left;
	height:55px;
}
#globalnavi li a {  
	height:55px;
	display:block;  
	text-indent:-9877em;  
	overflow:hidden;  
}  
#globalnavi li 	a:hover{
	background-position:0px -55px;
}
#gnavi_about{
	width:139px;
	margin-left:42px;
}
#gnavi_theme{
	width:135px;
}
#gnavi_activity{
	width:134px;
}
#gnavi_forest{
	width:135px;
}
#gnavi_news{
	width:135px;
}
/*　注！リンクしたらbackgroundとtext-indentを削除すること　*/
#gnavi_membership{
	width:138px;
	background:url(../images/global/global_navi_06.png) no-repeat;
	text-indent:-9877em;  
}

/*　275研究所とは　*/
#gnavi_about a{
	background:url(../images/global/global_navi_01.png) no-repeat;
}
body#about #gnavi_about a{
	background:url(../images/global/global_navi_01_01.png) no-repeat;
}
* html body#about #gnavi_about a{
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.275.jp/images/global/global_navi_01_01.png',sizingMethod=crop);
}
* html #gnavi_about a{
	cursor:pointer;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.275.jp/images/global/global_navi_01.png',sizingMethod=crop);
}
* html #gnavi_about a:hover{
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.275.jp/images/global/global_navi_01_01.png',sizingMethod=crop);
}

/*　研究テーマ　*/
#gnavi_theme a{
	background:url(../images/global/global_navi_02.png) no-repeat;
}
body#theme #gnavi_theme a{
	background:url(../images/global/global_navi_02_01.png) no-repeat;
}
* html body#theme #gnavi_theme a{
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.275.jp/images/global/global_navi_02_01.png',sizingMethod=crop);
}
* html #gnavi_theme a{
	cursor:pointer;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.275.jp/images/global/global_navi_02.png',sizingMethod=crop);
}
* html #gnavi_theme a:hover{
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.275.jp/images/global/global_navi_02_01.png',sizingMethod=crop);
}
	
/*　活動紹介　*/
#gnavi_activity a{
	background:url(../images/global/global_navi_03.png) no-repeat;
}
body#activity #gnavi_activity a{
	background:url(../images/global/global_navi_03_01.png) no-repeat;
}
* html body#activity #gnavi_activity a{
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.275.jp/images/global/global_navi_03_01.png',sizingMethod=crop);
}
* html #gnavi_activity a{
	cursor:pointer;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.275.jp/images/global/global_navi_03.png',sizingMethod=crop);
}
* html #gnavi_activity a:hover{
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.275.jp/images/global/global_navi_03_01.png',sizingMethod=crop);
}


/*　プロジェクトの森　*/
#gnavi_forest a{
	background:url(../images/global/global_navi_04.png) no-repeat;
}
body#forest #gnavi_forest a{
	background:url(../images/global/global_navi_04_01.png) no-repeat;
}
* html body#forest #gnavi_forest a{
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.275.jp/images/global/global_navi_04_01.png',sizingMethod=crop);
}
* html #gnavi_forest a{
	cursor:pointer;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.275.jp/images/global/global_navi_04.png',sizingMethod=crop);
}
* html #gnavi_forest a:hover{
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.275.jp/images/global/global_navi_04_01.png',sizingMethod=crop);
}

/*　最新情報　*/
#gnavi_news a{
	background:url(../images/global/global_navi_05.png) no-repeat;
}
body#news #gnavi_news a{
	background:url(../images/global/global_navi_05_01.png) no-repeat;
}
* html body#news #gnavi_news a{
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.275.jp/images/global/global_navi_05_01.png',sizingMethod=crop);
}
* html #gnavi_news a{
	cursor:pointer;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.275.jp/images/global/global_navi_05.png',sizingMethod=crop);
}
* html #gnavi_news a:hover{
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.275.jp/images/global/global_navi_05_01.png',sizingMethod=crop);
}

/*　登録情報　*/
#gnavi_membership a{
	background:url(../images/global/global_navi_06.png) no-repeat;
}
body#membership #gnavi_membership a{
	background:url(../images/global/global_navi_06_01.png) no-repeat;
}
* html body#membership #gnavi_membership a{
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.275.jp/images/global/global_navi_06_01.png',sizingMethod=crop);
}
* html #gnavi_membership a{
	cursor:pointer;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.275.jp/images/global/global_navi_06.png',sizingMethod=crop);
}
* html #gnavi_membership a:hover{
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.275.jp/images/global/global_navi_06_01.png',sizingMethod=crop);
}

h1 {
	width: 900px;
	height: 50px;
	margin: 0;
	padding: 0;
}
h2{
	padding-top:10px;
}
h2.catetitle{
	font-size:100%;
	padding:0 0 1em 0;
	color:#6E9914;
}

h3{
	font-size:100%;
	background:url(../images/forest/h3_bgsmall.jpg) left top no-repeat;
	color:#FFF;
	margin:0 0 1em 0;
	padding:3px 0px 3px 15px;
	}
h3 .prjtitle{
	margin:1em 0;
}
h4{
	font-size:100%;
	font-weight:bold;
	color:#6E9914;
	border-bottom:#CFCFCF 1px dotted;
	margin:0 0 1em 0;
}
* html h4{
	height:23px;
}
* html h3{
	margin:0 0 12px 0;
	padding:7px 0px 3px 15px;
	height:23px;
	background:url(../images/forest/h3_bgsmall.jpg) left 50%  no-repeat;
}
.entrybody{
	margin-bottom:2em;
}
.entrybody:after {
	height: 0;
	visibility: hidden;
	content: ".";
	display: block;
	clear: both;
}
.entrybody ul{
	font-size:77%;
	margin-bottom:1em;
	clear:left;
}
.entrymore ul{
	font-size:77%;
	margin-bottom:1em;
}
.entrybody ul li,.entrymore ul li{
	background:url(../images/global/arrow_small2.gif) left 8px no-repeat;
	padding-left:16px;
}
* html .entrybody ul li,* html .entrymore ul li{
	background:url(../images/global/arrow_small2.gif) left 8px no-repeat;
	padding-left:16px;
	height:12px;
	}
#leadcopy{
	font-size:88%;
	margin-bottom:2em;
}
.detail{
	clear:left;
	font-size:77%;
	background:url(../images/global/arrow.gif) left no-repeat;
	padding-left:30px;
}
.ret{
	border-top:#CFCFCF 1px dotted;
	display:block;
	margin-top:2em;
	padding-top:0.75em;
}

.ret a{
	background:url(../images/global/arrow.gif) left no-repeat;
	padding-left:30px;
}
/** 公開時のみ
-----------------------------------------*/
.link a{
	background:url(../images/global/arrow.gif) left no-repeat;
	padding-left:30px;
}
*html .link a{
	height:12px;
}
*+html .link a{
	height:12px;
}


/** Layout
-----------------------------------------*/
#leftside{
	float:left;
	width:535px;
}
.rightside{
	float:right;
	width:235px;
}

.rightside ul{
	font-size:77%;
	line-height:2;
	margin-bottom:3em;
}
.rightside ul li a{
	background:url(../images/news/arrow.gif) left 50% no-repeat;
	padding-left:15px;
}
#return{
	border-top:#CFCFCF 1px solid;
	padding-top:1em;
}
.title{
	font-size:88%;
	background:url(../images/global/naname.gif);
	font-weight:bold;
	padding:0.2em 0 0.2em 0.5em;
	display:block;
}

.label{
	border-top:#CFCFCF 1px dotted;
	border-bottom:#CFCFCF 1px dotted;
	padding:0.25em 0;
	margin:1em 0 0.5em 0;
}
.rightside ul li.report a{
	background:url(../images/forest/report.gif) left 50% no-repeat;
}
* html .rightside ul li.report a{
	background:url(../images/forest/report.gif) left top no-repeat;
}
.newreport{
	background:url(../images/forest/report.gif) left 50% no-repeat;
	padding:10px 0 10px 15px;
	border-top:#CFCFCF 1px dotted;
	display:block;
	margin-bottom:4em;
}
.box{
	clear:left;
	margin-bottom:1em;
}
.box:after {
    content: "";
    clear: both;
    height: 0;
    display: block;
    visibility: hidden;
}
.leftbox{
	float:left;
	width:320px;
}
.rightbox{
	width:200px;
	float:left;
	margin-left:15px;
	font-size:88%;
}
*html .rightbox{
	width:200px;
	float:right;
	font-size:88%;
}
.rightbox img{
	padding:0 0 0.5em 0;!important
	margin-bottom:1em;
	float:none;
}

.entrybody p img{
	float:right;
	padding-left:1em;
}
p.photo{
	margin-bottom:1em;
}
p.photo img{
	padding:0 0 2em 0em;
}
div.imgbox{
	clear:both;
	margin:2em 0 1em 0;
	background-color:#f3f1ee;
	padding:1em;
}
div.imgbox:after {
    content: "";
    clear: both;
    height: 0;
    display: block;
    visibility: hidden;
}
*html div.imgbox{
	height:1px;
	padding:1em 1em 0em 1em;
}

div.imgbox img{
	float:right;
	padding:0;
}
.pdf{
clear:both;
}
.pdf a{
	background:url(../images/global/pdficon.gif) left 50% no-repeat;
	padding-left:15px;
	clear:left;
}
.topbox{
	margin:0 0 1em 0;
}
topbox:after {
    content: "";
    clear: both;
    height: 0;
    display: block;
    visibility: hidden;
}
.topimage{
	margin-bottom:2em;
}