@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 */

/* PORTFOLIO */

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

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

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

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

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

.side_navi {
 
}

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

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

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

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

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

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

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

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

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

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

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

/* @end */

/* @group SERVICE Webcontents */

body#bd_portfolio h3.other_portfolio {
 width: 670px;
 height: 50px;
 background: url(../images/portfolio/ttl_portfolio_other.jpg) no-repeat;
 text-indent: -9999px; 
}

body#bd_portfolio .contentsWrap {
 overflow: hidden;
}

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

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

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

body#bd_portfolio h4.web_ttl01 {
 background-image: url(../images/portfolio/contents_ttl_01.jpg);
}

body#bd_portfolio h4.web_ttl02 {
 background-image: url(../images/portfolio/contents_ttl_02.jpg);
}

body#bd_portfolio h4.web_ttl03 {
 background-image: url(../images/portfolio/contents_ttl_03.jpg);
}

body#bd_portfolio h4.web_ttl04 {
 background-image: url(../images/portfolio/contents_ttl_04.jpg);
}

body#bd_portfolio h4.web_ttl05 {
 background-image: url(../images/portfolio/contents_ttl_05.jpg);
}

body#bd_portfolio h4.web_ttl06 {
 background-image: url(../images/portfolio/contents_ttl_06.jpg);
}

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

.lm19 {
 margin-right: 19px;
}

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

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

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

body#bd_portfolio .solution h4 {

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

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

ul.portfolioDetail li dd.title {
}

ul.portfolioDetail li dd.tx {
 min-height: Inherit;
}


/*************************************
 portfolio
**************************************/

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

ul.portfolioDetail {
 overflow: hidden; 
}

ul.portfolioDetail li {
 float: left;
 width: 200px;
 margin-bottom: 10px;
}

ul.portfolioDetail li image {
 border: 2px solid #e2e1e3;
}

ul.portfolioDetail li.lm11 {
 margin-right: 11px;
}

ul.portfolioDetail li.lm8 {
 margin-right: 8px;
}

ul.portfolioDetail li dd {
 margin-top: 5px;
 line-height: 1.5;
}

ul.portfolioDetail li dd.tx {
 font-size: 120%;
}

ul.portfolioDetail li dd.title {
 background: url(../images/common/icon_ttl_line.gif) no-repeat;
 padding-left: 10px;
 font-weight: bold;
 font-size: 120%;
}


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

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