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


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

	* Pages Style Sheet {


		* last update 08.03/05
		* author : hirai;
	
	}
	
	
--------------------------------
		 Contents
	
	1. common
	2. glass.html
	
	
	
--------------------------------- */


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

	 0. index
 
============================================================================================================*/

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

	詳細ページ説明

---------------------------------------------------------------------*/
body.hydrotect div.hydrotectDetail {
	background: url(../img/top/bg/bg_bg_h2ListTOP.gif) no-repeat left top;
	position: relative;
	padding-top: 40px;
	zoom:1;
}

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

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

body.hydrotect div.hydrotectDetail div.inner li {
	background: url(../img/top/icon_qaMark.gif) no-repeat left 10px;
	margin-bottom: 1em;
	padding: 5px 0 0 45px;
	min-height: 60px;
}
/* ie6 hack */
* html body.hydrotect div.hydrotectDetail div.inner li {
	height: 60px;
}

body.hydrotect div.hydrotectDetail div.inner li img.floatR {
	margin: -7px 0 0 10px;
}

body.hydrotect div.hydrotectDetail div.inner p.img {
	position: absolute;
	top: -100px;
	right:10px;
	margin-bottom: 0;
}

body.hydrotect div.hydrotectDetail div.inner li a {
	color: #70A106;
}


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

	詳細ページ説明(光触媒から誕生! TOTOのハイドロテクト)

---------------------------------------------------------------------*/
body.hydrotect div#totohydrotect.hydrotectDetail {
	padding-top: 20px;
}

body.hydrotect div#mainContent div#totohydrotect.hydrotectDetail .hnImg03 {
	margin-top:0;
	text-align: center;
}

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

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

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

body.hydrotect div#mainContent div.h1Group.generalGroup {
	height:55px;
	margin-bottom:20px;
}
/* ie6 hack */
* html body.hydrotect div#mainContent div.h1Group.generalGroup {
	height:80px;
}
/* ie7 hack */
*:first-child+html body.hydrotect div#mainContent div.h1Group.generalGroup {
	height:80px;
}

body.hydrotect div.contentHead {
	height	: 100px;
}

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

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

	質問、疑問のところの設定

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

body.hydrotect div#question {
	background:url(../img/common/bg/bg_questionTop.gif) no-repeat left top;
	position: relative;
	margin: 40px 0;
	padding-top: 10px;
}

body.hydrotect div#mainContent div#question p.img {
	position: absolute;
	top: -18px;
	left:10px;
	margin-bottom: 0;
}

body.hydrotect div#question div.inner {
	background:url(../img/common/bg/bg_questionBottom.gif) no-repeat left bottom;
	padding: 0 30px 10px 120px;
	min-height: 50px;
	zoom:1;
}
/* ie6 hack */
* html body.hydrotect div#question div.inner {
	height: 50px;
}

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

	答えの設定

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

body.hydrotect div#answer {
	background:url(../img/common/bg/bg_answerTop.gif) no-repeat left top;
	position: relative;
	margin: 40px 0 20px;
	padding-top: 20px;
	zoom:1;
}

body.hydrotect div#mainContent div#answer p.img {
	position: absolute;
	top: -13px;
	right:10px;
	margin-bottom: 0;
}

body.hydrotect div#answer div.inner {
	background:url(../img/common/bg/bg_answerBottom.gif) no-repeat left bottom;
	position:relative;
	padding: 0 0 20px 30px; /*IE6で断念*/
	min-height: 100px;
	zoom:1;
}
/* ie6 hack */
* html body.hydrotect div#answer div.inner {
	height: 100px;
}

body.hydrotect div#answer div.inner li {
	padding-right: 130px; /*IE6で断念*/
	margin-bottom: 1em;
}

body.hydrotect div#mainContent p.ans {
	background:url(../img/common/bg/bg_answerArrow.gif) no-repeat center top;
	margin-bottom: 20px;
	padding-top: 70px;
	color: #00561f;
	text-align: center;
	font-size: 133%;
	font-weight: bold;
	line-height:1.7;
	zoom:1;
}

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

	写真の3つ並び

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

ul.appearanceList {
	margin-bottom: 15px;
}

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

ul.appearanceList li {
	float:left;
	margin-right: 7px;
}

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

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

	ハイドロテクト効果

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

body.hydrotect div#mainContent p.choiceAdvantage {
	margin-bottom: 5px;
}

body.hydrotect ol.choiceAdvantage {
	margin-bottom: 15px;
	list-style-position:inside;
	font-weight: bold;
}


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

	商品比較テーブル

---------------------------------------------------------------------*/
body.hydrotect table.generalRow.choiceTable td {
	text-align: center;
}

body.hydrotect table.generalRow.choiceTable td.txtLeft {
	text-align: left;
}

body.hydrotect table.generalRow.choiceTable tr.star td {
	color:#FF9933;
}



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

	tips

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

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

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

body.hydrotect div.section#tips p.textright {
	float:right;
	margin-left:1em;

}


body.hydrotect div.section#tips dl.img {
	margin-left:1em;
	font-size:80%;
	margin:0 0 15px 0;
}

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

body.hydrotect div.section#tips  p.center {
	text-align:center;
}


body.hydrotect div.secGroup_dot {
	padding:15px 15px;
	background:url(../img/aki/dot_line.gif) no-repeat center top ;
	height:700px;

}

body.hydrotect div.section  p.float_left {
	float:left;
	display:block;
}

body.hydrotect span.uwa {
	font-size:50%;
	vertical-align:text-top;
	line-height:100%;
	letter-spacing: -3em;
}
body.hydrotect span.sit {
	font-size:90%;
	vertical-align:text-bottom;
	line-height:100%;
}
body.hydrotect ul.pl_15 {
	display:block;
	float:left;
	width:272px;
}
body.hydrotect ul.pl_15 li {
	margin:0 0 0 15px;
	display:block;
}
/*  ------------------------------------------------------------------

	p02

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

body.hydrotect div.p02_mame {
	width:296px;
	margin:0 auto;
}
body.hydrotect dl.left {
	width:153px;
	float:left;
	display:block;
}
body.hydrotect dl.left dt,
body.hydrotect dl.left dd {
	width:126px;
}

body.hydrotect dl.right {
	width:143px;
	float:left;
	display:block;
}
/*  ------------------------------------------------------------------

	p05,p06,p07

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

body.hydrotect th {
	width:70px;
}
body.hydrotect table {
	width:339px;
	margin:0;
}

body.hydrotect div.section  p.p05 {
	width:205px;
}

body.hydrotect div.section  div.right_box_p05 {
	width:339px;
	float:left;
}

body.hydrotect div.section  div.right_box_p05 p.link{
	padding:0 0 0 15px;
	background: url(../../_common/img/parts/arrow/arrow_03.gif) no-repeat left center;
	margin:0;
}

body.hydrotect table.ttl{
	width:545px;
	margin:0 0 20px 0;
	float:right;
}

body.hydrotect table.ttl th {
	width:40%;
	text-align:center;
}
body.hydrotect .text_right{
	text-align:right;
}

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

	 2. glass.html
 
============================================================================================================*/

body.hydrotect ul.col2.glass {
	margin-bottom: 30px;
	padding: 0 85px;
}
/* start clearfix */
body.hydrotect ul.col2.glass:after { content: " "; display: block; visibility: hidden; clear: both; height: 0.1px; font-size: 0px; line-height: 0; }
/* ie6 hack */
* html body.hydrotect ul.col2.glass { height: 1%; }
/* ie7 hack */
*:first-child+html body.hydrotect ul.col2.glass { min-height: 1%;}
/* end clearfix */

body.hydrotect ul.col2.glass li {
	float: left;
	margin-right: 63px;
	width: 156px;
	line-height: 1.5;
	font-size: 90%;
}

body.hydrotect ul.col2.glass li.lastChild {
	margin-right: 0;
}

body.hydrotect ul.col2.glass li dl dt {
	margin-bottom: 5px;
}


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

	 3. rc.html
 
============================================================================================================*/

body.hydrotect div.coatingMaterial {
	border			: 1px solid #e5e5e5;
	padding			: 1px;
	margin-bottom	: 1em;
}

body.hydrotect div.coatingMaterial dl {
}

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

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

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

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

	 4. cleanup.html
 
============================================================================================================*/

body.hydrotect.cleanup div.qaGroup {
	background: url(../img/common/bg/bg_dlGroupTop.gif) no-repeat left top #d2e7a5;
	padding: 25px 0 0;
}

body.hydrotect.cleanup div.qaGroup dl.qaMain {
	background: url(../img/common/bg/bg_dlGroupBottom_alpha.gif) no-repeat left bottom;
	padding:0 25px 25px;
	margin-bottom: 3em;
}

body.hydrotect.cleanup div.qaGroup dl.qaMain.lastChild {
	background: url(../img/common/bg/bg_dlGroupBottom.gif) no-repeat left bottom;
	padding:0 25px 25px;
	margin-bottom: 3em;
}

body.hydrotect.cleanup div.qaGroup dl.qaMain dt {
	border-bottom: 25px solid #d2e7a5;
	background: url(../img/tech/cleanup/bg_question.gif) no-repeat left top #FFFFFF;
	color:#a74200;
	font-size:100%;
	font-weight:normal;
	margin-bottom:0;
	padding:10px 15px;
	min-height:36px;
}
/* ie6 hack */
* html body.hydrotect.cleanup div.qaGroup dl.qaMain dt {
	height:36px;
}

body.hydrotect.cleanup div.qaGroup dl.qaMain dd {
	background: url(../img/tech/cleanup/bg_answer.gif) no-repeat left top #FFFFFF;
	margin-bottom:0;
	padding:10px 15px;
	color:#00561f;
	min-height:36px;
}
/* ie6 hack */
* html body.hydrotect.cleanup div.qaGroup dl.qaMain dd {
	height:36px;
}

body.hydrotect.cleanup div.qaGroup dl.qaMain dd dl dt {
	border-bottom: none;
	background: none;
	padding:0;
	color:#00561f;
	min-height:auto;
	font-weight: bold;
}

body.hydrotect.cleanup div.qaGroup dl.qaMain dd dl dd {
	border-bottom: none;
	background: none;
	color:#434343;
	margin-bottom:10px;
	padding:0;
	min-height:auto;
}

body.hydrotect.cleanup div#mainContent div.qaGroup .pageTop {
	margin-left: 25px;
	margin-right: 25px;
}


body.hydrotect img.imghyoka{
	margin-left : 11px;	
}