@charset "utf-8";
#both {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	width: 100%;
}
h1 {
	font-size: 10px;
	color: #333333;
	height: 20px;
	width: 100%;
	line-height: 19px;
	background-color: #F0F0F0;
	text-indent: 20px;
}
#header {
	background-image: url(image/style/header.jpg);
	background-repeat: no-repeat;
	height: 107px;
	width: 1024px;
	text-indent: -9999px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}
#gmenu_area {
	background-image: url(image/style/gmenuback.jpg);
	background-repeat: repeat-x;
	height: 46px;
	width: 100%;
}
#gmenu_area #gmenu {
	background-color: #FFFFFF;
	height: 46px;
	width: 802px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}
#gmenu_area #gmenu li {
	float: left;
}
#gmenu_area #gmenu li a {
	text-indent: -9999px;
	display: block;
	height: 46px;
}
#gmenu_area #gmenu #ghome {
	background-image: url(image/style/ghome.jpg);
	height: 46px;
	width: 160px;
}
#gmenu_area #gmenu #gwomanvoice {
	background-image: url(image/style/gwomanvoice.jpg);
	height: 46px;
	width: 160px;
}
#gmenu_area #gmenu #gbeginner {
	background-image: url(image/style/gbeginner.jpg);
	height: 46px;
	width: 160px;
}
#gmenu_area #gmenu #gqa {
	background-image: url(image/style/gqa.jpg);
	height: 46px;
	width: 160px;
}
#gmenu_area #gmenu #gmail {
	background-image: url(image/style/gmail.jpg);
	height: 46px;
	width: 162px;
}
#gmenu_area #gmenu #ghome:hover {
	background-image: url(image/style/ghomeover.jpg);
	height: 46px;
	width: 160px;
}
#gmenu_area #gmenu #gwomanvoice:hover {
	background-image: url(image/style/gwomanvoiceover.jpg);
	height: 46px;
	width: 160px;
}
#gmenu_area #gmenu #gbeginner:hover {
	background-image: url(image/style/gbeginnerover.jpg);
	height: 46px;
	width: 160px;
}
#gmenu_area #gmenu #gqa:hover {
	background-image: url(image/style/gqaover.jpg);
	height: 46px;
	width: 160px;
}
#gmenu_area #gmenu #gmail:hover {
	background-image: url(image/style/gmailover.jpg);
	height: 46px;
	width: 162px;
}
#pan {
	width: 1024px;
	height: 30px;
	text-indent: 20px;
	line-height: 30px;
	background-image: url(image/style/panback.jpg);
	background-repeat: no-repeat;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}
#pan .nowpage {
	color: #FF6633;
}
#key_v {
	background-image: url(image/style/key_v.jpg);
	background-repeat: no-repeat;
	height: 210px;
	width: 1024px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	text-indent: -9999px;
}
#content {
	width: 1024px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}
#content #contentleft {
	width: 230px;
	padding-left: 20px;
	float: left;
}
#content #contentleft #happy_menu {
	background-image: url(image/style/happy_menu.jpg);
	height: 254px;
	width: 230px;
	background-repeat: no-repeat;
	padding-top: 36px;
}
#content #contentleft #happy_menu li a {
	text-indent: -9999px;
	display: block;
}
#content #contentleft #happy_menu #first {
	background-image: url(image/style/first.jpg);
	height: 30px;
	width: 210px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}
#content #contentleft #happy_menu #work {
	background-image: url(image/style/work.jpg);
	height: 29px;
	width: 210px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}
#content #contentleft #happy_menu #salary {
	background-image: url(image/style/salary.jpg);
	height: 29px;
	width: 210px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}
#content #contentleft #happy_menu #quiety {
	background-image: url(image/style/quiety.jpg);
	height: 29px;
	width: 210px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}
#content #contentleft #happy_menu #flow {
	background-image: url(image/style/flow.jpg);
	height: 29px;
	width: 210px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}
#content #contentleft #happy_menu #advantage {
	background-image: url(image/style/advantage.jpg);
	height: 29px;
	width: 210px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}
#content #contentleft #happy_menu #sanitary {
	background-image: url(image/style/sanitary.jpg);
	height: 29px;
	width: 210px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}
#content #contentleft #happy_menu #guest {
	background-image: url(image/style/guest.jpg);
	height: 29px;
	width: 210px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}
#content #contentleft #joboffer_menu {
	background-image: url(image/style/joboffermenu.jpg);
	height: 158px;
	width: 230px;
	background-repeat: no-repeat;
	padding-top: 36px;
}
#content #contentleft #joboffer_menu li a {
	text-indent: -9999px;
	display: block;
}
#content #contentleft #joboffer_menu #joboffer {
	background-image: url(image/style/joboffer.jpg);
	height: 29px;
	width: 210px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	padding-bottom: 10px;
	background-repeat: no-repeat;
}
#content #contentleft #joboffer_menu #jobmail {
	background-image: url(image/style/jobmail.jpg);
	height: 100px;
	width: 210px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	background-repeat: no-repeat;
}


#content #contentleft #happy_menu #first:hover {
	background-image: url(image/style/firstover.jpg);
	height: 30px;
	width: 210px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}
#content #contentleft #happy_menu #work:hover {
	background-image: url(image/style/workover.jpg);
	height: 29px;
	width: 210px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}
#content #contentleft #happy_menu #salary:hover {
	background-image: url(image/style/salaryover.jpg);
	height: 29px;
	width: 210px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}
#content #contentleft #happy_menu #quiety:hover {
	background-image: url(image/style/quietyover.jpg);
	height: 29px;
	width: 210px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}
#content #contentleft #happy_menu #flow:hover {
	background-image: url(image/style/flowover.jpg);
	height: 29px;
	width: 210px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}
#content #contentleft #happy_menu #advantage:hover {
	background-image: url(image/style/advantageover.jpg);
	height: 29px;
	width: 210px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}
#content #contentleft #happy_menu #sanitary:hover {
	background-image: url(image/style/sanitaryover.jpg);
	height: 29px;
	width: 210px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}
#content #contentleft #happy_menu #guest:hover {
	background-image: url(image/style/guestover.jpg);
	height: 29px;
	width: 210px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}
#content #contentleft #joboffer_menu #joboffer:hover {
	background-image: url(image/style/jobofferover.jpg);
	height: 29px;
	width: 210px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	padding-bottom: 10px;
	background-repeat: no-repeat;
}


#content #contentleft #qrcode {
	margin-bottom: 10px;
}
#content #contentleft #attention {
	background-image: url(image/style/attention.jpg);
	background-repeat: no-repeat;
	height: 51px;
	width: 230px;
	display: block;
	text-indent: -9999px;
	margin-bottom: 10px;
}
#content #contentleft #attention:hover {
	background-image: url(image/style/attentionover.jpg);
	background-repeat: no-repeat;
	height: 51px;
	width: 230px;
	display: block;
	text-indent: -9999px;
	margin-bottom: 10px;
}
#content #contentleft #link_area {
	width: 230px;
	padding-top: 10px;
}
#content #contentleft #link_area .link {
	width: 210px;
	padding-top: 10px;
	padding-left: 20px;
}
#content #contentleft #link_area .link .link_ward {
	line-height: 30px;
	height: 30px;
	width: 210px;
}
#content #contentright {
	float: left;
	width: 764px;
	padding-left: 10px;
	padding-bottom: 20px;
}
#content #contentright .text_area {
	padding-left: 20px;
	width: 705px;
	padding-bottom: 20px;
	line-height: 20px;
	letter-spacing: 1px;
}
#content #contentright .text_area .title {
	color: #FF6699;
	font-size: 13px;
}

#content #contentright .text_area .space {
	padding-bottom: 10px;
}
#content #contentright .text_area .space1 {
	padding-top: 10px;
	padding-bottom: 10px;
}
#content #contentright .text_area1 {
	padding-left: 40px;
	width: 685px;
	padding-bottom: 20px;
	line-height: 20px;
	letter-spacing: 1px;
}
#content #contentright .text_area1 .title {
	color: #FF6699;
	background-image: url(image/style/footer_list.jpg);
	background-repeat: no-repeat;
	text-indent: 20px;
	background-position: left center;
	padding-top: 5px;
	padding-bottom: 5px;
}

#content #contentright .text_area1 .space {
	padding-bottom: 10px;
}
#content #contentright .text_area1 .space1 {
	padding-top: 10px;
	padding-bottom: 10px;
}


#content #pagetop {
	height: 19px;
	width: 1024px;
	text-align: right;
	clear: both;
}
#footer {
	background-image: url(image/style/footerback.jpg);
	background-repeat: repeat-x;
	height: 243px;
	width: 100%;
	border-bottom-width: 3px;
	border-bottom-style: solid;
	border-bottom-color: #000000;
}
#footer #footer_area {
	height: 243px;
	width: 1024px;
	background-image: url(image/style/footer_areaback.jpg);
	background-repeat: no-repeat;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}

#footer #copyright {
	line-height: 40px;
	height: 40px;
	width: 1024px;
	color: #333333;
	text-indent: 20px;
}
#footer #footer_area #footermenu {
	width: 600px;
	padding-left: 20px;
}
#footer #footer_area #footermenu a {
	color: #666666;
	text-decoration: none;
}
#footer #footer_area #footermenu .footer_col {
	width: 200px;
	float: left;
}
#footer #footer_area #footermenu .footer_col .footer_category {
	padding-bottom: 20px;
}
#footer #footer_area #footermenu .footer_col .footer_category li {
	background-image: url(image/style/footer_list.jpg);
	background-repeat: no-repeat;
	background-position: left center;
	text-indent: 20px;
	height: 20px;
	width: 200px;
	line-height: 20px;
}
#footer #footer_area #footermenu .footer_col #f_mobile {
	line-height: 30px;
	background-image: url(image/style/f_mobile.gif);
	background-repeat: no-repeat;
	background-position: left center;
	text-indent: 20px;
	height: 30px;
	width: 200px;
}
#footer #footer_area #footermenu .footer_col #f_inquiry {
	line-height: 30px;
	background-image: url(image/style/f_mail.jpg);
	background-repeat: no-repeat;
	background-position: left center;
	text-indent: 20px;
	height: 30px;
	width: 200px;
}