@charset "Shift_JIS";

/* **********************************************************************
 *
 *       Title:   Weblab.co.jp
  *       Updated: 2009.05.29
 *       Notes:   Hand-crafted by WebLab Corporation in Tokyo.
 *aa
 * **********************************************************************
 */

body {
       margin: 0;
       padding: 0;
       background: #fff;
       color: #000;
       /*font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;*/
       font-family: 'メイリオ',Meiryo,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','ＭＳ Ｐゴシック',sans-serif;
       font-size: 90%;
       text-align: center;
       }
/* hide from Mac IE \*/
* html body             { font-family: 'ＭＳ Ｐゴシック',Arial, Helvetica, sans-serif; }
*:first-child+html body { font-family: 'メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif; }
/* */

hr.hide  { display: none;}
a:link, a:visited { color: #008AFF; text-decoration:underline;}
a:hover, a:active { color: #008AFF; text-decoration:none;}

span.texts { font-size: xx-small; line-height: 1.4; }
html>body span.texts { font-size: x-small; }

span.textn { font-size: x-small; line-height: 1.5; }
html>body span.textn { font-size: small; }

span.textl { font-size: small; line-height: 1.5; }
html>body span.textl { font-size: medium; }

span.text10 { font-size: 10px; line-height: 1.5; }

table.nbr {
       border-collapse: collapse;
       }
table.nbr2 {
       border-collapse: collapse;
       margin:8px 0 0 0;
       }
html>body table.nbr2 { margin:12px 0 0 0; }

table.nbr_t10 {
       font-size: x-small;
       line-height: 1.5;
       color: #333;
       margin:10px 0px 0px 0px;
       }
html>body table.nbr_t10 { font-size: small; }

.blnbr {
       border-collapse: collapse;
       _margin:6px 0 0 0;
       }
html>body table.blnbr { margin:10px 0 0 0; }


td.nbr_cbg {
        background: url(../../img/case_bg.gif) repeat-y;
        padding: 25px 0 0 47px;
       }

th.nbr {
       font-size: x-small;
       line-height: 1.5;
       color: #333;
       }
html>body th.nbr { font-size: small; }

td.nbr {
       font-size: x-small;
       line-height: 1.5;
       color: #333;
       }
html>body td.nbr { font-size: small; }

td.nbr10 {
       font-size: 10px;
       line-height: 1.5;
       color: #333;
       }
html>body td.nbr10 { font-size: 10px; }

td.nbr_b5 {
       font-size: xx-small;
       line-height: 1.5;
       color: #333;
       padding:0 0 5px 0;
       }
html>body td.nbr_b5 { font-size: x-small; }

td.nbr_t20 {
       font-size: x-small;
       line-height: 1.5;
       color: #333;
       padding:20px 0 0 0;
       }
html>body td.nbr_t20 { font-size: small; }

td.nbr_t10 {
       font-size: x-small;
       line-height: 1.5;
       color: #333;
       padding:10px 0 0 0;
       }
html>body td.nbr_t10 { font-size: small; }

td.nbr_t10_2 {
       font-size: x-small;
       line-height: 1.5;
       color: #333;
       padding:10px 0 20px 0;
       }
html>body td.nbr_t10_2 { font-size: small; }

td.nbr_case {
       padding: 0 0 20px 0;
       font-size: x-small;
       line-height: 1.5;
       color: #333;
       }
html>body td.nbr_case { font-size: small; }


table.tbr {
       border-bottom: 1px solid #c7d0d9;
       border-collapse: collapse;
       }

th.tbr {
       padding: 4px 10px 4px 10px;
       border-top: 1px solid #c7d0d9;
       font-size: x-small;
       line-height: 1.5;
       color: #004182;
       text-align:left;
       background:#ECF1F5 url(../img/tbr2_bg.gif) right repeat-y;
       }
html>body th.tbr { font-size: small; }

td.tbr {
       padding: 4px 10px 4px 10px;
       border-top: 1px solid #c7d0d9;
       font-size: x-small;
       line-height: 1.5;
       color: #000;
       }
html>body td.tbr { font-size: small; }

blockquote {
       clear: both;
       margin: 0;
       padding: 10px;
       border: 1px solid #b6cde4;
       background: #dce8f4;
       font-size: x-small;
       line-height: 1.4;
       text-align: left;
       }
html>body blockquote { font-size: small; }

form {
       margin: 0;
       padding: 0;
       }

form dt{
       font-size: x-small;
       font-weight: bold;
       line-height: 1.4;
       }
html>body form dt { font-size: small; }

form dd{
       margin: 0 0 5px 0;
       font-size: x-small;
       line-height: 1.4;
       }
html>body form dd { font-size: small; }

img { border: 0;padding:0;margin:0; }

.clear {
       width: 100%;
       margin: 0;
       padding: 0;
       clear: both;
       }


/* 全体のレイアウト設定 ###################### */

#wrapper {
       width: 900px;
       margin-left:auto;
       margin-right:auto;
       background:#fff;
       }

#wrapper2 {
       float: left;
       width: 900px;
       margin-left:auto;
       margin-right:auto;
       margin-bottom:30px;
       background:#fff url(../img/wrapper.gif) repeat-y;
       }

.botline {
       float:left;
       width: 900px;
       background: url(../../img/wr_bottom.gif) left bottom no-repeat;
       padding: 1px 0 0 0;
       }


#wrappertop {
       width: 900px;
       margin-left:auto;
       margin-right:auto;
       background:#fff;
       }
html>body div#wrappertop { width: 900px; }

#header {
       width: 900px;
       height: 77px;
       background:#fff;                 /* 　ヘッダーの背景色が設定できます */
       margin: 0px 0px 0px 0px;
       }
html>body div#header  { margin: 0px 0px 0px 0px; }
*:first-child+html #header { margin: 0px 0px 0px 0px; }

#headnav {
       float: right;
       width: 707px;
       margin: 0px 0 0 0;
       }

#wrapper_nav {
       float: left;
       width:193px;
       margin: 0px 0px 0px 0px;
       background: #ccc url(../img/nav_bg.gif) repeat-x;
       /*mac IE5\*//*/
       width: 192px;
       /**/
       }

#nav {
       float: left;
       width: 193px;
       margin: 0px 0px 0px 0px;
       padding: 0px 0px 0px 0px;
       text-align: left;
       /*mac IE5\*//*/
       width: 192px;
       /**/
       clear:both;
       }

.ptit { background: #ccc;
       float: left;
       width: 193px;
       height: 90px;
       margin: 0px 0px 0px 0px;
       padding: 0px 0px 0px 0px;
       }

#main {
       float: right;
       width: 677px;
       padding: 0px;
       }

#footer {
       width: 900px;
       padding: 0px 0px 30px 0px;
       text-align: left;
       clear:both;
       }


/* TOPページ用のレイアウト設定 ################### */

.reflect {
       height:111px;
       background:url(../img/reflection.gif) left bottom no-repeat;
       }

.blog_box {
       width:528px;
       border-top:1px solid #c1e3e7;
       }
       

table.blog {
       margin: 5px 0 0px 0;
       border-bottom: 1px solid #c1e3e7;
       text-align: left;
       }

.bl_tit {
       background:url(../../img/top_bg_tit_column.gif) no-repeat;
       }

.bl_bg {
       background:url(../../img/top_bg_column.gif) repeat-y;
       padding:0 10px 0 48px;
       }



#top-a {
       float: left;
       margin: 30px 27px 20px 0px;
       padding: 0px 0px 0px 0px;
       width: 612px;
       text-align: left;
       }
html>body div#top-a { width: 615px;margin: 30px 30px 20px 0px; }

#top-b {
       float: right;
       margin: 30px 0px 10px 0px;
       padding: 0px;
       width: 255px;
       background:#fff;
       text-align: left;
       }
html>body div#top-b { margin: 27px 0px 10px 0px; }
*:first-child+html #top-b { margin: 30px 0px 10px 0px; }


#top-a-contents {
       margin: 0;
       padding-bottom: 3px;
       text-align: left;
       }

.top-a-block {
       clear:both;
       margin-bottom: 17px;
       }

.top-a-block a:visited { color: #008aff; }

.top-a-block h4 {
       margin: 0px 0px 10px 0px;
       padding: 3px 0px 3px 0px;
       font-size: x-small;
       }
html>body div.top-a-block h4 { font-size: small; }

.top-a-block p {
       margin: 0;
       padding: 0;
       font-size: x-small;
       line-height: 1.5;
       color: #333;
       }
html>body div.top-a-block p { font-size: small; }

.top-a-block ul {
       margin: 5px 0px 5px 0px;
       padding: 0px 0px 0px 0px;
       font-size: x-small;
       line-height: 1.5;
       color: #333;
       }
html>body div.top-a-block ul { font-size: small; }

.top-a-block ul.case {
       margin: 0px 0px 0px 0px;
       padding: 0px 0px 0px 0px;
       font-size: x-small;
       line-height: 1.5;
       color: #333;
       }
html>body div.top-a-block ul { font-size: small; }

.top-a-block ol {
       margin: 5px 0px 5px 15px;
       padding: 0px 0px 0px 20px;
       font-size: x-small;
       line-height: 1.5;
       color: #333;
       }
html>body div.top-a-block ol { font-size: small; }

.top-a-block li {
       margin: 0px 0px 0px 0px;
       padding: 0px 0px 0px 10px;
       font-size: x-small;
       line-height: 1.5;
       list-style: none;
       background: url(../img/arrow.gif) 1px 0.5em no-repeat;
       }
html>body div.top-a-block li { font-size: small; }

.top-b-block {
       clear:both;
       margin-bottom: 15px;
       }

.top-b-block a:visited { color: #008aff; }

.top-b-block h4 {
       margin: 0px 0px 0px 0px;
       padding: 3px 0px 0px 0px;
       }
html>body div.top-b-block h4 { font-size: small; }

.top-b-block p {
       margin: 0;
       padding: 0;
       font-size: x-small;
       line-height: 1.5;
       color: #333;
       }
html>body div.top-b-block p { font-size: small; }

.top-b-block ul {
       margin: 0px 0px 0px 0px;
       padding: 0px;
       font-size: x-small;
       line-height: 1.5;
       color: #333;
       }
html>body div.top-b-block ul { font-size: small; }

.top-b-block ol {
       margin: 5px 0px 5px 15px;
       padding: 0px 0px 0px 20px;
       font-size: x-small;
       line-height: 1.5;
       color: #333;
       }
html>body div.top-b-block ol { font-size: small; }

.top-b-block li {
       margin: 0px 0px 0px 0px;
       padding: 0px 0px 0px 10px;
       font-size: x-small;
       line-height: 1.5;
       list-style: none;
       background: url(../img/arrow.gif) 1px 0.5em no-repeat;
       }
html>body div.top-b-block li { font-size: small; }


.top-b-block .txts {
       margin: 0px 0px 5px 0px;
       padding: 0px 0px 0px 10px;
       font-size: x-small;
       line-height: 1.5;
       list-style: none;
       background: url(../img/arrow.gif) 1px center no-repeat;
       }
html>body div.top-b-block .txts { font-size: small; }


.mgn5 {
       margin:5px;
       }

.pdd_b10{
       padding: 0 0 10px 0;
       }

.dot255 {
       width: 255px;
       height: 1px;
       background: url(../../img/dot.gif) bottom repeat-x;
       clear: both;
       margin: -5px 0 0 0;
       }
html>body .dot255 { padding: 2px 0 0 0; 
       margin: 10px 0 0px 0;
       }

.dot677 {
       width: 677px;
       height: 1px;
       background: url(../../img/dot.gif) bottom repeat-x;
       clear: both;
       margin: -5px 0 10px 0;
       }
html>body .dot677 { padding: 2px 0 0 0; 
       margin: 10px 0 10px 0;
       }
       
.col {
       margin:0;
       }
html>body .col {margin: 10px 0 0px 0;}
*:first-child+html #col { padding: 5px 0px 0px 0px; }       

.othercase {
        float:right;
        padding-top:5px;
        }
html>body .othercase { margin-bottom:20px; }
*:first-child+html .othercase { margin-bottom:0px; }

a.toplink {
       background: url(../img/arrow.gif) 1px 0.5em no-repeat;
       padding:0 0 0 8px;
       font-size: 10px;
       }

a.toplink_l {
       background: url(../img/arrow.gif) 1px 0.5em no-repeat;
       padding:0 0 0 8px;
       font-size: 13px;
       }

.top-b-block p.top_nav_info {
       padding: 10px 0;
       border-top: 1px solid #d2d2d2;
       font-size: 80%;
}


/* header部分のスタイル設定 ###################### */

#header h1 {
       float: left;
       margin: 10px 0px 11px 0px;
       padding: 0;
       color: #666;
       font-size: 10px;
       font-weight: normal;
       line-height: 1.3;
       text-align: left;
       }

#header #logo {
       clear: left;
       float: left;
       width: 136px;
       margin: 0px;
       padding: 0px;
       text-align: left;
       }

.h_con {
       float: right;
       width: 266px;
       margin: 6px 0px 6px 0px;
       }


/* main部分設定 ###################################  */

.box10 {
      padding:10px 10px 0px 10px;
      }

.csimg {
      padding:10px 0 5px 0;
      }

.csimg2 {
      padding:20px 0 5px 0;
      }

.csico {
      padding:0 0px 0 5px;
      }

.csico2 {
      margin:0 5px 0 0;
      }

#mainimg {
       float:right;
       width: 677px;
       margin: 0 0 20px 0;
       padding: 0;
       }

#contents-title {
       width: 677px;
       margin: 20px 0px 0px 0px;
       padding: 0;
       text-align: left;
       }

#directry {
       float: left;
       width: 900px;
       margin: 10px 0 10px 0;
       padding: 13px 0px 0px 0px;
       font-size: xx-small;
       text-align: left;
       color: #888;
       }
html>body div#directry { font-size: x-small; padding: 0px;margin: 20px 0 10px 0;}
*:first-child+html  div#directry {padding: 13px 0px 0px 0px;margin: 10px 0 10px 0;}

#directry a { color: #888; }
#directry a:link, #directry a:visited { color: #888; }
#directry a:hover, #directry a:active { color: #888; text-decoration:none;}

.drct_home {
       padding:1px 0 0 0;
       width:11px;
       float:left;
       }

#contents-title h2 {
       width: 677px;
       margin: 0;
       padding: 0;
       }

#contents-title h2.case {
       width: 677px;
       margin: 0;
       padding: 5px 0 0px 65px;
       font-size: 130%;
       font-weight: bold;
       min-height: 56px;
       _height:56px;
       background:#fff url(../../img/case_tit.gif) left top no-repeat;
       color: #000;   /* 本文のページタイトルの文字色が設定できます */
       }


#info-contents-title {
       width: 677px;
       margin: 20px 0px 0px 10px;
       padding: 0;
       text-align: left;
       }
html>body div#info-contents-title {margin: 20px 0px 0px 0px; }

#contents {
       margin: 0px;
       padding: 17px 0px 0px 0px;
       text-align: left;
       }

.photo-r {
       float:right;
       margin: 3px 0 15px 15px;
       font-size: xx-small;
       line-height: 1.3;
       color: #333;
       }
html>body div.photo-r { font-size: x-small; }

.photo-l {
       float:left;
       margin: 3px 15px 15px 0;
       font-size: xx-small;
       line-height: 1.3;
       color: #333;
       }
html>body div.photo-l { font-size: x-small; }

.photo-c {
       margin: 3px 0px 15px 0;
       font-size: xx-small;
       line-height: 1.3;
       color: #333;
       }
html>body div.photo-c { font-size: x-small; }

.photo-r img, .photo-l img, .photo-c img {
       margin-bottom: 3px;
       }

.block {
       text-align: left;
       clear:both;
       margin-bottom: 17px;
       }

.block a:visited { color: #008aff; }

.block a.url {
       background: url(../../img/ico_url) 0px 2px no-repeat;
       padding: 0 0 0 18px;
       margin: 5px 0 0 0;
       }

/*.block h4 {
       margin: 12px 0px 0px 0px;
       padding: 0px 0px 3px 0px;
       font-size: x-small;
       }
html>body div.block h4 { font-size: small; }*/

.block h4 {
       padding: 5px 0px 5px 8px;
       font-size: x-small;
       color: #000;
       background: url(../../img/subtit.gif) repeat-y;
       }
html>body div.block h4 { font-size: small;margin: 0px 0px 12px 0px;}

.block h4.itvw {
       margin: 0 0 15px 0;
       padding: 4px 0px 3px 15px;
       color: #333;
       background: url(../img/arrow_h4.gif) no-repeat;
       font-family: osaka,Meiryo;
       font-size: small;
       }
html>body div.block h4.itvw { font-size: medium; }
html>/**/body .block h4.itvw { padding: 4px 0px 4px 15px; }

.block h5 {
       padding: 5px 0px 5px 8px;
       font-size: x-small;
       color: #000;
       background: url(../../img/subtit.gif) repeat-y;
       }
html>body div.block h5 { font-size: small;margin: 0px 0px 12px 0px;}

.block p {
       margin: 0;
       padding: 0;
       font-size: x-small;
       line-height: 1.5;
       color: #333;
       }
html>body div.block p { font-size: small; }

.block ul {
       margin: 5px 0px 5px 10px;
       padding: 0px 0px 0px 10px;
       font-size: x-small;
       line-height: 1.5;
       color: #333;
       }
html>body div.block ul { font-size: small; }

.block ol {
       margin: 5px 0px 5px 15px;
       padding: 0px 0px 0px 20px;
       font-size: x-small;
       line-height: 1.5;
       color: #333;
       }
html>body div.block ol { font-size: small; }

.block ul.none {
       margin: 5px 0px 5px 0px;
       padding: 0px 0px 0px 0px;
       font-size: x-small;
       line-height: 1.5;
       list-style: none;
       color: #333;
       }
html>body div.block ul.none { font-size: small; }

.block li.arrow {
       margin: 0px 0px 0px 0px;
       padding: 0px 0px 0px 10px;
       font-size: x-small;
       line-height: 1.5;
       list-style: none;
       background: url(../img/arrow.gif) 1px 0.5em no-repeat;
       }
html>body div.block li.arrow { font-size: small; }

.block li.none {
       margin: 0px 0px 10px 0px;
       }

.pagetopset {
       margin: 0px;
       padding: 20px 20px 17px 0px;
       font-size: xx-small;
       text-align:right;
       clear:both;
       }
html>body div.pagetopset { font-size: x-small;}

a.pagetop {
       color: #919191;
       margin: 0;
       padding: 0px 0px 0px 12px;
       background: url(../img/pagetop_arrow.gif) 0px 0.3em no-repeat;
       text-align: left;
       }

a.pagetop:link   { color: #919191;text-decoration: none; }
a.pagetop:visited,
a.pagetop:active { color: #919191;text-decoration: none; }
a.pagetop:hover  { color: #919191;text-decoration: underline; }

.merit1{
       margin: 0 0 0 0;
       padding: 2px 0 2px 65px;
       background: url(../../img/merit1.gif) 0 2px no-repeat;
       color: #333;
       font-weight: bold;
       /*＼*/
       background: url(../../img/merit1.gif) 0 0 no-repeat;
       /**/
       }

.merit2{
       margin: 0 0 0 0;
       padding: 2px 0 2px 65px;
       background: url(../../img/merit2.gif) 0 2px no-repeat;
       color: #333;
       font-weight: bold;
       /*＼*/
       background: url(../../img/merit2.gif) 0 0 no-repeat;
       /**/
       }

.merit3{
       margin: 0 0 0 0;
       padding: 2px 0 2px 65px;
       background: url(../../img/merit3.gif) 0 2px no-repeat;
       color: #333;
       font-weight: bold;
       /*＼*/
       background: url(../../img/merit3.gif) 0 0 no-repeat;
       /**/
       }

.merit4{
       margin: 0 0 0 0;
       padding: 2px 0 2px 65px;
       background: url(../../img/merit4.gif) 0 2px no-repeat;
       color: #333;
       font-weight: bold;
       /*＼*/
       background: url(../../img/merit4.gif) 0 0 no-repeat;
       /**/
       }

.totop {
       margin: 30px 0 0 0;
       text-align: center;
       font-size: x-small;
       }
html>body div.totop { font-size: small; }

.dotitv {
       width: 677px;
       height: 1px;
       background: url(../../img/dot.gif) bottom repeat-x;
       clear: both;
       margin: -5px 0 7px 0;
       }
html>body .dotitv { padding: 2px 0 0 0; 
       margin: 5px 0 5px 0;
       }

a.itv {
       padding: 0 0 0 20px;
       background:url(../../img/ico_itv.gif) 0 0 no-repeat;
       }

table.box {
       margin:0;
       padding:0;
       background: url(../../img/box_bg.gif) left repeat-y;
       }

.u_arrow {
       background: url(../img/u_arrow.gif) 0 0.5em no-repeat;
       padding: 0 0 0 10px;
       margin: 0 0 0 110px;
       }

/* headnav部分設定 #############################  */

#menu {
       float: right;
       width: 707px;
       height: 25px;
       margin: 0;
       padding: 0 0 0px 0;
       list-style-type: none;
       overflow: hidden;
       }

#menu ul {
       margin: 0;
       padding: 0;
       }

#menu li {
       margin: 0;
       padding: 0;
       display: inline;
       list-style-type: none;
       }

#menu a {
        float: left;
        padding-top: 25px;
        height: 0px !important;
        height /**/: 25px;
        overflow: hidden;
        }

#menu a:hover,
#menu a.selected,
#menu a:hover.selected { background-position: 0 -25px; }

/*++++++++++++++++ nav button set ++++++++++++++++*/
.nav01 a { width: 117px; background: url(../../img/g_nav01.gif) top left no-repeat; }
.nav02 a { width: 118px; background: url(../../img/g_nav02.gif) top left no-repeat; }
.nav03 a { width: 118px; background: url(../../img/g_nav03.gif) top left no-repeat; }
.nav04 a { width: 118px; background: url(../../img/g_nav04.gif) top left no-repeat; }
.nav05 a { width: 118px; background: url(../../img/g_nav05.gif) top left no-repeat; }
.nav06 a { width: 118px; background: url(../../img/g_nav06.gif) top left no-repeat; }



/* nav部分設定 #############################  */

#submenu {
       float:left;
       width:193px;
       margin: 0;
       padding: 0;
       list-style: none;
       }

#submenu ul {
       margin: 0;
       padding: 0;
       }   /* リストを隙間なくならべる */

#submenu li {
       margin: 0;
       padding: 0;
       display: inline;
       list-style-type: none;
       float: left;
       width:193px;
       }

#submenu a {
       float: left;
       width: 193px;
       padding-top: 30px;
       height: 0px !important;
       height /**/: 30px;
       overflow: hidden;
       }

/*++++++++++++++++ subbutton class set ++++++++++++++++*/
.company01 a                    { background: url(../img/company01_off.gif) 0 0 no-repeat; }
.company01 a:hover,
.company01 a.subselected,
.company01 a:hover.subselected  { background: url(../img/company01_on.gif) 0 0 no-repeat; }

.company02 a                    { background: url(../img/company02_off.gif) 0 0 no-repeat; }
.company02  a:hover,
.company02  a.subselected,
.company02  a:hover.subselected { background: url(../img/company02_on.gif) 0 0 no-repeat; }

.company03 a                    { background: url(../img/company03_off.gif) 0 0 no-repeat; }
.company03 a:hover,
.company03 a.subselected,
.company03 a:hover.subselected  { background: url(../img/company03_on.gif) 0 0 no-repeat; }

.company04 a                    { background: url(../img/company04_off.gif) 0 0 no-repeat; }
.company04 a:hover,
.company04 a.subselected,
.company04 a:hover.subselected  { background: url(../img/company04_on.gif) 0 0 no-repeat; }

.company05 a                    { background: url(../img/company05_off.gif) 0 0 no-repeat; }
.company05 a:hover,
.company05 a.subselected,
.company05 a:hover.subselected  { background: url(../img/company05_on.gif) 0 0 no-repeat; }

.company06 a                    { background: url(../img/company06_off.gif) 0 0 no-repeat; }
.company06 a:hover,
.company06 a.subselected,
.company06 a:hover.subselected  { background: url(../img/company06_on.gif) 0 0 no-repeat; }

/*++++++++++++++++ service set ++++++++++++++++*/
.service01 a                    { background: url(../img/service01_off.gif) 0 0 no-repeat; }
.service01 a:hover,
.service01 a.subselected,
.service01 a:hover.subselected  { background: url(../img/service01_on.gif) 0 0 no-repeat; }

.service01a a                   { background: url(../img/service01_2_off.gif) 0 0 no-repeat; }
.service01a a:hover,
.service01a a.subselected,
.service01a a:hover.subselected { background: url(../img/service01_2_on.gif) 0 0 no-repeat; }

.service02                      { background: url(../img/service02_off.gif) 0 0 no-repeat; }

.service03 a                    { background: url(../img/service03_off.gif) 0 0 no-repeat; }
.service03 a:hover,
.service03 a.subselected,
.service03 a:hover.subselected  { background: url(../img/service03_on.gif) 0 0 no-repeat; }

.service04 a                    { background: url(../img/service04_off.gif) 0 0 no-repeat; }
.service04 a:hover,
.service04 a.subselected,
.service04 a:hover.subselected  { background: url(../img/service04_on.gif) 0 0 no-repeat; }

.service05 a                    { background: url(../img/service05_off.gif) 0 0 no-repeat; }
.service05 a:hover,
.service05 a.subselected,
.service05 a:hover.subselected  { background: url(../img/service05_on.gif) 0 0 no-repeat; }

.service06 a                    { background: url(../img/service06_off.gif) 0 0 no-repeat; }
.service06  a:hover,
.service06  a.subselected,
.service06  a:hover.subselected { background: url(../img/service06_on.gif) 0 0 no-repeat; }

.service07 a                    { background: url(../img/service07_off.gif) 0 0 no-repeat; }
.service07 a:hover,
.service07 a.subselected,
.service07 a:hover.subselected  { background: url(../img/service07_on.gif) 0 0 no-repeat; }

.service08                      { background: url(../img/service08_off.gif) 0 0 no-repeat; }

.service09 a                    { background: url(../img/service09_off.gif) 0 0 no-repeat; }
.service09 a:hover,
.service09 a.subselected,
.service09 a:hover.subselected  { background: url(../img/service09_on.gif) 0 0 no-repeat; }

.service10 a                    { background: url(../img/service10_off.gif) 0 0 no-repeat; }
.service10  a:hover,
.service10  a.subselected,
.service10  a:hover.subselected { background: url(../img/service10_on.gif) 0 0 no-repeat; }

.service11 a                    { background: url(../img/service11_off.gif) 0 0 no-repeat; }
.service11 a:hover,
.service11 a.subselected,
.service11 a:hover.subselected  { background: url(../img/service11_on.gif) 0 0 no-repeat; }

.service12 a                    { background: url(../img/service12_off.gif) 0 0 no-repeat; }
.service12 a:hover,
.service12 a.subselected,
.service12 a:hover.subselected  { background: url(../img/service12_on.gif) 0 0 no-repeat; }

/*++++++++++++++++ portfolio set ++++++++++++++++*/

.portfolio01 a                  { background: url(../img/portfolio01_off.gif) 0 0 no-repeat; }
.portfolio01 a:hover,
.portfolio01 a.subselected,
.portfolio01 a:hover.subselected{ background: url(../img/portfolio01_on.gif) 0 0 no-repeat; }

.portfolio02                    { background: url(../img/portfolio02_off.gif) 0 0 no-repeat; }

.portfolio03 a                  { background: url(../img/portfolio03_off.gif) 0 0 no-repeat; }
.portfolio03 a:hover,
.portfolio03 a.subselected,
.portfolio03 a:hover.subselected{ background: url(../img/portfolio03_on.gif) 0 0 no-repeat; }

.portfolio04 a                  { background: url(../img/portfolio04_off.gif) 0 0 no-repeat; }
.portfolio04 a:hover,
.portfolio04 a.subselected,
.portfolio04 a:hover.subselected{ background: url(../img/portfolio04_on.gif) 0 0 no-repeat; }

.portfolio05 a                  { background: url(../img/portfolio05_off.gif) 0 0 no-repeat; }
.portfolio05 a:hover,
.portfolio05 a.subselected,
.portfolio05 a:hover.subselected{ background: url(../img/portfolio05_on.gif) 0 0 no-repeat; }

.portfolio06 a                  { background: url(../img/portfolio06_off.gif) 0 0 no-repeat; }
.portfolio06 a:hover,
.portfolio06 a.subselected,
.portfolio06 a:hover.subselected{ background: url(../img/portfolio06_on.gif) 0 0 no-repeat; }

.portfolio07 a                  { background: url(../img/portfolio07_off.gif) 0 0 no-repeat; }
.portfolio07 a:hover,
.portfolio07 a.subselected,
.portfolio07 a:hover.subselected{ background: url(../img/portfolio07_on.gif) 0 0 no-repeat; }

.portfolio2008 a                  { background: url(../img/portfolio2008_off.gif) 0 0 no-repeat; }
.portfolio2008 a:hover,
.portfolio2008 a.subselected,
.portfolio2008 a:hover.subselected{ background: url(../img/portfolio2008_on.gif) 0 0 no-repeat; }

.portfolio2009 a                  { background: url(../img/portfolio2009_off.gif) 0 0 no-repeat; }
.portfolio2009 a:hover,
.portfolio2009 a.subselected,
.portfolio2009 a:hover.subselected{ background: url(../img/portfolio2009_on.gif) 0 0 no-repeat; }

.portfolio2010 a                  { background: url(../img/portfolio2010n_off.gif) 0 0 no-repeat; }
.portfolio2010 a:hover,
.portfolio2010 a.subselected,
.portfolio2010 a:hover.subselected{ background: url(../img/portfolio2010n_on.gif) 0 0 no-repeat; }


/*++++++++++++++++ saiyo set ++++++++++++++++*/

.saiyo01 a                      { background: url(../img/l_nav_sy01_off.gif) 0 0 no-repeat; }
.saiyo01 a:hover,
.saiyo01 a.localselected,
.saiyo01 a:hover.localselected  { background: url(../img/l_nav_sy01_on.gif) 0 0 no-repeat; }

.saiyo02 a                      { background: url(../img/l_nav_sy02_off.gif) 0 0 no-repeat; }
.saiyo02 a:hover,
.saiyo02 a.localselected,
.saiyo02 a:hover.localselected  { background: url(../img/l_nav_sy02_on.gif) 0 0 no-repeat; }

.saiyo03 a                      { background: url(../img/l_nav_sy03_off.gif) 0 0 no-repeat; }
.saiyo03 a:hover,
.saiyo03 a.localselected,
.saiyo03 a:hover.localselected  { background: url(../img/l_nav_sy03_on.gif) 0 0 no-repeat; }

.saiyo04 a                      { background: url(../img/l_nav_sy04_off.gif) 0 0 no-repeat; }
.saiyo04 a:hover,
.saiyo04 a.localselected,
.saiyo04 a:hover.localselected  { background: url(../img/l_nav_sy04_on.gif) 0 0 no-repeat; }

.saiyo05 a                      { background: url(../img/l_nav_sy05_off.gif) 0 0 no-repeat; }
.saiyo05 a:hover,
.saiyo05 a.localselected,
.saiyo05 a:hover.localselected  { background: url(../img/l_nav_sy05_on.gif) 0 0 no-repeat; }


/*++++++++++++++++ localbutton set ++++++++++++++++*/
.localmenu {
       margin: 0;
       padding: 0;
       list-style: none;
       }

.localbutton {
       float:left;
       list-style: none;
       margin: 0;
       padding: 0;
       width: 193px;
       line-height: 130%;
       text-align: left;
       /* Mac IE \*//*/
       width: 192px;
       /**/
       }

/* footer部分設定 ################################# */

#footer-nav {
       float: left;
       margin: 0;
       padding: 3px 0 3px 0;
       width: 900px;
       background: #dcdcdc;
       clear: both;
       }

#footer-nav ul {
       float: left;
       margin: 2px 0px 0px 0px;
       padding: 0 0 0 12px;
       list-style: none;
       clear: both;
       background: url(../img/f_bar.gif) right 0px  no-repeat;
       }
html>body div#footer-nav ul { margin: 0px 0 0 0;background: url(../img/f_bar.gif) right 5px  no-repeat;}
*:first-child+html  div#footer-nav ul { margin: 3px 0 0 0;background: url(../img/f_bar.gif) right 1px  no-repeat;}

#footer-nav li {
       display: inline;
       font-size: x-small;
       background: url(../img/f_bar.gif) no-repeat 0px 1px;
       margin: 0px 6px 0px 0px;
       padding: 2px 0px 0px 7px;
       font-size: xx-small;
       }
html>body div#footer-nav li { font-size: x-small;padding: 0px 0px 0px 7px;}
*:first-child+html  div#footer-nav li { padding:0px 0px 0px 8px;}

#footer-nav a {
       font-size: xx-small;
       line-height: 1;
       text-decoration: none;
       padding: 0px 0px 0px 0px;
       color: #666666;
       }
html>body div#footer-nav a { font-size: x-small;}

#footer-nav a:active, #footer-nav a:hover {
       text-decoration: underline;
       color: #666666;
       }

#footer-nav a.footnolink {
       text-decoration: none;
       color: #666666;      /* フッターの「リンクなし」文字色が設定できます */
       }

.ad {
       float: right;
       width: 235px;
       margin: 0;
       padding: 4px 10px 0px 0px;
       text-align: left;
       }

.adtext {
       float: right;
       margin: 0;
       padding: 2px 10px 0px 0px;
       text-align: left;
       font-size: 10px;
       color: #666;
       }
html>/**/body .adtext { padding: 3px 10px 0px 0px; }

.adtext a:link, .adtext a:visited { color: #666; text-decoration:underline; }
.adtext a:hover, .adtext a:active { color: #666; text-decoration:none; }


#f_logo {
      width: 100px;
      margin: 9px 15px 0 0;
      }

address {
      float: left;
      width:450px;
      font-style:normal;
      font-size: 80%;
      color: #666;
      margin: 9px 0 0 0;
      line-height: 1.3;
      }
html>body address { margin: 8px 0 0 0;}
*:first-child+html  address {margin: 9px 0 0 0;}

p.cntct {
      float: left;
      width: 100px;
      margin: 0 10px 0 0;
      }

#powered {
       float: right;
       margin: 0;
       padding: 10px 0px 0 0;
       }

p.footer_info {
      color: #666;
      font-size: 10px;
      margin: 4px 0 0 0;
      line-height: 1.3;
}

p.footer_info a:link, p.footer_info a:visited { color: #666; text-decoration:none; }
p.footer_info a:hover, p.footer_info a:active { color: #666; text-decoration:underline;}

/* topics部分のスタイル設定 ###################### */

.topics {
       margin: 0;
       padding: 0 0 5px 0;
       background:#f0f0f0;
       }

.topics2 {
       margin: -10px 0 0 0;
       padding: 0;
       }

.topicsblock {
       margin     : 0;
       padding    : 0;
       height     : 23px;
       background: url(../img/h4_topic_bg.gif) no-repeat;
       }

.topics ul, .topics ol {
       margin: 10px 0px 10px 0px;
       padding: 0;
       font-size: x-small;
       line-height: 1.5;
       color: #333;
       list-style:none;
       }
html>body div.topics ul, div.topics ol { font-size: small; }

.topics2 ul, .topics ol {
       margin: 0px 0px 10px 0px;
       padding: 0;
       font-size: x-small;
       line-height: 1.5;
       color: #333;
       list-style:none;
       }
html>body div.topics2 ul, div.topics ol { font-size: small; }

.topics li {
       margin: 4px 10px 0px 8px;
       padding: 0px 0px 3px 15px;
       line-height: 1.4;
       background: url(../img/arrow.gif) 3px 0.4em no-repeat;
       }
.topics2 li {
       width: 677px;
       margin: 4px 10px 0px 0px;
       padding: 0px 0px 3px 15px;
       line-height: 1.6;
       background: url(../img/arrow.gif) 3px 0.6em no-repeat;
       border-bottom: 1px dotted #ddd;
       }
html>body div.topics2 li { width: 657px;}

.topicsblockleft {
       float:left;
       margin: 0px 0px 0 0px;
       width:151px;
       }

.topicsblockright {
       float:right;
       margin: 0px 0px 0 0;
       width:80px;
       }

.topicsblockleft h3, .topicsblockleft h4 {
       border-left: none;
       margin: 0;
       padding: 4px 5px 0px 0px;
       font-size: x-small;
       line-height:100%;
       color: #333;  /*トピックスのタイトルの文字色が設定できます */
       }
html>body div.topicsblockleft h3, div.topicsblockleft h4 { padding-top: 4px; font-size: small; }

.top-b-block .topicsblockleft h4 {
       padding: 0px 0px 0px 0px;
       }

.infolistset {
       margin: 0;
       padding: 5px 5px 4px 0px;
       font-size: xx-small;
       float:left;
       }
html>body div.infolistset { font-size: x-small;}

a.infolist {
       margin: 0;
       padding: 0px 0px 0px 12px;
       background: url(../img/infolist_arrow.gif) 0px 0.5em no-repeat;
       }

.inforss {
       margin: 0;
       padding: 5px 10px 4px 0px;
       float:right;
       }


/* sitemapページのスタイル設定 ###################### */

#contents .sitemap {
       margin: 0;
       padding: 0px 0px 0px 10px;
       font-size: x-small;
       color: #000;
       border: 0;
       background: url(../img/topics_arrow.gif) no-repeat 0px 6px;
       }
html>body div #contents .sitemap { font-size: small; }

#contents .sitemap_ul {
       margin: 3px 0 0 23px;
       padding: 0;
       border: 0;
       list-style: none;
       }

#contents .sitemap_ul li {
       padding: 2px 0 2px 17px;
       margin: 0;
       border: 0;
       font-size: x-small;
       text-align: left;
       background: url(../img/sitemap_arrow.gif) no-repeat 0px 5px;
       }
html>body #contents .sitemap_ul li { font-size: small;}

.sitemap_ul li ul {
       margin: 3px 0 0px 13px;
       padding: 0;
       list-style: none;
       }

.sitemap_ul li ul li {
       padding-left: 17px;
       margin: 0;
       text-align: left;
       background: url(../img/sitemap_arrow.gif) no-repeat 0px 5px;
       }


table.list {
       background: url(../../img/list_dot.gif) left top repeat-x; 
       border-collapse: collapse;
       }

table.list2 {
       background: url(../../img/list_dot.gif) left bottom repeat-x; 
       border-collapse: collapse;
       }

th.list {
       padding: 4px 0px 4px 10px;
       font-size: x-small;
       line-height: 1.5;
       color: #004182;
       text-align:left;
       }
html>body th.list { font-size: small; }

td.list {
       padding: 4px 0px 4px 10px;
       font-size: x-small;
       text-align: left;
       line-height: 1.5;
       color: #000;
       }
html>body td.list { font-size: small; }


table.li_box {
       border:1px solid #d2d2d2;
       border-collapse: collapse;
       }

/* タブ切り替えページのスタイル設定 ###################### */

/* nav部分設定 #############################  */

#tabnav {
       float: left;
       width: 479px;
       margin: 0;
       padding: 0;
       background: #fff;
       }

#tabmenu {
       height: 32px;
       margin: 0;
       padding: 0;
       list-style-type: none;
       }

#tabmenu ul {
       margin: 0;
       padding: 0;
       }

#tabmenu li {
       float: left;
       margin: 0;
       padding: 0;
       display: inline;
       list-style-type: none;
       }


#tabmenu li a {
       margin: 0;
       float: left;
       padding-top: 32px;
       height: 0px !important;
       height /**/: 32px;
       overflow: hidden;
       }

#tabmenu a:hover { background-position: 0 -32px; }
#tabmenu a.selected { background-position: 0 -32px; }
#tabmenu a:hover.selected { background-position: 0 -32px; }

/*++++++++++++++++ nav button set ++++++++++++++++*/
.tabnav01 a { width: 238px; background: url(../../img/tab01.gif) no-repeat; }
.tabnav02 a { width: 238px; background: url(../../img/tab02.gif) no-repeat; }

#box1 { clear: both; }
#box2 { clear: both; }

.tabbody {
       width: 677px;
       padding: 0px;
       float: left;
       position: relative;
       overflow: hidden;
       border: 1px solid #d2d2d2;
       text-align   : center;
       }


/*++++++++++++++++ インタビューのスタイル ++++++++++++++++*/
.interviewer {
       margin: 0px 0px 4px 1.4em;
       padding: 2px 0px 6px 0;
       text-indent: -1.4em;
       color: #004182;
       font-weight: bold;
       line-height: 1.5;
       font-size: 90%;
       }

.customer {
       margin-bottom: 10px;
       margin-left: 3em;
       text-indent: -3em;
       /*＼*/
       text-indent: -2.8em;
       /**/
       color: #333;
       line-height: 1.5;
       font-size: 90%;
       }

span.name {
       font-weight: bold;
       color: #cc0000;
       }

.case_bg {
       background: url(../../img/memo_bg.gif) repeat-y;
       }

/*++++++++++++++++ フロー ++++++++++++++++*/

.flowa {
       background:#ddf2a6 url(../../img/flow_a_bg.gif) top repeat-x;
       margin: 0 0 0 40px;
       padding:0;
       }
.flowb {
       background:#cde7f3 url(../../img/flow_b_bg.gif) top repeat-x;
       margin: 0 0 0 40px;
       padding:0;
       }
.flowc {
       background:#b3d2f5 url(../../img/flow_c_bg.gif) top repeat-x;
       margin: 0 0 0 40px;
       padding:0;
       }

.flow {
       text-align: left;
       padding: 0 20px 0 0;
       font-size: x-small;
       line-height: 1.5;
       color: #333;
       }
html>body .flow { font-size: small; }


/*++++++++++++++++ ブログ・レポート ++++++++++++++++*/

#wrapper_blog {
       float: left;
       width: 900px;
       margin-left:auto;
       margin-right:auto;
       margin-bottom:30px;
       }

#main_blog {
       float: left;
       width: 668px;
       margin: 0px;
       padding: 0px;
       text-align: left;
       }

#nav_blog {
       float: right;
       width: 208px;
       margin: 0px 0px 0px 0px;
       padding: 0px 0px 0px 0px;
       text-align: left;
       /*mac IE5\*//*/
       width: 207px;
       /**/
       }

.blog2_box {
       width:528px;
       border-top:1px solid #c1e3e7;
       }
       

table.blog2 {
       margin: 5px 0 0px 0;
       border-bottom: 1px solid #c1e3e7;
       text-align: left;
       }

.blog_tit {
       background:url(../../img/top_main_blog.gif) no-repeat;
       }

.blog_bg {
       background:url(../../img/bg_main_blog.gif) repeat-y;
       padding:0 10px 0 51px;
       }

.contents_blog {
       width: 599px;
       }

.entry {
       margin: 0px 0px 25px 0px;
       padding: 0 0 0 0;
}

.blog_date {
       padding: 3px 0px 3px 0;
       background:url(../../img/bg_blog_date.gif) ;
       color: #ffffff;
}

.blog_date td {
       color: #ffffff;
       font-size: x-small;
}
html>body .blog_date td { font-size: small; }

h3.blog_title {
       margin: 10px 0px 10px 0px;
       padding: 0px 0px 0px 0px;
       font-size: 120%;
}

.blog_name {
       margin: 0px 0px 0px 0px;
       padding: 0 0 10px 0;
       font-size: xx-small;
       border-bottom: 1px solid #c1e3e7;
}
html>body div.blog_name { font-size: x-small; }

.blog_name img {
       margin: 0 8px 0 0;
       vertical-align: middle;
}

.entry-body {
       margin: 10px 0 0 0;
       padding: 0 0 0 0;
       line-height: 1.5;
       font-size: x-small;
}
html>body .entry-body { font-size: small; }

.entry-body p {
       margin: 0 0 0 0;
       padding: 0 0 0 0;
}

.entry-more {
       margin: 10px 0 0 0;
       padding: 0 0 0 0;
       font-size: x-small;
       line-height: 1.5;
}
html>body .entry-more { font-size: small; }

.entry-footer p {
       margin: 12px 0 0px 0;
       padding: 0 0 0 0;
       color: #666666;
       font-size: xx-small;
       line-height: 1.5;
}
html>body .entry-footer p { font-size: x-small; }

.entry-footer a {
       color: #666666;
}

.entry-footer2 {
       font-size: xx-small;
}
html>body .entry-footer2 { font-size: x-small; }

.blog_nav_bg {
       background:url(../../img/bg_nav_blog.gif) repeat-y;
       }

.nav_contents_blog {
       width: 180px;
       text-align: left;
       }

.nav_contents_blog02 {
       margin: 0 0 20px 0;
       padding: 0 0 0 0;
}

.nav_contents_blog03 {
       margin: 0 0 5px 0;
       padding: 0 0 0 0;
}

.nav_contents_blog_tit img {
       margin: 0 0 10px 0;
       padding: 0 0 0 0;
}

ul.blog_nav_topics {
       list-style-type: none;
       margin: 0px 0px 0px 0px;
       padding: 0px 0px 0px 0px;
       font-size: x-small;
       text-align: left;
}
html>body ul.blog_nav_topics { font-size: small; }

ul.blog_nav_topics li {
       margin: 0px 0px 5px 0px;
       padding: 0px 0px 0px 8px;
       text-align: left;
       line-height: 1.3;
       background: url(../../img/blog_nav_arrow.gif) 0px 7px no-repeat;
}

.blog_name02 {
       font-size: xx-small;
       line-height: 1.2;
}
html>body .blog_name02 { font-size: x-small; }

.blog_category {
       font-size: x-small;
       vertical-align: middle;
}
html>body .blog_category { font-size: small; }

.nav_pr_blog {
       width: 198px;
       margin-top: 10px;
       margin-left: auto;
       margin-right: auto;
       border: 1px solid #bebebe;
}

.tb_cmt {
       margin: 20px 0px 15px 0px;
       padding: 0px 0px 0px 0px;
}

.tb_cmt_tit {
       margin: 0px 0px 0px 0px;
       padding: 3px 0px 3px 6px;
       background:url(../../img/bg_blog_date.gif) ;
       font-size: x-small;
       color: #ffffff;
}
html>body .tb_cmt_tit { font-size: small; }

.comment {
       margin: 0px 0px 0px 0px;
       padding: 0px 0px 0px 0px;
       font-size: x-small;
       border-bottom: 1px solid #666666;
}
html>body .comment { font-size: small; }

.search-results-container { margin:30px 0 30px 0; }

.search-results {
       margin: 0px 0px 0px 0px;
       padding: 0px 0px 0px 0px;
       font-size: x-small;
       border-bottom: 1px dotted #cccccc;
}
html>body .search-results { font-size: small; }

.no_search-results { margin:30px 0 30px 0; }

/*++++++++++++++++ マージン ++++++++++++++++*/
.mr5 {
       margin-right: 5px;
       }
.mr10 {
       margin-right: 10px;
       }
.mr14 {
       margin-right: 14px;
       }

.mb3 {
       margin-bottom: 3px;
       }
.mb5 {
       margin-bottom: 5px;
       }
.mb7 {
       margin-bottom: 7px;
       }
.mb10 {
       margin-bottom: 10px;
       }
.mb15 {
       margin-bottom: 15px;
       }
.mt5 {
       margin-top: 5px;
       }
.mt10 {
       margin-top: 10px;
       }
.t15l15 {
       padding:15px 0 0 7px;
       }
html>body .t15l15 {padding:15px 0 0 15px;}
:first-child+html .t15l15 {padding:15px 0 0 7px;}

.t15l10 {
       padding:15px 0 0 5px;
       }
html>body .t15l10 {padding:15px 0 0 10px;}
:first-child+html .t15l10 {padding:15px 0 0 5px;}

/*++++++++++++++++ 画像置換 ++++++++++++++++*/
.block h4 em { display:none; }
.block h4.kadai { width: 73px; height: 46px; background: url(../../img/case_kadai2.gif) no-repeat; display: block; }
.block h4.work { width: 83px; height: 31px; background: url(../../img/case_work2.gif) no-repeat; display: block; }
.block h4.client { width: 469px; height: 30px; background: url(../../img/case_tit_client_s.gif) no-repeat; display: block; }