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


/*-----------------------------------------------
-------------------------------------------------

1．リセット・共通
2．header
   ・ロゴー
   ・グローバルメニュー
   ・flash
3．content
   ・main
   ・sidebar
4．footer
5. 検索結果ページ
6．clearfix

-------------------------------------------------
-----------------------------------------------*/



/*-----------------------------------------------
1．リセット・共通
-----------------------------------------------*/

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, p, th, td, form {
    margin: 0;
    padding: 0;
}

h1 {
    font-size: 13px;
}

body {
    font-family: 'ＭＳ Ｐゴシック','Osaka','ヒラギノ角ゴ Pro W3',sans-serif;
    font-size: 13px;
    line-height: 1;
    background-color: #E4E4E4;
    color: #333333;
}

/*
Font-size list (base: 13px)
 62% =  8px
 70% =  9px
 77% = 10px
 85% = 11px
 93% = 12px
100% = 13px
108% = 14px
116% = 15px
124% = 16px
131% = 17px
139% = 18px
147% = 19px
154% = 20px
200% = 26px
*/

a:link, a:visited, a:hover, a:active {

}

a img { border: none; }

ul { list-style: none; }

#container {
    width: 990px;
    padding: 0 2px;
    margin: 0 auto;
    background: url(../img/common/bg_shadow.gif) repeat-y top left;
}

h2 {
    margin-bottom: 30px;
}

dl.example dt {
    font-weight: bold;
    margin-bottom: 4px;
}

dl.example dd {
    font-size: 85%;
    line-height: 1.4em;
}

dl.example dd.details a {
    color: #388021;
    text-decoration: none;
}

dl.example dd.details a:hover {
    color: #388021;
    text-decoration: underline;
}

.w75 { width: 75px;}

.w90 { width: 90px;}

.w105 { width: 105px;}

.w100 { width: 100px;}

.w110 { width: 110px;}

.w120 { width: 120px;}

.w135 { width: 135px;}

.w150 { width: 150px;}

.w165 { width: 165px;}

.w180 { width: 180px;}

.w190 { width: 190px;}

.w195 { width: 195px;}

.w210 { width: 210px;}



/*-----------------------------------------------
2．header
-----------------------------------------------*/

#header {
				background: url(../img/common/line_green_01.gif) no-repeat top left;
				padding: 4px 0 0 0;
}

#header div#logoBlock {
    width: 990px;
    padding: 11px 0;
}

#header div#logoBlock h1 {
    float: left;
    margin-left: 20px;
}
    
#header div#logoBlock ul.logo {
    float: right;
    margin-right: 20px;
}

#header div#logoBlock ul.logo li {
    float: left;
    margin: 0 0 0 15px;
}

#header div#gnavBlock {
    width: 990px;
				height: 30px;
				border-top: #E1E1E1 1px solid;
    background-color: #F5F5F5;
}

#header ul.gnavLeft li{
    float: left;
    overflow: hidden;
				height: 30px;
}

#header ul.gnavRight li{
    float: left;
    font-size: 85%;
    margin: 11px 0 0 18px;
    line-height: 1.2em;
}

#header ul.gnavRight li a {
    color: #666666;
    text-decoration: none;
}

#header ul.gnavRight li a:hover {
    text-decoration: underline;
}

#header p {
    border-top: #000000 4px solid;
    border-bottom: #000000 4px solid;
}

#header div.administer {
	   position: absolute;
				right: 0;
				top: 0;
				width: 120px;
				padding: 0 5px 0 5px;
				border-bottom: 3px solid #000000;
				background-color: #FFFFFF;
}

#header div.administer p {	
				background: url(../img/common/icon_admin.jpg) no-repeat left center;
				padding-left: 22px;
				height: 32px;
				line-height: 2.5;
				border: none;
}

#header div.administer p a {
				color: #388021;
				text-decoration: underline;
}

#header div.administer p a:hover {
				color: #388021;
				text-decoration: none;
}

/* IE6対策 */

* html #header div#logoBlock h1 {
    margin-left: 10px;
}

* html #header div#logoBlock ul.logo {
    margin-right: 10px;
}

* html #header p {
    margin-top: -2px;
}



#header div#flash {
	   height: 82px;
}

#header div#flash object {
	   height: 82px;
}

#header div#flash p.noFlash {
	   height: 44px;
				padding: 30px 0 0 0;
				text-align: center;
				background-color: #EAEAEA;
}

#header div#flash p.noFlash a {
    color: #3C5C93;
    text-decoration: underline;
}

#header div#flash p.noFlash a:hover {
    color: #3C5C93;
    text-decoration: none;
}


/*-----------------------------------------------
3．content
-----------------------------------------------*/

#content {
    width: 990px;
    background: url(../img/common/bg_content.gif) repeat-y;
}

#content #main { 
    width: 688px;
    padding: 25px 0 35px 25px;
    float: left;
}

#main h1 {
    margin-bottom: 35px;
}

#main p.leadText {
     line-height: 1.8;
     margin-bottom: 35px;
     padding-right: 15px;
}

#main p.leadText a {
 				color: #388021;
	 			text-decoration: underline;
					font-weight: bold;
}

#main p.leadText a:hover {
 				color: #388021;
	 			text-decoration: none;
					font-weight: bold;
}

#main p.leadText a:visited {
 				color: #388021;
					font-weight: bold;
}

#content #sidebar { 
    width: 275px;
				padding: 25px 0 25px 0;
				float: right;
}

#content #main p.returnBtn {
    text-align: center;
}

/* 各ページのmin-heightを指定 */

div#main {
	 min-height: 450px;
}

#main p.gratitude {
	 min-height: 360px;
}

* html #main div#aboutBlock, #main div#aboutNaturetechBlock, #main div#aboutPartnerBlock, 
#main div#sitemapBlock, #main div#termsBlock, #main div#aboutUsBlock {
	 height: 380px; /* IE6対策 強制的に高さを指定した。 */
}


#content #sidebar form#SearchResultForm div.submit {
	 text-align: center;
		margin-top: 15px;
}


/*-----------------------------------------------
4．footer
-----------------------------------------------*/

#footer {
    width: 990px;
				height: 114px;
				background: url(../img/common/line_green_02.jpg) repeat-x top left;
    text-align: center;
				color: #FFFFFF;
}

#footer ul {
     padding-top: 35px;
        margin-bottom: 20px;
}

#footer ul li {
    display: inline;
				padding: 0 10px;
				border-right: #FFFFFF 1px solid;
				line-height: 1.1em;
}

#footer ul li a {
    color: #FFFFFF;
				text-decoration: none;
}

#footer ul li a:hover {
    text-decoration: underline;
}

#footer ul li.last {
    border-right: none;
}

/*-----------------------------------------------
5．検索結果ページ
-----------------------------------------------*/

#main div#searchResultBlock a {
    color: #007600;
    text-decoration: underline;
}

#main div#searchResultBlock a:hover {
    color: #007600;
    text-decoration: none;
}

#main div#searchResultBlock h3 {
    color: #990000;
}

/*-----------------------------------------------
6．clearfix
-----------------------------------------------*/
    
.clearfix:after {
				content: ".";
				display: block;
				height: 0;
				clear: both;
				visibility: hidden;
}
        
.clearfix {
				display: inline-table;
}
            
.clearfix {
				display: block;
}