@import url(common.css);

#content{margin-bottom:0;}
#content .out{padding:0 32px 0;}
#content .in{width: 100%;}

#content,#content td,#content a{line-height:120%;}

#content .menu{overflow:hidden;margin:0 -30px 0 -20px;padding:0 0 10px; font-size: 11px; line-height: 11px;}

#content .menu .top{position:relative;width:650px; }
#content .menu .top ul{clear:both;width:100%;margin:0;padding:0;}
#content .menu .top li{float:left;overflow:hidden;list-style:none;width:128px;margin:0;padding:4px 0 0;}

#content .menu .top li span{display:block;margin:0 10px;padding:6px 10px 10px;}
#content .menu .top li,#content .menu .top li a{line-height:100%;}
#content .menu .top li a{color:#0792f7; font-size: 11px; line-height: 11px;}


#content .menu .top .on span{background:#F2680F; border: 1px solid #B8500C;}
#content .menu .top .on,#content .menu .top .on a{color:#fff; font-size: 11px; line-height: 11px;}

#content .menu .bottom{position:relative; width: 648px; clear:both; margin:0 0 0 10px; padding:10px 0 0;}
#content .menu .bottom ul{float:left;margin:0;padding:0;background:#E8EDF3;border: 1px solid #E0E7EF;}
#content .menu .bottom li{float:left;overflow:hidden;list-style:none;width:128px;margin:0;padding:4px 0 0;}
#content .menu .bottom li span{display:block;padding:8px 10px 10px;}
#content .menu .bottom li,#content .menu .bottom li a{color:#555;font-size: 11px; line-height: 11px;}

#content .menu .bottom .on a {color: #000; text-decoration: none;}

#content p{margin:0 0 15px;padding:0;}

#content .out .in a {color: #0792f7;}

#content .out .in dl dd {margin-bottom: 15px;}
#content .out .in dl dt a {font-weight: bold;}

#content, #content a, #content td  {font-size: 12px;}

#content .portfolioSEO {margin: 5px 0 0 0; width: 100%; }
#content .portfolioSEO  img{border: 1px solid #000;}

#content .portfolioSEO .left {width: 175px; text-align: center; padding-right: 15px ;}
#content .portfolioSEO .right {padding-right: 10px;}
#content .portfolioSEO tr {vertical-align: top;}
#content .portfolioSEO tr.title td {font-weight: bold; font-size: 14px; text-align: left;}

/*
#content .portfolioSEO tr.title {vertical-align: bottom; height: 70px;}
#content .portfolioSEO tr.title td span {}
*/

#content .portfolioSEO tr td {padding-top: 10px; padding-bottom: 10px; border-bottom: 1px dotted #aaa;}
#content .portfolioSEO tr td strong {font-weight: bold; color: #FF6F2A;}
#content .portfolioSEO tr td div {color: #444; text-align: justify;}
#content .portfolioSEO tr td span {display: block; margin-top: 5px;}


#content .portfolioImage {margin: 0 8px 8px 8px; float: right; border: 1px solid #c6c6c6;}


#content .portfolioWebImage {margin: 5px 0; text-align: left;}
#content .portfolioWebImage img {border: 1px solid #000;}


#content .customers {width: 100%; margin: 0 0 20px 0; border-collapse: collapse; background: #fff;}
#content .customers tr {height: 150px;}
#content .customers tr td {padding: 5px 3px; width: 33%; text-align: center; border-bottom: 1px dotted #aaa;}
#content .customers tr.last td {border-bottom: none;}
#content .customers td.c1 {border-left: 1px dotted #aaa; border-right: 1px dotted #aaa;}


.contact {border: 1px solid #D7E0EA; width: 99%;}
.contact tbody tr.e {background: #E8EDF3;}

.contact .left {width: 10%; white-space: nowrap;}
.contact .right {width: 90%;}

#worknavi {margin: 10px 0 10px 0; border-top: 1px solid #ccc; width: 570px;}
#worknavi tr {vertical-align: top;}
#worknavi td {padding: 2px; width: 50%;}
#worknavi .right {text-align: right;}


#right{background:url(../i/right-top.gif) no-repeat 0 210px;}
#right .out{background:url(../i/right.gif) repeat-y;}
#right .in{background:url(../i/right-bottom.gif) no-repeat 0 100%;}