/* シリーズごとに使うスタイル */
/*============目次==============
　1. clear
　2.上書き項目
　3.ユーザーサービストップ
　4.各サービス
　6.製品へのリンク（ページ下部）
==============================*/

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

/* 文中のクリア */
BR.cl {
 font-size: 1px;
 line-height: 1px;
 clear: both;
}

/*===========================
■2. 上書き項目
============================*/

.Contents h1.TitleBlank {
	background: url(/common/img/title/title_blank_blue.gif) no-repeat;
}

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

/* TABLEタグ内のリスト */
UL.sub {
	font-size: 140%;
}


/*===========================
■3. ユーザーサービス トップ
============================*/

/* TOPサービスバナー */

DIV.banaarea {
	margin-top: 15px;
	margin-bottom: 0px;
}

DIV.banaarea IMG {
 margin: 0 10px;
}

/* TOPサービス一覧表 */
TABLE.service_list {
 width: 570px;
 border-collapse: collapse;
 margin-top: 5px;
}

TABLE.service_list TH{
 width: 260px;
 background-color: #D5D7FB;
 border: 1px solid #FFFFFF;
 padding: 3px 10px;
}

TABLE.service_list TD{
 width: 310px;
 border: 1px solid #FFFFFF;
 padding: 3px 10px;
 vertical-align: top;
}

TABLE.service_list UL {
 list-style-type: none;
 margin: 0px;
 padding: 0px;
}

TABLE.service_list UL LI {
 background: url("img/tool/list_navy.gif") no-repeat;
 padding-left: 11px;
 padding-bottom:3px;
}

/* パーツ作成サービス */
.CB3dparts {
background-color: #CAEAF4;
}

/*===========================
■4. 各サービス
============================*/

/* サービス情報表（共通） info_service*/

TABLE.info_service{
width: 540px;
border-collapse: collapse;
}

TABLE.info_service TH,
TABLE.info_service TD{
border: 1px solid #999999;
padding: 3px 5px;
vertical-align: top;
}

TABLE.info_service TH{
background-color: #EEEEEE;
text-align: left;
}

/* データ作成サービス一覧 list_datas*/

UL.list_datas{
	width: 570px;
	margin: 0 0 0 10px;
	padding: 0;
}

UL.list_datas LI{
	list-style-type: none;
	width: 180px;
	margin: 0 5px 5px 0;
	padding: 0;
	border: 1px solid #CCCCCC;
	background-color: #EFEFEF;
	float: left;
	display: block;
	text-align: center;
}

UL.list_datas LI DIV{
	margin: 0 3px 5px 3px;
	text-align: left;
}

/* 躯体作成サービス */

TABLE.layouts{
width: 560px;
border-collapse: collapse;

}

TABLE.layouts TH,
TABLE.layouts TD{
border: 1px solid #999999;
padding: 3px 0;
text-align: center;
}

TABLE.layouts TH{
background-color: #EEEEEE;
}

TABLE.layouts TH.course{
background-color: #CAEAF4;
}

/* デジタルカタログ作成 */

TABLE.degicatalog{
width: 540px;
}

TABLE.degicatalog TH{
background-color: #EEEEEE;
padding: 3px 0;
text-align: center;
}

TABLE.degicatalog IMG{
margin: 20px 0;
}

DIV.info_comp{
width: 540px;
border: 1px solid #CCCCCC;
}

DIV.info_comp P{
margin: 5px 10px;
}

/* オフィスレイアウトコンテスト */

DIV#odcon DIV.comment{
width: 570px;
border: 1px solid #CCCCCC;
background-color: #FFFFCC;
margin: 20px 0;
}

DIV#odcon DIV.comment P{
margin: 5px 10px;
}

/* ユーザーサービスとは 申し込みの流れ */
TABLE.flow_accept {
 width: 570px;
}

TABLE.flow_accept TH,
TABLE.flow_accept TD{
vertical-align: top;
}

TABLE.flow_accept TH{
text-align: center;
background-color: #CAEAF4;
}

TABLE.flow_accept TD.do01{
background-color: #EEEEEE;
}

TABLE.flow_accept TD.do02{
background-color: #FFFFCC;
}

/* 大倉先生コラム */

DIV#column DIV.cont_left{
	width: 408px;
	float: left;
}

DIV#column DIV.cont_right{
	width: 152px;
	float: right;
}

DIV#column h2{
	background-color: #FFCC66;
	padding: 3px;
	margin-bottom: 15px;
}

DIV#column P{
	line-height: 150%;
}

/*===============================
■6. 製品へのリンク（ページ下部）
================================*/

DIV.footlink_pd {
	width: 570px;
}

DIV.footlink_pd .area_l{
	width: 100%;
	border: 1px solid #CCCCCC;
	float: left;
	padding:3%;
}
DIV.footlink_pd .area_l .pkg{
	margin:1%;
}

DIV.footlink_pd .area_r{
	width: 275px;
	border: 1px solid #CCCCCC;
	float: right;
}

DIV.footlink_pd P{
	margin: 0 5px 5px 5px;
}

DIV.footlink_pd IMG.logo{
	margin: 5px;
}