@charset "utf-8";
/* CSS Document */


/* PF03a  *******************************************************/
/* /purifier/lineup_n/index.html */

#pf03a #Lineup01{
 margin-bottom:20px;
}

#pf03a #Lineup01 li{
 float:left;
}

#pf03a #Lineup01 li.odd{
 margin-right:8px;
}

#pf03a #PageBottomLink{
 margin-bottom:40px;
}

#pf03a #smalltext{
 position:absolute;
 top:55px; 
 left:550px;
 font-size: 13px;
}

#pf03a #botton{
 position:absolute;
 top:0; 
 left:890px;
}



/* PF03b  *******************************************************/
/* /purifier/lineup_n/comparison.html */
#pf03b #compari{
 margin-bottom:15px;
}

#pf03b .Style01 th{
 width:85px;
 border-right:none;
 padding: 10px 5px;
}

#pf03b .Style01 td.ico{
 width: 20px;
 padding:0 5px 0 0;
 border-left:none;
 background-color:#e7e9ec;
}

#pf03b .Style01 .Ph{
 width: 70px;
 padding:0;
 border-right:#ccc 1px solid;
 background-color:#fff;
}

#pf03b .tips{
 cursor:pointer;
}


/* PF03c  *******************************************************/
/* /purifier/lineup_n/製品詳細ページ */

/*節湯型機器について*/
#Saving{
 width:560px;
}

#Saving p{
 margin-bottom:10px;
 line-height:1.2;
}


#pf03c .PageTitle{
 margin-bottom:20px;
}

#pf03c #Main{
 background:none;
}

/*p1導入部*/
#pf03c #Intro{
 position:relative;
 min-height:220px;
 margin-top:-20px;
 padding-bottom:20px;
}

#pf03c.eco #Intro{
 min-height:240px;
}

#pf03c .PdName{
 min-height:80px;
/* padding-top:20px;
 padding-left:20px;*/
 background:url(../../purifier/lineup_n/img/pf03c_intro_bg.gif) left bottom repeat-x;
}

#pf03c #Intro .Photo{
 position:absolute;
 right:0;
 bottom:0;
 z-index:1;
}

#pf03c.eco #Intro .Photo{
 right:5px;
}

#pf03c.goos #Intro .Photo{
 right:30px;
}

#pf03c.exc #Intro .Photo{
 right:80px;
}

#pf03c.stand #Intro .Photo{
 right:10px;
 top:20px;
 bottom:auto;
}

#pf03c.mini #Intro .Photo{
 right:0;
 top:30px;
 bottom:auto;
}

#pf03c #Intro .Lead{
 width:530px;
 padding-left:20px;
}

#pf03c.mini #Intro .Lead{
 width:400px;
 margin-bottom:1em;
 padding-left:20px;
 position:relative;
 z-index:10;
}

#pf03c #Intro .Data{
/* position:absolute;*/
 left:0;
 bottom:20px;
 padding-left:20px;
 color:#666;
 font-size:90%;
 line-height:1.2;
}

#pf03c #Intro .Saving{
 position:absolute;
 z-index:5;
 left:35em;
 bottom:20px;
}

#pf03c #Intro .Saving2{
 position:absolute;
 z-index:5;
 left:32em;
 bottom:20px;
}

#pf03c #Intro .Saving3{
 position:absolute;
 z-index:5;
 left:37em;
 bottom:20px;
}

/*本文領域*/
#pf03c #Article{
 width:693px;
 padding:0 27px 5px 28px;
 background-color:#fff;
}

/*大見出し*/
#pf03c #Article h2{
	margin:0 0 20px -28px;
}

/*ページナビ*/
#pf03c .PageNavi li{
 display:inline;
 margin-right:1px;
}

/*製品紹介記事内枠*/
#pf03c .PdInfoArea{
 margin:10px 0 20px 0;
 padding:29px 29px 5px 29px;
 border:#ccc 1px solid;
}

#pf03c .PdInfoArea #Yasashii p img {
 text-align: center;
}

/*ページ下部リンク*/
#PageBottomLink2{
 margin-top:15px;
 padding-top:8px;
 border-top:#ccc 1px solid;
}

#PageBottomLink2 li{
 margin-right:20px;
 padding-left:5px;
 border-left: dotted 1px #1D64AB;
 line-height:1.2;
}

#PageBottomLink2 li.fr{
 margin-right:0;
}

#PageBottomLink2 li a{
 padding-top:2px;
 padding-left:15px;
 background: url(../img/icon_link_arrow.gif) no-repeat left 0;
}


/*1ページ目フォーマット*/
#pf03c .PdInfoArea .Box{
 width:298px;
 margin-bottom:20px;
}

#pf03c .PdInfoArea .Box2{
 margin-bottom:20px;
}

#pf03c .PdInfoArea h3{
 margin-bottom:20px;
 padding-left:10px;
}

.eco .PdInfoArea h3{
 background:url(../../purifier/lineup_n/eco/img/eco_dotline.gif) left top repeat-y;
}

.ecok .PdInfoArea h3{
 background:url(../../purifier/lineup_n/ecok/img/eco_dotline.gif) left top repeat-y;
}

.conv .PdInfoArea h3{
 background:url(../../purifier/lineup_n/convergence/img/conv_dotline.gif) left top repeat-y;
}

.goos .PdInfoArea h3{
 background:url(../../purifier/lineup_n/goose/img/goos_dotline.gif) left top repeat-y;
}

.exc .PdInfoArea h3{
 background:url(../../purifier/lineup_n/exceed/img/exc_dotline.gif) left top repeat-y;
}

.stand .PdInfoArea h3{
 background:url(../../purifier/lineup_n/standard_w/img/stand_dotline.gif) left top repeat-y;
}

.mini .PdInfoArea h3{
 background:url(../../purifier/lineup_n/mini/img/mini_dotline.gif) left top repeat-y;
}

.clore .PdInfoArea h3{
 background:url(../../purifier/lineup_n/clore/img/clore_dotline.gif) left top repeat-y;
}

#pf03c .PdInfoArea .Ph{
 margin-bottom:15px;
}

#pf03c .PdInfoArea .Patent{
 margin-top:-45px;
 margin-bottom:16px;
 text-align:right;
}


/*2ページ目フォーマット*/
#pf03c #PageHeader{
 margin-top:-20px;
 margin-bottom:20px;
}

#pf03c .PdName{
 padding:0 0 2px 0;
}

#pf03c #PageHeader h1,
#pf03c #Intro h1 {
 height:78px;
 padding:20px 0 0 20px;
}

.eco #PageHeader h1{
background:url(../../purifier/lineup_n/eco/img/eco_phead_ph.gif) right bottom no-repeat;
}

/*.ecok h1{
background:url(../../purifier/lineup_n/ecok/img/eco_phead_ph.gif) right bottom no-repeat;
}*/

.conv #PageHeader h1{
background:url(../../purifier/lineup_n/convergence/img/conv_phead_ph.gif) right bottom no-repeat;
}

.goos #PageHeader h1{
background:url(../../purifier/lineup_n/goose/img/goos_phead_ph.gif) right bottom no-repeat;
}

.exc #PageHeader h1{
background:url(../../purifier/lineup_n/exceed/img/exc_phead_ph.gif) right bottom no-repeat;
}

.stand #PageHeader h1{
background:url(../../purifier/lineup_n/standard_w/img/stand_phead_ph.gif) right bottom no-repeat;
}

.mini #PageHeader h1{
background:url(../../purifier/lineup_n/mini/img/mini_phead_ph.gif) right bottom no-repeat;
}

.clore #PageHeader h1{
	position:relative;
}
.clore #PageHeader h1 img{
	position:absolute;
	left:18px;
	top:8px;
}
.clore #PageHeader .ctlg_btn{
	float:right;
	margin-right:25px;
	margin-top:-5px;
}

#pf03c #About{
 margin-right:-29px;
 background:url(../../purifier/lineup_n/img/pf03c_p2_bg01.jpg) right bottom no-repeat;
}
.clore#pf03c #About{
 background:url(../../purifier/lineup_n/img/clore_pf03c_p2_bg01.jpg) right bottom no-repeat;
}
#pf03c .PdInfoArea h4{
 margin:20px 0 10px 0;
}

#pf03c #About .Txt01{
 margin-left:10px;
}


#pf03c #About .Txt02{
 width:350px;
 margin-left:10px;
}

#pf03c #About .Member{
 width:350px;
 margin:-20px 0 15px 0;
 text-align:right;
}

#pf03c a.Arrow{
 padding-left:15px;
 background:url(../img/icon_link_arrow.gif) left top no-repeat;
}

#pf03c .Cartridge th{
 padding:5px 10px;
	width:5em;
}

#pf03c .Cartridge th.Price{
 padding:5px 10px;
 width:3em;
}

#pf03c .Cartridge td{
 padding:5px 10px;
}

#pf03c .Cartridge td.Photo{
 padding:0;
}

#pf03c .Cartridge caption{
 padding:10px 20px;
 border:#ccc 1px solid;
 border-bottom:none;
}

#pf03c #Dishwasher .Left{
 width:320px;
 float:left;
}

#pf03c #Dishwasher .Right{
 width:288px;
 float:right;
}

#pf03c #Dishwasher .Txt01{
 margin-bottom:10px;
}

.eco .ColorBulet,
.eck .ColorBulet{color:#b8d200;}
.conv .ColorBulet{color:#6b2e99;}
.goos .ColorBulet{color:#684e47;}
.exc .ColorBulet{color:#a92d27;}
.stand .ColorBulet{color:#3d62ad;}
.mini .ColorBulet{color:#004ea2;}
.clore .ColorBulet{color:#0bccff;}

#pf03c  .cartridge_n{
 margin-bottom:15px;
 margin-left:-10px;
}

/*みず工房エコ2P目********************************************/
/*/purifire/linup_n/eco/gentle.html*/
.eco #Yasashii .fl{
 margin-left:-5px;
}

.eco #Yasashii .fr{
 margin-right:-5px;
}

/*みず工房エコ4P目********************************************/
/*/purifire/linup_n/eco/series.html*/
.eco #series h3 {
	margin-bottom: 25px;
}

.eco #series h3 img{
	padding: 10px 0;
}

.eco #series h4{
	border-bottom: #b7d100 solid 3px;
	margin: 0 0 12px 0;
	padding-bottom: 3px;
}

.eco #series .jaguchi{
	float: left;
	padding: 0 20px 0 0;
}

.eco #series dl{
	width: 171px;
	float: left;
/*	margin-right: 10px;*/
}

.eco #series dt{
	line-height: 0;
	margin-bottom: 4px;
}

.eco #series dd{
	line-height: 1.5;
}

.eco #series .mb40  {
	position: relative;
	margin-bottom: 40px;
}

.eco #series p.new  {
	position: absolute;
	top:25px;
	left:0px;
}

.eco #kantan {
	position: relative;
	padding: 20px 0;
}

.eco #kantan h3 {
	margin-bottom: 20px;
}

.eco #kantan .new01  {
	position: absolute;
	top:90px;
	right: 170px;
}






/*みず工房エコ(壁出し)2P目********************************************/
/*/purifire/linup_n/eco/gentle.html*/
.ecok #Yasashii .fl{
 margin-left:-5px;
}

.ecok #Yasashii .fr{
 margin-right:-5px;
}

/*みず工房エコ(壁出し)4P目********************************************/
/*/purifire/linup_n/eco/series.html*/
.ecok #series h3 {
	margin-bottom: 25px;
}

.ecok #series h3 img{
	padding: 10px 0;
}

.ecok #series h4{
	border-bottom: #b7d100 solid 3px;
	margin: 0 0 12px 0;
	padding-bottom: 3px;
}

.ecok #series .jaguchi{
	float: left;
	padding: 0 20px 0 8px;
}

.ecok #series dl{
	width: 171px;
	float: left;
	margin-right: 10px;
}

.ecok #series dt{
	line-height: 0;
	margin-bottom: 4px;
}

.ecok #series dd{
	line-height: 1.5;
}

.ecok #series .mb40  {
	position: relative;
	margin-bottom: 40px;
}

.ecok #series p.new  {
	position: absolute;
	top:25px;
	left:0px;
}

.ecok #kantan {
	position: relative;
	padding: 20px 0;
}

.ecok #kantan h3 {
	margin-bottom: 20px;
}

.ecok #kantan .new01  {
	position: absolute;
	top:90px;
	right: 170px;
}



/*みず工房mini********************************************/
/*/purifire/linup_n/mini/*/

.mini .PdInfoArea{
 position:relative;
}

.mini .PdInfoArea .Left{
 width:275px;
 float:left;
}

.mini .PdInfoArea .Right{
 width:354px;
 float:right;
 padding-top:6em;
}

.mini .PdInfoArea .Txt{
 margin-top:-10px;
 margin-bottom:17px;
 line-height:1.4;
}

.mini .PdInfoArea .Txt.mini02{
 position:absolute;
 left:305px;
 top:40px;
 z-index:5;
 width:354px;
}

/*2P目*/
/*/purifire/linup_n/mini/cartridge.html*/
#pf03c #AboutMini{
 margin-right:-29px;
 background:url(../../purifier/lineup_n/img/pf03c_p2_bg02.jpg) right bottom no-repeat;
}

.mini #AboutMini .Txt01{
 margin-left:10px;
 margin-bottom:20px;
}

.mini #AboutMini .Txt02{
 width:350px;
 margin-left:10px;
}

/*3P目*/
/*/purifire/linup_n/mini/set.html*/
.mini #Toritsuke{
 margin:30px 0;
}

.mini #Toritsuke li{
 display:inline;
 margin-right:-5px;
}

.mini #Attention{
 margin-top:20px;
 margin-bottom:10px;
}

.mini #Attention h5{
 margin-bottom:5px;
 border:#004ea2 2px solid;
}

.mini #Attention li{
 float:left;
 border-right:#004ea2 2px solid;
}

.mini #Attention li.Last{
 border-right:none;
}

.mini #Contact{
 margin-bottom:20px;
 padding:5px 10px;
 background-color:#3378bf;
}

/*4P目*/
/*/purifire/linup_n/mini/buy.html*/
.mini .Flow #Contact{
 margin:20px 0 5px 0;
}

.mini .Flow .Txt01{
 padding-left:10px;
}

.mini .Flow .fr{
 margin-left:10px;
}

.mini .Flow .Red{
 color:#990000;
}

.mini #Payment .st{
 width:637px;
 height:14px;
 background:url(../../purifier/lineup_n/mini/img/mini_p4_pay_st.gif) left bottom no-repeat;
}

.mini #Payment .ed{
 width:637px;
 height:14px;
 background:url(../../purifier/lineup_n/mini/img/mini_p4_pay_ed.gif) left top no-repeat;
}

.mini #Payment .bd{
 width:597px;
 padding:5px 20px;
 background:url(../../purifier/lineup_n/mini/img/mini_p4_pay_bd.gif) left top repeat-y;
}

.mini #Payment h4{
 margin-top:0;
}

.mini #Payment .Card{
 margin-left:2em;
}

/*モーダル*/
#Set{
 width:560px;
}

#Set_c{
 width:700px;
}

#Set .m-Cont{
 padding:0;
}

#Set .m-Set{
 padding:20px;
 border-bottom:#284592 3px solid;
}

#Set .m-Print{
 padding:5px 20px 15px 20px;
}
#Set_c .cstmrNmbr {
    border: solid 4px #F00;
    padding: 10px;
    margin-bottom: 10px;
	position:relative;
	font-weight: bold;
	font-size: 15px;
}
/*#Set_c .cstmrNmbr:before {
	content:''; 
	height:0; 
	width:0; 
	display:block; 
	border: 23px transparent solid; 
	border-right-width:0; 
	border-left-color: #FF0000; 
	position:absolute; 
	top: 58px; 
	left: 391px;
	transform:rotate(-270deg);
	-webkit-transform:rotate(-270deg);
	-moz-transform:rotate(-270deg);
	-o-transform:rotate(-270deg);
	-ms-transform:rotate(-270deg);
}*/
#Set_c .m-Cont img {
	border: solid 1px #E5E5E5;
}

/* PF03c_n  *******************************************************/
/* /purifier/lineup_n/notice.html */

.notice #NoticeList{
 margin-bottom:30px;
}

.notice #NoticeList li{
 margin-left:1.2em;
 text-indent:-1.2em;
}

.notice #NoticeList_b{
 margin-bottom:60px;
}

.notice #NoticeList_b li{
 margin-left:1.2em;
 text-indent:-1.2em;
}

.notice .ColorBulet{
 color:#284592;
}

.notice #PageBottomLink{
 margin-bottom:10px;
}

#NoticeList h3{
font-weight:bold;
}


/* PF03b  *******************************************************/
/* /purifier/lineup_n/comparison.html */
/*一列追加用120222*/
#pf03b #compari{
 font-size: 80%;
}

#pf03b .Style01 .Ph a{
 display: block;
 min-height: 40px;
 height: auto !important;
 height: 40px;
 margin-top: 7px;
}

#pf03b .Style01 .line_g{
 border-top:#9C0 7px solid;
 overflow: hidden;
 margin: 2px 2px 0;
}

#pf03b .Style01 .line_p{
 border-top:#639 7px solid;
 overflow: hidden;
 margin: 2px 2px 0;
}

#pf03b .Style01 .line_b{
 border-top:#633 7px solid;
 overflow: hidden;
 margin: 2px 2px 0;
}

#pf03b .Style01 .line_blue{
 border-top:#3cf 7px solid;
 overflow: hidden;
 margin: 2px 2px 0;
}

#pf03b .Style01 .wider{
 width: 90px;
}




/*  *******************************************************/
/* /purifier/lineup_n/mini/function.html
/*一時的欠品追加130123*/
.stockout {
	font-size: 81%;
	color: #F00;
	line-height: 1.3;
	padding-top: 10px\9;
}