@charset "UTF-8";
/**
*******************************************************************************************************
				This WebSite Base Font Size  : 14px = 100%
*******************************************************************************************************
	10px =   72%	14px = 100%	18px = 129%	22px = 158%	26px = 186%
	11px =   79%	15px = 108%	19px = 136%	23px = 165%
	12px =   86%	16px = 115%	20px = 143%	24px = 172%
	13px =   93%	17px = 122%	21px = 150%	25px = 179%
*******************************************************************************************************
*/
#header.white {
	background: #ffffff;
}

#mainvis {
	z-index: -1;
	width: 100%;
	height: 800px;
}
#mainvis .container {
	height: 800px;
}

div#mainswf {
	height: 720px;
	text-align: center;
	/*visibility: hidden;*/
}

.no-js div#mainswf {
	visibility: visible;
}

/* キャンバス */
#canvasHolder {
	z-index: 2;
	position: absolute;
}

#canvas3DBase {
	z-index: 1;
	position: absolute;
}

#mainswf .line {
	position: absolute;
	top: 360px;
	left: 0;
	z-index: -1;
	width: 100%;
	height: 1px;
	display: none;
	background: #ffffff;
	-webkit-transition: background 1s ease;
	-moz-transition: background 1s ease;
}

.no-canvas #mainswf .line,
.no-js #mainswf .line,
.bgline #mainswf .line {
	display: block;
	border-top: 1px solid #edb2c5;
}

#contents {
	position: relative;
	z-index: 200;
	margin: 0;
	margin-top: -445px;
	padding-bottom: 0;
	width: 100%;
	background: none;
}

.ie6 #contents {
	margin-top: -187px;
}

.contentsfrm {
	width: 100%;
	border-top: 1px solid #d5d5d5;
	background: url(/img/top/gradation.png) repeat-x 0 0;
}

#contents .container {
	width: 960px;
	margin: 0 auto;
	background: none;
}

.title {
	padding-top: 40px;
	position: relative;
}

.btn {
	position: absolute;
	bottom: 0;
	right: 0;
}

* html .btn {
	top: 77px;
	bottom: auto;
}

/* 業務領域 */
#solution {
	position: relative;
}

#solution .info {
	float: left;
	width: 460px;
	padding-bottom: 55px;
}

#solution .info .tit {
	padding-top: 90px;
}

#solution .info .subt {
	margin-top: 28px;
}

#solution .info .txt {
	margin-top: 15px;
	line-height: 21px;
}



#solution .vis {
	float: right;
	margin-top:88px;
}



/* プロジェクトと実績 */
#projects {
	position: relative;
}

#projects .title {
	margin-top: 0;
	padding-top: 0;
	background: url(/img/common/dotline_gry.gif) repeat-x 0 50%;
	text-align: center;
}

#projects .btn {
	width: 280px;
	position: relative;
	display: inline-block;
	*display: inline;
	*zoom: 1;
}

#projects ul {
	margin-top: 20px;
}

#projects li {
	float: left;
	margin-right: 50px;
	width: 280px;
}

#projects li#education {
	margin-right: 0;
}

#projects li .tit {
	margin-top: 15px;
}

#projects li .txt {
	margin-top: 12px;
	line-height: 21px;
}

/* その他
---------------------------------- */
#others {
	background: url(/img/common/red_dotline.gif) no-repeat 50% 0;
	margin-top: 46px;
	padding-top: 50px;
}

#others li {
	float: left;
	margin-right: 50px;
	width: 280px;
}

#others li#shopping {
	margin-right: 0;
}

#others li .txt {
	margin-top: 15px;
	line-height: 21px;
}

/* linkage
---------------------------------- */
#vision {
	background: url(/img/common/dotline_gry.gif) repeat-x 0 0;
	margin-top: 50px;
	padding-top: 36px;
}

/* news
------------------------------------------ */
#news {
	margin: 45px 0 100px;
	border-top: 1px solid #d5d5d5;
}
#news .container {
	width: 960px;
	margin: 0 auto;
}