@charset "UTF-8";
/*

  oem.css

*/

body {
	background:none;
	background-color:#ffffff;
}

#container,
#contents {
	width:100%!important;
	margin:0 auto!important;
	padding:0!important;
}

#contents {
	width:850px!important;
	margin:0 auto!important;
	padding:0 0 10px!important;
}

#oem_header {
	width:850px;
	padding:0 0 10px;
}

#oem_header ul.g_navi {
	background:url(../images/shared/g_navi_bg.gif) repeat-x left bottom;
	padding:10px 19px 2px;
	margin:0;
}

#oem_header ul.g_navi li {
	width:200px;
	height:33px;
	display:inline;
	float:left;
	margin:0 4px 0 0;
}

#oem_header ul.g_navi li a {
	text-indent:-9999em;
	display:block;
	overflow:hidden;
	width:200px;
	height:33px;
}

#oem_header ul.g_navi li.top {
	background:url(../images/shared/g_navi01_ov.gif) no-repeat;
}

#oem_header ul.g_navi li.top a {
	background:url(../images/shared/g_navi01.gif) no-repeat;
}

body#g_top #oem_header ul.g_navi li.top a {
	background:url(../images/shared/g_navi01_ov.gif) no-repeat;
}

#oem_header ul.g_navi li.myarea {
	background:url(../images/shared/g_navi02_ov.gif) no-repeat;
}

#oem_header ul.g_navi li.myarea a {
	background:url(../images/shared/g_navi02.gif) no-repeat;
}

body#g_myarea #oem_header ul.g_navi li.myarea a {
	background:url(../images/shared/g_navi02_ov.gif) no-repeat;
}

#oem_header ul.g_navi li.use {
	background:url(../images/shared/g_navi03_ov.gif) no-repeat;
}

#oem_header ul.g_navi li.use a {
	background:url(../images/shared/g_navi03.gif) no-repeat;
}

body#g_use #oem_header ul.g_navi li.use a {
	background:url(../images/shared/g_navi03_ov.gif) no-repeat;
}

#oem_header ul.g_navi li.faq {
	background:url(../images/shared/g_navi04_ov.gif) no-repeat;
	margin:0;
}

#oem_header ul.g_navi li.faq a {
	background:url(../images/shared/g_navi04.gif) no-repeat;
}

body#g_faq #oem_header ul.g_navi li.faq a {
	background:url(../images/shared/g_navi04_ov.gif) no-repeat;
}

#oem_header ul.g_navi li a:hover {
	background:none;
}


#contents .mainArea {
	padding:0 0 10px;
	width:850px;
}

div.section div.section-body{
background:url(../images/shared/section420_bg01.gif) no-repeat left bottom;
padding-bottom:5px;
}

div.section div.section-head{
background:url(../images/shared/section420_head01.gif) no-repeat left top;
}

div.section.join div.section-head{
background:url(../images/shared/section435_head03.gif) no-repeat left top;
}

#contents .type-03 div.section-body{
background:url(../images/shared/section850_bg01.gif) no-repeat left bottom;
}

#contents .type-03  div.section-head{
background:url(../images/shared/section850_head01.gif) no-repeat left top;
}

#contents .type-04 {
	width:418px;
	float:left;
}

#contents .type-02 {
	width:418px;
	float:right;
}

#contents .type-03 {
	width:848px;
	clear:both;
}

#contents ul.nav-category {
	width:270px;
	float:left;
	margin-right:10px;
}


#contents ul.nav-category li.category-line a {
	padding-top:12px;
	background-position:0 10px;
	margin-top:12px;
}

#contents ul.list-result-01 dl dd{
	padding:4px 10px 2px;
	float:right;
	width:437px;
}

#contents ul.list-result-01 span.zip-code{
	margin-right:20px;
}

#contents ul.list-result-01 dl dd span{
	display:block;
}

#contents ul.list-result-01 dl dd span.zip-code{
	float:left;
	width:80px;
	margin:0;
}

#contents ul.list-result-01 dl dd span.address{
	float:right;
	width:354px;
	margin:0;
}

#contents input.form-text-01,
#contents input.form-text-02 {
	width:325px;
}

#contents ul.list-result-01 dl dt a{
	width:322px;
}

#contents div.nav-content{
	background:url(../images/shared/cnv_bg02.gif) no-repeat 0 0;
}

#contents div.nav-content dl dd {
	width:683px;
	width:670px鐚執;
	*width:670px;
}

#contents p.pagetop {
	border-top:1px dotted #333;
	padding:10px 0 0;
	margin:0;
	text-align:right;	
}

#contents div.triple {
	padding-left:50px;
}

#contents div.triple div.block{
	width:138px;
	float:left;
	margin:0 15px 0 0;
	_display:inline;
}

.first-myarea div#my-area{
	background:url(../images/shared/membermyarea_bg.gif) scroll no-repeat center 20px;
	padding-top: 120px;
}

.membermyareamodify div.step1 input.form-text-01,
.membermyareaadd div.step1 input.form-text-01{
	height:1.2em;
	width: 252px!important;
	vertical-align:middle;
}

.membermyareamodify div.step1,
.membermyareamodify div.step2,
.membermyareamodify div.step3,
.membermyareaadd div.step1,
.membermyareaadd div.step2,
.membermyareaadd div.step3{
	margin:0 auto;
	padding: 0 0 0 227px;
}
div.step3 ul.submit {
	margin:0 auto;
	padding:30px 0;
}

body#error #contents input.form-text-01,
body#error #contents input.form-text-02 {
	height:1em;
	width:124px;
	vertical-align:top;
	margin-right:5px;
}




#contents .about_pagetop {
	text-align: right;
}



.clearfix:after {  
	content: ".";   
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
} 
.clearfix { display: inline-table; }  
/* Hides from IE-mac 鐚耳/  
* html .clearfix { height: 1%; }  
.clearfix { display: block; }  
/* End hide from IE-mac */  

/*--------------------------------------------------
20141105
oem_switching_header
--------------------------------------------------*/
#oem_switching_header {
	width:960px;
	height:60px;
	margin:0 auto 20px;
	padding:0 5px;
}
	.switching_area {
		float:left;
		width:480px;
	}
		.switching_area_inner {
			position:relative;
			background:#FFFEBE;
			border-radius:5px;
			overflow:hidden;
		}
			.switching_area_inner a {
				text-decoration:none;
				font-size:17px;
				color:#471700;
				display:block;
				height:60px;
			}
				.switching_area_text {
					padding:0 64px 0 10px;
					display:block;
					position:absolute;
					top:50%;
					left:0;
				}
				.switching_area_image {
					background:url(../images/shared/header/header_bg.png) no-repeat;
					width:54px;
					height:36px;
					display:block;
					position:absolute;
					top:50%;
					right:10px;
					margin-top:-18px;
				}
				.switching_area_image_post {
					background-position:0 0;
				}
				.switching_area_image_myarea {
					background-position:-54px 0;
				}
				.switching_area_image_location {
					background-position:-108px 0;
				}
		
	.alliance_area {
		float:left;
		width:480px;
	}
/*--------------------------------------------------
20141106
oem_footer
--------------------------------------------------*/
.not_myarea {
	padding-bottom:10px;
}

#oem_footer {
	width:970px;
	margin:0 auto;
	padding:20px 0 0 0;
}
	.footer_navi {
		margin:0 0 20px;
	}
		.footer_navi_inner {
			margin:0;
		}
			.footer_navi li {
				float:left;
				width:242.5px;
			}
				.footer_navi li a {
					display:block;
					margin:0 5px;
					padding:8px 0;
				}
	.footer_description {
		text-align:center;
		color:#471700;
		font-size:14px;
		margin:0;
	}

#contents .gadget_search input.form-text-01 {
	width:124px;
}

 