@charset "utf-8";


body#index{
	background:url(../img/header-bg-index.gif) repeat-x top;
}



/* contents
----------------------------------------------------------------------------*/

#index #contents{
	width:770px;
}

/* pageTitle
----------------------------------------------------------------------------*/

#index .pageTitle{
	position:relative;
}

#index .pageTitle h1{
	position:absolute;
	bottom:30px;
	right:5px;/**/
	font-size:10px;
	color:#666;
}

#index .pageTitle p{
	padding-bottom:15px;
}

/* banner
----------------------------------------------------------------------------*/

.banner{
}

.banner li{
	float:left;
	padding-left:20px;
}


/* index-content
----------------------------------------------------------------------------*/

#index-content{
	border:2px solid #ddd;
	clear:both;
	margin-left:20px;
}

#index-content h2{
	background:url(../img/product-bg.gif) repeat-x  bottom;
	margin:20px 5px 5px;
	padding:0 20px 10px;
	position:relative;
}

#index-content h2 a{
	position:absolute;
	top:0;
	right:20px;
}


/* product
----------------------------------------------------------------------------*/

#index .product{
	clear:both;
	text-align:center;
	padding-left:10px;
}

#index .product li{
	width:150px;
	float:left;
	border-right:1px dotted #b5b5b5;
	margin:10px;
	padding:5px;
	border-bottom:1px dotted #b5b5b5;
}

#index .heightFix a{
	display:block;
}

#index .heightFix a:hover{
	text-decoration:underline;
/*	background:#e7f4ff;*/
}

/* for modern browser */
#index .heightFix a{overflow: hidden;}
#index .heightFix a:after{content: ".";display: block;height: 1px;clear: both;overflow: hidden;}
* html #index .heightFix a{height: 1em;overflow: visible;}/* Hides from IE-mac \*/



/* navi3
----------------------------------------------------------------------------*/

#navi3{
	text-align:center;
	margin:10px 0 0 24px;
}

#navi3 li{
	float:left;
	padding:5px 9px;
}

#navi3 li a{
	display:block;
	background:url(../img/navi3-bg.gif) no-repeat;
	width:230px;
	height:35px;/**/
	padding-top:20px;
/*	padding:20px 0;*/
}

#navi3 li a:hover{
/*	background:url(../img/footer-bg.gif) repeat-x bottom;*/
}