@charset "shift_jis";

/* body
----------------------------------------------------*/
body {
	padding: 0;
	margin: 0;
	color: #5a5a5a;
	background: #fff;
	font-family: ArialMT, "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", メイリオ, sans-serif;
	font-size: 100%;
	color: #1c2123;
}

/* header
----------------------------------------------------*/
#header {
	width: 960px;
	margin: 0 auto;
}
/*topsocial*/
#topsocial {
	width: 960px;
	height: 42px;
}
	/* clearfix */
#topsocial:before,
#topsocial:after {
	content: " ";
	display: table;
}
#topsocial:after {
	clear: both;
}
/* clearfix for ie6,ie7 */
.ie6 #topsocial,
.ie7 #topsocial {
	zoom: 1;
}
#topsocial ul {
	float: right;
	padding: 12px 0 0 0;
}
/* clearfix */
#topsocial ul:before,
#topsocial ul:after {
	content: " ";
	display: table;
}
#topsocial ul:after {
	clear: both;
}
/* clearfix for ie6,ie7 */
.ie6 #topsocial ul,
.ie7 #topsocial ul {
	zoom: 1;
}
#topsocial ul li {
	float: left;
}
#topsocial ul li.logo img {
	margin: 0 0 0 20px;
}
#topsocial ul li,
#topsocial ul li img {
	line-height: 1.0;
	vertical-align: baseline;
}

/* gnav
---------------------------------------------------*/
.top h1 {
	float: left;
	padding: 56px 62px 0 0;
}
.lower h1 {
	float: left;
	padding: 50px 62px 0 0;
}
div#gNav {
	height: 48px;
	width: 790px;
	position: relative;
	left: 172px;
	top: 54px;
}
div#gNav ul#gNavInner {
	width: 100%;
	position: absolute;
	z-index: 10;
}
div#gNav ul.nav {
	height: 46px;
	overflow: hidden;
	float: left;
}
div#gNav ul.nav.selected,
div#gNav ul.nav.active {
	background: url(/brand/hairla/img/bg_gnav_line.png) right 0 no-repeat;
}
div#gNav ul.nav. menu01 {
	width: 135px;
}
div#gNav ul.nav. menu02 {
	width: 207px;
}
div#gNav ul.nav. menu03 {
	width: 194px;
}
div#gNav ul.nav. menu04 {
	width: 140px;
}
div#gNav ul.nav. menu05 {
	width: 116px;
}
div#gNav ul.nav li {
	height: 48px;
	line-height: 48px;
	margin-bottom: 1px;
}
div#gNav ul.nav li:first-child {
	height: 46px;
	line-height: 46px;
}
div#gNav ul.nav.menu02 li:hover a {
	cursor: pointer;
}
div#gNav ul#inner li {
	float: left;
}
div#gNav ul#inner .nav li {
	float: none;
	margin-bottom: 1px;
}
div#gNav ul#inner .nav li:first-child {
	margin-bottom: 0;
}

div#g_subNav {
	width:190px;
	position: absolute;
	top: 11px;
    right: 13px;
}

div#g_subNav ul {
	width:205px;
}

div#g_subNav li{
	float:left;
	margin:0 0 0 20px;	
}

div#g_subNav li.first{
	margin:0px;	
}

/* container
----------------------------------------------------*/
#container {
	font-size: 14px;
	min-width: 960px;
}
#inner {
	width: 960px;
	margin: 0 auto;
	height: 400px;
}
.lower #inner {
	height: auto;
	position:relative;
}

/* contents
---------------------------------------------------*/
#contents {
	background: url(/brand/hairla/img/bg_contents_btm.png) 0 bottom no-repeat;
	padding-bottom: 10px;
}
#contents > div {
	background: url(/brand/hairla/img/bg_contents_top.png) 0 top no-repeat;
	padding-top: 20px;
}
#contents > div > div {
	background: url(/brand/hairla/img/bg_contents_rpt.png) 0 top repeat-y;
	padding: 25px 20px 20px;
}

/* footer
----------------------------------------------------*/
div.foot {
	overflow: hidden;
	clear: both;
	padding: 40px 0 30px 45px;
	background-color: #f7f7f7;
	font-size: 12px;
	text-align: left;
	min-width: 915px;
}
/* clearfix */
div.foot:before,
div.foot:after {
	content: " ";
	display: table;
}
div.foot:after {
	clear: both;
}
/* clearfix for ie6,ie7 */
.ie6 div.foot,
.ie7 div.foot {
	zoom: 1;
}
div.foot .footinner {
	overflow: hidden;
	width: 960px;
	margin: 0 auto;
}
div.foot .footinner p {
	padding: 0 0 27px 0;
}
div.foot .footinner p,
div.foot .footinner p a,
div.foot .footinner p img {
	vertical-align: baseline;
	line-height: 1.0;
}
div.foot .footinner dl {
	float: left;
	width: 240px;
}
div.foot .footinner dl dt {
	padding: 0 0 6px 0;
}
div.foot .footinner dl dt,
div.foot .footinner dl dt img {
	line-height: 1.0;
	vertical-align: baseline;
}
div.foot .footinner dl dd {
	background: url(/brand/hairla/img/cmn_foot_arow.gif) left center no-repeat;
	padding: 0 0 0 10px;
	margin: 0 0 0 13px;
	line-height: 1.5em;
}
div.foot .footinner dl dd.last {
	margin: 0 0 17px 13px;
}
div.foot .footinner dl dd a {
	color: #666666;
	text-decoration: none;
}
div.foot .footinner dl dd a:hover {
	text-decoration: underline;
}
div.footsub {
	overflow: hidden;
	clear: both;
	width: 100%;
	margin: 0 auto;
	padding: 10px 0 10px 0;
}
div.footsub .footsubinner {
	overflow: hidden;
	width: 960px;
	margin: 0 auto;
}
div.footsub .footsubinner p {
	float: left;
	font-size: 10px;
	line-height: 1;
}
div.footsub .footsubinner p a {
	color: #666666;
	text-decoration: none;
}
div.footsub .footsubinner p a:hover {
	text-decoration: underline;
}
div.footsub .footsubinner address {
	float: right;
	width: 350px;
	padding: 3px 0 0 0;
}