@charset "utf-8" ;
@import url(zinwell_style.css);


.banner {
	background-image: url(../images/contact_banner.jpg); 
        /* background-image: url(../images/contact.jpg); */
	}	

.top {
	background-image: url(../images/contact_content_top.jpg);
	}

.content_field {
	background-repeat: no-repeat;
	background-position: right bottom;
	width: 570px;
	padding: 0px 9px 0px 190px;
	text-align: left;
	vertical-align: text-top;
	color: #808080;
	}

.list_field {
	width: 568px;
	padding: 0px 0px 0px 2px;
	}

.right_bottom ,
.left_bottom {
	height: 277px;
	width: 5px;
	}


/* content-menu */


.menu {
	height: 250px;
	width: 130px;
	padding-top: 0px;
	}

.menu_line {
	height: 11px;
	width: 129px;
	background-position: 0px 2px;
	}	
	
.menu ul {
	margin: 0 0px; padding: 0;
	list-style: none;
	}

.menu li a {
	color: #383838;
	text-decoration: none;
    padding-left: 12px;
    background: transparent url(../images/company_menu_link.gif) -6px -20px no-repeat;
	}
	
.menu li a:hover {
	color: #ff7200;
	text-decoration: none;
    background-position: -6px 0px;
	}	

.menu ul ul {
	margin: 0 0px; padding: 0;
	list-style: none;
	}

.menu li li a {
	color: #838282;
	text-decoration: none;
	padding-left: 13px;
	background-image: none;
	}
	
.menu li li a:hover {
	color: #ff7200;
	text-decoration: none;
	background-image: none;
	}	


/* content-contact_user */


div#contact_user {
	position: relative;
	width: 784px;
	margin: 0 auto;
	}

div#contact_user .content {
	background-image: url(../images/contact_list_between.gif);
	}

div#contact_user .content_field {
	background-image: url(../images/contact_list_bg.jpg);
	}

div#contact_user .bottom {
	background-image: url(../images/contact_content_btm.jpg);
	}

div#contact_user .list_title {
	background-image: url(../images/contact_list_user.jpg);
	}

div#contact_user .right_bottom {
	background-image: url(../images/contact_content_right_bg.jpg);
	}
	
div#contact_user .left_bottom {
	background-image: url(../images/contact_content_left_bg.jpg);
	}


/* contact-list_field */


.list_field ul {
	margin: 0px 0px; padding: 0;
	list-style: none;
	}

.list_field li a {
	color: #f60;
	text-decoration: none;
	padding-left: 12px;
	font-weight: bold;
	}
	
.list_field li a:hover {
	color: #464646;
	text-decoration: underline;
	font-weight: bold;
	}	

.list_field ul ul {
	margin: 0 0px; padding: 0;
	list-style: none;
	}

.list_field li li a {
	color: #838282;
	text-decoration: none;
	padding-left: 13px;
	font-weight: normal;
	}
	
.list_field li li a:hover {
	color: #ff7200;
	text-decoration: none;
	font-weight: normal;
	}

.list_field_separation {
	background-image: url(../images/contact_content_separation.jpg);
	background-repeat: no-repeat;
	background-position: 0px top;
	width: 1px;
	}

.list_field_left {
	text-align: left;
	vertical-align: top;
	padding: 40px 0px 0px 0px;
	width: 175px;
	}
	
.list_field_center {
	text-align: left;
	vertical-align: top;
	padding: 40px 0px 0px 20px;
	width: 181px;
	}
	
.list_field_right {
	text-align: left;
	vertical-align: top;
	padding: 40px 0px 0px 20px;
	width: 170px;
	}

.list_field_pdf {
	padding: 55px 0px 0px 18px;
	}

.list_field_pdf a {
	color: #fff;
	}


/* content-contact_service */
/* content-contact_qna */


div#contact_qna ,
div#contact_service {
	position: relative;
	width: 784px;
	margin: 0 auto;
	}

div#contact_qna .text_field ,
div#contact_service .text_field {
	width: 238px;
	padding: 40px 38px 50px 2px;
	}

div#contact_qna .content ,
div#contact_service .content {
	background-image: url(../images/contact_text_between.gif);
	}

div#contact_qna .content_field ,
div#contact_service .content_field {
	background-image: url(../images/contact_text_bg.jpg);
	}

div#contact_qna .bottom ,
div#contact_service .bottom {
	background-image: url(../images/contact_content_btm.jpg);
	height: 33px;
	width: 150px;
	padding: 0px 0px 0px 639px;
	vertical-align: top;
	}

div#contact_qna .bottom input ,
div#contact_service .bottom input {
	font-size: 11px;
	}

div#contact_qna  .text_title {
	background-image: url(../images/contact_text_qna.jpg);
	}

div#contact_service .text_title {
	background-image: url(../images/contact_text_service1.jpg);
	}

div#contact_qna .right_bottom ,
div#contact_service .right_bottom {
	background-image: url(../images/contact_content_right_bg.jpg);
	}
	
div#contact_qna .left_bottom ,
div#contact_service .left_bottom {
	background-image: url(../images/contact_content_left_bg.jpg);
	}

div#contact_qna h3 ,
div#contact_service h3 {
	color: #f60;
	font-size: 12px;
	text-decoration: none;
	font-weight: bold;
	padding: 0;
	margin: 0;
	}