@charset "utf-8";

body {
	font-size: 65%;
}

/*reset*/
#nav ul li a {
	width: auto;
	font-size: 9px;
}
#nav ul li {
	margin-left: 4px;
}
#footer p {
	text-align: right;
	width: 270px;
	margin-right: 0px;
	padding-top: 20px;
	padding-bottom: 20px;
	line-height: 15px;
	margin-left: 38px;
}

/*container*/
#container1000 {
	width: 100%;
}
#container960 {
	width: 96%;
}
#mininav {
	width: 100%;
}

/*mini nav*/
#mininav {
	margin-top: 20px;
	margin-bottom: 20px
}
#mininav img {
	height: 50px;
	width: auto;
}


/*top img*/
#topimg {
	width: 96%;
	padding-right: 0px;
	padding-left: 0px;
	padding-top: 110px;
	padding-bottom: 110px;
	background-image: url(images/others/top_smartphone.jpg);
}
#topimg a h1 {
	font-size: 130%;
	margin-top: 5px;
	margin-bottom: 5px;
}

/*headline*/
#headline {
	width: 96%;
	font-size: 9px;
}
#headline dl a dd {
	margin-left: 85px;
}

/*news*/ 
#news {
	width: 96%;
}
#news img {
	height: auto;
	margin-bottom: 10px;
	width: 50%;
	margin-right: 50%;
	margin-left: 0%;
}
#news h4+p {
	margin-bottom: 50px;
}

/*works*/ 
.portfolio {
	width: 100%;
}
.portfolio .cen_box {
	width: 100%;
	margin-right: 2%;
	margin-left: 2%;
}
.works {
	float: left;
	width: 96%;
}
.works img {
	height: auto;
	width: 100%;
}


/*project*/ 
#project img {
	margin-right: 3%;
}
#project {
	width: 96%;
}
#project img {
	height: auto;
	width: 100%;
	margin-bottom: 5px;
}
#project p {
	margin-bottom: 50px;
}

/*prof*/
.prof {
	width: 96%;
	margin-bottom: 20px;
}
.concept {
	width: 100%;
}
.office {
	width: 100%;
	padding-right: 0%;
	padding-left: 0%;
	margin-bottom: 50px;
}
.prof p, .concept p {
	width: 100%;
	margin-right: auto;
	margin-left: auto;
}
.p_prof {
	width: 100%;
}
.hiroki {
	width: 100%;
	margin-top: 0px;
}
.tomoko {
	width: 100%;
	margin-top: 0px;
}
.prof img {
	width: 100%;
	height: auto;
}
.hiroki img,.tomoko img {
	width: 50%;
	float: left;
	margin-top: 50px;
}

/*flow*/
#flow {
	width: 96%;
}

/*q&a*/ 
#qa {
	width: 96%;
}

/*contact*/ 

.contact .prof_wrap {
	width: 96%;
}
.message form {
	width: 100%;
}
.contact {
	width: 96%;
}
.address {
	width: 100%;
	margin-left: 0px;
}
.message {
	width: 100%;
	margin-right: 0px;
}
.address p {
	width: 100%;
}
.contact img {
	width: 100%;
	height: auto;
}
#name, #email, #tel, #message {
	width: 96%;
}
	
/*link*/ 
#link {
	width: 96%;
}