@charset "utf-8";

/*=========================================================
	[ top_site.css ]
	Site top design
	date - creation:2009-02-17 // update:2009-03-04
=========================================================*/

/*=========================================================
	index
		1. main image
		2. content
		3. side
=========================================================*/

/* for all */
@import "reset.css";
@import "layout.css";
@import "m_box.css";
/* for navigation */
@import "nav_common.css";
@import "nav_global.css";
/* for categories */
@import "recommend.css";


/* 1. main image
=========================================================*/
div#mainImg{
	clear:both;
}

/* 2. content
=========================================================*/
#content,#side{
	margin-top:15px;
}

/* heading level2
---------------------------------------------------------*/
#content h2{
	margin-top:30px;
	padding:4px 0 5px 5px;
	border-bottom:2px solid #643191;
	font-weight:bold;
	line-height:1.3;
}

.infoHead h2 span{
	display:block;
	width:300px;
	float:left;
}
#content .navInfo{
	display:block;
	width:200px;
	float:right;
	text-align:right;
	font-weight:normal;
	font-size:75%;
	color:#999999;
}
#content .navInfo a{
	color:#541B86;
	padding:0;
	background:none;
}
#content .infoHead dl{
	margin:15px 0 0 5px;
	padding:0;
	font-size:85%;
	color:#333333;
	line-height:1.6;
}
#content .infoHead dl a{
	padding:0;
	color:#541B86;
}
#content .infoHead dt{
	display:block;
	float:left;
	width:170px;
	padding:3px 0;
}
#content .infoHead dt img{
	margin-left:15px;
	vertical-align:middle;
}
#content .infoHead dd{
	display:block;
	float:right;
	width:435px;
	padding:3px 0;
}


/* banner
---------------------------------------------------------*/
#bnrArea{
	width:240px;
	border:5px solid #e6e6e6;
	background-color:#e6e6e6;
}
#bnrArea img{border:1px solid #cccccc;}
#bnrArea a:hover img{border:1px solid #643191;}