@charset "utf-8";

#gNavi02 a{background-position:0 -49px;}

.areaWebservice{
width:534px;
margin:0 auto;
text-align:center;
background:url(../img/business/multimedia/back_webservice.gif) repeat-y 0 0;
}

.wrapperWeb01{
width:534px;
background:url(../img/business/multimedia/back_webservice_01.jpg) no-repeat 0 100%;
text-align:center;
margin:0 auto;
overflow: hidden;
clear:both;
}
.wrapperWeb01:after{
content:"";
display:block;
clear:both;
height:1px;
overflow: hidden;
}
/*\*/
*html .wrapperWeb01{
height:1em;
overflow:visible;
}
/**/

.wrapperWeb02{
width:534px;
background:url(../img/business/multimedia/back_webservice_02.jpg) no-repeat 0 100%;
text-align:center;
margin:0 auto;
overflow: hidden;
clear:both;
}
.wrapperWeb01:after{
content:"";
display:block;
clear:both;
height:1px;
overflow: hidden;
}
/*\*/
*html .wrapperWeb01{
height:1em;
overflow:visible;
}
/**/

.boxWebservice{
width:267px;
float:left;
text-align:left;
}
.boxWebservice p{padding:8px 30px 10px 30px;}
.boxWebservice ul li{
width:110px;
border-bottom:1px dotted #CCCCCC;
padding:0 0 0 20px;
}
.markType01{background:url(../img/common/mark_06.gif) no-repeat 3px 6px;}
.markType02{background:url(../img/business/multimedia/syousai_arrow.gif) no-repeat 0 3px;}

.boxWebservice ul li a{
display:block;
background:url(../img/business/multimedia/syousai.gif) no-repeat right 5px;
}
*html .boxWebservice ul li a{width:110px;}

.boxWebservice ul li a:link{color:#414141;text-decoration:none;}
.boxWebservice ul li a:visited{color:#414141;text-decoration:none;}
.boxWebservice ul li a:hover{color:#CC6633;text-decoration:none;}
.boxWebservice ul li a:active{color:#414141;text-decoration: none;}

.listWebservice01{padding:0 30px 20px 30px;}
.listWebservice02{padding:0 30px 30px 30px;}


#webTeamNavi{
width:230px;
padding:8px 0 0 0;
float:left;
}
#webTeamNavi ul li a{
display:block;
width:230px;
height:180px;
background:url(../img/business/multimedia/gowebteam.gif) no-repeat 0 0;
}
#webTeamNavi ul li a span{display:none;}
#webTeamNavi ul li a:hover{background-position:-230px 0;}

#webTeamCheck{
width:290px;
float:left;
margin:0 0 0 20px;
text-align:left;
}
#webTeamCheck p{margin:0 0 15px 0;}


/* PHOTO
-------------------------------------------- */
#photoResultsTop{
background:url(../img/business/multimedia/back_photoresults_top.gif) no-repeat 0 0;
}
#photoResultsbottom{
background:url(../img/business/multimedia/back_photoresults_bottom.gif) no-repeat 0 100%;
margin:0 0 5px 0;
}
#photoResultsTop h2{display:none;}

#photoResultsTop ul{
padding:15px 0 12px 220px;
overflow: hidden;
clear:both;
}
#photoResultsTop ul:after{
content:"";
display:block;
clear:both;
height:1px;
overflow: hidden;
}
/*\*/
*html #photoResultsTop ul{
height:1em;
overflow:visible;
}
/**/

#photoResultsTop ul li{
padding:3px 10px 3px 25px;
background:url(../img/common/mark_11.gif) no-repeat 0 0;
display:inline;
}


#boxPhoto01{
width:540px;
background:url(../img/business/multimedia/photo_01.jpg) no-repeat right 0;
text-align:left;
}
#boxPhoto01 ul{width:145px;}

#boxPhoto02{
width:540px;
background:url(../img/business/multimedia/photo_02.jpg) no-repeat right 0;
text-align:left;
}
#boxPhoto02 ul{width:260px;}
#boxPhoto02 p{width:260px;}


/* VIDEO
-------------------------------------------- */
.boxVideoFlow01{
width:544px;
background: url(../img/business/multimedia/back_flow01.jpg) repeat-y 0 0;
}
.boxVideoFlow02{
width:544px;
background: url(../img/business/multimedia/back_flow02.jpg) repeat-y 0 0;
margin:0 0 30px 0;
}

.vFlowBottom01{
width:544px;
background:url(../img/business/multimedia/back_flow01_bottom.jpg) no-repeat 0 100%;
}
.vFlowBottom02{
width:544px;
background:url(../img/business/multimedia/back_flow02_bottom.jpg) no-repeat 0 100%;
}

#flow01{
text-align:left;
background:url(../img/business/multimedia/vflow_01.jpg) no-repeat 0 0;
}
#flow01 h3{display:none;}
#flow01 p{padding:60px 220px 45px 60px;}

#flow02{
text-align:left;
background:url(../img/business/multimedia/vflow_02.jpg) no-repeat 0 0;
}
#flow02 h3{display:none;}
#flow02 p{padding:60px 220px 45px 60px;}

#flow03{
text-align:left;
background:url(../img/business/multimedia/vflow_03.jpg) no-repeat 0 0;
}
#flow03 h3{display:none;}
#flow03 p{padding:60px 220px 60px 60px;}

#flow04{
text-align:left;
background:url(../img/business/multimedia/vflow_04.jpg) no-repeat 0 0;
}
#flow04 h3{display:none;}
#flow04 p{padding:60px 220px 45px 60px;}


#conversion{
width:540px;
margin:0 auto;
background:url(../img/business/multimedia/conversion.jpg) no-repeat right 0;
text-align:left;
}
#conversion p{
width:290px;
padding:10px 0;
}
#conversion ul{
width:290px;
padding:10px 0 30px 0;
}