@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;}

*html #content .actionNewBlock { width: 100%; margin-right: -4px; }

#content form.ordrForm { width: 100%; border: solid 1px #d7e0ea; margin: 10px 0 2px; }
#content form.ordrForm .darkLine { background: #e8edf3; padding: 5px 0; }
#content form.ordrForm .lightLine { background: #f4f7fc; padding: 5px 0; }
#content form.ordrForm label { display: block; float: left; width: 130px; padding: 0 7px 0 10px; text-align: right; }
#content form.ordrForm label.wide { width: auto; float: none; text-align: left; }
#content form.ordrForm input.field { width: 434px; height: 16px; background: #fff; border: solid 1px #abadb3; float: left; display: inline; padding: 0 3px; }
#content form.ordrForm select { width: 442px; height: 20px; background: #fff; border: solid 1px #abadb3; float: left; display: inline; }
#content form.ordrForm textarea { width: 562px; height: 50px; padding: 10px; background: #fff; border: solid 1px #abadb3; margin: 7px 0 0 10px; }
#content form.ordrForm input.btn { margin: 10px 0 5px 205px; }

#content .attentionBlue { width: 606px; background: url(../i/attention1Middle.gif) repeat-y 0 0; margin: 30px 0 30px 0; }
#content .attentionBlue .topBrdr { width: 606px; height: 6px; line-height: 0; font-size: 0; background: url(../i/attention1Top.gif) no-repeat 0 0; }
#content .attentionBlue .bottomBrdr { width: 606px; height: 6px; line-height: 0; font-size: 0; background: url(../i/attention1Bottom.gif) no-repeat 0 0; }
#content .attentionBlue p { padding: 10px 5px 10px 15px; color: #005695; font-style: oblique; font-size: 12px; font-family: Tahoma, Geneva, sans-serif; margin: 0; }
#content .attentionYellow { width: 606px; background: url(../i/attention2Middle.gif) repeat-y 0 0; margin: 30px 0 30px 0; }
#content .attentionYellow .topBrdr { width: 606px; height: 6px; background: url(../i/attention2Top.gif) no-repeat 0 0; line-height: 0; font-size: 0; }
#content .attentionYellow .bottomBrdr { width: 606px; height: 6px; background: url(../i/attention2Bottom.gif) no-repeat 0 0; line-height: 0; font-size: 0; }
#content .attentionYellow p { padding: 10px 5px 10px 15px; color: #f06611; font-weight: bold; font-size: 12px; font-family: Tahoma, Geneva, sans-serif; margin: 0; }

#content table.brandsTbl { width: 100%; border-collapse: collapse; margin-top: 10px; margin-bottom: 5px; }
#content table.brandsTbl tr td { text-align: center; }
#content table.brandsTbl tr td.end { width: 186px; }
#content table.brandsTbl tr td img { margin-bottom: 7px; }

#content ul.blue { color: #06a2f5; margin: 0 0 0 -23px; line-height: 16px; }
#content ul.blue li { padding: 0 0 0 20px; }
#content ul.blue li span { color: #45494c; }
#content ul.blue li span.yellow { background: #fffbdf; }

#content table.priceList { width: 100%; border-collapse: collapse; margin: 0 0 25px 0; }
#content table.priceList tr td { vertical-align: middle; text-align: left; padding: 15px 25px 15px 0; border-bottom: #dee5ec solid 1px; }
#content table.priceList thead tr td { padding: 5px 25px 5px 0; border-top: solid 1px #dee5ec; }


.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%;}


#content .out .in table.content {border-collapse: collapse; border: 1px solid #000; margin: 10px 0;}
#content .out .in table.content tr td {padding: 4px; border: 1px solid #000;}

#content .Pages {clear: both;}
#content .Pages a {display: block; float: left; margin-right: 5px; font-size: 14px;}
#content .Pages span {display: block; float: left; margin-right: 5px; font-size: 15px; font-weight: bold;}