/*main--------------*/
#mainstylearea {
	width: 870px;
}
#mainleftarea {
	float: left;
	width: 406px;
}
#mainttlarea,
#mainttlarea h2,
#mainttlarea h3,
#mainttlarea p {
	float: left;
	width: 406px;
}
#mainitemarea,
#mainitemarea p {
	float: left;
	width: 406px;
}
#mainitembox {
	background-repeat: no-repeat;
	float: left;
	width: 338px;
	height: 123px;
	padding: 0px 0px 0px 68px;
}
.mainitemboxbgvol1{
background-image: url(../image/vol1/bg_item_main01.jpg);
}
.mainitemboxbgvol2{
background-image: url(../image/vol2/bg_item_main01.jpg);
}
.mainitemboxbgvol3{
background-image: url(../image/vol3/bg_item_main01.jpg);
}
.mainitemboxbgvol4{
background-image: url(../image/vol4/bg_item_main01.jpg);
}
.mainitemboxbgvol5{
background-image: url(../image/vol5/bg_item_main01.jpg);
}
.mainitemboxbgvol6{
background-image: url(../image/vol6/bg_item_main01.jpg);
}
#mainitembox p {
	float: left;
	width: 240px;
	text-align:center;
	font-size: 11px;
	line-height: 15px;
}
#beforearea {
	background-repeat: no-repeat;
	float: left;
	width: 406px;
}
.beforeareabgvol1 {
	background-image: url(../image/vol1/bg_before.jpg);
}
.beforeareabgvol2 {
	background-image: url(../image/vol2/bg_before.jpg);
}
.beforeareabgvol3 {
	background-image: url(../image/vol3/bg_before.jpg);
}
.beforeareabgvol4 {
	background-image: url(../image/vol4/bg_before.jpg);
	color:#FFFFFF;
}
.beforeareabgvol5 {
	background-image: url(../image/vol5/bg_before.jpg);
	color:#FFFFFF;
}
.beforeareabgvol6 {
	background-image: url(../image/vol6/bg_before.jpg);
	color:#FFFFFF;
}
#textbefore {
	float: left;
	width: 139px;
	padding: 0px 0px 0px 68px;
}
#textbefore img{
	padding: 0px 0px 5px 0px;
}
#textbefore p {
	float: left;
	width: 139px;
	font-size: 11px;
	line-height: 14px;
}
#imgbefore {
	float: left;
	width: 199px;
}
#mainrightarea {
	float: left;
	width: 464px;
}
#mainrightarea .imgmainstyle {
	float: left;
	width: 464px;
}
#specialmainarea .creditbox {
	width: 870px;
	text-align:right;
	font-size: 11px;
	line-height: 18px;
	padding: 0px 0px 27px 0px;
	clear:both;
}
/*style-------------*/
#stylesubarea {
	float:left;
	width: 870px;
	margin-bottom: 21px;
}
#stylepointarea {
	float: left;
	width: 515px;
	padding: 0px 43px 0px 18px;
}
#stylepointarea h4 {
	float: left;
	width: 515px;
}
#stylepointarea .stylepointbox {
	float: left;
	width: 515px;
	padding: 15px 0px 0px 0px;
}

#imgstylepoint {
	float: left;
	width: 354px;
}
#textstylepoint1 {
	float: left;
	width: 161px;
}
#textstylepoint1 p {
	float: left;
	width: 161px;
	font-size: 11px;
	line-height: 16px;
}
/*styleimage--------------*/
#imgstylefull {
	float: left;
	width: 515px;
}
#stylepointarea .textstylefull {
	float: left;
	width: 435px;
	font-size: 11px;
	line-height: 14px;
}
/*--------------*/
#styledataarea {
	float: left;
	width: 262px;
	background-image: url(../image/common/bg_frame.gif);
	background-repeat: repeat;
	padding: 13px 16px 0px 16px;
	height: 480px;
}
#datastyle{
	float: left;
	width: 262px;
	padding: 0px 0px 10px 0px;
}
#styledataarea h4,
#datastyle p {
	float: left;
	width: 262px;
}
/*menu---------------*/
#menutimearea {
	float: left;
	width: 262px;
	background-color: #FFFFFF;
}
#menutimearea p {
	float: left;
	width: 262px;
}
#menutimearea .menutext {
	float: left;
	width: 239px;
	padding: 0px 0px 17px 23px;
	font-size: 12px;
	line-height: 18px;
}
#menutimearea .btnspalink {
	float: left;
	width: 248px;
	padding: 0px 7px 8px 7px;
	text-align: right;
	font-size: 11px;
}
/*salon--------------*/
#saloninfoarea {
	float: left;
	width: 853px;
	border: 1px solid #898989;
	padding: 15px 0px 0px 15px;
	height: 244px;
	font-size: 11px;
	line-height: 18px;
}
#saloninfoarea h4 {
	width: 566px;
}
#saloninfoarea strong{
	font-size: 12px;
	line-height: 18px;
}
#salonarea {
	float: left;
	width: 472px;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #c9c9c9;
}
#imgsalon {
	float: left;
	width: 241px;
	padding: 0px 12px 0px 0px;
}

#salontext,
#salontext p{
	float: left;
	width: 188px;
}
#salontext a{
	float: left;
	padding: 10px 0px 0px 0px;
}
#salontext .salontextbox{
	float: left;
	width: 188px;
	padding: 9px 0px 0px 0px;
}
#stylistarea {
	float: left;
	width: 358px;
}
#textstylitarea {
	float: left;
	width: 178px;
	font-size: 11px;
	line-height: 18px;
	padding: 9px 0px 0px 0px;
}
#textstylitarea .stylittext{
	float: left;
	width: 158px;
	padding: 15px 0px 0px 0px;
}
#textstylitarea a{
	float: left;
	width: 144px;
	padding: 15px 0px 0px 0px;
}
#imgstylit {
	float: left;
	width: 125px;
	padding: 0px 12px 0px 42px;
}
/*pro---------------*/
#proarea {
	float: left;
	width: 870px;
	padding: 49px 0px 0px 0px;
}
#proarea h4 {
	float: left;
	width: 870px;
}
#proframe {
	float: left;
	width: 870px;
	margin-top: 14px;
	background-color: #e8e8e8;
}

#proarea .probox {
	float: left;
	width: 836px;
	padding: 21px 0px 13px 34px;
}
/*talk--------------*/
#talkttlarea {
	float: left;
	width: 836px;
}
#talkttlarea h4 {
	float: left;
	width: 252px;
}
#talkttlarea .talkman {
	float: left;
	width: 584px;
	font-size: 12px;
	font-weight: bold;
	padding: 4px 0px 0px 0px;
}
#talkarea {
	float: left;
	width: 787px;
	padding: 14px 0px 0px 0px;
}
#imgtalk {
	float: left;
	width: 255px;
}
#talkbox {
	float: left;
	width: 532px;
}
#talkbox p {
	font-size: 12px;
	line-height: 16px;
	padding: 0px 0px 11px 0px;
}
/*talk02---------------*/
.talkcolorvol1 strong {
	color: #920683;
}
.talkcolorvol2 strong {
	color: #e5004f;
}
.talkcolorvol3 strong {
	color: #295639;
}
.talkcolorvol4 strong {
	color: #11a8a9;
}
.talkcolorvol5 strong {
	color: #e0ab0a;
}
.talkcolorvol6 strong {
	color: #9b4a8c;
}
/*process---------------*/
#processarea {
	float: left;
	width: 804px;
}
#processarea h4{
	float: left;
	width: 800px;
}
#processmain {
	float: left;
	width: 804px;
	padding: 10px 0px 19px 0px;
}
#textprocess {
	float: left;
	width: 296px;
}
#textprocess p {
	float: left;
	width: 255px;
}
#processmain .processbox {
	float: left;
	width: 237px;
	padding: 0px 17px 0px 0px;
}
#processmain .imgprocess {
	float: left;
	width: 115px;
	padding: 0px 7px 0px 0px;
}
#processmain .processtextbox,
#processmain .processtextbox p {
	float: left;
	width: 115px;
	font-size: 11px;
	line-height: 14px;
}
#itemarea {
	float: left;
	width: 870px;
	padding: 30px 0px 0px 0px}
#itembox {
	float: left;
	width: 870px;
}
#itembox .imgitem1 {
	float: left;
	width: 335px;
	padding: 22px 0px 0px 55px
}
#createtext {
	float: left;
	width: 783px;
	padding: 19px 0px 0px 0px
}
#createtext p {
	float: left;
	width: 559px;
	font-size: 11px;
	line-height: 16px;
}
#imgrogo {
	float: left;
	width: 224px;
}
#itembox .imgitem2 {
	float: left;
	width: 207px;
	padding: 0px 14px 0px 0px
}
#itembox .imgitem3 {
	float: left;
	width: 207px;
}
/*item---------------*/
#itemarea2 {
	float: left;
	width: 870px;
	padding: 30px 0px 0px 0px}
#itembox2 {
	float: left;
	width: 870px;
}
#itembox2 .items {
	float: left;
	width: 290px;
}
#toplinkarea {
	width: 870px;
	padding-top:25px;
	clear: both;
}
#specialmainarea .toplinkarea {
	width: 870px;
	padding-top:25px;
	clear: both;
}

#backnumberflame {
	width:632px;
	float: left;
	padding: 0px 0px 0px 42px}

#mainnextbackarea {
	float: left;
	width: 210px;
	font-size: 11px;
	line-height: 16px;
	padding: 0px 0px 3px 660px}
#mainnextbackarea p{
	float: left;
	width: 60px;
	text-align:center;
	color:#CCCCCC;
}
#mainnextbackarea .btnnextbackbox{
	float: left;
	width: 69px;
}
#mainnextbackarea .btnnextback {
	float: left;
	width: 9px;
}
#mainnextbackarea .btntop{
	float: left;
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #CCCCCC;
	border-left-color: #CCCCCC;
	text-align:center;
}

#presentarea {
	float: left;
	width: 836px;
	padding: 25px 0px 0px 17px}
#precentmainbox {
	float: left;
	width: 853px;
	background-image: url(../image/common/bg_precent_01.jpg);
	background-repeat: no-repeat;
	height: 150px;
}
#precentimgarea {
	float: left;
	width: 573px;
	padding: 0px 0px 0px 42px
}
#precentimgarea p {
	float: left;
	width: 573px;
	font-size: 11px;
	line-height: 16px;
}
#precenttextbox {
	float: left;
	width: 221px;
}
#precenttextbox p {
	float: left;
	width: 221px;
	font-size: 14px;
	font-weight: bold;
	line-height: 18px;
}
#backnumber {
	padding: 0px 0px 0px 119px;
}