@charset "utf-8";

/*
Theme Name: ABAHOUSE renewal
Theme URI: http://www.abahouse.co.jp/
Description: CSS for ABAHOUSE Website 2010
Version: 1
Author: NAGI Co., Ltd.
Author URI: http://www.nagi.tv/
*/

/*
---------------------------------------------------------------------
	cmn.css [July.2010] 
---------------------------------------------------------------------

	00:Common Properties
	01:Individual Areas' Properties
		-01:header
		-02:footer
		-03:container
	-:ClearFix
	
*/


/* 00:Common Properties
--------------------------------------------------*/

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

body #wrapper {
	width:960px;
	margin: 0 auto;
}

body #wrapper #topicPath {
	margin: 10px 0 0 0;
	padding: 0 0 0 10px;
}

body #wrapper #topicPath li {
	float: left;
	margin-right: 7px;
	font-size: 77%;
	color: #b39b7f;
	line-height: 1.1;
}

body #wrapper #topicPath li a {
	padding-right: 10px; 
	background: url(/cmn/img/topicPath_gt.gif) no-repeat right 45%;
	color: #000;
}

body #wrapper #topicPath li a:hover { color: #b39b7f; }



/* 01-01:header
--------------------------------------------------*/

body #wrapper #header {
	clear: both;
	width: 960px;
	height: 101px;
	position: relative;
	background: url(/cmn/img/border_dot.gif) repeat-x left bottom;
}

body #wrapper #header #siteIdentity {
	position: absolute;
	top: 36px;
	left: 10px;
}

body #wrapper #header #siteIdentity a {
	display: block;
	width: 406px;
	height: 48px;
	overflow: hidden;
	text-indent: -9999px;
	background: url(/cmn/img/header_siteIdentity.png) no-repeat 0 0;
}

#header ul li {
	display: block;
	float: left;
	font-size: 1%;
}

#header ul li a {
	display: block;
	overflow: hidden;
	font-size: normal;
	background-repeat: no-repeat;
	background-position: 0 0;
	text-indent: -9999px;
	zoom: 1;
}

#header #globalNav {
	position: absolute;
	top: 38px;
	right: 10px;
	height: 14px;
}

#header #globalNav li { margin-left: 20px; }
#header #globalNav li a {
	height: 14px;
}
#header #globalNav li.nav01 a { width: 70px; background-image: url(/cmn/img/globalNav_women.png); }
#header #globalNav li.nav02 a { width: 46px; background-image: url(/cmn/img/globalNav_men.png); }
#header #globalNav li.nav03 a { width: 99px; background-image: url(/cmn/img/globalNav_accessory.png); }
#header #globalNav li.nav04 a { width: 81px; background-image: url(/cmn/img/globalNav_interior.png); }
#header #globalNav li.nav05 a { width: 80px; background-image: url(/cmn/img/globalNav_gallery.png); }
#header #globalNav li.nav06 a { width: 110px; background-image: url(/cmn/img/globalNav_onlineshop.png); }
#header #globalNav li a:hover,
#header #globalNav li a.act { background-position: 0 -14px; }

#header #utilityNav {
	height: 12px;
	position: absolute;
	top: 70px;
	right: 10px;
}

#header #utilityNav li { margin-left: 21px; }
#header #utilityNav li a { height: 12px; }
#header #utilityNav li.nav01 a { width: 78px; background-image: url(/cmn/img/utilityNav_shopSearch.png); }
#header #utilityNav li.nav02 a { width: 81px; background-image: url(/cmn/img/utilityNav_blogO.png); }
#header #utilityNav li.nav03 a { width: 66px; background-image: url(/cmn/img/utilityNav_blogS.png); }
#header #utilityNav li.nav04 a { width: 40px; background-image: url(/cmn/img/utilityNav_news.png); }
#header #utilityNav li.nav05 a { width: 81px; background-image: url(/cmn/img/utilityNav_space.png); }
#header #utilityNav li.nav06 a { width: 30px; background-image: url(/cmn/img/utilityNav_sns.png); }
#header #utilityNav li.nav07 a { width: 48px; background-image: url(/cmn/img/utilityNav_reucuit.png); }
#header #utilityNav li a:hover,
#header #utilityNav li a.act { background-position: 0 -12px; }

#header #relNav {
	height: 12px;
	position: absolute;
	top: 9px;
	right: 10px;
}

#header #relNav li { margin-left: 15px; }
#header #relNav li a { height: 12px; }
#header #relNav li.nav01 a { width: 61px; background-image: url(/cmn/img/relNav_official.png); }
#header #relNav li.nav02 a { width: 85px; background-image: url(/cmn/img/relNav_onlineShop.png); }
#header #relNav li a:hover,
#header #relNav li a.act { background-position: 0 -12px; }

#header #langNav {
	height: 22px;
	position: absolute;
	top: 3px;
	left: 10px;
}

#header #langNav li { margin-left: 5px; }
#header #langNav li a { width: 22px; height: 22px; }
#header #langNav li.nav01 a { background-image: url(/cmn/img/langNav_jp.png); }
#header #langNav li.nav02 a { background-image: url(/cmn/img/langNav_en.png); }
#header #langNav li.nav03 a { background-image: url(/cmn/img/langNav_cn.png); }
#header #langNav li a:hover,
#header #langNav li a.act { background-position: 0 -22px; }




/* 01-02:footer
--------------------------------------------------*/

body #footer {
	clear: both;
	position: relative;
	height: 171px;
	margin-top: 80px;
}

body #footer #copyright {
	width: 156px;
	padding: 18px 10px 0;
	border-top: 2px solid #b39b7f;
}

body #footer .inner {
	width: 764px;
	padding: 0;
	position: absolute;
	top: 0;
	left: 196px;
	background: url(/cmn/img/border_dot.gif) repeat-x left top;
}

body #footer .inner #comNav {
	width: 156px;
	height: 141px;
	padding: 20px 10px 10px;
	background: #000;
}

body #footer .inner #comNav li { margin: 0 0 10px 0; }
body #footer .inner #comNav li a { display: block; }
* html body #footer .inner #comNav li { font-size:1%;}
* html body #footer .inner #comNav li a { font-size: 93%; }
*:first-child+html body #footer .inner #comNav li { font-size:1%;} 
*:first-child+html body #footer .inner #comNav li a { font-size: 93%; }


/*#footer {
	clear: both;
	position: relative;
	margin-top: 80px;
}

#footer #copyright {
	margin-top: 20px;
	height: 8px;
	overflow: hidden;
	background: url(/cmn/img/footer_copyright.png) no-repeat center top;
	text-indent: -9999px;
}

#footer #comNav {
	height: 14px;
	overflow: hidden;
	text-align: center;
	font-size: 1%;
}

#footer #comNav li {
	display: inline-block;
	margin: 0 15px;
	font-size: normal;
}

* html #footer #comNav li {
	display: inline;
	zoom: 1;
}

*:first-child+html #footer #comNav li {
	display: inline;
	zoom: 1;
}

#footer #comNav li a {
	display: block;
	height: 14px;
	oberflow: hidden;
	font-size: normal;
	background-repeat: no-repeat;
	background-position: 0 0;
	text-indent: -9999px;
}

#footer #comNav li.nav01 a { width: 43px; background-image: url(/cmn/img/comNav_com.png); }
#footer #comNav li.nav02 a { width: 43px; background-image: url(/cmn/img/comNav_recruit.png); }
#footer #comNav li.nav03 a { width: 60px; background-image: url(/cmn/img/comNav_sitemap.png); }
#footer #comNav li.nav04 a { width: 44px; background-image: url(/cmn/img/comNav_terms.png); }
#footer #comNav li.nav05 a { width: 104px; background-image: url(/cmn/img/comNav_privacy.png); }
#footer #comNav li.nav06 a { width: 23px; background-image: url(/cmn/img/comNav_faq.png); }
#footer #comNav li.nav07 a { width: 67px; background-image: url(/cmn/img/comNav_contact.png); }

#footer #comNav li a.act,
#footer #comNav li a:hover { background-position: 0 -14px; }
*/




/* 01-03:container
--------------------------------------------------*/

body #wrapper #container {
	position: relative;
	margin-top: 20px;
}

body #sideContents {
	float: right;
	width: 176px;
}

body #sideFunction {
	float: left;
	width: 176px;
}



/* -:ClearFix
--------------------------------------------------*/

.clrfix:after,
body #wrapper #topicPath:after,
body #wrapper #container:after,
body #wrapper #container #mainContents:after {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}
  
.clrfix,
body #wrapper #topicPath,
body #wrapper #container,
body #wrapper #container #mainContents {
	zoom:1;
}