@charset "utf-8";						

/* CSS Common Document */

/*
 * --- メイン ---
 */

#main #contents {
	/*padding-top: 48px;*/
	/*margin-bottom: 48px;*/
	border-top: 1px solid #00AD00;
}

#main #contents .item {
	background-image: url(../images/bg_top.jpg);
	background-repeat: no-repeat;
	padding-top:150px;
	padding-bottom:55px;
}

#main #contents .item .left {
	float:left;
	padding-left:50px;
}

#main #contents .item .right {
	float:right;
	padding-right:50px;
}

#main #contents .item .left p,#main #contents .item .right p,#main #contents #company p{
	padding:5px;
	font-size:14px;
	font-weight:bold;
}

#main #contents .item .btn {
	padding-top: 120px;
	padding-left: 30px;
	/*padding-bottom: 88px;*/
	overflow: hidden;
}
#main #contents .item .tobio{
	float: left;
	overflow: hidden;
	height: 90px;
	padding-top: 0px;
	padding-bottom: 58px;
}

#main #contents #company{
	padding:21px 50px 10px 50px;
}

#main #contents .item .tobio a {
	/*float: left;*/
	display: block;
	background-image: url(../images/btn_tobio_index_d.png);

	/*background-repeat: no-repeat;*/
	width: 311px;
	height: 150px;

	margin-top: 0px;
	margin-right: 40px;
	margin-left: 20px;
}


#main #contents .item .tobio a:hover {
	background-position: 0 -150px;
	cursor:pointer;
	_margin-top: -150px; /* a要素を上に40px動かす */ 
　　_padding-top: 150px;
}

* html #main #contents .item .tobio a {
  behavior: url(http://www.hgw.co.jp/test/htc/iepngfix.htc);
  
}

/*
* html #main #contents .item .tobio a:hover {
	behavior: url(http://www.hgw.co.jp/test/htc/iepngfix.htc);
  background-image: url(../images/btn_seisou_index_d.png);
  cursor:crosshair;
}
*/
#main #contents .item .seisou{
	overflow: hidden;
	height: 150px;
}


#main #contents .item .seisou a {
	float: left;
	display: block;
	background-image: url(../images/btn_seisou_index_d.png);
	background-repeat: no-repeat;
	width: 311px;
	height: 150px;
}

* html #main #contents .item .seisou a {
  behavior: url(http://www.hgw.co.jp/test/htc/iepngfix.htc);
}


#main #contents .item .seisou a:hover {
	background-position: 0 -150px;
	cursor:pointer;
	_margin-top: -150px; /* a要素を上に40px動かす */ 
　　_padding-top: 150px;
}



#main #contents .item .text {
	padding-top: 10px;
}
#main #contents .item .text1 {
	float: left;
	display: inline;
	font-size: 1.2em;						/* for 13pt */
	margin-left: 35px;
	margin-right: 200px;
	font-weight: bold;
}
#main #contents .item .text2 {
	float: left;
	display: inline;
	font-size: 1.2em;					/* for 13pt */
	font-weight: bold;
}

#footer .navi {
	text-align: left;
	margin-bottom: 10px;
}
#footer .navi .logo {
	float: left;
	display: inline;
	padding-right: 10px;
}
#footer .navi .menu {
	float: left;
	display: inline;
	padding-top: 15px;
}
#footer .address {
	clear: both;
	text-align: left;
	padding-left: 8px;
}

#main #contents .item .company{
	overflow: hidden;
	padding-top: 40px;
	padding-bottom: 0px;
}
#main #contents .item .company a {
	/*float: left;*/
	display: block;
	background-image: url(../images/btn_company_index_d.png);

	/*background-repeat: no-repeat;*/
	width: 311px;
	height: 150px;

	margin-top: 0px;
	margin-right: 40px;
	margin-left: 20px;
}


#main #contents .item .company a:hover {
	background-position: 0 -150px;
	cursor:pointer;
	_margin-top: -0px; /* a要素を上に40px動かす */ 
　　_padding-top: 0px;
}
* html #main #contents .item .company a {
  behavior: url(http://www.hgw.co.jp/test/htc/iepngfix.htc);
  
}
#main #contents .item .text3 {
	font-size: 1.2em;					/* for 13pt */
	font-weight: bold;
	margin-bottom: 20px;
	margin-left: 50px;
	margin-top: 10px;
}

/****************************************************************************************************
	class単体で指定するスタイル
****************************************************************************************************/

/*floatを解除するスタイル*/

.float-reset {
	clear:both;
}

/*親ブロックのサイズをfloatしたオブジェクトにあわせる。(※基本的に編集しない)*/

.clearfix:after{
    content:".";
    display:block;
    height:0;
    clear:both;
    visibility:hidden;
}

.clearfix{
    display:inline-block;
    min-height:1%;  /* for IE 7*/
}

/* Hides from IE-mac \*/
* html .clearfix{height: 1%;}
.clearfix{display: block;}
/* End hide from IE-mac */
