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



/*main_area*/
#main_area {
	padding-top:33px;
	border-bottom:#00A830 1px solid;
	padding-bottom:0x;
}

#main_area h1{
	margin-left:200px;
}
#main_area h1.case{
	margin-left:49px;
	text-align:left;
}

p.lead {
	padding:10px 10px 24px 10px;
	text-align:center;
	line-height:1.6;
}

/*about_menu*/
.about_menu{
	text-align:left;
	padding-left:50px;
	margin-bottom:15px;
}
.about_menu li{
	float:left;
	width:auto;
	margin-right:18px;
}


/*concept*/
#main_area .section {
	margin:0px 49px 20px 49px;
	padding:25px 0px 0 0;
	border:#CCCCCC 1px solid;
}

#main_area .section .about {
	text-align:left;
}

#main_area .section .about h2{
	margin:10px 0 30px 50px;
	text-align:left;
}

#main_area .section .about h3{
	margin:45px 0 10px 50px;
	text-align:left;
	line-height:1.6;
}

#main_area .section .about p{
	margin:0 0 10px 50px;
	text-align:left;
	line-height:1.6;
}


/*concept ¥Þ¥Ã¥×¥Ü¥¿¥ó*/
#main_area .section .about2 {
	position:relative;
}

#main_area .section .about2 ul {
	position:absolute;
	left:670px;
	top:25px;
}


/*#main_area .section .about_menu {
	margin:20px 0 0 180px;
	float:left;
}

#main_area .section .about_menu p{
	margin-right:20px;
	width:240px; float:left;
}*/

/*solution*/
#main_area .section2 {
	margin:0px 49px 20px 49px;
	padding:25px 0px 40px 0px;
	border:#CCCCCC 1px solid;
}

#main_area .section2 .about {
	text-align:left;
}

#main_area .section2 .about h2{
	margin:10px 0 30px 50px;
	text-align:left;
}

#main_area .section2 .about h3{
	margin:45px 0 10px 50px;
	text-align:left;
	line-height:1.6;
}

#main_area .section2 .about p{
	margin:0 0 10px 50px;
	text-align:left;
	line-height:1.6;
}


#main_area .section2 .about_menu {
	margin:20px 0 0 180px;
}

#main_area .section2 .about_menu p{
/*	list-style:none;
*/	margin-right:20px;
	width:240px; 
	float:left;
}


#main_area .section2 .solution_menu {
	margin:50px 0 0 50px;
}

#main_area .section2 .solution_menu p{
/*	list-style:none;
*/	margin-right:35px;
	width:230px;
	float:left;
}


/*case123*/
#main_area .section3 {
	margin:0 49px 30px 49px;
	padding:25px 0px 20px 0px;
	border:#CCCCCC 1px solid;
}

#main_area .section3 .case {
	margin-left:50px;
	text-align:left;
}

#main_area .section3 .case h2{
	margin:0 0 10px 0;
	text-align:left;
}

#main_area .section3 .case h3{
	margin:10px 0 10px 0;
	text-align:left;
	line-height:1.6;
}

#main_area .section3 h3.index{
	margin:35px 0 20px 0;
	text-align:center;
	line-height:1.6;
}


#main_area .section3 .case p{
	margin:0 0 10px 0;
	text-align:left;
	line-height:1.6;
}

#main_area .section3 .return {
	padding:25px 0 0 375px;
	/*float:left;*/
}

/*„e·™ link*/
ul.link2 {
	list-style:none;
	margin:25px 0 0 0;
	padding:0px;
}

ul.link2 li{
	margin:4px 0px;
	padding:0px 1em 0px 12px;
	background:url(/gallery/biodiversity/image/arrow_red.gif) no-repeat 0px 0.5em;
	color:#333333;
	line-height:1.3;
}

/*case_menu*/
.case_menu{
	text-align:left;
	padding-left:50px;
	padding-top:30px;
	margin-bottom:15px;
}
.case_menu li{
	display:inline;
}
.case_menu li a{
	margin:0 20px 0 0;
}

.case_menu2{
	text-align:left;
	padding-left:50px;
	padding-top:12px;
	margin-bottom:15px;
}
.case_menu2 li{
	float:left;
	width:auto;
	margin-right:20px;
}

/*¶ÎÂä·Ö¤±*/
.col_multi_2,
.col_multi_3{
	float:left;
}

.col {
	float:left;
}

.col2 .col{
	width:370px;
}

.col2 .l {
	margin-right:20px;
}

.col3 .col {
	width:240px;
}

.col3 .col_multi_2{
	width:500px;
}

.col3 .l {
	margin-right:20px;
}

/*popup*/

.note_hover{ font-size:90%; padding:0 10px 10px 0; text-align:right;}

#ill_map{
	position:relative;
	clear:both;
}

#ill_map .popup {
	position:absolute;
	top:0px;
	left:0px;
	background:#FFFFFF;
	width:520px;
	padding:8px 16px 8px 8px;
	border:#8CC63E 2px solid;
	/*IE9+*/
	box-shadow: 4px 4px 16px rgba(0, 0, 0, 0.7);
	-moz-box-shadow: 4px 4px 16px rgba(0, 0, 0, 0.7);
	-webkit-box-shadow: 4px 4px 16px rgba(0, 0, 0, 0.7);
	border-radius: 8px;        /* CSS3²Ý°¸ */
	-webkit-border-radius: 8px;    /* Safari,Google ChromeÓÃ */
	-moz-border-radius: 8px;   /* FirefoxÓÃ */
	cursor:pointer;
	display:none;
}

#ill_map .popup .txt{
	float:right;
	width:250px;
}

#ill_map .popup h3{
	font-weight:bold;
	padding:0.5em 0 0.8em;
	margin-bottom:0.8em;
	border-bottom: #8CC63E 1px solid;
	font-size:123.1%;
}

/**
		=Clearfix
---------------------------------------------------------- */
*:after {
  display:block;
  clear:both;} /* ¤³¤ÎÓ›Êö¤Ï¹Ì¶¨¤Ç¤¹ */

.clearfix,
ul,
dl,
div.section,
.col,
.popup {zoom:1;} /* clearfix IE6, 7 */

.clearfix:after,
ul:after,
dl:after,
div.section:after,
.col:after,
.popup:after {content:"";}

/* End_clearfix */