@charset "utf-8";

body {
 margin: 0 auto;
 background: transparent url(../images/common/bg_contents_body.gif) repeat-x;
}

p {
 font-size: 120%;
}

.leftContens {
 overflow: hidden;
 float: left;
 width: 160px;
}

.rightContents {
 overflow: hidden;
 width: 490px;
 float: right;
}

.contents {

 overflow: hidden;
 }

/* HEADER */

#header {
 width: 900px;
 height: 70px;
 position: relative;
}

#rightWrap{
 overflow: hidden;
 width: 670px;
 float: right;
}

#leftWrap {
 overflow: hidden;
 width: 200px;
 float: left;
 
 
}

/* @group SERVICE */

/* SERVICE */

.go_detail {
 clear: both;
 margin-top: 20px;
 width: 100%;
 text-align: right;
}

h2.ttl_service {
 width: 670px;
 height: 40px;
 background: url(../images/service/ttl_service.jpg) no-repeat;
 text-indent: -9999px;
 margin-bottom: 20px;
}

h2.service_web {
 width: 670px;
 height: 40px;
 background: url(../images/service/ttl_service_website.jpg) no-repeat;
 text-indent: -9999px;
}

h2.service_flash {
 width: 670px;
 height: 40px;
 background: url(../images/service/ttl_service_flash.jpg) no-repeat;
 text-indent: -9999px;
}

h2.service_system {
 width: 670px;
 height: 40px;
 background: url(../images/service/ttl_service_system.jpg) no-repeat;
 text-indent: -9999px;
}

h2.service_graphic {
 width: 670px;
 height: 40px;
 background: url(../images/service/ttl_service_graphic.jpg) no-repeat;
 text-indent: -9999px;
}

h3.service_web {
 width: 670px;
 height: 40px;
 background: url(../images/service/ttl_service_website.jpg) no-repeat;
 text-indent: -9999px;
}

h3.service_flash {
 width: 670px;
 height: 40px;
 background: url(../images/service/ttl_service_flash.jpg) no-repeat;
 text-indent: -9999px;
}

h3.service_system {
 width: 670px;
 height: 40px;
 background: url(../images/service/ttl_service_system.jpg) no-repeat;
 text-indent: -9999px;
}

h3.service_graphic {
 width: 670px;
 height: 40px;
 background: url(../images/service/ttl_service_graphic.jpg) no-repeat;
 text-indent: -9999px;
}

h3.service_qanda {
 width: 670px;
 height: 40px;
 background: url(../images/service/ttl_service_qanda.jpg) no-repeat;
 text-indent: -9999px;
}

.side_navi {
 
}

.side_navi h2.s_service {
 height: 29px;
 width: 200px;
 background: url(../images/service/ttl_service_s.gif) no-repeat;
 text-indent: -9999px;
}

.side_navi ul {
 overflow: hidden;
 width: 200px;
 margin-bottom: 50px;
}

.side_navi ul#service li a {
 display: block;
 width: 200px;
 height: 30px;
 text-indent: -9999px;
}

.side_navi ul#service li#anc01 {
 background: url(../images/service/service_navi_website.jpg) no-repeat;
}

.side_navi ul#service li#anc02 {
 background: url(../images/service/service_navi_flash.jpg) no-repeat;
}

.side_navi ul#service li#anc03 {
 background: url(../images/service/service_navi_system.jpg) no-repeat;
}

.side_navi ul#service li#anc04 {
 background: url(../images/service/service_navi_graphic.jpg) no-repeat;
}

body#bd_service .contents {
 overflow: hidden;
 float: left;
}

body#bd_service .contents h4 {
  background: url(../images/common/icon_ttl_line.gif) no-repeat;
 padding-left: 10px;
 font-weight: bold;
 margin-bottom: 10px;
 font-size: 120%;
}

body#bd_service .contents ul {
 width: 240px;
 font-size: 120%;
 line-height: 1.3;
}

body#bd_service .contents ul li {
 margin-bottom: 2px;
 background: url(../images/service/bg_service_list.jpg) 0 bottom;
 padding: 5px 10px;
}

dl.qanda {
 overflow: hidden;
 font-size: 120%;
 line-height: 1.6;
 background: url(../images/service/line01.gif) no-repeat 0 bottom;
 padding-bottom: 15px;
 margin-bottom: 15px;
}

dl.qanda dt {
 background: url(../images/service/icon_qanda_q.gif) no-repeat 0 top;
 padding-left: 25px;
 margin-bottom: 10px;
 font-weight: bold;
}

dl.qanda dd {
 background: url(../images/service/icon_qanda_a.gif) no-repeat 0 top;
 padding-left: 25px;
}

/* @end */

/* @group SERVICE Webcontents */

body#bd_service h3.service {
 width: 670px;
 height: 50px;
 background: url(../images/service/ttl_webcontents_service.jpg) no-repeat;
 text-indent: -9999px; 
}

body#bd_service h3.flow {
 width: 670px;
 height: 50px;
 background: url(../images/service/ttl_webcontents_flow.jpg) no-repeat;
 text-indent: -9999px; 
}

body#bd_service h3.solution {
 width: 670px;
 height: 50px;
 background: url(../images/service/ttl_webcontents_solution.jpg) no-repeat;
 text-indent: -9999px; 
}

body#bd_service h3.estimate {
 width: 670px;
 height: 50px;
 background: url(../images/service/ttl_webcontents_estimate.jpg) no-repeat;
 text-indent: -9999px; 
}

body#bd_service h3.client {
 width: 670px;
 height: 50px;
 background: url(../images/service/ttl_webcontents_client.jpg) no-repeat;
 text-indent: -9999px; 
}

body#bd_service .contentsWrap {
 overflow: hidden;
}

body#bd_service .contentsWrap_btm {
 overflow: hidden;
 background: url(../images/service/contents_btm.jpg) no-repeat 0 bottom;
 padding-bottom: 10px;
}

body#bd_service .contentsWrap_btm2 {
 overflow: hidden;
 background: url(../images/service/contents_btm2.jpg) no-repeat 0 bottom;
 padding-bottom: 10px;
}

body#bd_service .contentsWrap_btm1 {
 overflow: hidden;
 background: url(../images/service/contents_btm1.jpg) no-repeat 0 bottom;
 padding-bottom: 10px;
}

body#bd_service .web_type {
 overflow: hidden;
 width: 211px;
 float: left;
 font-size: 120%;
 line-height: 1.5;
}

body#bd_service .web_type h4 {
 width: 211px;
 height: 45px;
 text-indent: -9999px; 
}

body#bd_service h4.web_ttl01 {
 background-image: url(../images/service/contents_web_01.jpg);
}

body#bd_service h4.web_ttl02 {
 background-image: url(../images/service/contents_web_02.jpg);
}

body#bd_service h4.web_ttl03 {
 background-image: url(../images/service/contents_web_03.jpg);
}

body#bd_service h4.web_ttl04 {
 background-image: url(../images/service/contents_web_04.jpg);
}

body#bd_service h4.web_ttl05 {
 background-image: url(../images/service/contents_web_05.jpg);
}

body#bd_service h4.web_ttl06 {
 background-image: url(../images/service/contents_web_06.jpg);
}

body#bd_service h4.flash_ttl01 {
 background-image: url(../images/service/contents_flash_01.jpg);
}

body#bd_service h4.flash_ttl02 {
 background-image: url(../images/service/contents_flash_02.jpg);
}

body#bd_service h4.flash_ttl03 {
 background-image: url(../images/service/contents_flash_03.jpg);
}

body#bd_service h4.flash_ttl04 {
 background-image: url(../images/service/contents_flash_04.jpg);
}

body#bd_service h4.flash_ttl05 {
 background-image: url(../images/service/contents_flash_05.jpg);
}

body#bd_service h4.flash_ttl06 {
 background-image: url(../images/service/contents_flash_06.jpg);
}

body#bd_service h4.system_ttl01 {
 background-image: url(../images/service/contents_system_01.jpg);
}

body#bd_service h4.system_ttl02 {
 background-image: url(../images/service/contents_system_02.jpg);
}

body#bd_service h4.system_ttl03 {
 background-image: url(../images/service/contents_system_03.jpg);
}

body#bd_service h4.system_ttl04 {
 background-image: url(../images/service/contents_system_04.jpg);
}

body#bd_service h4.system_ttl05 {
 background-image: url(../images/service/contents_system_05.jpg);
}

body#bd_service h4.graphic_ttl01 {
 background-image: url(../images/service/contents_graphic_01.jpg);
}

body#bd_service h4.graphic_ttl02 {
 background-image: url(../images/service/contents_graphic_02.jpg);
}

body#bd_service h4.graphic_ttl03 {
 background-image: url(../images/service/contents_graphic_03.jpg);
}

body#bd_service h4.graphic_ttl04 {
 background-image: url(../images/service/contents_graphic_04.jpg);
}

body#bd_service .web_type .inner {
 background: url(../images/service/contents_mid.jpg) repeat-y;
 padding: 10px !important;
 border-style: none;
}

table.flowtable {
 width: 100%;
 text-align: left;
}

table.flowtable td {
 vertical-align: top;
}

table.flowtable td.size_w270 {
 width: 270px;
}

body#bd_service .solution h4 {

 background: url(../images/service/icon_ttl_line.gif) no-repeat;
 padding-left: 10px;
 font-weight: bold;
 margin-bottom: 10px;
 font-size: 120%;
}

body#bd_service .solution p {
 padding-left: 10px;
 padding-right: 10px;
}

/*************************************
 service
**************************************/

h2.service {
 width: 670px;
 height: 40px;
 background: url(../images/service/ttl_service_top.jpg) no-repeat;
 text-indent: -9999px;
}

ul.estimateDetail {
 overflow: hidden;
 margin-left: 10px;
}

ul.estimateDetail li {
 float: left;
 width: 190px;
 margin-bottom: 10px;
}

ul.estimateDetail li dt.title {
 background: url(../images/common/icon_ttl_line.gif) no-repeat;
 padding-left: 10px;
 margin-bottom: 10px;
 font-weight: bold;
 font-size: 120%;
 line-height: 1.3;
}

ul.estimateDetail li dd.tx {
 font-size: 120%;
 line-height: 1.6;
}

body#bd_service .client .contents ul {
 width: 220px;
 font-size: 120%;
 line-height: 1.3;
}

body#bd_service .client .contents ul li {
 margin-bottom: 2px;
 background: url(../images/service/bg_service_list.jpg) right bottom;
 padding: 5px 10px;
}