/* CSS Document サユラ様 */



/*　ナビゲーション　*/ 

div#in-right { margin-top:0px }

div#in-right #navi {

	margin-bottom:10px ; }



div#in-right #banner p {

	margin-bottom:4px ; }

 



/*　メインコンテンツ　*/



div#in-left { margin-top:0px }



div#in-left h3 { margin:0px 0px 5px 0px ;}

div#in-left h4 { margin:20px 0px 10px 0px ;}



div#in-left p { margin:0px 0px 1em 0px ;}



/*　ページナビ　トップ　*/

div#in-left .page-top {

	margin:10px 0px 30px 0px ;

	clear:both ;

	text-align:right ;

	font-size:80% }





/*　==================== アルカリイオン水とは ====================　*/



div#in-left p.midashi1 { 

	margin:16px 0 5px 0  ;

	color:#399 ; }

div#in-left img.img-r { 

	margin:0px 0px 10px 10px ;

	float:right }





/*　==================== pHとは ====================　*/



div#in-left .ph-img {

	margin:20px 0px 0px 0px ;

	padding:10px 6px 0 6px ;

	border:1px solid #ccc ;}

div#in-left .ph-img img { margin:0px;}



div#in-left .ph-meyasu {

	margin:30px 0px 0px 0px ;

	padding:10px ;

	border:2px solid #9cc ;

	clear:both ;

	font-size:90% }



div#in-left .hosoku { font-size:80% }

	



/*　==================== 7つの特徴 ====================　*/



div#in-left .tokucho-box {
	width:604px ;
	margin:0px 0px 0px 0px ;
	clear:both }
	
div#in-left .tokucho-box table{
	margin:0px;
	border-collapse:separate;
	border-spacing:8px;
	}

div#in-left .tokucho-box .d-toku {
	padding:10px ;
	width:280px ;
	border:1px solid #ccc ;
	vertical-align:top;
	}

div#in-left .tokucho-box .d-toku p{
	margin:6px auto 0 ;
	font-size:90% ;
	line-height:140%; }
div#in-left .tokucho-box .d-toku p span{
	color:#666;
	font-size:90% ;}

div#in-left .tokucho-box .d-toku-pic {
	padding:10px ;
	width:280px ;
	text-align:center; vertical-align:top;
	}



/*　==================== 製品紹介 ====================　*/



/*　製品写真　*/

div#in-left .about-box1 {

	width:604px ; height:320px ;

	margin:0px 0px 30px 0px ;

	background:url(../products/healtytime/img/about02.jpg) no-repeat left top ;

	clear:both }

div#in-left .about-box1 p.r {

	width:295px ;

	float:right ;

	text-align:right ;

	font-size:90% ;}

div#in-left .about-box1 p.r span { font-size:90% }

div#in-left .about-box1 p.l {

	width:278px ;

	margin:0px 0px 0px 0px ;

	float:left ;}

div#in-left .about-box1 p.l span {

	padding-left:28px ;

	font-size:90%}

	

/*　3種類の水リンク　*/

div#in-left .about-box2 {

	height:70px ;

	margin:0px 0px 30px 0px ;

	clear:both }

div#in-left .about-box2 p.l {

	float:left ;

	padding-left:28px ;}

div#in-left .about-box2 p.r {

	width:269px ;

	float:right ;

	padding-right:20px ;}

div#in-left .about-box2 p.r img {

	margin:0px 0px 4px 0px ;}



/*　しくみ　*/

div#in-left .about-box3 { 

	margin:0 auto 20px;

	clear:both ;

	border:1px solid #9cc ;

	padding:10px ;

	font-size:90% }


div#in-left .about-box3 p{margin:0 auto; padding:0; }

div#in-left div#about-box4{width:550px; margin:0 auto; padding:0; clear:both ;}



div#in-left .about-box3 .l {

	width:180px ;

	margin:0 0 0 10px;

	float:left ;}

div#in-left .about-box3 .r {

	width:310px ;

	margin:0 0 0 20px;

	float:right ;}



div#in-left .about-box3 p.clear { clear:both ; height:1px ;margin:0 } 



table#fi{margin-left:23px; margin-bottom:16px;}



/*　==================== 3種類の水 ====================　*/



div#in-left .water-box1 {

	margin:20px 0px 30px 0px ;

	background:url(../products/healtytime/img/3water03.jpg) no-repeat right bottom ;}



/*　3種水　ボックス　*/

div#in-left .water3-box {

	margin:0px 0px 0px 0px ;

	border:1px solid #ccc ;

	padding:12px 8px;

	font-size:90% ;

	line-height:140% }



/*　ボックスの高さ　*/

div#in-left .water3-oisi-h { height:530px }

div#in-left .water3-kirei-h { height:190px }

div#in-left .water3-utukusi-h { height:350px }



div#in-left .water3-box div { clear:both ;}



div#in-left .water3-box p.l {

	width:192px ;

	margin:0px 5px 6px 0px ;

	float:left ;}



div#in-left .water3-box p.r {

	width:192px ;

	float:right ;

	margin:0px 0px 6px 0px ;}



div#in-left .water3-box p.l img ,

div#in-left .water3-box p.r img { margin:0px 0px 5px 0px ;}



div#in-left .water3-box span { font-weight:600 }



div#in-left .water3-box p.l span.img-c { display:block ; text-align:center }





/*　酸化と還元　*/

div#in-left .water-box2 {

	margin:20px 0px 30px 0px ;

	height:180px ;

	clear:both ;

	padding:10px ;

	background:#EAF4FF ;

	border:1px solid #9cc ;

	font-size:80% ;

	line-height:140% }



div#in-left .water-box2 p.l {

	width:226px ;

	float:left ;}



div#in-left .water-box2 p.r {

	width:340px ;

	float:right ;

	margin:0px ;}

div#in-left .water-box2 p.r img { margin-bottom:5px ;}





/*　フィルター　*/

div#filter{ 

	width:604px ;

	margin:0; padding:0;

	clear:both ;

	}

	

div#filter p{ 

	width:604px ;

	margin:0 auto 20px auto; padding:0;

	font-size:90%;}

div#filter table{ 

	width:604px ;

	margin:0 auto 10px auto; padding:0;

	}

div#filter th{ 

	width:200px ;

	padding:5px;

	font-size:90%;

	text-align:left; border:1px solid #999;

	background:#EEE;

	}

div#filter td{ 

	width:404px ;

	padding:5px;

	font-size:90%;

	border:1px solid #999;

	}

div#notice{ 

	width:604px ;

	margin:0 0 10px 0; padding:0;

	clear:both ;

	background:#F9E4A8;

	border:1px solid #C93;

	}

div#notice p{ 

	width:584px ;

	margin:0; padding:10px 0 10px 10px ;

	clear:both ;

	font-size:90%;	}

div#notice p span{ 

font-weight:bold;

color:#930;}

div#box-kouka{ 
	width:604px ;
	margin:0 0 10px 0; padding:0;
	clear:both ;
	border:1px solid #9cc ;
	}

div#box-kouka p{ 
	width:584px ;
	margin:0 auto; padding:10px 0;
	clear:both ;
	font-size:90%;	}

div#box-kouka p span{ 
font-weight:bold;
color:#399;}