@charset "utf-8";
/********************************************************
 Style Info    : CSS Page Shop Setting
 Date Create   : 2011/09/01
 Date Update   : 2011/09/01
 Author        : none
 Memo          : none
********************************************************/


/*******************************************************/
/*	Header Setting - Top page
********************************************************/
#header {
	width: 1200px;
	height: 80px;
	margin: 0 auto;
	padding: 0;
	background: url(../../images/share/bg_header.png) no-repeat 104% 0;
}

#header h1 {
	width: 455px;
	height: 60px;
	margin: 14px 0 0 70px;
	padding: 0;
	_background: url(../../images/share/logo.gif) no-repeat 0 0;
	background: url(../../images/share/logo.png) no-repeat 0 0;
	float: left;
}

#header h1 a {
	width: 455px;
	height: 60px;
	display: block;
}


/*	Header Menu
*******************************/
#header ul {
	float: left;
	margin: 46px 0 0 120px;
}

#header ul li {
	margin-top:10px;
	padding-left: 10px;
	padding-right: 10px;
	float: right;
	background: url(../../images/share/line_list.gif) no-repeat left -2px;
}

#header ul li.none {
	background: none;
}

#header ul li a {
	display: block;
	color: #FFFFFF;
	font-size: 1.2em;
}

#header ul li a:visited {
}

#header ul li a:hover {
}

/*	Header Entry Banner
*******************************/
#header div.entryBanner {
	margin: 0;
	padding: 0;
	position: relative;
	z-index: 10;
	top: 0px;
	left: 53%;
	width: 340px;
	height: 50px;
}

#header div.entryBanner a {
	display: block;
	width: 340px;
	height: 50px;
	background: url(../../images/share/header_banner.png) no-repeat 0 0;
}

#header div.entryBanner a:hover {
	opacity :0.8;
}


/*******************************************************/
/*	Main Photo Setting - Top page
********************************************************/
#pagePhoto {
	width: 950px;
	height: 160px;
	margin: 0 auto;
	padding: 0;
	background: url(../../images/share/ph_shop.jpg) no-repeat 0 0;
}


/*******************************************************/
/*	Global Navigation Setting
********************************************************/
#gMenu {
	width: 100%;
	height: 44px;
	margin: 0 auto;
	background: url(../../images/share/bg_gmenu.gif) repeat-x 0 0;
}

#gMenu ul {
	background: url(../../images/share/gmenu.gif) no-repeat 0 0;
	width: 950px;
	height: 44px;
	margin: 0 auto;
	display: block;
}

#gMenu ul li {
	float: left;
}

#gMenu ul li a {
	display: block;
	height: 44px;
}

#gMenu ul li a.gmenu01 { width: 105px; }
#gMenu ul li a.gmenu01:hover { background: url(../../images/share/gmenu.gif) no-repeat 0 -49px; }
#gMenu ul li a.gmenu01on { width: 105px; background: url(../../images/share/gmenu.gif) no-repeat 0 -49px; }

#gMenu ul li a.gmenu02 { width: 207px; }
#gMenu ul li a.gmenu02:hover { background: url(../../images/share/gmenu.gif) no-repeat -105px -49px; }
#gMenu ul li a.gmenu02on { width: 207px;  background: url(../../images/share/gmenu.gif) no-repeat -105px -49px; }

#gMenu ul li a.gmenu03 { width: 99px; }
#gMenu ul li a.gmenu03:hover { background: url(../../images/share/gmenu.gif) no-repeat -312px -49px; }
#gMenu ul li a.gmenu03on { width: 99px;  background: url(../../images/share/gmenu.gif) no-repeat -312px -49px; }

#gMenu ul li a.gmenu04 { width: 152px; }
#gMenu ul li a.gmenu04:hover { background: url(../../images/share/gmenu.gif) no-repeat -411px -49px; }
#gMenu ul li a.gmenu04on { width: 152px; background: url(../../images/share/gmenu.gif) no-repeat -411px -49px; }

#gMenu ul li a.gmenu05 { width: 206px; }
#gMenu ul li a.gmenu05:hover { background: url(../../images/share/gmenu.gif) no-repeat -563px -49px; }
#gMenu ul li a.gmenu05on { width: 206px; background: url(../../images/share/gmenu.gif) no-repeat -563px -49px; }

#gMenu ul li a.gmenu06 { width: 110px; }
#gMenu ul li a.gmenu06:hover { background: url(../../images/share/gmenu.gif) no-repeat -769px -49px; }
#gMenu ul li a.gmenu06on { width: 110px; background: url(../../images/share/gmenu.gif) no-repeat -769px -49px; }





/*******************************************************/
/*	Contents Layout
********************************************************/
#contents {
	width: 950px;
	margin: 20px auto 10px;
}

#contents #shopBox {
	width: 849px;
	margin: 0 auto 30px;
	padding: 0;
}

#contents #shopBox a:hover img:hover {
	opacity: .7;
}

#contents #shopBox a {
	text-decoration: none;
	font-size: 1.4em;
	line-height: 2.2em;
}

/*	Banner
--------------------------------------------------------*/
#contents #mainBanner {
	margin: 20px auto 10px;
	text-align: center;
}


/*******************************************************/
/*	footer
********************************************************/
#footer {
	margin: 0;
	padding: 0;
	background: #121212;
	height: 120px;
	overflow: hidden;
}

#footerInner {
	width: 960px;
	margin: 16px auto 0;
	padding: 0;
	display: block;
}

#footerInner ul {
	position:relative;
	left:50%;
	float:left;
	margin: 14px 0 10px;
}

#footerInner li {
	position:relative;
	left:-50%;
	float:left;
	margin: 0 10px 0 0;
	color: #FFFFFF;
	font-size: 1.4em;
}

#footerInner li a {
	color: #800000;
	text-decoration: underline;
	font-weight: bold;
}

#footerInner li a:hover {
	text-decoration: none;
}

#footerInner #copyright {
	clear: both;
	color: #666666;
	font-size: 1.0em;
	text-align: center;
}

#footerInner #copyright span {
	margin: 0;
}