@charset "utf-8";
/* CSS Document */



/* Common Selector */
html {
	height: 100%;
}

html,body {
  -webkit-text-size-adjust: none;
}



body,div,dl,dt,dd,pre,form,fieldset,blockquote,table,th,td,img {  
	margin:0;
	padding:0;
}

img {
	border:none;
}


/* hx */
h1 {
	margin: 0;
	padding: 0;
}

h2 {
	margin: 0;
	padding: 0;
}

h3 {
	margin: 0;
	padding: 0;
}

h4 {}
/* hx */


hr {
	clear: both;
	overflow: hidden;
	width: 0;
	margin: 0;
	padding: 0;
	height: 0;
	border: 0;
	font-size: 0;
	line-height: 0;
}


/*---Link--- */
a:link {
	color: #666;
	text-decoration: none;
}
a:visited {
	color: #666;
	text-decoration: none;
}
a:hover {
	color:#0087BE;
	text-decoration: none;
}
a:active {
	color: #666;
}
/*---Link--- */






/* web font  */
@font-face {
font-family:migmix-1m-bold;
src:url("../web_font/migmix-1m-bold.ttf") format("truetype");
}
@font-face {
font-family:migmix-1m-regular;
src:url("../web_font/migmix-1m-regular.ttf") format("truetype");
}

@font-face {
font-family:migmix-1m-bold;
src:url("../web_font/migmix-1m-bold.ttf.eot");
}
@font-face {
font-family:migmix-1m-regular;
src:url("../web_font/migmix-1m-regular.ttf.eot");
}


div.left_area p.title,
div.left_area p.title_under {
	font-family: migmix-1m-bold;
}


/*
div.left_area p.title,
div.left_area p.title_under,
p.side_menu_stay,
p.side_menu_top a:hover,
p.side_menu a:hover,
dl.news_area dt,dl.news_area_top dt,
table.conpany_info td.name, table.conpany_info td.name_last,
div.main_contents p.title,
table.letterzine_area td.day,
table.salon_area_01 td.zone, table.salon_area_02 td.zone,
table.salon_detail_area_01 p.salon_name, table.salon_detail_area_02 p.salon_name,
table.salon_detail_area_01 p.salon_info, table.salon_detail_area_02 p.salon_info
{
	font-family: migmix-1m-bold;
}
div.left_area p.text,
div.left_area p.text_01,
div.left_area p.text_0,
p.side_menu,
p.side_menu a,
dl.news_area dd, dl.news_area_top dd,
table.conpany_info td.info,table.conpany_info td.info_last
div.main_contents p.text, div.main_contents p.text_01, div.main_contents p.text_02,
table.letterzine_area td.detail,
table.salon_area_01 td.area, table.salon_area_02 td.area
{	
	font-family: migmix-1m-regular;
}
*/








body{
	width: 100%;
	margin:0 auto;
	padding:0;
	font-family: "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	color:#666;
	font-size:12px;
	text-align:center;
	background-color: #FAFAFA;
}

#wrapper {
	width:992px;
	text-align: center;
	margin:0 auto;
	padding:0;
}



p.image_area {
	margin: 0;
	padding: 0;
}
p.image_area_01 {
	margin: 10px 286px;
	padding: 0;
	text-align: left;
}


/*------------------- navi ---------------------- */
div#main_navi_area {
	width: 984px;
	text-align: center;
	margin:0 auto 10px;
	padding: 30px 0 0 0;
}

p.navi_top {
	width: 218px;
	height: 44px;
	margin: 0;
	padding: 0;
	background:url(../common_images/navi_top_over.jpg) no-repeat 1px 0;
	float: left;
}
p.navi_about {
	width: 127px;
	height: 44px;
	margin:0;
	padding:0;
	background:url(../common_images/navi_about_over.jpg) no-repeat;
	float: left;
}
p.navi_concept {
	width: 127px;
	height: 44px;
	margin:0;
	padding:0;
	background:url(../common_images/navi_concept_over.jpg) no-repeat;
	float: left;
}
p.navi_mbp_about {
	width: 127px;
	height: 44px;
	margin:0;
	padding:0;
	background:url(../common_images/navi_mbp_about_over.jpg) no-repeat;
	float: left;
}
p.navi_shop {
	width: 127px;
	height: 44px;
	margin:0;
	padding:0;
	background:url(../common_images/navi_mbp_shop_over.jpg) no-repeat;
	float: left;
}
p.navi_salon {
	width: 128px;
	height: 44px;
	margin:0;
	padding:0;
	background:url(../common_images/navi_salon_over.jpg) no-repeat;
	float: left;
}
p.navi_contact {
	width: 130px;
	height: 44px;
	margin:0;
	padding:0;
	background:url(../common_images/navi_contact_over.jpg) no-repeat;
	float: left;
}
/*------------------- navi ---------------------- */












/*------------------- bnr ---------------------- */
div#bnr_area {
	width:992px;
	margin: 1px 0;
	padding: 0;
}
div#bnr_area p{
	margin: 0;
	padding: 0;
	float: left;
}
/*------------------- bnr ---------------------- */











/*------------------- footer ---------------------- */
div#footer {
	width:992px;
	margin: 0px 0 0 0;
	padding: 0 0 15px 0;
	background:url(../common_images/image_footer_bottom.jpg) no-repeat bottom;
	font-size: 11px;
}
div.footer_contents {
	margin: 0;
	padding: 12px 20px;
	background:url(../common_images/image_bg.jpg) repeat-y;
}

iframe.face_book {
	width: 100px;
	margin: 0;
	padding: 0;
	float:left;
}

div.footer_contents ul {
	width: 130px;
	margin: 0;
	padding: 0;
	list-style: none;
	float: right;
}


div.footer_contents ul li {
	margin: 0 35px 0 0;
	padding: 0 0 0 10px;
	display: inline;
	background:url(../common_images/mark.gif) no-repeat 0 3px;
}
div.footer_contents ul li.last {
	margin: 0;
	padding: 0 0 0 10px;
	display: inline;
	background:url(../common_images/mark.gif) no-repeat 0 3px;
}


div#footer_under_area {
	width: 982px;
	margin: 2px auto 0;
	padding: 0 0 30px 0;
	font-size:11px;
	text-align: center;
}
div#footer_under_area ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
div#footer_under_area ul li.left {
	margin: 0 15px 0 0;
	padding: 0 15px 0 0;
	float:left;
	border-right: 1px #666 solid;
}
div#footer_under_area ul li.right {
	margin: 0;
	padding: 0;
	float:left;
}
div#footer_under_area ul li.copy {
	font-size: 10px;
	margin: 0;
	padding: 0;
	float:right;
}
/*------------------- footer ---------------------- */









/*------------------- what's new ---------------------- */
div#whatnew_area {
	width:992px;
	margin: 0 0 5px 0;
	padding: 10px 0 0 0 ;
	background:url(../common_images/image_main_top.jpg) no-repeat top;
}
div.whatnew_contents {
	width: 992px;
	margin: 0;
	padding: 20px 0 10px;
	background:url(../common_images/image_bg.jpg) repeat-y;
}

div.whatnew_contents table.whatnew_detail {
	width: 932px;
	margin: 0 auto;
	padding: 0;
}
table.whatnew_detail td.image {
	width: 140px;
	margin: 0;
	padding: 0;
	text-align: center;
	vertical-align: middle;
	border: 2px solid #2B567E;
	background: url(../images/image_background.gif) ;
}
table.whatnew_detail td.image p.image_background {
	margin: 0;
	padding: 0;
}

table.whatnew_detail td.info {
	margin: 0;
	padding: 0 0 0 20px;
	text-align: left;
	vertical-align: top;
}


dl.news_area {
	margin: 0;
	padding: 7px 0 0 0;
	border-bottom: 1px #DCDCDC dotted;
}
dl.news_area_top {
	margin: 0;
	padding: 3px 0 0 0;
	border-bottom: 1px #DCDCDC dotted;
}
dl.news_area dt, dl.news_area_top dt {
  clear: left;
  float: left;
  margin: 0;
  width: 7.5em;
  padding-left: 5px;
  font-size:12px;
  font-weight: bold;
  line-height:135%;
  color:#333;
}
dl.news_area dd, dl.news_area_top dd {
  margin: 0 0 1px 100px;
  padding: 0;
  line-height:135%;
  font-size: 12px;
}





