@charset "utf-8";

/***************************************************
header
**************************************************/

div#header {
position: relative;
margin: 0 auto 10px;
height: 100px;
width: 960px;
text-align: left;
}

div#header h1.logo,
div#header p.logo {
position: absolute;
top: 25px;
left: 0;
}

div#header ul.nav {
zoom: 1;
position: absolute;
top: 40px;
left: 393px;
}
div#header ul.nav:after { content: '';display: block;clear: both;line-height: 0;font-size: 0.1em;}

div#header ul.nav li { float: left;}

/***************************************************
topicPath
**************************************************/

ul#topicPath {
zoom: 1;
position: relative;
margin: 0 auto 5px;
padding: 0 2px;
width: 956px;
text-align: left;
z-index: 2;
}
ul#topicPath:after { content: '';display: block;clear: both;line-height: 0;font-size: 0.1em;}

ul#topicPath li {
margin: 0 8px 0 0;
float: left;
font-size: 77%;
}

ul#topicPath li a {
padding: 0 11px 0 0;
background: url("/common/img/arw_topicpath.gif") no-repeat right center;
}

ul#topicPath li a:link,
ul#topicPath li a:visited { color: #635D59;}

ul#topicPath li a:hover,
ul#topicPath li a:active { color: #b60030;}


/***************************************************
content
**************************************************/

div#content {
zoom: 1;
position: relative;
margin: 0 auto 30px;
width: 960px;
text-align: left;
}
div#content:after { content: '';display: block;clear: both;line-height: 0;font-size: 0.1em;}

div#content ul.subNav {
zoom: 1;
margin: 0 0 15px 0;
}
div#content ul.subNav:after { content: '';display: block;clear: both;line-height: 0;font-size: 0.1em;}

div#content ul.subNav li {
float: left;
margin: 0 15px 0 0;
}

div#content h1 { margin: 0 0 37px 0;}

div#content h1.stores {
position: absolute;
margin: -24px 0 0 0;
z-index: 1;
}

div.stores div#main { padding: 91px 0 0 0;}

div.stores div#sub { padding: 91px 0 0 0;}

/***************************************************
main
**************************************************/

div#main {
float: right;
display: inline;
margin: 0 2px 0 0;
width: 685px;
}

/***************************************************
sub
**************************************************/

div#sub {
float: left;
display: inline;
margin: 0 0 0 2px;
width: 250px;
}

div#sub div.lNav {
zoom: 1;
overflow: hidden;
margin: 0 0 20px 0;
padding: 0 0 5px 0;
width: 250px;
background: #fff url("/common/img/bg_lnav_btm.gif") no-repeat left bottom;
}

div#sub div.lNav ul {
margin: 0 0 -11px 0;
padding: 5px 5px  5px;
background: url("/common/img/bg_lnav_top.gif") no-repeat left top;
}

div#sub div.lNav ul li {
margin: 0 0 5px 0;
padding: 0 0 1px 0;
background: url("/common/img/line_lnav01.gif") no-repeat left bottom;
}

div#sub ul.btnList {
padding: 22px 0 0 0;
background: url("/common/img/line_sub01.gif") no-repeat left top;
}

div#sub ul.btnList li { margin: 0 0 10px 0;}


/***************************************************
footer
**************************************************/

div#footer {
position: relative;
padding: 35px 0 20px;
background: url("/common/img/bg_footer.gif") repeat-x left top;
}

div#footer div.inner {
zoom: 1;
margin: 0 auto;
width: 960px;
text-align: left;
overflow: hidden;
}
div#footer div.inner:after { content: '';display: block;clear: both;line-height: 0;font-size: 0.1em;}

div#footer div.inner ul {
zoom: 1;
float: left;
margin: 0 0 0 -10px;
}
div#footer div.inner ul:after { content: '';display: block;clear: both;line-height: 0;font-size: 0.1em;}

div#footer div.inner ul li {
float: left;
padding: 0 9px 0 10px;
background: url("/common/img/line_footernav.gif") no-repeat left center;
font-size: 77%;
}

div#footer div.inner ul li a:link,
div#footer div.inner ul li a:visited {
color: #fff;
text-decoration: none;
}

div#footer div.inner ul li a:hover,
div#footer div.inner ul li a:active {
color: #979391;
text-decoration: underline;
}

div#footer div.inner address {
float: right;
color: #979391;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 77%;
}