/* LESS Document */



/*-----------------------------------------------------------
global
------------------------------------------------------------*/
h2	{
	font-size:16px;
	padding-left:15px;
	background-image:url(../../images/icon/arrow01.gif);
	background-repeat:no-repeat;
	background-position:0 6px;
	background-size:5px 10px;
	margin-bottom:10px;
}

.line{
	clear:both;
	width:100%;
	border-bottom:1px #ddd solid;
}

.bt{
	width:300px;
	margin:20px auto;
	
	a{
		color:#fff;
		font-size:16px;
		text-align:center;
		display:block;
		padding:15px 0;
		background:#333;
		border-radius:5px;
		
		&:hover{
			color:#fff;
			background:#c11920;
		}
	}
}

.bg01{
	width:100%;
	overflow:hidden;
	background-image:url(../../images/bg01.gif);
}

/* table */
.table01{
	width:100%;
	
	tr{
		width:100%;
		
		th{
			padding:10px;
			width:100%;
			display: block;
			text-align:center;
			font-weight:normal;
			background:#f5f5f5;
			box-sizing:border-box;
			border:1px #ddd solid;
		}
		
		td{
			padding:10px;
			display: block;
			text-align:left;
			background:#fff;
			box-sizing:border-box;
			border:1px #ddd solid;
		}
	}
}
/*----------------------------------------------------------*/



/*-----------------------------------------------------------
header
------------------------------------------------------------*/
header{
	overflow:hidden;
	
	h1{
		float:left;
		margin-top:20px;
	}
	
	.drawer-button{
		float:right;
		margin-top:10px;
	}
}
/*----------------------------------------------------------*/



/*-----------------------------------------------------------
slider
------------------------------------------------------------*/
#slider-wrap{
	clear:both;
	width:100%;
	height:auto;
	margin-top:10px;

	.bx-wrapper img{
		text-align:center;
		margin:0 auto;
		width:100%;
		display:block;
	}
	
	.bx-wrapper .bx-pager{
		text-align:center;
		font-size:.85em;
		font-family:Arial;
		font-weight:bold;
		color:#666;
		z-index:999;
		position:relative;
		top:10px;
		margin-bottom:-17px;
	}
	
	.bx-wrapper .bx-pager .bx-pager-item,
	.bx-wrapper .bx-controls-auto .bx-controls-auto-item{
		display:inline-block;
		*zoom:1;
		*display:inline;
	}
	
	.bx-wrapper .bx-pager.bx-default-pager a{
		background:#666;
		text-indent:-9999px;
		display:block;
		width:10px;
		height:10px;
		margin:0 5px;
		outline:0;
		-moz-border-radius:5px;
		-webkit-border-radius:5px;
		border-radius:5px;
	}
	
	.bx-wrapper .bx-pager.bx-default-pager a:hover,
	.bx-wrapper .bx-pager.bx-default-pager a.active{
		background:#c11920;
	}
	
	.bx-wrapper{
		
		.bx-prev {
			position:relative;
			left:0;
			background-repeat:no-repeat;
			background:url(../../images/icon/slider-arrow-left.png);
			background-size:33px 53px;
		}
		
		.bx-next {
			position:relative;
			right:0;
			background-repeat:no-repeat;
			background:url(../../images/icon/slider-arrow-right.png);
			background-size:33px 53px;
		}
		
		.bx-controls-direction{
			a {
				position:absolute;
				top:145px;
				outline:0;
				width:33px;
				height:53px;
				text-indent:-9999px;
				z-index:9999;
			}
		}
	}
}
/*----------------------------------------------------------*/



/*-----------------------------------------------------------
index
------------------------------------------------------------*/
#news{
	background:#fff;
	border-top:3px #ddd solid;
	border-bottom:3px #ddd solid;
	
	li{
		border-bottom:1px #ddd dashed;
		
		a{
			padding:15px 0;
			display:block;
			
			&:hover{
				background:#f5f5f5;
			}
		}
		
		p{
			padding:15px 0;
		}
			
		&:last-child{
			border-bottom:none;
		}
	}
}
/*----------------------------------------------------------*/



/*-----------------------------------------------------------
company
------------------------------------------------------------*/
#history{
	border-top:1px #ddd solid;
	border-bottom:1px #ddd solid;
	
	li{
		font-size:12px;
		border-bottom:1px #ddd dashed;
		padding:5px 0;
			
		&:last-child{
			border-bottom:none;
		}
		
		span{
			display:block;
			margin-right:50px;
		}
	}
}
/*----------------------------------------------------------*/



/*-----------------------------------------------------------
work
------------------------------------------------------------*/
#business-overview{
	
	li{
		float:left;
		width:100%;
		padding:20px;
		margin-right:30px;
		background:#f5f5f5;
		border:1px #ddd solid;
		border-radius:5px;
		
		&:last-child{
			margin-right:0;
		}
	}
}

.shop{
	width:100%;
	border:3px #ddd solid;
	box-sizing:border-box;
	
	th{
		width:150px;
		padding:10px;
		text-align:center;
		vertical-align:middle;
	}
	
	td{
		padding:10px;
		vertical-align:middle;
	}
}
/*----------------------------------------------------------*/



/*-----------------------------------------------------------
recruit
------------------------------------------------------------*/
#form-title{
	color:#fff;
	background:#c11920;
	padding:20px 0;
	
	h3{
		font-size:32px;
		font-weight:bold;
	}
}
/*----------------------------------------------------------*/



/*-----------------------------------------------------------
form
------------------------------------------------------------*/
form{
	max-width:640px;
	background:#f5f5f5;
	overflow: hidden;
	
	dt{
		padding:10px 0 0 10px;
	}
	
	.up{
		position:relative;
		top:-5px;
	}
	
	dd{
		padding:10px;
		border-bottom:1px #ddd solid;
		
		img{
			float:right;
			z-index:9999;
			position:relative;
			margin:-32px 10px 0 0;
		}
		
		input[type="text"],
		input[type="email"],
		select,{
			width: 100%;
			height: 50px;
			padding:0 5px;
			font-size:18px;
			-moz-box-sizing: border-box;
			-webkit-box-sizing: border-box;
			box-sizing: border-box;
			border:2px #ddd solid;
		}
		
		textarea{
			width: 100%;
			padding:10px 5px;
			font-size:18px;
			-moz-box-sizing: border-box;
			-webkit-box-sizing: border-box;
			box-sizing: border-box;
			border:2px #ddd solid;
		}
	}
}
/*----------------------------------------------------------*/



/*-----------------------------------------------------------
footer
------------------------------------------------------------*/
footer{
	font-size:12px;
	
	nav{
		background:#333;
		overflow:hidden;
		
		ul{
			
			li{
				width:100%;
				border-bottom:1px #555 solid;
				box-sizing:border-box;
				
				&:last-child{
					border-bottom:none;
				}
				
				a{
					color:#fff;
					display:block;
					padding:15px;
					background-image:url(../../images/icon/arrow01.gif);
					background-repeat:no-repeat;
					background-position:0 10px;
					background-size:5px 10px;
				}
			}
		}
	}
	
	address{
		font-size:10px;
		text-align:center;
		font-style:normal;
	}
}
	
/* drawer */
#drawer {
	position: fixed;
	top: 0;
	right: -250px;
	width: 250px;
	height: 100%;
	z-index: 9999;
	overflow-x: hidden;
	-webkit-overflow-scrolling: touch;
	-webkit-transition: all .2s;
	transition: all .2s;
	background-color: #222;
}

#drawer.open {
	-webkit-transform: translate3d(-250px, 0, 0);
	transform: translate3d(-250px, 0, 0);
}

#overlay {
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	z-index: 9999;
	background: rgba(0, 0, 0, .3);
}

#drawer {
	
	#button{
		float:right;
		padding:26px 10px 12px 10px;
	}

	ul{
		clear:both;
		margin-bottom:20px;
		
		li{
			box-sizing:border-box;
			border-bottom:1px #555 solid;
			
			a{
				color:#fff;
				padding:15px;
				display:block;
				text-decoration:none;
			}
			
			img{
				padding-right:5px;
			}
		}
	}
}
/*----------------------------------------------------------*/