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


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

	* Pages Style Sheet {


		* last update 08.12/05
		* author : hirai; hirohashi;
	
	}
	
	
--------------------------------
		 Contents
	
	1. common
	2. exterior.html
		├	2-1. common
		├	2-2.exteria.html
		└	2-3. glass
			

	5. interior/index.html
	6. system/index.html
	7. attention.html
	8. other.html
	9. design.html
   10. title/index.html
   11. glass/index.html
   12. integrate.html
   13. eco_ex.html
   
   14. special
		├	14-1. common
		├	14-2. eco-ex
		└	14-3. glass

   15.index
   16.catalog
	
	
--------------------------------- */


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

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

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

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

body.product div.contentHead {
	background	: url(../../_common/img/products/bg/bg_product_lead.gif) no-repeat right bottom;
	min-height	: 100px;
}
/* ie6 hack */
* html div.contentHead p.lead.note {
	height: 140px;
}

h3.result-subtitle {
	margin-bottom: 10px;
	padding-left: 20px;
	background: url(../img/index/h3.gif) left no-repeat;
	font-size: 14px;
}


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

	実験データ

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

/* 試験条件　dl設定(ddにdl.generalDateを入れ子) 
-----------------------------------*/
dl.validationData {
	border			: 1px solid #CCCCCC;
	margin-bottom	: 1em;
	padding			: 20px;
}
/* start clearfix */
dl.validationData:after { content: " "; display: block; visibility: hidden; clear: both; height: 0.1px; font-size: 0px; line-height: 0; }
/* ie6 hack */
* html dl.validationData { height: 1%; }
/* ie7 hack */
*:first-child+html dl.validationData { min-height: 1%;}
/* end clearfix */

dl.validationData dt {
	float		: left;
	width		: 20%;
	font-weight	: bold;
	padding-bottom: 0.3em;
	margin-bottom: 0.3em;
}

dl.validationData dd {
	border-left	: 1px solid #CCCCCC; 
	float		: left;
	padding		: 0 0 0 20px;
	line-height:1.5;
}

dl.validationData dd dl.generalDate dt {
	float		: none;
	font-weight	: normal;
	width		: 8em;
	margin-bottom:-26px;
}

dl.validationData dd dl.generalDate dd {
	border		: none;
	float		: none;
	padding	:5px 0 0 8.5em;
}

/* 試屋外曝露試験など
-----------------------------------*/
dl.factorySummary.validationData {
	padding: 10px;
}

dl.validationData.factorySummary dt {
	border-bottom : 1px solid #CCCCCC; 
	float: none;
	width: auto;
}

dl.validationData.factorySummary dd {
	border:none; 
	float: none;
	padding: 0;
	width: auto;
}

dl.validationData.factorySummary dd dl dt {
	border: none;
	margin-bottom:-26px;
	padding-top:2px;
	width:8em;
}

dl.validationData.factorySummary dd dl dd {
	padding-left: 8.5em;
	text-indent:-0.5em;
}

body.product dl.factorySummary.validationData.col2 {
	width:250px;
	margin-right:0;
}

/* 試屋外曝露試験（2カラム）
-----------------------------------*/

div.secGroup div.section dl.factorySummary.validationData {
	margin-bottom	: 0.6em;
}

div.secGroup div.section dl.factorySummary.validationData dd dl dt {
	border: none;
	margin-bottom:-26px;
	padding-top:2px;
	width:7em;
}

div.secGroup div.section dl.factorySummary.validationData dd dl dd {
	padding-left:7.5em;
}

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

	2カラムのテーブル設定 

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

body.product div.mltCol table.generalComplex {
	margin-bottom: 0.5em;
	line-height: 1.4;
}

body.product div.mltCol table.generalComplex thead th {
	padding:2px;
}

body.product div.mltCol table.generalComplex tbody th {
	width: auto;
	padding:2px;
}

body.product div.mltCol table.generalComplex tbody td.check {
	background: #FDEDEA;
}

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

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

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

	PDFリンク

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

body.product 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.product div.pdfDownLoad {
	height: 45px;
}

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

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


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

	 2. exterior
 
============================================================================================================*/

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

	2-1. common

---------------------------------------------------------------------*/
body.product div.h2Group {
	margin-bottom:30px;
}

body.product div.h2Group h2.hnImg02 {
	margin-top:10px;
	margin-bottom:20px;
}

p.popupBtn {
	padding-top:10px;
	padding-bottom:10px;
}






/* おもな特長
-----------------------------------*/

body.product div.hydrotectDetail {
	background: url(../img/common/bg/bg_bg_h2ListTOP.gif) no-repeat left top;
	position: relative;
	padding-top: 20px;
	margin-bottom:30px;
	zoom:1;
}

body.product div.hydrotectDetail div.inner {
	background: url(../img/common/bg/bg_bg_h2ListBottom.gif) no-repeat left bottom;
	position:relative;
	padding: 0 20px 5px;
	min-height: 100px;
	zoom:1;
}
/* ie6 hack */
* html body.product div.hydrotectDetail div.inner {
	height: 100px;
}

body.product div.hydrotectDetail div.inner dl {
	color: #70A106;
	font-weight: bold;
	line-height:1.7;
}

body.product div.hydrotectDetail div.inner dl dt {
	text-align:center;
	margin-bottom:5px;
}

body.product div.hydrotectDetail div.inner dl dd {
	margin-bottom: 1em;
	padding: 12px 0 0 45px;
	min-height: 25px;
}
/* ie6 hack */
* html body.product div.hydrotectDetail div.inner dl dd {
	height: 25px;
}

body.product div.hydrotectDetail div.inner dl dd.feature01 { background: url(../img/common/icon_feature01.gif) no-repeat left 10px; }
body.product div.hydrotectDetail div.inner dl dd.feature02 { background: url(../img/common/icon_feature02.gif) no-repeat left 10px; }
body.product div.hydrotectDetail div.inner dl dd.feature03 { background: url(../img/common/icon_feature03.gif) no-repeat left 10px; }
body.product div.hydrotectDetail div.inner dl dd.feature04 { background: url(../img/common/icon_feature04.gif) no-repeat left 10px; }
body.product div.hydrotectDetail div.inner dl dd.feature05 { background: url(../img/common/icon_feature05.gif) no-repeat left 10px; }

body.product div.hydrotectDetail div.inner dl dd a {
	color: #70A106;
}



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

	 6. system/index.html
 
============================================================================================================*/

body.product dl.undertakeProduct {
	margin-bottom: 1em;
}

body.product dl.undertakeProduct dt {
	font-weight: bold;
}

body.product dl.undertakeProduct dd ul {
	list-style:inside;
}


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

	 7. attention.html
 
============================================================================================================*/

/*  （注）の特別なスタイル
-----------------------------------*/
body.product div.attention {
	background		: #fef7f8 none repeat scroll 0% 50%;
	border			: 1px solid #a40000;
}

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

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

body.product div.attention dl.general01 dd {
	padding			: 0 20px;
	color			: #a40000;
	font-size		: 100%;
}

body.product div.attention dl.general01 dd.txtCenter {
	margin-bottom	: 2em;
}


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

	ECO-700

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


body.product table.eco700 th {
	width: 75px;
}

body.product table.eco700Inner {
	margin-bottom: 1em;
}


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

	ECO-2000

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

body.product table.attentionTable th {
	width: 100px;
}


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

	ECO-FA

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

div#ecoecofa table{
width:545px;
}
div#ecoecofa table tr{
border:1px solid #CCCCCC;
font-weight:bold;
padding:2px 5px;
}
div#ecoecofa table tr th{
background:#FAFAFA none repeat scroll 0 0;
border:1px solid #CCCCCC;
padding:2px 5px;
}

div#ecoecofa table tr td{
border:1px solid #CCCCCC;
padding:2px 5px;
}

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

	 8. other.html
 
============================================================================================================*/

/*  TOTOオキツモへのお問合せ
-----------------------------------*/
div#mainContent div.toInquire {
}

div#mainContent div.toInquire dt {
	margin-bottom	: 0.2em;
}

div#mainContent div.toInquire dd {
	margin-bottom	: 5em;
	border			: 1px solid #e5e5e5;
	background		: #f7f7f7;
}

div#mainContent div.toInquire dd table {
	border			: 1px solid #FFFFFF;
	padding			: 20px;
	border-collapse	: inherit;
	}

div#mainContent div.toInquire dd table col.inquiries {
	width:7em;
}

div#mainContent div.toInquire dd table th {
	font-weight		: bold;
}

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

	 9. design.html
 
============================================================================================================*/

div.designList {
	margin-bottom : 25px;
}
/* start clearfix */
div.designList:after { content: " "; display: block; visibility: hidden; clear: both; height: 0.1px; font-size: 0px; line-height: 0; }
/* ie6 hack */
* html div.designList { height: 1%; }
/* ie7 hack */
*:first-child+html div.designList { min-height: 1%;}
/* end clearfix */

div.designList div.designSpec {
	float: left;
	width: 175px;
}

div.designList div.designSpec ul {
	margin-bottom: 10px;
}

div.designList div.designSpec ul li {
	border-bottom: 1px solid #CCCCCC;
	background: url(../img/exterior/design/bg_designSpe_li.gif) no-repeat 0 center;
	padding: 5px 5px 5px 15px;
	color:#70A106;
	font-weight: bold;
}

div.designList ul.colorList {
	float: right;
	width: 350px;
}

div.designList ul.colorList li {
	float: left;
	margin-right: 10px;
	text-align: right;
}

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

	10. tile/index.html
 
============================================================================================================*/

dl.validationData.tile dt {
	width		: 24%;
}

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

	11. glass/index.html
 
============================================================================================================*/


/*  curtainWall
-----------------------------------*/

div#curtainWall {
	border: 1px solid #CCCCCC;
	padding: 15px;
}

div#curtainWall dl.factorySummary.validationData {
	border: none;
	margin-bottom: 0;
	width: auto;
}

div#curtainWall dl.factorySummary.validationData dd dl dt {
	width:120px;
}

div#curtainWall dl.factorySummary.validationData dd dl dd {
	padding:1px 0 1px 125px;
}

div#curtainWall ul {
	margin-left: 10px;
	font-size: 90%;
}


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

	12. integrate.html
 
============================================================================================================*/

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

body.integrate div#wrapper {
	padding: 15px 20px 0;
	width		: 460px;
}

body.integrate div.section {
	margin-bottom: 20px;
}

body.integrate h1.hnImg01 {
	text-align: center;
}

body.integrate div.integrateGroup {
	position: relative;
	margin: 10px 0;
	padding-right: 241px;
	min-height: 160px;
}

* html body.integrate div.integrateGroup {
	height: 160px;
}

body.integrate div.integrateGroup p.img {
	position: absolute;
	top:0;
	right:0;
}

body.integrate .mltCol .col2 {
	margin-right:22px;
	width:219px;
	zoom:1;
}

body.integrate .mltCol dl.factorySummary.validationData.col2  {
	width: 197px;
	padding: 10px;
}

body.integrate .mltCol dl.factorySummary.validationData.col2 dd dl dt {
	border: none;
	margin-bottom:-26px;
	padding-left:5px;
	padding-top:2px;
	width:65px;
}

/*body.integrate .mltCol dl.factorySummary.validationData.col2 dd dl dd {
	margin-bottom:1px;
	padding:1px 0pt 1px 70px;
}*/

body.integrate .mltCol .col2.lastChild {
	margin-right: 0;
}

body.integrate div#footer {
	background-color: #f7f7f7;
}

body.integrate div#footer div.inner {
	margin:0;
	padding:20px 0;
	width:auto;
}

body.integrate div#footer div.inner p {
	font-weight: bold;
}




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

	 13. rc.html
 
============================================================================================================*/

/*  コーティング対象基材
-----------------------------------*/
body.product div.coatingMaterial {
	border			: 1px solid #e5e5e5;
	padding			: 1px;
	margin-bottom	: 1em;
}

body.product div.coatingMaterial dl {
}

body.product div.coatingMaterial dt {
	background: url(../img/top/bg_index_dt_coating.gif) repeat-x left top;
	text-align: center;
}

body.product div.coatingMaterial dd {
	background	: #f7f7f7;
	padding		: 10px 20px;
}

body.product div.coatingMaterial dd li {
	display: inline;
}






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

	 14. special
 
============================================================================================================*/

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

	14-1. common

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

/* h1Group (for index) 
-----------------------------------*/
body#special.product.index div.h1Group {
	background:url(../img/special/common/bg/bg_h1group_btm.gif) no-repeat center bottom;
	position:relative;
	margin-bottom:30px;
}

body#special.product.index div.h1Group h1 {
	background:url(../img/special/common/bg/bg_h1group_hd.gif) no-repeat center top;
	padding-top:2px;
	text-align:center;
}

body#special.product.index div.h1Group ul {
	padding:10px 0 10px 10px;
}


/*  clearfix
-----------------------------------*/
/* start clearfix */
body#special.product.index div.h1Group ul:after { content: " "; display: block; visibility: hidden; clear: both; height: 0.1px; font-size: 0px; line-height: 0; }
/* ie6 hack */
* html body#special.product.index div.h1Group ul { height: 1%; }
/* ie7 hack */
*:first-child+html body#special.product.index div.h1Group ul { min-height: 1%;}
/* end clearfix */

body#special.product.index div.h1Group ul li {
	float:left;
	display:inline;
}


/* mainGra
-----------------------------------*/
body#special.product div.mainGra {
	background:url(../img/special/common/bg/bg_h1group_btm.gif) no-repeat center bottom;
	position:relative;
	margin-bottom:30px;
}

body#special.product div.mainGra p.pageTitle {
	background:url(../img/special/common/bg/bg_h1group_hd.gif) no-repeat center top;
	padding-top:2px;
	text-align:center;
	margin-bottom:0;
}

body#special.product div.mainGra ul {
	padding:10px 0 10px 10px;
}
/*  clearfix
-----------------------------------*/
/* start clearfix */
body#special.product div.mainGra ul:after { content: " "; display: block; visibility: hidden; clear: both; height: 0.1px; font-size: 0px; line-height: 0; }
/* ie6 hack */
* html body#special.product div.mainGra ul { height: 1%; }
/* ie7 hack */
*:first-child+html body#special.product div.mainGra ul { min-height: 1%;}
/* end clearfix */

body#special.product div.mainGra ul li {
	float:left;
	display:inline;
}


body#special.product sup {
	padding-top:0.5em;
}


/* featureLink 
-----------------------------------*/
body#special.product div#featureLink {
	clear:both;
	background:url(../img/special/common/bg/bg_h1group_btm.gif) no-repeat center bottom;
}

body#special.product div#featureLink ul {
	background:url(../img/special/common/bg/bg_h1group_hd.gif) no-repeat center top;
	padding:10px 0 10px 10px;
}
/*  clearfix
-----------------------------------*/
/* start clearfix */
body#special.product div#featureLink ul:after { content: " "; display: block; visibility: hidden; clear: both; height: 0.1px; font-size: 0px; line-height: 0; }
/* ie6 hack */
* html body#special.product div#featureLink ul { height: 1%; }
/* ie7 hack */
*:first-child+html body#special.product div#featureLink ul { min-height: 1%;}
/* end clearfix */

body#special.product div#featureLink ul li {
	float:left;
	display:inline;
}


/* figureList 
-----------------------------------*/

body#special.product ul.figure{
	clear:both;
	padding-bottom:5em;
	padding-left:15px;
}
/*  clearfix
-----------------------------------*/
/* start clearfix */
body#special.product ul.figure:after { content: " "; display: block; visibility: hidden; clear: both; height: 0.1px; font-size: 0px; line-height: 0; }
/* ie6 hack */
* html body#special.product ul.figure { height: 1%; }
/* ie7 hack */
*:first-child+html body#special.product ul.figure { min-height: 1%;}
/* end clearfix */

body#special.product ul.figure li {
	float:left;
	display:inline;
	margin-right:15px;
}

body#special.product ol.figure{
	padding-bottom:1em;
}
/*  clearfix
-----------------------------------*/
/* start clearfix */
body#special.product ol.figure:after { content: " "; display: block; visibility: hidden; clear: both; height: 0.1px; font-size: 0px; line-height: 0; }
/* ie6 hack */
* html body#special.product ol.figure { height: 1%; }
/* ie7 hack */
*:first-child+html body#special.product ol.figure { min-height: 1%;}
/* end clearfix */

body#special.product ol.figure li {
	float:left;
	display:inline;
}


/* tips
-----------------------------------*/
body#special.product div.section#tips {
	background:url(../img/special/common/bg/bg_sec_tips.gif) no-repeat center bottom;
	position: relative;
	padding: 40px 20px 20px;
	margin-bottom:30px;
	zoom:1;
}

body#special.product div.section#tips h2 {
	position: absolute;
	top:0;
	left:0;
	margin-bottom:1em;
}

body#special.product div.section#tips p.img {
	float:right;
	margin-left:1em;
}


/* point パターン01
-----------------------------------*/
body#special.product div.section#point01 {
	background:url(../img/special/common/bg/bg_sec_point01.gif) no-repeat center bottom;
	position: relative;
	padding: 55px 20px 10px;
	margin-bottom:30px;
	zoom:1;
}

body#special.product div.section#point01 div.h2Group {
	margin-bottom:20px;
}

body#special.product div.section#point01 div.h2Group h2 {
	position: absolute;
	top:0;
	left:0;
}

body#special.product div.section#point01 div.h2Group p.copy {
	border-left:6px solid #f39700;
	padding-left:15px;
	margin-bottom:15px;
	font-size:133%;
	font-weight:bold;
}


/* point パターン02
-----------------------------------*/
body#special.product div.section#point02 {
	background:url(../img/special/common/bg/bg_sec_point02.gif) no-repeat center bottom;
	position: relative;
	padding: 55px 20px 10px;
	margin-bottom:30px;
	zoom:1;
}

body#special.product div.section#point02 div.h2Group {
	margin-bottom:20px;
}

body#special.product div.section#point02 div.h2Group h2 {
	position: absolute;
	top:0;
	left:0;
}

body#special.product div.section#point02 div.h2Group p.copy {
	border-left:6px solid #f39700;
	padding-left:15px;
	margin-bottom:15px;
	font-size:133%;
	font-weight:bold;
}


/* point パターン03
-----------------------------------*/
body#special.product div.section#point03 {
	background:url(../img/special/common/bg/bg_sec_point03.gif) no-repeat center bottom;
	position: relative;
	padding: 55px 20px 10px;
	margin-bottom:30px;
	zoom:1;
}

body#special.product div.section#point03 div.h2Group {
	margin-bottom:20px;
}

body#special.product div.section#point03 div.h2Group h2 {
	position: absolute;
	top:0;
	left:0;
}

body#special.product div.section#point03 div.h2Group p.copy {
	border-left:6px solid #f39700;
	padding-left:15px;
	margin-bottom:15px;
	font-size:133%;
	font-weight:bold;
}



/* spec
-----------------------------------*/

body.spec div#wrapper {
	padding: 15px 20px 0;
	width		: 460px;
}


body.spec div#wrapper .hnImg03 {
	margin-top		: 35px;
	margin-bottom	: 1.5em;
}

body.spec div#wrapper p {
	margin-bottom: 1.3em;
}

body.spec div#wrapper p img {
	margin-bottom: 0.5em;
}

body.spec div#wrapper table.generalComplex #item			{ width:18%; }
body.spec div#wrapper table.generalComplex #passFail 	 	{ width:27%; }

body.spec div#wrapper table.generalComplex td.txtLeft {
	text-align:left;
}



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

	14-2. eco-ex

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

/* productSpec (forIndex,2nd)
-----------------------------------*/
body#special.product.index div.h1Group p.spec_eco-ex {
	position:absolute;
	top:27px;
	left:422px;
}
body#special.product div.mainGra p.spec_eco-ex {
	position:absolute;
	top:27px;
	left:220px;
}


/* selfCleaning
-----------------------------------*/
body#special.product div.section#selfCleaning {
	padding-left:15px;
	margin-bottom:2em;
}

body#special.product div.section#selfCleaning ol.figure li {
	background:url(../img/special/eco-ex/bg/bg_index_01.gif) no-repeat right 50%;
	padding-right:35px;
	margin-right:10px;
}

body#special.product div.section#selfCleaning ol.figure li.lastChild {
	padding-right:0;
	margin-right:0;
}


/* integrateGroup 
-----------------------------------*/
body#special.product div.integrateGroup {
	position: relative;
	margin: 0;
	padding-right: 241px;
	min-height: 160px;
}
/* ie6 hack */
* html body#special.product div.integrateGroup {
	height: 160px;
}

body#special.product div.integrateGroup p.img {
	position: absolute;
	top:0;
	right:0;
}

body#special.product div.integrateGroup .hnImg02 {
	margin-top: 0;
}


/* feature01_01
-----------------------------------*/
body#special.product div.section ol.figure#feature01_01					{ padding-left:15px; margin-bottom:2em; }
body#special.product div.section ol.figure#feature01_01 li				{ padding-right:35px; margin-right:10px;
																		  background:url(../img/special/eco-ex/bg/bg_index_01.gif) no-repeat right 50%; }
body#special.product div.section ol.figure#feature01_01 li.lastChild	{ padding-right:0; margin-right:0; }

/* feature01_02
-----------------------------------*/
body#special.product div.section ol.figure#feature01_02					{ padding-left:0; margin-bottom:2em; }
body#special.product div.section ol.figure#feature01_02 li				{ padding-right:30px; margin-right:10px;
																		  background:url(../img/special/eco-ex/bg/bg_index_01.gif) no-repeat right 50%; }
body#special.product div.section ol.figure#feature01_02 li.lastChild	{ padding-right:0; margin-right:0; }

/* feature04 (dtの中身が多くボーダーがつくバージョン)
-----------------------------------*/
body#special.product dl.validationData#feature04_01 dt.longTtl {
	border-right:1px solid #cccccc;
	width : 17em;
}

body#special.product dl.validationData#feature04_01 dd {
	border:none;
}


/* spec (thead)
-----------------------------------*/
body.spec div#wrapper table.generalComplex th#thEcoEx {
	background:url(../img/special/eco-ex/bg/bg_eco-ex_spec_thead.gif) no-repeat 95% 50% #FAFAFA;
	padding-right:35px;
	text-align:left;
}


/* figureList 
-----------------------------------*/
body.spec ul.figure{
	clear:both;
	margin-bottom:3em;
}
/*  clearfix
-----------------------------------*/
/* start clearfix */
body.spec ul.figure:after { content: " "; display: block; visibility: hidden; clear: both; height: 0.1px; font-size: 0px; line-height: 0; }
/* ie6 hack */
* html body.spec ul.figure { height: 1%; }
/* ie7 hack */
*:first-child+html body.spec ul.figure { min-height: 1%;}
/* end clearfix */

body.spec ul.figure li {
	float:left;
}

body.spec ul.figure li.lastChild {
	float:right;
}

body.spec div#footer {
	background-color: #f7f7f7;
}

body.spec div#footer div.inner {
	margin:0;
	padding:20px 0;
	width:auto;
}

body.spec div#footer div.inner p {
	font-weight: bold;
}


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

	14-3. glass

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

/* productSpec (forIndex,2nd)
-----------------------------------*/
body#special.product div.h1Group p.spec_glass {
	position:absolute;
	top:28px;
	left:220px;
}

body#special.product div.mainGra p.spec_glass {
	position:absolute;
	top:28px;
	left:220px;
}



/* spec (thead)
-----------------------------------*/
body.spec div#wrapper table.generalComplex th#thGlass {
	background:url(../img/special/glass/bg/bg_glass_spec_thead.gif) no-repeat 95% 50% #FAFAFA;
	padding-right:35px;
	text-align:left;
}


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

	14-4. index

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


body#special.product div#mainContent ul.linkNav {
	padding-bottom:1.5em;
}

body#special.product div#mainContent ul.linkNav li {
	margin-bottom:1.5em;
}

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

	15. index

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


/* indexGroup (for index) 
-----------------------------------*/

body.product div.indexGroup h1 {
	background:url(../img/special/common/bg/bg_h1group_btm.gif) no-repeat center bottom;
	position:relative;
	margin-bottom:30px;
}

body.product div.indexGroup h1 {
	background:url(../img/special/common/bg/bg_h1group_hd.gif) no-repeat center top;
	padding-top:2px;
	text-align:center;
}

body.product div.indexGroup h2 {
	margin-top:30px;
	margin-bottom:30px;
}

body.product div.indexGroup h3 {
	color: #4f4f4f;
	letter-spacing:-1px;
}

body.product div.indexGroup img.indexh3 {
	vertical-align: baseline;
}

body.product div.indexGroup h4 {
	padding-left:20px;
}

body.product div.indexGroup p {
	padding-left:20px;
	margin-bottom:10px;
}

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

	16.catalog

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

/* catalogtextl
-----------------------------------*/

body.product div.catalogtextl{
	width:250px;
	float: left;
}

body.product div.catalogtextl p {
	height: 60px;
}

/* catalogtextr
-----------------------------------*/

body.product div.catalogtextr{
	width:250px;
	float: right;
}

body.product div.catalogtextr p {
	height: 60px;
}

/* catalogflashl
-----------------------------------*/

body.product div.catalogtextl{
	width:250px;
	float: left;
	
}

/* catalogflashl
-----------------------------------*/

body.product div.catalogflashl{
	width:430px;
	float: left;
}

body.product div.catalogflashl p {
	margin-top:10px;
	padding-left:10px;
	line-height:16px;
}

/* catalogflashr
-----------------------------------*/

body.product div.catalogflashr{
	width:112px;
	float: right;
}

body.product div.catalogflashr img {
	margin-top:15px;
}

/* catalogGroup
-----------------------------------*/

body.product div.catalogGroup img {
	margin-top:5px;
	margin-bottom:10px;
}

body.product div.catalogGroup p {
	padding-left:10px;
	line-height:16px;
}


/* catalog
-----------------------------------*/

body.product div.catalogl {
	width:121px;
	float: left;
	padding-left:20px;
	margin-bottom:20px;
}

body.product div.catalogl img#catalogbook {
	border:1px solid #cccccc;
}

/* catalogr
-----------------------------------*/

body.product div.catalogr {
	width:86px;
	float: right;
	margin-top:118px;
	padding-right:5px;
	margin-bottom:20px;
}

div.catalogtextl {
	clear: both;
}

/* 印刷方法
-----------------------------------*/

body.product div.index-coating {
	background-color:#DFF4A6;
	height:100%;
	overflow:hidden;
	padding:12px 8px;
}

body.product h3.coating-title{
	background:transparent url(../img/common/dot/dot_green.gif) no-repeat scroll left center;
	font-size:14px;
	font-weight:bold;
	margin-bottom:0.5em;
	padding-left:20px;
}

body.product div.index-coating img {
	margin-top:20px;
}