@charset "Shift_JIS";


/* -----------------------------------------------------
	01. Heading
	02. Navigation
	03. Document
	04. Button
	05. List
	06. Table
	07. Box
	08. Style Adjust
----------------------------------------------------- */


/* -----------------------------------------------------
	01. Heading
----------------------------------------------------- */

/*  ページタイトルh1
--------------------------------------- */
#main h1 {padding:10px 0 10px 0;
border-bottom:solid 2px #004EA2;
letter-spacing: 2px;
margin-bottom: 20px;
font-size: 200%;
font-weight: normal;
line-height: 1;
}

/*  見出しh2
--------------------------------------- */
#main h2 {border-left: 5px solid #004EA2;
line-height: 1.3;
letter-spacing: 1px;
font-size: 150%;
margin: 40px 0 15px;
padding: 8px 10px;
position: relative;
background-color: #F2F2F2;
}

h1 + h2 {margin-top: 0 !important;}


/* -----------------------------------------------------
	02. Navigation
----------------------------------------------------- */

/* === グローバルナビ === */
#nav_global {height: 45px; margin-bottom: 15px; background: url(/collabo/list/img/nav_global.png) no-repeat top;}
#nav_global .gn_hom,
#nav_global .gn_ser,
#nav_global .gn_faq,
#nav_global .gn_inq,
#nav_global .gn_ref {float: left; position: relative; background: url(/collabo/list/img/nav_global.png) no-repeat top; width: 200px; height: 45px;}
#nav_global a {width: 199px; height: 45px; display: block; text-indent: 205px; white-space: nowrap; overflow: hidden;}

#nav_global .gn_hom {width: 150px;}
#nav_global .gn_hom {background-position: left top;}
#nav_global .gn_hom:hover ,
body.gn_hom #nav_global .gn_hom {background-position: left -50px;}

#nav_global .gn_ser {background-position: -150px top;}
#nav_global .gn_ser:hover,
body.gn_ser #nav_global .gn_ser {background-position: -150px -50px}

#nav_global .gn_faq {background-position: -350px top;}
#nav_global .gn_faq:hover,
body.gn_faq #nav_global .gn_faq {background-position: -350px -50px}

#nav_global .gn_inq {background-position: -550px top;}
#nav_global .gn_inq:hover,
body.gn_inq #nav_global .gn_inq {background-position: -550px -50px}

#nav_global .gn_ref {background-position: -750px top;}
#nav_global .gn_ref:hover,
body.gn_ref #nav_global .gn_ref {background-position: -750px -50px}

/* -- ローカルサブカテメニュー -- */
#nav_global li ul {display: none; position: absolute; z-index: 1; zoom: 1; left: -2px; top: 45px; background-color: #fff; border: solid 1px #fff; border-top-color: #ddd;}
#nav_global li ul li {border: solid 1px #ddd; border-width: 0 1px 1px;}
#nav_global li ul li a {display: block; padding: 10px 50px 10px 25px; box-sizing: border-box; height: auto; text-indent: 0; color: #000; text-decoration: none; background: url(/collabo/list/img/icon_arrowright_03.gif) 8px center no-repeat;}
#nav_global li ul li a:hover {background-color: #F2F2F2;}
#nav_global ul, #nav_global li {margin: 0; padding: 0;}


/*  ページトップ
--------------------------------------- */
p.nav-pagetop-01 {margin-bottom:15px; text-align:right; font-size: 85%;}
p.nav-pagetop-01 a {padding-left:12px; background:url("/collabo/list/img/icon_arrowtop_01.gif") no-repeat 0 0.35em;}

/*  nav-page-02
--------------------------------------- */
ul.nav-page-02 {margin-bottom:20px; padding-bottom:8px; background:url("/collabo/list/img/line-01.gif") repeat-x 0 100%; font-size:86%;}
ul.nav-page-02 li {margin:0 16px 3px 0; padding-left:12px; float:left; background:url("/collabo/list/img/icon_arrowbottom_01.gif") no-repeat 0 0.55em; white-space:nowrap;}
ul.nav-page-02 li.page {background:url("/collabo/list/img/icon_arrowright_02.gif") no-repeat 0 0.5em;}

/* -----------------------------------------------------
	03. Document
----------------------------------------------------- */
div#main p {margin-bottom:15px;}

/* -----------------------------------------------------
	04. Button (未使用)
----------------------------------------------------- */
.top-btn dt a,.sub-btn a {color:#333;}
.top-btn dt a:visited,.sub-btn a:visited {color:#333;}
.top-btn {margin:0 0 0px 0px; padding-bottom:40px; overflow:hidden; position:relative; height:330px;}
.top-btn dt {float:left;}
.top-btn dd {width:100%; position:absolute; top:145px; left:0px;}
.top-btn dt a {width:296px; height:85px; text-align:center; display:block; margin:30px 18px 0px 0px; text-decoration:none; font-size:150%; font-weight:bold; padding:20px 0 0 0; border-radius:4px;}

.line1 {line-height:70px;}

ul.btnList01 {
  clear: both;
  border-top: 0 none;
  overflow:hidden;
  background:#E1F2FC;
  width:922px;
  margin:0 auto;
}
ul.btnList01 li {
  position: relative;
  -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.14);
  -moz-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.14);
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.14);
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjUwJSIgeTE9IjAlIiB4Mj0iNTAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2U4ZjJmZCIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
  background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #e8f2fd), color-stop(100%, #ffffff));
  background: -webkit-linear-gradient(#e8f2fd, #ffffff);
  background: -moz-linear-gradient(#e8f2fd, #ffffff);
  background: -o-linear-gradient(#e8f2fd, #ffffff);
  background: linear-gradient(#e8f2fd, #ffffff);
  float: left;
  display:inline;
  border: 1px solid #95abeb;
  background: #f5faff \9;
  margin-right: 17px;
  margin-bottom: 17px;
  padding: 0 6px;
  width: 296px;
  /width: 282px;
  font-size: 88.88889%;
}

ul.btnList01 li a {
  text-shadow: white 1px 1px;
  background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjUwJSIgeTE9IjAlIiB4Mj0iNTAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2YwZjZmYyIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2RjZWFmOCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
  background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #f0f6fc), color-stop(100%, #dceaf8));
  background: -webkit-linear-gradient(#f0f6fc, #dceaf8);
  background: -moz-linear-gradient(#f0f6fc, #dceaf8);
  background: -o-linear-gradient(#f0f6fc, #dceaf8);
  background: linear-gradient(#f0f6fc, #dceaf8);
  display: block;
  font-size: 138.46154%;
  font-weight: bold;
  text-decoration: none;
  /*border-top: 3px solid #6181df;*/
  background: url(/collabo/list/img/icon_arrow_12.png) 18px center no-repeat;
  padding: 10px 0 10px 32px;
}
ul.btnList01 li a img {
  margin-top: -4px;
  margin-left: 5px;
  vertical-align: middle;
}
ul.btnList01 li a:hover {
  text-decoration: underline;
}

.sub-btn{
margin:0 0 0 0px;
overflow:hidden;
}

.sub-btn li a{
text-align:center;
width:201px;
display:block;
padding:25px 0;
margin:0px 0px 10px 0px;
text-decoration:none;
font-size:100%;
font-weight:bold;
border-radius:4px;
}

.c_service{
background:#E1F2FC;
background:linear-gradient(#F8FBFE, #E1F2FC) repeat scroll 0% 0% transparent;
border:solid 1px #95ABEB;
}

.c_maintenance{
background:#EFEFEF;
background:linear-gradient(#FEFEFB, #EFEFEF) repeat scroll 0% 0% transparent;
border:solid 1px #777777;
}

.c_partner{
background:#FFD2CF;
background:linear-gradient(#FEF8F8, #FFD2CF) repeat scroll 0% 0% transparent;
border:solid 1px #EB9595;
}

.c_contact{
border-radius:4px;
text-align: center; border: solid 2px #f06e09; font-weight: normal;
text-shadow: #f06e09 1px 1px;
background: -ms-linear-gradient(top, #ffda74, #ff7909);
background: -moz-linear-gradient(top, #ffda74, #ff7909); /* mozilla */
background: -webkit-gradient(linear, center top, center bottom, from(#ffda74), to(#ff7909));
background: linear-gradient(#ffda74, #ff7909);
filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#FFffda74, endColorstr=#FFff7909);
background-color: #ffcc00; /* IE6 */}

a.c_contact:visited {color:#FFF;}
a.c_contact:hover,
a.c_contact:active,
.top-btn a:hover,
.top-btn a:active,
.sub-btn a:hover,
.sub-btn a:active {
opacity: 0.7;
filter: alpha(opacity=70);
-ms-filter: "alpha( opacity=70 )";
}

/* -----------------------------------------------------
	05. List
----------------------------------------------------- */

/*  list-bullet-01
--------------------------------------- */
ul.list-bullet-01 {margin-bottom:15px; line-height:1.7;}
ul.list-bullet-01 li{padding-left:12px; background:url("/collabo/list/img/icon_bullet_01.gif") no-repeat 0 0.55em;}
ul.list-bullet-01 li li {padding-left:12px; background:url("/collabo/list/img/icon_bullet_02.gif") no-repeat 0 0.6em;}
ul.list-bullet-01 li li li {padding-left:10px; background:url("/collabo/list/img/icon_bullet_03.gif") no-repeat 0 0.6em;}

ul.list-bullet-01 li ul {padding:4px 0;}
ul.list-bullet-01 li li ul {padding:4px 0 0;}

ul.list-bullet-01 ul.list-notice-01 li {padding-left:1.5em; background:none;}
ul.list-bullet-01 ul.list-notice-01.num li {padding-left:2.7em; background:none;}
ul.list-bullet-01 ol.list-ordered-01 li {margin-left:2.1em; *margin-left:2.5em; padding-left:0; background:none;}
ul.list-bullet-01 ol.list-ordered-03 li{padding:0 0 7px 2.2em; background:none;}
ul.list-bullet-01 ol.list-ordered-01 ul.list-bullet-01 li{padding-left:12px; background:url("/collabo/list/img/icon_bullet_01.gif") no-repeat 0 0.55em;}

/*  list-bullet-02
--------------------------------------- */
ul.list-bullet-02 {margin-bottom:0.5em; line-height:1.7;}
ul.list-bullet-02 li {margin-left:1.5em; *margin-left:2em; list-style-type:disc;}
ul.list-bullet-02 ul {padding:4px 0;}

ul.list-bullet-02 ul.list-bullet-02 li,
ul.list-bullet-02 ul.list-notice-01 li {margin-left:0; list-style-type:none;}
ul.list-bullet-02 ul.list-bullet-02 ul.list-notice-01.num li {padding-left:2.7em;}
ul.list-bullet-02 ul.list-link-01 li {margin-left:0; list-style:none;}

/*  list-ordered-01
--------------------------------------- */
ol.list-ordered-01 {margin-bottom:15px; line-height:1.7;}
ol.list-ordered-01 li {margin-left:2.1em; *margin-left:2.5em; list-style-type:decimal;}

ol.list-ordered-01 ol {padding:4px 0;}
ol.list-ordered-01 ul.list-bullet-01 li,
ol.list-ordered-01 ul.list-notice-01 li {margin-left:0; list-style-type:none;}
ol.list-ordered-01 ul.list-bullet-01 ul.list-notice-01.num li {padding-left:2.7em;}
ol.list-ordered-01 ul.list-link-01 li{margin-left:0; list-style:none;}

/*  list-notice-01
--------------------------------------- */
ul.list-notice-01 {margin-bottom:15px; line-height:1.7;}
ul.list-notice-01 li {padding-left:1.5em; position:relative; color:#666; font-size:84%;}
ul.list-notice-01.num li {padding-left:2.7em;}
ul.list-notice-01.num-02 li {padding-left:3.7em;}
ul.list-notice-01 span {position:absolute; top:0;left:0;}
ul.list-notice-01 ul.list-notice-01 {margin-bottom:0;}
ul.list-notice-01 ul.list-notice-01 li {font-size:100%;}
ul.list-notice-01.num  ul.list-notice-01 li {padding-left:1.5em;}
ul.list-notice-01 ul.list-bullet-01 li {padding-left:12px; font-size:100%;}
ul.list-notice-01 span.doc-note-01,
ul.list-notice-01 span.doc-underline-01,
ul.list-notice-01 span.bulk {position:static;}

/*  list-link-01
--------------------------------------- */
ul.list-link-01 {margin-bottom:15px; /*line-height:1.7;*/}
ul.list-link-01 li {padding-left:12px; padding-bottom:2px; padding-top:2px; background:url("/collabo/list/img/icon_arrowright_02.gif") no-repeat 0 0.75em;}
ul.list-link-01 li li {background:url("/collabo/list/img/icon_arrowright_04.gif") no-repeat 0 0.55em;}
ul.list-link-01 li li li {padding-left:10px; background:url("/collabo/list/img/icon_arrowright_05.gif") no-repeat 0 0.6em;}
ul.list-link-01 li ul {padding:4px 0;}
ul.list-link-01 li li ul {padding:4px 0 0;}
ul.list-link-01 li.no-link {background:url("/collabo/list/img/icon_arrowright_06.gif") no-repeat 0 0.55em;}
ul.list-link-01 li li.no-link {background:url("/collabo/list/img/icon_arrowright_07.gif") no-repeat 0 0.55em;}
ul.list-link-01.list-link-col2 li,
ul.list-link-01.list-link-col3 li,
ul.list-link-01.list-link-col4 li,
ul.list-link-01.list-link-col5 li {padding:0; float:left; background:none;}
ul.list-link-01.list-link-col2 li{ width:49.9%; }
ul.list-link-01.list-link-col3 li{ width:33.3%; }
ul.list-link-01.list-link-col4 li{ width:24.9%; }
ul.list-link-01.list-link-col5 li{ width:20%; }

ul.list-link-01.list-link-col2 span,
ul.list-link-01.list-link-col3 span,
ul.list-link-01.list-link-col4 span,
ul.list-link-01.list-link-col5 span {margin-right:10px; padding-left:12px; display:block; background:url("/collabo/list/img/icon_arrowright_02.gif") no-repeat 0 0.55em;}

ul.list-link-01.list-link-col2 span a,
ul.list-link-01.list-link-col3 span a,
ul.list-link-01.list-link-col4 span a,
ul.list-link-01.list-link-col5 span a {zoom:0!important;}

ul.list-link-01.list-link-line li {margin-bottom:5px; padding-bottom:5px; border-bottom:1px dotted #b7b7b7;}
ul.list-link-01.list-link-line li li {margin-bottom:0; padding-bottom:0; border-bottom:none;}
ul.list-link-01 span.bulk {padding:0; display:inline; color:#666; background:none;}

/*  link
--------------------------------------- */
a.link {padding-left: 15px; background: url('/collabo/list/img/icon_arrowright_02.gif') no-repeat scroll 2px 0.4em transparent;}
.blank {background: url('/collabo/list/img/icon_window_01.gif') no-repeat scroll right center transparent; padding-right: 20px;}

/* -----------------------------------------------------
	06. Table
----------------------------------------------------- */

/*  tbl-data-01
--------------------------------------- */
table.tbl-data-01 {margin-bottom:20px; border-top:1px solid #d5d5d5; border-left:1px solid #d5d5d5;}
table.tbl-data-01 th,
table.tbl-data-01 td {padding:6px; border-right:1px solid #d5d5d5; border-bottom:1px solid #d5d5d5;}
table.tbl-data-01.liquid {width:auto;}
table.tbl-data-01 th {background-color:#eef2ff; font-weight:normal;}
table.tbl-data-01.w-100 {width:100%!important;}

/*  tbl-data-02
--------------------------------------- */
table.tbl-data-02 {margin-bottom:20px; border-top:1px solid #d5d5d5; border-left:1px solid #d5d5d5;}
table.tbl-data-02 th,
table.tbl-data-02 td {padding:6px; border-right:1px solid #d5d5d5; border-bottom:1px solid #d5d5d5; font-weight:normal;}
table.tbl-data-02.liquid {width:auto;}
table.tbl-data-02.w-100 {width:100%!important;}

/* -----------------------------------------------------
	07. Box
----------------------------------------------------- */

/*  box-content-01
--------------------------------------- */
div.box-content-01 {margin-bottom:20px; padding:15px 15px 1px; border:1px solid #ccc;}
div.box-content-01 div.lyt-col2-01 {width:697px;}
div.box-content-01 div.lyt-col2-01-inner {width:716px;}
div.box-content-01 div.lyt-col2-01 div.column {width:339px;}


/* -----------------------------------------------------
	08. Style Adjust
----------------------------------------------------- */

.mt00{margin-top:0!important;}
.mt05{margin-top:5px!important;}
.mt10{margin-top:10px!important;}
.mt15{margin-top:15px!important;}
.mt20{margin-top:20px!important;}
.mt30{margin-top:30px!important;}
.mt40{margin-top:40px!important;}

.mr00{margin-right:0!important;}
.mr05{margin-right:5px!important;}
.mr10{margin-right:10px!important;}
.mr15{margin-right:15px!important;}
.mr20{margin-right:20px!important;}
.mr30{margin-right:30px!important;}
.mr40{margin-right:40px!important;}

.mb00{margin-bottom:0!important;}
.mb05{margin-bottom:5px!important;}
.mb10{margin-bottom:10px!important;}
.mb15{margin-bottom:15px!important;}
.mb20{margin-bottom:20px!important;}
.mb30{margin-bottom:30px!important;}
.mb40{margin-bottom:40px!important;}

.ml00{margin-left:0!important;}
.ml05{margin-left:5px!important;}
.ml10{margin-left:10px!important;}
.ml15{margin-left:15px!important;}
.ml20{margin-left:20px!important;}
.ml30{margin-left:30px!important;}
.ml40{margin-left:40px!important;}

.pt00{padding-top:0!important;}
.pt05{padding-top:5px!important;}
.pt10{padding-top:10px!important;}
.pt15{padding-top:15px!important;}
.pt20{padding-top:20px!important;}
.pt30{padding-top:30px!important;}
.pt40{padding-top:40px!important;}

.pr00{padding-right:0!important;}
.pr05{padding-right:5px!important;}
.pr10{padding-right:10px!important;}
.pr15{padding-right:15px!important;}
.pr20{padding-right:20px!important;}
.pr30{padding-right:30px!important;}
.pr40{padding-right:40px!important;}

.pb00{padding-bottom:0!important;}
.pb05{padding-bottom:5px!important;}
.pb10{padding-bottom:10px!important;}
.pb15{padding-bottom:15px!important;}
.pb20{padding-bottom:20px!important;}
.pb30{padding-bottom:30px!important;}
.pb40{padding-bottom:40px!important;}

.pl00{padding-left:0!important;}
.pl05{padding-left:5px!important;}
.pl10{padding-left:10px!important;}
.pl15{padding-left:15px!important;}
.pl20{padding-left:20px!important;}
.pl25{padding-left:25px!important;}
.pl30{padding-left:30px!important;}
.pl40{padding-left:40px!important;}

.aleft{text-align:left!important;}
.acenter{text-align:center!important;}
.aright{text-align:right!important;}

.vtop{vertical-align:top!important;}
.vmiddle{vertical-align:middle!important;}
.vbottom{vertical-align:bottom!important;}


/* -----------------------------------------------------
	mobile
----------------------------------------------------- */
.mobileStyleWidth {width: auto!important;}
span.notMobileStyle {display:none!important;}
@media only screen and (max-width: 766px) {
    span.mobileStyle {font-size: 125%;}
    br.mobileStyle {display:none!important;}
    span.notMobileStyle {display:inline-block!important;}
    .mobileStyleWidth {width: 100%!important;}
}