/* ****************************************************
1. Common Settings
2. Header
3. Main
4. Right Navigation
5. Footer

99. Extra
***************************************************** */

/* 1. Common Settings
=========================================*/

body {
	background: #dde2e8;
}

#pageContainer {
	background: #eeeeee url(../images/com_bg002.gif) repeat-y 50% 0;
	zoom: 1;
}


/* 2. Header
=========================================*/

#contents #headContainer {
	background: url(../images/com_bg004.gif) repeat-x 0 0;
	height: 47px;
	zoom: 1;
}
#contents #headContainer #header {
	width: 900px;
	margin: 0 auto;
	background: url(../images/com_bg006.gif) repeat-x 50% 0;
}
#contents #headContainer #header .logo {
	float: left;
	margin: 8px 0 16px;
}
#contents #headContainer #header .utility {
	float: right;
}
#contents #headContainer #header .utility li {
	float: left;
}



/* 3. Main
=========================================*/

/* Top
-------------------------------------*/

#pageContainer .wrap {
	background: url(../images/com_bg001.gif) repeat-x 0 0;
	border-bottom: 52px solid #dbe0e7;
	zoom: 1;
}
#top .brandTop {
	clear: both;
	width: 900px;
	margin: 0 auto 25px;
	padding-top: 27px;
}
* html #top .brandTop {
	margin: 0 auto 0px;
}
#top .brandTop .detailTxt {
	float: left;
	width:380px;
	margin-right: 30px;
}
#top .brandTop .brandImg {
	float: right;
	width: 490px;
	padding-top: 3px;
}
#top .brandTop .detailTxt .lead {
	margin: 27px 0 0 79px;
}
#top .brandTop .detailTxt .txt {
	margin: 24px 0 0 40px;
}
#top .brandTop .detailTxt .linkArea .item01 {
	margin: 22px 0 0 17px;
}
#top .brandTop .detailTxt .linkArea .item02 {
	margin: 2px 0 0 136px;
}
#top .brandTop .detailTxt .link {
	margin-top: 18px;
	padding-top: 15px;
	background: url(../../images/index_ex001.gif) no-repeat 0 0;
	text-align: center;
	zoom: 1;
}




/* Inner
-------------------------------------*/
/* heading */
#contents .heading01,
#contents .heading02,
#contents .heading04 {
	width: 900px;
	background: url(../images/com_bg005.gif) repeat-x 0 100%;
	zoom: 1;
}
#contents .heading03 {
	margin-bottom: 10px;
	padding-top: 20px;
}
#contents .heading04 {
	background: url(../../lineup/images/index_bg001.gif) no-repeat 0 100%;
	zoom: 1;
}
#contents .heading05 {
	margin-top: 30px;
}


#contents .heading01 img.hImage,
#contents .heading02 img.hImage,
#contents .heading04 img.hImage {
	margin-bottom: 7px;
}
#contents .heading02 .subver {
	float: left;
	width: 365px;
}
#contents .heading02 ul {
	float: right;
}
#contents .heading02 ul li {
	float: left;
	margin-left: 9px;
}

#contents #mainContainer {
	width: 900px;
	margin: 0 auto;
}
#contents #mainContainer .topicPath {
	clear: both;
	margin: 8px 0 20px;
}
#contents #mainContainer #anchorLink {
	clear: both;
	margin: 10px 0 0 5px;
}
#contents #mainContainer #anchorLink li {
	float: left;
	margin: 0 20px 3px 0;
	padding-left: 23px;
	background: url(../images/com_ic001.gif) no-repeat 0 50%;
	white-space: nowrap;
}
#anchorLink li a {
	display: block;
	padding-top: 0.2em;
	min-height: 19px;
}

#contents #mainContainer .leatherList {
	clear: both;
	width: 885px;
	margin-top: 25px;
	padding: 12px 0 0 15px;
	background: #dfe4e9;
}
#contents #mainContainer .leatherList h2 {
	margin-bottom: 7px;
}
#contents #mainContainer .leatherList .titleArea .listTitle {
	float: left;
}
#contents #mainContainer .leatherList .titleArea .otherLink {
	float: right;
	padding: 3px 18px 0 0;
}
#contents #mainContainer .leatherList .color {
	clear: both;
}
#contents #mainContainer .leatherList .products {
	clear: both;
	padding-bottom: 15px;
}
#contents #mainContainer .leatherList .color li,
#contents #mainContainer .leatherList .products li {
	float: left;
	width: 100px;
	margin: 0 10px 0 0;
	padding-bottom: 15px;
}
* html #contents #mainContainer .leatherList .color li.last {
	margin-right: 0;
}
#contents #mainContainer .leatherList .products li {
	width: 140px;
	margin: 0 6px 0 0;
	padding: 5px 0 0 0;
}
#contents #mainContainer .leatherList .color li span {
	display: block;
	width: 100px;
	padding-top: 2px;
	text-align: center;
}

/* about */
#contents #mainContainer #concept {
	width: 900px;
	min-height: 485px;
	background: url(../../about/images/index_ph006.jpg) no-repeat 100% 0;
}
* html #contents #mainContainer #concept {
	height: 485px;
}
#contents #mainContainer #concept .col2Type01,
#contents #mainContainer #concept .col2Type02 {
	clear: both;
	width: 495px;
	margin-top: 35px;
	padding-left: 25px;
}
#contents #mainContainer #concept .col2Type01 .col1 {
	float: left;
	width: 100px;
	margin-right: 10px;
}
#contents #mainContainer #concept .col2Type01 .col2 {
	float: right;
	width: 380px;
}
#contents #mainContainer #concept .col2Type02 .col1 {
	float: right;
	width: 100px;
}
#contents #mainContainer #concept .col2Type02 .col2 {
	float: left;
	width: 380px;
	margin-right: 10px;
}
#contents #mainContainer #concept .col2Type01 .col2 img,
#contents #mainContainer #concept .col2Type02 .col2 img {
	margin-bottom: 10px;
}
#contents #mainContainer #designer {
	width: 900px;
}
#contents #mainContainer #designer .detailTxt {
	padding: 0 0 30px 25px;
}
#contents #mainContainer #designer .equalCol2 {
	clear: both;
	margin-left: 25px;
}
#contents #mainContainer #designer .equalCol2 .first,
#contents #mainContainer #designer .equalCol2 .second {
	float: left;
	width: 410px;
}
#contents #mainContainer #designer .equalCol2 .first {
	margin-right: 30px;
}
#contents #mainContainer #designer .equalCol2 .designersPh {
	float: left;
	width: 130px;
	margin-right: 15px;
}
#contents #mainContainer #designer .equalCol2 .profile {
	float: left;
	width: 265px;
}
#contents #mainContainer #designer .equalCol2 .profile img {
	margin-bottom: 15px;
}
#contents #mainContainer #designer .equalCol2 .profile span {
	display: block;
}
#contents #mainContainer #designer .note {
	clear: both;
	margin-top: 10px;
	padding-left: 1em;
	text-indent: -1em;
}


/* lineup */
#contents #mainContainer .wrapBg {
	width: 900px;
	background: url(../../lineup/images/index_ph005.jpg) no-repeat 100% 0;
}
#contents #mainContainer .lineup2Col {
	clear: both;
	width: 900px;
	margin-bottom: 25px;
}
#contents #mainContainer .lineup2Col .first,
#contents #mainContainer .lineup2Col .second {
	float: left;
	width: 442px;
}
#contents #mainContainer .lineup2Col .second {
	float: right;
}
#contents #mainContainer .col2Type03 .col1 {
	float: left;
	width: 228px;
	margin-right: 10px;
}
#contents #mainContainer .col2Type03 .col2 {
	float: left;
	width: 204px;
}
#contents #mainContainer .col2Type03 .btn {
	margin-top: 20px;
	text-align: right;
}
#contents #mainContainer #anchorLink02 {
	width: 417px;
	margin: 11px 0 25px;
}
#contents #mainContainer #anchorLink02 li {
	float: left;
	margin-right: 15px;
	padding-bottom: 5px;
}
#contents #mainContainer .detailTxt {
	margin-bottom: 33px;
}
#contents #mainContainer .lineupTitle {
	margin-bottom: 15px;
}



#contents #mainContainer .pageTop {
	clear: both;
	margin-top: 9px;
	text-align: right;
}



/* 5. Footer
=========================================*/

/* footContainer */
#footContainer {
	clear: both;
	height: 38px;
	background: url(../images/com_bg003.gif) repeat-x 0 0;
}
#footContainer .footer {
	clear: both;
	width: 900px;
	margin: 0 auto;
}
#footContainer .footer {
	padding: 12px 0;
}
#footContainer .footer .copyright {
	float: left;
}
#footContainer .footer .logo {
	float: right;
}


#contents .mt0 {
	margin-top: 0 !important;
}
#contents .pb0 {
	padding-bottom: 0 !important;
}
#contents .pb30 {
	padding-bottom: 30px !important;
}
#contents .pb50 {
	padding-bottom: 50px !important;
}

/* 99. Extra
=========================================*/
/* Clearfix */
.clear{
	clear:both;
}

#footContainer .footer:after,
#top .brandTop:after,
#contents #headContainer #header:after,
#contents #headContainer #header .utility:after,
#contents #mainContainer #anchorLink:after,
#contents #mainContainer .leatherList .color:after,
#contents .heading02:after,
#contents .heading02ul:after,
#contents #mainContainer #concept .col2Type01:after,
#contents #mainContainer #concept .col2Type02:after,
#contents #mainContainer #designer .equalCol2:after,
#contents #mainContainer #designer .equalCol2 .first:after,
#contents #mainContainer #designer .equalCol2 .second .inner:after,
#contents #mainContainer .leatherList .products:after,
#contents #mainContainer .leatherList .titleArea:after,
#contents #mainContainer .lineup2Col:after,
#contents #mainContainer .col2Type03:after,
#contents #mainContainer #anchorLink02:after {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}

#footContainer .footer,
#top .brandTop,
#contents #headContainer #header,
#contents #headContainer #header .utility,
#contents #mainContainer #anchorLink,
#contents #mainContainer .leatherList .color,
#contents .heading02,
#contents .heading02 ul,
#contents #mainContainer #concept .col2Type01,
#contents #mainContainer #concept .col2Type02,
#contents #mainContainer #designer .equalCol2,
#contents #mainContainer #designer .equalCol2 .first,
#contents #mainContainer #designer .equalCol2 .second .inner,
#contents #mainContainer .leatherList .products,
#contents #mainContainer .leatherList .titleArea,
#contents #mainContainer .lineup2Col,
#contents #mainContainer .col2Type03,
#contents #mainContainer #anchorLink02 {
	display:block;	/* for safari firefox3 */
	min-height:1%;  /* for IE 7*/
}

/* IE7 hacks */ 
*:first-child+html #footContainer .footer,
*:first-child+html #top .brandTop,
*:first-child+html #contents #headContainer #header,
*:first-child+html #contents #headContainer #header .utility,
*:first-child+html #contents #mainContainer #anchorLink,
*:first-child+html #contents #mainContainer .leatherList .color,
*:first-child+html #contents .heading02,
*:first-child+html #contents .heading02 ul,
*:first-child+html #contents #mainContainer #concept .col2Type01,
*:first-child+html #contents #mainContainer #concept .col2Type02,
*:first-child+html #contents #mainContainer #designer .equalCol2,
*:first-child+html #contents #mainContainer #designer .equalCol2 .first,
*:first-child+html #contents #mainContainer #designer .equalCol2 .second .inner,
*:first-child+html #contents #mainContainer .leatherList .products,
*:first-child+html #contents #mainContainer .leatherList .titleArea,
*:first-child+html #contents #mainContainer .lineup2Col,
*:first-child+html #contents #mainContainer .col2Type03,
*:first-child+html #contents #mainContainer #anchorLink02 {
	display:inline-table;
	zoom:1;
}
/* end hacks */

* html #footContainer .footer,
* html #top .brandTop,
* html #contents #headContainer #header,
* html #contents #headContainer #header .utility,
* html #contents #mainContainer #anchorLink,
* html #contents #mainContainer .leatherList .color,
* html #contents .heading02,
* html #contents .heading02 ul,
* html #contents #mainContainer #concept .col2Type01,
* html #contents #mainContainer #concept .col2Type02,
* html #contents #mainContainer #designer .equalCol2,
* html #contents #mainContainer #designer .equalCol2 .first,
* html #contents #mainContainer #designer .equalCol2 .second .inner,
* html #contents #mainContainer .leatherList .products,
* html #contents #mainContainer .leatherList .titleArea,
* html #contents #mainContainer .lineup2Col,
* html #contents #mainContainer .col2Type03,
* html #contents #mainContainer #anchorLink02 {
	height: 1%;
}