@charset"UTF-8";

/*========================================================

Author and Copyright

Author: masateru tagawa (http://at-will.net)
Created: 2008-2.07
Modified: 2008-2.07
Copyright: masateru tagawa

========================================================*/


/*------------------------------------------------------

	contents-wrap
		│
		├contents-title
		│
		├pankuzu_list
		│
		├franchise
		├safety-system
		│
		├water-shawer
		│	├water
		│	│	├water-shawer-ph	
		│	│	├water-shawer-txt	
		│	│	
		│  ├shawer
		│	│	├water-shawer-ph	
		│	│	├water-shawer-txt	
		│
		├recommend
		│	├recommend01 
		│	│	├water-shawer-ph	
		│	│	├water-shawer-txt	
		│	│	
		│  ├recommend02
		│		├water-shawer-ph	
		│		├water-shawer-txt	
		│
		├arrange
		│	├arrange01 
		│	│	
		│  ├arrange01
        │
		├arrange-bottom 
		│			
		├news 
		│	├news-txt
		│	├news-bottom			
		│
		│
		│  
		├banner-area	
		└
		　　

--------------------------------------------------------*/


/*  contents-wrap  */

div#contents-wrap h1{
	margin:0px 0px 5px 0px;
	}

div#contents-wrap h2{
	margin:0px 0px 10px 0px;
	}

/*  water-shawer  */

div#water-shawer{
	width:786px;
	background:url(../consumer/img/water_shawer_bg.jpg) top no-repeat;
	margin:0px 0px 0px 0px;
	padding:30px 27px 0px 27px;
	}
	
/*  water */
	
div.water{
	width:383px;
	float:left;
	margin:0px 20px 0px 0px;
	}
	
/*  shawer  */

div.shawer{
	width:383px;
	float:right;
	margin:0px 0px 0px 0px;
	}

/*  water-shawer-ph water-shawer-txt */

div.water-shawer-ph{
	width:192px;
	float:left;
	}

div.water-shawer-txt{
	width:191px;
	float:right;
	text-align:left;
	}

div.water-shawer-txt h3{
	margin:0px 0px 13px 0px;
	height:52px;
	}
	
div.water-shawer-txt p{
	margin:0px 0px 15px 16px;
	}
	
/*  recommend */

div#recommend{
	width:786px;
	background:url(../consumer/img/recommend_bg.jpg) bottom no-repeat;
	margin:0px 0px 30px 0px;
	padding:0px 27px 30px 27px;
	}

div#recommend h3{
	margin:0px 0px 0px 0px;
	}
	
/*  recommend01 recommend02 */
	
div.recommend01 {
	width:174px;
	float:left;
	margin:0px 30px 0px 0px;
	text-align:left;
	}

div.recommend01 p{
	margin:0px 0px 5px 0px;
	}

div.recommend01 p.read{
	height:33px;
	background:url(../consumer/img/listmark01.gif) no-repeat left;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 34px;
	}	
	
div.recommend02 {
	width:174px;
	float:left;
	margin:0px 0px 0px 0px;
	text-align:left;
	}

div.recommend02 p{
	margin:0px 0px 0px 0px;
	}

div.recommend02 p.read{
	height:33px;
	background:url(../consumer/img/listmark01.gif) no-repeat left;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 34px;
	}	

/*  arrange  */

div#arrange{
	width:786px;
	background:url(../consumer/img/water_shawer_bg.jpg) top no-repeat;
	margin:0px 0px 0px 0px;
	padding:30px 27px 0px 27px;
	}
	
/*  arrange01 arrange02 */
	
div.arrange01 {
	width:240px;
	float:left;
	margin:0px 33px 0px 0px;
	text-align:left;
	}

div.arrange01 p{
	margin:0px 0px 5px 0px;
	}

div.arrange01 p.read{
	height:33px;
	background:url(../consumer/img/listmark02.gif) no-repeat left;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 34px;
	}	
	
div.arrange02 {
	width:240px;
	float:left;
	margin:0px 0px 0px 0px;
	text-align:left;
	}

div.arrange02 p{
	margin:0px 0px 0px 0px;
	}

div.arrange02 p.read{
	height:33px;
	background:url(../consumer/img/listmark02.gif) no-repeat left;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 34px;
	}	

/*  arrange-bottom  */

div#arrange-bottom{
	width:786px;
	background:url(../consumer/img/arrange_bg.jpg) bottom no-repeat;
	margin:0px 0px 30px 0px;
	padding:0px 27px 10px 27px;
	}

div#arrange-bottom p{
	text-align:center;
	}

/*  room  */

div#room{
	width:786px;
	background:url(../consumer/img/water_shawer_bg.jpg) top no-repeat;
	margin:0px 0px 0px 0px;
	padding:30px 27px 0px 27px;
	}
	
/*  room01 room02 */
	
div.room01 {
	width:240px;
	float:left;
	margin:0px 33px 0px 0px;
	text-align:left;
	}

div.room01 p{
	margin:0px 0px 5px 0px;
	}

div.room02 {
	width:240px;
	float:left;
	margin:0px 0px 0px 0px;
	text-align:left;
	}

div.room p{
	margin:0px 0px 0px 0px;
	}

/*  room-bottom  */

div#room-bottom{
	width:786px;
	background:url(../consumer/img/arrange_bg.jpg) bottom no-repeat;
	margin:0px 0px 30px 0px;
	padding:0px 27px 10px 27px;
	}

div#room-bottom p{
	text-align:center;
	}

	
/*  news news-txt news-bottom */

div.news{
	width:840px;
	clear:both;
	margin:0px 0px 30px 0px;
	text-align:left;
	}

div.news h3{
	height:39px;
	margin:0px 0px 20px 0px;
	}
	
div.news p.list-icon {
	position: relative;
	margin: 0;
	padding: 0;
	}

div.news p.list-icon a {
	position: absolute;
	top: -52px;
	left: 769px;
}

div.news dl {
  margin:0px 0px 0px 0px;
  padding:0px;
  line-height:1.8em;
  }

div.news dt {
  clear: left;
  float: left;
  width: 80px;
  margin:0px;
  padding:0px;
  }
  
div.news dd {
  margin:0px 0px 0px 80px;
  padding:0px 0px 10px 0px;
}


/*  banner-area  */


div#banner-area{
	clear:both;
	width: 840px;
	margin:0px 0px 40px 0px;
	}

div#banner-blog{
	float:left;
	width: 410px;
	display:inline/* ie6対策 */
	margin:0px 20px 0px 0px;
	}

div#banner-blog ul{
	line-height:1.8em;
	margin:0px;
	padding:0px;
	}
	
div#banner-blog li{
	display:inline;
	list-style:none;
	padding:0px;
	}

div#banner-blog li.marginright5px{
	margin:0px 5px 0px 0px;
	}

div#banner-group{
	float:right;
	width: 410px;
	text-align: left;
	}

div#banner-group ul{
	margin:0px;
	padding:0px;
	}
	
div#banner-group li{
	display:inline;
	list-style:none;
	padding:0px;
	}

div#banner-group li.marginright5px{
	margin:0px 5px 0px 0px;
	}

