@charset "utf-8";
/*
===========================================================
	［OJTsite］index.css ver 1.0 [2009/11] ナビゲート
===========================================================
*/
/*=====テキスト====*/
/*★★★後で捨て*/
p.lp {
 color: #999;
 font-size: 1px; }

/*エントリーページ*/
/*#leftZone_entry h4**** {
 color: #027057;
 font-size: 17px;
 margin:  10px 0 10px 35px;
 padding: 0; }*/
#leftZone_entry p {
 line-height: 1.7;  }
h4.tit {
 background-color: #bae9ab;
 width: 90%;
 margin-right: auto;
 margin-left: auto;
 padding: 3px 3px 3px 10px; }

h5.buletL {
 background-image: url(../../imagesN/bulet_L.gif);
 background-repeat: no-repeat;
 background-position: 0 center;
 margin-right:     auto;
 margin-left:      auto;
 padding:          3px 3px 3px 23px;
 width:            87%; }
h5.tit {
 background-repeat:   no-repeat;
 margin-right:        auto;
 margin-left:         auto;
 padding:             3px 3px 3px 0;
 width:               87%;
 margin-top: 20px;
 border-bottom: 3px solid #bae9ab; }
ul.size80 {
 font-size: 13px;
 width: 80%;
 margin-right: auto;
 margin-left: auto; }
/**/
/*=====Zone====*/
#colZone {
 text-align: center;
 margin-right: auto;
 margin-left: auto;
 width: 95%;
 clear: both; }

#colZone p,#colZone li,#colZone h1,#colZone h2,#colZone h3,#colZone h4,#colZone h5 { font-size: 100%; }
/*見出し設定　h2 h3 h4*/
.gyoumumanualPage #colZone h2{
margin-left: 10px;
}
.gyoumumanualPage #colZone h3 { color: #323232; font-size: 16px; background-image: url(../images/samp_back.gif); background-repeat: repeat-x; background-attachment: scroll; background-position: 0 bottom; }
#rightZone_entry h3 {
 font-size: 95%;
 font-weight: normal;
 background-image: url(../images/rbox_bar.gif);
 background-repeat: repeat-x;
 background-attachment: scroll;
 background-position: 0 0;
 height: 25px;
 margin: 0 auto;
 padding: 4px 1px 3px 10px;
 border: solid 1px #bebebe;  }
/*=====navigation====*/
/*ローカルナビゲーション*/
#lnavi {
 margin-bottom: 0;
 margin-left: 350px;
 padding-top: 1px; }
*html #lnavi { margin-bottom: 0;
 margin-left:   230px;
 padding-top:   12px; }
*:first-child+html #lnavi {
 padding-top: 12px;  }

/* main menu */
#lnavi ul.localnavi { background-image: url(../images/localnavi.gif); background-repeat: no-repeat; background-attachment: scroll; background-position: 0 0; height: 48px; position: relative; width: 400px; margin: 13px 0 0; padding: 0; }
#lnavi ul.localnavi li {
margin: 0;
padding: 0;
list-style: none;
position: absolute;
top: 0;
}
#lnavi ul.localnavi li, #lnavi ul.localnavi li a{
height: 48px;
display: block;
overflow:hidden;
}
#lnavi ul.localnavi li a{
text-indent: -9999px;
text-decoration: none;
}
#lnavi ul.localnavi li a:hover, #lnavi ul.localnavi li a:visited:hover, #lnavi ul.localnavi li a.selected:link, #lnavi ul.localnavi li a.selected:visited{
background-repeat: no-repeat;
background-color: transparent;
border: none;
}
/* 各ボタン */
/* 各ボタン */
.lnavi1{ left: 0; width: 96px;}
.lnavi2{ left: 96px; width: 96px;}
.lnavi3{ left: 192px; width: 96px;}
.lnavi4{ left: 288px; width: 96px;}
.lnavi5 { left:  384px; width: 96px;}
.lnavi6 { left:  480px; width: 96px;}
.lnavi7 { left:  576px; width: 96px;}
.lnavi1 a:hover, .lnavi1 a:visited:hover{ background: url(../images/localnavi.gif) 0 -48px;}
.lnavi2 a:hover, .lnavi2 a:visited:hover{ background: url(../images/localnavi.gif) -96px -48px;}
.lnavi3 a:hover, .lnavi3 a:visited:hover{ background: url(../images/localnavi.gif) -192px -48px;}
.lnavi4 a:hover, .lnavi4 a:visited:hover{ background: url(../images/localnavi.gif) -288px -48px;}
.lnavi5 a:hover, .lnavi5 a:visited:hover { background: url(../images/localnavi.gif) -384px -48px; }
.lnavi6 a:hover, .lnavi6 a:visited:hover { background: url(../images/localnavi.gif) -480px -48px; }
.lnavi7 a:hover, .lnavi7 a:visited:hover { background: url(../images/localnavi.gif) -511px -48px; }
.lnavi1 a.selected:link, .lnavi1 a.selected:visited { background: url(../images/localnavi.gif) 0 -96px;}
.lnavi2 a.selected:link, .lnavi2 a.selected:visited { background: url(../images/localnavi.gif) -96px -96px;}
.lnavi3 a.selected:link, .lnavi3 a.selected:visited { background: url(../images/localnavi.gif) -192px -96px;}
.lnavi4 a.selected:link, .lnavi4 a.selected:visited { background: url(../images/localnavi.gif) -288px -96px;}
.lnavi5 a.selected:link, .lnavi5 a.selected:visited { background: url(../images/localnavi.gif) -384px -96px;}
.lnavi6 a.selected:link, .lnavi6 a.selected:visited { background: url(../images/localnavi.gif) -480px -96px;}
.lnavi7 a.selected:link, .lnavi7 a.selected:visited { background: url(../images/localnavi.gif) -576px -96px;}
/*ここまで*/

/*制作実績・事例ページ用ローカルナビ*/
#localnaviZone{
    background-image: url(../images/back_dot.gif); 
    text-align: center;
    margin-bottom: 0px;
}
#localnaviZone img{
    margin-right: 10px;
    padding-top: 10px
}
#imageZone-gyomu{
    background-color: #fdeee1;
    padding-bottom: 10px;
}
#imageZone-jinji{
    background-color: #dceffd;
    padding-bottom: 10px;
}
#imageZone-ojt{
    background-color: #dff1d7;
    padding-bottom: 10px;
}

#imageZone-gyomu h4,#imageZone-jinji h4,#imageZone-ojt h4{
    font-size: 100%;
    padding-top: 10px;
    padding-bottom: 0px;
}

#imageZone-gyomu img,#imageZone-jinji img,#imageZone-ojt img{
    float: left;
    margin: 0 20px;
}
#imageZone-gyomu li,#imageZone-jinji li,#imageZone-ojt li {
    font-size: 90%;
    list-style: square;
}

/*hack*/
#imageZone-gyomu:after,#imageZone-jinji:after,#imageZone-ojt:after {
    content: "";
    display: block;
    clear: both;
    height: 1px;
    overflow: hidden;
}

/*\*/
* html #imageZone-gyomu,* html #imageZone-jinji,* html #imageZone-ojt {
    height: 1em;
    overflow: visible;
}
/**/

/*制作実績用バナー*/
.samplebunnerBox{
    	border-radius: 10px;         /* CSS3 */
       -moz-border-radius: 10px;    /* Firefox */
       -webkit-border-radius: 10px; /* Safari,Chrome */
       border: 1px #d8dcd8 solid;     /* 枠線の装飾 */
       text-align: center;
       padding: 5px;
       margin: 10px 0;
       background-color:#efefef;
}
.samplebunnerBox p.bunnertit{
    padding: 0;
    color: #535353;
}
/*みぎボックス*/
.rbox {
 background-color: #c8dbf9;
 width: 100%;
 padding: 5px;
 
  /* --- 背景を設定してください（短縮プロパティでの設定です）--- */
  /* Note：ここでの背景設定はメニュー部分の内容がある部分にしか適用
           されません。サイドメニュー部分全体に背景を適用させる場合は
           コンテンツコンテナの背景として，サイドメニュー部分の背景を
           作ってください */
   }
.rbox ul {
 background-color: #fff;
 margin: 0 auto 0 0;
 padding: 0;
 border-color: #fff #fff #c8c8c8;
 border-style: solid;
 border-width: 1px;
 border-size: 1px; }
.rbox ul li {
 background-image: url(../../imagesN/cat_bar.gif);
 background-repeat: repeat-x;
 background-attachment: scroll;
 background-position: 0 bottom;
 margin: 0;
 padding: 0;
 border-bottom: 1px none #b4b4b4;
 border-top-color: #fff;
 border-top-width: 1px;
 list-style: none; }
.rbox ul li a {
 background-color: #3a5f9a;
 text-decoration: none;
 text-align:      left;
 height: 22px;
 margin: 0;
 padding: 12px 0 10px;
 border-bottom: 1px solid #c8c8c8;
 border-top-color: #b4b4b4;
 border-top-width: 1px;
 border-right-width: 1px;
 border-left-width: 1px;
 voice-family:    inherit; }
* html .rbox ul li a:link, .rbox ul li a:visited {
 padding-top: 15px;
 border-bottom-style: none; }
.rbox ul li a:link, .rbox ul li a:visited {
 color:          #7a7a7a;
 font-size:      13px;
 background:     url(../../imagesN/arrows_ind2.gif) no-repeat 5px center;
 padding-left: 25px;
 display:        block; }
.rbox ul li a:hover {
 color: #f33;
 background-color: #ebebeb;
 background-image: url(../../imagesN/arrows_ind2R.gif);
 text-decoration: none; }
.rbox ul li a:active {
 color: #066;
 background-color: transparent; }
.rbox ul li.owner a,.rbox ul li.owner a:visited,.rbox ul li.owner a:hover {
 color:      #fff;
 font-weight: bold;
 background-color: #7f9fd2;
 background-image: url(../../imagesN/cat_bar_on.gif);
 background-position: 0 bottom;
 height: 24px; }
/* Note：上マージンを確保し，IE6/IE7 で垂直配置がずれるバグを回避します。以降，指示に従って同じ値での指定を 2 回続けてください。 */
[id="sidenaviB"].rbox {
  /* ★ --- 上マージンを設定してください --- */
  /* Note：コンテンツ部分の上マージンと同じ値を設定してください */
  margin-top: 0;
}
html:lang(ja) .rbox {
  /* Note：直前の指定と同じ値を設定してください */
  margin-top: 0;
}
/*--------------カテゴリのエントリ一覧-----------------*/
.rbox ul.S {
 background-color: #e1e8f9;
 background-image: none;
 border-bottom: 1px solid #c8c8c8;
 border-top-style: none;
 border-right-style: none;
 border-left-style: none; }
.rbox ul.S li {
 background-image: none;
 border-style: none;  }

.rbox ul.S li a:link, .rbox ul.S li a:visited {
 color: #2d56dd;
 font-size: 12px;
 font-weight: normal;
 background: #e1e8f9 url(../../imagesN/arrow_green.gif) no-repeat 10px center;
 height: 1%;
 padding-top: 7px;
 padding-bottom: 5px;
 padding-left: 20px;
 border-top: 1px solid #fff;
 border-bottom: 1px none #e1e8f9; }
.rbox ul.S li a:hover {
 color: #f00;
 font-weight: normal;
 background: #c8dbf9 url(../../imagesN/arrow_red.gif) no-repeat 10px center;
 height: 1%; }
.rbox ul.S li.ownerS a,.rbox ul.S li.ownerS a:visited,.rbox ul.S li.ownerS a:hover {
 color: #fff;
 font-weight: bold;
 background-color: #7f9fd2;
 background-image: url(../../imagesN/arrow_red.gif);
 background-position: 10px center;
 border-bottom-style: none; }
/*--------------sidenaviB内の階層下-----------------*/
/*=-=-=-=-=-colZoneのスタイル設定=-=-=-=-=-*/
#colZone h2,
#colZone h3,
#colZone h4,
#colZone h5,
#colZone h6,
#colZone p {
 text-align: left; }
#colZone h3 { color:  #fff;
 font-size:           18px;
 background-image:    url(../../imagesN/colZone_tit.gif);
 background-repeat:   no-repeat;
 background-position: 0 0;
 padding-top:         7px;
 padding-bottom:      7px;
 padding-left:        20px; }

.sampletit {
    background-image: url(../images/dotL-line.gif); 
    background-repeat: repeat-x;
    background-position: left bottom ;
    margin-bottom: 0px;
    clear:both;
    color:  #171717;
     font-size: 18px;
     padding-bottom: 7px;
     width: 95%;
     margin: auto;
     margin-bottom: 10px;
 }
.sampletitB {
    background-image: url(../images/dotL_lineB.gif); 
    background-repeat: repeat-x;
    background-position: left bottom ;
    margin-bottom: 0px;
    clear:both;
    color:  #171717;
     font-size: 18px;
     padding-bottom: 7px;
     width: 95%;
     margin: auto;
     margin-bottom: 10px;
 }
 
 .sampletitG {
    background-image: url(../images/dotL_lineG.gif); 
    background-repeat: repeat-x;
    background-position: left bottom ;
    margin-bottom: 0px;
    clear:both;
    color:  #171717;
     font-size: 18px;
     padding-bottom: 7px;
     width: 95%;
     margin: auto;
     margin-bottom: 10px;
 }

#colZone h4 {
 color:         #259f3f;
 font-size:     115%;
 width: 97%;
 margin-right: auto;
 margin-left: auto;
 padding-bottom: 1px;
 padding-left:  0;
 border-bottom: 2px solid #50b965; }
#colZone h5 {
 font-size: 100%;
 background-color: #cfebe3;
 width: 95%;
 margin: 10px auto 5px;
 padding-top: 2px;
 padding-bottom: 2px;
 padding-left: 10px; }

#colZone h6 { font-size:             100%;
 background-image:      url(../../imagesN/dotline_1.gif);
 background-repeat:     repeat-x;
 background-attachment: scroll;
 background-position:   0 bottom;
 margin:                10px auto 5px ;
 padding-top:           1px;
 padding-bottom:        1px;
 width:                 95%; }
#colZone p.link {
 font-size: 90%;
 background-image: url(../../imagesN/arrow_column.gif);
 background-repeat: no-repeat;
 background-position: 0 center;
 margin-left: 100px;
 padding-left: 20px;
   }

#colZone li.ast {
 color: #5a321e;
 font-size: 90%;
 line-height: 1.5;
 text-indent: -15px;
 margin-left: 10px;
 list-style-type: none; }
#colZone li.ast:before { content:"＊"; }

#colZone .waku1 {
 width: 90%;
 margin: 5px auto;
 padding: 10px;
 border: solid 1px #1e1e1e;
   }

#colZone .waku2 {
 width: 90%;
 margin: 5px auto;
 padding: 10px;
 border:  solid 1px #b4d9af; }

#colZone .waku3 {
 width: 90%;
 margin: 5px auto;
 padding: 10px;
 border:  solid 3px #cbcbcb; }

#colZone .waku4 {
 width: 90%;
 margin: 5px auto;
 padding: 10px;
 border:  solid 3px #b4d9af; }
/*=-=-=-=-=-2011.4.25マニュアルコーナー改訂<開発プロセス>=-=-=-=-=-*/
#step h6 {
 font-size:             110%;
 background-image:      url(../../imagesN/dotline_1.gif);
 background-repeat:     repeat-x;
 background-attachment: scroll;
 background-position:   0 bottom;
 margin:                10px 0 5px 90px ;
 padding-top:           15px;
 width:                 90%;
}
#step ul  {
margin-left: 90px;
}
#step1 { 
height: 150px;
background-image: url(../images/step1.gif);
background-repeat: no-repeat; 
}
#step2 { 
background-image: url(../images/step2.gif);
background-repeat: no-repeat;
}
#step3 { 
background-image: url(../images/step3.gif);
background-repeat: no-repeat;
}
#step4 { 
background-image: url(../images/step4.gif);
background-repeat: no-repeat;
}
#step5 { 
background-image: url(../images/step5.gif);
background-repeat: no-repeat;
}
#step p.obi{
margin-left: 100px;
margin-bottom: 30px;
padding-left: 10px;
background-color: #E6E6E6;
width: 85%;
}
#step p.komidashi{
margin-left: 100px;
font-size: 110%;
color: #0059A7;
margin-top: 10px;
}
#step p.chu{
margin-left: 30px;
font-size: 90%;
color: #AD4F00;
}
.processbox {
 background-image: url(../images/sample_back.gif);
 background-repeat: repeat-x;
 background-attachment: scroll;
 background-position: 0 0;
 width: 100%;
 clear: both;
 margin-right: auto;
 margin-left: auto;
 padding: 0;
 border: solid 1px #b7c8d8; }
.processbox img.no {
 float: left;  }
.processbox div.textarea {
 text-align: left;
 margin-top: 5px;
 margin-bottom: 5px;
 margin-left: 138px;
 padding: 10px 10px 0;
 border-left: 1px solid #c8dbee; }
.processbox div.textarea ul {
 line-height: 1.7;
 text-align: left;
 margin: 0 0 0 0;
 padding: 0; }
.processbox div.textarea li {
 color: #414141;
 line-height: 1.7;
 margin-bottom: 5px;
 padding:     0; }
.processbox div.textarea div.a {
 background-image: url(../../images/dotline_1.gif);
 background-repeat: repeat-x;
 background-attachment: scroll;
 background-position: 0 top;
 padding: 10px 10px 5px 0;
 border-color: #bcbfc1;
 border-width: 1px; }
.processbox div.textarea div.a ul {
 padding: 0; }
.processbox div.textarea div.a li { color: #415ead; margin-top: 5px; margin-left: 75px; padding:               0 10px 5px 0; list-style-type: square; }
.chu p.chu{ margin: 10px; font-size: 90%; color: #414141; }
#colZone h3.tit2 { color: #415ead; font-size: 18px; font-weight: bold; background-image: url(../images/sample_pen.gif); background-repeat: no-repeat; background-position: 0 top; height: 31px; margin-top: 0; margin-bottom: 5px; padding-top: 0; padding-left: 40px; }

/*samplebtn*/
#samplebtn { 
position: relative;
float: right; 
}
*html #samplebtn {
 margin:   0;
 padding:  0;
 position: relative; }

/*=====サービスの概要===*/
div.imageZone1 ul { 
margin: 10px 0 0 340px;
padding: 10px 0 0;
border-top: 2px solid #b2dabe;
border-bottom: 2px solid #b2dabe; 
}
div.imageZone1 li {
 color:          #414141;
 font-size:      90%;
 background-image: url(../images/gaiyo_bulet.gif);
 background-repeat: no-repeat;
 background-attachment: scroll;
 padding: 0 0 10px 14px;
 border-bottom-width: 2px;
 list-style-type: none; 
}
div.imageZone1 h2 {
color:      #415ead;
font-size:  120%;
text-align: left; 
margin-bottom: 5px;
}
div.imageZone1 h3 {
color:          #1e306d;
text-align:     left;
margin: 0 0 10px;
}
#colZone div.manualtext h4.gaiyotit {
color: #1e306d;
clear: both;
margin-top: 30px; 
margin-bottom: 5px;
padding: 0 0 0 10px;
border-color: #1f85da;
border-style: solid;
border-width: 1px 1px 1px 10px; 
}
#colZone div.manualtext p {
 color:         #414141;
 margin-right: auto;
 margin-bottom: 10px;
 margin-left: auto;
 padding:       5px 0 5px 0; }
/*マニュアルサービスの概要ページで使用*/
.lineZoneTab1 { color: #6b6b6b; font-size: 90%; margin: 10px 0 0; padding: 0; border-width: 0; }
.lineZone1 {
 font-size: 90%;
 background-color: #f0f6f7;
 height: auto;
 margin: 0;
 padding: 0;
 border: solid 0.5px #999; }
.gifZone {
 text-align: center;
 float: left;
 padding: 10px 10px 10px 20px;
 border-color: #b6b6b6;
 border-width: 0.5px; }
.explain {
 color: #6b6b6b;
 width: auto;
 margin-top: 10px;
 margin-bottom: 10px;
 margin-left: 150px;
 padding-right: 20px;
 padding-bottom: 30px;
 border-width: 0; }
.explain li {
 color: #554d4d;
 font-size: 14px;
 line-height: 1.5em;
 text-align: left;
 width: auto;
 margin-bottom: 1em;
 list-style-type: square;
 list-style-position: outside;
 white-space: normal; }
/*以下タブ表示用*/
div.textcontent {
 background-color: #f9f9f9;
 text-align: center;
 margin: 5px;
 padding: 5px;
 overflow: auto 
}
/* BUTTONS 　ページへリンク*/
div.pagelink a{
color: #323232;
display:block;
font-family:"Lucida Grande", Tahoma, Arial, Verdana, sans-serif;
font-size:12px;
text-decoration:none;
font-weight:normal;
background-color: #d7fc8e;
background-image: url(../images/arrow_02.gif);
background-repeat: no-repeat;
background-position: 10px center;
width: 150px;
float: right;
margin: 0;
padding: 5px;
border: solid 1px #dedede;
cursor:pointer; 
}
/* Links */
.pagelink
 button{
 text-decoration: none;
 width:auto;
 overflow:visible;
 padding:3px 10px 3px 20px; /* IE6 */
}
.pagelink
 button[type]{
 padding:5px 10px 5px 7px; /* Firefox */
    line-height:17px; /* Safari */
}
*:first-child+html button[type]{
 padding:4px 10px 3px 7px; /* IE7 */
}
.pagelink
 button img, .pagelink a img{
 margin:0 3px -3px 0 !important;
 padding:0;
 border:none;
 width:16px;
 height:16px; }
/* STANDARD */
button:hover, .pagelink a:hover{
 color: #f02d30 !important;
 background-color:#dff4ff;
 border:solid 1px #f0506a; }
.pagelink a:active{
 background-color:#6299c5;
 border:solid 1px #6299c5;
 color:#fff; }

/*=====業務マニュアルページ、人事マニュアル、OJTマニュアルページ===*/
#catchbox { background-image: url(../images/gyomu_catch.gif); background-repeat: no-repeat; background-attachment: scroll; background-position: right center; width: 98%; margin: 15px auto 10px; padding: 0 5px 5px; border: solid 1px #467efb; }
#ojtbox { background-image:      url(../images/ojt_catch.gif); background-repeat:     no-repeat; background-attachment: scroll; background-position:   right center; width: 98%; margin: 15px auto 10px; padding:               0 5px 5px; border:                solid 1px #467efb; }
#jinjibox { background-image:      url(../images/jinji_catch.gif); background-repeat:     no-repeat; background-attachment: scroll; background-position:   right center; width: 98%; margin: 15px auto 10px; padding:               0 5px 5px; border:                solid 1px #467efb; }
#catchbox h3,#ojtbox h3,#jinjibox h3 {
 margin: 10px;
 padding: 0; }
#catchbox li,#ojtbox li,#jinjibox li { color: #35417a; font-size: 90%; margin-left: 0; padding: 0; }
#catchbox ul,#ojtbox ul,#jinjibox ul {
 margin: 5px 155px 5px 30px; }
/*メリット*/
#meritbox {
 padding-top: 0;
}
#meritbox img { float: right; padding-bottom: 15px; padding-left: 15px; }
.gyoumumanualPage #meritbox h3 { color: #00418d; font-size: 16px; font-weight: bold; background-image: url(../images/star.gif); background-repeat: no-repeat; background-attachment: scroll; background-position: 0 center; padding: 2px 0 0 26px; border-bottom-color: #acc9e5; border-bottom-width: 2px; }
#meritbox ul {
 margin-top: 0;
 margin-left: 30px;
}
#meritbox li { color: #414141; font-size: 95%; line-height: 1.5; margin-left: 0; list-style-position: outside; }
/*サンプル*/
.sampleZone { width: 95%; margin-right: auto; margin-bottom: 20px; margin-left: auto; border: solid 3px #e7e7e7; background-color: #fff; }
#colZone .sampleZone h4 { 
color: #333; 
font-size: 15px;
background-color: #fff;
width: 100%; margin: 5 0; padding: 0; border-bottom: none; }


.sampleZone h4 span.no { color: #fff; font-size: 14px; font-weight: bold; background-color: #575757; background-image: none; margin-right: 15px; padding: 10px; }
.sampleZone div.sampletext { margin: 10px; border-color: #bcb #bcb #bcbcbc #bcbcbc; border-width: 1px; }
.sampleZone div.imageZone { width: 250px; float: left; margin: 10px; padding: 0; }
.sampleZone div.imageZone p.kako { color: #505064; font-size: 85% !important; text-align: center !important; margin-top: 10px; }
.sampleZone div.imageZone p.chu2 { color: #505064; font-size: 70% !important ; text-align: center; margin-top: 20px; }
.sampleZone img.rollover {
 clear: both;
}
/*90%　ヘッドブルー*/
.sampleZone table { width: 580px; float: right; margin: 0 5px 5px; }
.sampleZone table,.sampleZone table th,.sampleZone table td {
 border-collapse: collapse;
 color: #555;
 border-color: #a3bfc8;
 border-width: 1px;
}
.sampleZone table td, .sampleZone table th { text-align: left; padding: 5px; }
.sampleZone table thead th {
text-align: center;
background: #e6edf5;
color: #4f76a3;
font-size: 90% ;
}
.sampleZone table tbody th {
 color: #3c61ca;
 font-size: 14px;
 font-weight: bold;
 word-spacing: 1px;
 width: 26%; }
.sampleZone table tbody td {
 font-size: 95%;
 font-weight: normal;
 line-height: 1.7; }
.sampleZone table tbody tr { background-image: url(../../images/dotline_1.gif); background-repeat: repeat-x; background-attachment: scroll; background-position: 0 bottom; }
.sampleZone tableL tbody tr.odd { background: #F7F9FC; }
.sampleZone table table a:link {
color: #718ABE;
text-decoration: none;
}
.sampleZone table table a:visited {
color: #718ABE;
text-decoration: none;
}
.sampleZone table table a:hover {
color: #718ABE;
text-decoration: underline !important;
}
.sampleZone table tfoot th, table.LL tfoot td {
font-size: 13px;
}
/*テーブルここまで*/
 /*ここからhack*/
.sampleZone { overflow: hidden; padding-bottom: 10px; }
.sampleZone:after {
content: "";
display: block;
clear: both;
height: 1px;
overflow: hidden;
}
/*\*/
* html .sampleZone {
height: 1em;
overflow: visible;
}
#manuheadZone div.gZone { 
width: 48%;
height: auto;
float: left; 
}
#manuheadZone div.gZone p  { 
color: #c24c00;
font-size: 14px;
background: #e6e6e1 url(../images/iconor.gif) no-repeat 5px center;
padding-left: 20px;
}
#manuheadZone div.gZone li { 
color: #4b4b4b;
font-size: 90%;
line-height: 1.6;
margin: 0;
padding: 0;
list-style-type: square; 
}
/*以下タブ表示用*/
.TabbedPanels { margin: 0; padding: 0; clear: both; width: 100%; /* IE Hack to force proper layout when preceded by a paragraph. (hasLayout Bug)*/
}
.TabbedPanelsTabGroup {
	margin: 0px;
	padding: 0px;
}
.TabbedPanelsTab { color: #909090; font-size: 90%; font-family: sans-serif; font-style: normal; font-variant: normal; line-height: normal; position: relative; top: 1px; float: left; padding: 4px 10px; margin: 0 1px 0 0; background-color: #f0f0f0; border-top: 1px solid #c8c8c8; border-right: 1px solid #c8c8c8; border-left: 1px solid #c8c8c8; border-bottom-style: none; list-style: none; -moz-user-select: none; -khtml-user-select: none; cursor: pointer; }
.TabbedPanelsTabHover {
 color: #c8355a;
 background-color: #ccc; }
.TabbedPanelsTabSelected {
 color: #002f6f;
 background-color: #e8eef5;
 background-image: url(../../images/slash-1.png);
 background-repeat: repeat;
 background-position: 0 top;
 border-top: 2px solid #9aadea;
 border-right: 2px solid #9aadea;
 border-left: 2px solid #9aadea;
 border-bottom-style: none;
 border-bottom-width: 0; }
.TabbedPanelsTab a {
	color: black;
	text-decoration: none;
}
.TabbedPanelsContentGroup { clear: both; background-color: #e8eef5; background-image: url(../../images/slash-1.png); background-repeat: repeat; border-color: #c5cdea #9aadea #9aadea; border-style: solid; border-width: 2px; }
.TabbedPanelsContent { padding: 4px; }
.TabbedPanelsContentVisible {
}
.VTabbedPanels .TabbedPanelsTabGroup {
	float: left;
	width: 10em;
	height: 20em;
	background-color: #EEE;
	position: relative;
	border-top: solid 1px #999;
	border-right: solid 1px #999;
	border-left: solid 1px #CCC;
	border-bottom: solid 1px #CCC;
}
.VTabbedPanels .TabbedPanelsTab {
	float: none;
	margin: 0px;
	border-top: none;
	border-left: none;
	border-right: none;
}
/* This selector disables the float property that is placed on each tab button
 * by the default TabbedPanelsTab selector rule above. It also draws a bottom
 * border for the tab. The tab button will get its left and right border from
 * the TabGroup, and its top border from the TabGroup or tab button above it.
 */
.VTabbedPanels .TabbedPanelsTabSelected {
	background-color: #EEE;
	border-bottom: solid 1px #999;
}
/* This selector floats the content panels for the widget so that they
 * render to the right of the tabbed buttons.
 */
.VTabbedPanels .TabbedPanelsContentGroup {
	clear: none;
	float: left;
	padding: 0px;
	width: 30em;
	height: 20em;
}
div.textcontent {
 background-color: #f9f9f9;
 text-align: center;
 margin: 5px;
 padding: 5px;
 overflow: auto }
/*div.textcontent li { color: #232323; background-repeat: no-repeat; text-align: left; margin: 2px 1px 0 15px; list-style-type: circle; }

div.textcontent p {
 text-align:        left;
 list-style-type:   square; }
div.textcontent p.text {
 color:           #3c3c3c;
 font-size: 95%;
 line-height: 1.7;
 text-align:      left;
 margin-top: 10px;
 margin-left: 50px;
 list-style-type: square; }
div.textcontent span.waku {
 color:           #2a4a54;
 font-weight: normal;
 background-color: #e5f4e6;
 text-align:      left;
 margin-right: 10px;
 padding: 3px 7px;
 list-style-type: square;
 border: solid 1px #d7eddc; }*/
.rbox ul.SS li a:link, .rbox ul.SS li a:visited {
 color: #2d56dd;
 font-size: 12px;
 font-weight: normal;
 background: #e6e6e6 url(../../imagesN/arrow_green.gif) no-repeat 10px center;
 height: 1%;
 padding-top: 7px;
 padding-bottom: 5px;
 padding-left: 20px;
 border-top: 1px solid #fff;
 border-bottom: 1px none #e1e8f9; }
.rbox ul.SS li a:hover { color: #f00; font-weight: normal; background: #dcdcdc url(../../imagesN/arrow_red.gif) no-repeat 10px center; height: 1%; }
/*=-=-=-=-=-2011.4.25マニュアルコーナー改訂<開発費用>=-=-=-=-=-*/
#pricebackZone{ background-image: url(../images/price_back.gif); background-repeat: no-repeat; background-position: 0 0; width: 665px; height: 645px; }
#menugZone{ width: 193px; height: 530px; float: left; margin-top: 64px; margin-left: 12px; display: inline   }
#menubZone{ width: 193px; height: 530px; float: left; margin-top: 64px; margin-left: 27px; display: inline; }
#menurZone{ width: 193px; height: 530px; float: left; margin-top: 64px; margin-left: 27px; display: inline; }
#menugZone img,#menubZone img,#menurZone img{ margin-bottom: 45px; }
/* for IE7 */
	*+html #menugZone img{ margin-bottom: 38px; }
	*+html #menubZone img{ margin-bottom: 38px; }
	*+html #menurZone img{ margin-bottom: 38px; }

/* for IE6 */
	* html #menugZone img{ margin-bottom: 41px; }
	* html #menubZone img{ margin-bottom: 41px; }
	* html #menurZone img{ margin-bottom: 41px; }
.pricekoumokuZone{ width: auto; margin-left: 30px; }
.pricekoumokuZone table{ font-size: 85%; text-align: left;}
.pricekoumokuZone table th{ text-align: center; width: 10%; height: 65px; border-bottom: 1px solid #d0cbdc; }
.pricekoumokuZone table td{ padding-left: 20px; border-bottom: 1px solid #d0cbdc; }
.pricekoumokubox{ width: 250px; float: left; margin-left: 20px; display: inline; }
.clear{ clear: both; }
.btng1 a{ display: block; background-image: url(../images/price_btn_g1.gif); background-position: left top; text-indent: -9999px; width: 193px; height: 98px; margin-bottom:45px; }
.btng1 a:hover{background-image: url(../images/price_btn_g1.gif);background-position: left -97px;width: 193px;height: 98px; }
.btng2 a{ display: block; background-image: url(../images/price_btn_g2.gif); background-position: left top; text-indent: -9999px; width: 193px; height: 98px; margin-bottom:45px; }
.btng2 a:hover{background-image: url(../images/price_btn_g2.gif);background-position: left -97px;width: 193px;height: 98px; }
.btng3 a{ display: block; background-image: url(../images/price_btn_g3.gif); background-position: left top; text-indent: -9999px; width: 193px; height: 98px; margin-bottom:45px; }
.btng3 a:hover{background-image: url(../images/price_btn_g3.gif);background-position: left -97px;width: 193px;height: 98px; }
.btng4 a{ display: block; background-image: url(../images/price_btn_g4.gif); background-position: left top; text-indent: -9999px; width: 193px; height: 98px; margin-bottom:45px; }
.btng4 a:hover{background-image: url(../images/price_btn_g4.gif);background-position: left -97px;width: 193px;height: 98px; }
.btnb1 a{ display: block; background-image: url(../images/price_btn_b1.gif); background-position: left top; text-indent: -9999px; width: 193px; height: 98px; margin-bottom:45px; }
.btnb1 a:hover{background-image: url(../images/price_btn_b1.gif);background-position: left -97px;width: 193px;height: 98px; }
.btnb2 a{ display: block; background-image: url(../images/price_btn_b2.gif); background-position: left top; text-indent: -9999px; width: 193px; height: 98px; margin-bottom:45px; }
.btnb2 a:hover{background-image: url(../images/price_btn_b2.gif);background-position: left -97px;width: 193px;height: 98px; }
.btnb3 a{ display: block; background-image: url(../images/price_btn_b3.gif); background-position: left top; text-indent: -9999px; width: 193px; height: 98px; margin-bottom:45px; }
.btnb3 a:hover{background-image: url(../images/price_btn_b3.gif);background-position: left -97px;width: 193px;height: 98px; }
.btnb4 a{ display: block; background-image: url(../images/price_btn_b4.gif); background-position: left top; text-indent: -9999px; width: 193px; height: 98px; margin-bottom:45px; }
.btnb4 a:hover{background-image: url(../images/price_btn_b4.gif);background-position: left -97px;width: 193px;height: 98px; }
.btnr1 a{ display: block; background-image: url(../images/price_btn_r1.gif); background-position: left top; text-indent: -9999px; width: 193px; height: 98px; margin-bottom:45px; }
.btnr1 a:hover{background-image: url(../images/price_btn_r1.gif);background-position: left -97px;width: 193px;height: 98px; }
.btnr2 a{ display: block; background-image: url(../images/price_btn_r2.gif); background-position: left top; text-indent: -9999px; width: 193px; height: 98px; margin-bottom:45px; }
.btnr2 a:hover{background-image: url(../images/price_btn_r2.gif);background-position: left -97px;width: 193px;height: 98px; }
.btnr3 a{ display: block; background-image: url(../images/price_btn_r3.gif); background-position: left top; text-indent: -9999px; width: 193px; height: 98px; margin-bottom:45px; }
.btnr3 a:hover{background-image: url(../images/price_btn_r3.gif);background-position: left -97px;width: 193px;height: 98px; }
.btnr4 a{ display: block; background-image: url(../images/price_btn_r4.gif); background-position: left top; text-indent: -9999px; width: 193px; height: 98px; margin-bottom:45px; }
.btnr4 a:hover{background-image: url(../images/price_btn_r4.gif);background-position: left -97px;width: 193px;height: 98px; }
/* フォームバナー*/
div.buttonF a{ 
display:block;
background-image: url(../images/btn-contact.gif);
background-repeat: no-repeat;
background-position: center 0;
text-indent: -9999px;
position: relative; top:160px; left:5px;
width: 175px;
height: 48px;
margin-right: auto;
margin-left: auto;
cursor:pointer; 
}
button:hover, .buttonF a:hover{
background-image: url(../images/btn-contact_on.gif);
background-repeat: no-repeat;
background-position: center 0;
}
#inform { 
font-size: 14px;
background-image: url(../images/contact.gif);
background-repeat: no-repeat;
background-position: 0;
margin-top: 0;
height: 264px;
}

#inform p.SL {
 color:         #565656;
 font-size:     11px;
 text-align:    left;
 margin-top:    10px;
 margin-bottom: 5px;
 padding-top: 5px;
 border-top: 1px solid #c8c8c8; 
}
.bunnertit{ 
color: #3d3c3c;
font-size: 90%;
font-weight: bold;
text-align: center;
margin-top:15px;
margin-bottom: 5px; 
}
.bunnerinfo2 {
 color: #414141;
 font-size: 11px;
 line-height: 1.2;
 text-align: left;
 margin: 5px auto 10px; }
.chu2{
margin-left: 170px;
margin-bottom: 5px;
font-size: 90%;
color: #AD4F00;
}