@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_recruit.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 #layout-left {
	width: 250px;
	margin: 0 0 20px;
	padding: 0;
	float: left;
}

#contents #layout-right {
	width: 700px;
	margin: 0;
	padding: 0;
	float: right;
}


/*******************************************************/
/*	Contents - Left
********************************************************/
#layout-left #sidemenu {
	width: 250px;
	margin: 0 0 20px;
	padding: 0;
}

#layout-left #sidemenu ul {
	width: 210px;
	margin: 0 auto;
	padding: 0;
}

#layout-left #sidemenu ul li {
	width: 210px;
	margin: 0 0 10px;
	padding: 0;
	background: #C30000 url(../../images/share/icon_arrow01.gif) no-repeat 6px center;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
}

#layout-left #sidemenu ul li.off {
	background: #CCCCCC url(../../images/share/icon_arrow02.gif) no-repeat 6px center;
}

#layout-left #sidemenu ul li a {
	display: block;
	width: 176px;
	margin: 0 0 10px;
	padding: 10px 10px 10px 24px;
	font-color:#FFFFFF;
	font-size: 1.4em;
	color: #FFFFFF;
	text-decoration: none;
}

#layout-left #sidemenu ul li a.off {
	color: #333333;
}

#layout-left #sidemenu ul li a:hover {
	display: block;
	background: #C30000 url(../../images/share/icon_arrow01.gif) no-repeat 6px center;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	color: #FFFFFF;
}

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

/*******************************************************/
/*	Contents - Right
********************************************************/
#layout-right h3 {
	width: 667px;
	height: 63px;
	display: block;
	margin: 0;
	padding: 0;
	background: url(../../images/share/ptitle_step.gif) no-repeat 0 0;
}

#layout-right h3.newlife2 {
	background: url(../../images/share/ptitle_newlife2.gif) no-repeat 0 0;
}

#layout-right #h3comment {
	width: 645px;
	display: block;
	margin: 0;
	padding: 10px;
	background: #DDDDDD;
	border: solid 1px #CACACA;
	font-size: 1.4em;
}

#layout-right #box {
	width: 665px;
	margin: 0;
	padding: 0;
	background: #FFFFFF;
	border-left: solid 1px #CACACA;
	border-right: solid 1px #CACACA;
	border-bottom: solid 1px #CACACA;
}

#layout-right #box #stepImages {
	width: 620px;
	display: block;
	margin: 0 auto 10px;
	padding: 10px;
}


/*******************************************************/
/*	Anchor / Page Top
********************************************************/

#layout-right div.pagetop {
	width: 80px;
	margin: 0 60px 20px auto;
	background: #DDDDDD;
	border-left: solid 1px #CACACA;
	border-right: solid 1px #CACACA;
	border-bottom: solid 1px #CACACA;
	text-align: center;
	border-bottom-right-radius: 8px;
	-moz-border-bottom-right-radius: 8px;
	-webkit-border-bottom-right-radius: 8px;
	border-bottom-left-radius: 8px;
	-moz-border-bottom-left-radius: 8px;
	-webkit-border-bottom-left-radius: 8px;
}

#layout-right div.pagetop a {
	display: block;
	width: 80px;
	text-decoration: none;
	padding: 4px 0;

}


/*******************************************************/
/*	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;
}