@charset "utf-8";
/*
*************************************************
 CPWRC
*************************************************
*/


/*================================================================
 
    ■General Selectors

================================================================*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {  
	margin: 0; 
	padding: 0; 
} 
body {
	line-height: 140%;
	background: #dadada url(../img/bgbase.gif) repeat-y center top;
	font-size: 80%;
	font-style: normal;
	font-family: "ＭＳ Ｐゴシック","メイリオ","Meiryo","ヒラギノ角ゴ Pro W3","MS P Gothic","Osaka",Verdana,Arial,Helvetica,sans-serif;
	color: #4a4a4a;
}
img { border: none; }

/*メインリンクカラー*/
a { color: #105cb6; text-decoration: none; }
a:hover, a:focus { /*color: #910230;*/ text-decoration: underline; }

cite { font-style: normal; }
.clearer { clear: both; }

/* 縦Align一括指定 */
.vamid { vertical-align: middle; }


/*================================================================
    Main
================================================================*/
#wrapper {
	width: 805px;
	margin: 0 auto;
	background: #fff url(../img/bg.png) repeat-y center top;
}

#header {
	width: 795px;
	margin: 0 auto;
	height: 51px;
	background: #333 url(../img/header-bg.png) no-repeat left top;
	position: relative;
}

#container {
	clear: both;
	width: 795px;
	margin: 0 auto;
	padding-top: 15px;
	text-align: left;
	background-repeat: repeat-x;
	background-position: left top;
}


/*---------------------------------------------------------
	パンくず
---------------------------------------------------------*/
#breadcrumbs {
	list-style: none;
	width: 765px;
	margin: 0 0 15px 15px;
	padding-bottom: 3px;
	border-bottom: 1px solid #c2c2c2;
	font-size: 85%;
}
	#breadcrumbs li { display: inline; }
	#breadcrumbs li a {
		padding-right: 16px;
		background: url(../img/breadcrumb.gif) no-repeat right center;
	}
/*---------------------------------------------------------
	right_side
---------------------------------------------------------*/
#right_side {
	float: right;
	width: 190px;
	margin: 0 0 2em;
	padding-bottom: 10px;
	background: #e8e8e9 url(../img/right_side_bgbtm.gif) no-repeat left bottom;
	/*false value of margin-right*/
	margin-right: 8px;
}
html>body #right_side {
	/*correct value of margin-left for modern browser, except! evil IE6*/
	margin-right: 15px;
}
#right_main {
	/*rightside top rounded corner for now*/
	padding: 10px 10px 0;
	background: #e8e8e9 url(../img/right_side_bgtop.gif) no-repeat left top;
}

/*---------------------------------------------------------
	footer
---------------------------------------------------------*/
#footer {
	clear: both;
	width: 765px;
	padding: 10px 15px;
	position: relative;
	background: #333 url(../img/footer_bg.png) repeat-x left top;
	font-size: 80%;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}




/*================================================================
    Detail
================================================================*/
/*---------------------------------------------------------
    Common
---------------------------------------------------------*/
.boxreg {
	clear: both;
	width: 560px;
	margin-bottom: 15px;
	padding-bottom: 15px;
	position: relative;
	background: transparent url(../img/boxreg_btm.gif) no-repeat left bottom;
}
.boxreg h2, .boxreg h3, #toprank h2/*HOMEランキング用*/ {
	padding: 5px 7px;
	background: transparent url(../img/boxreg_head.png) no-repeat left top;
	color: #fff;
	font-size: 120%;
}
.boxreg h3.type01, .boxreg h4.type01 {
	padding: 0;
	margin-bottom: 10px;
	background: transparent url(../img/h_type01_r.png) no-repeat right top;
	font-size: 110%;
}
.boxreg h3.type01 span, .boxreg h4.type01 span {
	display: block;
	height: 22px;
	padding: 5px 5px 5px 8px;
	background: transparent url(../img/h_type01_l.png) no-repeat left top;
}
.boxreg .boxregbody {
	padding-top: 10px;
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;

}
.boxreg .boxregbody .inbody {
	width: 540px;
	margin: 0 auto 15px auto;
	overflow: hidden;
}
.boxreg .boxregbody .inbody .def { margin-bottom: 5px; }
.boxreg .boxregbody .inbody img.iconpic {
	float: left;
	margin-right: 10px;
}
.boxreg .boxregbody .inbody .inbody_l {
	float: left;
	width: 265px;
}
.boxreg .boxregbody .inbody .inbody_r {
	float: right;
	width: 265px;
}
.boxreg .topround {
	/*上角丸仕様*/
	padding-top: 5px;
	background: transparent url(../img/boxreg_top.gif) no-repeat left top;
}
.boxreg .rss01 {
	position: absolute;
	top: 5px;
	right: 5px;
	color: #fff;
}

.boxhalf_container {
 	/*if needed for self-clearing*/
	width: 560px;
	overflow: hidden;
}
.boxhalf_l { float: left; }
.boxhalf_r { float: right; }
.boxhalf_l, .boxhalf_r {
	width: 272px;
	margin-bottom: 15px;
	padding-bottom: 15px;
	background: transparent url(../img/boxhalf_btm.gif) no-repeat left bottom;
}
.boxhalf_l h2, .boxhalf_r h2 {
	padding: 5px 7px;
	background: transparent url(../img/boxhalf_head.png) no-repeat left top;
	color: #fff;
	font-size: 120%;
}
.boxhalf_body {
	padding-top: 10px;
	background: transparent url(../img/boxhalf_bg.gif) repeat-y left top;
}

/*----- リスト：リンク -----*/
.list-link {
	list-style: none;
	margin-bottom: 0.5em;
	padding-left: 0.3em;
}
	.list-link li, .list-link dt {
		margin-bottom: 0.5em;
		padding-left: 1.2em;
		background: url(../img/blt-list-link.gif) no-repeat left 0.3em;
	}
	.list-link dd {
		line-height: 120%;
		margin-top: -0.5em;
		margin-left: 1.5em;
		font-size: 85%;
	}
	.list-link li a { }

/*----- さらに見る -----*/
	/*さらに見る(通常)*/
.readmore {
	text-align: right;
}
	/*さらに見る(小)*/
.readmore_s {
	margin-right: 5px;
	text-align: right;
	font-size: 85%;
}
.readmore a, .readmore_s a {
	padding-right: 12px;
	background: transparent url(../img/home/blt-readmore-black.gif) no-repeat right 0.2em;
}


/*----- ページトップへ戻る -----*/
.pagetop {
	clear: both;
	text-align: right;
	margin-bottom: 15px;
}
.pagetop a {
	padding-right: 15px;
	background: transparent url(../img/blt_pagetop.gif) no-repeat right center;
}

/*----- リダイレクト -----*/
.redirect_com { text-align: center; margin-bottom: 15px; font-size: 90%; }
.redirect_com code { white-space: normal; }


/*---------------------------------------------------------  
    header
---------------------------------------------------------*/
/*----- ロゴ部分 -----*/
#logo { display: none; }
#cpwrclogo a,
#h1 a/*TOPページのみ*/
{
	display: block;
	width: 500px;
	height: 30px;
	position: absolute;
	top: 10px;
	left: 10px;
	overflow: hidden;
	text-indent: -9999px;
}

/*----- ヘッダー：ロゴより右側の部分 -----*/
	/*ヘッダーメニュー*/
#header-menu {
	position: absolute;
	bottom: 10px;
	right: 15px;
}
	#header-menu ul {
		list-style: none;
		font-size: 85%;
	}
	#header-menu ul li {
		float: left;
	}
	#header-menu a {
		color: #fff;
	}
	#header-menu a#help {
		padding-left: 16px;
		background: url(../img/header-blt-help.gif) no-repeat left center;
	}
	/*ヘッダーコンテンツ*/
#header-content {
	position: absolute;
	top: 0;
	left: 200px;
}
#globalnav {
	width: 795px;
	height: 28px;
	margin: 0 auto;
	background: #910230 url(../img/globalnav-bg.png) repeat-x left top;
}
	#globalnav ul {
		float: left;
/*		width: 580px; */
		width: 625px; 
		height: 28px;
		list-style: none;
		overflow: hidden;
	}
	#globalnav li {
		float: left;
		text-indent: -9999px;
		font-size: 1%;
	}
	#globalnav a {
		display: block;
		height: 28px;
		background: url(../img/globalnav-btns.png);
	}
	#gn-menu1 a {
		width: 125px;
		background-position: left top;
	}
	#gn-menu2 a {
		width: 125px;
		background-position: -125px top;
	}
	#gn-menu3 a {
		width: 125px;
		background-position: -250px top;
	}
	#gn-menu4 a {
		width: 125px;
		background-position: -375px top;
	}
	#gn-menu5 a {
		width: 125px;
		background-position: -500px top;
	}
	#gn-menu1 a:hover { background-position: left -28px; }
	#gn-menu2 a:hover, .menu2 #gn-menu2 a { background-position: -125px -28px; }
	#gn-menu3 a:hover, .menu3 #gn-menu3 a { background-position: -250px -28px; }
	#gn-menu4 a:hover, .menu4 #gn-menu4 a { background-position: -375px -28px; }
	#gn-menu5 a:hover, .menu5 #gn-menu5 a { background-position: -500px -28px; }
	
	#search {
		float: left;
		margin: 0;
		padding: 4px 0 0 10px;
	}
	#search-box {
		width: 132px;
		height: 16px;
		margin: 0;
		padding: 2px;
		background: #fff url(../img/search-bg.gif) no-repeat left top;
		border: none;
		vertical-align: top;
	}
	#search-btn { vertical-align: top; }


/*---------------------------------------------------------
    container
---------------------------------------------------------*/

/* ==================== main column ==================== */
#main {
	float: left;
	width: 560px;
	margin: 0 0 2em;
	/*false value of margin-left*/
	margin-left: 8px;
}
html>body #main {
	/*correct value of margin-left for modern browser, except! evil IE6*/
	margin-left: 15px;
	min-height: 800px;
}
#main #heading_cattop { margin-bottom: 15px; }/*only for category top h2*/

/*TOPページ以外*/
#main h1
{
	width: 99%;
	position: relative;
	font-size: 30px;
	color: #FFF;
	margin-top: 10px;
	padding-top: 10px;
	margin-bottom: 10px;
	padding-bottom: 10px;
	background-color: #066;
	margin-right: 5px;
	padding-right: 5px;
	padding-left: 3px;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
#tbcom { width: 560px; font-size: 85%; margin-bottom: 15px; text-align: left; }
#tbcom p { padding: 8px 0; }

/*フィードバック(評価)*/
#feedback {
	clear: both;
	width: 435px;
	margin: 0 0 15px 125px;
	padding: 5px 0 10px;
	background: url(../img/comment-box-btm.png) no-repeat left bottom;
}
	#feedback #feedtitle {
		margin: 0;
		padding: 0;
		text-indent: 0;
		background: none;
		border: none;
	}
	#feedback #feedback-inner {
		width: 415px;
		padding: 0 10px;
		background: url(../img/comment-box-bg.gif) left top;
	}
	#feedback #feedlist {
		list-style: none;
		margin: 0;
		padding: 0 5px;
	}
	#feedback #feedlist li {
		display: block;
		float: left;
		width: 135px;
		margin: 0;
		padding: 0 0 5px 0;
		font-size: 85%;
		color: #000;
	}
	#feedback #feedlist li input { vertical-align: middle; }
	#feednote {
		clear: both;
		margin: 0;
		padding: 0;
		font-size: 80%;
	}
	#submit_area {
		clear: both;
		text-align: right;
	}
	#submitfeed {
		padding: 2px;
		border: 1px solid #181715;
		background: #181715;
		color: #fff;
		cursor: pointer;
	}
	#feedresult {
		margin-right: 0.3em;
		padding-left: 15px;
		background: url(../img/comment-blt01.gif) no-repeat left 0em;
		font-size: 85%;
		color: #333;
	}

	#comment-extra {
		text-align: right;
		margin-bottom: 20px;
	}
	#comment-extra a {
		padding-left: 15px;
		background: url(../img/comment-blt01.gif) no-repeat left 0.1em;
		font-size: 85%;
		color: #333;
	}



/* ==================== right side ==================== */
#r-side {
	float: right;
	display: inline;/*IE6 double margin fixer*/
	width: 190px;
	margin: 0 15px 2em 0;
}
#r-side h2 {
	margin: 0;
	padding: 0.3em 0.5em;
	background: #aaa url(../img/r-h.png) repeat-x left top;
	font-size: 100%;
	color: #fff;
}
.r-compart {
	margin-bottom: 15px;
}
#r-side .readmore {
	clear: both;
	margin-bottom: 10px;
	font-size: 85%;
}
#r-side .readmore a {
	background-position: right 0;
}

/*(右)メルマガ*/
#r-mailmag { position: relative; }
	#r-mailmag span {
		display: block;
		position: absolute;
		top: 25px;
		left: 83px;
		line-height: 100%;
		font-weight: bold;
		font-size: 85%;
		font-family: verdana;
		color: #c00;
	}

/*(右)注目コンテンツ*/
#r-hottest {
	width: 190px;
	height: 190px;
}

/*(右)最新エントリー*/
#r-side #r-h-newentry {
	background-color: #006;
	background-repeat: repeat-x;
	background-position: left top;
}
	#r-newentry {
	width: 168px;
	padding: 8px 10px 0 10px;
	background-color: #fcfcfc;
	background-repeat: repeat-x;
	background-position: left top;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-right-color: #336;
	border-bottom-color: #336;
	border-left-color: #336;
	}
	#r-newentry h3 {
	width: 100%;
	margin-bottom: 8px;
	padding-bottom: 0.1em;
	position: relative;
	font-size: 90%;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #336;
	}
	#r-newentry h3 span {
		position: absolute;
		top: 0;
		right: 0;
	}
	#r-contents-update { list-style: none; }
	#r-contents-update li {
		line-height: 120%;
		margin-bottom: 5px;
		padding: 0 0 5px 12px;
		background: url(../img/r-newentry-blt.gif) no-repeat left 0.35em;
		border-bottom: 1px dashed #ccc;
	}
	#r-contents-update li span {
		display: block;
		font-size: 85%;
		color: #6e6e6e;
	}
	
	#r-doc-indicator {
		width: 166px;
		margin-bottom: 5px;
		border: 1px solid #dbdbdb;
		overflow: hidden;
	}
	#r-doc-indicator dt {
		padding: 0.2em 0.5em;
		background: #fbeef5;
		border-bottom: 1px solid #dbdbdb;
	}
	#r-doc-indicator dd {
		display: block;
		float: left;
		width: 71px;
		padding: 0.3em 0;
		background: #f9f9f9 url(../img/r-doc-indc-bg.png) no-repeat left top;
		text-align: center;
		font-size: 85%;
	}
	#r-doc-indicator #r-doc-signal {
		width: 24px;
		padding: 0.3em 0;
		background: url(../img/r-doc-indc-bg.png) no-repeat right top;
	}
	#r-doc-signal a {
		position: relative;
		text-decoration: none;
	}
	a.r-doc-tip span { display: none; }
	a.r-doc-tip:hover span {
		display: block;
		position: absolute;
		top: -35px;
		left: 5px;
	}
	#r-doc-indicator dd img { vertical-align: bottom; }
	#r-doc-indicator dd .num {
		font-weight: bold;
		font-size: 130%;
		font-family: georgia, verdana, times, serif;
	}

/*(右)前日のトレンド*/
#r-trend { padding-top: 8px; }
	#r-trend dt {
		margin-bottom: 8px;
		padding-bottom: 0.1em;
		border-bottom: 1px solid #ccc;
		font-weight: bold;
	}
	#r-trend .trend-entry {
		margin-bottom: 0.5em;
		padding-bottom: 0.5em;
		border-bottom: 1px dashed #ccc;
	}

/*(右)今月の腕試し*/
#r-side #r-h-try {
	background: url(../img/r-try.gif) repeat-x #8a7bab;
}
	#r-side #r-try {
		border-right: 1px solid #8a7bab;
		border-bottom: 1px solid #8a7bab;
		border-left: 1px solid #8a7bab;
		padding: 5px 10px 5px 10px;
		background: #f7f4f9;
	}
	#r-try #question {
		line-height: 120%;
		font-size: 85%;
		margin: 4px 0 6px 0;
	}
	#r-try .attention {
		font-size: 85%;
		color: #666;
	}
	#r-try #yes {
		display: inline;
		padding: 0 2px 0 0;
		margin: 0;
	}
	#r-try #no {
		display: inline;
		padding: 0;
		margin: 0;
	}


/*(右)ストレージなコラム*/
#r-side #r-h-column {
	padding: 0.4em 0.5em;
	background-color: #FFC;
	background-repeat: repeat-x;
	background-position: left top;
}
	#r-column {
	width: 168px;
	padding: 10px 10px 0 10px;
	background-color: #f9f5ee;
	background-repeat: no-repeat;
	background-position: center center;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-right-color: #336;
	border-bottom-color: #336;
	border-left-color: #336;
	}
	#r-column-title {
		line-height: 120%;
		padding-bottom: 5px;
		font-weight: bold;
	}

	#r-column-title img {
		display: block;
		float: left;
		width: 53px;
		height: 53px;
		margin: 0 5px 5px 0;
		padding: 1px;
		border: 1px solid #ba937e;
		background: #fff;
		cursor: pointer;
	}
	#r-column-num {
		display: block;
		padding-bottom: 0.2em;
		color: #3e3e3e;
		text-decoration: none;
	}
	
	#r-column-catch {
		line-height: 140%;
		clear: both;
		background: url(../img/r-column-line.gif) repeat-y left top;
		font-size: 85%;
	}
/*(右)最新コメント*/
#recent-ajaxcom { padding-top: 8px; }/*他はTOPの場所に記載*/


/*(右)バナー*/
#r-banners {
	width: 100%;
	padding-top: 5px;
	border-top: 1px solid #dedede;
}
	#r-banners li {
		float: left;
		display: block;
		padding-bottom: 5px;
	}



/*---------------------------------------------------------   
    footer
---------------------------------------------------------*/
#footer p { color: #ebebeb; }
#footnav {
	list-style: none;
	position: absolute;
	top: 10px;
	right: 15px;
}
#footnav li {
	float: left;
	padding-left: 10px;
	background: transparent url(../img/footer_blt.gif) no-repeat left center;
	color: #ebebeb;
}
#footnav li:first-child { margin-right: 15px; }/*Modern Browser and IE7up*/
#footnav li a { color: #ebebeb; }










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

    ■メイン４カテゴリのCSS(home, article, material, support)

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

/*---------------------------------------------------------
	HOME(ホーム)
---------------------------------------------------------*/

/* ----- FLAエリア -----*/
#top-flash {
	margin: 0;
	padding: 0;
	background: #e9e9e9;
}
	#top-flash embed {/*Fix undesirable gap under flash for Firefox*/
		vertical-align: bottom;
	}

/* ----- TOP2段目 ----- */
#top-second-com {
	width: 765px;
	padding: 15px;
/*	background: #e9e9e9 *//*url(../img/home/top-second-bg.png) repeat-x left top*/; 
	overflow: hidden;
	color: #5e5e5e;
}

	/* TOPお知らせ */
#top-notice {
	width: 761px;
	margin-bottom: 10px;
	border: 2px solid #c00;
	background: #fff;
	color: #000;
}
	#top-notice p {
		text-align: center;
		padding: 8px;
	}
	#top-notice p em {
		padding: 0 3px;
		font-weight: bold;
		font-style: normal;
		color: #f00;
	}
	
	/*コンパートメント関連*/
	#top-sec-l, #top-sec-r {
		width: 375px;
		background: #fff;
		position: relative;
	}
	#top-sec-l { float: left; }
	#top-sec-r { float: right; }
	.top-sec-lr-inner {
		padding: 8px 0;
		border-right: 1px solid #ccc;
		border-bottom: 1px solid #ccc;
		border-left: 1px solid #ccc;
	}

	#top-second-com .h2-area {
		margin: 0;
		padding: 5px 7px;
		background: #910230 url(../img/home/top-second-h2.png) repeat-x top left;
		position: re;
		color: #fff;
	}
	.h2-area h2 {
		display: inline;
		margin: 0 10px 0 0;
		padding: 0;
		font-size: 100%;
	}
	.h2-area .listall a {
		padding-left: 12px;
		background: url(../img/home/blt-listall-titlebar.gif) no-repeat left top;
		font-size: 85%;
		color: #fff;
	}
	.h2-area .rss-icon {
		position: absolute;
		top: 7px;
		right: 7px;
	}


/*コンテンツアップデート*/
	#new-topic {
		margin: 0 8px 5px;
		padding-bottom: 5px;
		border-bottom: 1px dotted #e9e9e9;
	}
	#new-topic dt {
		margin-bottom: 5px;
		font-size: 120%;
		font-weight: bold;
	}
	#new-topic dt #nt-pic img {
		display: block;
		float: right;
		margin-left: 5px;
		padding: 4px;
		border-top: 1px solid #dfdfdf;
		border-left: 1px solid #dfdfdf;
		border-bottom: 1px solid #cfcfcf;
		border-right: 1px solid #cfcfcf;
		cursor: pointer;
	}
	#new-topic dt a:hover #nt-pic img {
		border: 1px solid #f8e0e2;
		background: #f8e0e2;
	}
	#new-topic dd { margin-right: 65px; }
	#new-topic #nt-date { font-size: 85%; }
	
	#sub-topics {
		list-style: none;
		padding: 0 8px;
	}
	#sub-topics li {
		margin-bottom: 0.3em;
		padding-left: 14px;
		background: url(../img/home/top-second-blt.gif) no-repeat left 0.4em;
	}
	#sub-topics li .st-date {
		padding-left: 0.5em;
		font-size: 85%;
	}
	
/*ドキュメントアップデート*/
	/*インディケーター*/
	#docs-indicator {
		width: 355px;
		margin: 0 8px 5px;
		padding: 0;
		border: 1px solid #e3e3e3;
		background: #f0f0f0 url(../img/home/top-docindi-bg.png) repeat-x left top;
		overflow: hidden;
		border-collapse: collapse;
	}
	#docs-indicator td {
		padding: 3px;
		vertical-align: middle;
	}
	#docs-indicator #docs-indi-lamp {
		width: 24px;
		border-right: 1px solid #e3e3e3;
		text-align: center;
	}
	#docs-indicator #docs-indi-date {
		width: 120px;
		padding-left: 8px;
		text-align: left;
	}
	#docs-indicator .docs-indi-count {
		margin-right: 10px;
		padding-left: 7px;
		background: url(../img/home/doc-count-blt.gif) no-repeat left center;
		font-weight: bold;
		font-size: 85%;
		color: #333;
	}
	
	/*リスト*/
	#docs-update {
		clear: both;
		list-style: none;
		margin: 0 8px 10px;
	}
	#docs-update li {
		margin-bottom: 5px;
		padding-left: 14px;
		background: url(../img/home/top-second-blt.gif) no-repeat left 0.4em;
	}
	#docs-update li .docs-date {
		padding-left: 5px;
		font-size: 85%;
	}
	
	/*ショートカット*/
	#doc-scut {
		width: 343px;
		margin: 0 8px;
		padding: 5px 7px 7px;
		background: #f2f2f2;
		overflow: hidden;
	}
	#doc-scut dt { margin-bottom: 5px; }
	#doc-scut #docs-s-product {
		float: left;
		display: inline;
		width: 165px;
	}
	#doc-scut #docs-s-doc {
		float: right;
		display: inline;
		width: 165px;
	}
	#doc-scut dd select {
		width: 165px;
	}
	
/* ----- TOP3段目 ----- */
#top-third-compart {
	width: 765px;
	padding: 15px 15px 20px;
	overflow: hidden;
}
	#top-third-compart h3.type01 {
		margin-bottom: 10px;
		padding: 0 0 3px 20px;
		border-bottom: 1px solid #767676;
		font-size: 110%;
	}
	/*セミナー案内*/
	#seminar-info {
		float: left;
		width: 570px;
		height: 40px;
		margin: 0 15px 25px 0;
		overflow: hidden;
	}
	#seminar-info dt {
		float: left;
		width: 90px;
		height: 38px;
		background: url(../img/home/bg-seminar-title.png) no-repeat right center;
		text-indent: -9999px;
	}
	#seminar-info dd {
		line-height: 130%;
		margin-left: 95px;
		padding: 5px;
		font-size: 90%
	}
	#seminar-info dd a { text-decoration: none; }
	#seminar-info dd a:hover { text-decoration: underline; }
	#seminar-info dd span {
		display: block;
		font-size: 95%;
		color: #6e6e6e;
	}
	
	/*左*/
	#third-compart-l {
		clear: both;
		display: inline;
		float: left;
		width: 180px;
		margin-right: 15px;
	}
	/*中央*/
	#third-compart-c {
		display: inline;
		float: left;
		width: 375px;
		margin-right: 15px;
	}
	/*右*/
	#third-compart-r {
		float: left;
		width: 180px;
	}
/*左カラム要素*/
	/*ナビゲーション*/
	#navi-basic {
		list-style: none;
		width: 100%;
	}
	#navi-basic .toggler {
		width: 165px;
		padding: 5px 5px 5px 10px;
		background: #e6e6e6 url(../img/home/bg-basic-navi-nega.gif) no-repeat 165px center;
		border-bottom: 1px solid #fff;
		font-weight: bold;
		color: #3e3e3e;
		cursor: pointer;
	}
	#navi-basic .highlight {
		background: #666 url(../img/home/basic-nav-highlight.png) repeat-x left top;
		color: #fff;
	}
	#navi-basic .accordion {
		height: 225px;
		padding: 0 7px;
		background: #f9f9f9;
		overflow: hidden;
	}
	#navi-basic .accordion ul { list-style: none; }
	#navi-basic .accordion ul li {
		line-height: 125%;
		margin: 6px 0;
		padding-left: 14px;
		background: url(../img/home/blt-link-arrow01.gif) no-repeat left 0.4em;
	}
	/*#navi-basic .accordion ul li a { color: #5a5a5a; }
	#navi-basic .accordion ul li a:hover { color: #105cb6; }*/
	#navi-basic .accordion ul li#config-faq {
		padding: 0;
		background: none;
	}
	
	
/*中カラム要素*/
	/*----- デイリー：ＣＰＷＲＣ -----*/
	#dailycpwrc { padding: 0 0 10px 5px; }
	#dailycpwrc div#dailychara {
		float: left;
		width: 70px;
		padding: 0;
		text-align: center;
	}
	#dailycpwrc div#dailychara p {
		margin: 0;
		padding: 0;
		font-size: 85%;
	}
	#dailycpwrc div#dailycom {
		width: 285px;
		margin: 0 0 5px 70px;
		padding: 0;
		background: url(../img/home/daily_bg.gif) repeat-y top left;
	}
	#dailycpwrc div#dailycom div#dailycombtm {/*下フタ*/
		margin: 0;
		padding: 0;
		height: 10px;
		background: transparent url(../img/home/daily_btm.gif) no-repeat left bottom
	}
	#dailycpwrc div#dailycom p {
		line-height: 130%;
		margin: 0;
		padding: 10px 10px 0 25px;
		font-size: 85%;
		background: url(../img/home/daily_top.gif) no-repeat top left;
	}
	#dailycpwrc div#dailycom p span#dailycomdate {
		display: block;
		font-size: 85%;
		font-family: verdana, "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
		text-align: right;
	}
	#dailycpwrc div#dailycom p img {
		float: left;
		margin-right: 5px;
	}
	#dailycpwrc .andmore {
		padding-right: 12px;
		background: url(../img/home/blt-readmore-black.gif) no-repeat right center;
		text-align: right;
		font-size: 80%;
	}

	/*最新コメント*/
	#h-comment { background: url(../img/home/blt-title-comment.gif) no-repeat left top; }
	#recent-ajaxcom-home { margin: 0; }
	#recent-ajaxcom-home p, #recent-ajaxcom p {
		list-style: none;
		line-height: 140%;
		margin-bottom: 8px;
		padding: 0 0 0 18px;
		background: transparent url(../img/ico_com.gif) no-repeat top left;
		font-size: 85%;
		word-break: break-all;/*IE only*/ 
	}
	#recent-ajaxcom-home p a, #recent-ajaxcom p a {
		display: block;
		color: #4a4a4a;
	}
	#recent-ajaxcom-home p a:hover, #recent-ajaxcom p a:hover { color: #105cb6; }
	#recent-ajaxcom-home span, #recent-ajaxcom span {
		display: block;
		color: #6e6e6e;
	}

/*右カラム要素*/
	/*前日のトレンド*/
	#h-trend { background: url(../img/home/blt-title-trend.gif) no-repeat left top; }
	#trend { margin-bottom: 10px; }
	#trend dl { margin-bottom: 10px; }
	#trend dl#access {
		padding-bottom: 5px;
		border-bottom: 1px dashed #ccc;
	}
	#trend dl dt {
		margin-bottom: 5px;
		font-weight: bold;
		color: #545454;
	}
	#trend .trend-entry {
		width: 100%;
		margin-bottom: 8px;
		overflow: hidden;
	}
	.trend-entry ul {
		list-style: none;
		float: left;
		width: 20px;
	}
	.trend-entry ul img {
		vertical-align: bottom;
	}
	.trend-entry p {
		line-height: 125%;
		margin-left: 24px;
	}
	.trend-entry p span {
		margin-left: 5px;
		color: #6e6e6e;
	}
	#trend .moretrend {
		padding-right: 12px;
		background: url(../img/home/blt-readmore-black.gif) no-repeat right center;
		text-align: right;
		font-size: 85%;
	}

	/*関連サイト*/
	#related-sites {
		list-style: none;
		width: 100%;
		padding-top: 10px;
		border-top: 1px solid #ccc;
		overflow: hidden;
	}
	#related-sites li {
		float: left;
		margin: 0 10px 5px 0;
	}


/*---------------------------------------------------------
	ARTICLE(特集記事＆ノウハウ)
---------------------------------------------------------*/

.bnarea {
	padding: 0 0 25px 0;
}
#category {
	border-bottom: 1px solid #c0c0c0;
	margin: 0 0 30px 0;
	width: 560px;
	background: url(../article/img/category.gif) repeat-y;
}
#category h3 {
	padding-top: 0px;
}
#category ul {
	float: left;
	display: block;
	width: 365px;
}
#category li {
	list-style: none;
	width: 182px;
	padding: 0 0 0 1px;
	display: inline;
	margin: 0;
	line-height: 0;
}
#category dl {
	width: 184px;
	padding: 5px 5px 0 5px;
	float: right;
}
#category dt {
	background: url(../img/blt-category.gif) no-repeat left 4px;
	padding: 1px 0 1px 22px;
	margin: 0;
	line-height: 130%;
}
#category dl .s_spo { background:url(../article/img/category-dt-sspo.gif) no-repeat left 4px; }
#category dl .drmura { background:url(../article/img/category-dt-drmura.gif) no-repeat left 4px; }
#category dl .st_master { background:url(../article/img/category-dt-st_master.gif) no-repeat left 4px; }
#category dl .eetv { background:url(../article/img/category-dt-eetv.gif) no-repeat left 4px; }
#category dl .feature { background:url(../article/img/category-dt-feature.gif) no-repeat left 4px; }
#category dl .forsale { background:url(../article/img/category-dt-forsale.gif) no-repeat left 4px; }
#category dl .storplex { background:url(../article/img/category-dt-storplex.gif) no-repeat left 4px; }
#category dl .opposition { background:url(../article/img/category-dt-opposition.gif) no-repeat left 4px; }
#category dl .news { background:url(../article/img/category-dt-news.gif) no-repeat left 4px; }
#category dl .english { background:url(../article/img/category-dt-english.gif) no-repeat left 4px; }
#category dl .colum { background:url(../article/img/category-dt-colum.gif) no-repeat left 4px; }
#category dl .after5 { background:url(../article/img/category-dt-after5.gif) no-repeat left 4px; }
#category dl .goods_world { background:url(../article/img/category-dt-goods_world.gif) no-repeat left 4px; }
#category dl .mrt { background:url(../article/img/category-dt-mrt.gif) no-repeat left 4px; }
#category dl .comic { background:url(../article/img/category-dt-comic.gif) no-repeat left 4px; }
#category dd {
	font-size: 85%;
	padding-left: 22px;
}




/*---------------------------------------------------------
	ARTICLE(特集記事＆ノウハウ)旧バージョン
---------------------------------------------------------*/


/*----- 特集新着 -----*/
#art_newtopic {
	float: left;
	width: 320px;
	margin: 0 0 10px 5px;
	position: relative;
}
html[xmlns] #art_newtopic { margin-left: 10px; }/*IE6 bug fix*/

#art_newtopic h3.type01 { color:#333; }
#art_newtopic #art_nt_update {
	position: absolute;
	top: 8px;
	right: 17px;
	font-size: 80%;
	color: #666;
}
#art_newtopic h4 img {
	margin-bottom: 10px;
	display: block;
}
#art_newtopic h4 {
	margin-bottom: 5px;
	font-size: 110%;
}
#art_newtopic h4 img { display: block; }

/*----- 特集記事ランキング -----*/
#art_rank {
	float: right;
	width: 210px;
	margin: 0 5px 10px 0;
	padding-bottom: 10px;
	background: #f6db55 url(../article/img/art_rank_btm.gif) no-repeat left bottom;
}
html[xmlns] #art_rank { margin-right: 10px; }

#art_rank h3 {
	margin: 0;
	padding: 0;
	background: none;
}
#art_rank ol {
	list-style: none;
	padding-top: 10px;
}
#art_rank ol li {
	clear: both;
	width: 200px;
	margin: 0 auto 5px;
	font-size: 85%;
}
#art_rank ol span {
	display: block;
	width: 160px;
	padding: 5px 5px 15px 35px;
	background: url(../article/img/art_rankbox_btm.gif) no-repeat left bottom;
	overflow: hidden;
	color: #6e6e6e;
}
#art_rank ol span a { margin-right: 3px; }
#art_rank ol span a img {
	float: left;
	margin-right: 5px;
}
#art_rank ol li.art_rank01 { background: url(../article/img/art_rankbox_bg01.gif) no-repeat left top; }
#art_rank ol li.art_rank02 { background: url(../article/img/art_rankbox_bg02.gif) no-repeat left top; }
#art_rank ol li.art_rank03 { background: url(../article/img/art_rankbox_bg03.gif) no-repeat left top; }
#art_rank ol li.art_rank04 { background: url(../article/img/art_rankbox_bg04.gif) no-repeat left top; }
#art_rank ol li.art_rank05 { background: url(../article/img/art_rankbox_bg05.gif) no-repeat left top; margin-bottom: 0; }

/*----- 特集更新履歴 -----*/
#art_prestory {
	clear: both;
	width: 540px;
	margin: 0 auto;
	padding-top: 10px;
	border-top: 1px dotted #c2c2c2;
}
#art_prestory dt {
	margin-bottom: 3px;
	font-weight: bold;
}
#art_prestory dd {
	margin-bottom: 3px;
	padding-left: 10px;
	background: transparent url(../img/blt_arrow01.gif) no-repeat left center;
	font-size: 85%;
}

/*----- ランダムバナー -----*/
#art_recom {
	list-style: none;
	width: 560px;
	margin-bottom: 15px;
	overflow: hidden;
}
#art_recom li {
	float: left;
	width: 180px;
	margin-left: 10px;
}
#art_recom li:first-child { margin-left: 0; }
#art_recom li.first { margin-left: 0; }

/*----- 特集記事特設バナー -----*/
#feature-topic {
	width: 560px;
	margin-bottom: 20px;
}
#feature-topic ul { list-style: none; }
#feature-topic ul li { margin-bottom: 10px; }
#feature-topic ul li.last { margin-bottom: 0; }


/*----- その他 -----*/
.art_navilrwrap { 
	width: 540px;
	margin: 0 auto;
	overflow: hidden;
}
.art_navi_l {
	float: left;
	width: 265px;
	margin-bottom: 15px;
}
.art_navi_r {
	float: right;
	width: 265px;
	margin-bottom: 15px;
}
.art_navi_expl {
	width: 540px;
	margin: 0 auto 10px auto;
}
.art_navi_cat { margin-bottom: 10px; }
.art_navi_cat img {
	float: left;
	margin: 0 10px 10px 0;
}
.art_navi_list {
	list-style: none;
	clear: both;
	padding-left: 5px;
}
.art_navi_list li {
	margin-bottom: 8px;
	padding-left: 10px;
	background: transparent url(../img/blt_arrow02.gif) no-repeat left 0.5em;
}


.art_update {
	clear: both;
	font-size: 80%;
	padding: 19px 5px 5px 7px;
	margin: 0 0 0 12px;
	list-style: none;
	line-height: 130%;
	background: url(../img/art_update.gif) no-repeat top #ececec;
}

.art_update a:hover {
	color: #FF0000;
}
.art_navilrwrap .read {
	background: url(../img/art_update_read.gif) no-repeat bottom #ececec;
	width: 253px;
	margin: 0 0 10px 12px;
	text-align: right;
}
.art_navilrwrap .read img {
	padding: 0 10px 4px 0;
}

/*プルダウンメニュー*/

#btn-beginner-his,
#btn-knowhow-his,
#btn-sem-his,
#btn-tech-his,
#btn-event-his,
#btn-break-his {
	display: none;
	position: absolute;
	left: 0; top: 0px;
	width: 264px;
	color: #666;
	font-size: 80%;
	text-align: left;
	/*background: url(../article/img/popup.png) repeat-y;*/
	padding-bottom: 15px;
}
body #btn-beginner-his a,
body #btn-knowhow-his a,
body #btn-sem-his a,
body #btn-tech-his a,
body #btn-event-his a,
body #btn-break-his a,
.popmenu a {
	display: block;
	padding: 4px 16px 4px 16px;
	margin: 0 3px;
	border-bottom: 1px dashed #eaeaea;
	position: relative;
	border-bottom: 1px solid #fff;
}

body .alphafilter .btm {
	background: url(../article/img/popup-btm.png) no-repeat center bottom;
	padding-bottom: 15px;
}

,alphafilter ul,.alphafilter li {
	margin: 0;
	padding: 0;
}

.popmenu {
	color: #666;
	text-align: left;
	padding-bottom: 15px;
}
.popmenu img {
	display: block;
	margin-left: 5px;
}
.popmenu .bg_mid_disp {
	background: url(../article/img/popup.png) repeat-y;
	width: 256px;
	padding: 0 4px;
	display: block;
}
.popmenu .bg_btm_disp {
	background: url(../article/img/popup-btm.png) bottom;
	width: 264px;
	height: 10px;
	display: block;
}

.popmenu a:hover {
	background: #FFCC66;
}

/*---------------------------------------------------------
	MATERIAL(製品情報＆提案ツール)
---------------------------------------------------------*/
/*------ 共通 ------*/

	/*上タブ*/
#mattab {
	list-style: none;
	width: 555px;
	height: 35px;
	padding-left: 5px;
	margin: 20px 0 0 0;
	background: url(../material/img/mattab-bg.gif) repeat-x left bottom;
	overflow: hidden;
}
	#mattab li { float: left; }
	#mattab li a {
		display: block;
		height: 35px;
		background: url(../material/img/mattab-titles.png) no-repeat left top;
		text-indent: -9999px;
	}
	#mattab li a#documents {
		width: 97px;
		background-position: 0 -35px;
	}
	#mattab li a#documents:hover { background-position: 0 -70px; }
	
	#mattab li a#propguide {
		width: 140px;
		background-position: -97px -35px;
	}
	#mattab li a#propguide:hover { background-position: -97px -70px; }
	
	#mattab li a#comptool {
		width: 110px;
		background-position: -237px -35px;
	}
	#mattab li a#comptool:hover { background-position: -237px -70px; }
	
	#mattab li a#logopict {
		width: 105px;
		background-position: -347px -35px;
	}
	#mattab li a#logopict:hover { background-position: -347px -70px; }
	
	#mattab li a#demo {
		width: 93px;
		background-position: -452px -35px;
	}
	#mattab li a#demo:hover { background-position: -452px -70px; }
	
	#mattab li#tab-on a#documents, #mattab li#tab-on a#documents:hover { background-position: 0 0; }
	#mattab li#tab-on a#propguide, #mattab li#tab-on a#propguide:hover { background-position: -97px 0; }
	#mattab li#tab-on a#comptool, #mattab li#tab-on a#comptool:hover { background-position: -237px 0; }
	#mattab li#tab-on a#logopict, #mattab li#tab-on a#logopict:hover { background-position: -347px 0; }
	#mattab li#tab-on a#demo, #mattab li#tab-on a#demo:hover { background-position: -452px 0; }
	/* /上タブここまで */

	/*タブ内コンテンツ*/
#matcontents {
	width: 538px;
	padding: 10px;
	border-left: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	border-right: 1px solid #ccc;
}

	/*ヘディングs*/
#matcontents .type01 {
	width: 100%;
	padding: 0;
	margin-bottom: 10px;
	background: transparent url(../img/h_type01_r.png) no-repeat right top;
	overflow: hidden;
	font-size: 120%;
}
	#matcontents .type01 div, h3.type01 span {
		display: block;
		height: 22px;
		padding: 8px 5px 5px 8px;
		background: transparent url(../img/h_type01_l.png) no-repeat left top;
	}
	#matcontents .type02 {
		margin-bottom: 10px;
		padding-bottom: 0.2em;
		border-bottom: 2px solid #e2e2e2;
		font-size: 100%;
	}
	#matcontents .type01 div h3 { float: left; font-size: 100%; }
	#matcontents .type01 div #docs-helpicons {
		float: right;
		padding: 0 4px 0 0;
		margin: 0;
		background: none;
	}
	#docs-helpicons span { margin: 0 0 0 7px; }
	

	/*切り替えエリア*/
#switcharea { /*position: relative;*/ }
#docs-switch {
	float: right;
	list-style: none;
	margin-bottom: 10px;
	font-size: 90%;
}
	#docs-switch:after { /* clearing without presentational markup, IE gets extra treatment */
		display: block;
		clear: both;
		content: "";
	}
	#docs-switch li {
		display: block;
		float: left;
		padding: 0;
	}
	#docs-switch li a {
		display: block;
		padding: 2px 6px;
		text-decoration: none;
		white-space: nowrap;/*required in IE 6*/
		outline: 0;
		line-height: 1.2em;
	}

	/*メイン表示用：ショートカット*/
#matdocs-sclist {
	list-style: none;
	width: 100%;
	padding: 3px 0;
	overflow: hidden;
	font-size: 87%;
}
	#matdocs-sclist li {
		float: left;
		padding-right: 10px;
	}
	#matdocs-sclist li a {
		display: block;
		padding-left: 15px;
		background: url(../img/blt_anchor02.gif) no-repeat left center;
	}
	
	/*ツールチップ用*/
#tooltip {
	padding: 5px;
	border: 1px solid #bcbcbc;
	background: #FDFCEA;
	position: relative;
}


	/*資料別メニュー用*/
h5.division {
	margin-bottom: 5px;
	padding: 3px 3px 3px 5px;
	border: 1px solid #F2CFB3;
	background: #FCF7EF;
	font-size: 100%;
}

h6 {
	margin: 0 0 5px 0;
	padding: 0;
	border-bottom: 2px solid #ccc;
	font-size: 100%;
	font-weight: normal;
}
.bhcontainer {/*boxhalf(半ボックス格納用)*/
	clear: both;
	width: 538px;
	margin: 0 auto 15px;
	overflow: hidden;
}
	.bh_l {
		float: left;
		width: 264px;
	}
	.bh_r {
		float: right;
		width: 264px;
	}
.list_reg {
	list-style: none;
	margin: 0 0 10px 7px;
	padding-bottom: 8px;
}
	.list_reg li {
		margin-bottom: 4px;
		padding-left: 10px;
		background: url(../material/img/blt_reglist.gif) no-repeat left 0.7em;
	}


	/*その他共通*/
.mat_naviwrap {
	width: 540px;
	margin-bottom: 15px;
	overflow: hidden;
}
.mat_navi_l {
	float: left;
	width: 265px;
}
.mat_navi_r {
	float: right;
	width: 265px;
}
.mat_naviwrap img.iconpic {
	float: left;
	margin-right: 10px;
}
.mat_naviwrap .def { margin-bottom: 1em; }
.mat_naviwrap .extra {
	margin-left: 90px;
	display: block;
}


/*------ 製品資料 ------*/
#prod_ex {
	margin-bottom: 5px;
	padding-bottom: 10px;
	font-size: 85%;
}

	/*拡販施策, お知らせ 共通*/
#mat_info {
	border: 1px solid #ccc;
	padding: 3px;
	margin-bottom: 10px;
}
#mat_info h3 {
	border-left: 4px solid #ccc;
	background: #efefef;
	margin-bottom: 4px;
	padding: 3px 3px 3px 5px;
	font-size: 100%;
}
#mat_info h3 a {
	padding-right: 12px;
	background: url(../img/blt_readmore02.gif) no-repeat right center;
}

#mat_info #mat_sp_theme {
	margin: 0 0 5px 20px;
	list-style: square;
	font-size: 85%;
}
#mat_info #mat_sp_theme li { margin-right: 5px; }

#mat_info .mat_info_dl {
	width: 100%;
	margin-bottom: 3px;
	padding-bottom: 3px;
	overflow: hidden;
	border-bottom: 1px dotted #ccc;
	font-size: 85%;
}

#mat_info .mat_info_dl dt {
	float: left;
	width: 140px;
	padding: 3px;
	font-weight: bold;
}
#mat_info .mat_info_dl dt a {
	padding-right: 12px;
	background: url(../img/blt_readmore02.gif) no-repeat right center;
}
#mat_info .mat_info_dl dd {
	margin-left: 140px;
	padding: 3px;
}
#mat_info .mat_info_dl dd a { margin-right: 5px; }

	/*バナースペース*/
#mat_bnspace {
	width: 540px;
	margin-bottom: 20px;
	overflow: hidden;
}
#mat_bnspace #bn_l {
	float: left;
	width: 265px;
}
#mat_bnspace #bn_r {
	float: right;
	width: 265px;
}
#mat_bnspace #bn_r ul {
	list-style: none;
	padding-top: 5px;
}
#mat_bnspace #bn_r ul li {
	float: left;
	margin-right: 10px;
	font-size: 85%;
	color: #666;
}
#mat_bnspace #bn_r ul li#whatsrss { background: url(../material/img/blt_whatsrss.gif) no-repeat left center; }
#mat_bnspace #bn_r ul li#howtorss { background: url(../material/img/blt_howtorss.gif) no-repeat left center; }
#mat_bnspace #bn_r ul li a {
	padding-left: 18px;	
	display: block;
}
#mat_icon_ex {
	margin-bottom: 10px;
	text-align: right;
}
#mat_icon_ex a {
	padding: 2px 0 2px 20px;
	background: url(../material/img/blt_iconex.gif) no-repeat left center;
	font-size: 85%;
}
.ico_up { vertical-align: middle; }


	/*ショートカットメニュー*/
#mat_prod_sclist {
	list-style: none;
	width: 530px;
	margin: 0 auto 15px auto;
	padding: 3px 0;
	border-top: 1px dotted #ccc;
	overflow: hidden;
}
	#mat_prod_sclist li {
		float: left;
		display: block;
		margin-right: 10px;
	}
	#mat_prod_sclist li a {
		display: block;
		padding-left: 15px;
		background: url(../img/blt_anchor02.gif) no-repeat left center;
	}

	/*各製品(現行製品)*/
.prod_box {
	width: 540px;
	margin-bottom: 30px;
	/*padding-bottom: 10px;*/
	overflow: hidden;
}
	.prod_box .prod_upicon {
		float: left;
		width: 20px;
	}
	.prod_box .prod_pict {
		float: left;
		width: 80px;
	}
	.prod_box .prod_detail {
		float: left;
		width: 438px;
	}
	.prod_box .prod_detail .prod_name {
		margin-bottom: 5px;
		padding: 5px;
		border-top: 1px solid #e8e8e8;
		border-left: 1px solid #e8e8e8;
		border-right: 1px solid #ccc;
		border-bottom: 1px solid #ccc;
		background: #f4f4f4 url(../material/img/prod_name_bg.jpg) repeat-x left top;
	}
	.prod_box h4 { font-size: 110%; }
	.prod_box .prod_detail .prod_links {
		padding: 0;
		text-align: right;
		font-size: 85%;
	}
	.prod_box .prod_detail .prod_links a {
		padding: 0 12px 0 0;
		background: url(../img/home/blt-readmore-black.gif) no-repeat right center;
	}
	.prod_box .prod_detail dt {
		line-height: 160%;
		float: left;
		width: 65px;
		padding: 7px 5px 0 5px;
		font-size: 85%;
		color: #7e7e7e;
	}
	.prod_box .prod_detail .prod_latest, .prod_box .prod_detail .prod_previous {
		width: 440px;
		margin-bottom: 2px;
		border-bottom: 1px dotted #dadada;
		overflow: hidden;
	}
	.prod_box .prod_detail .prod_latest { background: url(../material/img/prod_bg_late.gif) repeat-y left top; }
	.prod_box .prod_detail .prod_previous { background: url(../material/img/prod_bg_prev.gif) repeat-y left top; }
	.prod_box .prod_detail dd {
		margin-left: 80px;
		padding: 5px;
		font-size: 85%;
	}
	.prod_box .prod_detail dd ul { list-style: none; }
	.prod_box .prod_detail dd li {
		display: inline;
		margin: 0 5px 8px 0;
		color: #666;
	}
	.prod_box .docicon {
		vertical-align: middle;
		padding-bottom: 3px;
	}
	/*販売終了製品*/
#prod_eol {
	margin-bottom: 10px;
	padding: 10px 0 0 0;
	border-bottom: 2px solid #ccc;
	font-size: 110%;
}
#prod_eol_container { margin-bottom: 30px; }
	#prod_eol_container .prod_box {
		margin-bottom: 0.6em;
		padding-bottom: 0.4em;
		border-bottom: 1px solid #ccc;
	}
	#prod_eol_container h4 {
		padding-left: 15px;
		background: url(../img/blt-square01.gif) no-repeat left center;
		font-size: 100%;
	}

/*------ 提案資料集 ------*/
#sol-mainsplash {
	float: left;
	width: 220px;
}
#sol-maindesc {
	float: right;
	width: 315px;
}
	#sol-maindesc h4 {
		margin-bottom: 5px;
	}
	#sol-maindesc #sol-mainsubtitle {
		margin-bottom: 10px;
	}
	
	#sol-tocf {
		width: 280px;
		margin-bottom: 10px;
		border-right: 1px solid #F5DDBC;
		border-bottom: 1px solid #F5DDBC;
		border-left: 1px solid #F5DDBC;
		background: #F8F1ED;
		padding: 0 15px 5px 15px;
		text-align: center;
		overflow: hidden;
	}
	#sol-tocf #l-btn {
		float: left;
	}
	#sol-tocf #r-btn {
		float: right;
	}
	/* 更新履歴 */
	#mat-mainupdate {
		clear: both;
		width: 500px;
		margin: 20px auto;
		background: url(../material/img/mat-update-btm.gif) no-repeat left bottom;
		overflow: hidden;
	}
	#mat-mainupdate dl {
		line-height: 120%;
		padding: 0 15px 5px 15px;
		background: url(../material/img/sol-up-btm.gif) no-repeat left bottom;
		font-size: 85%;
		color: #666;
	}
	#mat-mainupdate dl dt {
		clear: left;
		float: left;
		width: 12.5%;
		margin: 0 5px 5px 0;
		padding-right: 15px;
		background: url(../material/img/sol-up-colon.gif) no-repeat right top;
	}
	#mat-mainupdate dl dd {
		margin-bottom: 5px;
	}
	#mat-mainupdate dl a { padding: 0 0.2em;}

.mat_guidebox {
	width: 540px;
	margin: 0 auto 15px auto;
	padding-bottom: 15px;
	border-bottom: 1px solid #c2c2c2;
	overflow: hidden;
}
.mat_guidebox h3 {
	margin-bottom: 5px;
	font-size: 110%;
}
.mat_guidebox h3 img {
	float: left;
	margin: 0 10px 0 0;
}

/*------ コンフィグレーター ------*/
#confinfo {
	margin: 0 0 20px 10px;
}
.mat_confbox {
	width: 540px;
	margin-bottom: 10px;
	overflow: hidden;
}
.mat_conf_l { float: left; }
.mat_conf_r { float: right; }
.mat_conf_l, .mat_conf_r {
	width: 265px;
	padding-bottom: 10px;
	/*border-bottom: 1px dotted #c2c2c2;*/
	overflow: hidden;
}
.mat_confbox h4 {
	margin-bottom: 10px;
	line-height: 100%;
	font-size: 85%;
}
.mat_confbox h4 img.confimg {
	float: left;
	margin-right: 5px;
}
.mat_confbox h4 span {
	display: block;
	margin-bottom: 2px;
	padding: 0.3em 0;
	font-weight: normal;
}
.mat_confbox .conf_start { text-align: right; }

/*------ ロゴ・写真・イラスト ------*/
#cont-logopict {
	width: 100%;
	overflow: hidden;
}
	#cont-logopict-l {
		float: left;
		margin-right: 15px;
	}
	#cont-logopict-r p {
		margin-bottom: 1em;
	}
#logopict-dl {
	margin-left: 90px;
}

#g-request {
	width: 90%;
	margin: 0 3% 1em;
	padding: 2%;
	border: 1px dashed #e0e0e0;
	background: #f7f7f7;
	overflow: hidden;
}
	#g-req-bn {
		float: left;
		margin-right: 15px;
	}
	#g-req-r {
		margin-left: 80px;
	}
	#h-req {
		font-size: 100%;
	}

/*------ デモ ------*/
#demo-strm {
	padding-left: 15px;
	background: url(../material/img/blt-demo-strm.gif) no-repeat left center;
	font-size: 85%;
	display: block;
}
#demo-dl {
	padding-left: 15px;
	background: url(../material/img/blt-demo-dl.gif) no-repeat left center;
	font-size: 85%;
}

/*------ グッズ ------*/
#mat_goods {
	width: 540px;
	height: 390px;
	background: transparent url(../material/img/goods.jpg) no-repeat left top;
	position: relative;
}
#goods_btn {
	position: absolute;
	top: 145px;
	left: 12px;
}
.tab_area_goods { background: #f7f7f7; }


/*---------------------------------------------------------
	SUPPORT(サポート)
---------------------------------------------------------*/
/*------ パンフレット ------*/
#sup_brochure {
	margin-bottom: 0;
	background: #ebebeb url(../support/img/brochure_bg.jpg) repeat left top;
}
#sup_brochure div { background: transparent url(../support/img/brochure_btm.gif) no-repeat left bottom; }
#sup_brochure p {
	width: 520px;
	padding: 10px;
	background: transparent url(../support/img/brochure_top.gif) no-repeat left top;
	overflow: hidden;
}
#sup_brochure p img {
	display: block;
	padding: 5px 0;
}
#sup_brochure p #brochure {
	float: left;
	margin: 0 15px 0 0;
}
#sup_brochure p span { font-size: 85%; }


/*================================================================
    その他
================================================================*/
/*---------------------------------------------------------
	ERROR PAGE(/template/error○○.html)
---------------------------------------------------------*/
#error { text-align: center; margin: 60px 0 60px 0; }


/*---------------------------------------------------------  
    期間限定コーナー
---------------------------------------------------------*/
.title_back {
	height: 20px;
	width: 200px;
	padding: 2px 0 0 10px;
	font-weight: bold;
	color: #FFF;
	background-image: url(../img/limited-time-title.gif);
	background-repeat: no-repeat; 
}

/*END*/