/* * * * * * * * * * * * * * * * * *
 smart.css
* * * * * * * * * * * * * * * * * */

/* common
--------------------------------- */
body {
	font-size: 11px;
	-webkit-text-size-adjust: 100%;
}

/* header */
#header, #home #header {
	height: auto;
	width: auto;
	margin: 0 0 30px;
	text-align: center;
	left: auto;
	top: auto;
	position: relative;
}
#header h1 {
	display: block;
	position: relative;
	padding: 30px 0 25px;
	font-size: 8px;
	letter-spacing: 0.5px;
}
	#header h1 span {
		display: block;
		padding: 0;
		font-size: 30px;
		margin-bottom: 7px;
		padding-left: 5px;
	}
ul#gNavi {
	position: relative;
	right: auto;
	bottom: auto;
}
	ul#gNavi li {
		font-size: 10px;
		letter-spacing: 1px;
		padding: 0 7px;
	}

/* main */
#main {
	width: auto;
	padding: 0 10px;
}

section {
	margin-bottom: 0;
	padding: 0 5px;
}
section h2 {
	font-size: 15px;
}
body.naka h2, body.naka h3 {
	text-align: center;
}

/* footer */
#footer {
	width: auto;
	padding: 30px 15px 15px;
}
#footer p.copy {
	text-align: center;
	font-size: 9px;
	width: auto;
}
#home #footer {
	position: relative;
	left: auto;
	bottom: auto;
	width: auto;
}



/* home
--------------------------------- */
#maximage {
	width: 300px;
	height: 170px;
	position: relative !important;
	left: auto;
	top: auto;
	margin: 0 auto 30px;
	overflow: hidden;
}
#maximage img {
	position: absolute !important;
	width: 300px !important;
	height: 170px !important;
}
a.arrow {
	margin-top: 0;
	top: 210px;
	position: absolute;
}
a.arrow img {
	height: 28px;
	width: auto;
	filter: alpha(opacity=100);
	-moz-opacity:1.0;
	opacity:1.0;
}
	a#prev-button {
		left: 20px;
	}
	a#next-button {
		right: 20px;
	}

#home #main {
	position: relative;
	width: auto;
	left: auto;
	bottom: auto;
	padding: 0 10px;
}
/* news */
#news {
	width: auto;
	margin: 0;
	padding: 0;
}
#news ul li.box {
	position: relative;
	padding-left: 60px !important;
	background-position: 25px 50px;
	width: auto;
}
#news ul li.box div.l {
	width: 48px;
	height: 48px;
	border-radius: 25px;
	float: none;
	position: absolute;
	left: 0;
	top: 0;
}
	#news ul li.box div.l p.year {
		font-size: 9px;
		padding: 12px 0 4px 1px;
	}
	#news ul li.box div.l p.month {
		font-size: 12px;
	}
#news ul li.box ul.r {
	float: none;
	width: auto;
	padding-top: 3px;
}


/* profile
--------------------------------- */
#profile {
	
}
.prof {
	margin-bottom: 30px;
}
.prof p.img_prof {
	width: auto;
	text-align: center;
	float: none;
	margin-bottom: 20px;
	padding: 0;
}
	.prof p.img_prof img {
		width: 50%;
		height: auto;
	}
.prof .detail {
	width: auto;
}
.prof .detail .japanese, .prof .detail .english {
	width: auto;
	text-align: inherit;
}
.prof .detail .japanese {
	margin-bottom: 30px;
}
	.prof .detail .japanese p {
		line-height: 1.7;
	}
.prof .detail .english p {
	line-height: 1.7;
	margin-bottom: 10px;
}

ul.history {
	padding-left: 20px;
}



/* portfolio
--------------------------------- */
ul.tab {
	text-align: center;
	line-height: 1.4;
}
	ul.tab li {
		padding: 0 10px;
		font-size: 12px;
	}

/*
ul.pList {
	margin: 0 auto;
	width: 260px;
}
	ul.pList li img {
		width: 260px;
	}
*/
#portfolio section {
	padding: 0;
	margin: 0 -10px;
}
ul.pList {
	margin: 0 auto;
	width: 310px;
	padding-left: 5px;
}
	ul.pList li {
		width: 140px;
		margin: 0 5px 15px;
	}
	ul.pList li img {
		width: 140px;
	}

#colorbox {
	background: transparent;
}
#cboxOverlay {
	height: 200%;
}
#cboxLoadedContent img {
	width: 260px !important;
	height: auto !important;
}

#cboxTitle, #cboxTitle span {
	font-size: 11.5px !important;
}

#cboxClose {
	width: 12px !important;
	height: 12px !important;
	background-size: 12px 12px !important;
	right: 5px !important;
	top: 5px !important;
}


/* services
--------------------------------- */
p.txt_services {
	letter-spacing: 0.5px;
	font-size: 10.5px;
	margin-bottom: 30px;
}

ul.sList li {
	width: auto;
	float: none;
	height: auto;
	margin-bottom: 20px;
	min-height: 50px;
	padding: 0 10px 0 70px;
	background-size: 46px 46px !important;
	background-position: 10px 3px !important;
}

#services p.kv img {
	width: 100%;
	height: auto;
}
p.att_kv {
	font-size: 8px;
	letter-spacing: 1px;
	margin: 0;
}