@charset "Shift-JIS";

/*----------------------------*/
/*        float clear         */
/*----------------------------*/

.clearfix ,#top-header ,#t-navi ,#intro-wrap ,.intoro-main ,.f-top-box ,.f-btm-box ,#g-navi ,#contents {
  zoom: 1; /* for IE5.5 - IE7 */
}
.clearfix:after ,#top-header:after ,#t-navi:after ,#intro-wrap:after ,.intoro-main:after ,.f-top-box:after ,.f-btm-box:after ,#g-navi:after ,#contents:after { /* for modern browser */
  content: ".";
  display: block;
  height: 0px;
  clear: both;
  visibility: hidden;
}

/*----------------------------*/
/*        	top		         */
/*----------------------------*/
#top-header {
	width:800px;
	margin:0 0 10px 0;
	padding:0;
	margin-bottom:10px;
}

#top-header img {
	margin:0;
	padding:0
}

/* top navi */
#t-navi {
	width:540px;
	height:70px;
	margin:0;
	padding:0;
	background:url(../img/main_bg.jpg) no-repeat top;
}

#t-navi li {
	display:inline;
	line-height:0;
}

#t-navi a ,#t-navi a:link {
	height:60px;
	background-position:0 0;
	text-indent:-9999px;
	text-decoration:none;
	overflow:hidden;
}
	
#t-navi a:hover {
	background-position:0 -60px;
}
#t-navi01, #t-navi02, #t-navi03 {
	float:left;
	width:170px;
	margin:0 0 0 10px;
	padding:0;
}
#t-navi01 {
	background:url(../img/t_navi_01.gif) no-repeat left;
}
#t-navi02 {
	background:url(../img/t_navi_02.gif) no-repeat left;
}
#t-navi03 {
	background:url(../img/t_navi_03.gif) no-repeat left;
}

/* Introduction */
#intro-wrap {
	width:800px;
}

#intro-wrap ul.intoro-box {
	float:left;
	width:260px;
	padding:0;
}

#intro-wrap ul.intoro-box li {
	display:block;
	width:260px;
	margin:0;
	padding:0;
	line-height:0;
}

#intro-wrap ul.intoro-box img {
	vertical-align:bottom;
}

#intro-wrap ul.intoro-box li ul.intoro-main {
	width:260px;
	height:100px;
}

#intro-wrap ul.intoro-main li {
	display:inline;
	float:left;
	width:260px;
}

#intro-wrap ul.intoro-main li.image {
	width:80px;
	margin:0 10px;
}

#intro-wrap ul.intoro-main li.intoro-main-right {
	width:144px;
	padding:3px;
}

#intro-wrap ul.intoro-main li.intoro-main-right h3 {
	font-size:0;/* ie6.x�΍�*/
}

#intro-wrap ul.intoro-main li p {
	font-size:10px;
}

#intro-wrap ul.intoro-main li h2 {
	margin-bottom:5px;
}

#intro-wrap .spa-bg {
	margin:0 10px 0 0;
	background:url(../img/spa/intro_bg.gif) repeat-y;
}

#intro-wrap .spa-main {
	background:url(../img/spa/intro_bg_01.gif) no-repeat left top;
}

#intro-wrap .body-bg {
	margin:0 10px 0 0;
	background:url(../img/body/intro_bg.gif) repeat-y;
}

#intro-wrap .body-main {
	background:url(../img/body/intro_bg_01.gif) no-repeat left top;
}

#intro-wrap .beauty-bg {
	margin:0;
	background:url(../img/beauty/intro_bg.gif) repeat-y;
}

#intro-wrap .beauty-main {
	background:url(../img/beauty/intro_bg_01.gif) no-repeat left top;
}



/* flow */

#cold-main p.btm10 {
	margin-bottom:10px;
}

#flow-box {
	width:700px;
	padding:10px 50px;
	background:url(../img/f_bg.gif) repeat-y;
}

#flow-box .f-top-box {
	width:700px;
	margin:0;
	padding:0;
}

#flow-box .f-top-box li {
	display:inline;
	float:left;
}
#flow-box .f-top-box p {
	font-size:10px;
}

#flow-box .f-detail-box {
	width:200px;
	margin:0; 
	padding:0;
}

#flow-box .f-btm-box {
	width:700px;
	margin:0;
	padding:0;
}

#flow-box .left-item {
	width:450px;
	margin:0;
	padding:0;
}

#flow-box .right-item {
	width:200px;
	margin:0;
	padding:0;
}

#flow-box .f-right-box li {
	width:200px;
}

#flow-box .right-item  p {
	font-size:10px;
}