@charset "UTF-8";

/* ===================================================================
CSS information

 file name  :home.css
 author     :lassic
 style info :コンテンツエリア関係 他
=================================================================== */

/*----------------------------------------------------
	コンテンツ設定 特徴部分
----------------------------------------------------*/

/*　HRDの特徴　*/
.feature {
	display: block;
	height:auto;
	width: 532px;
	position: relative;
	margin: 0 0 15px 0;
}
/*　特徴タイトル部分　*/
.feature h3,
.feature h4 {
	display: block;
	height: 57px;
	width: 100%;
	text-indent: -9999px;
	margin: 0;
}
.feature_title01 {
	background: url("../image/top_feature_01.jpg") no-repeat 0 0;
}
.feature_title02 {
	background: url("../image/top_feature_02.jpg") no-repeat 0 0;
}

/*　特徴文章部分　*/
.feature p {
	display: block;
	margin: 0;
	padding: 0px 15px 15px 160px;
	background: url("../image/top_feature_back.jpg") no-repeat left bottom;
	min-height:100px;
}
/*　IE6用　*/
* html .feature p {
	height:100px;
	}


/*　特徴イメージ部分　*/
.feature img {
	position: absolute;
	top: 45px;
}

/*製品情報*/
.productinfo1 {
	float:left;
	width:300px;
}

.productinfo2 {
	float:right;
	width:150px;
}

#main #aboutproduct h3 {
	margin-left:20px;
}

#aboutproduct {
	width:500px;
}


/*----------------------------------------------------
	コンテンツ設定 製品情報部分
----------------------------------------------------*/
/*　各製品情報　*/
.products {
	display: block;
	height:auto;
	width: 250px;
	position: relative;
	margin: 0 10px 15px 0;
	float: left;
	padding-left: 10px;
}
/*　タイトル強調部分　*/
.products strong {
	display: block;
	height: 36px;
	width: 100%;
	text-indent: -9999px;
	margin: 0;
}

/*　タイトル画像　*/
.products_title01 {
	background: url("../image/top-products_01.jpg") no-repeat 0 0;
}
.products_title02 {
	background:url("../image/top-products_02.jpg") no-repeat 0 0;
}
.products_title03 {
	background:url("../image/top-products_03.jpg") no-repeat 0 0;
}
.products_title04 {
	background:url("../image/top-products_04.jpg") no-repeat 0 0;
}

.products_title05 {
	background:url("../image/top-products_05.jpg") no-repeat 0 0;
}

.products_title06 {
	background:url("../image/top-products_06.jpg") no-repeat 0 0;
}

/*　紹介文章部分　*/
.products p {
	display: block;
	padding: 2px 15px;
	font-size: 95%;
}
.products p span {
	color:#C03;
}


/*　製品イメージ部分　*/
.products img {
	margin: 0;
	padding: 0;

}
.products .inner {
	display: block;
	background: url("../image/top-products_back.jpg") no-repeat left bottom;
	padding-bottom: 10px;
}

.products .inner_etc {
	display:block;
	background: url("../image/top-product_back_etc.gif") no-repeat left bottom;
	padding-bottom: 10px;
}

.inner_withoutdeatail {
	display:block;
	background: url("../image/top-product_back_etc.gif") no-repeat left bottom;
	padding-bottom: 10px;
	height:115px;
}


.products .inner a {
	display: block;
	width:110px;
	height:25px;
	margin: 0 0 0 130px;
	text-indent: -9999px;
	background:none;
	text-decoration:none;
}
.title_products {
	display:block;
	background-image:url("../image/top-products_title.jpg");
	height:36px;
	width:148px;
	margin: 0;
	padding: 0;
	text-indent: -9999px;
	}
.products_explanation {
	margin:10px 0px 15px 5px;
	}


/*----------------------------------------------------
	トップサイドナビ
----------------------------------------------------*/
#topsub {
	display: block;
	float: right;
	width: 220px;
	padding-right: 15px;
	margin-bottom: 15px;
	margin-top:15px;
}



/*----------------------------------------------------
	フッター設定
----------------------------------------------------*/
#footer {
	display: block;
	border-top: 2px solid #0071C4;
	width: 770px;
	margin: 0 auto;
	padding: 10px 0 15px 0;
	clear: both;
}

#footer li {
	margin: 0;
	text-align: left;
	padding-left: 1em;
	float:left;
}
#footer span {
	margin: 10px 0 0;
	text-align: right;
	font-size: 80%;
	font-family: Arial, Helvetica, sans-serif;
	color: #999;
	display: block;
}
#sidebar {
	display: block;
	float: right;
	width: 220px;
	padding-right: 15px;
	margin-bottom: 15px;
}


/*===================================================================
	clearfix
	floatclear
=================================================================== */


/* clearfix */
#header:after,
#gNavi:after,
#footer:after,
#aboutproduct:after,
#mainContent:after;
#information,
#sub:after,
.information2:after {
	content: ".";  /* 新しい要素を作る */
	display: block;  /* ブロックレベル要素に */
	height: 0;
	clear: both;
	visibility: hidden;
}

#header,
#footer-inner,
#gNav,
.information2 { display: inline-block; }

/* Hide from IE-mac \*/
*html #header,
*html #footer-inner,
*html #gNavi,
*html .information2 { height: 1%; }
#header,
#footer-inner,
#gNavi,
.information2 { display: block; }
/* End hide from IE-mac */