@charaset "utf-8";

.marginal
{	margin:0 10px;}

#listSort
{	margin:0 0 0 -33px;}
#listSort li
{	width:100px;
	float:left;
	margin:0 0 0 38px;
	list-style:none;
	display:inline;
	height:215px;
	line-height:1em;}
#listSort li img
{	width:100px;
	border:1px solid #fe9fce;
	margin:0 0 3px;}
#listSort li span
{	color:#666;
	font-size:80%;}
#listSort.shadow
{	margin:0;}
#listSort.shadow li
{		height:auto;
	width:136px;
	padding:0 0 20px;
	margin:0 0 20px;
	display:block;
	background:url(images2/shadow.png) 0 100% no-repeat;}
#listSort.shadow li a
{	display:block;
	background:url(images2/shadow.png) 0 0 no-repeat;
	padding:13px 15px 0 16px;}
#listSort.shadow li img
{	border:none;}


#salonList
{	padding:0 10px;
	margin:0 0 0 -10px;
	list-style:none;}
#salonList li
{	border-bottom:1px dotted #aaa;
	padding:0 0 3px;
	margin:0 0 5px 10px;
	font-size:80%;
	color:#666;
	width:330px;
	float:left;}
#salonList li a
{	font-size:120%;}

#featureListSort
{	margin:0 0 0 -33px;}
#featureListSort li
{	width:196px;
	float:left;
	margin:0 0 0 35px;
	list-style:none;
	display:inline;
	height:200px;
	line-height:1em;}
#featureListSort li img
{	width:196px;}
#featureListSort li .imageClip
{	margin:0 0 3px;
	width:196px;
	border:1px solid #fe9fce;
	display:block;
	height:140px;
	background-position:0 0;
	background-repeat:no-repeat;}
#featureListSort li .imageClip:hover
{	opacity:.8;
	filter: alpha(opacity=80);}
#featureListSort li strong
{	margin:0 0 3px;
	overflow:hidden;
	width:196px;
	border:1px solid #fe9fce;
	display:block;
	height:140px;}
#featureListSort li span
{	color:#666;
	font-size:80%;
	display:block;
	margin:5px 0 0;}
	
	
.distributionList
{	padding:0 10px;
	margin:0 0 20px -10px;
	list-style:none;}
.distributionList li
{	border-bottom:1px dotted #aaa;
	padding:0 0 3px;
	margin:0 0 5px 10px;
	font-size:80%;
	width:330px;
	float:left;}
.tree a
{	color:#E3007E;}
.tree a:hover
{	color:#000;}

.tree h3
{	background:url(images2/ttl-w-barr.png) 100% 0 no-repeat;
	margin:0 0 5px;}
.tree h3 strong
{	background:url(images2/ttl-w-barl.png) 0 0 no-repeat;
	padding:0px 10px 3px;
	display:block;
	color:#fff;
	font-size:110%;}
.tree .tree h3
{	background:none;
	margin:0 10px 5px;}
.tree .tree h3 strong
{	background:none;
	padding:0;
	color:#666;
	font-size:96%;}
.tree .tree .tree h3 strong
{	color:#999;}
.tree ul strong
{	font-weight:400;}
/* ////////////////////// detail Content ////////////////////// */

#detailArea
{	background:url(images2/dtl-linem.gif) 0 0 repeat-y;}
#detailInr
{	background:url(images2/dtl-lineb.gif) 0 100% no-repeat;}
#detailMdl
{	background:url(images2/dtl-linet.gif) 0 0 no-repeat;
	padding:16px 30px;}
#detailMdl #descript
{	float:right;
	width:300px;}
.salondetail #detailMdl #descript
{	float:none;
	width:auto;}
#detailMdl #descript h3
{	font-size:140%;
	font-weight:400;
	text-align:center;}
#detailMdl #descript h3 span
{	font-size:70%;
	letter-spacing:.1em;
	color:#444;
	margin:0 0 20px;}
#detailMdl #descript h4
{	background:url(images2/ttl-barr.png) 100% 0 no-repeat;}
#detailMdl #descript h4 strong
{	background:url(images2/ttl-barl.png) 0 0 no-repeat;
	padding:1px 10px 3px;
	margin:22px 0 16px;
	display:block;
	text-transform:uppercase;
	color:#fff;
	font-size:110%;}
#detailMdl #descript table
{	margin:0 0 0 10px;}

#detailMdl #descript table th
{	font-weight:400;
	text-align:left;
	width:60px;
	vertical-align:top;}
#detailMdl #descript table td
{	vertical-align:top;}
.salondetail table td p
{	margin:0;}
#detailMdl #descript #colon
{	width:10px;}
#detailMdl #descript #gotoBlog
{	background:url(images2/icon-blognavi.png) 0 50% no-repeat;
	margin:0 0 0 10px;
	padding:2px 6px 2px 16px;}
#detailMdl #descript #gotoBlog a
{	color:#ee56a6;}
#detailMdl #descript #gotoBlog a:hover
{	color:#000;
	text-decoration:underline;}
#detailMdl #descript #gotoModel
{	text-align:center;
	padding:60px 0 0;}
#detailMdl #descript #gotoModel a
{	color:#ee56a6;
	background:url(images2/icon-modelnavi.png) 10px 54% no-repeat #fff;
	padding:3px 10px 3px 30px;
	margin:0 0 0 10px;
	border:1px solid #ee56a6;}
#detailMdl #descript #gotoModel a:hover
{	color:#000;
	background:url(images2/icon-modelnavi.png) 10px 54% no-repeat #fff;}
	
	
/* ////////////////////// feature Content ////////////////////// */
.featureIntro
{	letter-spacing:.2em;
	line-height:1.4em;
	clear:both;
	font-weight:700;
	color:#ff4f4f;
	font-size:120%;
	padding:0 0 5px;}


/* ////////////////////// backnumber Content ////////////////////// */

.backnumberBtn
{	margin:20px 0;}

#rightBox p {margin-top: 10px;}

.bookPic a img, .bookPic a {
	border: 1px solid #CCCCCC;
	overflow: hidden;
	float: left;}

.bookPic a:hover {
	border: 2px solid #FF6600;}

.title1 {
	margin-top: 40px;}

.title2 {
	margin-top: 20px;}

.btLink {
	text-align: center;
	margin-top: 20px;}

.btOperation {
	float: left;}
.btSystemreqs {
	float: right;}
.redMtext {color:#f00;}


/* ////////////////////// Page Content ////////////////////// */
#webPage
{	margin:0 10px;}
#webPage a
{	color:#e4007f;}
#webPage a:hover
{	color:#000;}


#webPage h4 {margin:20px 0 5px;
	color:#333;}
#webPage ul ,
#webPage ol  {padding-left:20px;}
#webPage li {letter-spacing:.04;
	line-height:1.2em;
	color:#444;
	margin:0 0 8px;}
#webPage li ol {margin-bottom:16px;}
#webPage li ol li {font-size:100%;
	list-style-type:upper-roman;}
	
#webPage dl {margin:0;
	letter-spacing:.04em;}
#webPage dt {font-weight:700;
	border-bottom:1px dotted #bbb;
	padding:0 0 3px;}
#webPage dd {margin:3px 0 20px;
	color:#444;}

#webPage h3.topCaption {margin:0 0 10px;
	font-size:120%;
	letter-spacing:.1em;
	line-height:1.2em;}
.recruitmentBtn {display:block;
	text-indent:-3000em;
	width:250px;
	height:80px;
	background:url(images2/recruitment-btn.jpg) 0 0 no-repeat;}
.recruitmentBtn:hover {background-position:0 100%;}

.aboutArch h3
{	margin:0 0 20px;}
.aboutArch ul
{	padding:0;
	list-style:none;}
.aboutArch ul li
{	margin:0 0 10px;}


#webPage .flow
{	border-bottom:1px dotted #aaa;
	padding:10px 0;
	margin:0 0 10px;}
#webPage .flow .step
{	background-color:#E4007F;
	color:#fff;
	display:inline;
	padding:1px 6px 2px;
	border-radius:3px;
	-moz-border-radius:3px;
	float:left;
	font-weight:700;
	letter-spacing:.1em;
	font-size:105%;}
#webPage .flow .step ,
#webPage .flow img ,
#webPage .flow .modeldes
{	float:left;}
#webPage .flow img
{padding:0 20px;}
#webPage .flow .modeldes
{width:360px;}



/* ////////////////////// StaffStyle Content ////////////////////// */
#detailMdl .descript
{	float:right;
	width:300px;
	margin:10px 20px 0 0;
	display:inline;}
#detailMdl .descript h3
{	font-size:140%;
	font-weight:400;
	text-align:center;}
#detailMdl .descript h3 span
{	font-size:70%;
	letter-spacing:.1em;
	color:#444;
	margin:0 0 20px;}
#detailMdl .descript h4
{	background:url(images2/ttl-w-barr.png) 100% 0 no-repeat;}
#detailMdl .descript h4 strong
{	background:url(images2/ttl-w-barl.png) 0 0 no-repeat;
	padding:1px 10px 3px;
	margin:22px 0 16px;
	display:block;
	text-transform:uppercase;
	color:#fff;
	font-size:110%;}

#detailMdl .brandRuby
{	color:#aaa;
	padding:0 0 0 20px;
	vertical-align:middle;
	font-size:70%;}
#detailMdl .infoMrg
{	padding:0 10px;}
#detailMdl .infoMrg a
{	font-size:90%;}