@charset "utf-8";

/*================================
        　　　body
==================================*/

body {
    border-top:3px solid #000000;
}

#container {
    width:930px;
    margin:0 auto;
    text-align:left;
}

/*================================
            header
==================================*/

#header {
    width:930px;
}    

h1 {
    margin:15px 0;
}

/*ロゴ*/

#head_r_box {
    margin-top:5px;
    width:400px;
}

#head_r_box td {
    padding-left:5px;
}

#texsize {
    width:180px;
    float:left;
}

#texsize a {
    display:block;
    overflow:hidden;
    height:18px;
    width:18px;
    text-indent:-5000px;
}

#serchbox {
    float:right;
}

#gnavwrap li {
    display:block;
    float:left;
}

#panzwrap {
    font-size: 86%;
}

#headdescription {
    padding-top: 10px;
    padding-bottom: 10px;
    text-align: right;
}

/*================================
            contents
==================================*/

#contents {
    padding-top: 10px;
}

/*左カラム*/

#leftwrap {
    width: 725px;
    float: left;
}

/*下層　左ー左カラム*/
#l-leftbox {
    width:180px;
    float:left;
    background-color:#F2F2F2;
    height:100%;
/*    overflow:hidden; */
}

/*下層　左ー右カラム*/

#l-rightbox    {
    width:530px;
    float:right;
    padding-bottom:20px;
}

/*右カラム*/

#rightwrap {
    width:190px;
    float:right;
    padding-bottom:20px;
}

#rightwrap #banwrap {
    margin-top:10px;
}

#rightwrap #banwrap li {
    margin-bottom:8px;
}

#rightwrap #banwrap .content-view-embed {
    margin-bottom: 4px;
}

#rightwrap #banwrap .attribute-image a {
    margin-bottom: 0px;
}

#rightwrap table {
    width:190px;
}

/*================================
            footer
==================================*/

#footer {
    background-color:#000000;
    padding:20px 0;
}

#footer a {
    color:#ffffff;
    font-size:86%;
    text-decoration:underline;
}

#copyright {
    width:373px;
    margin:20px auto 0 auto;
    clear:both;
}

/*================================
            共通クラス
==================================*/
/*アイコン*/
.icon02 {
    background:url(/extension/cb21/design/cb21/images/common/icon02.gif) no-repeat 0;
    padding-left:20px;
    font-weight:bold;
    font-size:110%;
}

.icon03 {
    background:url(/extension/cb21/design/cb21/images/common/icon03.gif) no-repeat 0;
    padding-left:20px;
    font-weight:bold;
}

#products h4,
#clients h4,
#cbnews h4,
#info h4,
#corporate h4,
#recruit h4,
#faq h4,
#privacy h4 {
    margin-top: 2em;
    margin-bottom: 1em;
    background:url(/extension/cb21/design/cb21/images/common/icon02.gif) no-repeat 0 1px;
    padding-left:20px;
    font-weight:bold;
    font-size:120%;
}

#products h5,
#clients h5,
#cbnews h5,
#info h5,
#corporate h5,
#recruit h5,
#faq h5,
#privacy h5 {
    margin-top:    2.5em;
    margin-bottom: 1.5em;
    border-left:   2px solid #0066CC;
    border-bottom: 1px dotted #333333;
    padding-left:  5px;
    font-weight:   bold;
}

#products h6,
#clients h6,
#cbnews h6,
#info h6,
#corporate h6,
#recruit h6,
#faq h6,
#privacy h6 {
    margin-top:    2em;
    margin-bottom: 1em;
    padding-left: 20px;
    font-weight:  bold;
    background:   url(/extension/cb21/design/cb21/images/common/icon05.gif) no-repeat 0;
    font-size: 100%;
}

#products p,
#clients p,
#cbnews p,
#info p,
#corporate p,
#recruit p,
#faq p,
#privacy p {
    margin-bottom: 1em;
}

/*ページトップへボタン*/
#pagetop {
    text-align:right;
    clear:both;
    margin:10px 0 20px 0;
}

/*キャプション*/
.cap {
    font-size:86%;
    line-height:1em;
    color:#666666;
}

/*フロートに関するクラス*/

.left {
    float:left;
}

.right {
    float:right;
}

.object-left {
    margin-right: 10px;
    float:left;
}

.object-right {
    margin-left: 10px;
    float:right;
}

.clear {
    clear:both;
}

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {
  min-height: 1px;
}

* html .clearfix {
  height: 1px;
  /*¥*//*/
  height: auto;
  overflow: hidden;
  /**/
}


/*フォントに関するクラス*/

.bold {
    font-weight:bold;
}

.italic {
    font-style:italic;
}

.fs86 {
    font-size:86%;
}

/*余白に関するクラス*/

.padT5 {
    padding-top:5px;
}

.padT10 {
    padding-top:10px;
}

.padT20 {
    padding-top:20px;
}

.padT30 {
    padding-top:30px;
}

.padB5 {
    padding-bottom:5px;
}

.padB10 {
    padding-bottom:10px;
}

.padB15 {
    padding-bottom:15px;
}

.padB20 {
    padding-bottom:20px;
}

.padR10 {
    padding-right:10px;
}

.padR20 {
    padding-right:20px;
}

.padL20 {
    padding-left:20px;
}

/*位置関するクラス*/

.center {
    text-align:center;
    margin:0 auto;
}

.texright {
    text-align:right;
}

/*画像につけるボーダー*/

.line {
    border:5px solid #e5e5e5;
}

/*リストタイプ*/
ul.disc{
    padding:10px 0 20px 20px;
}    

ul.disc li {
    list-style:disc;
}

ul.fs86 li {
    line-height:1.2em;
}

ol {
    padding:10px 0 10px 20px;
}

#products ol.bgbox,
#products ul.bgbox,
#clients ol.bgbox,
#clients ul.bgbox,
#cbnews ol.bgbox,
#cbnews ul.bgbox,
#info ol.bgbox,
#info ul.bgbox,
#corporate ol.bgbox,
#corporate ul.bgbox,
#recruit ol.bgbox,
#recruit ul.bgbox,
#qa ol.bgbox,
#qa ul.bgbox {
    background-color:#F2F2F2;
    padding: 10px 10px 10px 30px;
    border:1px solid #395CB8;
    margin-bottom:30px;
    font-size: 100%;
}

#products ul,
#clients ul,
#cbnews ul,
#info ul,
#corporate ul,
#recruit ul,
#qa ul {
    padding-left: 2em;
    list-style-position: outside;
    list-style-type:     disc;
    margin-bottom:       1em;
}

#products ol,
#clients ol,
#cbnews ol,
#info ol,
#corporate ol,
#recruit ol,
#qa ol {
    padding-left: 2em;
    list-style-position: outside;
    list-style-type:     decimal;
    margin-bottom:       1em;
}

#products table,
#clients table,
#cbnews table,
#info table,
#corporate table,
#recruit table,
#qa table {
    margin-bottom: 1em;
}

#products table p,
#clients table p,
#cbnews table p,
#info table p,
#corporate table p,
#recruit table p,
#qa table p {
    margin:  0;
    padding: 0;
}

#products a,
#clients a,
#cbnews a,
#info a,
#corporate a,
#recruit a,
#qa a {
  text-decoration: none;
  color: #0066CC;
}

#products a:hover,
#clients a:hover,
#cbnews a:hover,
#info a:hover,
#corporate a:hover,
#recruit a:hover,
#qa a:hover {
  text-decoration: underline;
  color: #0099DD;
}

strong.notice {
    color:    #FF6633;
    font-weight: bold;
}

/*================================
    下層ページ　共通（.under)
==================================*/

/*下層　左-左カラム：タイトル*/

#l-leftbox h2 {
    border-bottom:10px solid #ffffff;
    padding:0;
}

/*下層　左-左カラム：サブナビ*/

#subnavwrap  {
    line-height:120%;
}

#subnavwrap li {
    border-bottom:1px solid #ffffff;
}

.sn1 a , .sn1_here a {
    display:block;
}

.sn1 a:link , .sn1 a:visited , .sn1 a:active  {
display:block;
padding:5px 0 5px 5px;
width:160px;
border-left:10px solid #999999;
}

.sn1 a:hover {
    border-left:10px solid #395CB8;
    display:block;
    padding:5px 0 5px 5px;
    color:#395CB8;
    text-decoration:none;
}

.sn1_here a:link , .sn1_here a:visited , .sn1_here a:active , .sn1_here a:hover  {
    border-left:10px solid #395CB8;
    display:block;
    padding:5px 0 5px 5px;
    color:#395CB8;
    text-decoration:none;
}

.sn2 , .sn2_here {
    padding-left:10px;
    font-size:86%;
}

.sn2 a , .sn2_here a {
    display:block;
    padding:3px 0 3px 10px;
}

.sn2 a:hover {
    background:url(/extension/cb21/design/cb21/images/common/icon04_here.gif) no-repeat 0 6px;
    color:#395CB8;
    text-decoration:none;
}

.sn2_here a:link , .sn2_here a:visited , .sn2_here a:active , .sn2_here a:hover {
    background:url(/extension/cb21/design/cb21/images/common/icon04_here.gif) no-repeat 0 6px;
    color:#395CB8;
    text-decoration:none;
}

/*下層　左-右カラム*/

.under h3 , .under h4 {
    margin-bottom:10px;
}

.under h5 {
    margin-bottom:5px;
    font-size:100%;
}

/*アイコンの種類*/

.under .type_a {
    background:url(/extension/cb21/design/cb21/images/common/ttlbg01.jpg) repeat 0;
    font-size:130%;
    font-weight:bold;
    padding:0 0 0 20px;
    margin-bottom: 1em;
    line-height:30px;
}

.under .type_b {
    background-color:#E6E6E6;
    font-weight:bold;
    line-height:30px;
    font-size:100%;
    text-indent:1em;
}

/*ボックスの種類*/

.under .conbox {
    width:530px;
    margin-bottom:30px;
}

.under .leadbox{
    width:530px;
    min-height:90px;
    margin-bottom:30px;
}

.under .bgbox {
    background-color:#F2F2F2;
    padding:10px;
    border:1px solid #FD0000;
    margin-bottom:30px;
    font-size: 100%;
}

.under .conbox p {
    margin-bottom:10px;
}

/*テーブルの種類*/
/*tbl_a*/
.tbl_a {
    width:530px;
    border-top:#cccccc 1px solid;
    border-right:#cccccc 1px solid;
}

.tbl_a th {
    background-color:#ececec;

}

.tbl_a th.top {
    background-color:#999999;
    color:#ffffff;
}

.tbl_a th, .tbl_a td {
    padding:5px;
    border-left:#cccccc 1px solid;
    border-bottom:#cccccc 1px solid;
    text-align:left;
}

.tbl_a th.width200 {
    width:200px;
}

.tbl_a th.width150 {
    width: 150px;
}

.tbl_a th.width100 {
    width: 100px;
}

.tbl_a td.centering,
.tbl_a th.centering {
    text-align: center;
}

.tbl_a td.righting,
.tbl_a th.righting {
    text-align: right;
}

/*tbl_a*/

/*float type_a*/
.under .w150 {
    width:150px;
}

.under .w370 {
    width:370px;
}
/*float type_a*/


/*float type_b*/
.under .w220 {
    width:220px;
}

.under .w300 {
    width:300px;
}
/*float type_b*/


/*float typeC*/

.under .w420 {
    width:420px;
}

.under .w100 {
    width:100px;
}
/*float typeC*/


/*前のページに戻る*/

.back {
    padding-bottom:20px;
    text-align:right;
    clear:both;
}

/* 旧 cb21.co.jp */

.text-left {
    text-align: left;
}

.text-right {
    text-align: right;
}

.text-center {
    text-align: center;
}