@charset "UTF-8";
/* ---------------------------------------------------------------- *
	コンテンツコンテナの設定です
	まずfloatで左に流す
 * ---------------------------------------------------------------- */
#main {
	float : left;
	width:740px;
	margin:10px 0px;
	padding:0px;
}

/* ---------------------------------------------------------------- *
	メインコンテンツコンテナの設定です
 * ---------------------------------------------------------------- */
#top-contents {
	float : left;
	width:500px;
	margin:0px;
	padding: 0px;
}
/* ---------------------------------------------------------------- *
	トップイメージの設定です
 * ---------------------------------------------------------------- */
.topimg {
	margin: 0px 0px 0px 10px;
	padding: 0px;
	border: 1px solid #ccc;
}
/* ---------------------------------------------------------------- *
	What's new部分の設定です
 * ---------------------------------------------------------------- */
#news {
	background: transparent;
	margin:0px 0px 0px 10px;
	padding:0;
}
/* ---------------------------------------------------------------- *
	What's newまたはミニレポートと、更新履歴を横並びにするための設定です
 * ---------------------------------------------------------------- */
 
/* --What'newと更新履歴を横並びするためのボックス--*/
.top-title {
	float:left;
	width: 500px;
	padding:0;
	margin:15px 0px 5px 0px;
}
.top-title h2 {
	float:left;
	color: #000;
	margin:0;
	padding:0;
	border:0;
}
.top-title h2:first-letter {
	font-weight:bold;
	color:#3333cc;
}
.top-title p {
	float:right;
	font-size:0.8em;
	width:65px;
	margin:10px 5px 0 0;
	padding:0;
	background-color: #ffff99;
	text-indent:0em;
	clear:none;
}
/* --What'newをテーブルレイアウト風に見せる --*/
#news dl {
	line-height:1.4em;
	margin:0;
	padding:0;
	font-size:0.8em;
}
#news dl.newsletter {
	float:left;
	width: 500px;
	margin:0px;
	padding:0px;
	border: 1px dotted #99ccff;
	border-top: 0;
	border-left: 0;
	border-right: 0;
}
#news dl.newsletter dt {
	float:left;
	clear:both;
	width:100px;
	margin:0;
	padding:5px 0px 5px 0px;
	border-top: 1px dotted #99ccff;
}
#news dl.newsletter dd {
	float:left;
	width:400px;
	margin:0;
	padding:5px 0px 5px 0px;
	border-top: 1px dotted #99ccff;
	color: #333333;
}
#news dl.newsletter dd a:hover {
	background-color:#e2f3ff;
}
/* --ミニレポートをテーブルレイアウト風に見せる--*/
#news dl.minireport {
	float:left;
	width:500px;
	padding:0;
	margin-bottom:10px;
	border: 1px solid #999;
}
#news dl.minireport dt {
	float:left;
	clear:both;
	width:100px;
	padding:5px 0px 5px 5px;
	margin:0px 0px 2px 0px;
}
#news dl.minireport dd {
	float:left;
	width:385px;
	padding:5px 5px 5px 5px;
	margin:0px 0px 2px 0px;
	background:url(parts/img/list-bg.gif);
}
#minireport dl dd a:hover {
	background-color: #e2f3ff;
}
/* ---------------------------------------------------------------- *
	サイドコンテンツ部分の設定です
 * ---------------------------------------------------------------- */
#side-contents {
	float:right;
	width:210px;
	margin:0px 10px 0px 0px;
	padding: 0px;
}
/* ---------------------------------------------------------------- *
	バナー部分の設定です
 * ---------------------------------------------------------------- */
#info {
	clear:both;
	margin:0px;
	padding:0px 0px 3px 0px;
}
#info img.frame {
	margin:0px 0px 2px 0px;
	padding:2px;
	border: 1px solid #ccc;
}