/* シリーズごとに使うスタイル */
/*============目次============
　1. clear
　2. シリーズラインナップ

============================*/

/*===========================
■1. ClearFix
-----------------------------
フロート要素の高さをクリアする。
============================*/
.ClearFix:after,
.LineupTop:after,
.LineupBottom:after,
#relativetitle:after,
.bannerlink dd:after
{  
	content: ".";  
	display: block;  
	visibility: hidden;  
	height: 0.1px;  
	font-size: 0.1em;  
	line-height: 0;  
	clear: both;  
}
.ClearFix,
.LineupTop,
.LineupBottom,
#relativetitle,
.bannerlink dd
{  
	display: inline-block;  
	zoom: 100%;  
}

/* 製品ロゴを囲む要素 下線が勝手に入って、横に伸びるバージョン */
.Contents .SeriesLogoBlock {
	margin: 0;
	padding: 10px 0 10px 8px;
	border-bottom: 1px solid #000000;
	display: block;
}

/*===========================
■2. シリーズラインナップ
============================*/
#seriesmain #serieslineup {
	width: 558px;
	margin: 0 0 25px;
	padding: 0 1px 5px;
	background: url(/common/img/seriestop/bg_serieslineup_g.jpg) no-repeat left bottom;
	float: left;
}

#seriesmain #serieslineup .LineupTop {
	width: 558px;
	border-bottom: none;
	margin: 0 auto;
	padding: 0;
	background: none;
}
/* メインラインナップ */
.LineupTop .ProductList {
	padding: 0 9px 10px;
}
.ProductList h2 {
	text-align: left;
	margin: 5px 0 7px;
	font-size: 87.5%;
	color: #000000;
	line-height: 120%;
}
.ProductList p {
	margin: 0.7em 0 0 0; 
}

.ProductList p.GoDetail a {
	display: block;
	float: right;
	text-indent: -9999px;
	background: url(img/seriestop/btn_go_detail.gif) no-repeat left top;
	width: 108px;
	height: 20px;
	overflow: hidden;
}
.ProductList p.GoDetail a:hover,
.ProductList p.GoDetail a:active {
	background: url(img/seriestop/btn_go_detail.gif) no-repeat left bottom;
}
.ProductList .PacImage {
	float: left;
	width: auto;
	padding: 0 5px 0 0;
	margin: 0;
}
.ProductList .PacImage img {
	margin: 0;
}
.ProductList .hr {
	height: 1px;
	width: auto;
	margin: 10px 5px;
	border-top: 1px solid #ccc;

}

.ProductList .LineupHead {
	margin: 0 0 0 0;
	padding: 0 0 8px 0;
}
.ProductList .LineupHead a:hover img {
	filter: alpha(opacity=90);
	-moz-opacity:0.90;
	opacity:0.90;
}

.LineupTop .ProductList#sp2 {
	width: 260px;
	float: left;
	padding-top: 10px;
}
.LineupTop .ProductList#pro6 {
	width: 260px;
	padding: 10px 9px 10px 11px;
	float: left;
	background: url(img/seriestop/line_linetop.gif) repeat-y left top;
}

/*===========================
■3. シリーズメイン画像
============================*/
#NoFlashAlt {
	display: block;
	width: 760px;
	height:250px;
	text-indent: -9999px;
	background: url(img/seriestop/main_alt.jpg) no-repeat left top;
	position: relative;
}



/*===========================
■4. その他
============================*/
/* シリーズ関連記事（半分幅） */
#articlebox .article.half,
.ContentInner #articlebox .article.half h4 {
	width: 275px;
}
/* 上書きスタイル */
#articlebox {
	margin: 0;
	padding:0;
}
#submenu {
	padding: 10px 0 0 0;
}

/* 学校導入事例 */
#articlebox .Section#report {
	width: 560px;
	margin: 0 0 25px;
	padding: 0 0 2px;
	background: url(/common/img/seriestop/bg_serieslineup_g.jpg) no-repeat left bottom;
}

#articlebox .Section#report .sectiontitle {
	background: url(img/seriestop/bg_case_title.jpg) no-repeat left top;
	color: #fff;
	height: 34px;
	line-height: 30px;
	margin: 0;
}
#articlebox .Section#report .description {
	text-align: left;
	
	margin: 0;
	padding: 3px 10px;
}
#articlebox .Section#report .CasePickUp {
	height: 240px;
	display: block;
	margin: 0 1px;
	overflow: auto;
	width: 558px;
	border-top: 1px solid #EAEAEA;
	border-bottom: 1px solid #EAEAEA;
}
#articlebox .Section#report .CasePickUp .article {
	width: 530px;
}
#articlebox .Section#report .CasePickUp .article h4 {
	margin: 0 0 3px;
}
#articlebox .Section#report .CasePickUp .article h4 a img {
	border: 1px solid #666;
}

#articlebox .Section#report .CasePickUp .article h5 {
	color: #333;
	margin: 0 0 2px;
	padding: 0 0 0 0;
}
#articlebox .Section#report .CasePickUp .article h5 em {
	background-color: #339900;
	color: #fff;
	padding: 2px 5px 1px;
	margin-left: 1em;
	font-style: normal;
	font-weight: normal;
}

#articlebox .Section#report .CasePickUp .article p {
}

#articlebox .Section#report .report_foot {
	margin: 0;
	padding: 5px 0;
}
#articlebox .Section#report .report_foot p {
	margin: 0;
	padding: 0 10px;
	text-align: right;
}