@charset "Shift_JIS";

@import url(../../../試作/TEST/cptop_files/print_id.css);
@import url(../../../試作/TEST/cptop_files/font.css);

/* ------------------------------------------------------------------------------------ */
/* basic tag----------------------------------------------------------------------------*/
/* ------------------------------------------------------------------------------------ */
body { color:#333; background-color: #fff; margin: 0; padding: 0; text-align: center; font-size : 11pt; font-family:"ＭＳ Ｐゴシック", "Osaka";}

ul { list-style: none;}
img { border: none;}

/* links----------------------------------------------- */
a{ color:#358; text-decoration:none; border-bottom:1px dotted #469;}
a:visited { color:#677; border-color:#899;}
a:hover { color:#933; border-color:#b55; border-bottom-style:solid;}
a:active { text-decoration: underline;}

.noline:link{ border-width: 0;}
.noline:visited{ border-width: 0;}
.noline:hover{ border-width: 0;}
.noline:active { text-decoration: none;}

/* h--------------------------------------------------- */
h1 { color: #000066; margin-top: 0; padding: 5px; background-image : url(../../../試作/TEST/cptop_files/images/h1_line.jpg); font-size: 20pt; text-indent:10px;	letter-spacing: -1px;}
#indh1 { color: #000066; margin: 0; padding: 0; background-image: none; font-size: 10pt; text-align: left; border-bottom: 8px solid #000099; clear: both;}

h2 { font-size: 16pt;}
h3 { font-size: 13pt;}
h4 { font-size: 12pt;}
h5 { font-size: 11pt;}
h6 { font-size: 10pt;}

/* table--------------------------------------------------- */
table { font-size: 9pt;}
caption { font-size: 12pt; color: #049; font-weight: bold; padding: 10px; text-decoration: underline;}

/* ------------------------------------------------------------------------------------ */
/* constructid--------------------------------------------------------------------------*/
/* ------------------------------------------------------------------------------------ */

/* wrapper--------------------------------------------- */
#wrapper { width: 800px;}

/* header--------------------------------------------- */
#header { width: 800px; text-align: left;}
	#logo { float: left; width: 135px;}
	#back { display: none;}
	#home { display: none;}
	#headfoot { clear: both;}
	
/* pagebody--------------------------------------------- */	
#pagebodyind { width: 800px;}
#pagebody { width: 800px;}

/* footer----------------------------------------------- */
#footer { display: none;}

/* content---------------------------------------------- */
#content { width: 620px;}

/* 基礎レイアウト---------------------------------------------- */
	.contwrp { }
	.contwrp .rttopt { margin-right: 0px;}

/* 通常ページレイアウト---------------------------------------------- */
	.nmwrp p { text-indent: 1em; line-height: 1.3em;}
	.nmwrp h2 { color: #006; font-size: 16pt; border-bottom: #006 4px solid;}
	.nmwrp h3 { border-bottom: #66a 2px solid; border-left: #66a 8px solid; text-indent: 10px; color: #339; padding-bottom: 3px;}
	.nmwrp dt { font-weight: bold; line-height: 1.5em;}

/* 製品情報サイトトップレイアウト---------------------------------------------- */
	.prowrp caption { text-align: left;}
	.prowrp p { text-indent: 1em; line-height: 1.3em;}
	.prowrp h2 { color: #006; font-size: 16pt; border-bottom: #006 4px solid;}
	.prowrp h3 { border-bottom: #66a 2px solid; border-left: #66a 8px solid; text-indent: 10px; color: #339; padding-bottom: 3px;}
	.prowrp .h4kou { margin: 0px; text-align: right;}
	.prowrp dt { font-weight: bold; line-height: 1.5em;}
	.prowrp li { line-height: 1.5em;}
	.prowrp .sysb { color: #900; background-color: #eee;}
	.prowrp .tbcata { background-color: #eee;}
	.prowrp .ty85 p { font-size: 9pt; margin: 5px 5px 0px 5px; text-indent: 0px; color: #644;}
	.prowrp .ty85o { font-size: 9pt; margin: 5px 5px 0px 5px; text-indent: 0px; color: #644;}
	.kougp ul {margin-top: 0px;}
	.kougp h3 {margin-bottom: 2px;}

/* セミナー情報サイトレイアウト---------------------------------------------- */
	.semwrp {}
	.semwrp table { border-top:1px solid #999999; border-left:1px solid #999999; border-collapse: collapse;}
	.semwrp td { padding: 5px; border-right:1px solid #999999; border-bottom:1px solid #999999;}
	.semwrp th { padding: 5px; border-right:1px solid #999999; border-bottom:1px solid #999999; background-color: #eeeeff;}
	.semwrp h2 { margin-top:0px; background-color: #339; font-size: 18pt; font-weight: bold; text-align: center; color: #fff; padding: 5px;}	
	.semwrp h3 { background-color: #fec; border-left: 10px #dca solid; padding: 5px;}
	.semwrp h5 { font-size: 10pt; margin: 0pt;}
	.semwrp h6 { margin-bottom: 0px; background-color: #ddf; font-size: 12pt; font-weight: bold; text-align: center; color: #444; padding: 5px;}
	/* エントリーシート用クラス------------------------------------------ */
		.entry { border: 4px #f63 dotted; padding: 8px; font-size: 16pt; text-align: center; margin: 0 80px 30px 80px; font-weight: bold;}
		.entryp { border-left: 10px #f63 solid; border-bottom: 1px #f63 solid; padding-left: 10px;}
		.entry a { color: #f63; border-width: 0;}
		.entry a:hover { color: #f30; border-width: 0; text-decoration: underline;}
		.entry a:visited { color: #f63; border-width: 0;}
		
		.entry2 { border: 4px #3aa dotted; padding: 8px; font-size: 16pt; text-align: center; margin: 0 80px 30px 80px; font-weight: bold;}
		.entry2p { border-left: 10px #3aa solid; border-bottom: 1px #3aa solid; padding-left: 10px;}
		.entry2 a { color: #3aa; border-width: 0;}
		.entry2 a:hover { color: #f30; border-width: 0; text-decoration: underline;}
		.entry2 a:visited { color: #3aa; border-width: 0;}

		.entry3 { border: 4px #aa3 dotted; padding: 8px; font-size: 16pt; text-align: center; margin: 0 80px 30px 80px; font-weight: bold;}
		.entry3p { border-left: 10px #aa3 solid; border-bottom: 1px #aa3 solid; padding-left: 10px;}
		.entry3 a { color: #aa3; border-width: 0;}
		.entry3 a:hover { color: #f30; border-width: 0; text-decoration: underline;}
		.entry3 a:visited { color: #aa3; border-width: 0;}
	
		.entryful {font-size: 14pt; text-align: center; font-weight: bold; color: #900;}

/* 法改正情報サイトトップレイアウト---------------------------------------------- */
.lawwrp caption { text-align: left;}
.lawwrp th { width: 105px;}

/* 販売店向けサイトトップレイアウト---------------------------------------------- */
	.saletlis { width: 540px;}	
	.salestr { float:right; width: 270px;}
		.salestr h3 { background-color: #8acbe1; padding: 2px; color: #162d91; margin-bottom: 5px;}
		.salestr p { margin: 0px 0px 5px 10px;}		
	.salestl { float:left; width: 270px;}
		.salestl h3 { background-color: #8acbe1; padding: 2px; color: #162d91; margin-bottom: 5px;}
		.salestl p { margin: 0px 0px 5px 10px;}		
	.salestf { clear:both; width: 540px;}
	
/* 販売店向けサイトレイアウト---------------------------------------------- */
.saleswrp p { text-indent: 1em; line-height: 1.3em; margin-bottom: 10px; margin-top: 0px;}
.saleswrp h3 { line-height: 1.5em; font-size:14pt; text-indent: 1em; background-color: #eee; color: #226; border-left: 10px #a44 solid; border-bottom: 2px #aaa solid; border-right: 2px #aaa solid;}
.saleswrp h4 { line-height: 2em; margin-bottom: 5px; margin-top: 5px; border-bottom: 2px #cccc99 solid; padding-left: 20px;}
.saleswrp h6 { text-align: right; margin: 0px;}
.saleswrp dl { line-height: 2em; margin-left: 30px;}
.saleswrp dt { color: #448; margin-top: 5px; font-weight: bold;}
.saleswrp caption { text-align: left;}

/* サプライステーションレイアウト---------------------------------------------- */
.supstwrp h2 { border-bottom: #66a 2px solid; border-left: #66a 8px solid; text-indent: 10px; color: #339; padding-bottom: 3px;}
.supstwrp h3 { background-color: #eee; border-bottom: 2px #aaa solid; line-height: 2em; margin-bottom: 5px;}
.supstwrp p { text-indent: 1em; line-height: 1.3em; margin-bottom: 5px; margin-top: 0px;}
.supstwrp th { background-color: #ffe;}

/* テキストベースレイアウト---------------------------------------------- */
.txtwrp h2{ background-color: #6194b8; padding: 2px; color: #fff; text-decoration: none;}
.txtwrp p { text-indent: 1em; line-height: 1.3em; margin-bottom: 10px; margin-top: 0px;}

/* PDFダウンロード用レイアウト---------------------------------------------- */
.pdfwrp { border: 1px #cccccc solid; margin-top: 20px; padding: 10px;}
.pdfwrp h5 { font-size: 11pt; font-weight:normal; text-decoration: underline;}

/* 並列リンク用レイアウト---------------------------------------------- */
.tplink p { text-indent: 1em;}
.tplink h3 { background-image : url(../../../試作/TEST/cptop_files/images/icon/iconh3mark.gif); text-indent: 30px; background-repeat: no-repeat;	background-position: 0 2px; margin-left: 20px;}


/* border_main------------------------------------------ */
#border_main { text-align: left; margin: 0;}

.rttopt { margin-right: 20px; text-align: right; margin-top: 10px;}

/* navigation------------------------------------------- */
#navigation { display: none;}

/* ------------------------------------------------------------------------------------ */
/* class -------------------------------------------------------------------------------*/
/* ------------------------------------------------------------------------------------ */

/* div_class--------------------------------------------- */
.procom { margin-right: 20px;}
.procom p { font-size: 8.5pt; margin-top: 1em; margin-bottom: 0px;}

/* table_class------------------------------------------ */
.tdrnma { border-right:0px; vertical-align:top; width:35%;}
.tdrncd { vertical-align:top; width:35%;}

.tdrnmar { border-right:0px; vertical-align:top; color: #990000; width:35%;}
.tdrncdr { vertical-align:top; color: #990000; width:35%;}

.lowsp { margin-left: 20px;}
.lowsp th { padding: 2px; font-size: 9pt; font-weight: normal;}
.lowsp td { padding: 2px; font-size: 9pt; text-align: center;}

/*table役割毎クラス------------------------------------- */
	/*通常のテーブル-------------------------------------- */
	.tabnorm {}
	.tabnorm table { border-top:1px solid #999999; border-left:1px solid #999999; border-collapse: collapse;}
	.tabnorm td { padding: 5px; border-right:1px solid #999999; border-bottom:1px solid #999999;}
	.tabnorm th { padding: 5px; border-right:1px solid #999999; border-bottom:1px solid #999999; background-color: #eeeeff;}
	
	/*tdに1色選択------------------------------------------- */
	.twocol {}
	.twocol h3 { line-height: 1.2em; font-size:14pt; text-indent: 1em; background-color: #eee; color: #226; border-left: 10px #a44 solid; border-bottom: 2px #aaa solid; border-right: 2px #aaa solid;}
	.twocol table { border-top:1px solid #999999; border-left:1px solid #999999; border-collapse: collapse; margin-left: 10px;}
	.twocol th { padding: 5px; border-right:1px solid #999999; border-bottom:1px solid #999999; background-color: #eeeeff;}
	.twocol td { padding: 5px; border-right:1px solid #999999; border-bottom:1px solid #999999;}
	.twocol .t { background-color: #ffe; font-weight: bold;}
	.twocol .tn { background-color: #eee;}
	.fotwocol { color: #ffc;}

	/*値段表 (paddingなし)------------------------------------------- */
	.tabnedan { margin-left: 10px;}
	.tabnedan th { padding: 2px; border-right:1px solid #999; border-bottom:1px solid #999; background-color: #eee;}
	.tabnedan td { padding: 0px 0px 0px 5px; border-right:1px solid #999; border-bottom:1px solid #999;}
	.tabnedan caption { font-size: 11pt; color: #049; font-weight: bold; padding: 5px; text-decoration: underline; text-align: left;}
	.tabnedan .cate { padding: 5px; color: #049; font-size: 11pt;}

	/* 住所用テーブル汎用クラス------------------------------------------ */
	.tabadd th { vertical-align:top; width: 105px; text-align: right; padding: 3px; border-right: 2px #ccc solid; border-bottom: 2px #ccc solid;}	
	.tabadd td { vertical-align:top; padding: 3px;}	
	.tabadd caption { font-size: 11pt; color: #333; font-weight: bold; padding: 5px; text-decoration: underline;}
	.tabadd .txtcent {font-size: 14pt; font-weight: bold;}

	/* 製品情報用テーブル汎用クラス------------------------------------------ */
	.tabpro th { vertical-align:top; text-align: right; padding: 3px; border-right: 2px #ccc solid; border-bottom: 2px #ccc solid;}	
	.tabpro td { vertical-align:top; padding: 3px; border-bottom: 2px #ccc solid;}
	
	/* 製品情報用テーブル汎用クラス2------------------------------------------ */
	.tabpro2 th { vertical-align:top; padding: 3px; border-right: 2px #ccc solid; border-bottom: 2px #ccc solid;}	
	.tabpro2 td { vertical-align:top; padding: 3px;}

/* width_class------------------------------------------ */
.wdt30 { width: 30px;}
.wdt40 { width: 40px;}
.wdt50 { width: 50px;}
.wdt60 { width: 60px;}
.wdt70 { width: 70px;}
.wdt105 { width: 105px;}
.wdt115 { width: 115px;}
.wdt140 { width: 140px;}
.wdt175 { width: 175px;}
.wdt210 { width: 210px;}
.wdt240 { width: 240px;}
.wdt320 { width: 320px;}
.wdt560 { width: 560px;}
.wdtbrk { clear:both;}

/* align_class------------------------------------------ */
.txtleft { text-align: left;}
.txtcent { text-align: center;}
.txtrigt { text-align: right;}

.txtind { text-indent: 1em;}

.imgleft, .left, img.left { float:left;}
.imgrigt, .rigt, img.rigt { float:right;}
.leftbox { float:left; width: 280px;}
.rigtbox { float:right; width: 280px;}

/* img_class------------------------------------------ */	
.dl { margin-top: 2em; margin-bottom: 1em; text-indent: 30%; font-size: 20pt; font-weight: bold; background-image : url(../../../試作/TEST/cptop_files/images/icon/icon_download.gif); background-repeat: no-repeat;	background-position: 25% 50%;}
.dl20 { margin-top: 2em; margin-bottom: 1em; text-indent: 20%; font-size: 20pt; font-weight: bold; background-image : url(../../../試作/TEST/cptop_files/images/icon/icon_download.gif); background-repeat: no-repeat;	background-position: 13% 50%;}
.pdficon { height: 18px; padding-left: 20px; background-image : url(../../../試作/TEST/cptop_files/images/pdf_icon.gif); background-repeat: no-repeat;	background-position: 0 50%;}
.pdficonc { height: 18px; padding-left: 150px; background-image : url(../../../試作/TEST/cptop_files/images/pdf_icon.gif); background-repeat: no-repeat;	background-position: 130px 50%;}

.pmark { background-image : url(../../../試作/TEST/cptop_files/images/icon/iconh3mark.gif); padding-left: 20px; background-repeat: no-repeat;	background-position: 0 2px; margin-left: 20px;}

/* ulol_class------------------------------------------ */
.ulyoko ul { text-align: center; margin: 0; padding: 0;}
.ulyoko li { display: inline; padding-left: 0.3em;}

.ulprodm {  border: 1px #cccccc solid; width: 572px; margin-top: 5px;}
.ulprodm ul { text-align: center; margin: 0; padding: 0;}
.ulprodm li { display: inline; padding-left: 0.3em;}

.linorm {}
.linorm ul { list-style: square;}
.linorm li { margin-bottom: 8px;}

/* positoin_class------------------------------------------ */
.tbltl { veritical-align: top; text-align: left;}

/* margin_class------------------------------------------ */
.mgnal0 { margin: 0px;}
.mgnlr4 { margin-left: 4px; margin-right: 4px;}
.mgnl20 { margin-left: 20px;}
.mgnl40 { margin-left: 40px;}
.mgnl60 { margin-left: 60px;}
.mgnl90 { margin-left: 90px;}
.mgnl130 { margin-left: 130px;}
.mgnl180 { margin-left: 180px;}
.mgnl200 { margin-left: 200px;}
.mgnl250 { margin-left: 230px;}
.pad3 { paddin: 3px;}

.mgnthem { margin-top: 1em;}
.mgnb5 { margin-bottom: 5px;}
.mgnbhem li { margin-bottom: 1em;}

/* border_class------------------------------------------ */
.bod { border: 1px #cccccc solid;}
.bodal10 { border: 1px #cccccc solid; margin-top: 10px; padding: 5px;}
.bodal20 { border: 1px #cccccc solid; margin-top: 20px; padding: 10px;}
.bod540c { text-align: center; border: 1px #cccccc solid; margin-top: 10px; padding: 10px;}
.bodu2l20 { border-bottom: 2px #cccc99 solid; padding-left: 20px;}
.bod2ccc { border: 2px #cccccc solid; padding: 2px;}

.bodmgnl20 { margin-left: 20px; border: 2px #cccccc solid; padding: 2px; width: 400px; background-color: #ffffff;}
.bod540c0a4 { text-align: center; border: 1px #0ba040 solid; margin-top: 10px; padding: 10px;}
/* box_class------------------------------------------ */
.bxclkai { background-color: #eeaaaa; padding: 5px;}
.bxclkyu { background-color: #aaeeaa; padding: 5px;}
.bxclkon { background-color: #ddddff; padding: 5px;}
.bxclkan { background-color: #ffffdd; padding: 5px;}
.bxclzei { background-color: #eeddee; padding: 5px;}
.bxcloth { background-color: #eeeeee; padding: 5px;}
.bxclffe { background-color: #ffe; padding: 5px 0 5px 0;}
.bxclfec { background-color: #fec; padding: 5px 0 5px 0;}
.bxclffc { background-color: #ffc; padding: 5px 0 5px 0;}
.bxclefe { background-color: #efe; padding: 5px 0 5px 0;}
.bxclfef { background-color: #fef; padding: 5px 0 5px 0;}
.bxcleef { background-color: #eef; padding: 5px 0 5px 0;}
.bxcleee { background-color: #eee; padding: 5px 0 5px 0;}
.bxclccc { background-color: #ccc; padding: 5px 0 5px 0;}
.bxcl99cfw { background-color: #a9c; padding: 5px 0 5px 0; color: #fff; text-indent: 20px;}
.bxcla9cex { background-color: #a9c; padding: 5px 0 5px 0; text-indent: 5px; margin-right: 5px;}
.bxcl9c8 { background-color: #9ac98e; padding: 5px 0 5px 0;}

.bxcl3eee { background-color: #eee; padding: 3px;}



/* bgcolor_class------------------------------------------ */
.bgeee { background-color: #eee;}

/* li_class------------------------------------------ */
.litwo {display: inline; width: 50%;}


/* 製品戦略フォーラム特殊class------------------------------------------ */
.forumimg04 {  background-image : url(../../../試作/TEST/area_top/forum/images/forum05img04.jpg); background-repeat: no-repeat;}
.forumimg04 p { padding-top: 20px; margin: 0px; paddig-bottom: 0px;}
.forumimg04 div {margin-left: 90px; font-size: 11pt; margin-bottom: 18px; font-weight: bold; color: #060;}
.forumimg04 .forum20 {margin-left: 110px;}