@font-face {
font-family: bariol;
src: url(../fonts/Bariol_Regular.otf);
}
@font-face {
font-family: HelveticaNeue;
src: url(../fonts/HelveticaNeueLTStd-Roman.otf);
}
* {
	box-sizing:border-box;
}
.clear {
	clear:both;
}
body {
	padding:0 !important;
	margin:0 !important;
}
.container {
	width:960px;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:30px;
}
.container .head {
	width:100%;
	overflow:hidden;
}
.container .head .logo {
	float:left;
	margin-top:24px;
	margin-bottom:10px;
	margin-left:38px;
}
.container .head .menu {
	float:right;
	margin-right:25px;
}
.container .head .menu .in {
	float:left;
}
.container .head .menu .border {
	width:25px;
	height:47px;
	background-image:url(../images/border.png);
	background-repeat:no-repeat;
}
.container .head .menu .text {
	font-family:"bariol";
	margin-right:10px;
	margin-top:30px;
}
.container .head .menu .text a {
	color:#636466;
	text-decoration:none;
}
.container .head .menu .text .current {
	color:#000000;
	text-decoration:none;
}
.container .head #cssmenu {
	display:none;
}

/* work */
.container .work{
	margin-top:85px;
}
.container .work .wrapper-work{
	width:920px;
	margin-left:auto;
	margin-right:auto;
}
.container .work .wrapper-work .list-work {
	float:left;
	width:230px;
	cursor:pointer;
}
.container .work .wrapper-work .list-work:hover > .title {
	text-decoration:underline;
}
.container .work .wrapper-work .list-work .title{
	margin-top:20px;
	color:#000000;
	font-family:'bariol';
	font-size:12px;
}
.container .work .wrapper-work .list-work .sub-title{
	margin-top:3px;
	color:#939598;
	font-family:'bariol';
	font-size:12px;
	margin-bottom:20px;
}
.pagination{
	margin-top:20px;
	font-family:'bariol';
	font-size:13px;
}
.pagination .current{
	float:left;
	margin-right:6px;
	color:#000000;
}
.pagination .number {
	float:left;
	margin-right:6px;
}
.pagination .first {
	float:left;
	margin-right:6px;
}
.pagination .next {
	float:left;
}
.pagination .prev {
	float:left;
	margin-right:6px;
}
.pagination .last {
	float:left;
	margin-left:6px;
}
.pagination a {
	color:#939598;
	text-decoration:none;
}
/* end work */

/* detail work */
.container .detail-work{
	margin-top:85px;
	margin-left:38px;
	width:836px;
}
.container .detail-work .line {
	margin-top:3px;
	border-bottom: solid 1px #9d9d9c;
}
.container .detail-work .wrapper-detail-work{
	margin-top:-8px;
}
.container .detail-work .wrapper-detail-work .left{
	float:left;
	width:553px;
}
.container .detail-work .wrapper-detail-work .right{
	float:right;
	width:270px;
}
.container .detail-work .wrapper-detail-work .right .title{
	font-weight:bold;
	font-family:'bariol';
	font-size:18px;
}
.container .detail-work .wrapper-detail-work .right .description{
	font-family:'HelveticaNeue';
	font-size:13px;
	color:#939598;
	margin-top:-10px;
}
.detail_paging{
	font-family:'bariol';
	font-size:13px;
	color:#939598;
	text-decoration:none;
}
/* end detail work */

/* about */
.container .about{
	margin-top:85px;
}
.container .about .wrapper-about{
	width:920px;
	margin-left:auto;
	margin-right:auto;
}
.container .about .wrapper-about .list-about {
	float:left;
	width:230px;
}

.container .about .wrapper-about .list-about .title{
	margin-top:20px;
	color:#000000;
	font-family:'bariol';
	font-size:12px;
}
.container .about .wrapper-about .list-about .sub-title{
	margin-top:3px;
	color:#939598;
	font-family:'bariol';
	font-size:12px;
}
.container .about .wrapper-about .list-about .description{
	font-family:'HelveticaNeue';
	font-size:13px;
	color:#939598;
	width:220px;
	margin-top:10px;
	margin-bottom:20px;
}
/* end about */

/* contact */
.container .contact{
	margin-top:85px;
}
.container .contact .wrapper-contact{
	width:920px;
	margin-left:auto;
	margin-right:auto;
}
.container .contact .wrapper-contact .left {
	float:left;
}
.container .contact .wrapper-contact .left #map_canvas{
	width:720px;
	height:360px;
}
.container .contact .wrapper-contact .right {
	float:right;
	font-family:'HelveticaNeue';
	font-size:12px;
	color:#939598;
	width:180px;
	margin-top:-15px;
}
.mouseover{
	font-family:'HelveticaNeue';
	font-size:12px;
	color:#939598;
	margin-top:15px;
}
.contact-line{
	width:721px;
	height:1px;
	background-color:#939598;
	margin-top:15px;
}
.form{
	margin-top:25px;
	font-family:'bariol';
}
.form .label{
	float:left;
	width:130px;
	font-weight:bold;
	font-size:13px;
}
.form .input{
	float:left;
	width:350px;
	margin-top:-8px;
}
.form .input2{
	float:left;
	width:350px;
	margin-top:0px;
}
input{
	width:100%;
	border-top:none;
	border-left:none;
	border-radius:none;
	border-bottom:solid 1px #939598;
}
.req{
	font-family:'HelveticaNeue';
	font-size:13px;
	color:#939598;
	margin-top:7px;
}
.submit{
	font-family:'HelveticaNeue';
	font-size:12px;
	color:#ffffff;
	background-color:#1d1d1b;
	padding-top:5px;
	padding-bottom:5px;
	width:95px;
	border:none;
	margin-top:10px;
}
.error{
	margin-top:10px;
	font-family:'HelveticaNeue';
	font-size:13px;
	color:#939598;
}
/* end contact */
@media only screen and (max-width: 960px) {
.container {
	width:640px;
}
/* work */
.container .work .wrapper-work{
	width:460px;
}
/* end work */

/* detail work */
.container .detail-work{
	margin-left:auto;
	margin-right:auto;
	width:553px;
}
.container .detail-work .wrapper-detail-work .left{
	float:none;
	width:553px;
}
.container .detail-work .wrapper-detail-work .right{
	float:none;
	margin-top:20px;
	width:553px;
}
/* end detail work */

/* about */
.container .about .wrapper-about{
	width:460px;
}
.container .about .wrapper-about .list-about .description{
	width:100%;
}
/* end about */

/* contact */
.container .contact .wrapper-contact{
	width:460px;
}
.container .contact .wrapper-contact .left {
	float:none;
	margin-top:10px;
}
.container .contact .wrapper-contact .left #map_canvas{
	width:100%;
	height:360px;
}
.container .contact .wrapper-contact .right {
	float:none;
	font-family:'HelveticaNeue';
	font-size:12px;
	color:#939598;
	width:180px;
	margin-top:10px;
}
.contact-line{
	width:100%;
	height:1px;
	background-color:#939598;
	margin-top:15px;
}
.form .label{
	float:none;
	width:100%;
	font-weight:bold;
	font-size:13px;
}
.form .input{
	float:none;
	width:100%;
	margin-top:0px;
}
.form .input2{
	float:left;
	width:100%;
	margin-top:10px;
}
/* end contact */
}
@media only screen and (max-width: 640px) {
.container {
	width:100%;
}
.container .head .logo {
	position:relative;
	z-index:99999;
}
/* work */
.container .work .wrapper-work{
	width:230px;
}
.container .work .wrapper-work .paging{
	text-align:center;
}
/* end work */

/* detail work */
.container .detail-work{
	width:95%;
}
.container .detail-work .wrapper-detail-work .left{
	float:none;
	width:100%;
}
.container .detail-work .wrapper-detail-work .right{
	float:none;
	margin-top:20px;
	width:100%;
}
/* end detail work */

.container .head .menu {
	display:none;
}
.container .head #cssmenu {
	position:absolute;
	display:block;
	margin-top:7px;
	z-index:999999;
}

/* about */
.container .about .wrapper-about{
	width:230px;
}
.container .about .wrapper-about .list-about .description{
	width:100%;
}
/* end about */

/* contact */
.container .contact .wrapper-contact{
	width:230px;
}
/* end contact */
}