@charset "Shift_JIS";
/* CSS Document */


/* 初期設定 */
html,head,body,div,img,p,span,table,tr,th,td,h1,h2,h3,h4,h5,h6,hr,ul,li,ol,dd,dt,dl { 
	margin:0;
	padding:0;
	border:0;
	}

html {
	height:100%;
	margin-bottom:1px;
	}

body#Common { background:#08351b url("../img/bg_head_common.gif") top left repeat-x; }
body#Top { background:#08351b url("../img/bg_head_top.gif") top left repeat-x; }
body#Fitness { background:#7a082a url("../img/bg_head_fitness.gif") top left repeat-x; }
body#Capsule { background:#140c4c url("../img/bg_head_capsule.gif") top left repeat-x; }
body#Mens { background:#08351b url("../img/bg_head_common.gif") top left repeat-x; }
body#Guidance { background:#cf9826 url("../img/bg_head_guidance.gif") top left repeat-x; }

img { border:0; }

.ft08 { font-size: 50%; line-height: 125%; }
.ft08l { font-size: 50%; line-height: 150%; }
.ft09 { font-size: 57%; line-height: 125%; }
.ft09l { font-size: 57%; line-height: 150%; }
.ft10 { font-size: 63%; line-height: 125%; }
.ft10l { font-size: 63%; line-height: 150%; }
.ft11 { font-size: 69%; line-height: 125%; }
.ft11l { font-size: 69%; line-height: 150%; }
.ft12 { font-size: 75%; line-height: 125%; }
.ft12l { font-size: 75%; line-height: 150%; }
.ft13 { font-size: 81%; line-height: 125%; }
.ft13l { font-size: 81%; line-height: 150%; }
.ft14 { font-size: 88%; line-height: 125%; }
.ft14l { font-size: 88%; line-height: 150%; }
.ft15 { font-size: 94%; line-height: 125%; }
.ft15l { font-size: 94%; line-height: 150%; }
.ft16 { font-size: 100%; line-height: 125%; }
.ft16l { font-size: 100%; line-height: 150%; }

.mt05 { margin-top:5px; }
.mt10 { margin-top:10px; }
.mt15 { margin-top:15px; }
.mt20 { margin-top:20px; }
.mt25 { margin-top:25px; }
.mt30 { margin-top:30px; }
.mr05 { margin-right:5px; }
.mr10 { margin-right:10px; }
.mr15 { margin-right:15px; }
.mr20 { margin-right:20px; }
.mr25 { margin-right:25px; }
.mr30 { margin-right:30px; }
.mb05 { margin-bottom:5px; }
.mb10 { margin-bottom:10px; }
.mb15 { margin-bottom:15px; }
.mb20 { margin-bottom:20px; }
.mb25 { margin-bottom:25px; }
.mb30 { margin-bottom:30px; }
.ml05 { margin-left:5px; }
.ml10 { margin-left:10px; }
.ml15 { margin-left:15px; }
.ml20 { margin-left:20px; }
.ml25 { margin-left:25px; }
.ml30 { margin-left:30px; }

.h20 { height:20px; }
.h40 { height:40px; }

.clear { clear: both; }
	.clear hr { display: none; }


/* 全ページ共通設定 */


.Wrap {
	width:900px;
	margin:0 auto;
	}
.Path {
	position:absolute;
	font-size:69%;
	line-height:1.0;
	margin:0.8em 0 0 0;
	}
	.Path a {
		color:#666666;
		text-decoration:underline;
		}
	.Path a:hover {
		color:#666666;
		text-decoration:none;
		}

/* ヘッダ */
#Head {
	padding-top:41px;
	}
	#Head #hlogo {
		width:403px;
/*		width:527px;*/
		float:left;
		}
		#Head #hlogo h1 a {
			display:block;
			width:124px;
			height:65px;
			background:url("../img/head_logo.gif") top left no-repeat;
			}
		#Head #hlogo h1 span { display:none; }
	#Head #hmenu {
		width:497px;
/*		width:373px;*/
		float:left;
		}
		#Head #hmenu ul {
			list-style:none;
			width:497px;
/*			width:373px;*/
			margin-top:23px;
			}
			#Head #hmenu ul li {
				display:block;
				height:41px;
				float:left;
				}
				#Head #hmenu ul li a {
					display:block;
					height:41px;
					}
				#Head #hmenu ul li.li1 a { width:124px; background:url("../img/bt_head_top.gif") top left no-repeat; }
				#Head #hmenu ul li.li2 a { width:124px; background:url("../img/bt_head_opinion.gif") top left no-repeat; }
				#Head #hmenu ul li.li3 a { width:124px; background:url("../img/bt_head_access.gif") top left no-repeat; }
				#Head #hmenu ul li.li4 a { width:125px; background:url("../img/bt_head_inquiry.gif") top left no-repeat; }
				#Head #hmenu ul li a:hover { background-position:bottom left; }
				#Head #hmenu ul li a.in { background-position:bottom left; }
					#Head #hmenu ul li a span { display:none; }
	#Head h2 {
		clear:both;
		display:block;
		width:900px;
		margin-top:20px;
		}
		body#Common #Head h2 { height:200px; background:url("../img/main_common.png") top left no-repeat; }
		body#Top #Head h2 { height:280px; background:url("../img/main_top.png") top left no-repeat; }
		body#Fitness #Head h2 { height:200px; background:url("../img/main_fitness.png") top left no-repeat; }
		body#Capsule #Head h2 { height:200px; background:url("../img/main_capsule.png") top left no-repeat; }
		body#Mens #Head h2 { height:200px; background:url("../img/main_sauna.png") top left no-repeat; }
		body#Guidance #Head h2 { height:200px; background:url("../img/main_guidance.png") top left no-repeat; }
			#Head h2 span { display:none; }


/* メインメニュー */
#Menu { }
	#Menu ul {
		width:900px;
		height:54px;
		list-style:none;
		}
		#Menu ul li {
			display:block;
			width:180px;
			height:54px;
			float:left;
			}
			#Menu ul li a {
				display:block;
				width:180px;
				height:54px;
				}
			#Menu ul li.lm1 a { background:url("../img/bt_menu_mens.gif") top left no-repeat; }
			#Menu ul li.lm2 a { background:url("../img/bt_menu_ladies.gif") top left no-repeat; }
			#Menu ul li.lm3 a { background:url("../img/bt_menu_fitness.gif") top left no-repeat; }
			#Menu ul li.lm4 a { background:url("../img/bt_menu_capsule.gif") top left no-repeat; }
			#Menu ul li.lm5 a { background:url("../img/bt_menu_guidance.gif") top left no-repeat; }
			#Menu ul li.lm6 a { background:url("../img/bt_menu_guide.gif") top left no-repeat; }
			#Menu ul li a:hover { background-position:bottom left; }
			#Menu ul li a.in { background-position:bottom left; }
				#Menu ul li a span { display:none; }


/* コンテンツ部分（主にサイドメニュー） */
#Contents { background:#ffffff; }
	#Contents .Wrap { background:#ffffff; }
		#Contents .Wrap #ContentsArea { }
			#ContentsArea .sidemenu {
				width:170px;
				border:solid 5px #a2a2a2;
				background:#ffffff;
				}
				#ContentsArea .sidemenu .side {
					width:168px;
					margin:1px;
					}
					#ContentsArea .sidemenu .side .title {
						height:42px;
						margin-bottom:1px;
						}
						#ContentsArea .sidemenu .side .title span { display:none; }
					body#Fitness #ContentsArea .sidemenu .side .title { background:url("../img/fitness/side_title.gif") top left no-repeat; }
					body#Mens #ContentsArea .sidemenu .side .title { background:url("../img/mens/side_title.gif") top left no-repeat; }
						#ContentsArea .sidemenu .side .title span { display:none; }
					#ContentsArea .sidemenu .side ul {
						list-style:none;
						border-top:solid 1px #d0d0d0;
						border-right:solid 1px #d0d0d0;
						border-left:solid 1px #d0d0d0;
						}
						#ContentsArea .sidemenu .side ul li { border-bottom:solid 1px #d0d0d0; }
							#ContentsArea .sidemenu .side ul li a {
								display:block;
								width:164px;
								height:29px;
								margin:1px;
								color:#222222;
								text-decoration:none;
								font-size:75%;
								line-height:1.0;
								}
							body#Fitness #ContentsArea .sidemenu .side ul li a { background:url("../img/bg_side_bt_fitness.gif") top left no-repeat; }
								body#Fitness #ContentsArea .sidemenu .side ul li a:hover {
									background-position:bottom left;
									text-decoration:none;
									color:#7a082a;
									}
								body#Fitness #ContentsArea .sidemenu .side ul li a.in {
									background-position:bottom left;
									text-decoration:none;
									color:#7a082a;
									}
							body#Mens #ContentsArea .sidemenu .side ul li a { background:url("../img/bg_side_bt_common.gif") top left no-repeat; }
								body#Mens #ContentsArea .sidemenu .side ul li a:hover {
									background-position:bottom left;
									text-decoration:none;
									color:#08351b;
									}
								body#Mens #ContentsArea .sidemenu .side ul li a.in {
									background-position:bottom left;
									text-decoration:none;
									color:#08351b;
									}
								#ContentsArea .sidemenu .side ul li a span {
									display:block;
									padding:0.7em 0 0 2em;
									}
			#ContentsArea .member {
				display:block;
				width:180px;
				height:150px;
				margin-top:20px;
				background:url("../img/capsule/bt_member.gif") top left no-repeat;
				}
				#ContentsArea .member span {
					position:absolute;
					display:block;
					width:148px;
					margin:80px 0 0 18px;
					}
			#ContentsArea .reserve {
				width:180px;
				height:210px;
/*				background:url("../img/bt_side_reserve.png") top right no-repeat;*/
				}
/*				#ContentsArea .reserve div {
					position:absolute;
					display:block;
					width:150px;
					margin:55px 0 0 15px;
					} 
				#ContentsArea .reserve ul {
					position:absolute;
					list-style:none;
					margin:104px 0 0 9px;
					}
					#ContentsArea .reserve ul li {
						width:161px;
						height:21px;
						margin-bottom:2px;
						/margin-bottom:-2px;
						}
						#ContentsArea .reserve ul li a {
							display:block;
							width:161px;
							height:21px;
							}
							#ContentsArea .reserve ul li.re1 a { background:url("../img/bt_side_reserve_rakuten.png") top left no-repeat; }
							#ContentsArea .reserve ul li.re2 a { background:url("../img/bt_side_reserve_rurubu.png") top left no-repeat; }
							#ContentsArea .reserve ul li.re3 a { background:url("../img/bt_side_reserve_gurunavi.png") top left no-repeat; }
								#ContentsArea .reserve ul li a span { display:none; }*/
			#ContentsArea .banarArea {
				margin-top:25px;
				padding-bottom:50px;
				}
/*			#ContentsArea .blog { margin:25px 0 0; }
			#ContentsArea .blog2 { margin:0; }
				#ContentsArea .blog a,
				#ContentsArea .blog2 a {
					display:block;
					width:180px;
					height:65px;
					background:url("../img/bt_side_banar.png") top left no-repeat;
					}
					#ContentsArea .blog a span,
					#ContentsArea .blog2 a span { display:none; }
			#ContentsArea .ladies { }
				#ContentsArea .ladies a {
					display:block;
					width:180px;
					height:65px;
					padding-bottom:50px;
					background:url("../img/bt_side_ladies.png") top left no-repeat;
					}
					#ContentsArea .ladies a span { display:none; }
*/
			#ContentsArea .pagetop {
				margin:20px 0 40px;
				text-align:right;
				font-size:75%;
				line-height:1.5;
				}
				body#Common #ContentsArea .pagetop a {
					background:url("../img/link_arow.gif") left center no-repeat;
					padding-left:1em;
					color:#333333;
					text-decoration:none;
					}
				body#Fitness #ContentsArea .pagetop a {
					background:url("../img/link_arow_f.gif") left center no-repeat;
					padding-left:1em;
					color:#333333;
					text-decoration:none;
					}
				body#Capsule #ContentsArea .pagetop a {
					background:url("../img/link_arow_c.gif") left center no-repeat;
					padding-left:1em;
					color:#333333;
					text-decoration:none;
					}
				body#Mens #ContentsArea .pagetop a {
					background:url("../img/link_arow.gif") left center no-repeat;
					padding-left:1em;
					color:#333333;
					text-decoration:none;
					}
				body#Guidance #ContentsArea .pagetop a {
					background:url("../img/link_arow_r.gif") left center no-repeat;
					padding-left:1em;
					color:#333333;
					text-decoration:none;
					}
					body#Common #ContentsArea .pagetop a:hover,
					body#Top #ContentsArea .pagetop a:hover,
					body#Fitness #ContentsArea .pagetop a:hover,
					body#Capsule #ContentsArea .pagetop a:hover,
					body#Mens #ContentsArea .pagetop a:hover,
					body#Guidance #ContentsArea .pagetop a:hover {
						color:#333333;
						text-decoration:underline;
						}


/* フッタ設定 */
body#Common #Foot { background:url("../img/bg_foot_common.gif") top left repeat-x; }
body#Top #Foot { background:url("../img/bg_foot_common.gif") top left repeat-x; }
body#Fitness #Foot { background:url("../img/bg_foot_fitness.gif") top left repeat-x; }
body#Capsule #Foot { background:url("../img/bg_foot_capsule.gif") top left repeat-x; }
body#Mens #Foot { background:url("../img/bg_foot_common.gif") top left repeat-x; }
body#Guidance #Foot { background:url("../img/bg_foot_guidance.gif") top left repeat-x; }
	#Foot #finfo {
		width:515px;
		padding:17px 0;
		float:left;
		}
		#Foot #finfo h2 {
			display:block;
			width:107px;
			height:27px;
			float:left;
			}
		body#Common #Foot #finfo h2 { background:url("../img/foot_logo_common.gif") top left no-repeat; }
		body#Top #Foot #finfo h2 { background:url("../img/foot_logo_common.gif") top left no-repeat; }
		body#Fitness #Foot #finfo h2 { background:url("../img/foot_logo_fitness.gif") top left no-repeat; }
		body#Capsule #Foot #finfo h2 { background:url("../img/foot_logo_capsule.gif") top left no-repeat; }
		body#Mens #Foot #finfo h2 { background:url("../img/foot_logo_common.gif") top left no-repeat; }
		body#Guidance #Foot #finfo h2 { background:url("../img/foot_logo_guidance.gif") top left no-repeat; }
			#Foot #finfo h2 span { display:none; }
		#Foot #finfo .data {
			width:408px;
			float:left;
			color:#ffffff;
			}
	#Foot #fmenu {
		width:385px;
		float:right;
		text-align:right;
		}
		#Foot #fmenu ul {
			list-style:none;
			padding-top:13px;
			font-size:69%;
			line-height:1.0;
			}
			#Foot #fmenu ul li {
				float:right;
				border-right:solid 1px #ffffff;
				}
			#Foot #fmenu ul li.end {
				float:right;
				border-left:solid 1px #ffffff;
				}
				#Foot #fmenu ul li a {
					margin:0 1em;
					color:#ffffff;
					text-decoration:none;
					}
				#Foot #fmenu ul li a:hover {
					color:#ffffff;
					text-decoration:underline;
					}
		#Foot #fmenu .copy {
			width:288px;
			height:9px;
			padding-top:7px;
			float:right;
			clear:both;
			}
		body#Common #Foot #fmenu .copy { background:url("../img/foot_copy_common.gif") bottom right no-repeat; }
		body#Top #Foot #fmenu .copy { background:url("../img/foot_copy_common.gif") bottom right no-repeat; }
		body#Fitness #Foot #fmenu .copy { background:url("../img/foot_copy_fitness.gif") bottom right no-repeat; }
		body#Capsule #Foot #fmenu .copy { background:url("../img/foot_copy_capsule.gif") bottom right no-repeat; }
		body#Mens #Foot #fmenu .copy { background:url("../img/foot_copy_common.gif") bottom right no-repeat; }
		body#Guidance #Foot #fmenu .copy { background:url("../img/foot_copy_guidance.gif") bottom right no-repeat; }
			#Foot #fmenu .copy span { display:none; }



/* ポップアップ設定 */
#Popup .Wrap2 {
	width:700px;
	margin:20px auto;
	}
#Popup .Wrap {
	width:500px;
	margin:20px auto;
	}
	#Popup .Wrap .image {
		text-align:center;
		margin:20px auto 30px;
		}
	#Popup .bt {
		text-align:center;
		font-size:75%;
		line-height:1.0;
		color:#999999;
		}
		#Popup .bt a {
			color:#999999;
			text-decoration:underline;
			}
		#Popup .bt a:hover {
			color:#999999;
			text-decoration:none;
			}