/* ===================================================================
CSS information

 file name  :top.css
 style info :トップページ
 
=================================================================== */

/* clearfix */
.topPage .products ul:after, .topPage .news dl:after{
	content: "."; display: block; visibility: hidden; height: 0.1px; font-size: 0.1em; line-height: 0; clear: both;
}

/* -----------------------------------------------------------
	.topPage
----------------------------------------------------------- */
.topPage {
	width: 665px;
}

.topPage h2 {
	margin-bottom:10px;
}

/* .mainFlash
----------------------------------------------------------- */
.topPage .mainFlash {
	margin-bottom:10px;
}

/* .mainBanner
----------------------------------------------------------- */
.topPage .mainBanner {
	margin-bottom:10px;
	border-bottom:#CCCCCC dotted 1px;
}

.topPage .mainBanner ul {
	zoom:1;
	text-align:left;
	background:url(/design/magical1991/img/top/bg_dotline.gif) repeat-y 0 0
}

.topPage .mainBanner li {
	float:left;
	width:328px;
	height:220px;
	margin:5px 8px 15px 0;
}

.topPage .mainBanner li.right {
	margin-right:0px;
}

.topPage .mainBanner li h3 {
	color:#CC0000;
	margin:0px;
	padding:0 0 0 10px;
	background:url(/design/magical1991/img/arrow_sq_red.gif) no-repeat 0 3px;
}

.topPage .mainBanner li p {
	margin:0px;
	padding:0 5px;
}

/* .products
----------------------------------------------------------- */

.topPage .products {
	zoom:1;
	margin-bottom:15px;
}

.topPage .products ul {
	zoom:1;
	margin-bottom:10px;
}

.topPage .products li {
	float:left;
	width:120px;
	margin:0 5px 0 0;
}

.topPage .products li.last {
	margin-right:0;
}

.topPage .products h4 {
	font-weight:bold;
	font-size:11px;
	margin:0px;
}

.topPage .products p {
	margin:0px;
	font-size:11px;
}

/* .news
----------------------------------------------------------- */
.topPage .news {
	zoom:1;
	margin-bottom:15px;
}

.topPage .news dl {
	zoom:1;
	margin-bottom:10px;
}

.topPage .news dt {
	float:left;
	width:120px;

}

.topPage .news dd {
	margin:0;
	margin-bottom:10px;
}