/* ----------------------------------------------
	Wallpaper
-------------------------------------------------*/
h4{
	width:790px;
	background:url(/skin/purpose/images/h4_bg_purpose.gif) repeat-x;
	padding-left:10px;
	}

.StaticText{
	width:770px;
	margin:auto;
	}
	
	
	.OrangeList{
		background:url(/common/images/icon_attention.gif) no-repeat left 3px;
		padding-left: 10px;
		margin-bottom:5px;
		}
		
	ol.Setting li{
		margin-left:35px;
		}

.Thumb{
	width:350px;
	margin:0 17px;
/* 1つのときここからコメントアウト */
	float:left;
	display:inline;
/* 1つのときここまでコメントアウト */
	}
	
	ul.Size{
		text-align:center;
		margin:10px 0 20px 0;
		}
		
	ul.Size li{
		display:inline;
		}
		
	ul.Size li.center{
		margin-left:11px;
		margin-right:11px;
		}

/* ----------------------------------------------
	Beauty In
-------------------------------------------------*/
.w335{
	width:335px;
	float:left;
	}

#w465-type01{
	background-image:url(/special/beauty/images/type01_bg.jpg);
	width:465px;
	height:387px;
	float:left;
	background-repeat: no-repeat;
	background-position: bottom;
	}
	
	#w465-type01 p{
		padding-top:5px;
		padding-left:18px;
		float:left;
		}

#w465-type02{
	background-image:url(/special/beauty/images/type02_bg.jpg);
	width:465px;
	height:387px;
	float:left;
	background-repeat: no-repeat;
	background-position: bottom;
	}
	
	#w465-type02 p{
		padding-top:5px;
		float:left;
		}
		
	#w465-type02 p.left{
		padding-left:45px;
		}
		
	#w465-type02 p.right{
		padding-left:15px;
		}
		
#w465-type03{
	background-image:url(/special/beauty/images/type03_bg.jpg);
	width:465px;
	height:420px;
	float:left;
	background-repeat: no-repeat;
	background-position: bottom;
	}
	
	#w465-type03 p{
		padding-top:5px;
		float:left;
		}
		
	#w465-type03 p.left{
		padding-left:55px;
		}
		
	#w465-type03 p.right{
		padding-left:35px;
		}

/* ----------------------------------------------
	Girl Series
-------------------------------------------------*/
#GirlSeries{
	width:797px;
	background-color:#ffe1eb;
	padding-bottom:30px;
	}

.Container{
	margin-top:25px;
	}
	
.TabArea1{
	width:476px;
	height:35px;
	padding-left:34px;
	background-image:url(/special/girl/images/tab_bg1.gif);
	background-repeat: no-repeat;
	}

.TabArea2{
	width:440px;
	height:35px;
	padding-left:70px;
	background-image:url(/special/girl/images/tab_bg2.gif);
	background-repeat: no-repeat;
	}

.w287{
	width:287px;
	float:left;
	}
	
#w510-Outdoor{
	width:510px;
	height:445px;
	background-image:url(/special/girl/images/outdoor_bg.gif);
	background-repeat: no-repeat;
	background-position: bottom;
	float:left;
	position:relative;
	}

		
#Btn-Outdoor{
	position:absolute;
	bottom:30px;
	left:94px;
		}
#Btn-Outdoor2{
	position:absolute;
	bottom:30px;
	left:285px;
		}
#w510-Travel{
	width:510px;
	height:445px;
	background-image:url(/special/girl/images/travel_bg.gif);
	background-repeat: no-repeat;
	background-position: bottom;
	float:left;
	}

	#w510-Travel p.left{
		padding-left:70px;
		float:left;
		}

	#w510-Travel p.right{
		padding-left:33px;
		float:left;
		}
		
#w510-Myroom{
	width:510px;
	height:445px;
	background-image:url(/special/girl/images/travel_bg.gif);
	background-repeat: no-repeat;
	background-position: bottom;
	float:left;
	}
	
	#RoomPosition{
		position:absolute;
		width:510px;
		height:410px;
		}

	#RoomPosition p.left{
		width:109px;
		height:33px;
		position:relative;
		left: 50px;
		top: 260px;
		}

	#RoomPosition p.center{
		width:108px;
		height:33px;
		position:relative;
		left: 178px;
		top: 255px;
		}
		
	#RoomPosition p.right{
		width:223px;
		height:33px;
		position:relative;
		left: 233px;
		top: 277px;
		}

#More{
	width:730px;
	margin:15px auto auto auto;
	background-color:#ffffff;
	border: 2px solid #c4c3c3;
	}
	
	#More p.title{
		background-color:#c4c3c3;
		padding:4px 10px;
		}
		
	#More p.text{
		margin:10px 0 7px 15px;
		}
		
	#More p.button img{
		margin: 0 0 5px 9px;
		}

	.dot{
		background:url(/special/girl/images/dotted.gif) repeat-x 1px;
		width:97%;
		margin:10px;
		height:1px;
		}

	
/* ----------------------------------------------
	Hyalocharge-top
-------------------------------------------------*/
#HyalochargeContent {
	margin:0 auto;
	width:802px;
	}

#Top-White{
	width:400px;
	height:612px;
	background-image:url(/special/hyalocharge/images/top/top_white_bg.jpg);
	background-repeat: no-repeat;
	background-position: bottom;
	float:left;
	}
	
	#Top-White p{
		padding-left:76px;
		}
		
#Top-Moisture{
	width:400px;
	height:612px;
	background-image:url(/special/hyalocharge/images/top/top_moisture_bg.jpg);
	background-repeat: no-repeat;
	background-position: bottom;
	float:left;
	}
	
	#Top-Moisture p{
		padding-left:45px;
		}


/* 110916 renewal */
#HyalochargeContent h2 {
	margin:0 0 30px 23px;
}

#HyalochargeContent #HyalochargeContentTxt {
	margin:0 auto 30px;
	text-align:center;
}

#HyalochargeContent #HyalochargeContentBtn {
}
#HyalochargeContent #HyalochargeContentBtn a {
	margin:0 auto;
	text-align:center;
	display:block;
	width:334px;
	height:44px;
	text-indent:-9999px;
	background:url(/special/hyalocharge/images/top/top_btn.gif) left top no-repeat;
}
#HyalochargeContent #HyalochargeContentBtn a:hover {
	background-position:left -44px;
}


		
/* ----------------------------------------------
	Hyalocharge-Moisture
-------------------------------------------------*/

#ProductList-Moisture{
	width:775px;
	height:266px;
	padding-left:22px;
	padding-top:32px;
	background-image:url(/special/hyalocharge/images/moisture/productlist_bg.jpg);
	}

div.MoistureListBox{
	padding-left:1px;
	background-image:url(/special/hyalocharge/images/moisture/productlist_box.gif);
	background-repeat: no-repeat;
	}
	
	div.MoistureListBox div.heightLine-Moisture{
		width:141px;
		padding:4px 4px 10px 4px;
		margin-right:1px;
		background-image:url(/special/hyalocharge/images/moisture/icon_corner_p.gif);
		background-repeat: no-repeat;
		background-position: right bottom;
		text-align:center;
		float:left;
		color:#595959;
		position:relative;
		line-height:120%;
		}
		
	div.MoistureListBox div.heightLine-Moisture p{
		margin-top:5px;
		}
		
	div.heightLine-Moisture.hover {
		background-color: #fef4f7;
		cursor: pointer;
		}
		
#Mechanism-Moisture .Left{
	width:430px;
	float:left;
	}
	
	#Mechanism-Moisture .Left img{
		vertical-align:bottom;
		}
		
	#Mechanism-Moisture .Left2{
		width:367px;
		float:left;
		}
		
	#Mechanism-Moisture .Left2 img{
		vertical-align:bottom;
		}
	
#SuperMoisture{
	width:797px;
	height:367px;
	background-image:url(/special/hyalocharge/images/moisture/step_bg.jpg);
	background-repeat: no-repeat;
	background-position: right top;
	}
	
	#SuperMoisture p.image{
		padding-top:30px;
		padding-left:109px;
		float:left;
		}
		
	#SuperMoisture p.title{
		width:367px;
		padding-top:20px;
		float:left;
		}
		
	#SuperMoisture p.text{
		width:270px;
		float:left;
		padding:30px;
		}


/* ----------------------------------------------
	Hyalocharge-White
-------------------------------------------------*/

#ProductList-white{
	width:775px;
	height:266px;
	padding-left:22px;
	padding-top:32px;
	background-image:url(/special/hyalocharge/images/white/productlist_bg.jpg);
	}

div.WhiteListBox{
	padding-left:1px;
	background-image:url(/special/hyalocharge/images/white/productlist_box.gif);
	background-repeat: no-repeat;
	}
	
	div.WhiteListBox div.heightLine-White{
		width:116px;
		padding:4px 4px 10px 4px;
		margin-right:1px;
		background-image:url(/special/hyalocharge/images/white/icon_corner_b.gif);
		background-repeat: no-repeat;
		background-position: right bottom;
		text-align:center;
		float:left;
		color:#595959;
		position:relative;
		line-height:120%;
		}
		
	div.WhiteListBox div.heightLine-White p{
		margin-top:5px;
		}
		
	div.heightLine-White.hover {
		background-color: #f2faff;
		cursor: pointer;
		}

#Mechanism .Left{
	width:360px;
	height:270px;
	float:left;
	}
#Mechanism .Left img{
	vertical-align:bottom;
	}
	
#Mechanism .Left2{
	width:439px;
	float:left;
	}
#Mechanism .Left2 img{
	vertical-align:bottom;
	}
	
#Mechanism .Point{
	width:797px;
	background-image:url(/special/hyalocharge/images/white/mechanism_05.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	text-align:right;
	}
	
#Mechanism .Point img{
	vertical-align:bottom;
	}

#Step-White{
	width:797px;
	height:235px;
	background-image:url(/special/hyalocharge/images/white/step_bg.jpg);
	background-repeat: no-repeat;
	background-position: right top;
	}
	
	#Step-White p.image{
		padding-left:162px;
		float:left;
		}
		
	#Step-White p.text{
		width:200px;
		height:170px;
		padding-top:52px;
		padding-right:20px;
		background-image:url(/special/hyalocharge/images/white/step_02.gif);
		background-repeat: no-repeat;
		background-position: left top;
		float:left;
		}
		
/* ----------------------------------------------
	Powder - Dance
-------------------------------------------------*/
#Dance{
	width:801px;
	padding-bottom:10px;
	}
	
/* ----------------------------------------------
	PowderDance - Header
-------------------------------------------------*/
#DanceHead{
	position: relative;
	width:800px;
	}
		
	#DanceHead img{
		vertical-align:bottom;
		}
		
	#DanceHead .navi1{
		position: absolute;
		top: 165px;
		left: 120px;
		}
		
	#DanceHead .navi2{
		position: absolute;
		top: 140px;
		left: 235px;
		}
		
	#DanceHead .navi3{
		position: absolute;
		top: 135px;
		left: 352px;
		}
		
	#DanceHead .navi4{
		position: absolute;
		top: 140px;
		left: 470px;
		}
		
	#DanceHead .navi5{
		position: absolute;
		top: 165px;
		left: 585px;
		}
		
	#DanceHead .h2-gallery{
		position: absolute;
		top: 262px;
		left: 0px;
		}
		
	#DanceHead .h2-try{
		position: absolute;
		top: 242px;
		left: 0px;
		}
		
	#DanceHead .try_kaoruko{
		position: absolute;
		top: 323px;
		left: 55px;
		}
		
	#DanceHead .h2-product{
		position: absolute;
		top: 240px;
		left: 104px;
		}
		
/* ----------------------------------------------
	PowderDance - Bottom
-------------------------------------------------*/
#DanceBottom{
		position: relative;
		width:800px;
		height:140px;
		}
		
	#DanceBottom .Heart{
		position: absolute;
		top: 35px;
		left: 645px;
		}
		
/* ----------------------------------------------
	PowderDance - Top
-------------------------------------------------*/
#DanceMenu{
	position: relative;
	}
	
#DanceMenu img{
	vertical-align:bottom;
	}
	
	.menu1{
		position: absolute;
		top: 15px;
		left: 45px;
		}
		
	.menu2{
		position: absolute;
		top: 15px;
		left: 400px;
		}
		
	.menu3{
		position: absolute;
		top: 220px;
		left: 45px;
		}
		
	.menu4{
		position: absolute;
		top: 220px;
		left: 400px;
		}

/* ----------------------------------------------
	PowderDance - CM
-------------------------------------------------*/
	#CM-Small{
		position: relative;
		}
		
	#CM-Small img{
		vertical-align:bottom;
		}
		
	#CM-Small-Button{
		position: absolute;
		top:0px;
		left: 292px;
		}
		
		
/* ----------------------------------------------
	PowderDance - Profile
-------------------------------------------------*/

#ProfPhoto{
	width:290px;
	float:left;
	}
	
#ProfPhoto img{
	vertical-align:bottom;
	}

#ProfText{
	width:510px;
	position: relative;
	float:left;
	}
	
#ProfText img{
	vertical-align:bottom;
	}
	
	#ProfLink1{
		position: absolute;
		left: 14px;
		top: 314px;
		}
		
	#ProfLink2{
		position: absolute;
		left: 14px;
		top: 334px;
		}
		
/* ----------------------------------------------
	PowderDance - Gallery
-------------------------------------------------*/
		
	#Thumbnail{
		position: relative;
		}
	
		.thumb01{
			position: absolute;
			left: 45px;
			top: 0px;
			}
			
		.thumb02{
			position: absolute;
			left: 60px;
			top: 150px;
			}
			
		.thumb03{
			position: absolute;
			left: 90px;
			top: 255px;
			}
			
		.thumb04{
			position: absolute;
			left: 45px;
			top: 400px;
			}
			
		.thumb05{
			position: absolute;
			left: 60px;
			top: 530px;
			}
			
		.thumb06{
			position: absolute;
			left: 250px;
			top: 0px;
			}
			
		.thumb07{
			position: absolute;
			left: 270px;
			top: 130px;
			}
			
		.thumb08{
			position: absolute;
			left: 300px;
			top: 250px;
			}
			
		.thumb09{
			position: absolute;
			left: 260px;
			top: 440px;
			}
			
		.thumb10{
			position: absolute;
			left: 320px;
			top: 565px;
			}
			
		.thumb11{
			position: absolute;
			left: 400px;
			top: 30px;
			}
			
		.thumb12{
			position: absolute;
			left: 590px;
			top: 15px;
			}
			
		.thumb13{
			position: absolute;
			left: 510px;
			top: 220px;
			}
			
		.thumb14{
			position: absolute;
			left: 480px;
			top: 370px;
			}
			
		.thumb15{
			position: absolute;
			left: 510px;
			top: 500px;
			}
* html .iepngfix {
	behavior:expression(IEPNGFIX.fix(this));
}

/* ----------------------------------------------
	PowderDance - Product
-------------------------------------------------*/
#Point{
	position: relative;
	}
	
#Point img{
	vertical-align:bottom;
	}
	
	.catch{
		position: absolute;
		top: 0;
		left: 56px;
		}
		
	.point1{
		position: absolute;
		top: 67px;
		left: 69px;
		}
		
	.point2{
		position: absolute;
		top: 127px;
		left: 100px;
		}
		
	.point3{
		position: absolute;
		top: 187px;
		left: 139px;
		}
		
	.point4{
		position: absolute;
		top: 238px;
		left: 465px;
		}
		
#Check{
	position: relative;
	}
	
#Check img{
	vertical-align:bottom;
	}
	
	.check1{
		position: absolute;
		top: 1px;
		left: 50px;
		}
		
	.check2{
		position: absolute;
		top: 1px;
		left: 405px;
		}
		
/* ----------------------------------------------
	PowderDance - Scene
-------------------------------------------------*/
#SceneLeft{
	width:520px;
	float:left;
	position: relative;
	}
	
#SceneRight{
	width:280px;
	float:left;
	}
	
.scene01{
	position:absolute;
	top:123px;
	left:91px;
	}
	
.scene05{
	position:absolute;
	top:110px;
	left:54px;
	}
	
.scene08{
	position:absolute;
	top:120px;
	left:54px;
	}

	.scene01-text{
		position:absolute;
		top:480px;
		left:160px;
		}
	
	.scene01-btn{
		position:absolute;
		top:550px;
		left:208px;
		}

	.scene02-text{
		position:absolute;
		top:475px;
		left:116px;
		}
		
	.scene07-text{
		position:absolute;
		top:467px;
		left:116px;
		}
		
	.scene-btn-left{
		position:absolute;
		top:550px;
		left:111px;
		}
		
	.scene-btn-right{
		position:absolute;
		top:550px;
		left:317px;
		}
		
	.scene-btn-left-04{
		position:absolute;
		top:550px;
		left:75px;
		}
		
	.scene-btn-right-04{
		position:absolute;
		top:537px;
		left:286px;
		}



		
/* ----------------------------------------------
	CoenrichQ10 - Star:11/12/01
-------------------------------------------------*/

#CoenrichContent{
	position:relative;
	margin:0 auto;
	width:800px;
	}

	#CoenrichContentInner{
		position:relative;
		margin:0 -20px;
		padding:0 20px;
		background:url(/special/coenrich/images/bg_mdl.gif) left top repeat-y;
		}
		
	#CoenrichContent h2{
		position:relative;
		margin:0 -20px;
		padding-top:11px;
		background:url(/special/coenrich/images/bg_top.gif) left top no-repeat;
	}
		#CoenrichContent h2 img{
			float:left;
			padding:15px 0 0 40px;
		}
		#CoenrichContent h2 span img{
			float:right;
			padding:0 30px 0 0;
		}

	ul#CoenrichContentMenu{
		position:relative;
		margin:-10px -20px 15px;
		padding:4px 0 0 391px;
		height:36px;
		background:url(/special/coenrich/images/bg_menu_tab01.png) left top no-repeat;
	}
		ul#CoenrichContentMenu.CoenrichContentMenu02{
			background:url(/special/coenrich/images/bg_menu_tab02.png) left top no-repeat;
		}
		ul#CoenrichContentMenu li{
			float:left;
			margin-right:14px;
			list-style-type:none;
		}

	#CoenrichContent h3{
		margin-bottom:10px;
	}

	#CoenrichContent h4{
		margin:0 0 3px 20px;
		background:none !important;
		padding:0 !important;
		width:auto !important;
	}
	
	#CoenrichContentColumn2{
		margin:0 auto 30px;
		width:770px;
	}
		#CoenrichContentColumn2 p{
			float:left;
		}
	
	#CoenrichContentBtn{
		position:relative;
		text-align:center;
		margin:0 -20px;
		padding-bottom:45px;
		background:url(/special/coenrich/images/bg_btm.gif) left bottom no-repeat;
	}


.ta-C{
	text-align:center;
}

.mr5{
	margin-right:5px;
}