/*==================================================================

design.css

The date     : 2010.01.21
Last up date : 

================================================================== */

p.clear {
	clear:both;
	margin: 0;
	padding: 0;
	height: 0px;
}

#wrapper {
	width: 100%;
}


/*	index
============================================================*/

.containerTop {
	width: 100%;
	height: 100%;
	background: #EDF7FB;
}

.contentsTop {
	width: 850px;
	margin: 0 auto;
}

.flash {
	width: 850px;
	padding: 10px 0 35px 0;
}

.logoTop {
	text-indent: -9999px;
}

.logoTop a {
	width: 395px;
	height: 90px;
	background: url(../images/h1_logo-top.gif) no-repeat 0 30px;
	display: block;
}

.footerTop {
	clear: both;
	width: 850px;
	margin: 0 auto;
	padding: 5px 0;
}


/*	header
============================================================*/

#headerWrap {
	width: 100%;
	height: 110px;
	background: url(../images/bg_header.gif) repeat-x;
}

#header {
	width: 860px;
	height: 110px;
	margin: 0 auto;
}

h1.logo {
	width: 330px;
	height: 60px;
	background: url(../images/h1_logo.gif) no-repeat;
	text-indent: -9999px;
	margin: 30px 0 0 0;
}

.left {
	float: left;
}

.glovalNav {
	float: right;
	padding: 60px 0 0 0;
	vertical-align:bottom;
}

.glovalNav .brandLogoN {
	float: right;
	padding: 0 15px 0 0;
	margin: -3px 0 5px 0;
}

.glovalNav .brandLogoF {
	float: right;
	padding: 0 15px 0 0;
	margin: 10px 0 5px 0;
}

.glovalNav .brandLogoS {
	float: right;
	padding: 0 15px 0 0;
	margin: 3px 0 5px 0;
}

.glovalNav ul {
	padding: 0;
	margin: 0;
	float: right;
}

.glovalNav li {
	float: left;
	padding: 0 0 0 11px;
	margin: 10px 8px 0 0;
	background: url(../images/m_div.gif) no-repeat;
}


/*	subNav
============================================================*/

#subNavWrap {
	width: 880px;
	margin: 0 auto;
	clear: both;
}

#subNavWrap .prev, #subNavWrap .next {
	height: 120px;
	padding: 50px 0 20px 0;
}

#subNavWrap .subNav {
	float: left;
	width: 670px;
	height: 95px;
	padding: 50px 0 0 0;
	background: url(../images/bg_topic-path.gif) no-repeat bottom;
}

#subNavWrap .subNav ul {
	margin:0;
	padding:50px 0 0 240px;
}

#subNavWrap .subNav li {
	list-style:none;
	float:left;
	margin:0 3px0 0 3px;
	padding:0;
}

#subNavWrap .prev {
	float: left;
	width: 100px;
	height: 95px;
}

#subNavWrap .next {
	float: left;
	width: 100px;
	height: 95px;
}

#top,#navA,#navB,#navC,#navD,#navE,
#top1,#navA1,#navB1,#navC1,#navD1,#navE1 {
	padding: 0 1px 0 0;
	background: url(../images/vr_subnav.gif) no-repeat right 2.5px;
}



/*	footerNav
============================================================*/

#footerNavWrap {
	width: 880px;
	clear: both;
	margin: 0 0 30px 0;
	margin: auto;
}

#footerNavWrap .prev, #footerNavWrap .next {
	height: 120px;
	padding: 50px 0 40px 0;
}

#footerNavWrap .subNav {
	float: left;
	width: 670px;
	height: 95px;
	padding: 50px 0 0 0;
	background: url(../images/bg_topic-path.gif) no-repeat bottom;
}

#footerNavWrap .subNav ul {
	margin:0;
	padding:50px 0 0 240px;
}

#footerNavWrap .subNav li {
	list-style:none;
	float:left;
	margin:0 3px0 0 3px;
	padding:0;
}

#footerNavWrap .prev {
	float: left;
	width: 100px;
	height: 95px;
}

#footerNavWrap .next {
	float: left;
	width: 100px;
	height: 95px;
}


/*	contents
============================================================*/

#contents {
	width: 850px;
	padding: 0 25px 0 10px;
	margin: 0 auto;
	font-size: 10px;
	line-height: 1.4;
	color: #666666;
}

.contents02 {
	width: 850px;
	margin: 40px 0 0 0;
	font-size: 10px;
	line-height: 1.4;
	color: #666666;
}

.leftCol {
	float: left;
	width: 305px;
	padding: 0 0 0 10px;
}

.rightCol {
	float: right;
	width: 500px;
	padding: 0 15px 0 0;
}

#contents h2 {
	margin: 0;
	padding: 0 0 15px 0;
}

#contents .lead {
	font-size: 12px;
	margin: 0;
	padding: 5px 0 35px 0;
}


div.item {
	float: left;
	width: 500px;
}

div.item img {
	padding: 0 0 10px 0;
}

div.item p {
	font-size: 10px;
	line-height: 1.4;
	color: #666666;
}

div.item td {
	font-size: 10px;
	line-height: 1.4;
	color: #666666;
}

div.item td img {
	padding: 0 0 5px 0;
}

.itemHr {
	width: 235px;
	background: url(../images/hr_item.gif) no-repeat center bottom;
	padding: 0 0 10px 0;
	margin: 0 0 8px 0;
}

.itemHr2 {
	width: 235px;
	background: url(../images/hr_item.gif) no-repeat center bottom;
	padding: 0 0 10px 0;
	margin: 15px 0 8px 0;
}

.hrTable {
	background: url(../images/hr_item.gif) no-repeat center top;
	padding: 10px 0 0 0;
	margin: 10px 0 8px 0;
}

.itemL {
	float: left;
	width: 230px;
	padding: 0 15px 35px 0;
}

.itemR {
	float: right;
	width: 230px;
	padding: 0 15px 35px 0;
}

.store {
	clear: both;
	width: 325px;
	height: 58px;
	background: url(../images/bg_store.jpg) no-repeat center bottom;
	margin: 0 auto;
	padding: 65px 10px 0 175px;
}

.store-spick {
	clear: both;
	width: 325px;
	height: 58px;
	background: url(../images/bg_store_spick.jpg) no-repeat center bottom;
	margin: 0 auto;
	padding: 65px 10px 0 175px;
}

.store-noble {
	clear: both;
	width: 325px;
	height: 58px;
	background: url(../images/bg_store_noble.jpg) no-repeat center bottom;
	margin: 0 auto;
	padding: 65px 10px 0 175px;
}

td.spec-caption {
	width: 60px;
}

/*	footer
============================================================*/

.footer {
	clear: both;
	width: 880px;
	margin: 0 auto;
	padding: 5px 0;
}

.footerHr{
	clear: both;
	width: 880px;
	margin: 0 auto;
	padding: 1px 0;
	height: 3px;
	background: url(../images/hr_footer.gif) no-repeat center top;
}

.mobile {
	float: left;
	width: 288px;
	padding: 0 0 10px 0;
}

.shop {
	float: right;
	width: 371px;
	padding: 0 0 10px 0;
}

.footNavWrap {
	clear: both;
	width: 880px;
	height: 40px;
	background: url(../images/bg_grid.gif);
}

.footNav {
	width: 850px;
	height: 15px;
	margin: 0 auto;
}

.mobile ul {
	padding: 12px 0 0 0;
}

.mobile li {
	float: left;
}

.mobile .vrRight {
	padding: 0 12px 0 0;
	background: url(../images/vr_footer.gif) no-repeat right top;
}

.copyright {
	float: right;
	width: 198px;
	height: 15px;
	text-indent: -9999px;
	background: url(../images/copyright.gif) no-repeat;
	margin: 12px 0 0 0;
}


/*	pad
============================================================*/

.padB35 {
	padding: 0 0 35px 0;
}