/* Reset */
html,body{margin:0;padding:0;font-size:100%;line-height: 100%;}
p,blockquote,address,div,p,hr,noscript{margin:0;padding:0;border:0;font-size:100%;}
h1,h2,h3,h4,h5,h6{margin:0;padding:0;border:0;font-size:100%;font-weight:normal;}
ul,ol,li,dl,dt,dd{margin:0;padding:0;border:0;font-size:100%;}
pre{margin:0;padding:0;border:0;font-size:100%;}
a,img,map,q,sub,sup,span,bdo{margin:0;padding:0;border:0;}
br{margin:0;padding:0;border:0;letter-spacing:0;}
tt,i,b,big,small{margin:0;padding:0;border:0;}
code,samp,var{margin:0;padding:0;border:0;font-size:100%;}
strong,dfn,kbd,cite,abbr,acronym,em{margin:0;padding:0;border:0;font-size:100%;font-style:normal;font-weight:bold;}
ins{margin:0;padding:0;border:0;font-size:100%;font-style:normal;font-weight:bold;text-decoration:none;}
del{margin:0;padding:0;border:0;font-size:100%;font-style:normal;}
form,fieldset{margin:0;padding:0;border:0;font-size:100%;}
legend,label,select,optgroup,option,button{margin:0;padding:0;font-size:100%;}


/* clearfix */
.clearfix:after{
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
	
}
.clearfix{
	display:inline-block;
}
/* Hides from IE-mac \*/
* html .clearfix{height:1%;}
.clearfix{display:block;}
/* End hide from IE-mac */


/* ------------------------------------
	Common
------------------------------------ */
html {
	background: #FFF url(../images/background.gif) repeat-y center top;
}
body {
	font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
	font-size: 10px;
	color: #767676;
	text-align: center;
	padding-bottom: 25px;
}
* html td,
* html th {
	font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
	font-size: 10px;
	color: #767676;
}

a:link { color: #767676; text-decoration: none; }
a:visited { color: #767676; text-decoration: none; }
a:hover { color: #767676; text-decoration: underline; }
a:active { color: #767676; text-decoration: underline; }


/* ------------------------------------
	BaseLayout
------------------------------------ */
#Wrap {
	width: 780px;
	margin: 0px auto;
	padding-right: 4px;
}
#Header {
	text-align: left;
	background: url(../images/bg_header.gif) no-repeat center top;
	width: 780px;
	height: 55px;
	position: relative;
}
#HeaderInformation {
	text-align: right;
	margin: 0px auto;
	padding: 14px 0px 17px;
	height: 14px;
	width: 754px;
	list-style: none;
}
#ContentsWrap {
	text-align: left;
	width: 767px;
	margin-right: 13px;
	padding-bottom: 60px;
	border-bottom: 1px solid #AAA;
}
#SideContents {
	float: left;
	width: 200px;
}
#Contents {
	float: right;
	width: 552px;
}
#Footer {
	text-align: left;
	margin: 12px 13px 0px 0px;
	width: 767px;
	clear: both;
}


/* ------------------------------------
	Header
------------------------------------ */
#Header h1 {
	position: absolute;
	top: 3px;
	left: 11px;
}
#Header ul {
	list-style: none;
	position: absolute;
	height: 8px;
	width: 542px;
	left: 169px;
	top: 34px;
}
#Header li {
	display: inline;
}
#Header li img {
	vertical-align: top;
}
#Header #HMhome {
	margin-right: 48px;
}
#Header #HMconcept {
	margin-right: 62px;
}
#Header #HMprofuct {
	margin-right: 64px;
}
#Header #HMinformation {
	margin-right: 44px;
}
#Header #LinkEnglish {
	position: absolute;
	height: 15px;
	width: 98px;
	left: 674px;
	top: 8px;
}


/* ------------------------------------
	HeaderInformation
------------------------------------ */
#HeaderInformation li {
	display: inline;
	height: 14px;
}
#HeaderInformation .HDcustomer {
	width: 329px;
}
#HeaderInformation .HDsupport {
	width: 348px;
	padding-left: 14px;
}


/* ------------------------------------
	Footer
------------------------------------ */
#Footer a:link, #Footer a:visited {
	color:#767676;
	text-decoration: none;
}
#Footer a:hover, #Footer a:active {
	color:#767676;
	text-decoration: underline;
}
#Footer ul {
	float: left;
	list-style: none;
	width: 500px;
	line-height: 1em;
}
#Footer li {
	display: inline;
	padding-right: 1em;
	padding-left: 1em;
	border-left: 1px solid #767676;
}
#Footer #FMpp {
	border-right: 1px solid #767676;
}
#Footer #FMsitemap {
	border-right: 1px solid #767676;
}
#Footer address {
	line-height: 1em;
	float: right;
	width: 210px;
}


/* ------------------------------------
	SideContents
------------------------------------ */
#SideContents img {
	vertical-align: top;
}

/* SlaonItem */
#SlaonItem {
	width: 199px;
	padding-bottom: 10px;
}
#SlaonItem dt {
	padding-bottom: 13px;
}
#SlaonItem ul {
	list-style: none;
}
#SlaonItem li {
	padding-top: 10px;
}
#SlaonItem li.ListTop {
	padding-top: 0px;
}

/* SalonBrand */
#SalonBrand {
	width: 200px;
	padding-bottom: 16px;
}
#SalonBrand dd ul {
	list-style: none;
}
#SalonBrand dd li {
	padding-top: 5px;
}
#SideContents .SideFollow,
#SideContents .SideSupport,
#SideContents .SideCredit {
	padding-bottom: 12px;
}
#SideContents .SideCase {
	padding-top: 12px;
}


/* ------------------------------------
	Item Categry
------------------------------------ */
.ItemWrap .LeftSide {
	float: left;
	width: 328px;
}
.ItemWrap .RightSide {
	float: right;
	width: 208px;
}
.ItemWrap .Photo {
	text-align: center;
	padding-bottom: 0px;
}
.ItemWrap p {
	padding-bottom: 10px;
}
.ItemWrap .LeftSide table {
	width: 328px;
}
.ItemWrap .LeftSide th,
.ItemWrap .LeftSide td {
	text-align: center;
	vertical-align: top;
	padding-bottom: 5px;
}
.ItemWrap .LeftSide th img,
.ItemWrap .LeftSide td img {
	margin-bottom: 3px;
}


/* ------------------------------------
	TopicsMenu
------------------------------------ */
#TopicsMenu {
	height: 18px;
	padding-bottom: 12px;
	list-style: none;
}
#TopicsMenu li {
	display: inline;
	padding-right: 20px;
}