@import url(../css/base.css);


/* サブタイトル */

#cap{
	width:640px;
	height:37px;
	margin-bottom:15px;
}


#cap03{
	width:260px;
	height:37px;
	margin-bottom:2px;
}

/* 会社概要コンテンツ */

#comment{
	width:640px;
	margin-bottom:15px;
	text-align:left;
}

#name{
	width:640px;
	height:21px;
	margin-bottom:45px;
	text-align:right;
}

#img{
	width:640px;
	height:310px;
	margin-bottom:45px;
	clear:both;
}

.lineTop{
	width: 640px;
	border-bottom:#CCCCCC solid 1px;
}

.profile{
	width: 640px;
	display: block;
	float: left;
	background-color: #F2F0F0;
	margin-bottom:45px;
}

.profile dl{
	width: 640px;
	overflow: hidden;
	border-bottom:#CCCCCC solid 1px;
}

.profile dt {
	width: 180px;
	padding:10px;
	float: left;

}


.profile dd {
	margin-left: 200px;
	padding:10px;
	background-color: #FFFFFF;
	
}

#historyTitle{
	width:640px;
	text-align:left;
}

.history{
	width: 640px;
	display: block;

	float: left;
	margin-bottom:15px;

}

.history dl{
	width: 640px;
	background-color: #F2F0F0;
	border-bottom:#CCCCCC solid 1px;
}

.history dt {
	width: 180px;
	padding:10px;
	float: left;
}

.history dd {
	margin-left: 200px;
	padding:10px;
	background-color: #FFFFFF;
	
}


@media screen and (max-width: 639px) {

#comment{
	width:100%;
	margin-bottom:15px;
	text-align:left;
}


#img{
	width:100%;
	height:auto;
	margin-bottom:45px;
	clear:both;
}


#name{
	width:100%;
	height:auto;
	margin-bottom:45px;
	text-align:right;
}


.none_sp{
	display:none;
}

#l-navibn_Area{
	widows:260px;
	height:120px;
	margin:15px 0;

}


#historyTitle{
	width:100%;
	text-align:left;
}

}