@charset "utf-8";
/* pages.css */


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

	 1. common
 
============================================================================================================*/

body.pro {
	background: #FFFFFF url(../img/common/bg/bg_body.gif) repeat-x left top;
}

body.pro p.toDetail01 a {
	color:#EB6100;
	background:transparent url(../../_common/img/parts/arrow/arrow_06.gif) no-repeat scroll 0pt 50%;
}

body.pro div#mainContent p#topicPath a {
	color:#EB6100;
}

body.pro div#mainContent .pageTop a {
	color:#EB6100;
}

body.pro div#mainContent div.contentHead.generalGroup {
	height	: 100px;
}

body.pro div#container {
	background	: url(../img/common/bg/bg_container.gif) repeat-x left top;
}

body.pro dl.qa dt,
body.pro dl.general01 dt {
	color:#EB6100;
}

div.h1Group .caution {
	margin-left: 0;
	padding-left:3px;
	color:#FF3300;
}

pre {
	white-space: -moz-pre-wrap; /* Mozilla */
	white-space: -pre-wrap; /* Opera 4-6 */
	white-space: -o-pre-wrap; /* Opera 7 */
	white-space: pre-wrap; /* CSS3 */
	word-wrap: break-word; /* IE 5.5+ */
	word-break: break-all; /* IE */
}

/*  ------------------------------------------------------------------

	個別設定

---------------------------------------------------------------------*/


body.pro div#mainContent p#.pageTop a {
	color:#eb6100;
}

body.pro div#subContent ul.toDetail01 li {
	background:transparent url(../../_common/img/parts/arrow/arrow_06.gif) no-repeat 0 50%;
}


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

	2. index.html
 
============================================================================================================*/


body.pro div#mainContent div.section.bnr p {
	border:1px solid #cccccc;
	padding:1px;
}


/* procanl
-----------------------------------*/

body.pro div#mainContent div.section.bnr div.procanl {
	width:270px;
	float: left;
}

/* procanr
-----------------------------------*/

body.pro div#mainContent div.section.bnr div.procanr {
	width:270px;
	float: right;
}

/* campban
-----------------------------------*/

body.pro div#mainContent div.section.bnr div.campban {
	width:545px;
	float: right;
}

body.pro div#mainContent div.section.bnr div.campban2 {
	width:545px;
	height:180px;
	float: right;
}


/*  ------------------------------------------------------------------

	News

---------------------------------------------------------------------*/

body.pro div#newsRelease.section dl dt {
	background:transparent url(../../_common/img/parts/bg/bg_newsRelease_Date02.gif) no-repeat 0 6px;
	color:#eb6100;
}

body.pro div#newsRelease.section dl dd {
	background:transparent url(../../_common/img/parts/bg/bg_dod_Gray.gif) repeat-x left bottom;
}

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

	3. sekou
 
============================================================================================================*/

/*  ------------------------------------------------------------------

	3-1. index.html

---------------------------------------------------------------------*/

body.pro ol.flow li {
	list-style:none;
	margin-bottom:1em;
}

body.pro table#registration.generalComplex th {
	text-align:center;
	width: 20em;
}

body.pro div.attention {
	background		: #fef7f8 none repeat scroll 0 0;
	clear			: both;
	border			: 1px solid #a40000;
}

body.pro div.attention dl.general01 {
	border			: 2px solid #FFFFFF;
	margin-bottom	: 0;
	padding-bottom	: 0;
}

body.pro div.attention dl.general01 dt {
	background		: #a40000;
	width			: 5em;
	padding			: 0.1em;
	margin			: 1px 0 15px 1px;
	color			: #FFFFFF;
	font-size		: 160%;
	font-weight		: bold;
	text-align		: center;
}

body.pro div.attention dl.general01 dd {
	margin-left		: 20px;
	margin-bottom	: 0;
	padding-bottom　: 0;
	width			: 490px;
	color			: #a40000;
	line-height		: 2.5;
	font-size		: 100%;
}

body.pro div.attention dl.general02 dt {
	background		: #a40000;
	width			: 5em;
	padding			: 0.1em;
	margin			: 1px 0 15px 1px;
	color			: #FFFFFF;
	font-size		: 160%;
	font-weight		: bold;
	text-align		: center;
}

body.pro div.attention dl.general02 dd {
	margin-left		: 20px;
	margin-bottom	: 0;
	padding-bottom　: 0;
	width			: 490px;
	color			: #a40000;
	line-height		: 1.5;
	font-size		: 100%;
}

body.pro div.attention dl.general01 span.example {
	border:1px solid #B5B5B5;
	background:#EEEEEE;
	display:block;
	width:480px;
	padding:1em;
	color:#434343;
	font-weight:bold;
	line-height	:1.7;
	text-align:center;
}

/* ---pdf download--- */

body.pro div.pdfDownLoad {
	border-top: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
	background: #f7f7f7;
	position: relative;
	margin-bottom: 3em;
	padding: 15px 150px 10px 10px;
	min-height: 40px;
}
/* ie6 hack */
* html body.pro div.pdfDownLoad {
	height: 45px;
}

body.pro div.pdfDownLoad.lastChild {
	margin-bottom: 7em;
}

body.pro div.pdfDownLoad p.generalBtn {
	position: absolute;
	right: 10px;
	top: 15px;
}

body.pro div.pdfDownLoad p.generalBtn2 {
	position: absolute;
	right: 10px;
	top: 24px;
}


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

	 4. hydrotect_color
 
============================================================================================================*/

/*  ------------------------------------------------------------------

	4-1. color.html

---------------------------------------------------------------------*/

body.pro ul#colorArchive {
	border: 1px solid #CCCCCC;
	margin-bottom: 1.5em;
	padding: 10px;
	text-align: center;
}

body.pro ul#colorArchive li {
	display:inline;
	margin-right: 1em;
}

body.pro ul#colorArchive li.lastChild {
	margin-right: 0;
}

body.pro dl.example {
	margin-bottom: 1.5em;
}

body.pro dl.example dt {
	margin-bottom: 0.2em;
}

body.pro ul.note {
	margin-bottom: 1.5em;
}

body.pro ul.note li {
	margin-bottom: 0.17em;
}



/*  ------------------------------------------------------------------

	4-2. msds.html

---------------------------------------------------------------------*/
body.pro table.generalComplex.itemArchive.datasheet td {
	text-align:left;
}

body.pro table.generalComplex.itemArchive.datasheet colgroup#name {
	width:10em;
}

body.pro table.generalComplex.itemArchive.datasheet colgroup#pdfDl {
	width:15em;
}

body.pro table.generalComplex.itemArchive.datasheet colgroup#remarks {
	width:15em;
}



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

	 5. tools
 
============================================================================================================*/

/*  ------------------------------------------------------------------

	5-1. index.html

---------------------------------------------------------------------*/

body.pro#index div.section div.section.item {
	position:relative;
	padding-left:140px;
	min-height:175px;
}
/* ie6 hack */
* html body.pro#index div.section div.section.item {
	height:175px;
}

body.pro#index div.section div.section.item p.img {
	border:1px solid #CCCCCC;
	position:absolute;
	top:0;
	left:0;
	float:left;
	margin-right:1em;
}

body.pro#index div.section div.section.item h3 {
	margin-bottom:0.5em;
	line-height:1.5;
	color:#eb6100;
}

body.pro#index div.section div.section.item h3 span {
	display:block;
	font-size:141%;
}

/*  */
body.pro#index div.section-catalog {
	width:543px;
}

body.pro#index div.tools-catalog-img {
	float: left;
	width:81px;
	margin-bottom:2em;
}

body.pro#index div.catalog-text {
	float: right;
	width:450px;
}

body.pro#index div.catalog-text h3 {
	color:#EB6100;
	line-height:1.5;
	margin-bottom:0.5em;
}

body.pro#index div.catalog-text h3 span {
	display:block;
	font-size:141%;
}

body.pro#index div.catalog-text p.img {
	float: left;
	width:179px;
}

body.pro#index div.catalog-text p.text {
	float: right;
	width:270px;
}

/*  ------------------------------------------------------------------

	■のh2

---------------------------------------------------------------------*/

body.pro#index div.h2-tools2 {
	height: 13px;
	width: 266px;
}

body.pro#index h2.result-subtitle {
	background:transparent url(../img/tools/sales_tools/h3_point.gif) no-repeat scroll left center;
	font-size: 1.1em;
	line-height:1.5em;
	margin-bottom: 0.5em;
	padding-left: 20px;
}

/*  ------------------------------------------------------------------

	5-2. sales_tools.html

---------------------------------------------------------------------*/

body.pro#salesTools div#mainContent div.secGroup div.section p.caption {
	font-size:90%;
	line-height:1.3;
}

body.pro#salesTools div.section table.twin {
	width:545px;
	
}

body.pro#salesTools div.section table.twin td {
	width:180px;
	
}


/*  アイテム1つパターン 
-----------------------------------*/

body.pro#salesTools div.section.item.single {
	position:relative;
	background: url(../../_common/img/parts/bg/bg_dod_Gray.gif) repeat-x left bottom;
	padding-bottom:2.5em;
	zoom:1;
}

body.pro#salesTools div.section.item.single.lastChild {
	background: none;
	padding-bottom:0;
	margin-bottom:0;
}

body.pro#salesTools div#mainContent div.section.item.single table th {
	width:7.5em;
}

body.pro#salesTools div.section.item.single p.img {
	position:absolute;
	top:0;
	right:0;
	text-align:right;
}

body.pro#salesTools div#mainContent div.section.item.single p,
body.pro#salesTools div#mainContent div.section.item.single table,
body.pro#salesTools div#mainContent div.section.item.single dl {
	width:320px;
}

body.pro#salesTools div#mainContent div.section.item.single p {
	padding:0;
	margin:0;
}

body.pro#salesTools div#mainContent div.section.item.single p em {
	padding:0;
	margin:0;
	color:#e60011;
	font-size:183%;
	font-weight:bold;
}

body.pro#salesTools div#mainContent div.section.item.single dd em {
	display:inline;
}


/*  アイテム SHORT
-----------------------------------*/

body.pro#salesTools div#mainContent div.section.item.single.short p,
body.pro#salesTools div#mainContent div.section.item.single.short table,
body.pro#salesTools div#mainContent div.section.item.single.short dl {
	width:250px;
}


/*  スペックの表
-----------------------------------*/

body.pro#salesTools div.section.item table {
	width:100%;
	margin-bottom:0.5em;
}

body.pro#salesTools div.section.item table th {
	font-weight:normal;
	width:4em;
}


/*  希望小売価格
-----------------------------------*/

body.pro#salesTools div.section dl.price {
	border:1px solid #eb6100;
	padding:1em;
	margin-bottom:0.5em;
	font-size:90%;
	line-height:1.2;
	zoom:1;
}

body.pro#salesTools div.section table.toolsample {
	margin-top:1.28em;
}

body.pro#salesTools div.section dl dd p.price {
	font-size:90%;
	text-align:right;
}

body.pro#salesTools div.section dl dd p.price em {
	color:#e60011;
	font-size:183%;
	font-weight:bold;
	line-height:1.5;
}

body.pro#salesTools div.section dl.price dt {
	font-weight:normal;
	margin-bottom:0;
}

body.pro#salesTools div.section dl.price dd dl.price-list dt {
	margin: 0.5em 0 0 0 ;
/*	color:#eb6100; */
	font-weight:bold;
}

body.pro#salesTools div.section dl.price dd em {
	display:block;
	color:#e60011;
	font-size:183%;
	font-weight:bold;
	line-height:1.5;
}

body.pro#salesTools div.section dl.price dd span {
	color:#eb6100;
}

/*  ------------------------------------------------------------------

	table２段組み用モジュール

---------------------------------------------------------------------*/


body.pro#salesTools div.section dl.price dd table {
	float:left;
	width:48%;
	margin-top:0.8em;
	margin-right:3%;
}

/*  clearfix
-----------------------------------*/

/* start clearfix */
body.pro#salesTools div.section dl.price dd:after { content: " "; display: block; visibility: hidden; clear: both; height: 0.1px; font-size: 0px; line-height: 0; }
/* ie6 hack */
* html body.pro#salesTools div.section dl.price dd { height: 1%; }
/* ie7 hack */
*:first-child+html body.pro#salesTools div.section dl.price dd { min-height: 1%;}
/* end clearfix */

body.pro#salesTools div.section dl.price dd table.lastChild {
	margin-right:0;
}

body.pro#salesTools div.section dl.price dd table em {
	display:inline;
}

body.pro#salesTools div.section dl.price dd table th {
	padding:5px;
}

body.pro#salesTools div.section dl.price dd table td {
	padding:0;
}


/*  ------------------------------------------------------------------

	table１段

---------------------------------------------------------------------*/

body.pro#salesTools div.section dl.price dd table.single {
	width:97%;
	float:none;
}

body.pro#salesTools div.section dl.price dd table.single th {
	text-align:left;
}

body.pro#salesTools div.secGroup dl dt {
	font-weight:bold;
	margin-bottom:0.5em;
}

/*  ------------------------------------------------------------------

	ツールご注文書

---------------------------------------------------------------------*/

body.pro#salesTools div.section#order {
	border:1px solid #e5e5e5;
	padding:1em 1.5em;
	margin-bottom:40px;
}

body.pro#salesTools div.section#order dl {
	text-align:center;
	margin-bottom:0.5em;
}

body.pro#salesTools div.section#order dt {
	color:#EB6100;
	font-weight:bold;
}

div.section#order div.pdfDownLoad {
	margin-bottom: 0;
}



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

 販促ツールページ　新デザイン

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

/*  ------------------------------------------------------------------

	レイアウト

---------------------------------------------------------------------*/

body#salesTools div.tools-explanation-01 {
	float: left;
	width: 296px;
	margin-bottom:1em;
	clear:both;
}

body#salesTools div.tools-explanation-02 {
	float: left;
	width: 273px;
	margin-bottom:1em;
	clear:both;
}


body#salesTools div.tools-img {
	padding-top: 4px;
	text-align: right;
}

body#salesTools div.tools-img img.imgnext {
	margin-bottom: 13px;
}

/* 個別余白指定*/

body#salesTools div.tools-img p.img-dvd {
	margin-top: 30px;
}

body#salesTools p.img-exhibition-panel {
	clear:both;
	margin-left:40px;
}

body#salesTools div.tools-img p.img-court-exposure-stand {
	margin-top: 15px;
}

body#salesTools div.secGroup-triple {
	margin-bottom: 0;
}

body#salesTools div.secGroup-tetra {
	margin-bottom: 0;
}

body#salesTools p.image-exhibition_panel_using_outside-ill {
	margin-right: 78px;
}

body#salesTools p.img-flag {
	text-align:left;
}

body#salesTools div.tools-img p.img-explanation_panel_for_exposure_stand {
	margin-top: 15px;
}

body#salesTools div.tools-img p.img-explanation_panel_for_exposure_stand img {
	margin-bottom: 5px;
}

body#salesTools p.img-hydrotect-mark img {
	margin-top:5px;
	margin-left:15px;
}

body#salesTools div.mb_resolution_demokit p span {
	width:242px;
	float:right;
	text-align:left;
	font-size:0.9em;
	margin: 5px 0 20px 0;
}

body#salesTools div.mb_resolution_demokit p span.tetra1 {
	width:170px;
	float:left;
	text-align:left;
	font-size:0.9em;
	margin:5px 0 20px 0;
}
body#salesTools div.mb_resolution_demokit p span.tetra2 {
	width:170px;
	float:left;
	text-align:left;
	font-size:0.9em;
	margin:5px 0 20px 20px;
}
body#salesTools div.mb_resolution_demokit p span.tetra3 {
	width:165px;
	float:left;
	text-align:left;
	font-size:0.9em;
	margin:5px 0 20px 20px;
}

body#salesTools p.note {
	margin-top: 10px;
}




/* 画像三つ */

body#salesTools div.tools-img div.triple-img {
	float:right;
	width:241px;
}

body#salesTools div.tools-img p.image-top {
	margin-bottom:4px;
}

body#salesTools div.tools-img p.image-left {
	float:left;
	width:119px;
}

body#salesTools div.tools-img p.image-right {
	float:right;
	width:119px;
}

body#salesTools div.tools-img span.img-text {
	display:block;
	width:119px;
	font-size:9px;
	line-height:1.2;
	text-align:left;
}

body#salesTools div.tools-img p.img-flag span.img-text {
	display:block;
	width:119px;
	font-size:9px;
	line-height:1.2;
}

body#salesTools div.tools-img p.img-explanation_panel_for_exposure_stand span.img-text {
	display:block;
	float:right;
	width:212px;
	font-size:9px;
	line-height:1.5;
}

/* 画像4つ */

body#salesTools div.tools-img div.tetra-img {
	float:right;
	width:160px;
}

body#salesTools div.tools-img p.img-hydrotect-mark span.img-text {
	display:block;
	float:right;
	width:100px;
	font-size:9px;
	line-height:1.5;
}


/*  ------------------------------------------------------------------

	レイアウト - 画像を横に5つ並べる

---------------------------------------------------------------------*/

body#salesTools div.tools-arranges-img-left {
	float: left;
	width: 296px;
	margin-bottom:1em;
}

body#salesTools div.tools-arranges-img-right {
	padding-top: 4px;
	text-align: right;
}


/* 画像横に並べる - 右二つ */

body#salesTools div.tools-arranges-img-right div.arranges-img {
	float:right;
	width:212px;
}

body#salesTools div.tools-arranges-img-right div.arranges-img p.title-small-text {
	font-size:9px;
	line-height:11px;
	text-align:left;
	margin-bottom:2px;
}

body#salesTools div.tools-arranges-img-right p.image-arranges-left {
	float:left;
	width:90px;
}

body#salesTools div.tools-arranges-img-right p.image-arranges-right {
	float:right;
	margin-right:20px;
	width:90px;
}

body#salesTools div.tools-arranges-img-right span.img-arranges-text {
	display:block;
	width:90px;
	font-size:9px;
	line-height:11px;
	text-align:left;
}

/* 画像横に並べる - 左三つ */

body#salesTools div.tools-arranges-img-left div.arranges-img {
	float:right;
	width:296px;
	margin-top:17px;
}

body#salesTools div.tools-arranges-img-left p.image-arranges-left-ill {
	float:left;
	width:96px;
	margin-right:10px;
}

body#salesTools div.tools-arranges-img-left p.image-arranges-left {
	float:left;
	width:90px;
	margin-right:10px;
}

body#salesTools div.tools-arranges-img-left p.image-arranges-right {
	float:right;
	width:90px;
}



/*  ------------------------------------------------------------------

	h3

---------------------------------------------------------------------*/

body#salesTools div.h3-tools {
	background: url(../img/tools/sales_tools/h3.gif) no-repeat;
	padding: 4px 0 0 0;
	height: 26px;
	width: 545px;
}

body#salesTools div.h3-tools h3 {
	padding-left: 10px;
	float: left;
}

/*  アプローチコメント部分 */
p.sales-point span {
	padding: 2px 0 0 0;
	margin: 0 10px 0 0;
	display: block;
	text-align: right;
}

p.sales-point span img.plurals {
	margin-right:10px;
}

/*  ------------------------------------------------------------------

	■のh3

---------------------------------------------------------------------*/

body#salesTools div.h3-tools2 {
	height: 13px;
	width: 266px;
}

body#salesTools h3.result-subtitle {
	float: left;
	background:transparent url(../img/tools/sales_tools/h3_point.gif) no-repeat scroll left center;
	font-size: 12px;
	margin-bottom: 2px;
	padding-left: 20px;
}

body#salesTools p.result-lead {
	clear:left;
}

/*  アプローチコメント部分 */

p.sales-point-result-subtitle span {
	padding: 4px 0 0 0;
	display: block;
	text-align: right;
}

p.sales-point-result-subtitle span img.plurals {
	margin-right:10px;
}

/*  ------------------------------------------------------------------

	■のh3 パターン2

---------------------------------------------------------------------*/

body#salesTools h3.result-subtitle-another {
	background:transparent url(../img/tools/sales_tools/h3_point.gif) no-repeat scroll left center;
	font-size: 12px;
	margin-bottom: 2px;
	padding-left: 20px;
}


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

 販促ツールページ　ポップアップ 

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


body.toolspopup img.toolsclose {
	border	: 1px solid #7aab11;
}

body.toolspopup div.inner{
	margin-left		: 160px;
	margin-bottom	: 7px;
	padding			: 0;
}

body.toolspopup div.inner2{
	margin-left		: 305px;
	margin-bottom	: 7px;
	padding			: 0;
}
 
 
/* ==========================================================================================================

	 6. howto
 
============================================================================================================*/

body.pro dl.general01 dd.note {
	border-left:5px solid #A40000;
	line-height: 0.5;
	padding-left:1em;
	margin-bottom:1em;
}

body.pro dl.general02 dd.note {
	border-left:5px solid #A40000;
	line-height: 0.5;
	padding-left:1em;
	margin-bottom:1em;
}

body.pro dl.general01 dd.txtCenter {
	margin-bottom:2em;
}


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

	 7. campagin
 
============================================================================================================*/

/*  ------------------------------------------------------------------

	7-1. prize

---------------------------------------------------------------------*/

body.pro div#prize {
	padding-bottom:1em;
}

body.pro div#prize div {
	border:4px solid #FF6600;
	position:relative;
	padding:5px 5px;
	margin-bottom:1.5em;
	width:523px;
}

body.pro div#prize div#pdf-bg {
	border:0;
	background:url(../img/campagin/icon_pdf_bg.jpg) no-repeat;
	position:relative;
	width:546px;
	height:126px;
}

body.pro div#prize div dl {
	padding:0 5px 22px 80px;
	min-height:60px;
}
/* ie6 hack */
* html body.pro div#prize div dl {
	height:60px;
}

body.pro div#prize div dl dt {
	position:absolute;
	top:-7px;
	left:-5px;
}

body.pro div#prize div dl dd ul li {
	float:left;
	margin-right:1em;
}
/* start clearfix */
body.pro div#prize div dl dd ul:after { content: " "; display: block; visibility: hidden; clear: both; height: 0.1px; font-size: 0px; line-height: 0; }
/* ie6 hack */
* html body.pro div#prize div dl dd ul { height: 1%; }
/* ie7 hack */
*:first-child+html body.pro div#prize div dl dd ul { min-height: 1%;}
/* end clearfix */

body.pro div#prize div dl dd ul li.lastChild {
	margin-right:0;
}

body.pro div.section dl.step {
	margin-bottom:3em;
}

body.pro div.section dl.step dt {
	font-weight:bold;
	font-size:180%;
	color:#FF6600;
}

body.pro div.section dl.step dd {
	margin-bottom:1em;
}

body.pro div.section li#kekka {
	width: 23em;
	margin-top: 40px;
	margin-bottom: 20px;
}

body.pro div.section li#kekkaftp {
	float: right;
	width: 136px;
	margin-top: 33px;
	margin-bottom: 20px;
}

div.link-campagin-report {
	height: 150px;
	margin-bottom: 1em;
}

div.link-campagin-report h3, div.link-campagin-result h3 {
	margin-bottom: 1.5em;
}

div.link-campagin-report p, div.link-campagin-result p {
	padding: 0 20px;
}

div.link-campagin-result {
	margin-bottom: 2em;
	position: relative;
}

p.banner-campagin {
	position: absolute;
	top: 60px;
	right: 0;
	padding-right: 10px ! important;
}
div.next-year {
	margin-bottom: 20px;
}

div.next-year p {
	text-align: right;
}

div.link-campagin-report h3.result-subtitle {
background:transparent url(../img/top/h3_point.gif) no-repeat scroll left center;
font-size:12px;
margin-bottom:2px;
padding-left:20px;
}

div.link-campagin-result h3.result-subtitle {
background:transparent url(../img/top/h3_point.gif) no-repeat scroll left center;
font-size:12px;
margin-bottom:2px;
padding-left:20px;
}


/*  ------------------------------------------------------------------

	campagin

---------------------------------------------------------------------*/

body.campagin div.section th {
	padding-right: 7px;
}

body.campagin div.section td {
	background	: transparent url(../../_common/img/parts/bg/bg_colon_list.gif) no-repeat scroll left 6px;
	padding-left: 10px;
}

body.campagin div.section h4 {
	margin-top	: 4em;
}


/*  ------------------------------------------------------------------

	7-2. report

---------------------------------------------------------------------*/

body.pro div#report div.pdfDownLoad {
	margin-bottom:0.5em;
}



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

	 8. event
 
============================================================================================================*/

body.pro#event table.generalThead {
}

body.pro#event table.generalThead td {
	line-height:1.5;
}

body.pro#event table.generalThead td.text-left {
	text-align:left;
}

body.pro#event div#infoList {
	background:url(../img/event/bg_event_info.gif) no-repeat right bottom;
	padding-bottom:124px;
}

body.pro#event div#infoList dl {

}

body.pro#event div#infoList dl dt {
	margin-bottom:0.3em;
	font-weight:bold;
	font-size:141%;
	color:#EB6100;
	text-decoration:underline;
}

body.pro#event div#infoList dl dd {
/*	background: url(../../_common/img/parts/bg/bg_dod_Gray.gif) repeat-x left bottom;*/
	padding-bottom:2em;
}

body.pro#event div#infoList dl dd.lastChild {
	background:none;
	padding-bottom:0;
}

body#event .caution {
	margin-left: 0;
	padding-left:3px;
	color:#FF3300;
}


/*  ------------------------------------------------------------------

	■のh3

---------------------------------------------------------------------*/

body#event div.h3-tools2 {
	height: 13px;
	width: 266px;
}

body#event h3.result-subtitle {
	background:transparent url(../img/tools/sales_tools/h3_point.gif) no-repeat scroll left center;
	font-size: 12px;
	margin-bottom: 2px;
	padding-left: 20px;
}


/*  イベント情報
-----------------------------------*/
body.pro#event div#infoList table {
	width:100%;
	margin-bottom:0.5em;
	text-align:left;
	border-collapse:  1px solid #CCCCCC;
}

body.pro#event div#infoList table th {
	font-weight:normal;
	text-align: center;
	border:  1px solid #CCCCCC;
	background:#E8E8E8;
}

body.pro#event div#infoList table td {
	padding-left:0.5em;
	border: 1px solid #CCCCCC;
}



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

	 9. case
 
============================================================================================================*/

/*  ------------------------------------------------------------------

	一覧リスト

---------------------------------------------------------------------*/

/* dlで組みなおし */
body.pro.archive dl.case {
	background: url(../../_common/img/parts/bg/bg_dod_Gray.gif) repeat-x left bottom;
	min-height:128px;
	width:360px;
	position:relative;
	padding-bottom:20px;
	padding-left:185px;
	margin-bottom:20px;
}
/* ie6 hack */
* html body.pro.archive dl.case {
	height:128px;
}

body.pro.archive dl.case.lastChild {
	background: none;
}

body.pro.archive dl.case dt {
	border: 1px solid #CCCCCC;
	padding: 1px;
	position:absolute;
	top:0;
	left:0;
}

body.pro.archive dl.case dd.product {
	position:absolute;
	top:5px;
	right:0;
}

body.pro.archive dl.case dd.product img {
	margin-left:3px;
}

body.pro.archive dl.case dd.caption {
	font-weight:bold;
	border-bottom:1px solid #CCCCCC;
	margin-bottom:0.2em;
}

body.pro.archive dl.case dd.caption a {
	font-weight:bold;
	display:block;
}

body.pro.archive dl.case dd.caption span {
	font-size: 90%;
	font-weight: normal;
}

body.pro.archive dl.case dd.toDetail01 a {
	background	: url(../../_common/img/parts/arrow/arrow_06.gif)  no-repeat 0 3px;
	padding-left: 15px;
	margin-bottom: 0.5em;
}

/*  ------------------------------------------------------------------

	詳細

---------------------------------------------------------------------*/

body.pro.detail div#mainContent div.h1Group p.voice {
	margin-bottom: 2em;
}

body.pro.detail div#mainContent div.h1Group h1.hnImg01 {
	padding-top:10px;
	margin-bottom: 35px;
	position:relative;
}

body.pro.detail div#mainContent div.h1Group h1.hnImg01 span.product {
	position:absolute;
	top:30%;
	right:0;
}

body.pro.detail div#mainContent div.h1Group h1.hnImg01 span.product img {
	margin-left:3px;
}

body.pro.detail p#userName {
	text-align: right;
	font-weight: bold;
}

body.pro.detail p#userName span {
	margin-left: 0.5em;
	font-size: 118%;
}

/*  外観写真
-----------------------------------*/
body.pro.detail ul.appearanceList {
	margin-bottom: 20px;
}
/* start clearfix */
body.pro.detail ul.appearanceList:after { content: " "; display: block; visibility: hidden; clear: both; height: 0.1px; font-size: 0px; line-height: 0; }
/* ie6 hack */
* html body.pro.detail ul.appearanceList { height: 1%; }
/* ie7 hack */
*:first-child+html body.pro.detail ul.appearanceList { min-height: 1%;}
/* end clearfix */

body.pro.detail ul.appearanceList li {
	float: left;
	margin-right:7px;
	width: 177px;
	font-size: 90%;
	line-height: 1.5;
}

body.pro.detail ul.appearanceList li.lastChild {
	margin-right:0;
}


/*  DATA
-----------------------------------*/

body.pro.detail div#userData table.generalRow {
	width: 290px;
}

body.pro.detail div#userData table.generalRow th {
	width: auto;
}
body.pro.detail div#userData table.generalRow th, table.generalRow td {
	padding: 4px;
}

body.pro.detail div#userData p {
	float: right;
	width: 240px;
	font-size: 90%;
	line-height: 1.5;
}

body.pro.detail div#userData p img {
	border: 1px solid #CCCCCC;
	padding: 1px;
}


/*  お客様のご感想
-----------------------------------*/
body.pro.detail div#impression ul {
	list-style: inside;
	list-style-type:disc;
}


/*  コナカ　上部画像
-----------------------------------*/
.pic {
	margin:0 0 7px 0;
}


/* -------------------- Banner Page -------------------- */
div.link-banner {
	height: 100%;
	padding-top: 20px;
	overflow: hidden;
	border-top: 1px dotted #ccc;
}

p.banner {
	float: left;
	width: 185px;
}

ul.banner-type {
	float: left;
	width: 194px;
	padding-left: 30px;
}

p.downloads {
	float: left;
	width: 136px;
}

pre.banner-code {
	clear: both;
	margin: 0 0 20px 0;
	padding: 5px;
	border: 1px solid #c0c0c0;
	background-color: #eaeaea;
	line-height: 120%;
}

/* Mac IE \*/
* html pre.banner-code {
	width: 100%;
}
/* */ 


/* -------------------- Hyosho Page -------------------- */

.header-hyosho {
	height: 100%;
	padding: 0 10px;
	overflow: hidden;
	background: url(../img/campagin/map_s2.jpg) no-repeat 10px 0px;
}

.list-report {
	float: right;
	height: 100%;
	padding: 15px 20px;
	overflow: hidden;
	border: 1px solid #ccc;
}

.list-report dt {
	float: left;
}

.list-report dd {
	padding-left: 5em;
}

.contents-hyosho {
	clear: both;
	padding-top: 20px;
	background: url(../img/common/bg/bg_dod_Gray.gif) repeat-x left top;
}

.title-hyosho {
	margin-bottom: 1em;
	padding-top: 20px;
	padding-left: 100px;
	padding-bottom: 20px;
	background: url(../img/campagin/happachan.jpg) no-repeat top left;
	font-size: 16px;
	color: #339966;
}

.title-hyosho span {
	display: block;
	margin-bottom: 0.5em;
	padding: 1px 5px 0;
	background-color: #ccffcc;
	font-size: 12px;
	font-weight: normal;
	color: #333;
}

.contents-hyosho .img-left {
	clear: both;
	float: left;
	margin-right: 10px;
	margin-bottom: 10px;
}

.contents-hyosho .img-right {
	clear: both;
	float: right;
	margin-left: 10px;
	margin-bottom: 10px;
}

p.footer-report {
	clear: both;
	position: relative;
	padding: 1px 5px 0;
	background-color: #ccffcc;
}

p.footer-report span {
	position: absolute;
	top: 0px;
	right: 5px;
}

/* Mac IE \*/
* html p.footer-report {
	padding: 6px 5px 0;
}
/* */ 

div.section span {
	display:block;
	font-size:80%;
	line-height:1.5em;
/*	width:263px; */
}

p.next-campaign {
	text-align:right;
}

/* msds */
p.msdm-note {
	font-size:0.9em;
	color:#F00;
}

.hnImg01-msdm {
	margin-bottom : 5px;
}