@charset 'UTF-8';

.overflowhidden{overflow:hidden}

#contentFlont{
	width:880px;
	margin-top:10px; 
	background:url(../images/border_01.gif) repeat-y 667px 0;
	padding:0 10px;
	}

/*
=============mainImg_news=============*/

#contentFlont #mainImg{
	width:880px;
	height:268px;
	background:url(../images/flont_main.jpg) no-repeat;
	position:relative;
	}
	
#contentFlont #mainImg dl.news{
	width:195px;
	position:absolute;
	left:683px;
	top:30px;
	}

#contentFlont #mainImg dl.news dd a{
	color:#FFFFFF;
	}

#contentFlont #mainImg dl.news dd {
	font-size:10px;
	color:#FFFFFF;
	}

#contentFlont #mainImg dl.news dd .day{
	font-size:10px;
	font-weight:bold;
	color:#FFFFFF;
	}

#contentFlont #mainImg dl.news dd.ichiran{
	text-align:right;
	}
	
/*
==========================middle_left==========================*/

#contentFlont #leftBox{
	width:650px;
	margin-top:10px;
	margin-right:10px;
	float:left;
	}

/*
=============quick=============*/

#contentFlont #leftBox #quick{
	display:block;
	width:650px;
	height:134px;
	background:url(../images/flont_quick.gif) no-repeat;
	position:relative;
	}

#contentFlont #leftBox #quick p{
	width:213px;
	height:55px;
	font-size:10px;
	color:#00693e;
	line-height:140%;
	position:absolute;
	left:15px;
	top:65px;
	}

#contentFlont #leftBox #quick a.car{
	display:block;
	overflow:hidden;
	width:76px;
	height:100px;
	position:absolute;
	top:23px;
	left:236px;
	}

#contentFlont #leftBox #quick a.air{
	display:block;
	overflow:hidden;
	width:76px;
	height:100px;
	position:absolute;
	top:23px;
	left:318px;
	}

#contentFlont #leftBox #quick a.train{
	display:block;
	overflow:hidden;
	width:76px;
	height:100px;
	position:absolute;
	top:23px;
	left:400px;
	}

#contentFlont #leftBox #quick a.home{
	display:block;
	overflow:hidden;
	width:76px;
	height:100px;
	position:absolute;
	top:23px;
	left:482px;
	}

#contentFlont #leftBox #quick a.event{
	display:block;
	overflow:hidden;
	width:76px;
	height:100px;
	position:absolute;
	top:23px;
	left:564px;
	}

/*
=============link=============*/

#contentFlont #leftBox #contentsLinkFlont{
	width:650px;
	top:144px;
	margin-top:10px;
	}

#contentFlont #leftBox #contentsLinkFlont a{
	color:#666;
	}

#contentFlont #leftBox #contentsLinkFlont #contents1{
	width:210px;
	background:url(../images/flont_mid_box_m.gif) repeat-y;
	float:left;
	margin-right:10px;
	}

#contentFlont #leftBox #contentsLinkFlont #contents2{
	width:210px;
	background:url(../images/flont_mid_box_m.gif) repeat-y;
	float:left;
	margin-right:10px;
	}

#contentFlont #leftBox #contentsLinkFlont #contents3{
	width:210px;
	background:url(../images/flont_mid_box_m.gif) repeat-y;
	float:left;
	}
	
#contentFlont #leftBox #contentsLinkFlont #contents1 h2{
	width:210px;
	height:24px;
	background:url(../images/flont_what_tit.gif) no-repeat;
	}

#contentFlont #leftBox #contentsLinkFlont #contents2 h2{
	width:210px;
	height:24px;
	background:url(../images/flont_think_tit.gif) no-repeat;
	}

#contentFlont #leftBox #contentsLinkFlont #contents3 h2{
	width:210px;
	height:24px;
	background:url(../images/flont_service_tit.gif) no-repeat;
	}

#contentFlont #leftBox #contentsLinkFlont #contents1 dl,
#contentFlont #leftBox #contentsLinkFlont #contents2 dl,
#contentFlont #leftBox #contentsLinkFlont #contents3 dl{
	width:210px;
	min-height:210px;
	background:url(../images/flont_mid_box_b.gif) no-repeat bottom;
	padding-bottom:7px;
	}

*html #contentFlont #leftBox #contentsLinkFlont #contents1 dl,
*html #contentFlont #leftBox #contentsLinkFlont #contents2 dl,
*html #leftBox #contentsLinkFlont #contents3 dl{
	width:210px;
	height:210px;
	background:url(../images/flont_mid_box_b.gif) no-repeat bottom;
	padding-bottom:7px;
	}

#contentFlont #leftBox #contentsLinkFlont #contents1 dl dt{
	width:210px;
	height:128px;
	background:url(../images/flont_what_img.gif) no-repeat;
	}

#contentFlont #leftBox #contentsLinkFlont #contents2 dl dt{
	width:210px;
	height:128px;
	background:url(../images/flont_think_img.gif) no-repeat;
	}

#contentFlont #leftBox #contentsLinkFlont #contents3 dl dt{
	width:210px;
	height:128px;
	background:url(../images/flont_service_img.gif) no-repeat;
	}

#contentFlont #leftBox #contentsLinkFlont #contents1 dl dd,
#contentFlont #leftBox #contentsLinkFlont #contents2 dl dd,
#contentFlont #leftBox #contentsLinkFlont #contents3 dl dd{
	margin:3px 10px;
	padding-left:17px;
	background:url(../images/list_01.gif) no-repeat 0 0.3em;
	font-size:10px;
	color:#666;
	}

/*
=============project=============*/

#contentFlont #leftBox #projectFlont{
	background:url(../images/flont_pro_box_bg.gif) repeat-y;
	margin-top:10px;
	}
	
#contentFlont #leftBox #projectFlont .title{
	width:650px;
	height:30px;
	background:#fffcdb url(../images/flont_pro_tit.gif) no-repeat top;
	}
	
#contentFlont #leftBox #projectFlont .title a{
	display:block;
	width:170px;
	height:23px;
	float:right;
	}

#contentFlont #leftBox #projectFlont .left{
	float:left;}

#contentFlont #leftBox #projectFlont .right{
	float:right;}

#contentFlont #leftBox #projectFlont .projectBoxL{
	width:315px;}

#contentFlont #leftBox #projectFlont .projectBoxL h3{
	width:297px;
	padding-left:18px;
	background:url(../images/list_02.gif) no-repeat 0 0.3em;
	font-size:12px;
	font-weight:bold;
	color:#666666;
	border-bottom:2px #c7c5ab solid;
	margin-left:3px;
	}

#contentFlont #leftBox #projectFlont .projectBoxL h3 a{
	color:#666;}

#contentFlont #leftBox #projectFlont .projectBoxL p.pro{
	font-size:12px;
	margin-top:3px;
	margin-left:3px;
	}
	
#contentFlont #leftBox #projectFlont .projectBoxL .projectBoxM{
	margin-top:5px;
	background: #FFFFFF url(../images/flont_pro_box_m.gif) repeat-y bottom;
	}

#contentFlont #leftBox #projectFlont .projectBoxL .projectBoxM2{
	margin-top:5px;
	background: #FFFFFF url(../images/flont_pro_box_m2.gif) repeat-y bottom;
	}
	
#contentFlont #leftBox #projectFlont .projectBoxL .projectBoxM .top{
	width:315px;
	height:10px;
	background:url(../images/flont_pro_box_t.gif) no-repeat;
	overflow:hidden;
	}

#contentFlont #leftBox #projectFlont .projectBoxL .projectBoxM2 .top{
	width:315px;
	height:10px;
	background:url(../images/flont_pro_box_t2.gif) no-repeat;
	overflow:hidden;
	}
#contentFlont #leftBox #projectFlont .projectBoxL .projectBoxM .bottom,
#contentFlont #leftBox #projectFlont .projectBoxL .projectBoxM2 .bottom{
	width:315px;
	height:10px;
	background:url(../images/flont_pro_box_b.gif) no-repeat;
	overflow:hidden;
	}

#contentFlont #leftBox #projectFlont .projectBoxL .projectBoxM h4,
#contentFlont #leftBox #projectFlont .projectBoxL .projectBoxM2 h4{
	width:170px;
	float:right;
	padding:0 10px 0 18px;
	background:url(../images/list_03.gif) no-repeat 0 0.3em;
	font-weight:bold; 
	}

#contentFlont #leftBox #projectFlont .projectBoxL .projectBoxM h4 a,
#contentFlont #leftBox #projectFlont .projectBoxL .projectBoxM2 h4 a{
	color:#666;}

#contentFlont #leftBox #projectFlont .projectBoxL .projectBoxM img,
#contentFlont #leftBox #projectFlont .projectBoxL .projectBoxM2 img{
	float:left;
	margin-left:10px;}

#contentFlont #leftBox #projectFlont .projectBoxL .projectBoxM p,
#contentFlont #leftBox #projectFlont .projectBoxL .projectBoxM2 p{
	float:right;
	width:185px!important;
	width:175px;
	padding:10px 0 0 0;
	font-size:12px;
	margin:3px 10px 0 0;
	background:url(../images/flont_pro_box_pbg.gif) repeat-x;
	}
	
/*	
=============jirei=============*/

#contentFlont #leftBox #jireiFlont{
	margin-top:10px;
	}
	
#contentFlont #leftBox #jireiFlont .title{
	width:650px;
	height:30px;
	background:#fffcdb url(../images/flont_jirei_tit.gif) no-repeat top;
	}
	
#contentFlont #leftBox #jireiFlont .title a{
	display:block;
	width:90px;
	height:23px;
	float:right;
	}

#contentFlont #leftBox #jireiFlont ul{
	padding:0 12px;}

#contentFlont #leftBox #jireiFlont ul li{
	background:url(../images/list_03.gif) no-repeat 0 0.3em;
	padding-left:18px;
	font-size:12px;
	color:#666;
	line-height:180%;
	}

#contentFlont #leftBox #jireiFlont ul li .day{
	color:#8a8a8a;}

#contentFlont #leftBox #jireiFlont ul li .jireiText{
	width:510px;
	display:block;
	float:right;
	}

#contentFlont #leftBox #projectFlont .projectBoxL .projectBoxM2 div.bn_eco{
	position:relative;
	width:295px;
	height:119px;
	padding:0px;
	margin:0px auto;
	background:url(../images/bn_ecopoint02.gif) no-repeat;
}

div.bn_eco div.ecob01{
	position:absolute;
	top:37px;
	left:0px;
	width:120px;
	height:60px;
	padding:0px;
	margin:0px;
	background:url(../images/bn_eco03.gif) no-repeat;
}

div.bn_eco div.ecob01 a{
	display:block;
	width:120px;
	height:60px;
}
div.bn_eco div.ecob02{
	position:absolute;
	top:37px;
	left:130px;
	width:120px;
	height:60px;
	padding:0px;
	margin:0px;
	background:url(../images/bn_eco04.gif) no-repeat;
}
div.bn_eco div.ecob02 a{
	display:block;
	width:120px;
	height:60px;
}

div.bn_eco div.List{
	position:absolute;
	top:106px;
	left:0px;
}

div.bn_eco div.List{
	position:absolute;
	top:104px;
	left:0px;
	width:295px;
}

div.bn_eco div.List ul li{
	margin:0px 10px;
	padding-left:17px;
	background:url(../images/list_01.gif) no-repeat 0;
	font-size:12px;
	color:#666;
}


div.List ul li{
	margin:0px 10px;
	padding-left:17px;
	background:url(../images/list_01.gif) no-repeat 0;
	font-size:12px;
	color:#666;
}
/*
==========================/middle_left==========================*/

/*
==========================middle_right==========================*/

#contentFlont #rightBox{
	width:210px;
	float:right;
	margin-top:10px;
	}
	
#contentFlont #rightBox	#data{
	width:210px;
	height:103px;
	background:url(../images/data_bg.gif) no-repeat;
	margin-bottom:10px;
	position:relative;
	}

#contentFlont #rightBox	#data table{
	position:absolute;
	top:32px;
	left:12px;
	font-size:12px;
	}

