/* CSS Document/* 

/*
sunrefre_common.css 090224
上書き防止の為、s_○○○ と頭に s_ を追加する事
/* 

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

/*　▼無料フレキ管（測り方）ページ（一部共通あり）　http://www.sunrefre.jp/wc/washlet/pipe/　*/

.s_left{
 float:left;
}

.s_right{
 float:right;
}

.s_clear{
 clear:both;
}

.s_t_left{
 text-align:left;
}

.s_t_right{
 text-align:right;
}

.s_t_center{
 text-align:center;
}

.s_content_wrapper{
 width:510px;
	margin:5px auto 30px;
}

:root .s_content_wrapper{
	margin-top:20px;
	margin-bottom:30px;
}


/*
#content_frame:after { content: " "; clear: both; height: 0; display: block; visibility: hidden;}
*/

#s_pipe img{
border:none
}

#content_frame img{
border:none
}

.s_red{
 color:#FF0000;
}

.s_blue{
 color:#0000FF;
}



.s_line{
	border-left:2px solid #ffb98a;
 border-right:2px solid #ffb98a;
	border-top:none;
	border-bottom:0px;
	padding:5px 8px;
	width:506px;
}

.s_ul_01{
 list-style-type:disc;
	padding:5px 10px 10px 40px;
	width:490px;
}

:root s_ul_01{
 list-style-position:outside;
	width:95%;
}

#xsnazzy { background:transparent; margin:0.5em auto 0.5em; padding:0; }
#xsnazzy .h, #xsnazzy p { margin:0; padding:5px 10px; }
#xsnazzy .xtop, #xsnazzy .xbottom {display:block; background:transparent; font-size:1px; }
#xsnazzy b { display:block; overflow:hidden; }
#xsnazzy .xb1, #xsnazzy .xb2, #xsnazzy .xb3 {height:1px; }
#xsnazzy .xb2, #xsnazzy .xb3, #xsnazzy .xb4 {background:#fff; border-left:1px solid #ffb98a; border-right:1px solid #ffb98a; }
#xsnazzy .xb1 { margin:0 5px; background:#ffb98a; }
#xsnazzy .xb2 { margin:0 3px; border-width:0 2px; }
#xsnazzy .xb3 { margin:0 2px; }
#xsnazzy .xb4 { height:2px; margin:0 1px; }
#xsnazzy .xboxcontent { display:block; background:#fff; border:0 solid #ffb98a; border-width:0 1px; }

:root .ff_mt_30px{
 margin:30px 0 0;
}



/*　▼分岐金具例ページ　http://www.sunrefre.jp/wc/washlet/pipe/example_01.html　*/

h3 {
 background-image:url(../wc/washlet/pipe/images/example/title_green.gif);
 background-repeat:no-repeat; height:32px; width:560px; color:#ffffff;
	font-size:20px;
	padding:5px 0 0 15px;
}

:root h3 {
 padding:4px 0 0 15px;
}


#xsnazzy_01 { background:transparent; margin:0em auto 1em; padding:0; }
#xsnazzy_01 .h, #xsnazzy_01 dl { margin:0; padding:5px 10px; }
#xsnazzy_01 .xtop, #xsnazzy_01 .xbottom {display:block; background:transparent; font-size:1px; }
#xsnazzy_01 b { display:block; overflow:hidden; }
#xsnazzy_01 .xb1, #xsnazzy_01 .xb2, #xsnazzy_01 .xb3 {height:1px; }
#xsnazzy_01 .xb2, #xsnazzy_01 .xb3, #xsnazzy_01 .xb4 {background:#ffff99; border-left:1px solid #ffb98a; border-right:1px solid #ffb98a; }
#xsnazzy_01 .xb1 { margin:0 5px; background:#ffb98a; }
#xsnazzy_01 .xb2 { margin:0 3px; border-width:0 2px; }
#xsnazzy_01 .xb3 { margin:0 2px; }
#xsnazzy_01 .xb4 { height:2px; margin:0 1px; }
#xsnazzy_01 .xboxcontent { display:block; background:#ffff99; border:0 solid #ffb98a; border-width:0 1px; }

.dt_n01{
 background-image:url(../wc/washlet/pipe/images/example/no_01.gif);
	height:33px; width:33px;
	background-repeat:no-repeat;
	float:left;
}

.dt_n02{
 background-image:url(../wc/washlet/pipe/images/example/no_02.gif);
	height:33px; width:33px;
	background-repeat:no-repeat;
	float:left;
}

.dt_n03{
 background-image:url(../wc/washlet/pipe/images/example/no_03.gif);
	height:33px; width:33px;
	background-repeat:no-repeat;
	float:left;
}

.dt_n04{
 background-image:url(../wc/washlet/pipe/images/example/no_04.gif);
	height:33px; width:33px;
	background-repeat:no-repeat;
	float:left;
}