@charset "utf-8";
.SP{display:none;}

body{
	background: #e3f4ff;
	min-width: 880px;}
/*--------------------------------------------------------------
HEAD
--------------------------------------------------------------*/
header{
	background-color:#fff;
	border-bottom: 1px solid #dedede;
	margin-bottom:20px;}
	header div{
		width:880px;
		margin:0 auto;
		padding:12px 0 13px 0;}

/*--------------------------------------------------------------
MAIN
--------------------------------------------------------------*/
#Main{
	width:880px;
	margin:0 auto;
}
	#Main h1{
 background: url(../images/main_img.jpg) no-repeat;
 text-indent:-9999px;
 width:880px;
 height:270px;
}

/*--------------------------------------------------------------
contents
--------------------------------------------------------------*/
.FL {float:left;}
.FR {float:right;}
.mB40 {margin-bottom: 40px;}
.SP { display: none;}

article{
 width:800px;
 background-color:#fff;
 margin:0 auto;
 padding:40px;
}

 section p{
 font-size:1.6em;
 line-height:150%;
}

section.Content0>p,
.Content1 .Case .Case1>p,
.Content1 .Case .Case2>p,
.Content1 .Case .Case3>p { margin-bottom: 20px;}

/*--------------------------------------------------------------
Content0
--------------------------------------------------------------*/
section.Content0 div.guidance{
 margin-bottom: 20px;

}

.guidance p.guidance_1 {
 background: url(../images/guidance_img.gif) no-repeat center;
 text-indent: -9999px;
 width:800px;
 height:393px;
}

/*section.Content0 div.guidance{
 background: url(../images/background.gif) repeat center;
 border: 3px solid #c0e6ff;
 box-sizing: border-box;
 margin-bottom: 20px;
 padding: 30px 110px;
 width:800px;
 height:392px;
}

.guidance p.guidance_1,
.guidance p.guidance_2,
.guidance p.guidance_3{
 text-indent: -9999px;
 text-align: center;
}

.guidance p.guidance_1 {
 background: url(../images/content0_txt1.gif) no-repeat center;
 height: 67px;
 margin-bottom: 10px;
}
.guidance p.guidance_2 {
 background: url(../images/content0_txt2.gif) no-repeat center #f5fbff;
 height: 117px;
 padding: 20px 100px;
 margin-bottom: 20px;
}
.guidance p.guidance_3 {
 background: url(../images/content0_txt3.gif) no-repeat center;
 height: 79px;
}*/

.blue_arrow {
 display: block;
 margin: 0 auto 20px auto;
}

/*--------------------------------------------------------------
Content1
--------------------------------------------------------------*/
section.Content1 h2 {
 background: url(../images/content1_tit.gif) no-repeat;
 text-indent: -9999px;
 height: 60px;
 margin-bottom: 20px;
}

section.Content1 .Case {
 background-color: #f6fbff;
 border: 3px solid #c0e6ff;
 padding: 27px 19px 0 19px;
 margin-bottom: 50px;
}


/*--------------------------------------------------------------
Case
--------------------------------------------------------------*/

.Content1 .Case .Case1 h3,
.Content1 .Case .Case1 h4,
.Content1 .Case .Case1 .caseA p,
.Content1 .Case .Case2 h3,
.Content1 .Case .Case2 h4,
.Content1 .Case .Case3 h3,
.Content1 .Case .Case3 h4 { text-indent: -9999px;}

.Content1 .Case .Case1 .txt_right_box .comment_1,
.Content1 .Case .Case1 .txt_left_box .comment_2,
.Content1 .Case .Case2 .txt_right_box .comment_1,
.Content1 .Case .Case3 .txt_right_box .comment_1,
.Content1 .Case .Case3 .txt_left_box .comment_2 { width: 358px;}

.Content1 .Case .txt_right_box {
 border-top: 1px solid #ccc;
 padding-top: 20px;
 margin-bottom: 20px;
}

.Content1 .Case .txt_left_box {
 border-top: 1px solid #ccc;
 padding-top: 20px;
 margin-bottom: 30px;
}

.Content1 .Case .Case1,
.Content1 .Case .Case2 { margin-bottom: 60px;}


/*--------------------------------------------------------------
Case1
--------------------------------------------------------------*/

.Content1 .Case .Case1 h3 {
 background: url(../images/case1_tit.gif) no-repeat;
 height: 43px;
 margin-bottom: 30px;
}

.Content1 .Case .Case1 .comment_1 h4 {
 background: url(../images/case1_tit1.gif) no-repeat;
 height: 47px;
 margin-bottom: 20px;
}
.Content1 .Case .Case1 .comment_2 h4 {
 background: url(../images/case2_tit1.gif) no-repeat;
 height:47px;
 margin-bottom: 20px;
}

.Content1 .Case .Case1 .attention_1 {
 background: url(../images/case1_sub_tit1.gif) no-repeat;
 height: 36px;
 margin-bottom: 30px;
}

/*水切れタイプ図
--------------------------------------------------------------*/

.Content1 .Case .Case1 .attention_2 {
 background: url(../images/case1_stit.gif) no-repeat;
 height: 36px;
}

.Content1 .Case .Case1 .caseA {
 border: 3px solid #0182f0;
 border-top: none;
 background-color: #fff;
 padding: 5px 10px 20px 10px;
}

.Content1 .Case .Case1 .caseA .their_test {
 background: url(../images/case1_stit_test.gif) no-repeat right;
 height: 12px;
 margin-bottom: 10px;
}

.Content1 .Case .Case1 .caseA ul { margin-bottom: 20px;}

.Content1 .Case .Case1 .caseA ul li { float: left;}

.Content1 .Case .Case1 .caseA ul li.red_arrow { margin: 80px 3px 0 4px;}

.Content1 .Case .Case1 .caseA p {
 background: url(../images/case1_stit_txt_1.gif) no-repeat center;
 height: 55px;
}


/*--------------------------------------------------------------
Case2
--------------------------------------------------------------*/

.Content1 .Case .Case2 h3 {
 background: url(../images/case2_tit.gif) no-repeat;
 height:43px;
 margin-bottom: 30px;
}

.Content1 .Case .Case2 .attention_3{
 background: url(../images/case2_sub_tit1.gif) no-repeat;
 height: 36px;
 margin-bottom: 20px;
}


.Content1 .Case .Case2 .txt_right_box .comment_1 h4 {
 background: url(../images/case2_tit2.gif) no-repeat;
 height: 48px;
 margin-bottom: 20px;
}

.Content1 .Case .Case2 ul li.FC {
 float: left;
 margin: 100px 10px 0 10px;
}

/*--------------------------------------------------------------
Case3
--------------------------------------------------------------*/

.Content1 .Case .Case3 h3 {
 background: url(../images/case3_tit.gif) no-repeat;
 height: 43px;
 margin-bottom: 30px;

}

.Content1 .Case .Case3 .txt_right_box .comment_1 h4 {
 background:url(../images/case3_tit1.gif) no-repeat;
 height: 48px;
 margin-bottom: 20px;
}

.Content1 .Case .Case3 .txt_left_box .comment_2 h4 {
 background:url(../images/case3_tit2.gif) no-repeat;
 height: 48px;
 margin-bottom: 20px;
}


/*--------------------------------------------------------------
OTHER
--------------------------------------------------------------*/
section.Result{ margin-bottom:50px;}

section.Result .List p {
 background: url(../images/matome_img.jpg) no-repeat;
 text-indent: -9999px;
 height: 279px;
 width: 800px;
}
section.Result p br{ display: none;}

/*--------------------------------------------------------------
Product
--------------------------------------------------------------*/

section.Product{ margin-bottom:20px;}

 section.Product h2{
 background: url(../images/hydro_tit.gif) no-repeat;
 text-indent:-9999px;
 width:800px;
 height:43px;
}

 section.Product .ProductArea{
 border-left: 3px solid #201fa7;
 border-right: 3px solid #201fa7;
 border-bottom: 3px solid #201fa7;
 background-color:#fff;
 padding:30px 20px 30px 20px;
}



section.Product .ProductArea p {
 background: url(../images/hydro_stit.gif) no-repeat;
 text-indent: -9999px;
 height: 125px;
 margin-bottom: 10px;
}

section.Product .ProductArea h3 {
 background: url(../images/glaco.gif) no-repeat;
 text-indent: -9999px;
 height: 23px;
}

section.Product .ProductArea .product_copy { width: 382px;}

section.Product .ProductArea .round_img { margin-bottom: 10px;}

section.Product .ProductArea ul {
 background: url(../images/hydro_txt_2.gif) no-repeat;
 clear: both;
 text-indent: -9999px;
 width: 568px;
 height: 178px;
 margin-bottom: 20px;
}

section.Product .ProductArea .Corporate{
 text-indent:-9999px;
 width:152px;
 height:33px;
 background: url(../images/hydro_soft99.gif) 0 0 no-repeat;
 margin-top:15px;
 margin-left: 140px;
}
	section.Product .ProductArea .Link{}
	
/*--------------------------------------------------------------
FOOTER
--------------------------------------------------------------*/
footer{
	width:800px;
	background: url(../images/footer/bg_footer.jpg) 0 0 repeat-x;
	margin:0 auto;
	padding:18px 40px 16px 40px;}

	footer p.site{
		float: left;
		font-size:1.2em;}
		footer p.site span{
			background: url("../images/footer/arr_footer.gif") left 4px no-repeat;
			padding-left: 10px;
			padding-right: 9px;}
		footer p.site a:link{text-decoration:none; color:#fff;}
		footer p.site a:visited  {text-decoration:none; color:#fff;}
		footer p.site a:hover    {text-decoration:underline; color:#fff;}
		footer p.site a:active   {text-decoration:underline; color:#fff;}

footer address{
    float: right;
	font-size:1.2em;
	color: #fff;}


	img.pc-width{
width:358px;
}