@charset "shift_jis";



/*
tag
-----------------------------------------------------*/
*{
	color:#666666;

}

body{
	background:url(../images/bg.gif);
	margin:0 auto;
}

h2,h3,h4,h5,ul,li,dl,dt,dd,p{	
	font-size:12px;
	line-height:18px;
	margin:0;
	padding:0;
}

h1{
	font-size:12px;
	font-weight:normal;
	margin:0 0 5px 0;
}

li{
	list-style:none;
}

img{
	border:none;
	display:block;
}

a img:hover {filter:Alpha(opacity=80); -moz-opacity:0.80; opacity:0.80;}
a{
	color:#990089;
	text-decoration:underline;
}

a:hover{
	color:#b258a9;
	text-decoration:none;
}

.center {
	margin:0 auto;
}
/*
clearfix
-----------------------------------------------------*/
.clearfix:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
}
.clear{
	clear:both;
}
.clearfix{
	display:inline-table;zoom:1;
	overflow:hidden;
}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

#container{
	margin:0 auto;
	text-align:center;
}



/*
header
-----------------------------------------------------*/
#container #headerArea{
	background:url(../images/header_bg.gif) repeat-x;
	padding-top:10px;
}

#container #header{
	width:970px;
	margin:0 auto;
	height:80px;
	text-align:left;
}

#container #header h2{
	margin-top:15px;
}

#container #header .left{
	float:left;
	height:80px;
}

#container #header .right{
	float:right;
/*	width:463px;*/
	width:536px;
	margin:0 auto 6px auto;
	text-align:right;
}

#container #header .right ul{
	padding:0 0 10px 130px;
}

#container #header .right li{
	float:left;
	padding-left:8px;
}

#container #header .right .banner img{
	display:inline;
}

#container #header .right div{
	text-align:right;
	margin:0;
}



/*
plist
-----------------------------------------------------*/

#plist{
	text-align:left;
	margin-bottom:5px;
}

/*
globalnaviArea
-----------------------------------------------------*/

#globalnaviArea{
	background:url(../images/glovalnavi_bg.gif) repeat-x top;
	height:51px;
}

#globalnavi{
	width:970px;
	margin:0 auto;
}

#globalnavi ul{
	background:url(../images/glovalnavi_line.gif) repeat-x top;
	padding-left:1px;
}

#globalnavi li{
	float:left;
	padding-right:1px;
}

/*
contentsArea
-----------------------------------------------------*/

#contentsArea{
	background:url(../images/contents_topbg.gif) repeat-x top;
	width:970px;
	margin:0 auto;
	padding-top:5px;
}

#contentsArea h3{
	margin:15px 0 3px 0;
}

#contentsArea #contents{
	background:#ffffff;
	border-left:1px solid #dddddd;
	border-right:1px solid #dddddd;
	padding:15px;
}

#contentsArea #leftcontents{
	background:#FFFFFF;
	float:left;
	padding:0;
	width:620px;
}

#contentsArea #rightcontents{
	background:#FFFFFF;
	float:right;
	width:300px;
	margin-left:0;
	padding-top:0;

}

#guideArea,#searchArea,#pickupArea,#recruitArea,#schoolArea,#topicsArea{
	text-align:left;
}

.box{
	background:#f3f3f3;
	border:1px solid #d7d4d4;
	padding:5px;
}

#topicsArea dl{
	border-bottom:1px dotted #dddddd;
	padding:0 0 1px 0;
	margin:2px 0;
}

#guideArea .guide{
	margin-bottom:5px;
}

#guideArea .profile{
	background:url(../../images/guide_bg.gif) no-repeat bottom;
	border-bottom:1px dotted #dddddd;
	padding:5px;
}

#guideArea .profile h5{
	color:#333333;
}

#guideArea .profile .left{
	float:left;
	width:137px;
	margin-right:10px;
}

#guideArea .profile. right{
	float:left;
}

#guideArea .profile .right p{
	color:#333333;
	line-height:14px;
}

#guideArea .guide dl{
	float:left;
	width:600px;
	border-bottom:1px dotted #dddddd;
	margin:4px 0 0 0;
}

#guideArea .guide dt{
	font-weight:bold;
}

#guideArea .guide dt span{
	font-weight:normal;
}

#searchArea .left{
	float:left;
	width:214px;
	margin-right:5px;
}

#searchArea .left p{
	text-align:justify;
	text-justify:distribute;
}

#searchArea .right{
	float:right;
	width:389px;
}

#pickupArea .salon{
	border-bottom:1px dashed #dddddd;
	margin-bottom:10px;
	padding-bottom:5px;
}

#pickupArea .left{
	float:left;
	margin-right:10px;
	width:150px;
}

#pickupArea .right .name{
	font-size:16px;
	margin-bottom:5px;
	font-weight:bold;
}

#pickupArea .right p{
	line-height:16px;
}

#pickupArea .right{
	font-size:12px;
	float:left;
	width:440px;
}

#pickupArea .right .lead{
	color:#fb8763;
	font-size:16px;
	font-weight:bold;
}

#recruitArea{
	float:left;
	margin-right:20px;
	width:300px;

}

#recruitArea dd,
#schoolArea dd{
	margin-top:5px;
}

#schoolArea{
	float:left;
	width:300px;
}


#rightcontents div{
	margin-bottom:15px;
}

#rightcontents .dictionary,
#rightcontents .first{
	border:1px solid #dddddd;
	padding:5px;
	text-align:left;
}
#rightcontents .dictionary{
	background:url(../images/word_bg.jpg) no-repeat right;
}
#rightcontents .first{
	background:url(../images/first_bg.jpg) no-repeat right;
}

#rightcontents .dictionary dl,
#rightcontents .first dl{
	width:220px;
}

#rightcontents .dictionary dt,
#rightcontents .first dt{
	background:url(../images/icon01.gif) no-repeat left;
	padding-left:16px;
}
#rightcontents .dictionary a,
#rightcontents .first a{
	font-weight:bold;
	font-size:14px;
}

#rightcontents .ranking{
	text-align:left;
}

#rightcontents .ranking .h4{
	border-bottom:1px solid #583e3e;
	margin-bottom:10px;
	padding-bottom:5px;
}

#rightcontents .ranking dl{
	margin-bottom:10px;
	border-bottom:1px solid #dddddd;
}

#rightcontents .ranking dt{
	float:left;
	width:48px;
	margin-right:10px;
}
#rightcontents .ranking dd{
	font-size:14px;
	font-weight:bold;
	float:left;
	padding-top:5px;
	width:240px;
}

#rightcontents .ranking dd span{
	font-size:12px;
	font-weight:normal;
}

.pagetop{
	background:#ffffff;
	text-align:right;
	padding:20px 10px 10px 0;
	border-left:1px solid #dddddd;
	border-right:1px solid #dddddd;
}

.pagetop img{
	display:inline;
}

/*
footerArea
-----------------------------------------------------*/

#footerArea{
	background:#ffffff;
	padding-top:0;
	margin:0;
	border-top:1px solid #dddddd;
	border-bottom:4px solid #de61d5;
}

#footerArea #footer{
	width:970px;
	margin:0 auto;
	padding:0;
}

#container #footerArea ul{
	margin:10px 0 20px 0;
	padding:0;
}

#container #footerArea li{
	float:left;
	padding-left:8px;
}

#footerArea .copyright{
	padding:10px 0;
}


/*
form
-----------------------------------------------------*/
.form{
	font-size:12px;
	width:450px;
	text-align:center;
	margin:0 auto;
}

.form h3{
	color:#333333;
	font-size:16px;
	text-align:left;
}

.form h4{
	margin:20px 0;
	font-size:18px;
}

.form .red{
	color:#FF0000;
}

.form table{
	width:450px;
	margin-bottom:10px;
	border-collapse:collapse;
}

.form table th,
.form table td{

	padding:5px;
	text-align:left;
	border:1px solid #dddddd;
}

.form table caption{
	color:#FF0000;
	text-align:left;
}

.form table th{
	background:#FCECFF;
	font-weight:normal;
	width:120px;
}


.non{
	font-size:14px;
	line-height:20px;
	margin-top:20px;
}

.m10a {margin:0 10px;}
.m10b {margin:10px}
.m10c {margin:10px 0 0 0;}
.p10a {padding:0 10px;}
.p10b {padding:0 10px;}
.p10c {padding:10px 0 0 0;}
.bold {font-size:12px ; font-weight:600; line-height:1.7em;}






.tousen {background: url(../images/tousen_bg1.jpg) no-repeat top; border:dotted #CCCCCC 3px; margin: 20px 0;}
.tousen p {padding:50px 10px 0 70px; text-align:left;}
.tousen .listsa {font-size:24px; font-weight:600; color:#333333; margin:10px; background:url(../images/tousen_bg2a.jpg) no-repeat; line-height:28px; text-align:left;}
.tousen .listsb {font-size:24px; font-weight:600; color:#333333; margin:10px; background:url(../images/tousen_bg2b.jpg) no-repeat; line-height:28px; text-align:left;}
.tousen .listsc {font-size:24px; font-weight:600; color:#333333; margin:10px; background:url(../images/tousen_bg2c.jpg) no-repeat; line-height:28px; text-align:left;}
.size10 {font-size:10px; color:#999999;padding:10px; text-align:left;}


#esthe-block {background:url(../images/esthe-bg.jpg) no-repeat center; width:620px; height:150px; text-align:left; position:relative; margin-top:20px;}
#esthe-block p { padding:63px 0 0 10px; width:325px;}
#esthe-block img { position: absolute; left:345px; top:105px;}



#school-btn {
	margin:0;

padding:0:inheri;
	margin-bottom: 20px;
}
#school-btn ul {margin:0 ; padding:0; }
#school-btn li { list-style:none; float:left; display: inline;}

.school-box {
	display:block;
	margin:0 0 20px 0;
	padding:20px 0 0 0;
	border: 1px solid #999999;
}
.school-txt {background:url(../images/txt_bg.jpg) no-repeat bottom;}
.school-txt p { text-align:left; line-height:1.8em; padding:0 20px;}

.school-txt2 {background:url(../images/txt_bg.jpg) no-repeat bottom;}
.school-txt2 p { text-align:left; line-height:1.8em; padding:20px;}
.school-txt2 ol {
	margin-left:10px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	padding-top: 0;
	padding-right: 20px;
	padding-bottom: 20px;
	padding-left: 20px;
}
.school-txt2 li {
	text-align:left;
	list-style-position: outside;
	list-style-type: decimal;
	padding: 0 0 10px 0;
	font-size: 14px;
	font-weight: 600;
	color: #FF6633;
	margin-left: 20px;
}
.school-txt2 li p {
	padding: 10px 0;
	margin: 0px;
	font-weight: normal;
}

.school-step {display:block; background:#FFFBFD; border:solid 1px #CCCCCC; margin:10px; }
.school-step .step_title { border-left: solid 4px #CC3399; padding:5px 5px 0 5px; text-align:left; margin:10px 0 0 10px;}
.school-step .step_title span {font-size:20px; color:#CC3399;}
.school-step p { padding:10px; margin:0;}

.up {
	padding-top: 0px;
	padding-right: 4px;
	padding-bottom: 4px;
	padding-left: 0px;
	display: block;
	text-align: right;
	float: right;
}
.school-img-r {
	display:inline;
	float:right;
	padding: 0 20px;
}
.school-img-l {
	display:inline;
	float:left;
	padding: 0 20px;
}

/* ƒiƒr */
.special {border: 1px solid #dddddd; background:#F3F3F3; text-align:left; padding:10px;} 
.special li {display:inline; float:left; padding:5px;}
.special2 {border: 1px solid #dddddd; background:#F3F3F3; text-align:left; padding:10px 5px;} 
.special2 li {display:inline; float:left; padding:5px;}

.left p.orange {color: #FE8354; font-weight:600;}
