@charset "utf-8";


@import url("common.css");
@import url("left.css");


/* ============================= 


-- 目次 -- 

1:セミナー


-- 更新 -- 
最終更新・2010.02.12


-- 内容 --
「新着情報スタイル設定」に<h3>の設定を追加。



============================= */



/* -- 1.セミナー-- */





/* -- Category Main -- */

#mainColumn h2 {
	margin-bottom: 5px; 
	font-size:181%; 
	font-weight:bold; 
	color:#666666;
}


/* navigation */


#newsNavi {
	width:795px;
	height:31px;
	margin: 15px 0 20px 0;
	background: url(../../images/store/newProductsNavi.png) 0 0 no-repeat;
}

#newsNavi li {
	float: left;
	width: 163px;
	font-size: 14px;
	color:#666666;
}

#newsNavi li a {
	padding-top: 6px;
	width: 163px;
	height:25px;
	display:block;
	text-align: center;
	background-image: url(../../images/store/usedproductNaviTab.png);
}

#newsNavi li a, #newsNavi li a {
	color: #FFFFFF;
	text-decoration:none;
	background-position: 0 0;
	
}

#newsNavi li a.current, #newsNavi li a.current {
	color: #666666;
	text-decoration:none;
	background-position: 0 -31px;
}

.midashi {font-size: 16px; font-weight: bold; color: #CC0000; line-height:20px;}

#topBanner h1 {
	color: #CC0000;
	font-Size: 14px;
	font-weight: bold;
	margin:0;
}
.caption {font-size: 10px; color: #4C6D97; line-height:1.4em;}

#topBanner ul { margin:0; padding-left:40px;}
#topBanner li { margin: 0; margin-bottom:7px; line-height:14px}

.menuProseminar strong {
	font-weight: normal;
}

.listDecimal {
	margin: 0 0 30px 25px;
}

.listDecimal li {
	margin: 10px 0;
}

.smallDecimal {
	padding-bottom: 5px;
	
}

#topBanner {margin-bottom:20px;}

#topBanner p{
	margin-top: 10px;
}

#seminarAddress {
	padding: 10px;
	background-color: #EEE;
	margin-bottom: 20px;
}

#seminarAddress h5 {
	font-size: 100%;
	font-weight: bold;
}

h4.subttl {
	width: 100%;
	background: #333333;
	padding: 2px 0 2px 4px;
	color: #FFFFFF;
	margin: 20px 0 10px 0;
	font-weight: bold;
	font-size: 100%;
}

.seminarSchedule {
	margin-left: 2px;
	margin-bottom: 10px;
}

.seminarSchedule dt {
	font-weight: bold;
	margin-bottom: 5px;
}



h5.pastYear{
	font-size: 100%;
	font-weight: bold;
	margin-bottom: 5px;
	margin-left: 2px;
}

.seminarList {
	margin-bottom: 20px;
	margin-left: 2px;
}

.seminarList li  {
	margin: 5px 0;
}

/* セミナーブログ */
#List2 ol {
	padding-left: 30px;
	margin: 10px 0;
	}
#List2 li {
	padding:5 0 8px 0px;
	line-height:1.2em;
	}
#List2 li p {
	padding:15px 0;
	line-height:1.2em;
	}
#kakomi { width:95%; border:1px solid #CCCCCC; padding:8px; margin:20px 0;}
	
	
	
#List ul {
	padding-left: 10px;
	margin: 10px 0;
	}
	
#List li {
	padding:0 0 8px 8px;
	line-height:1.2em;
	background:url(http://www.system5.jp../../images/common/arrowDot.gif) no-repeat 0 4px;
	}

#seminar .pho_left, .pho_left{
	float:left;
	padding:3px 8px 3px 0;
	} 
#seminar .pho_right, .pho_right {
	float:right;
	padding:3px 0 3px 8px;
	} 
#seminar .cap, .cap {
	font-size:x-small;
	line-height:1.3em;
	}
.clear { clear: both; } 

#seminar h1 {font-size:18px; color:#CC0000; line-height:1.2em; margin-bottom:10px; }
#seminar h3 {
	width: 795px; 
	border-top:1px solid #AAAAAA;
	border-bottom:1px solid #AAAAAA;
	padding:5px 0;
	font-size:small;
	font-weight:bold;
	line-height:1.3em;
	color:#555555; 
	margin:20px 0 10px 0;
}

#seminar table{
	margin:5px;
}

#seminar table tr td{
	padding:3px;
}

#seminar ul{

}

#seminar ul li{
	list-style-type:none;
	margin-left:-12px;
	padding:0 0 8px 8px;
	line-height:1.2em;
	background:url(http://www.system5.jp/images/common/arrowDot.gif) no-repeat 0 4px;
}

#seminarColumn p {
	margin: 5px 0 10px 0;
	padding-top: 5px;
	padding-left: 5px;
}


table.nonsetBox {
	border:none;
}

table.nonsetBox_m {
	margin:0 0 10px 0;
	border:none;
}

table.nonsetBox_mm {
	width:100%;
	margin:0 0 40px 0;
	border:none;
	background:url(/images/proportal/wordpress_bar.gif) repeat-x bottom;
}

table.nonsetBox td,
table.nonsetBox_m td {
	padding:0;
	border:none;
}

table.nonsetBox_mm td {
	padding:0;
	border:none;
	line-height:1.6em;
	font-size:small;
}

table.nonsetBox td.td90_no {
	width:90px;
	padding:0;
	border:none;
}

table.nonsetBox td.td100_no {
	width:100px;
	padding:0 5px 0 0;
	border:none;
}

table.subTitleBox td{
	padding:5px;
}

table.nonsetBox_mm td.td_99 {
	color:#999999;
}

table.nonsetBox_mm td {
	padding:20px 0 0 0;
}

table.nonsetBox_mm td.td_maintext {
	padding:20px 0 0 0;
}

table.nonsetBox_mm td.td_maintext ul{
	padding:0px 0 0 20px;
	list-style:disc;
}

table.nonsetBox_mm td.td_maintext strong{
	font-weight:bold;
}

table.nonsetBox_mm td.td_com {
	padding:20px 0 10px 0;
}

table.nonsetBox_mm td.subTitleBox_bold a{
	font-weight:bold;
	font-size:141%;
	line-height:1.4em;
	text-decoration:none;
	color:#666666;
}

table.nonsetBox_mm td.subTitleBox_bold a:hover{
	font-weight:bold;
	font-size:141%;
	line-height:1.4em;
	text-decoration:underline;
	color:#666666;
}

table.nonsetBox_next {
	width:100%;
	margin:0 0 10px 0;
	border:none;
	background:url(/images/proportal/wordpress_bar.gif) repeat-x bottom;
}

table.nonsetBox_next td.td_left {
	padding:0 0 10px 0;
	border:none;
	line-height:1.6em;
	font-size:small;
	text-align:left
}

table.nonsetBox_next td.td_right {
	padding:0 0 10px 0;
	border:none;
	line-height:1.6em;
	font-size:small;
	text-align:right;
}


table.commentBox {
	width:480px;
	padding: 0 0 1em 0;
	margin: 0 0 2em 0;
	line-height:1.8em;
	border-bottom: 1px solid #CCCCCC;
}

*html table.commentBox {
	width:481px;
	
	/*Mac IE5 hack*/
	/*\*//*/
	width:480px;
	/**/
}

table.commentBox td {
	font-size:small;
}

.post-categories {
	margin:0 0 30px 0;
}

.post-categories ul {
	list-style:none;
}

.post-categories li {
	display:block;
	float:left;
}


/* 横一列設定 (float:left;) */
.float_left{
width:200px;
height:180px;
float:left;
margin-right:10px;
}

.float_leftFree{
float:left;
padding:3px 5px;
margin-right:10px;
margin-bottom:5px;
}

/* 登録商標*/
p.Rmark {
	font-size:85%;
	color:#333333;
	padding:10px;
	line-height:1.7em;
}


/**************************************************
 新着情報スタイル設定
***************************************************/

/* 投稿記事 本文設定 */

#mainTextColumn p {
	margin: 5px 0 10px 0;
	padding-top: 5px;
	padding-left: 5px;
}

#mainTextColumn h3 {
	padding: 2px 0 1px 4px;
	margin-top:20px;
	margin-bottom:5px;
	border-bottom:1px solid #999999;
	font-weight: bold;
	color: #555555;
}

#mainTextColumn h4 {
	padding: 2px 0 1px 4px;
	margin-top:30px;
	margin-bottom:8px;
	border-top:1px solid #999999;
	border-bottom:1px solid #999999;
	color: #555555;
	font-weight: bold;
}

#mainTextColumn h4.strongTitle{
	padding: 3px 0 3px 4px;
	margin-top:30px;
	margin-bottom:4px;
	border-top:2px solid #999999;
	border-bottom:2px solid #999999;
	border-left:10px solid #999999;
	color: #555555;
	font-weight: bold;
	font-size:120%;
}

#mainTextColumn h5{
	width: 100%;
	background: #999999;
	padding: 2px 0 2px 4px;
	color: #FFFFFF;
	margin: 20px 0 10px 0;
	font-weight: bold;
	font-size: 100%;
}

/* 打ち消し線設定 */ 
#mainTextColumn .utikesi{
text-decoration:line-through;
}

/* テーブル------------------ */

/* 通常 */
#mainTextColumn table{
	margin-bottom:5px;
}

#mainTextColumn table tr td{
	padding:5px;
}

/* セル色付け */
table.border tr td.title  {
	background-color:#999999;
	color: #FFFFFF;
	border-bottom: 1px solid #CCCCCC;  
	border-right: 1px solid #CCCCCC; 
	font-weight: normal; 
	padding: 10px;
	text-align: left;
}

/* 線有り */
table.border { 
	border-left: 1px solid #CCCCCC;
	border-top: 1px solid #CCCCCC; 
}

table.border tr{
		 
}

table.border tr td {
	border-bottom: 1px solid #CCCCCC;  
	border-right: 1px solid #CCCCCC;
	vertical-align:top; 
	background-color: #FFFFFF; 
	font-weight: normal; 
	padding: 10px;
	text-align: left;
}

table.border tr td.gray {
	background-color:#999999;
	border: 1px solid #CCCCCC;
	color:#FFFFFF;
}

table.commentBox {
	width:480px;
	padding: 0 0 1em 0;
	margin: 0 0 2em 0;
	line-height:1.8em;
	border-bottom: 1px solid #CCCCCC;
}

*html table.commentBox {
	width:481px;
	
	/*Mac IE5 hack*/
	/*\*//*/
	width:480px;
	/**/
}

table.commentBox td {
	font-size:small;
}

.post-categories {
	margin:0 0 30px 0;
}

table.nonsetBox {
	border:none;
}

table.nonsetBox_m {
	margin:0 0 10px 0;
	border:none;
}

table.nonsetBox_mm {
	width:100%;
	margin:0 0 40px 0;
	border:none;
	background:url(/images/proportal/wordpress_bar.gif) repeat-x bottom;
}

table.nonsetBox td,
table.nonsetBox_m td {
	padding:0;
	border:none;
}

table.nonsetBox_mm td {
	padding:0;
	border:none;
	line-height:1.6em;
	font-size:small;
}

table.nonsetBox td.td90_no {
	width:90px;
	padding:0;
	border:none;
}

table.nonsetBox td.td100_no {
	width:100px;
	padding:0 5px 0 0;
	border:none;
}

table.subTitleBox td{
	padding:5px;
}

table.nonsetBox_mm td.td_99 {
	color:#999999;
}

table.nonsetBox_mm td {
	padding:20px 0 0 0;
}

table.nonsetBox_mm td.td_maintext {
	padding:20px 0 0 0;
}

table.nonsetBox_mm td.td_com {
	padding:20px 0 10px 0;
}

table.nonsetBox_mm td.subTitleBox_bold a{
	font-weight:bold;
	font-size:141%;
	line-height:1.4em;
	text-decoration:none;
	color:#666666;
}

table.nonsetBox_mm td.subTitleBox_bold a:hover{
	font-weight:bold;
	font-size:141%;
	line-height:1.4em;
	text-decoration:underline;
	color:#666666;
}

table.nonsetBox_next {
	width:100%;
	margin:0 0 10px 0;
	border:none;
	background:url(/images/proportal/wordpress_bar.gif) repeat-x bottom;
}

table.nonsetBox_next td.td_left {
	padding:0 0 10px 0;
	border:none;
	line-height:1.6em;
	font-size:small;
	text-align:left
}

table.nonsetBox_next td.td_right {
	padding:0 0 10px 0;
	border:none;
	line-height:1.6em;
	font-size:small;
	text-align:right;
}

.post-categories ul {
	list-style:none;
}

.post-categories li {
	display:block;
	float:left;
}

/* 特殊リスト設定 */
/* リスト回り込み時に、リストのマーカーが画像の下に出て */
/* しまい見えなくなってしまうので、画像サイズに合わせて */
/* マージンレフトを設定。下記は横250px時の設定。　　　　*/

#mainTextColumn ul.floatlist-L250{
	display:block;
	padding-left: 2px;
	margin-top:15px;
	margin-left:260px;
	margin-bottom:5px;
}


#mainTextColumn ul.good li {
	padding:0 0px 5px 20px;
	margin-bottom:5px;
	background:url(/images/common/good_ico.gif) no-repeat 0px 0px;
	font-size:90%;
}

#mainTextColumn ul.bad li {
	padding:0 0px 5px 20px;
	margin-bottom:5px;
	background:url(/images/common/bad_ico.gif) no-repeat 0px 0px;
	font-size:90%;
}

/* テキストを非表示 */
p.notext {
	text-indent:-9999px;
}	

/* ボタン総合 */
.newsBtn_mousikomi_toiawase a{display:block;width:520px;text-indent:-9999px;height:70px;margin-left:auto;margin-right:auto;background: url(http://proportal.system5.jp/whatsnew/wp-content/uploads/2009/05/btn_mousikomi_toiawase.gif) 0 0 no-repeat;}
.newsBtn_mousikomi_toiawase a:hover {background: url(http://proportal.system5.jp/whatsnew/wp-content/uploads/2009/05/btn_mousikomi_toiawase.gif) 0 -70px no-repeat;}

.newsBtn_toiawase a{display:block;width:520px;text-indent:-9999px;height:70px;margin-left:auto;margin-right:auto;background: url(http://proportal.system5.jp/whatsnew/wp-content/uploads/2009/05/btn_toiawase.gif) 0 0 no-repeat;}
.newsBtn_toiawase a:hover {background: url(http://proportal.system5.jp/whatsnew/wp-content/uploads/2009/05/btn_toiawase.gif) 0 -70px no-repeat;}

.newsBtn_mousikomi a{display:block;width:520px;text-indent:-9999px;height:70px;margin-left:auto;margin-right:auto;background: url(http://proportal.system5.jp/whatsnew/wp-content/uploads/2009/05/btn_mousikomi.gif) 0 0 no-repeat;}
.newsBtn_mousikomi a:hover {background: url(http://proportal.system5.jp/whatsnew/wp-content/uploads/2009/05/btn_mousikomi.gif) 0 -70px no-repeat;}

.newsBtn_chumon a{display:block;width:520px;text-indent:-9999px;height:70px;margin-left:auto;margin-right:auto;background: url(http://proportal.system5.jp/whatsnew/wp-content/uploads/2009/05/btn_chumon.gif) 0 0 no-repeat;}
.newsBtn_chumon a:hover {background: url(http://proportal.system5.jp/whatsnew/wp-content/uploads/2009/05/btn_chumon.gif) 0 -70px no-repeat;}

.newsBtn_toroku a{display:block;width:520px;text-indent:-9999px;height:70px;margin-left:auto;margin-right:auto;background: url(http://proportal.system5.jp/whatsnew/wp-content/uploads/2009/05/btn_toroku.gif) 0 0 no-repeat;}
.newsBtn_toroku a:hover {background: url(http://proportal.system5.jp/whatsnew/wp-content/uploads/2009/05/btn_toroku.gif) 0 -70px no-repeat;}

.newsBtn_sale a{display:block;width:520px;text-indent:-9999px;height:70px;margin-left:auto;margin-right:auto;background: url(http://proportal.system5.jp/whatsnew/wp-content/uploads/2009/05/btn_sale.gif) 0 0 no-repeat;}
.newsBtn_sale a:hover {background: url(http://proportal.system5.jp/whatsnew/wp-content/uploads/2009/05/btn_sale.gif) 0 -70px no-repeat;}

.newsBtn_campaign a{display:block;width:520px;text-indent:-9999px;height:70px;margin-left:auto;margin-right:auto;background: url(http://proportal.system5.jp/whatsnew/wp-content/uploads/2009/05/btn_campaign.gif) 0 0 no-repeat;}
.newsBtn_campaign a:hover {background: url(http://proportal.system5.jp/whatsnew/wp-content/uploads/2009/05/btn_campaign.gif) 0 -70px no-repeat;}

.newsBtn_itemlist a{display:block;width:520px;text-indent:-9999px;height:70px;margin-left:auto;margin-right:auto;background: url(http://proportal.system5.jp/whatsnew/wp-content/uploads/2009/05/btn_itemlist.gif) 0 0 no-repeat;}
.newsBtn_itemlist a:hover {background: url(http://proportal.system5.jp/whatsnew/wp-content/uploads/2009/05/btn_itemlist.gif) 0 -70px no-repeat;}

.newsBtn_used a{display:block;width:520px;text-indent:-9999px;height:70px;margin-left:auto;margin-right:auto;background: url(http://proportal.system5.jp/whatsnew/wp-content/uploads/2009/05/btn_used.gif) 0 0 no-repeat;}
.newsBtn_used a:hover {background: url(http://proportal.system5.jp/whatsnew/wp-content/uploads/2009/05/btn_used.gif) 0 -70px no-repeat;}

.newsBtn_shosai a{display:block;width:520px;text-indent:-9999px;height:70px;margin-left:auto;margin-right:auto;background: url(http://proportal.system5.jp/whatsnew/wp-content/uploads/2009/05/btn_shosai.gif) 0 0 no-repeat;}
.newsBtn_shosai a:hover {background: url(http://proportal.system5.jp/whatsnew/wp-content/uploads/2009/05/btn_shosai.gif) 0 -70px no-repeat;}

.newsBtn_ichiran a{display:block;width:520px;text-indent:-9999px;height:70px;margin-left:auto;margin-right:auto;background: url(http://proportal.system5.jp/whatsnew/wp-content/uploads/2009/05/btn_ichiran.gif) 0 0 no-repeat;}
.newsBtn_ichiran a:hover {background: url(http://proportal.system5.jp/whatsnew/wp-content/uploads/2009/05/btn_ichiran.gif) 0 -70px no-repeat;}


/* 画像回り込み設定 */
.alignleft{
float:left;
margin-right:10px;
}


/* 横一列設定 (float:left;) */
.float_left{
width:200px;
height:180px;
float:left;
margin-right:10px;
}

.float_leftFree{
float:left;
paddin:3px 5px;
margin-right:10px;
}


/** eMplex検索結果画面 コピペ時 同スタイル **/
#mainTextColumn .itemListline {
	clear: both;
	margin-bottom:10px;
	padding-bottom: 30px;
}

#mainTextColumn .itemListline:after {content:".";display:block;height:0;clear:both;visibility:hidden;}
#mainTextColumn .itemListline {display:inline-block;}
/*\*/
* html #mainTextColumn .itemListline {height:1%;}
#mainTextColumn .itemListline {display:block;}
/**/


#mainTextColumn .itemListData {
	clear: both;
	padding-bottom: 10px;
	border-bottom:1px dotted #CCCCCC;
	margin-bottom:10px;
}

#mainTextColumn .itemListData:after {content:".";display:block;height:0;clear:both;visibility:hidden;}
#mainTextColumn .itemListData {display:inline-block;}
/*\*/
* html #mainTextColumn .itemListData {height:1%;}
#mainTextColumn .itemListData {display:block;}
/**/

#mainTextColumn .itemListPhoto {
	float:left; width:110px;
	padding-bottom:10px; 
}

#mainTextColumn .itemListInfo {
	margin-left: 110px;
}

#mainTextColumn div.itemListInfo dl {
	
}

#mainTextColumn div.itemListInfo dl dt {
padding-bottom: 5px;
	
}


#mainTextColumn div.itemListInfo dl dd.itemListPrice {
	color:#666;
	padding-bottom: 5px;
	
}
#mainTextColumn div.itemListInfo dl dd.itemListCopy {

}
