@charset 'UTF-8';
.clearfix:after, .photo-text-layout:after, .column-2:after, .column-3:after, .column-4:after, .contract .inner:after, .change-tab .tab:after, .change-tab .img:after, .info dd:after, .site-header .head-link .inner:after, .site-header .head-link ul:after, .site-header .head-main .inner:after, .site-header .head-main .mark-list:after, .site-header .head-main .inq:after, .gnav .inner:after, .gnav ul:after, .breadcrumb:after, .contents .inner:after, .inquire .inner:after, .related-site ul:after, .site-footer .navlist:after, .site-footer .subnav:after, .site-footer .subnav ul:after{
  display: block;
  clear: both; 
  content: '';
}

.clearfix, .photo-text-layout, .column-2, .column-3, .column-4, .contract .inner, .change-tab .tab, .change-tab .img, .info dd, .site-header .head-link .inner, .site-header .head-link ul, .site-header .head-main .inner, .site-header .head-main .mark-list, .site-header .head-main .inq, .gnav .inner, .gnav ul, .breadcrumb, .contents .inner, .inquire .inner, .related-site ul, .site-footer .navlist, .site-footer .subnav, .site-footer .subnav ul{
  zoom: 1;
}

body, input[type=text]{
  font-family: 'ヒラギノ角ゴ ProN W3','HiraKakuProN-W3','ヒラギノ角ゴ Pro W3','HiraKakuPro-W3','メイリオ',Meiryo,'ＭＳ Ｐゴシック','MS Pgothic','Osaka',sans-serif,Helvetica, Helvetica Neue, Arial, Verdana;
}

body, html{
  -webkit-text-size-adjust: none;
}

.clearfix:after, .photo-text-layout:after, .column-2:after, .column-3:after, .column-4:after, .contract .inner:after, .change-tab .tab:after, .change-tab .img:after, .info dd:after, .site-header .head-link .inner:after, .site-header .head-link ul:after, .site-header .head-main .inner:after, .site-header .head-main .mark-list:after, .site-header .head-main .inq:after, .gnav .inner:after, .gnav ul:after, .breadcrumb:after, .contents .inner:after, .inquire .inner:after, .related-site ul:after, .site-footer .navlist:after, .site-footer .subnav:after, .site-footer .subnav ul:after{
  display: block;
  clear: both; 
  content: '';
}

.clearfix, .photo-text-layout, .column-2, .column-3, .column-4, .contract .inner, .change-tab .tab, .change-tab .img, .info dd, .site-header .head-link .inner, .site-header .head-link ul, .site-header .head-main .inner, .site-header .head-main .mark-list, .site-header .head-main .inq, .gnav .inner, .gnav ul, .breadcrumb, .contents .inner, .inquire .inner, .related-site ul, .site-footer .navlist, .site-footer .subnav, .site-footer .subnav ul{
  zoom: 1;
}

body{
	padding-top:129px !important;
}

/* ------------------------------------------------
reset
------------------------------------------------ */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video{
  margin: 0;
  padding: 0;
}

table{
  border-collapse: collapse;
  border-spacing: 0;
}

fieldset, img{
  border: 0;

  vertical-align: bottom;
}

address, caption, cite, code, dfn, em, strong, var{
  font-style: normal;
  font-weight: normal;
}

ol, ul{
  list-style: none;
}

caption, th{
  font-weight: normal;
  text-align: left;
}

h1, h2, h3, h4, h5, h6{
  font-size: 100%;
  font-weight: normal;
}

area{
  border: none;

  outline: none;
}

abbr, acronym{
  border: 0;
}

/* ------------------------------------------------
module
------------------------------------------------ */
.inner{
  width: 980px;
  margin: 0 auto;
  text-align: left;
}

em{
  color: #003788;
}

em.strong{
  color: #000;
}

.acc{
  color: #f00 !important;
}

.resize-img{
  width: 100%;
  height: auto;
}

#totop{
  display: none;
  position: fixed;
  right: 28px;
  bottom: 28px;
}

/* text */
.square-txt{
  color: #003788 !important;
}
.square-txt:before{
  content: '■';
  color: #003788 !important;
}

.right-txt{
  display: block;
  text-align: right;
}

.arr-tit{
  height: 45px;
  margin: 0 0 18px;
  padding:0 0 0 23px;
  background: url('/img/bg_6.png') left top no-repeat;
  box-sizing: border-box;
  color: #0054ac;
  font-size: 16px;
  font-weight: bold;
  line-height: 45px;
  
  -webkit-box-sizing: border-box;
}
.arr-tit span{
  background:#0e5baf;
  color:#fff;
  font-size:12px;
  padding:2px 10px 1px;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  box-sizing: border-box;
  margin-right:8px;
  vertical-align:top;
}
.b-tit{
  margin: 0 0 18px;
  padding: 0 0 0 7px;
  background: #effaff;
  color: #0054ac;
  font-size: 16px;
  font-weight: bold;
  line-height: 33px;
}
.b-tit:before{
  display: inline-block;
  content: ' ';
  position: relative;
  top: 5px;
  width: 5px;
  height: 23px;
  margin: 0 8px 0 0;
  background: #0b5aae;
  border-radius: 4px; 
  box-sizing: border-box;

  -webkit-box-sizing: border-box;
}
.box-tit{
  margin: 10px 0 18px 0px;
  padding: 2px 0 0 12px;
  border:2px solid #0054ac;
  color: #0054ac;
  font-size: 16px;
  font-weight: bold;
  line-height: 32px;
}

strong, .strong{
  font-weight: bold;
}

/* link */
.arr-link-list a, .arr-link{
  padding: 0 0 0 9px;
  background: url('/img/ico_0.png') center left no-repeat;
}

.pdf{
  padding: 0 0 0 21px;
  background: url('/img/ico_pdf.png') center left no-repeat;
}
.pdf a{
  color: #ba1918 !important;
  font-size: 14px;
  line-height: 1.57143;
}
.pdf a:hover{
  text-decoration: none;
}

.pptx{
  padding: 0 0 0 21px;
  background: url('/img/ico_pptx.png') center left no-repeat;
}
.pptx a{
  color: #0092cd !important;
  font-size: 14px;
  line-height: 1.57143;
}
.pptx a:hover{
  text-decoration: none;
}

.arr{
  padding: 0 0 0 21px;
  background: url('/img/ico_10.png') center left no-repeat;
}
.arr a{
  color: #0092cd !important;
  font-size: 14px;
  line-height: 1.57143;
}
.arr a:hover{
  text-decoration: none;
}

.blank{
  padding: 0 24px 0 0;
  background-image: url('/img/ico_blank.png');
  background-position: center right;
  background-repeat: no-repeat;
}
.blank a{
  color: #0092cd !important;
  font-size: 14px;
  line-height: 1.57143;
}
.blank a:hover{
  text-decoration: none;
}

.arr.blank{
  padding: 0 24px 0 21px;
  background-image: url('/img/ico_10.png'), url('/img/ico_blank.png');
  background-position: center left, center right;
  background-repeat: no-repeat, no-repeat;
}
.arr.blank a{
  color: #0092cd !important;
  font-size: 14px;
  line-height: 1.57143;
}
.arr.blank a:hover{
  text-decoration: none;
}

.page-link{
  padding: 0 0 0 18px;
  background: url('/img/ico_13.png') center left no-repeat;
}
.page-link-list a{
	color:#fff !important;
  padding:16px 0 15px;
  display:block;
  background: url('/img/ico_15.png') 16px 18px no-repeat;
width:163px;
text-align:center;
}
.page-link-list li{
	background:#0054ac;
	display:inline-block;
	margin:0 12px 0 0;

}

.o-btn{
  display: block;
  width: auto;
  margin: 0;
  padding: 23px 0 21px 0;
  background: #fe9900;
  background: linear-gradient(to bottom, #fe9900 0%, #eb8d00 100%);
  border: none;
  border-bottom: 3px solid #9d5f00;
  border-radius: 8px;
  color: #fff !important;
  font-size: 24px;
  font-weight: bold;
  line-height: 1;
  text-align: center;
  text-decoration: none;
}

/* box / div */
.blue-box{
  margin: 0 0 15px;
  padding: 20px;
  background: #d3edf9;
}

.gray-box{
  margin: 0 0 15px;
  padding: 20px;
  background: #f9f9f9;
}

.photo-text-layout div{
  float: right;
  width: 440px;
}

.photo-text-layout figure{
  float: left;
  width: 250px;
}
.photo-text-layout figure img{
  width: 250px;
  height: auto;
}

.box-margin{
  margin: 20px 0;
}

.column-2 div{
  float: left;
  width: 320px;
}
.column-2 div img{
  width: 100%;
  height: auto;
}

.column-2 div + div{
  margin: 0 0 0 30px;
}

.column-3 div{
  float: left;
  width: 230px;
}
.column-3 div img{
  width: 100%;
  height: auto;
}

.column-3 div + div{
  margin: 0 0 0 20px;
}

.column-4 div{
  float: left;
/*  width: 175px;*/
    width: 160px;
}
.column-4 div img{
  width: 100%;
  height: auto;
}

.column-4 div + div{
  margin: 0 0 0 10px;
}

/* list */
ol{
  list-style: decimal;
}
ol li{
  margin: 0 0 3px 18px;
}

.disc-list{
  margin: 0 0 15px;
}
.disc-list li{
  margin: 0 0 3px 13px;
  text-indent: -13px;
}
.disc-list li:before{
  content: '●';
  color: #000;
  font-size: 13px;
}

.blue-disc-list{
  margin: 0 0 15px;
}
.blue-disc-list li{
  margin: 0 0 3px 13px;
  text-indent: -13px;
}
.blue-disc-list li:before{
  content: '●';
  color: #0054ac;
  font-size: 13px;
}

.blue-disc-list.margin li{
  margin: 0 0 15px 13px;
}

/* table */
.tchart{
  width: 100%;
  margin: 0 0 15px;
}
.tchart-sm{
  width: 80%;
  margin: 0 0 15px;
}

.tchart caption{
  font-size: 12px;
}
.tchart th, .tchart td{
  padding: 12px;
  border: 1px solid #dfdfdf;
  font-size: 12px;
  text-align: left;

  vertical-align: top;
}
.tchart th p, .tchart td p{
  margin: 0 !important;
  font-size: 12px !important;
}
.tchart .center{
  text-align: center;
}
.tchart .right{
  text-align: right;
}
.tchart .bold{
  font-weight: bold;
}
.tchart th{
  background: #f3f3f3;
}

.tchart th.tbl2{
  color: #ffffff;
  font-size: 16px;
  font-weight: bold;
  background: #ff9900;
  text-align: center;
  vertical-align: middle;
}

.tchart th.tbl2 a{
  color: #ffffff;
}

.tchart th.noborder, .tchart td.noborder{
    border: 0px none #ffffff;
}

.tchart td.tbl2{
  font-size: 15px;
  font-weight: bold;
  text-align: center;
  vertical-align: middle;
}

.tchart-6 th:nth-child(1){
  width: 110px;
}

.tchart-6 th:nth-child(2){
  width: 150px;
}

.tchart-6 th:nth-child(3){
  width: 110px;
}

.tchart-6 th:nth-child(4){
  width: 130px;
}

.tchart-6 th:nth-child(5){
  width: 140px;
}

.tchart-6 th:nth-child(6){
  width: 90px;
}

.tchart-6.justice th:nth-child(1){
  width: 122px;
}

.tchart-6.justice th:nth-child(2){
  width: 122px;
}

.tchart-6.justice th:nth-child(3){
  width: 122px;
}

.tchart-6.justice th:nth-child(4){
  width: 122px;
}

.tchart-6.justice th:nth-child(5){
  width: 121px;
}

.tchart-6.justice th:nth-child(6){
  width: 121px;
}

.tchart-5 th:nth-child(1){
  width: 130px;
}

.tchart-5 th:nth-child(2){
  width: 170px;
}

.tchart-5 th:nth-child(3){
  width: 170px;
}

.tchart-5 th:nth-child(4){
  width: 140px;
}

.tchart-5 th:nth-child(5){
  width: 120px;
}

.tchart-5.justice th:nth-child(1){
  width: 146px;
}

.tchart-5.justice th:nth-child(2){
  width: 146px;
}

.tchart-5.justice th:nth-child(3){
  width: 146px;
}

.tchart-5.justice th:nth-child(4){
  width: 146px;
}

.tchart-5.justice th:nth-child(5){
  width: 146px;
}

.tchart-4 th:nth-child(1){
  width: 184px;
}

.tchart-4 th:nth-child(2){
  width: 182px;
}

.tchart-4 th:nth-child(3){
  width: 182px;
}

.tchart-4 th:nth-child(4){
  width: 182px;
}

.tchart-4.justice th:nth-child(1){
  width: 183px;
}

.tchart-4.justice th:nth-child(2){
  width: 182px;
}

.tchart-4.justice th:nth-child(3){
  width: 183px;
}

.tchart-4.justice th:nth-child(4){
  width: 182px;
}

.tchart-4.justice td:nth-child(1){
  width: 183px;
}

.tchart-4.justice td:nth-child(2){
  width: 182px;
}

.tchart-4.justice td:nth-child(3){
  width: 183px;
}

.tchart-4.justice td:nth-child(4){
  width: 182px;
}

.tchart-3 th:nth-child(1){
  width: 244px;
}

.tchart-3 th:nth-child(2){
  width: 243px;
}

.tchart-3 th:nth-child(3){
  width: 243px;
}

.tchart-2 th:nth-child(1){
  width: 365px;
}

.tchart-2 th:nth-child(2){
  width: 365px;
}

.tchart-2 td:nth-child(1){
  width: 365px;
}

.tchart-2 td:nth-child(2){
  width: 365px;
}

.tchart-2.single th:nth-child(1){
  width: 160px;
}

.tchart-2.single th:nth-child(2){
  width: 570px;
}

.tchart-2.single td:nth-child(1){
  width: 160px;
}

.tchart-2.single td:nth-child(2){
  width: 570px;
}

/* contract */
.contract{
  margin: 0 0 15px;
  padding: 20px 24px;
  background: #f3f3f3;
}
.contract .inner{
  width: 100%;
}
.contract .inner div{
  float: left;
  width: 60%;
}
.contract .inner div + p{
  float: right;
  width: 40%;
  margin: 0;
  text-align: right;
}
.contract .inner div + p a{
  display: inline-block;
  padding: 11px 15px 8px;
  background: #0054ac;
  border-radius: 8px;
  color: #fff;
  font-size: 13px;
  line-height: 1;
  text-decoration: none;
}
.contract h3{
  width: auto !important;
  height: auto !important;
  margin: 0 !important;
  padding: 0 !important;
  background: none !important;
  font-size: 18px !important;
  line-height: 1.61111 !important;
}
.contract h3:before{
  content: '' !important;
  width: auto !important;
  height: auto !important;
  margin: 0 !important;
  padding: 0 !important;
  background: none !important;
}
.contract iframe{
  overflow: auto;
  width: 100%;
  height: 307px;
  background: #fff;
  border: none;
}

/* question */
.question span{
  padding: 0 3px 0 0;
  font-size: 18px !important;
  font-weight: bold;
}

.question dl{
  margin: 0 0 24px;
  padding:0 0 25px;
  border-bottom:1px solid #6c6c6c;
}
.question dt .strong{
	color:#0047a0 !important;
}
.question dt span{
  color: #369;
}

.question dd span{
  color: #f03;
}

.question dl + p{
  margin: 0 !important;
}

/* change-tab */
.change-tab{
  margin: 0 0 15px;
}
.change-tab .tab{
  margin: 0 0 4px;
}
.change-tab .tab li{
  float: left;
  width: 234px;
  margin: 0 0 0 14px;
  background: #fff;
}
.change-tab .tab li:first-child{
  margin: 0;
}
.change-tab .tab li.selected{
  padding: 0 0 9px;
  background: url('/img/bg_7.png') center bottom no-repeat;
}
.change-tab .tab li.selected a{
  background: #26ade4;
  color: #fff;
}
.change-tab .tab li a{
  display: block;
  padding: 16px 0 13px;
  border: 2px solid #26ade4;
  color: #26ade4;
  font-size: 16px;
  font-weight: bold;
  line-height: 1;
  text-align: center;
  text-decoration: none;
}
.change-tab .tab li a:hover{
  background: #26ade4;
  color: #fff;
}
.change-tab .img{
  padding: 9px;
/*  background: #edf8fc; 
  border-bottom: 2px solid #95a0ac;
*/
}
.change-tab .img li{
  display: none;
  float: left;
}
.change-tab .img li.selected{
  display: block;
}

.change-tab.tab-len-2 .tab li{
  width: 358px;
}
.change-tab.tab-len-3 .tab li{
  width: 232px;
}

/* update / history */
.update .year, .history .year{
  font-weight: bold !important;
}

.update .date-list ul, .history .date-list ul{
  margin: 0 !important;
}
.update .date-list ul li, .history .date-list ul li{
  padding: 0 !important;
  border-bottom: none !important;
  font-size: 12px !important;
}
.update .date-list ul li:before, .history .date-list ul li:before{
  content: '●';
  font-size: 12px !important;
}

.update .date-list li, .history .date-list li{
  padding: 20px 30px;
  border-bottom: 1px dashed #dadada;
}

.update .date, .history .date{
  margin: 0 !important;
}

.update h4, .history h4{
  margin: 0 !important;
  border-bottom: none !important;
  color: #0047a0;
  font-size: 14px !important;
  font-weight: bold !important;
  line-height: 2 !important;
}
.update h4:before, .history h4:before{
  content: '■';
}

.update h4 + p, .history h4 + p{
  margin: 0 !important;
}

.update .arr, .history .arr{
  margin: 0 !important;
}

.update h5, .history h5{
  margin: 3px 0 0;
  font-weight: bold !important;
}

.history h4{
  margin: 12px 0 0 !important;
  line-height: 1.4 !important;
}

.info{
  padding: 0 0 90px;
  background: #fff;
}
.info h2{
  margin: 0 0 25px;
  color: #000;
  font-size: 32px;
  font-weight: bold;
  line-height: 1.2;
}
.info .update{
  margin: 0 0 14px;
  color: #5b5b5b;
  font-size: 14px;
  line-height: 1;
  text-align: right;
}
.info .inner div{
  margin: 0 0 60px;
  border-top: 1px dotted #999;
}
.info .inner div.cat2,
.info .inner div.card,
.info .inner div.card-content {
  margin: 0 0 0px;
  border-top: none;
}

.info dl{
  display: table;
  padding: 20px 0;
  border-bottom: 1px dotted #999;
}
.info dt, .info dd{
  display: table-cell;
  color: #5b5b5b;
  font-size: 16px;
  line-height: 1;

  vertical-align: middle;
}
.info dt{
  width: 150px;
  padding: 5px 0 0;

  vertical-align: top;
}
.info dd{
  width: 840px;
}
.info dd span{
  display: block;
  float: left;
  width: 825px;
  padding: 3px 0 0;
  box-sizing: border-box;
  line-height: 1.5; 

  -webkit-box-sizing: border-box;
}
.info .cat{
  width: 170px;
  margin: 0 13px 0 0;
  padding: 5px 0;
  color: #fff;
  font-size: 16px;
  line-height: 1;
  text-align: center;
}
/*category color*/
.info dd .newsrelease,
.plc{
	background:#41b1ec;
}
.info dd .newsrelease,
.entry .newsrelease{
	background:#dfa9ef;
}
.info dd .information,
.entry .information{
	background:#92c200;
}
.info dd .support,
.entry .support{
	background:#de6d64;
}
.info dd .event,
.entry .event{
	background:#0054ac;
}
.info dd .seminar,
.entry .seminar{
	background:#ffcc00;
}
.info dd .campaign,
.entry .campaign{
	background:#fe9900;
}
.info dd .update,
.entry .update{
	background:#58ccd6;
}
.info dd .maintenance,
.entry .maintenance{
	background:#b9b9b9;
}
.info dd .obstacle,
.entry .obstacle{
	background:#e89ee2;
}

/* for web conf column cat */
.info .cat_col{
  width: 127px;
  margin: 0 13px 0 0;
  padding: 5px 0;
  color: #fff;
  font-size: 10px;
  line-height: 1;
  text-align: center;
}

.info dd .troubleshoot,
.entry .troubleshoot{
	background:#ff9900;
}

.info dd .basic,
.entry .basic{
	background:#0099ff;
}

.info dd .usecase,
.entry .usecase{
	background:#009900;
}

.info dd .tips,
.entry .tips{
	background:#7cdd04;
}

.info dd .compare,
.entry .compare{
	background:#ff3300;
}

.info dd .workstyle,
.entry .compare{
	background:#006699;
}



.info .inner div + p{
  width: 400px;
  margin: 0 auto;
}
.info .inner div + p.nyumon{
  width: 560px;
  margin: 0 auto;
}
.info .inner div + p a{
  display: block;
  padding: 13px 0 11px;
  border: 3px solid #26ade4;
  border-radius: 3px;
  color: #26ade4;
  font-size: 20px;
  font-weight: bold;
  line-height: 1;
  text-decoration: none;
}
.info .inner div + p a span{
  display: block;
  min-height: 32px;
  margin: 0 24px;
  background: url(/img/ico_12.png) no-repeat left center;
  line-height: 32px;
  text-align: center;
}

.news .entry{
  margin: 0 0 30px;
  padding: 0 0 30px;
  border-bottom: 1px dotted #999;
}

.news h4{
  font-weight: bold;
}
.news h4 span{
  display: block;
  font-weight: normal;
}
.news h4 span .cat{
  display: inline-block;
}

.inquire a:hover,
.contents a:hover,
.head-main .inq a:hover,
.gnav .n5 a:hover,
.related-site a:hover{
  opacity: 0.6;
  filter: alpha(opacity=60);
  -ms-filter: "alpha(opacity=60)";
}
.contents .side-nav nav li a:hover{
  color:#0054ac !important;
  opacity: 1;
  filter: alpha(opacity=100);
  -ms-filter: "alpha(opacity=100)";
}
.arr-link-list a:hover{
	text-decoration:underline !important;
}
/* ------------------------------------------------
site-header
------------------------------------------------ */
.site-header{
  width: 100%;
  min-width: 1200px;
  height: 127px;
  border-bottom: 2px solid #0054ac;
	position: absolute;
  background:#fff;
   z-index:99999;
   top:0;
}
.site-header .head-link{
  background: #0054ac;
  height:27px;
  padding:7px 0 6px 0;
}
.site-header .head-link .inner{
	width:980px;
}
.site-header .head-link a{
  color: #fff;
  text-decoration: none;
}

.site-header .nttit-logo{
	margin:8px 18px 0 0;
	display:inline-block;
}
.site-header .head-link h1, .site-header .head-link p{
  display: table;
  overflow:hidden;
  float: left;
  width:420px;
/* ------------------------------------------------
  margin: -7px 74px 0 0;
------------------------------------------------ */
  margin: -7px 200px 0 0;
  height:40px;
  vertical-align:middle;
  box-sizing: border-box;
  color: #fff;
  font-size: 10px;
  line-height: 12px; 

  -webkit-box-sizing: border-box;
}
.site-header .head-link h1 span, .site-header .head-link p span+span{
  display: table-cell;
  width: 100%;

  vertical-align: middle;
}
.site-header .head-link h1 a, .site-header .head-link p a{
  font-size: 10px;
  line-height: 10px;
}
.site-header .head-link nav{
  float: left;
  margin:0;
}
.site-header .head-link li{
  float: left;
  margin: 0 7px 0 0;
}
.site-header .head-link li a{
  padding: 0 0 0 7px;
  font-size: 11px;
  line-height: 11px;
}
.site-header .head-link li:last-child{
  margin: 0 0 0 6px;
}
.site-header .head-link li:last-child a{
/* ------------------------------------------------
  padding: 3px 11px 3px 6px;
  background: #26ade4;
  border-bottom: 2px solid #004a68;
  border-radius: 4px;
  font-size: 12px;
  font-weight: bold;
  line-height: 12px;
------------------------------------------------ */

}
.site-header .head-link li:last-child a span{
  padding: 0 0 0 15px;
  background: url('/img/ico_1.png') center left no-repeat;
}
.site-header .head-link form{
  float: right;
  position: relative;
  top: 0;
  border-bottom: 2px solid #004a68;
}
.site-header .head-link form input[type=text]{
  width: 150px;
  padding: 1px 0 3px;
  border: 0;
}
.site-header .head-link form input[type=submit]{
  position: absolute;
  top: 5px;
  right: 3px;
  width: 18px;
  height: 18px;
  background: url('/img/ico_2.png') left top no-repeat;
  border: 0;
  font-size: 0;
  line-height: 0;
  text-indent: -9999px;
}
.site-header .head-main .logo{
  float: left;
  position: relative;
  top: 18px;
  margin: 0 40px 0 0;
}
.site-header .head-main .mark-list{
  float: left;
  margin: 0 86px 0 0;
}
.site-header .head-main .mark-list li{
  float: left;
  margin: 13px 5px 0 0;
}
.site-header .head-main .inq{
  float: left;
  position: relative;
  top: 4px;
/*  width: 523px; */
  width: 650px;
  height: 76px;
  padding: 3px 0 0 25px;
/*   background: url('/img/bg_0.png') left top no-repeat;
*/ 
  box-sizing: border-box;

  -webkit-box-sizing: border-box;
}
.site-header .head-main .inq p{
  float: left;
  margin: 0 0 0 35px;
  padding: 3px 0 0;
  font-size: 13px;
  font-weight: bold;
}
.site-header .head-main .inq p img{
  display: inline-block;
  width: 237px;
  height: 22px; 
  margin: 3px 0 2px;
}
.site-header .head-main .inq p span{
  font-size: 10px;
  font-weight: normal;
}
.site-header .head-main .inq p + p{
  margin: 8px 0 0 5px;
  padding: 0;
}
.site-header .head-main .inq p + p a{
  display: inline-block;
  padding: 12px 18px 10px 15px;
/*  border: 2px solid #26ade4;
*/
  border-radius: 8px;
  color: #ffffff;
  font-size: 22px;
  text-decoration: none;

  background: #a3d502;
  background: linear-gradient(to bottom, #a3d502 0%, #3bad00 100%);
  border-bottom: 4px solid #287700;

/*
  background: #0054ac;
  background: -webkit-gradient(linear, 0% 100%, 0% 0%, from(rgb(22,122,189)), to(rgb(85,155,206)));
  background: -ms-linear-gradient(top, #167abd, #167abd);
  filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr='#FF9BCE55', EndColorStr='#FF7ABD1D');
  border-bottom: 4px solid #0b4b8a;
*/

}

.site-header .head-main .inq p + p span{
  display: inline-block;
  min-height: 28px;
  padding: 0px 0 0 35px;
  background: url('/img/ico_3.gif') left top no-repeat;
  box-sizing: border-box;
  font-size: 20px;
  font-weight: bold; 

  -webkit-box-sizing: border-box;
  text-shadow: rgba(0, 0, 0, 0.498039) 0px -1px 1px;
}

/* 20181107 BZ2 Ryo */
.site-header .head-main .inq p + p.sup{
  margin: 8px 0 0 25px;
  padding: 0;
}

.site-header .head-main .inq p + p.sup a{
  display: inline-block;
  padding: 12px 15px 10px 15px;
  border-radius: 8px;
  color: #ffffff;
  font-size: 22px;
  text-decoration: none;

  background: #f90;
  background: linear-gradient(to bottom, #f90 0%, #f01a09 100%);
  border-bottom: 4px solid #a80606;

/*
  background: #0054ac;
  background: -webkit-gradient(linear, 0% 100%, 0% 0%, from(rgb(22,122,189)), to(rgb(85,155,206)));
  background: -ms-linear-gradient(top, #167abd, #167abd);
  filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr='#FF9BCE55', EndColorStr='#FF7ABD1D');
  border-bottom: 4px solid #0b4b8a;
*/

}

.site-header .head-main .inq p + p.sup span{
  display: inline-block;
  min-height: 28px;
  padding: 0px 0 0 35px;
  background: url('/img/ico_3.gif') left top no-repeat;
  box-sizing: border-box;
  font-size: 20px;
  font-weight: bold; 

  -webkit-box-sizing: border-box;
  text-shadow: rgba(0, 0, 0, 0.498039) 0px -1px 1px;
}

/* 20170711 MI1CPST1 Ryo */
.site-header .head-main .inq p + p a.apl{
  display: inline-block;
  padding: 14px 10px 14px 8px;
  background: #eeffdd;
  border: 2px solid #8ec95e;
  border-radius: 4px;
  color: #42ae3f;
  font-size: 14px;
  text-decoration: none;
}

.site-header .head-main .inq p + p span.apl{
  display: inline-block;
  min-height: 28px;
  padding: 4px 0 0 35px;
  background: url('/img/ico_3apl.png') left top no-repeat;
  box-sizing: border-box;
  font-size: 14px;
  font-weight: bold; 

  -webkit-box-sizing: border-box;
}

/* ------------------------------------------------
global nav
------------------------------------------------ */

.gnav{
  width: 100%;
  min-width: 1200px;
  padding: 0 0 6px;
  background: url('/img/bg_1.png') left bottom repeat-x;
  border-top: 1px solid #3aa2d9;
  text-align: center;
  position: absolute;
/*  top:-92px;*/
}
.fixed {
    position: fixed !important;
    top: 0;
    width: 100%;
    z-index: 10000;
}
.gnav{
  position: relative;
  z-index: 999999; 
  padding: 0;
  background: rgba(255, 255, 255, 0.94);
  box-shadow: 0 5px 10px -1px rgba(0, 0, 0, 0.1);
}

.gnav ul{
  float: left; 
  margin: 0 0 0 10px;
}
.gnav li{
  float: left;
  margin:0;
  background: url('/img/ico_5.png') center left no-repeat;
  box-sizing:border-box;
}
.gnav li a{
  display: block;
  position: relative;
  color: #000;
  font-size: 16px;
  font-weight: bold;
  line-height: 1.34375;
  text-decoration: none;
}
.gnav .current{
  border-bottom:5px solid #0054ac;
}
.gnav .current a{
  color:#0054ac;
}
.gnav li.n0{
  background: url('/img/ico_4.png') 0 22px no-repeat;
}
.gnav li.n0{
  padding: 22px 0 20px 18px;
  width:210px;
}
.gnav li.n1{
  padding: 22px 0 20px 14px;
  width:150px;
}
.gnav li.n2{
  padding: 22px 0 20px 34px;
  width:125px;
}
.gnav li.n3{
  padding: 22px 0 20px 24px;
  width:141px;
}
.gnav li.n4{
  padding: 22px 0 20px 10px;
  text-align: center;
  width:148px;
}
.gnav li.n4 a span{
  position: relative;
  top: -4px;
  font-size: 12px;
}
.gnav li.n5{
  margin: 7px 0 0;
  background: none;
  float:right;
}
.gnav li.n5 a{
  display: block;
  height: auto;
  padding: 12px 20px 8px 17px;
  background: #f90;
  background: linear-gradient(to bottom, #f90 0%, #ff6c00 100%);
  border-bottom: 4px solid #c25200;
  border-radius: 8px;
  color: #fff;
}
.gnav li.n5 a span{
  padding: 0 0 0 22px;
  background: url('/img/ico_6.png') center left no-repeat;
  font-size: 18px;
  text-shadow: rgba(0, 0, 0, 0.498039) 0px -1px 1px;
}
.gnav p{
  float: left;
}
.gnav p a{
  display: block;
  height: auto;
  padding: 17px 37px 16px 11px;
  background: #fe9900;
  background: linear-gradient(to bottom, #fe9900 0%, #eb8d00 100%);
  border-bottom: 3px solid #9d5f00;
  border-radius: 4px;
  color: #fff;
}
.gnav p a span{
  padding: 0 0 0 30px;
  background: url('/img/ico_6.png') center left no-repeat;
}

/* ------------------------------------------------
breadcrumb
------------------------------------------------ */
.breadcrumb{
  min-width: 1200px;
  padding: 6px 0 12px;
}

.breadcrumb p{
  display: inline;
  font-size: 12px;
}
.breadcrumb p a{
  color: #26ade4;
  font-size: 12px;
  line-height: 1;
}
.breadcrumb p a:hover{
  text-decoration: none;
}
.breadcrumb p.gt{
  color: #26ade4;
}
.breadcrumb ol{
  list-style: none;
}
.breadcrumb ol li{
  display: inline;
  margin: 0;
  font-size: 12px;
}
.breadcrumb ol li a{
  color: #26ade4;
  font-size: 12px;
  line-height: 1;
}
.breadcrumb ol li a:hover{
  text-decoration: none;
}
.breadcrumb ol li.ac a{
  color: #000;
  text-decoration: none;
}
.breadcrumb ol li.gt{
  color: #26ade4;
}

/* ------------------------------------------------
contents
------------------------------------------------ */
.contents{
  min-width: 1200px;
  padding: 0 0 90px;
}
.contents .main{
  float: right;
  width: 730px;
  color: #181818;
  font-family: 'メイリオ',Meiryo,'ＭＳ Ｐゴシック','MS Pgothic','Osaka',sans-serif,Helvetica, Helvetica Neue, Arial, Verdana;
}
.contents .main section{
  margin: 0 0 40px;
}
.contents .main section > section{
  margin: 15px 0 30px;
}
.contents .main a{
  color: #0092cd;
}
.contents .main a:hover{
  text-decoration: none;
}

.contents .main h1{
  margin: 0 0 35px;
  padding: 36px 25px 32px;
  background: #58c0e9;
  color: #fff;
  font-size: 31px;
  font-weight: bold;
  line-height: 1;
  text-shadow: 1px 1px 6px rgba(0, 0, 0, 0.4);

  -webkit-text-shadow: 1px 1px 6px rgba(0, 0, 0, 0.4);
}

.main h1 span{
	margin:0 0 10px;
  font-size: 18px !important;
  line-height:1.0 !important;
  font-weight: bold;
  display:block;
}

.contents .main h4, .contents .main .year{
  margin: 0 0 5px;
  border-bottom: 1px solid #6c6c6c;
  color: #0047a0;
  font-size: 15px;
  line-height: 1.93333;
}
.contents .main p, .contents .main dt, .contents .main dd, .contents .main li{
  font-size: 13px;
  line-height: 1.53846;
}
.contents .main p span, .contents .main dt span, .contents .main dd span, .contents .main li span{
  font-size: 11px;
}

.main li span.qa{
  font-size: 14px;
  color: #06C;
}

.contents .main p, .contents .main figure, .contents .main ul{
  margin: 0 0 15px;
}
.contents .main figcaption{
  margin: 3px 0 7px;
  font-size: 13px;
}
.contents .side-nav{
  float: left;
  width: 220px;
}
.contents .side-nav .tit{
  margin: 0 0 6px;
  padding: 12px 15px 11px;
  background: #0054ac;
  border-bottom: 1px solid #26ade4;
  color: #fff;
  font-size: 16px;
  font-weight: bold;
}
.contents .side-nav .tit .ico-feature{
  padding: 0 0 0 20px;
  background: url('/img/ico_14.png') left center no-repeat;
  font-size: 15px;
}
.contents .side-nav .tit .ico-free{
  padding: 0 0 0 38px;
  background: url('/img/ico_17.png') left center no-repeat;
  font-size: 15px;
}
.contents .side-nav nav{
  margin: 0 0 20px;
  font-family: 'メイリオ',Meiryo,'ＭＳ Ｐゴシック','MS Pgothic','Osaka',sans-serif,Helvetica, Helvetica Neue, Arial, Verdana;
}
.contents .side-nav nav li a{
  display: block;
  padding: 17px 7px 18px;
  background: url('/img/bg_3.png') left bottom repeat-x;
  color: #3b3b3b;
  font-size: 13px;
  font-weight: bold;
  line-height: 1.23077;
  text-decoration: none;
}
.contents .side-nav nav li a span{
  display: block;
  padding: 0 0 0 17px;
  background: url('/img/ico_9.png') left center no-repeat;
}
.contents .side-nav nav li.ac a{
  padding: 5px 0 3px;
  color: #0054ac;
  font-size: 14px;
}
.contents .side-nav nav li.ac a span{
  display: block;
  margin: 0 0 3px;
  padding: 17px 7px 15px;
  background: url('/img/bg_4.png') left top repeat;
}
.contents .side-nav nav li.ac a span span{
  display: block;
  padding: 0 0 0 17px;
  background: url('/img/ico_9.png') left center no-repeat;
  border-radius: 0;
}
.contents .side-nav nav li ul{
  padding: 7px 11px 20px;
  background: url('/img/bg_3.png') left bottom repeat-x;
}
.contents .side-nav nav li li{
  margin: 13px 0 0;
  padding: 0 4px;
}
.contents .side-nav nav li li a{
  padding: 0 !important;
  background: none !important;
  color: #3b3b3b !important;
  font-size: 13px !important;
}
.contents .side-nav nav li li span{
  margin: 0 !important;
  padding: 0 0 0 9px !important;
  background: url('/img/ico_0.png') center left no-repeat !important;
}
/*
.contents .side-nav nav li li.ac{
  padding: 0 4px 7px;
  border-bottom: 2px solid #0054ac;
}
*/
.contents .side-nav nav li li.ac a{
  color: #0054ac !important;
}
.contents .side-nav .download{
  margin: 0 0 12px;
  padding: 13px 12px;
  background: #fff;
  border: 2px solid #9acc00;
  text-align: center;
}
.contents .side-nav .download p{
  margin: 0 0 10px;
  font-size: 13px;
  font-weight: bold;
}
.contents .side-nav .download p + p{
  margin: 0;
  text-align: left;
}
.contents .side-nav .download p + p a{
  display: block;
  width: auto;
  margin: 0;
  padding: 6px 0 4px 0;
  background: #9dd000;
  background: linear-gradient(to bottom, #9dd000 0%, #8dbb00 100%);
  border-bottom: 3px solid #4e6700;
  border-radius: 4px;
  color: #fff;
  font-size: 19px;
  font-weight: bold;
  line-height: 1;
  text-decoration: none;
  text-shadow: 1px 1px 6px rgba(0, 0, 0, 0.4);

  -webkit-text-shadow: 1px 1px 6px rgba(0, 0, 0, 0.4);
}
.contents .side-nav .download p + p a span{
  display: block;
  height: 30px;
  margin: 0 16px;
  padding: 12px 0 0 33px;
  background: url('/img/ico_7.png') left center no-repeat;

  vertical-align: top;
}
.contents .side-nav .promotion{
  margin: 0 0 25px;
  padding: 13px 0 12px;
  background: #fcddda;
  text-align: center;
}
.contents .side-nav .promotion p{
  margin: 0 0 6px;
  padding: 0 0 12px;
  background: url('/img/bg_5.png') center bottom no-repeat;
  color: #f25447;
  font-size: 16px;
  font-weight: bold;
}
.contents .side-nav .bnr-list p{
  margin: 0 0 9px;
  padding: 0 0 0 17px;
  background: url('/img/ico_9.png') left center no-repeat;
  color: #0054ac;
  font-size: 16px;
  font-weight: bold;
}
.contents .side-nav .bnr-list li{
  margin: 0 0 10px;
}

/* ------------------------------------------------
inquire
------------------------------------------------ */
.inquire{
  min-width: 1200px;
  padding: 37px 0 50px;
  background: #a2d5e7;
  text-align: center;
}
.inquire .tit{
  display: inline;
  border-bottom: 4px solid #2e6a80;
  color: #fff;
  font-size: 28px;
  font-weight: bold;
  line-height: 1.5;
  text-shadow: 1px 1px 6px rgba(0, 0, 0, 0.4);

  -webkit-text-shadow: 1px 1px 6px rgba(0, 0, 0, 0.4);
}
.inquire .tit span{
  display: inline;
  border-bottom: 4px solid #fff;
}
.inquire .inner{
  margin: 34px auto 0;
}
.inquire .inner div{
  float: left;
  width: 472px;
  height: 200px;
  padding: 16px 0 0 151px;
  background: url('/img/bg_2.png') left bottom no-repeat #edf8fc;
  border-radius: 4px;
  box-sizing: border-box;

  -webkit-box-sizing: border-box;
}
.inquire .inner div p{
  font-size: 16px;
  font-weight: bold;
  line-height: 1;
}
.inquire .inner div p img{
  display: inline-block;
  margin: 14px 0 8px -12px;
}
.inquire .inner div p span{
  padding: 0 0 0 13px;
  font-size: 14px;
  font-weight: normal;
}
.inquire .inner div p + p{
  width: 100%;
  margin: 14px 0 0;
  padding: 0;
  box-sizing: border-box;

  -webkit-box-sizing: border-box;
}
.inquire .inner div p + p a{
  display: inline-block;
  width: 314px;
  margin: 0 0 0 -12px;
  padding: 17px 10px 17px 8px;
  border-radius: 8px;
  box-sizing: border-box;
  color: #ffffff;
  font-size: 17px;
  text-decoration: none; 

  background: #a3d502;
  background: linear-gradient(to bottom, #a3d502 0%, #3bad00 100%);
  border-bottom: 4px solid #287700;


  -webkit-box-sizing: border-box;
}

.inquire .inner div p + p span{
  display: inline-block;
  min-height: 28px;
  padding: 5px 0 0 16px;
  box-sizing: border-box;
  font-size: 22px;
  font-weight: bold; 

  -webkit-box-sizing: border-box;
}
.inquire .inner div + div, .inquire .inner .inq-list{
  margin: 0 0 0 35px;
  padding: 15px 0 0;
  background: #edf8fc;
  text-align: center;
}
.inquire .inner div + div li p, .inquire .inner .inq-list li p{
  width: auto;
  margin: 0 20px 7px;
}

.inquire .inner div + div li p a, .inquire .inner .inq-list li p a{
  display: block;
  width: auto;
  margin: 0;
  padding: 9px 0 7px 0;
  background: #9dd000;
  background: linear-gradient(to bottom, #bfc306 0%, #dbfb0a 100%);
  border: none;
  border-bottom: 3px solid #6eae13;
  color: #fff;
  font-size: 17px;
  font-weight: bold;
  line-height: 1;
  text-shadow: 1px 1px 6px rgba(0, 0, 0, 0.4);

  -webkit-text-shadow: 1px 1px 6px rgba(0, 0, 0, 0.4);
}

.inquire .inner div + div li p a span, .inquire .inner .inq-list li p a span{
  display: block;
  height: 38px;
  margin: 0 25px;
  padding: 11px 0 0;
  background: url('/img/ico_7.png') left center no-repeat;
}
.inquire .inner div + div li:first-child, .inquire .inner .inq-list li:first-child{
  margin: 0 0 13px;
}

.inquire .inner div + div li:first-child p a, .inquire .inner .inq-list li:first-child p a{
  padding: 9px 0 8px 0;
  border: none;
  background: #f90;
  background: linear-gradient(to bottom, #f90 0%, #ff6c00 100%);
  border-bottom: 4px solid #c25200;
}

.inquire .inner div + div li:first-child p a span, .inquire .inner .inq-list li:first-child p a span{
  height: 38px;
  padding: 10px 0 0;
  background: url('/img/ico_7.png') left center no-repeat;
}

/* ------------------------------------------------
related-site
------------------------------------------------ */
.related-site{
  min-width: 1200px;
  padding: 40px 0 55px;
  background: #f5f5f5;
  text-align: center;
}
.related-site .tit{
  display: inline;
  border-bottom: 4px solid #000;
  font-size: 28px;
  font-weight: bold;
  line-height: 1.5;
}
.related-site nav{
  width: 875px;
  margin: 34px auto 0;
}
.related-site ul{
  margin: 0 auto;
}
.related-site li{
  float: left;
  width: 200px;
  margin: 0 9px;
  box-sizing: border-box;

  -webkit-box-sizing: border-box;
}
.related-site a{
  display: block;
  margin: 0 0 6px;
  color: #0004aa;
  font-size: 12px;
  line-height: 1.66667;
}
.related-site span{
  display: block;
  text-align: left;
}
.related-site span:before{
  content: '＞';
  color: #0004aa;
  font-size: 12px;
  line-height: 1.66667;

  vertical-align: top;
}
.related-site span a{
  display: inline-block;
  margin: 0;
  text-align: left;
}
.related-site span a:hover{
  text-decoration: none;
}

/* ------------------------------------------------
site-footer
------------------------------------------------ */
.site-footer{
  width: 100%;
  min-width: 1200px;
  padding: 38px 0 49px;
  background: #0054ac;
}
.site-footer a, .site-footer p{
  color: #fff;
  font-size: 11px;
  font-weight: bold;
  text-decoration: none;
}
.site-footer a:hover{
  text-decoration: underline;
}
.site-footer .navlist{
  padding: 0 0 20px;
}
.site-footer .navlist div{
  float: left;
}
.site-footer .navlist div.nav0{
  margin: 0 28px 0 0;
}
.site-footer .navlist div.nav1{
  margin: 0 28px 0 0;
}
.site-footer .navlist div.nav2{
  margin: 0 28px 0 0;
}
.site-footer .navlist div.nav3{
  margin: 0 28px 0 0;
}
.site-footer .navlist p{
  line-height: 1.6;
}
.site-footer .navlist li{
  line-height: 1.2;
}
.site-footer .navlist li a{
  letter-spacing: 0.01em;
}
.site-footer .subnav{
  border-top: 1px solid #4a85c2;
}
.site-footer .subnav li{
  float: left;
}
.site-footer .subnav nav{
  float: left;
  padding: 11px 0 0;
}
.site-footer .subnav nav li{
  margin: 0 5px 0 0;
}
.site-footer .subnav nav + nav{
  float: right;
}
.site-footer .subnav nav + nav li{
  margin: 0 0 0 26px;
}

/* ------------------------------------------------
site-footer
------------------------------------------------ */
.page-mv {
  padding: 30px 0px;
  background: #0054ac;
}
.page-mv a.page-txt {
  font-size: 18px;
  color: #ffffff;
}

.contents .main p.tbltop {
  margin: 0 0 5px;
}


.contents .main p.ind-small{
  font-size: 10px;
}