@charset "Shift_JIS";

/*タイトル部分
-----------------------------------------------------*/
.contents{
width: 899px;
padding:0 0 90px 0;
margin:1px;
text-align:left;
background: url(../img/contents_bg.gif) repeat-y center;
}

h2{
height:33px;
background:url(../business/img/business_title.gif) 152px 0  no-repeat;
text-align:left;
margin:0 0 0 1px;
}


/*サブボタン部分
-----------------------------------------------------*/
.left-subbtn{
width:150px;
height:32px;
float:left;
display:inline;
margin:1px 0 1px 1px;
background;
}

ul#bus-sub {
	width: 150px;
	height:32px;
	margin: 0;
	padding: 0;
	position:relative;
	top: 0px;
}

#bus-sub li {
　　width: 150px;
    height:32px;
	margin: 0;
	padding: 0;
	position: absolute;
	display: block;
	text-indent: -9999px;
	list-style: none;
}

#bus-sub li a {
	width: 150px;
	height:32px;
	display: block;
	text-indent: -9999px;
}

li#mes {width: 150px; top: 0px; background:url(../business/img/business_subbtn.gif) -150px 0;}
li#flo {width: 150px; top: 32px; background: url(../business/img/business_subbtn.gif) -150px -32px;}
li#ser {width: 150px; top: 64px; background: url(../business/img/business_subbtn.gif) -150px -64px;}
li#sys {width: 150px; top: 96px; background: url(../business/img/business_subbtn.gif) -150px -96px;}
li#ten {width: 150px; top: 128px; background: url(../business/img/business_subbtn.gif) -150px -128px;}
li#pop {width: 150px; top: 160px; background: url(../business/img/business_subbtn.gif) -150px -160px;}
li#tspace {width: 150px; top: 192px; background: url(../business/img/business_subbtn.gif) -150px -192px;}

li#mes a:hover, #message li#mes{width: 150px; top: 0px; background:url(../business/img/business_subbtn.gif) 0 0;}
li#flo a:hover, #flow li#flo{width: 150px; top: 32px; background: url(../business/img/business_subbtn.gif) 0 -32px;}
li#sys a:hover, #system li#sys{width: 150px; top: 96px; background: url(../business/img/business_subbtn.gif) 0 -96px;}
li#ten a:hover, #tenji li#ten{width: 150px; top: 128px; background: url(../business/img/business_subbtn.gif) 0 -128px;}
li#pop a:hover, #pop li#pop{width: 150px; top: 160px; background: url(../business/img/business_subbtn.gif) 0 -160px;}
li#tspace a:hover, #tspace li#tspace{width: 150px; top: 192px; background: url(../business/img/business_subbtn.gif) 0 -192px;}

/*rightセル部分
-----------------------------------------------------*/
.right-cel{
width:700px;
float:left;
display:inline;
margin:35px 23px 0 23px;
text-align:left;
}


/*メッセージページ
-----------------------------------------------------*/
.message{
width:680px;
margin:0 auto 0 auto;
}

.message p{
margin:10px 0;
}

p.service{
margin:15px 0 0 5px;
border-left:#434321 solid 3px;
text-indent:5px;
color:#434321;
font-weight:bold;
}

img.eco{
margin:0px 0 0 0;
}


/*ワークフローページ
-----------------------------------------------------*/
.flow{
margin:0 0 0 0;
}


.flow h3{
	font-size:xx-large;
	margin:20px 0 15px 0;
    font-weight:bold;
    color: #333333;

}



.flow p{

    color: #333333;
	line-height: 1.5em;
	margin-bottom: 0.5em;
	font-size:medium;
}






/*システムパネルページ
-----------------------------------------------------*/
.system{
width:671px;
margin:0 auto 0 auto;
}

.system .setsumei-cel{
width:320px;
float:left;
display:inline;
margin:20px 5px 0 5px;
}

.setsumei-cel p{
margin:0 0 10px 0;
}


.system .photo-cel{
width:330px;
float:right;
display:inline;
margin:20px 5px 0 0;
}

span.blue{
font-weight:bold;
color:#0B3366;
}

span.red{
color:#CC0000;
}

/*展示用映像制作ページ
-----------------------------------------------------*/
.tenji{
width:674px;
margin:0 auto 0 auto;
}

.tenji .setsumei-cel{
width:320px;
float:left;
display:inline;
margin:20px 5px 0 5px;
}

.tenji .photo-cel{
width:330px;
float:right;
display:inline;
margin:20px 5px 0 0;
}

/*展示用POPページ
-----------------------------------------------------*/
.pop{
width:673px;
margin:0 auto 0 auto;
}

.pop .setsumei-cel{
width:320px;
float:left;
display:inline;
margin:20px 5px 0 5px;
}

.pop .photo-cel{
width:331px;
float:right;
display:inline;
margin:20px 5px 0 0;
}

/*T-SPACEページ
-----------------------------------------------------*/
.tspace{
width:673px;
margin:0 auto 0 auto;
}

.tspace .setsumei-cel2{
width:280px;
float:left;
display:inline;
margin:20px 5px 0 5px;
}

.tspace .setsumei-cel2 img{
margin:0px 0px 10px 0px;
}

.tspace .setsumei-cel{
width:380px;
float:right;
display:inline;
margin:20px 0px 0 0px;
}

.tspace .setsumei-cel h3{
font-size:small;
font:bold;
color:#FF00CC;
margin:0 0 10px 0;
}

.tspace .photo-cel{
width:331px;
float:right;
display:inline;
margin:20px 5px 0 0;
}