@charset "utf-8";

/* CSS Document */


body {
	background:#eaeaea;
	padding:0px 0px 10px;
	margin:0px;
	font-size:13px;
	font-family:"ＭＳ Ｐゴシック", arial, sans-serif, Verdana;
	line-height:1.5em;
}

a{
	color:#0033CC;
	}

a:hover{
	color:#CC33CC;
	text-decoration:none;
	}

p {
	margin:0px 0px 1em;
	padding:px;
}

table p{
	margin:0px;
	}

h2 {
	margin:0px 0px 15px;
	padding:0px;
}

h2 img {
	margin-left:-18px;
}

h3 {
	font-size:120%;
}

h4 {
	font-size:110%;
	margin:0px;
	padding:0px;
}

img {
	border:none;
}

hr {
	border-width: 1px 0px 0px 0px;
	border-style:dotted;
	border-color:#cccccc;
	height: 1px;
	margin-bottom:1em;
}

#contact table{
	margin-bottom:15px;
}

legend {
	color:#6699FF;
}

.require {
	color:#FF6600;
	font-weight:normal;
}

.error {
	color:#FF0000;
}

.right {
	float:right;
	margin-left:15px;
	margin-bottom:10px;
}

.left {
	float:left;
	margin-right:15px;
	margin-bottom:10px;
}

#backGround {
	background:url(/assets/templates/images/background.jpg) repeat-x bottom #FFFFFF;
}

#page {
	width:860px;
	padding:0px 10px;
	background:url(/assets/templates/images/page_background.png) repeat-y center;
	margin:0px auto;
	position:relative;
}

.topImage {
	display:none;
}

#index .topImage {
	position:absolute;
	top:0px;
	left:10px;
	z-index:1;
	display:block;
}

#header {
	width:860px;
	height:132px;
	position:relative;
	z-index:100;
}

#header p {
	margin:0px;
	padding:0px;
}

#index #header {
	height:360px;
	position:relative;
}

#header h1 {
	margin:0px;
	padding:0px;
}

#header h1 a {
	display:block;
	width:267px;
	height:124px;
	background:url(/assets/templates/images/af_logo.png) no-repeat;
	text-indent:-500px;
	overflow:hidden;
	margin-left:20px;
	text-decoration:none;
}

#contentBack{
	background:url(/assets/templates/images/back_top_content.jpg) left bottom no-repeat;
	}

#content {
	padding-top:44px;
	background:url(/assets/templates/images/content_top.jpg) repeat-x;
}

#index #content {
	padding-top:25px;
	background:url(/assets/templates/images/top_shadow.jpg) repeat-x;
}

* html #content{
	height:1px;
	}

#index #breadCrumbs {
	display:none;
}

#breadCrumbs {
	font-size:90%;
	padding:3px 0px;
	padding-left:18px;
}

#breadCrumbs a {
	text-decoration:none;
	color:#CC33CC;
}

#breadCrumbs a:hover {
	text-decoration:underline;
}

#leftContent {
	width:658px;
	float:left;
	overflow:hidden;
	background:url(/assets/templates/images/dot.jpg) repeat-y 652px 0px #FFFFFF;
}

#index #leftContent{
	background:none;
	}

#mainContent {
	width:620px;
	padding:0px 18px;
	min-height:560px;
}

#rightContent {
	width:202px;
	float:left;
	background:#FFFFFF;
}

#mainMenu {
	margin-left:6px;
}

#mainMenu img {
	behavior:url(iepngfix.htc);
}

#mainMenu ul {
	margin:0px;
	padding:0px;
}

#mainMenu ul li {
	list-style:none;
	margin:0px;
	padding:0px;
}

#mainMenu ul li a,
#mainMenu ul li a:hover {
	display:block;
	width:178px;
	height:35px;
	padding-bottom:3px;
	text-indent:-1000px;
	overflow:auto;
	text-decoration:none;
}

#mainMenu ul li.shop a {
	background:url(/assets/templates/images/main_menu/btn_shop.jpg) no-repeat;
}

#mainMenu ul li.shop a:hover {
	background:url(/assets/templates/images/main_menu/btn_shop_on.jpg) no-repeat;
}

#mainMenu ul li.special_coupon a {
	background:url(/assets/templates/images/main_menu/btn_special_coupon.jpg) no-repeat;
}

#mainMenu ul li.special_coupon a:hover {
	background:url(/assets/templates/images/main_menu/btn_special_coupon_on.jpg) no-repeat;
}

#mainMenu ul li.style a {
	background:url(/assets/templates/images/main_menu/btn_style.jpg) no-repeat;
}

#mainMenu ul li.style a:hover {
	background:url(/assets/templates/images/main_menu/btn_style_on.jpg) no-repeat;
}

#mainMenu ul li.staff a {
	background:url(/assets/templates/images/main_menu/btn_staff.jpg) no-repeat;
}

#mainMenu ul li.staff a:hover {
	background:url(/assets/templates/images/main_menu/btn_staff_on.jpg) no-repeat;
}

#mainMenu ul li.shift {
	background:url(/assets/templates/images/main_menu/btn_shift.jpg) no-repeat;
}

#mainMenu ul li.shift.hover {
	background:url(/assets/templates/images/main_menu/btn_shift_on.jpg) no-repeat;
}

#mainMenu ul li.menu a {
	background:url(/assets/templates/images/main_menu/btn_menu.jpg) no-repeat;
}

#mainMenu ul li.menu a:hover {
	background:url(/assets/templates/images/main_menu/btn_menu_on.jpg) no-repeat;
}

#mainMenu ul li.reservation a {
	background:url(/assets/templates/images/main_menu/btn_reservation.jpg) no-repeat;
}

#mainMenu ul li.reservation a:hover {
	background:url(/assets/templates/images/main_menu/btn_reservation_on.jpg) no-repeat;
}

#mainMenu ul li.contact a {
	background:url(/assets/templates/images/main_menu/btn_contact.jpg) no-repeat;
}

#mainMenu ul li.contact a:hover {
	background:url(/assets/templates/images/main_menu/btn_contact_on.jpg) no-repeat;
}

#mainMenu ul li.blog a {
	background:url(/assets/templates/images/main_menu/btn_blog.jpg) no-repeat;
}

#mainMenu ul li.blog a:hover {
	background:url(/assets/templates/images/main_menu/btn_blog_on.jpg) no-repeat;
}

#mainMenu ul li.recruit a {
	background:url(/assets/templates/images/main_menu/btn_recruit.jpg) no-repeat;
}

#mainMenu ul li.recruit a:hover {
	background:url(/assets/templates/images/main_menu/btn_recruit_on.jpg) no-repeat;
}

#mainMenu ul.sub_menu li a,
#mainMenu ul.sub_menu li a:hover {
	background:none;
	text-indent:0px;
}

#rightBottom {
	margin-top:8px;
	margin-left:11px;
}

#footer {
	padding:0px 18px;
	background:url(/assets/templates/images/dot.png) repeat-x;
	clear:both;
}

#footer h6 {
	margin:0px;
	padding:0px;
}

#footer img {
	margin-top:18px;
}

#footer p {
	margin:0px;
	padding:0px;
	font-size:80%;
	color:#333333;
}

#pageBottom {
	width:880px;
	height:30px;
	margin:0px auto;
	background:url(/assets/templates/images/footer_bottom.png) no-repeat bottom;
}

#index #pageBottom{
	background:url(/assets/templates/images/footer_bottom2.png) no-repeat bottom;
	}

div.clear {
	clear:both;
	height:15px;
}

.hidden {
	display:none;
}

h5 {
	font-size:140%;
	margin:0px 0px 5px;
	padding:0px;
}

#shop h3{
	margin-top:0.8em;
	margin-bottom:0.8em;
	}

#shop p{
	margin-bottom:0.5em;
	}

#shop hr{
	margin-bottom:0;
	}

#menu table {
	font-size:110%;
	line-height:1.7em;
	border-top:#CCCCCC 1px solid;
}

#menu table th {
	vertical-align:middle;
	border-bottom:#CCCCCC 1px solid;
	border-right:#CCCCCC 1px solid;
	padding:3px 15px;
}

#menu table td {
	border-bottom:#CCCCCC 1px solid;
	padding:3px 15px;
}

#recruit th {
	padding:3px 15px;
	text-align:left;
	vertical-align:top;
	width:80px;
}

#recruit td {
	padding:3px 15px 15px;
}

#contact th {
	padding:3px 5px 3px 15px;
	text-align:left;
	vertical-align:top;
	width:120px;
}

#staffPhoto {
	width:153px;
	float:left;
	margin-right:15px;
	margin-bottom:15px;
}

#staffPhoto img {
	padding:5px;
	background:url(/assets/templates/images/stylist_photo_shadow.jpg) no-repeat;
}

#staffNote {
	width:280px;
	float:left;
	padding-top:5px;
	margin-right:14px;
}

#staffNote table {
	margin:15px 0px;
}

#staffNote th {
	font-weight:normal;
	width:80px;
	font-size:85%;
	text-align:left;
	vertical-align:top;
	padding-top:4px;
}

#staffNote td {
	padding:2px 0px;
}

#stylistLink {
	width:158px;
	float:left;
}

#stylistLink img {
	margin-bottom:6px;
}

.assistantList img {
	margin-right:7px;
	margin-bottom:7px;
}

#staff th {
	text-align:left;
	vertical-align:top;
	font-weight:normal;
	color:#777777;
	width:60px;
}

.stylistList {
	width:205px;
	float:left;
	text-align:center;
	margin-bottom:10px;
}

#stylistTop {
	clear:both;
	padding-left:5px;
}

#stylistTop h5 {
	display:block;
	width:615px;
	margin:5px 20px 10px 0px;
	padding-bottom:6px;
	background:url(/assets/templates/images/dot.png) repeat-x bottom;
	clear:both;
}

.stylistList_top {
	width:80px;
	float:left;
	text-align:center;
	margin-bottom:10px;
	margin-right:4px;
	margin-left:3px;
}


#topRight h5 {
	display:block;
	margin:0px;
	padding-bottom:6px;
	margin-bottom:10px;
	background:url(/assets/templates/images/dot.png) repeat-x bottom;
	clear:both;
}

#style {
	margin-bottom:20px;
	min-height:430px;
	position:relative;
}

.styleList img {
	margin-right:10px;
	margin-bottom:10px;
}

#style h2{
	background:url(/assets/templates/images/title_style_back.jpg);
	width:571px;
	height:31px;
	margin:0px 0px 0px -18px;
	font-size:110%;
	font-weight:normal;
	line-height:1em;
	padding-left:70px;
	padding-top:7px;
	color:#CC33CC;
	margin-bottom:15px;
	}

#style h3 {
	font-family:"ＭＳ Ｐ明朝", "細明朝体", "ヒラギノ明朝 Pro W3";
	font-size:140%;
	color:#777777;
	margin:5px 0px 15px;
	padding:0px;
}

#mainPhoto {
	width:292px;
	float:left;
	margin-right:15px;
}

#styleNote {
	width:300px;
	float:left;
}

#subPhoto {
	width:300px;
	position:absolute;
	top:238px;
	left:307px;
}

#subPhoto td {
	width:100px;
	text-align:center;
}

.pickupStyle {
	padding:8px 20px 20px 8px;
	margin-bottom:10px;
	width:262px;
	background:url(/assets/templates/images/pickup_back.png) no-repeat;
	position:relative;
}

img.pickupClick {
	position:absolute;
	top:353px;
	left:8px;
}

#topLeft {
	width:295px;
	float:left;
}

#topRight {
	width:319px;
	padding:0px 0px 0px 5px;
	float:left;
}

#newsList,
#blogList {
	margin-bottom:15px;
}

#newsList dl,
#blogList dl {
	margin:0px;
	padding:0px;
}

#newsList dt,
#newsList_all dt {
	margin:0px 0px 8px;
	padding:0px;
	display:block;
	width:85px;
	float:left;
	padding-left:5px;
}

#newsList dd,
#newsList_all dd {
	margin:0px 0px 8px;
	padding:0px;
	display:block;
	width:220px;
	float:left;
	padding-right:5px;
}

#newsList_all dt {
	width:110px;
}

#newsList_all dd {
	width:490px;
}

#newsNavi {
	clear:both;
	padding-top:20px;
}

#newsNavi a {
	padding:4px;
	border:#CCCCCC 1px solid;
	margin:0px 2px;
	text-decoration:none;
}

#newsNavi a:hover {
	background:#FFECEC;
}

.ditto_currentpage {
	margin:0px 3px;
	font-weight:bold;
}

#blogList dl {
	margin-top:-1.4em;
}

#blogList dt {
	margin:0px 0px 5px;
	padding:0px;
	display:block;
	width:85px;
	height:2.4em;
	float:left;
	line-height:1.2em;
	padding-left:5px;
	overflow:hidden;
}

#blogList dt span {
	font-size:85%;
	color:#999999;
}

#blogList dd {
	margin:0px 0px 5px;
	padding:0px;
	display:block;
	width:220px;
	height:2.4em;
	float:left;
	line-height:1.2em;
	padding-right:5px;
	overflow:hidden;
}

.styleList a {
	position:relative;
}

img.newMark {
	position:absolute;
	margin-top:5px;
}

ul.dropdown li {
	float: left;
}

ul.dropdown li.hover,
ul.dropdown li:hover {
	position: relative;
}

#mainMenu ul.dropdown ul li a,
#mainMenu ul.dropdown ul li a:hover {
	display:block;
	width:80px;
	height:1.5em;
	margin-bottom:0px;
	text-decoration:none;
	padding:2px 5px;
	color:#000000;
}

ul.dropdown ul {
	width: 90px;
	visibility: hidden;
	position: absolute;
	top: 35px;
	left: 88px;
}

ul.dropdown ul li {
	background: #f6f6f6;
	border-bottom: 1px solid #ccc;
	float: none;
}

#mainMenu ul li.shift ul li.hover {
	background:#f6f1f8;
}