@charset "utf-8";

/* CSS Document */

.futura {
	font-family: Futura-Light;
	font-size: 24px;
	color: #1F1F1F;
	letter-spacing: 2px;
	display: block;
	font-weight: normal;
}
.bold {
	font-family: Futura-Medium;
	font-size: 24px;
	font-weight: bold;
}

#container{
	background:none;
}

.titleArea{
	display:none;
}

.tickerwarp{
	width:908px;
	height:40px;
	margin:0 auto;
}

.box100{
	width:100%;
	margin:0 auto;
	padding:50px 0 55px;
	text-align:center;
	font-size:14px;
	letter-spacing:1px;
	overflow: hidden;
}

.box100g{
	width:100%;
	margin:0 auto 50px;
	padding:50px 0 0;
	border-top:solid 1px #dedede;
	border-bottom:solid 1px #dedede;
	font-size:14px;
	letter-spacing:1px;
	background-color:#eee;
	overflow: hidden;
}

.box{
	width:100%;
	margin:0 auto;
	padding:0;
	text-align:left;
	font-size:14px;
}

.boxwarp{
	width:980px;
	margin:0 auto;
}

.line_t_g{border-top:solid 1px #e9e9e9;}/*上部にグレーの線*/
.line_b_g{border-bottom:solid 1px #e9e9e9;}/*下部にグレーの線*/
.line_t_w{border-top:solid 1px #fff;}/*上部にホワイトの線*/
.line_b_w{border-bottom:solid 1px #fff;}/*下部にホワイトの線*/
.bg_glay{background-color:#F5F5F5;}


p.maintit{
	font-size:26px;
	margin:0 auto 20px;
	padding:0 0 10px;
	background:url(../product/images/line.gif) no-repeat bottom center;
	text-align:center;
	letter-spacing:1px;
}
p.maintit a {
	color: #333;
	text-decoration: none;
}
p.maintit a:hover {
	color: #2C6B9F;
	text-decoration: underline;
}



p.maincatch{
	font-size:20px;
	text-align:center;
}

p.mainsub{
	font-size:14px;
	text-align:center;
	letter-spacing:1px;
}

p.maintit2{
	font-size: 26px;
	margin: 0 auto 20px;
	padding: 0 0 10px;
	background: url(../product/images/line.gif) no-repeat bottom center;
	text-align: center;
	color: #fff;
	letter-spacing: 1px;
}
p.maintit2 a {
	color: #FFF;
	text-decoration: none;
}
p.maintit2 a:hover {
	text-decoration: underline;
}


.maincatch2.mb20 {
	letter-spacing: 1px;
}
.mainsub2.mb50 {
	letter-spacing: 1px;
	text-align: center;
}

.maincatch.mb20 {
	letter-spacing: 1px;
}



p.maincatch2{
	font-size:20px;
	text-align:center;
	color:#fff;
}

p.mainsub2{
	font-size:14px;
	text-align:center;
	color:#fff;
}



/*concept
--------------------------------------------------------------- */

.conceptbox1,
.conceptbox2{
	width:300px;
	margin:0 40px 0 0;
	padding:0;
	float:left;
	font-size:14px;
}

.conceptbox3{
	width:300px;
	margin:0;
	padding:0;
	float:left;
	font-size:14px;
}

.boxwarp .visual{
	margin:0 0 20px;
	text-align:center;
}

.boxwarp p.tit{
	font-size:24px;
	font-weight:normal;
	text-align:center;
	letter-spacing:5px;
}

.boxwarp p.tit a,
.boxwarp p.stit a{
	color:#444;
	text-decoration:none;
}

.boxwarp p.tit a:hover,
.boxwarp p.stit a:hover{
	color: #2C6B9F;
	text-decoration: underline;
}


.boxwarp p.tit2{
	font-size:18px;
	font-weight:normal;
	letter-spacing:1px;
}


.boxwarp p.titeng{
	margin:0 0 10px;
	font-size:10px;
	text-align:center;
	letter-spacing:1px;
}

.boxwarp p.catch{
	margin:0 0 14px;
	font-size:14px;
	text-align:center;
	color:#0C6BB8;
	letter-spacing:1px;
}

.fl400{
	width:400px;
	float:left;
	padding-left:20px;
}

.fr460{
	width:460px;
	float:right;
	padding-right:40px;
}



/*service
--------------------------------------------------------------- */

.servicebox1,
.servicebox2{
	width:312px;
	margin:0 12px 0 0;
	padding:0;
	float:left;
	font-size:14px;
}

.servicebox3{
	width:312px;
	margin:0;
	padding:0;
	float:left;
	font-size:14px;
}

.boxwarp .svisual{
	margin:0;
	text-align:center;
}

.boxwarp p.stit{
	font-size: 20px;
	font-weight: normal;
	text-align: center;
	margin: 0 0 20px;
	padding: 10px 0 30px;
	border-bottom: 1px dotted #ccc;
	letter-spacing: 2px;
}

.boxwarp p.sdtl{
	padding:0 15px;
}

/*works
--------------------------------------------------------------- */

.bg_works{
	background:url(../images/work_bg.jpg) no-repeat;
}

.workslide{
	width:100%;
	background:url(../images/work_bg_02.png);
	padding:24px 0 14px;
}

.workslide .item{
	width:140px;
	padding:5px;
	margin:0 0 0 14px;
	background:url(../images/work_product_bg.png) no-repeat;
	float:left;
}

.workslide .fade{
	margin:0;
}

.workslide .item p{
	font-size:10px;
	color:#fff;
	text-align:center;
	padding:10px 0 0;
}



/*recruit
--------------------------------------------------------------- */

.box dl {
	display: block;
	width: 197px;
	padding-top: 62px;
	float: left;
	margin-left: 77px;
}
.box #imgLeft {
	margin-left: 0px;
}

.box dl dt {
	display: block;
	height: 197px;
	width: 197px;
	margin-bottom: 10px;
}
.box dl .txt01 {
	font-size: 12px;
	text-align: center;
	display: block;
	letter-spacing: 1px;
	color: #444;
}
.box dl .txt02 {
	font-size: 14px;
	letter-spacing: 1px;
	text-align: center;
	display: block;
	margin-bottom: 3px;
}
.box dl .txt03 {
	font-size: 10px;
	letter-spacing: 1px;
	text-align: center;
	display: block;
}
.box .imgBox {
	width: 747px;
	margin-right: auto;
	margin-left: auto;
}


/*about us
--------------------------------------------------------------- */

.boxborder{
	border:1px solid #ccc;
	width:968px;
	margin:0 auto;
	padding:5px;
	text-align:left;
}

.txtright{
	text-align:right;
}
#header { z-index: 30; position: relative; }
#container { z-index: 20; position: relative; }

#plxWrap { height: 560px; position: relative; z-index: 100; }
#concept .box100 { width: 980px; overflow: inherit; }
#concept .boxwarp { position: relative; height: 350px; }
#concept .boxwarp .conceptbox1 { position: absolute; left: 0px; top: 0px; opacity: 0; }
#concept .boxwarp .conceptbox2 { position: absolute; top: 0px; left: 340px; opacity: 0; }
#concept .boxwarp .conceptbox3 { left: 680px; position: absolute; opacity: 0; }
#technology { }
#technology .box line_t_w { height: 483px; }
#technology .box { height: 300px; }
#technology .fl400 { position: relative; padding-top: 16px; padding-left: 23px; }
#technology #chart1 { height: 245px; width: 245px; display: none; }
#technology .chart1Text {
	position: absolute;
	left: 0px;
	top: 0px;
	display: none;
}
#technology #chart2 { position: absolute; left: 290px; top: 30px; display: none; }
#technology #chart2 .percent {
	font-size: 25px;
	font-weight: normal;
	color: #2778B4;
	position: absolute;
	left: 0px;
	top: 42px;
	text-align: center;
	width: 121px;
	font-family: Futura-Medium;
}
#technology #chart2 .percent em { font-size: 16px; }
#technology #chart3 { position: absolute; left: 290px; top: 183px; display: none; }
#technology #chart3 .percent {
	font-size: 25px;
	font-weight: normal;
	color: #096B90;
	position: absolute;
	left: 0px;
	top: 42px;
	text-align: center;
	width: 121px;
	font-family: Futura-Medium;
}
#technology #chart3 .percent em { font-size: 16px; }
#technology .fr460 { position: relative; }
#technology .fr460 .effect { position: absolute; top: 0px; left: 0px; width: 500px; opacity: 0; }
#service1 .servicebox1 { opacity: 0; }
#service1 .servicebox2 { opacity: 0; }
#service1 .servicebox3 { opacity: 0; }
#service2 .servicebox1 { opacity: 0; }
#service2 .servicebox2 { opacity: 0; }
#service2 .servicebox3 { opacity: 0; }
#works { height: 483px; }
#works .workslide { height: 177px; }
#works .data { display: none; }
#works .item { opacity: 0; top: 100px; }
#works .item img { width: 140px; height: 125px; }
#works .item .none { display: none; }

#lbBottomContainer #lbCloseLink { display: none !important; }
#lbBottomContainer #lbCaption, #lbNumber { margin-right: 0px; }
#lbBottomContainer #lbCaption h3 { padding: 6px; border-bottom: 1px dotted #A8A8B7; font-size: 14px; }
#lbBottomContainer #lbCaption p { padding: 6px !important; font-size: 12px; font-weight: normal; line-height: 1.5; margin-bottom: 15px; }

#onestop .box { height: 536px; }
#onestop .boxwarp { position: relative; }
#onestop .fl410 { position: absolute; top: 0px; left: -100px; opacity: 0; }
#onestop .fr510 { position: absolute; top: 0px; right: -100px; opacity: 0; }
#recruit { height: 330px; }
#recruit .imgBox { position: relative; }
#recruit .member1 { opacity: 0; position: absolute; top: 100px; left: 0px; }
#recruit .member2 { opacity: 0; position: absolute; top: 100px; left: 274px; margin-left: 0; }
#recruit .member3 { opacity: 0; position: absolute; top: 100px; left: 548px; margin-left: 0; }
#aboutus { padding-bottom: 100px; }

#sideNavi { position: fixed; right: 0px; top: 0px; height: 356px; width: 100px; z-index: 10; }
#sideNavi .crt { position: absolute; top: 0px; left: 0px; }
#sideNavi .view { background-image: url(../images/sideNaviBg.png); background-repeat: no-repeat; height: 356px; width: 100px; position: absolute; left: 100px; top: 0px; }
#sideNavi .view a img { opacity: 0; }
#sideNavi .navi1 { position: absolute; top: 0px; left: 20px; }
#sideNavi .navi2 { position: absolute; top: 83px; left: 20px; }
#sideNavi .navi3 { position: absolute; top: 166px; left: 20px; }
#sideNavi .navi4 { position: absolute; top: 252px; left: 20px; }
#sideNavi .navi5 { position: absolute; top: 336px; left: 20px; height: 21px; }

#topcontrol { bottom: auto !important; top: 540px; right: 33px !important; z-index: 100; }

@media screen and (max-width:980px) { 
	#technology { width: 980px; margin: auto; overflow: hidden; }
	#onestop .box { width: 980px; margin: auto; overflow: hidden; }
}