@charset "utf-8";

/*********************************************************************/

#wrap{
	width:880px;
	width:820px;
	margin:20px auto 40px;
	text-align:left;
	border:solid 1px #999;
	border:solid 1px #777;
	background:#fff;
	}

#mainImg{
	background:url(../images/top/mainImg.jpg) no-repeat;
	width:880px;
	width:820px;
	height:180px;
	height:250px;
	height:220px;
	text-indent:-9999px;
	overflow:hidden;
	/*height:1px;*/
	}

/***********************/

#contents{
	width:680px;
	width:880px;
	width:820px;
	float:right;
	float:none;
	background:#ddd;
	background:#fff;
	padding:0;
	}

/***********************/
#contents h2{
	height:60px;
	height:16px;
	height:auto;
	text-align:center;
	font-size:16px;
	line-height:140%;
	padding:10px;
	clear:both;
	margin:0;
	}
/*
#contents h2{
	background:url(../images/top/top_h2_back.gif) no-repeat;
	width:880px;
	height:70px;
	text-indent:-9999px;
	overflow:hidden;
	}
*/
/***********************/

.container{
	height:180px;/*★★★★★*/
	border:solid 1px #ccc;
	margin:20px;
	}

/***********************/
.container:after{
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
}
.container{display:inline-block;} 
* html .container{height:1%;}
.container{display:block;}
/***********************/

/*************************/

#pointArea.container{
	clear:both;
	border:none;
	background:#FBEFCA;
	height:auto;
	margin-top:0px;
	margin-bottom:20px;
	}

#pointArea.container h3{
	background:url(../images/top/top_pointArea_h3_back.gif) no-repeat;
	height:60px;
	text-indent:-9999px;
	overflow:hidden;
	}


#pointArea.container ul{
	padding:10px 0;
	padding-left:6px;
	}

/*
#pointArea.container ul li{
	width:370px;
	width:340px;
	height:120px;
	margin-left:10px;
	margin-bottom:10px;
	float:left;
	padding:10px;
	border:solid 5px #FFCC66;
	background:#fff;
	}

#pointArea.container ul li h4{
	font-size:16px;
	border-bottom:solid 1px #999;
	line-height:180%;
	}
*/

#pointArea.container ul li.left{
	clear:both;
	}

#pointArea.container ul li{
	width:344px;
	height:120px;
	margin-right:6px;
	margin-bottom:10px;
	float:left;
	padding-top:34px;
	padding-left:28px;
	padding-right:6px;
	}

/***********************/
#pointArea.container ul:after{
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
}
#pointArea.container ul{display:inline-block;} 
* html #pointArea.container ul{height:1%;}
#pointArea.container ul{display:block;}
/***********************/

#pointArea.container ul li h4{
	text-indent:-9999px;
	overflow:hidden;
	}

#pointArea.container ul li#point_01{
	background:url(../images/top/point/point_01.jpg) no-repeat;
	}

#pointArea.container ul li#point_02{
	background:url(../images/top/point/point_02.jpg) no-repeat;
	}

#pointArea.container ul li#point_03{
	background:url(../images/top/point/point_03.jpg) no-repeat;
	}

#pointArea.container ul li#point_04{
	background:url(../images/top/point/point_04.jpg) no-repeat;
	}

#pointArea.container ul li#point_05{
	background:url(../images/top/point/point_05.jpg) no-repeat;
	}

#pointArea.container ul li#point_06{
	background:url(../images/top/point/point_06.jpg) no-repeat;
	}


/*************************/

#contactArea.container{
	clear:both;
	border:none;
	background:url(../images/top/contactArea_back.jpg) no-repeat;
	height:306px;
	height:330px;
	height:310px;
	position:relative;
	}

#contactArea.container h3{
	background:url(../images/top/top_contactArea_h3_back.gif) no-repeat;
	height:60px;
	height:55px;
	text-indent:-9999px;
	overflow:hidden;
	}

#contactArea.container table{
	width:480px;
	position:absolute;
	left:20px;
	bottom:54px;
	bottom:44px;
	line-height:120%;
	}

#contactArea.container th{
	width:120px;
	vertical-align:top;
	}

#contactArea.container h4{
	font-weight:normal;
	}

#contactArea.container ul.serviceList{
	}

#contactArea.container ul.serviceList li{
	float:left;
	margin-right:1em;
	white-space: nowrap;
	}

#contactArea.container ul.areaList{
	}

#contactArea.container ul.areaList li{
	float:left;
	margin-right:1em;
	white-space: nowrap;
	}

/*******************/

#contactArea.container a#contactForm_button{
	display:block;
	background:url(../images/top/contactForm_button.jpg);
	width:292px;
	width:250px;
	height:32px;
	position:absolute;
	bottom:30px;
	right:20px;
	text-indent:-9999px;
	overflow:hidden;
	}

#contactArea.container a#contactForm_button:hover{
	background-position:bottom;
	}

/***********************/

#infoArea.container{
	clear:both;
	border:none;
	height:auto;
	}

#infoArea #feedArea{
	border:solid 4px #8FB82E;
	border:solid 1px #ccc;
	height:190px;
	width:600px;
	width:540px;
	padding-top:40px;
	padding-top:50px;
	float:left;
	background:url(../images/top/infomation_title.jpg) no-repeat;
	}

/*******************/
/*
#infoArea #feedArea{
	border:solid 4px #8FB82E;
	border:solid 1px #ccc;
	height:200px;
	width:400px;
	padding-top:40px;
	padding-top:50px;
	float:left;
	background:url(../images/top/infomation_title.jpg) no-repeat;
	}
*/

#infoArea #feedArea #feedList{
	margin:10px;
	}
	
* html #infoArea #feedArea #feedList{
	margin:8px;
	}

/*************************/


#infoArea #serviceArea{
	width:200px;
	height:220px;
	padding:10px;
	padding-top:10px;
	background:#66C3E3;
	background:#fff;
	background:url(../images/top/catalogList_back.jpg) no-repeat;
	background:#eee;
	border:solid 1px #ccc;
	float:right;
	}

#infoArea #serviceArea h5{
	margin-bottom:10px;
	background:#36B3CF;
	padding:3px 6px;
	color:#fff;
	}

#infoArea #serviceArea ul li{
	border-bottom:dotted 1px #333;
	line-height:18px;
	background:url(../images/mark/mark_02.gif) no-repeat;
	padding-left:18px;
	}

#infoArea #serviceArea ul li a{
	text-decoration:none;
	color:#333;
	}

#infoArea #serviceArea a#tenken{
	display:block;
	width:200px;
	height:60px;
	text-indent:-9999px;
	overflow:hidden;
	background:url(../images/top/tenken_button.jpg) no-repeat;
	margin:10px 0;
	}

#infoArea #serviceArea a#tenken:hover{
	background-position:bottom;
	}

/*************************/

#infoArea #catalogList{
	width:180px;
	height:200px;
	padding:20px;
	padding-top:50px;
	background:#66C3E3;
	background:#fff;
	background:url(../images/top/catalogList_back.jpg) no-repeat;
	float:right;
	}

/*
#infoArea #catalogList{
	width:380px;
	height:200px;
	padding:20px;
	padding-top:40px;
	background:#66C3E3;
	background:#fff;
	background:url(../images/top/catalogList_back.jpg) no-repeat;
	float:right;
	}
*/

/*
#infoArea #catalogList ul{
	}	

#infoArea #catalogList li{
	margin-bottom:0px;
	list-style:none;
	}	
*/
/*************************/
/*
#infoArea #bannerArea{
	width:180px;
	padding:20px;
	padding-bottom:10px;
	background:#66C3E3;
	float:right;
	}

#infoArea #bannerArea li{
	margin-bottom:12px;
	}

#infoArea #bannerArea li a{
	display:block;
	width:180px;
	height:60px;
	background:#fff;
	}
*/
/*************************/

.gotop{
	padding:20px 0 0px 660px;
	padding-top:0;
	clear:both;
	}