@charset "Shift_JIS";
/*===========================================================================
                                                                 2009/08/20
   hydrotect.css 
   paint/hydrotect/以下へのCSS
  =========================================================================== */

/*--hydrotect/index.html以下共通-------*/


.hy_menu {
	padding : 0 20px 0 19px ;
}

/*--hydrotect/index.html-------*/

.hy_top {
	padding-top : 14px ;
}

.hy_top p span {
	color : #ff0000 ;
}

.hy_top p.cap {
	font-size : 15px ;
	color : #0066cc ;
	padding : 3px 0 7px 0 ;
	font-weight : bold ;
}

.hy_top img {
	padding : 0 1px 0 20px ;
	float : right ;
	width : 179px ;
	_width : 199px;
}

.hy_top img.data {
	padding : 0 1px 0 24px ;
	float : right ;
	width : 234px ;
	_width : 259px ;
}

.hy_title {
	font-size : 17px ;
	color : #0066cc ;
	padding : 10px 0;
	font-weight : bold ;
	text-align : center ;
	line-height : 1.5 ;
}

.hy_toto {
	width : 524px ;
	height : 218px ;
	background : url(../images/hydrotect/hy_toto_bg1.jpg) left top no-repeat ;
}

.hy_toto .caption {
	color : #FFFFFF ;
	text-align : center ;
	font-size : 14px ;
	font-weight : bold ;
	padding : 10px 0 ;
}

.caption2 {
	text-align : center ;
	font-size : 18px ;
	font-weight : bold ;
	padding : 15px 0 10px 0 ;
	border-bottom : 1px dotted #333333 ;
}

.for {
	padding : 10px 0 ;
	text-align : center ;
}

.hy_pack {
	width : 526px ;
	padding : 19px 0 20px 0 ;
	border-bottom : 1px dotted #333333 ;
}

.hy_pack_last {
	width : 526px ;
	padding : 19px 0 20px 0 ;
	border-bottom : 0 ;
}

.hy_pack img.common {
	padding-bottom : 15px ;
}

.hy_pack .green {
	color : #006600 ;
	font-size : 13px ;
	font-weight : bold ;
	text-align : center ;
	padding : 10px 0 ;
/*	letter-spacing : 0.1em ;*/
}

.hy_pack p.small {
	padding-top :10px;
	font-size : 10px ;
}

h3.hydrotect {
	background : url(../images/common/img_7.gif) left -5px no-repeat ;
	font-size : 17px ;
	font-weight : bold ;
	margin : 10px 0 ;
	padding-left : 25px ;
	display : block ;
}

h3.hydrotect span {
	color : #ff0000 ;
	font-size : 11px ;
	padding-left : 15px ;
}

.more {
	padding-top : 17px ;
	position : relative ;
}

.more img {
	margin-bottom : 6px ;
}

.more img.left {
	margin-right : 10px ;
}

.more img.dvd {
	position : absolute ;
	left : 269px ;
	top : 139px ;
	_top : 135px;
}

/* ----- */

*:first-child+html .more img.dvd {
	position : absolute ;
	left : 269px ;
	top : 142px ;
}

/* ----- */

.more_text {
	font-size : 20px ;
	color : #0066cc ;
	margin : 30px 0 0 0;
	padding : 30px 0 0 0 ;
	font-weight : bold ;
	text-align : center ;
	line-height : 1.2 ;
	border-top : 1px dotted #333333 ;
}

/*--hydrotect/guarantee.html-------*/

.guara_toptxt {
	color : #0066cc ;
	font-size : 25px ;
	font-weight : bold ;
	margin : 20px 20px 14px 19px ;
}

.guara_toptxt .green {
	color : #006600 ;
	font-size : 12px ;
	font-weight : bold ;
	padding : 10px 0 ;
}

.guara_main {
	border-top : 1px dotted #333333 ;
	border-bottom : 1px dotted #333333 ;
	padding : 20px 0 10px 0 ;
}

.guara_main ul {
	list-style : none ;
	padding-bottom : 20px ;
	line-height : 1.6 ;
}

.guara_main ul li.title {
	color : #006600 ;
	font-size : 13px ;
	font-weight : bold ;
}

.guara_main ul li .txt {
	padding-left :	 5px ;
	float : right ;
	width : 480px ;
	_width 485px;
}

/*--hydrotect/about.html-------*/

.about_main {
	border-top : 1px dotted #333333 ;
	border-bottom : 1px dotted #333333 ;
	padding : 0 0 5px 0 ;
}

.about_main ul {
	list-style : none ;
	padding-bottom : 20px ;
}

.about_main ul li.title {
	color : #006600 ;
	font-size : 13px ;
	font-weight : bold ;
	padding-top :15px ;
}

.about_text {
	font-size : 14px ;
	color : #0066cc ;
	padding : 0 0 20px 19px;
	font-weight : bold ;
}

.about_merit {
	width : 526px ;
	height : 262px ;
	background : url(../images/hydrotect/hy_about_bg1.gif) left top no-repeat ;
	margin : 20px 0 0 0 ;
}

.about_demerit {
	width : 526px ;
	height : 220px ;
	background : url(../images/hydrotect/hy_about_bg2.gif) left top no-repeat ;
	margin : 20px 0 25px 0 ;
	padding : 0 0 0 105px;
	_width: 526px;
}

ul.merit {
	list-style : none ;
	padding : 20px 0 0 20px ;
	line-height : 1.5;
}

ul.merit li.title_top {
	color : #006600 ;
	font-size : 13px ;
	font-weight : bold ;
}

ul.merit li.title {
	color : #006600 ;
	font-size : 13px ;
	font-weight : bold ;
	padding-top :15px ;
}

ul.merit li.txt {
	padding-left :8px ;
}

table.hikaku {
	width : 523px ;
	border : 1px solid #696969;
	text-align : center ;
	font-size:13px;
}

table.hikaku td.item {
	width : 105px ;
	border : 1px solid #696969;
	padding : 12px 0 ;
	background: #dbffa2 ;
}

table.hikaku td.hikari {
	width : 208px ;
	border : 1px solid #696969;
	padding : 12px 0 ;
}

table.hikaku td.common {
	width : 208px ;
	border : 1px solid #696969;
	padding : 12px 0 ;
	background : #efefef ;
}

/*--hydrotect/official.html-------*/

.of_read {
	color : #009900 ;
	font-weight : bold ;
	font-size : 14px ;
	padding : 21px 0 ;
}

/*--hydrotect/flowchart.html-------*/

#flow {
	width : 565px ;
	height : 710px ;
	background :url(../images/hydrotect/hy_flow_bg.gif) left 27px no-repeat;
	padding : 27px 0 17px 0 ;
	position : relative ;
}

#flow p.title {
	display : block ;
	width : 152px ;
/*	height : 35px ;*/
	padding : 10px 0 11px 0;
	font-size : 14px ;
	text-align : center ;
	color : #ff6600 ;
	font-weight : bold ;
	position : absolute ;
}

#flow p.text {
	display : block ;
	width : 133px ;
/*	padding : 13px 14px 0 9px ;*/
	padding : 7px 10px 0 9px ;
	font-size : 11px ;
	position : absolute ;
	_width : 152px;
}

/*--hydrotect/faq.html-------*/

#hy_f {
	width : 399px ;
	height : 220px ;
	background :url(../images/hydrotect/hy_faq_bg1.gif) left top no-repeat;
	padding : 15px 0 15px 125px ;
	_width : 524px;
}

#hy_f p {
	font-size : 14px ;
	line-height : 1.4 ;
	background :url(../images/hydrotect/hy_faq_img4.gif) left top no-repeat;
	padding-left : 20px ;
}

.hy_f {
	width : 525px ;
	height : 34px ;
	background :url(../images/hydrotect/hy_faq_bg2.gif) left top no-repeat;
}

.hy_f p {
	font-size : 13px ;
	font-weight : bold ;
	padding : 10px 0 10px 40px ;
	display : block ;
	position : relative;
}

.hy_f p span {
	display : block ;
	position : absolute ;
	left : 442px ;
	top : 10px ;
	font-size : 12px ;
	_left : 400px;
}

/* ----- */

*:first-child+html .hy_f p span {
	display : block ;
	position : absolute ;
	left : 442px ;
	top : 12px ;
	font-size : 12px ;
	padding-top : 2px ;
}

/* ----- */


.hy_content {
	width : 442px ;
	border-top : 0 ;
	border-right : 1px solid #d0d0d0 ;
	border-bottom : 0 ;
	border-left : 1px solid #d0d0d0 ;
	background :url(../images/hydrotect/hy_faq_img2.gif) 37px 11px no-repeat;
	padding : 20px 19px 18px 62px ;
	_width: 523px;
}

.fqa_foot {
	width : 525px ;
	height : 5px ;
	background :url(../images/hydrotect/hy_faq_img3.gif) left top no-repeat;
}

