/*
-------------------------
トップページ専用ヘッダ
-------------------------
*/

div#topHeader{
	position: absolute;
	top: 0;
	left: 0;
	width: 780px;
	height: 92px;
	background: #FFF url(../img/index_header_bg.jpg) no-repeat left;
}

#ecIndex div#topHeader{
	background: #FFF url(../img/header_bg.jpg) no-repeat left;
}

/*
-------------------------
アイキャッチ
-------------------------
*/

div#eyecatch{
	position: relative;
	margin: 0;
	padding: 0;
	background: #FFF url(../img/index_eyecatch_bg.jpg) no-repeat;
	width: 590px;
	height: 189px;
	overflow: auto;
}
#eyecatch p#copy{
	position: relative;
	top: 26px;
	left: 257px;
	margin: 0;
	padding: 0;
	width: 322px;
}
#eyecatch p#readTxt{
	position: relative;
	top: 40px;
	left: 265px;
	margin: 0;
	padding: 0;
	width: 314px;
	font-size: 12px;
	line-height: 17px;
}

/*
-------------------------
h1タグコピー
-------------------------
*/
h1#topH{
	font-size: 1.2em;
	color: #F60;
	margin: 0 0 5px 0;
	padding: 0;
}


/*
-------------------------
大分類リスト
-------------------------
*/
div.cateList{
	float: left;
	width: 170px;
	margin: 0 20px 20px 0;
}
div.cateListR{
	float: left;
	width: 170px;
	margin: 0 0 20px 0;
}
div.cateList h2, div.cateListR h2{
	margin: 0;
	padding: 0;
}
.cateList div, .cateListR div{
	margin: 0;
	padding: 4px;
	font-size: 0.8em;
	line-height: 1.3em;
}
.cateList div img, .cateListR div img{
	margin-bottom: 5px;
}
div.cate01{
	border: 1px solid #390;
}
div.cate02{
	border: 1px solid #09F;
}
div.cate03{
	border: 1px solid #369;
}
.cateList div p, .cateListR div p{
	height: 185px;
	margin: 0 !important;
	padding: 0;
}

/*
-------------------------
トピックス概要ブロック
-------------------------
*/
.topTopics{
	margin: 15px 0 10px 0;
	background-color: #FFF9EE;
	border: 1px solid #CCC;
	width: 100%;
}
.topTopics:after{
	content:".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
html>body .topTopics{
	width: auto;
}
.topTopics{
	display: inline-table;
}
/* Hides from IE-mac\*/
* html.topTopics{
	height: 1%;
}
.topTopics{
	display: block;
}
/* End hide from IE-mac */

.topTopicsL{
	float: left;
	width: 200px;
	margin: 0;
}
.topTopicsR{
	float: right;
	width: 330px;
	margin: 0 5px 0 0;
}
.topTopicsR h2{
	color: #F60;
	font-size: 1.1em;
	line-height: 1.4em;
	margin: 10px 0 5px 0;
	padding: 0;
}
.topTopicsR h2 a,
.topTopicsR h2 a:hover{
	color: #F60;
}
.topTopicsR p{
	font-size: 1em;
	line-height: 1.4em;
	margin: 0;
	padding: 0;
}
.topTopicsR p img{
	vertical-align: middle;
	margin-right: 5px;
}

/*
-------------------------
おすすめ!!製品情報 概要ブロック
-------------------------
*/
h2#topRecoTTL{
	clear: both;
	margin: 0;
	padding: 0;
}
div#topRecoWrapper{
	margin: 0 0 20px 0;
	padding: 4px 4px 10px 4px;
	border-style: solid;
	border-color: #06F;
	border-width: 0 1px 1px 1px;
	background-color: #E6F3FF;
}
.recoAbs{
	background-color: #FFF;
	width: 100%;
	padding: 5px;
	margin: 10px 0;
}
/* WIN IE　以外 */
html>body .recoAbs{
	width: auto;
}
.recoAbs img.recoR{
	display: block;
	float: left;
	width: 160px;
}
.recoAbs div.caption{
	float: right;
	width: 359px;
}
.recoAbs:after{
	content:".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.recoAbs{
	display: inline-table;
}
/* Hides from IE-mac\*/
* html.recoAbs{
	height: 1%;
}
.recoAbs{
	display: block;
}
/* End hide from IE-mac */
div.caption h3{
	font-size: 1.1em;
	color: #F60;
	margin: 0 0 5px 0;
}
div.caption h3 a,
div.caption h3 a:hover{
	color: #F60;
}
div.caption p{
margin: 0;
}
div.caption p img{
vertical-align: middle;
margin-right: 5px;
}

/*
-------------------------
インフォメーション全表示ブロック
-------------------------
*/
p.info,
.infoBox{
	margin: 10px 5px;
	border: 1px solid #09F;
	background-color: #FFF;
	padding: 5px;
}

/*
-------------------------
お知らせ概要ブロック
-------------------------
*/
dl.newsOTL{
	margin: 5px 5px;
	padding: 0px;
}
dl.newsOTL dt{
	margin: 5px 0;
	padding: 0px;
}
dl.newsOTL dd{
	margin:5px 0;
	padding:0 0 10px 0;
	border-bottom: 1px dotted #CCC;
}
p.newsListBTN{
	text-align: right;
}
p.newsListBTN img{
	vertical-align: middle;
	margin-right: 5px;
}