@charset "UTF-8";
/* helsinki formula CSS Document */


body{
	background:url(../img/body_bg.jpg) repeat-x;
	margin:0;
	padding:0;
	font-size:85%;
	color:#666666;
	font-family:meiryo,"ＭＳ Ｐゴシック", Osaka, sans-serif;
	line-height:155%;
}

/*********************************SHARE*********************************/
p{
	margin:10px 5px;
	padding:0;
}
ul{
	margin:0;
	padding:0;
}
li{
	margin:1em 0;
}
h1{
	margin:0;
	padding:0;
	clear:both;
}
h2{
	margin:20px 0 0 0;
	padding:0;
	clear:both;
}
h3{
	margin:0;
	padding:0;
	clear:both;
	font-weight:normal;
}
h4{
	font-size:100%;
	padding:10px 0;
	color:#3f4fb1;
	clear:both;
}
.cautionRed{
	color:#FF0000;
}
.cautionBlack{
	float:left;
	width:auto;
	margin-top:10px;
	clear:both;
	white-space:nowrap;
}
.cautionBlue{
	color:#7FA1FF;
}

#productDetail h4{
	color:#3A48A1;
	font-size:100%;
}
.h3long{
	clear:both;
	color:#7D7D7D;
	font-weight:bold;
	font-size:125%;
	background:url(../img/h3_bg.gif) no-repeat;
	height:37px;
	padding:0.6em 0.6em 0.6em 1.8em;
}
.h3short{
	clear:both;
	color:#7D7D7D;
	font-weight:bold;
	font-size:125%;
	background:url(../img/h3_short_bg.gif) no-repeat;
	height:27px;
	padding:10px 0.6em 0em 1.8em;
}
#productDetail h3{
	margin:30px 0 20px 0;
	font-size:140%;
	color:#3A48A1;
	font-weight:bold;
}
.blueBorder{
	background:url(../img/blueline_bg.gif) no-repeat;
	width:655px;
	height:25px;
	padding:2px 0  0 15px;
}
.top40{
	clear:both;
	text-align:center;
	margin-top:40px;
}
.top20Left{
	clear:both;
	padding-top:20px;
}
.top40Left{
	clear:both;
	padding-top:40px;
}
.topBtm20{
	margin:20px 0;
}
.btm40{
	clear:both;
	text-align:center;
	padding-bottom:40px;
}
img {
 	border: none;
	vertical-align: top;
}
.clear{
	clear:both;
	margin:0;
	padding:0;
	line-height:0;
}
		.clear hr{
			display:none;
			margin:0;
			padding:0;
			line-height:0;
		}

.clearfix:after{
    content:".";
    display:block;
    height:0;
    clear:both;
    visibility:hidden;
}

		.clearfix{
			display:inline-block;
			min-height:1%;
		}
		
		* html .clearfix { height: 1%; }
		.clearfix { display: block; }

.imgCenter{
	clear:both;
	text-align:center;
}
.txtLeft{
	float:left;
}
.txtRight{
	float:right;
}
.imgLeft{
	float:left;
}
.imgRight{
	float:right;
}
		#intro .txtLeft{
			width:515px;
			padding:0 10px 0 10px;
		}
		#intro .imgRight{
			width:120px;
			padding:0 0 0 0;
		}
		#productBox .imgLeft{
			width:115px;
			text-align:center;
		}
		#productBox .txtRight{
			width:475px;
			padding:0;
		}
		.menuDetail .imgLeft{
			width:75px;
			margin-top:10px;
		}
		.menuDetail .txtRight{
			width:237px;
			padding-left:10px;
			margin-top:10px;
		}
		#howto .imgLeft{
			width:155px;
			text-align:center;
			margin-top:30px;
		}
		#howto .txtRight{
			width:500px;
			margin-top:30px;
		}
		.flowBox .imgLeft{
			width:100px;
			text-align:center;
		}
		.flowBox .txtRight{
			width:220px;
			font-size:12px;
			line-height:130%;
		}
		.flowBox .txtRight h4{
			margin:0 0 0.4em 0;
		}
		#about .imgLeft{
			margin-top:15px;
			width:163px;
		}
		#about .txtRight{
			width:482px;
			margin-top:5px;
			padding-left:10px;
		}
		#reason .imgLeft{
			margin-top:15px;
			width:150px;
		}
		#reason .txtRight{
			width:495px;
			margin-top:5px;
			padding-left:10px;
		}
		#reason2 .imgRight{
			margin-top:15px;
			width:180px;
		}
		#reason2 .txtLeft{
			width:465px;
			margin-top:5px;
			padding-right:10px;
		}
		#root .txtLeft{
			margin-top:5px;
			padding-right:10px;
			width:495px;
		}
		#root .imgRight{
			width:150px;
			margin-top:15px;
		}
		#ec .imgLeft{
			width:200px;
			margin-bottom:40px;
			text-align:center;
			font-size:90%;
			line-height:130%;
		}
		#ec .imgRight{
			width:160px;
			margin-bottom:40px;
			font-size:90%;
			line-height:130%;
		}
		#story .imgLeft{
			width:200px;
		}
		#room .txtRight{
			padding-left:10px;
			width:445px;
		}
		#roomDetail .imgLeft{
			width:250px;
		}
		#roomDetail .txtRight{
			width:325px;
			padding-left:15px;
		}
		#hairFactor .imgLeft{
			width:80px;
			padding-bottom:10px;
		}
		#hairFactor .txtRight{
			width:487px;
			padding:0 0 10px 15px;
		}
		#productDetail .imgLeft{
			width:210px;
			text-align:center;
			margin-top:15px;
		}
		#productDetail .txtRight{
			width:445px;
		}
		#evidence .imgLeft{
			width:200px;
			padding-top:20px;
		}
		#evidence .txtRight{
			width:445px;
			padding-left:10px;
		}
		#bodyCare .imgRight{
			width:220px;
			padding-top:20px;
		}
		#bodyCare .txtleft{
			width:400px;
			padding-right:10px;
		}
		#webPoint .txtLeft{
			width:530px;
			padding-top:10px;
		}
		#webPoint .imgRight{
			width:119px;
			
		}
		
a:link		{color:#3a48a1;text-decoration:none;}
a:visited	{color:#3a48a1;text-decoration:none;}
a:hover		{color:#3a48a1;text-decoration:underline;}
a:active	{color:#3a48a1;text-decoration:none;}

#topicPath a:link		{color:#3a48a1;text-decoration:underline;}
#topicPath a:visited	{color:#3a48a1;text-decoration:none;}
#topicPath a:hover		{color:#3a48a1;text-decoration:none;}
#topicPath a:active		{color:#3a48a1;text-decoration:none;}

.beigeBar01 a:link, .beigeBar02 a:link			{color:#ffffff;text-decoration:none;}
.beigeBar01 a:visited, .beigeBar02 a:visited	{color:#ffffff;text-decoration:none;}
.beigeBar01 a:hover, .beigeBar02 a:hover		{color:#ffffff;text-decoration:underline;}
.beigeBar01 a:active, .beigeBar02 a:active		{color:#ffffff;text-decoration:none;}

#sideColumn li a:link, #footerMenu a:link		{color:#666666;text-decoration:none;}
#sideColumn li a:visited, #footerMenu a:visited	{color:#666666;text-decoration:none;}
#sideColumn li a:hover, #footerMenu a:hover		{color:#4854a1;text-decoration:underline;}
#sideColumn li a:active, #footerMenu a:active	{color:#666666;text-decoration:none;}

#subMenu li a:link{color:#9E9864;text-decoration:none;}
#subMenu li a:visited{color:#9E9864;text-decoration:none;}
#subMenu li a:hover{color:#9E9864;text-decoration:underline;}
#subMenu li a:active{color:#9E9864;text-decoration:none;}

form{
	margin:0;
	padding:0;
}

/*********************************ヘッダー*********************************/
#header{
	position:relative;
	width:870px;
	margin:0 auto;
	padding:4px 15px 0 15px;
	background:url(../img/header_bg.jpg) no-repeat;
}
		#header #headerMenu{
			position:absolute;
			width:231px;
			height:35px;
			left:306px;
			top:50px;
		}
		#header #globalMenu{
			position:absolute;
			width:603px;
			height:35px;
			left:272px;
			top:69px;
		}
		#header #headerTxt{
			position:absolute;
			top:15px;
			left:530px;
		}
		#header #headerTel{
			position:absolute;
			top:39px;
			left:580px;
		}
		#header #globalMenu, #headerMenu, #caseMenu{margin:0; padding:0;}
		#header #globalMenu li, #headerMenu li{float:left; margin:0px; padding:0px; list-style:none;}

#wrapper{
	width:870px;
	_width:872px;
	padding:15px;
	margin:0 auto;
	background:url(../img/wrapper_bg.gif) repeat-y;
}
		#sideColumn{
			width:200px;
			float:left;
			padding:0 15px 0 0;
		}
				#sideColumn .sideMenu{
					margin:0 0 10px 0;
					padding:0px 0;
					list-style:none;
					border-left:#e6e6e6 1px solid;
					border-right:#e6e6e6 1px solid;
					border-bottom:#e6e6e6 5px solid;
				}
				#wrapper #sideColumn .sideMenu li{
					margin:0;
					padding:10px 10px;
					border-bottom:#e6e6e6 1px solid;
					/*background:url(../img/smenu_border_bg.gif) bottom repeat-x;*/
				}		
				#sideColumn .sideBtn{
					margin:0 0 10px 0;
					font-size:80%;
					line-height:130%;
					text-align:center;
				}		
				
				/*********************************ログイン*********************************/
				#loginArea{
					text-align:center;
					margin-bottom:10px;
					border-left:#e6e6e6 1px solid;
					border-right:#e6e6e6 1px solid;
					border-bottom:#e6e6e6 5px solid;
					font-size:85%;
	
				}
				iframe{
					margin:0;
					padding:0;
				}
				#sslImg{
					text-align:center;
					width:170px;
				}
				#sslTxt{
					margin:0;
					padding:0;
					width:170px;
				}
		#content{
			width:655px;
			float:left;
			padding-bottom:60px;
		}

				/*********************************トップ*********************************/
				#topMenu li{
					float:left;
					padding:0;
					margin:0 10px 0 0;
					list-style:none;
				}
						.terminate{
							margin:0!important;
						}
						.terminateP{
							padding:0!important;
						}
				#topMainImg{
					width:870px;
					margin:0 auto;
					padding:0 15px;
					background:url(../img/wrapper_bg.gif) repeat-y;
				}
				#mainImg{
					margin-top:15px;
					padding:0;
					background:url(../img/wrapper_bg.gif) repeat-y;
				}			#topMenu{
					padding:15px 10px 0px 10px;
					margin:0;
				}
				.topHead{
					position:relative;
					clear:both;
					margin-top:40px;
					background:url(../img/top_head_bg.gif) no-repeat;
				}
				#caseMenu{
					background:url(../img/top_case_bg.jpg) no-repeat;
					padding:0 22px;
					margin:0;
				}
						#caseMenu li{
							margin:0;
							padding:0;
							list-style:none;
							white-space:nowrap;
						}
				
				#news{
					list-style:none;
					margin:15px 0;
					padding:0;
				}
						#news li{
							margin:0;
							padding:3px;
						}
				.newsLink{
					position:absolute;
					left:530px;
					top:2px;
					float:right;
					text-align:right;
					padding:10px;
				}
				#topics{
					border:none;
					margin:5px 0 0 20px;
				}
						#topics th, #topics td{
							border-right:none;
							border-bottom: dashed 1px #cccccc;
							padding:5px 0;
						}
						#topics th{
							background:url(../img/icon01.gif) left center no-repeat;
							text-align:left;
							vertical-align:top;
							font-weight:normal;
							width:15%;
						}
				/*********************************第二階層以降*********************************/	
				#topicPath{
					vertical-align:middle;
					padding:0.6em 0;
					color:#3A48A1;
				}
				
				#subMenuHead{
					color:#9E9864;
					font-size:120%;
					border-bottom:#9E9864 1px solid;
				}
				#subMenu{
					margin:10px 0 5px 0;
					padding:0;
				}
						#subMenu li{
							white-space:nowrap;
							float:left;
							margin:0 1em 0 0;
							padding:0 0 5px 0;
							list-style:none;
						}
					
				.beigeBar01{
					color:#FFFFFF;
					font-size:100%;
					padding:2px 5px 0 10px;
					background:url(../img/subtitle_bg.gif) repeat-x bottom;
					height:23px;
					margin:0 0 15px 0;
				}
				.beigeBar02{
					color:#FFFFFF;
					font-size:100%;
					padding:2px 5px 0 10px;
					background:url(../img/subtitle_bg.gif) repeat-x bottom;
					height:23px;
					margin:40px 0 15px 0;
				}
				
				.greenBar{
					color:#FFFFFF;
					font-size:110%;
					padding:2px 5px 0 10px;
					background:url(../img/h3catch_bg.gif) repeat-x;
					height:23px;
				}
				.contentHead{
					clear:both;
					text-align:center;
					padding-top:20px;
				}
				.box01{
					background:url(../img/box01_bg.gif) no-repeat;
					width:560px;
					height:147px;
					margin:0 auto;
					padding:15px 20px 15px 15px;
				}
				.box03{
					background:url(../img/box03_bg.gif) no-repeat;
					width:560px;
					height:210px;
					margin:0 auto;
					padding:15px 20px 15px 15px;
				}
				#productBox{
					border:#e6e6e6 1px solid;
					padding:20px;
					background:url(../img/box02_bg.gif) repeat-y;
					margin-bottom:20px;
				}
				.catchCopy{
					margin:20px 0 0 0;
				}
				.btn{
					float:right;
					text-align:right;
				}
				.btnArea{
					clear:both;
					margin:0 auto;
					width:422px;
					padding-top:40px;
				}
						.btnArea .btn{
							float:left;
							width:206px;
							margin-right:10px;
						}
				.btnCenter{
					text-align:center;
					padding-top:40px;
					clear:both;
				}
				.menuDetail{
					position:relative;
					width:322px;
					float:left;
					margin:0 10px 40px 0;
					height:165px;
					background:url(../img/border_bg.gif) repeat-x bottom;
				}
				.menuDetail .btn{
					position:absolute;
					top:120px;
					right:0px;
				}
				.menuDetail ul{
					margin:10px 0;
					padding:0;
				}				
				.menuDetail ul li{
					margin:0;
					padding:0;
					list-style:inside;
				}
				.line{
					width:auto%;
					position:absolute;
					height:5px;
					clear:both;
					padding-top:5px;
					border-bottom:#e6e6e6 5px solid;
					margin-bottom:40px;
						}
						.line hr{
							margin:0px;
							padding:0px;
							display:none;
							height:0px;
							line-height:0px;
						}
				#comment{
					background:url(../img/border_bg.gif) repeat-x bottom;
					padding-bottom:20px;
					margin-left:20px;
				}
				#comment li{
				}
				#howto{
					width:655px;
				}
				#step{
					position:relative;
					padding-top:15px;
				}
						#step #flow{
							width:350px;
							float:left;
						}
								#step #flow .flowBox{
									background:url(../img/step_bg.gif) no-repeat;
									width:331px;
									height:136px;
									padding:10px;
								}
						#step #point{
							color:#6E592A;
							float:left;
							position:relative;
							font-size:12px;
							line-height:130%;
						}
								#step #point .pointBox1{
									position:absolute;
									top:70px;
									left:0px;
									width:303px;  
									background: url(../img/previous/point_box_btm.gif) bottom no-repeat;
									margin-top:0px;
									padding-bottom:5px;
								}
								#step #point .pointBox1 .inner1{  
									background: url(../img/previous/point_box_top.gif) no-repeat top;  
									padding: 25px 5px 5px 45px;
								}
								#step #point .pointBox2{
									position:absolute;
									top:540px;
									left:0px;
									width:303px;  
									background: url(../img/previous/point_box_btm.gif) bottom no-repeat;
									margin-top:0px;
									padding-bottom:5px;
								}
								#step #point .pointBox2 .inner2{  
									background: url(../img/previous/point_box_top.gif) no-repeat top;  
									padding: 25px 5px 5px 45px;
								}
								#step #point .pointBox3{
									position:absolute;
									top:780px;
									left:0px;
									width:303px;  
									background: url(../img/previous/point_box_btm.gif) bottom no-repeat;
									margin-top:0px;
									padding-bottom:5px;
								}
								#step #point .pointBox3 .inner3{  
									background: url(../img/previous/point_box_top.gif) no-repeat top;  
									padding: 25px 5px 5px 45px;
								}
								#step #point .pointBox4{
									position:absolute;
									top:1050px;
									left:0px;
									width:303px;  
									background: url(../img/previous/point_box_btm.gif) bottom no-repeat;
									margin-top:0px;
									padding-bottom:5px;
								}
								#step #point .pointBox4 .inner4{  
									background: url(../img/previous/point_box_top.gif) no-repeat top;  
									padding: 25px 5px 5px 45px;
								}
				.productLink{
					margin-top:10px;
				}
				.productDetail{
					margin-top:10px;
				}
				#ec{
					width:465px;
					margin:0 auto;
				}
				#roomFlow .caption{
					font-size:90%;
					text-align:right;
					margin:5px 0 0 0;
				}
				
				/*********************************ヘアケアルームのご案内*********************************/
				#roomFlow{
					padding:0 10px;
					margin:0 auto;
				}
				#roomFlow .roomFlowImg{
					width:180px;
					float:left;
					margin:0;
					padding:0 45px 0 0;
					list-style:none;
					background:url(../img/roomflow_bg.gif) no-repeat;
				}
				#roomPrice{
					width:440px;
					margin:0 auto;
				}
				#roomPrice table{
					width:100%;
					margin:20px auto;
					border-top:#cccccc solid 1px;
				}
						#roomPrice table td{
							border-bottom:#cccccc solid 1px;
						}
				#map{
					margin-left:20px;
					width:590px;
					clear:both;
					border:#cccccc solid 1px;
					padding:20px;
				}
				#roomDetail{
					padding-top:20px;
				}
				
				
				.normal{
					margin-bottom:40px;
					width:100%;
				}
						.normal th{
							color:#FFFFFF;
							background:#666cb0;
							padding:1em;
							font-weight:normal;
							width:9em;
							text-align:left;
						}
						.normal td{
							background:#f7f4e3;
							padding:1em;
						}
						
				/*********************************ヘアケア商品*********************************/
				#hairFactor{
					width:583px;
					margin:20px auto 0 auto;
				}
				
				.productList{
					width:120px;
					margin:0 13px 0 0;
					text-align:center;
					float:left;
					font-size:85%;
					line-height:140%;
				}
				.productList img{
					display:block;
					margin:10px auto;
				}
				.productName{
					font-size:120%;
				}
				
				.hair03Product{
					position:relative;
					width:320px;
					float:left;
					margin:0 10px 40px 0;
					text-align:center;
				}
				.hair03Product .inner{
					padding-bottom:15px;
					border-left:#f3f3f3 solid 1px;
					border-right:#f3f3f3 solid 1px;
					border-bottom:#f3f3f3 solid 1px;
				}
				.hair03Product .imgCenter{
					padding-top:15px;
				}
				#chart tr{
					background:url(../hair/img/chart_bg.gif) no-repeat;
				}
				
				/*********************************乳化プロセス*********************************/
				.process{
					width:620px;
					border:solid #cccccc 1px;
					padding:10px;
				}
				
				.process .img01{
					width:150px;
					float:left;
					padding:0 0 0 30px;
					margin-bottom:5px;
				}
				
				.process .img02{
					width:150px;
					float:left;
					padding:0 0 0 30px;
					margin-bottom:5px;
				}
				
				.process .img03{
					width:150px;
					float:left;
					padding:0 0 0 30px;
					margin-bottom:5px;
				}
				
				.processArrow{
					float:left;
					margin:60px 0px 0px 5px;
					left:10px;
					top:50px;
				}
				
				/*********************************ダメージヘア*********************************/
				#damage{
					margin:0 auto;
					position:relative;
					width:600px;
					border:solid #cccccc 1px;
					background:url(../img/damage_bg.gif) no-repeat;
				}
				
				#damage .img01{
					width:100px;
					float:left;
					margin:15px 0px 0px 30px;
					text-align:center;
				}
				
				
				#damage .img02{
					width:336px;
					float:right;
					margin:15px 30px 0px 0px;
					text-align:center;
				}
				#damageFooter{
					font-size:90%;
					left:20px;
					width:600px;
					margin:5px auto;
					text-align:right;
				}
				#processFooter{
					clear:both;
					font-size:90%;
					left:20px;
					width:640px;
					margin:5px auto;
					text-align:right;
				}
				
				/*********************************よくある質問*********************************/
				#faq{
					margin:5px 0;
					padding:0;
					list-style:none;
					width:530px;
				}
				#faq li{
					padding:5px 0;
				}
				
				/*********************************臨床体験レポート*********************************/
				.tableCenter{
					width:490px;
					margin:0 auto;
					margin-top:40px;
				}
						.tableCenter table{
							width:100%;
							border:1px solid #3a48a1;
							border-collapse:collapse;
						}
						.tableCenter table th{
							background:#3a48a1;
							color:#FFFFFF;
							font-weight:normal;
							padding:0.2em;
						}
						.tableCenter table td{
							padding:5px;
						}
						.tableCenter h4{
							text-align:left;
							color:#3a48a1;
							font-size:100%;
						}
				
				/*********************************スキンケア商品概要*********************************/
				
				.skinTable01{
					float:left;
					width:480px;
					/*height:430px;*/
					border:#babfe0 1px solid;
					background:url(../skin/img/skintable_bg.jpg) repeat-y right;
					border-collapse:collapse;
					vertical-align:top;
					margin-right:15px;
				}
						.skinTable01 th{
							margin:0;
							padding:0;
							height:25px;
							border-bottom:#babfe0 1px solid;
						}
						.skinTable01 td{
							padding:15px;
							vertical-align:top;
							width:33%;
						}
						.skinTable01 td img{
							margin-bottom:10px;	
						}
						.borderRight{
							border-right:#babfe0 1px solid;
						}
						
				.skinTable02{
					float:left;
					width:160px;
					/*height:430px;*/
					border:#babfe0 1px solid;
					background:url(../skin/img/skintable_bg.jpg) repeat-y right;
					border-collapse:collapse;
					vertical-align:top;
						}
						.skinTable02 th{
							margin:0;
							padding:0;
							height:25px;
							border-bottom:#babfe0 1px solid;
						}
						.skinTable02 td{
							padding:20px;
							vertical-align:top;
						}
						.skinTable02 td img{
							margin-bottom:10px;	
						}
				.skinTable03{
					float:left;
					width:270px;
					/*height:380px;*/
					border:#babfe0 1px solid;
					background:url(../skin/img/skintable_bg.jpg) repeat-y right;
					border-collapse:collapse;
					vertical-align:top;
						}
						.skinTable03 th{
							margin:0;
							padding:0;
							height:25px;
							border-bottom:#babfe0 1px solid;
						}
						.skinTable03 td{
							padding:20px;
							vertical-align:top;
						}
						.skinTable03 td img{
							margin-bottom:10px;	
						}
				.skinTable04{
					float:right;
					width:370px;
					/*height:380px;*/
					border:#babfe0 1px solid;
					background:url(../skin/img/skintable_bg.jpg) repeat-y right;
					border-collapse:collapse;
					vertical-align:top;
						}
						.skinTable04 th{
							margin:0;
							padding:0;
							height:25px;
							border-bottom:#babfe0 1px solid;
						}
						.skinTable04 td{
							padding:20px;
							vertical-align:top;
							width:50%;
						}
				.skinTableImg{
					margin:0 auto 10px auto;
					width:100px;
					height:100px;
				}
				
				/*********************************取扱店*********************************/
				#storeList h4{
					background:url(../img/blueline_bg.gif) no-repeat;
					width:655px;
					height:25px;
					padding:2px 0  0 15px;
				}
				#storeList li{
					list-style:inside;
				}
				/*********************************footer*********************************/
				#footer{
					clear:both;
					text-align:center;
				}
					#footerMenu{
						padding:5px;
					}
					#copyright{
						color:#FFFFFF;
						background:#d9d9d9;
						padding:5px;
					}
			
		/*********************************フォーム関係*********************************/
		.formTable{
			margin:20px 0px 20px 0px;
		}	
				.formTable dl{
					margin:0px 0px 0px 0px;
					padding:0px;
				}
				
				.formTable dt{
					position:relative;
					margin:0px 0px 0px 10px;
					float:left;
					clear:both;
					width:100px;
					color:#FFFFFF;
					background:#666cb0;
					padding:1em;
					font-weight:normal;
					width:9em;
					
				}
				
				.formTable dd{
					position:relative;
					margin:0px;
					padding:1em;
					float:left;
					width:470px;
					padding-bottom:10px;
					background:#f7f4e3;
				}
		.formBtn{
			text-align:center;
			margin:20px 0 40px 0;
		}
				.formBtn img{
					margin:0 5px;
				}
		/*********************************FAQ*********************************/
		.question{
			border-left:5px solid #666cb0;
			padding-left:10px;
			margin-top:50px;
		}
		.answer{
			margin:20px 0 20px 30px;
		}
		.goTop{
			text-align:right;
			padding:20px 0;
			clear:both;
		}
		/*********************************sitemap*********************************/
		.siteMap li{
			margin-left:2em;
		}
		/*********************************blog*********************************/
		.entry img{
			float:left;
			padding-right:15px;
		}
		.narrowcolumn h3{
			background:url(../img/blueline_bg.gif) no-repeat bottom;
			width:640px;
			height:25px;
			padding:40px 0  0 15px;
			font-weight:bolder;
		}
		.commentArea{
			margin-left:120px;
		}
		.commentArea h3{
			width:505px;
			background:url(../img/blueline_bg2.gif) no-repeat bottom;
			padding:20px 0  0 15px;
		}
		.alignleft{
			text-align:left;
			float:left;
			margin-bottom:40px;
		}
		.alignright{
			text-align:right;
			float:right;
			margin-bottom:40px;
		}
		.productTitle{
			clear:both;
			color:#7D7D7D;
			font-weight:bold;
			font-size:125%;
			background:url(../img/h3_bg.gif) no-repeat;
			height:37px;
			padding:0.6em 0.6em 0.6em 1.8em;;
		}
		#commentlist li{
			border-bottom:#E6E6E6 solid 1px;
		}
		/*********************************movie*********************************/
		#movie{
			text-align:center;
			background:none;
		}
		
/*********************************フォント*********************************/
.font-red-01{
	color: #FF0000;
}
		
.font-size-80{
font-size: 80%;
}




/* 2010/04/15　TOP　追加
----------------------------------*/
/*---------------------------------------------------------------------
 メインページ　1段目
---------------------------------------------------------------------*/
/* 共通ボックス
----------------------------*/
.main-box {
	width:655px;
	height:100%;
	margin:15px auto 0;
}
.main-box-01 {
	width:655px;
	height:100%;
	margin:15px auto 0;
}
/*
 キャンペーン情報
-------------------*/
#bana-cam {
	width: 655px;
	height: 155px;
	margin:0 0 0 0;	
	background: url(http://www.helsinkiformula.co.jp/shops/images/common/img_campaign_01_o.jpg) no-repeat;　
}

#bana-cam a{
	display:block;  
}

#bana-cam a:hover {
	background-color:transparent;
}

#bana-cam a:hover img {
	visibility:hidden;  
}

#bana-cam2 {
	width: 655px;
	height: 80px;
	background: url(http://www.helsinkiformula.co.jp/shops/images/common/img_campaign_01_o.jpg) no-repeat;　
}

#header-campaign {
	width:655px;
	height:65px;
	background:url(http://www.helsinkiformula.co.jp/shops/images/common/header_campaign.jpg) no-repeat;
	text-indent: -9999px;
}

#tit-campaign {
	width:655px;
	height:30px;
	margin:20px 0 0 0;
	background:url(http://www.helsinkiformula.co.jp/shops/images/common/tit_campaign.jpg) no-repeat;
	text-indent: -9999px;
}

#bt-cam-01 {
	width: 655px;
	height: 155px;
	background: url(http://www.helsinkiformula.co.jp/shops/images/common/img_campaign_01_o.jpg) no-repeat;　
}

#bt-cam-01 a{
	display:block;  
}

#bt-cam-01 a:hover {
	background-color:transparent;
}

#bt-cam-01 a:hover img {
	visibility:hidden;  
}

#bt-cam-02 {
	width: 655px;
	height: 80px;
	margin:0 auto;
	background:url(http://www.helsinkiformula.co.jp/shops/images/contents/img_campaign_02.jpg) no-repeat;
	text-indent: -9999px;
}

#bt-cam-03 {
	width: 655px;
	height: 90px;
	background:url(http://www.helsinkiformula.co.jp/shops/images/contents/img_campaign_03.jpg) no-repeat;
	text-indent: -9999px;
}

#bt-cam-04 {
	width: 655px;
	margin: 10px auto 10px;
	line-height: 160%;
	text-align: left;
}

.bt-cam-04-left {
	width:395px;
	margin:0 0 0 0;
	float:left;
}
.bt-cam-04-right {
	width:260px;
	height: 65px;
	float:left;
	background:url(http://www.helsinkiformula.co.jp/shops/images/contents/img_campaign_04.jpg) no-repeat;
	text-indent: -9999px;
}

#bt-cam-05 {
	width: 655px;
	height: 105px;
	background: url(http://www.helsinkiformula.co.jp/shops/images/common/img_campaign_20100426_o.jpg) no-repeat;
}
#bt-cam-05 a{
	display:block; 
}
#bt-cam-05 a:hover {
	background-color:transparent;
}
#bt-cam-05 a:hover img {
	visibility:hidden; 
}
#topics-gw {
	width: 540px;
	margin:0 0 0 0;
}
.topics-hcl {	width:390px;	margin:0 5px 0 0;	float:left;}
.topics-hcr {	width:135px;	margin:30px 0 0 0;	float:left;	background: url(http://www.helsinkiformula.co.jp/test/shops/images/haircareroom/img_05_o.jpg) no-repeat;}
.topics-hcr a{	display:block; }
.topics-hcr a:hover {	background-color:transparent;}
.topics-hcr a:hover img {	visibility:hidden; }
.spacer-10 {	margin: 10px auto 0;} 
/*-- ヘアケアルームGW限定キャンペーン --*/
#img-haircareroom-1 {	width:655px;	height:110px;	background:url(http://www.helsinkiformula.co.jp/test/shops/images/haircareroom/img_01.jpg) no-repeat;	text-indent: -9999px;}
#img-haircareroom-2 {	width:655px;	height:130px;	background:url(http://www.helsinkiformula.co.jp/test/shops/images/haircareroom/img_02.jpg) no-repeat;	text-indent: -9999px;}
#img-haircareroom-3 {	width:440px;	height:90px;	background:url(http://www.helsinkiformula.co.jp/test/shops/images/haircareroom/img_03.jpg) no-repeat;	text-indent: -9999px;		margin:0 0 0 0;	float:left;}
#img-haircareroom-4 {	width:215px;	height:90px;	background:url(http://www.helsinkiformula.co.jp/test/shops/images/haircareroom/img_04_o.jpg) no-repeat;	margin:0 0 0 0;	float:left;}
#img-haircareroom-4 a {	display:block;  }
#img-haircareroom-4 a:hover {	background-color:transparent;	}
#img-haircareroom-4 a:hover img {	visibility:hidden;  }
/*-- ヘアケアルームGW限定キャンペーンtest --*/
#fade {
	background: #000;
	position: fixed;
	width: 100%;
	height: 100%;
	filter:alpha(opacity=80);
	opacity: .80;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; /*--IE 8 Transparency--*/
	left: 0;
	top: 0;
	z-index: 10;
}
body {
	height: 100%;
	margin: 0;
	padding: 0;
	background: url(body_bg.gif);
	position: relative;
}
#hideshow {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
}
.popup_block {
	background: #ddd;
	padding: 10px 20px;
	border: 10px solid #fff;
	float: left;
	width: 655px;
	position: fixed;
	top: 20%;
	left: 50%;
	margin: 0 0 0 -325px;
	z-index: 100;
}
.popup_block .popup {
	float: left;
	width: 100%;
	background: #fff;
	margin: 10px 0;
	padding: 10px 0;
	border: 1px solid #bbb;
}
.popup h3 {
	margin: 0 0 20px;
	padding: 5px 10px;
	border-bottom: 1px solid #bbb;
	font-size: 1.5em;
	font-weight: normal;
}
.popup p {
	padding: 0 0;
	margin: 0 0;
}
.popup img.cntrl {
	position: absolute;
	right: -20px;
	top: -20px;
}
.roomBana {	width: 655px;	height: 150px;	margin:10px 0 15px 0;		background: url(../img/room_bana_o.jpg) no-repeat;　}
.roomBana a{	display:block;  }
.roomBana a:hover {	background-color:transparent;}
.roomBana a:hover img {	visibility:hidden;  }


/********************************* 2010/05/21　TOP *********************************/

.header-02 {
	background: url(../img/header_02.jpg) no-repeat;
	text-indent: -9999px;
	margin: 0 auto;
	height: 219px;
	width: 655px;
}

.bland {
	background: url(../img/bland.jpg) no-repeat;
	text-indent: -9999px;
	margin: 0 auto;
	height: 58px;
	width: 655px;
}

.box-glay-01 {
	border-top-width: 1px;
	border-right: 1px solid #EAEAEA;
	border-bottom: 1px solid #EAEAEA;
	border-left: 1px solid #EAEAEA;
	border-top: 1px solid #EAEAEA;
	font-size: 90%;
	margin:15px 0 0 0;
	padding: 5px;
	width: 643px;
}

.box-glay a:link		{color:#3a48a1;text-decoration:underline;}
.box-glay a:visited	{color:#3a48a1;text-decoration:none;}
.box-glay a:hover		{color:#3a48a1;text-decoration:none;}
.box-glay a:active	{color:#3a48a1;text-decoration:none;}

.box-1 {	float:left;	line-height: 60%;}
.box-1 p{	padding:0 0 0 13px; }
.box-1-text-01 {	margin:20px 0 0 5px;}
.box-2 {	float:left;	line-height: 120%;	font-size: 90%;}

.box-1-allow {	background: url(../img/allow_gleen.gif) no-repeat 0 0;}
.box-1-movei {	background: url(../img/icon_movei.jpg) no-repeat 0 0; padding:2px 0 0 20px;	height: 15px;}

#box-1-01 {	margin:5px 0 0 0;	width: 230px;}
#box-1-02 { margin:5px 0 0 0;	width: 190px;}
#box-1-03 { margin:0 5px 0 0;	width: 100px;}
#box-1-04 { 	width: 105px; }

.box-1-font{	font-size: 80%;	color: #999999;}

/* 商品ラインナップ
--------------------------------*/
.title-bg-01 {
	background: url(../img/title_bg.jpg) no-repeat;
	color:#3a48a1;
	margin: 15px auto 0;
	padding:8px 0 0 ;
	height: 36px;
	width: 655px;
	font-size: 120%;
	font-weight: bold;
}

.title-bg-01-top {
	background: url(../img/title_bg.jpg) no-repeat;
	color:#3a48a1;
	margin: 0 auto ;
	padding:8px 0 0 ;
	height: 36px;
	width: 655px;
	font-size: 120%;
	font-weight: bold;
}

.title-bg-01 span{	padding:8px 0 0 25px; margin:8px 0 0 0;	height: 36px;}
.title-bg-01-top span{	padding:8px 0 0 25px; margin:8px 0 0 0;	height: 36px;}

.box-glay-02 {
	border-top-width: 1px;
	border-right: 1px solid #EAEAEA;
	border-bottom: 1px solid #EAEAEA;
	border-left: 1px solid #EAEAEA;
	border-top: 1px solid #EAEAEA;
	font-size: 90%;
	margin:-8px 0 0 0;
	padding: 5px 12px 12px;
	width: 629px;
}

#box-2-01 {	float:left;	margin:8px 0 0 0;	width: 80px;}
#box-2-02 {	float:left; margin:0 0 0 6px;	width: 219px; line-height:130%;}
#box-2-03 {
	float:left;
	margin:0 5px 0 0;
	width: 3px;
	height: 87px;
	background: url(../img/line_01.jpg) no-repeat;
	text-indent: -9999px;
}
#box-2-04 {	float:left; margin:8px 0 0 17px; width: 80px; }
#box-2-05 {	float:left; 	width: 216px;line-height:130%;}

.box-2-allow {	background: url(../img/allow_gleen.gif) no-repeat 0 3px;}
#box-2-02 p span{	padding:0 0 0 11px;}
#box-2-05 p span{	padding:0 0 0 11px;}

/* 商品ラインナップ(共通スタイル)
--------------------------------*/
#box-glay-03-l {
 float:left;
	border-top-width: 1px;
	border-right: 1px solid #EAEAEA;
	border-bottom: 1px solid #EAEAEA;
	border-left: 1px solid #EAEAEA;
	font-size: 90%;
	margin:20px 0 0 0;
	padding:0 0 10px 0;
	width: 322px;
}

#box-glay-03-r {
 float:left;
	border-top-width: 1px;
	border-right: 1px solid #EAEAEA;
	border-bottom: 1px solid #EAEAEA;
	border-left: 1px solid #EAEAEA;
	font-size: 90%;
	margin:20px 0 0 7px;
	padding:0 0 10px 0;
	width: 322px;
}
/* ハーフタイトル(共通スタイル)
--------------------------------*/
.title-bg-02 {
	background: url(../img/title_bg.jpg) no-repeat;
	color:#3a48a1;
	margin: 0 auto ;
	padding:8px 0 0 ;
	height: 36px;
	width: 322px;
	font-size: 120%;
	font-weight: bold;
}

.title-bg-02 span{	padding:8px 0 0 25px; margin:8px 0 0 0;	height: 36px;}

/* ハーフボックス共通部分
--------------------------------*/
.box-3-01-img { float:left;	margin: 5px 0 0 11px ;	width: 80px;}
.box-3-01-text { float:left;	margin: 0 ;	width: 210px;line-height:130%;}
.box-3-01-text p span{	padding:0 0 0 11px;}

/* 頭皮ケアお悩み解決方
--------------------------------*/
#title-bg-03 {
	background: url(../img/img_06.jpg) no-repeat;
	text-indent:-9999px;
	height: 83px;
	width: 655px;
	margin: 18px auto 0;
}

/* 頭皮ケアお悩み解決方
--------------------------------*/
.box-glay-04 {
	border-top-width: 1px;
	border-right: 1px solid #EAEAEA;
	border-bottom: 1px solid #EAEAEA;
	border-left: 1px solid #EAEAEA;
	border-top: 1px solid #EAEAEA;
	font-size: 90%;
	padding: 5px 0 5px 10px;
	width: 643px;
}

/* 悩み部分
--------------------------------*/
#box-4-01 { float:left;	width: 156px; margin:0 0 0 0;}
#box-4-02 { float:left;	width: 188px;}
#box-4-03 { float:left; width: 263px; }

#box-4-01 p { padding:0 0 0 11px;	background: url(../img/allow_gleen.gif) no-repeat 0 4px;line-height:110%;}
#box-4-02 p { padding:0 0 0 11px;	background: url(../img/allow_gleen.gif) no-repeat 0 4px;line-height:110%;}
#box-4-03 p { padding:0 0 0 11px;	background: url(../img/allow_gleen.gif) no-repeat 0 4px;line-height:110%;}

/* バナー（Q&A　ヘアケアルーム）
--------------------------------*/
#bana-qa { float:left;	width: 300px; margin:18px 15px 0 0;}
#bana-haircare { float:left;	width: 300px; margin:18px 0 0 0;}

.bana-tit {	font-weight: bold;	color: #999900;line-height:20%;	font-size: 120%; }
.bana-text-capcion {	color: #CC0000; font-size: 90%;line-height:115%; margin:-5px 0 0 2px; }

/* バナー（オンラインショップ）
--------------------------------*/
#bana-onlineshop { width: 655px; margin:18px auto 0;}


/* 商品ラインナップ(共通スタイル)
--------------------------------*/
#box-glay-05-l {
 float:left;
	border-top-width: 1px;
	border-right: 1px solid #EAEAEA;
	border-bottom: 1px solid #EAEAEA;
	border-left: 1px solid #EAEAEA;
	font-size: 90%;
	margin:20px 0 0 0;
	height: 165px;
	width: 322px;
}

#box-glay-05-r {
 float:left;
	border-top-width: 1px;
	border-right: 1px solid #EAEAEA;
	border-bottom: 1px solid #EAEAEA;
	border-left: 1px solid #EAEAEA;
	font-size: 90%;
	margin:20px 0 0 7px;
	height: 165px;
	width: 322px;
}

.box-5-01-img { float:left;	padding: 0 0 0 5px ;	width: 80px;}
.box-5-01-text { float:left;	padding: 0 0 0 8px ;	width: 205px;line-height:140%;}
.box-5-01-text p{	padding:10px 0 0 11px;	margin: 0 ;}
.box-5-01-text-o { padding: 10px 0 0 8px ;	width: 300px;line-height:140%;}

.box-5-01-text-01 {	margin: -2px 0 10px 0 ; font-weight: bold;	color: #999900;	width: 205px	}
.box-5-01-text-02 {	margin: -2px 0 10px 0 ;}
.box-5-list { padding:0 0 0 11px;	background: url(../img/list_01.jpg) no-repeat 0 4px;}
.box-5-list-o { padding:0 0 0 11px;	}
.box-5-allow {	background: url(../img/allow_gleen.gif) no-repeat 0 3px;	font-size: 80%; padding:0 0 0 8px; margin:0 0 0 15px;}

/* 新着情報
--------------------------------*/
.title-bg-news {
	background: url(../img/title_bg_sinchaku.jpg) no-repeat;
	color:#3a48a1;
	margin: 15px auto 0;
	padding:0 0 0;
	height: 36px;
	width: 655px;
	font-size: 90%;
	font-weight: normal;
}

#news-tit-text {	width: 110px; float:right;}
.news-tit-text-01 {	float:left;}
.news-tit-img { float:left;	width: 16px;}

/* リンク設定
--------------------------------*/
.box-glay-01 a:link , .box-glay-02 a:link , 
#box-glay-03-l a:link	, #box-glay-03-r a:link	, .box-glay-04 a:link	,
#box-glay-05-l a:link	, #box-glay-05-r a:link
{color:#3a48a1;text-decoration:underline;}

.box-glay-01 a:visited , .box-glay-02 a:visited , 
#box-glay-03-l a:visited	,#box-glay-03-r a:visited	, .box-glay-04 a:visited	,
#box-glay-05-l a:visited	,#box-glay-05-r a:visited
{color:#3a48a1;text-decoration:underline;}

.box-glay-01 a:hover	, .box-glay-02 a:hover	, 
#box-glay-03-l a:hover , #box-glay-03-r a:hover , .box-glay-04 a:hover	,
#box-glay-05-l a:hover , #box-glay-05-r a:hover 
{color:#3a48a1;text-decoration:none;}

.box-glay-01 a:active , .box-glay-02 a:active , 
#box-glay-03-l a:active , #box-glay-03-r a:active , .box-glay-04 a:active	,	
#box-glay-05-l a:active , #box-glay-05-r a:active 
{color:#3a48a1;text-decoration:underline;}


/* サイドバナー設定
--------------------------------*/
.side-bana-text { line-height:20%;text-align:left;	font-size: 90%;color: #666;}
.side-bana-text-02 { line-height:20%;text-align:left;	font-size: 90%;color: #059b60;}

#side-shop-line {	border: 1px solid #28348A;	font-size: 90%;width: 198px;}

#side-shop-01 {	color: #28348A; line-height:10%;}
#side-shop-02 {	margin:0;}
#side-shop-03 {	text-align:left;}


/* イメージリンク設定
--------------------------------*/
#top-img{	background:url(../img/header_02_o.jpg) no-repeat;	width: 655px;}
#side-bana-01{	background:url(../img/side_btn_ginza_o.jpg) no-repeat;	width: 200px;}
#side-bana-02{	background:url(../img/side_btn_shop_head_o.jpg) no-repeat;	width: 200px;}
#side-bana-03{	background:url(../img/side_btn_mailmag_o.jpg) no-repeat;	width: 193px; margin:0 0 0 1px;}
#side-bana-04{	background:url(../img/side_btn_teiki_02_o.jpg) no-repeat;	width: 200px;}
#side-bana-05{	background:url(../img/side_btn_skin_02_o.jpg) no-repeat;	width: 200px;}
#side-bana-06{	background:url(../img/side_btn_body_02_o.jpg) no-repeat;	width: 200px;}
#side-bana-07{	background:url(../img/side_btn_body_02_o.jpg) no-repeat;	width: 200px;}
#bana-onlineshop{	background:url(../img/bana_onlineshop_o.jpg) no-repeat;	width: 655px;}
#bana-qa-02{	background:url(../img/bana_qa_o.jpg) no-repeat;	width: 300px;}
#haircare-room{	background:url(../img/bana_haircare_o.jpg) no-repeat;	width: 300px;}
.kuwasiku{	background:url(../img/bt_kuwasiku_o.jpg) no-repeat;	width: 80px;}
.kuwasiku2{	background:url(../img/bt_kuwasiku_o.jpg) no-repeat 8px 0;	width: 80px; float:left;}
#bana-2010summer{	background:url(../img/side_summer_o.jpg) no-repeat;	width: 200px;}

/* リンク設定
--------------------------------*/
#top-img a ,
#side-bana-01 a , #side-bana-02 a , #side-bana-03 a , #side-bana-04 a ,
#side-bana-05 a , #side-bana-06 a , #side-bana-07 a , #bana-2010summer a ,
#bana-onlineshop a , #bana-qa-02 a , #haircare-room a, .kuwasiku a, .kuwasiku2 a {
	display:block;  
}

#top-img a:hover ,
#side-bana-01 a:hover , #side-bana-02 a:hover , #side-bana-03 a:hover , #side-bana-04 a:hover,
#side-bana-05 a:hover , #side-bana-06 a:hover , #side-bana-07 a:hover , #bana-2010summer a:hover ,
#bana-onlineshop a:hover , #bana-qa-02 a:hover , #haircare-room a:hover , .kuwasiku a:hover , .kuwasiku2 a:hover {
	background-color:transparent;
}

#top-img a:hover img ,
#side-bana-01 a:hover img , #side-bana-02 a:hover img , #side-bana-03 a:hover img, #side-bana-04 a:hover img,
#side-bana-05 a:hover img , #side-bana-06 a:hover img , #side-bana-07 a:hover img , #bana-2010summer a:hover img ,
#bana-onlineshop a:hover img , #bana-qa-02 a:hover img , #haircare-room a:hover img , .kuwasiku a:hover img .kuwasiku2 a:hover img{
	visibility:hidden;  
}
/* フォントサイズ
--------------------------------*/
.font-smal{	font-size:80%;}


/* 乳化の働き
--------------------------------*/
#header-nyuuka{ margin: 20px auto 0 ;	width: 655px;}

.nyuka-text-01{	float:left; margin: 10px 10px 15px 5px;		width: 435px; text-align:left;}
.nyuka-text-02{	float:left; margin: 10px 10px 0 5px;		width: 475px; text-align:left;}
#nyuka-img-01{	float:left; margin: 0 ;	width: 200px;}
#nyuka-img-02{	float:left; margin: 0 ;	width:160px}
#nyuka-box-03{	margin: 0 ;	width:}