@charset "UTF-8";
/*
 * special.css
 */


/* reset */
html, body, div, h1, h2, h3, h4, h5, h6, p, blockquote, pre, address, ul, ol, li, dl, dt, dd, table, th, td, form, fieldset {
	margin: 0;
	padding: 0;
}
* html * {
}
:first-child + html * {
}
body {
	font-size: 100%;
}
h1, h2, h3, h4, h5, h6 {
	font-size: 100%;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
	font-size: inherit;
}
td, th {
	vertical-align: top;
}
img {
	border: medium none;
	vertical-align: bottom;
}
fieldset, img {
	border: 0 none;
}
th {
	font-style: normal;
	font-weight: normal;
}
/* //reset */

/* common */
body {
	background: #f0f0f0 url("/portal/page/out/mct/img/bg_body01.gif") no-repeat scroll center top;
    color: #333;
    font-family: "ヒラギノ角ゴPro W3","Hiragino Kaku Gothic Pro",Osaka,"Meiryo UI","ＭＳ Ｐゴシック","MS PGothic",Arial,Helvetica,Verdana,sans-serif !important;
    font-size: 12px;
    line-height: 1.5;
}

.clearfix:after{
    clear: both !important;
    content: "." !important;
    display: block;
    height: 0 !important;
    visibility: hidden;
}
#responsiveHeaderWrapper{
	border-bottom:3px solid #0E3193;
	width:100%;
	padding-bottom:10px;
	}

#responsiveHeader {
    margin: 0 auto ;
    text-align: left ;
    width: 980px ;
}

#responsiveHeader #headerLogo {
    padding: 12px 0 5px 1px ;
}
#responsiveHeader #hederRead {
    color: #999999 ;
    font-size: 9px ;
}
#mainImgWrapper{
	width:100%;

	background-color:#F0F0F0;
}
.headerTxt{

	background-color:#FFFFFF;
	width:100%;
	margin:0 auto;
}
.headerTxtInner{
	padding:5px;
	text-align:right;
	max-width:980px;
	margin:0 auto;
}
.headerTxt a{
	color:#333333;
	text-decoration:none;
}
#mainImg{
    width: 980px ;
    margin: 0 auto ;
	text-align:center;
	background-color:#F0F0F0;
}
#mainImg h2{
	font-size:30px;
	color:#FFFFFF;
	font-weight: normal;
}
#mainImg h2 span{
	font-size:18px;
}
#maincontent{
    background-color: #ffffff;
    display: block;
    margin: 0 auto ;
    padding: 20px;
    width: 940px ;
}

#responsiveFooter{
	background-color:#FFFFFF;
	width:100%;
	padding-bottom:10px;
	margin-top:30px;
}
#responsiveFooter ul {
    float: left ;
    padding: 0 0 0 1px ;
}
#responsiveFooterTop{
	background-color:#04005F;
	padding-top:10px;
	padding-bottom:10px;
}

.responsiveFooterIn{
    width: 980px ;
    margin: 0 auto ;
	display:block;
}

#responsiveFooterTop ul li {
    background: rgba(0, 0, 0, 0) url("/portal/page/out/mct/img/ico_ft_arrow_r01.gif") no-repeat scroll left center !important;
    float: left ;
    margin-right: 21px ;
    padding: 0 0 0 9px ;
}

#responsiveFooterTop ul li a {
    color: #fff ;
	text-decoration: none;
}
#responsiveFooterTop .responsiveFtPageTop {
    text-align: right ;
}
#responsiveFooterTop .responsiveFtPageTop a {
    background: rgba(0, 0, 0, 0) url("/portal/page/out/mct/img/ico_pagetop01.gif") no-repeat scroll left center !important;
    color: #fff ;
    padding-left: 11px ;
	text-decoration: none;
}
#responsiveFooterTop ul {
    list-style: outside none none ;
}
#copyright {
    color: #666 ;
    padding-top: 10px ;
    text-align: center ;
}




.fltL {
    float: left !important
}
.fltR {
    float: right !important
}
.alignL {
    text-align: left !important
}
.alignC {
    text-align: center !important
}
.alignR {
    text-align: right !important
}
.valignT {
    vertical-align: top !important
}
.valignM {
    vertical-align: middle !important
}
.valignB {
    vertical-align: bottom !important
}
.clear {
    clear: both
}
.fcRed {
    color: #ff0000
}
.fcGreenA {
    color: #68a343
}
.fcGreenB {
    color: #478c4c
}
.fcBlueA {
    color: #1A4E99
}
.fcBlueB {
    color: #00B0F0
}
.fcOrangeA {
    color: #EA7B07
}
.fcGreyA {
    color: #7F7F7F
}
.bgGreenA {
    background-color: #68a343 !important;
    color: #ffffff;
    padding: 2px;
}
.bgGreenB {
    background-color: #478c4c !important;
    color: #ffffff;
    padding: 2px;
}
.bgGreenC {
    background-color: #D1E3C6 !important;
    padding: 2px;
}
.bgBlueA {
    background-color: #1A4E99 !important;
    color: #ffffff;
    padding: 2px;
}
.bgBlueB {
    background-color: #00B0F0 !important;
    color: #ffffff;
    padding: 2px;
}
.bgBlueC {
    background-color: #BACAE0 !important;
    padding: 2px;
}
.bgOrangeA {
    background-color: #EA7B07 !important;
    color: #ffffff;
    padding: 2px;
}
.bgOrangeB {
    background-color: #E9A64D !important;
    color: #ffffff;
    padding: 2px;
}
.bgPinkA {
    background-color: #8E1862 !important;
    color: #ffffff;
    padding: 2px;
}
.bgPinkB {
    background-color: #BC545D !important;
    color: #ffffff;
    padding: 2px;
}
.bgPinkC {
    background-color: #DDB9D0 !important;
    padding: 2px;
}
.bgPinkD {
    background-color: #EBCBCE !important;
    padding: 2px;
}
.bgGrayA {
    background-color: #d5d5d5 !important;
    color: #ffffff;
    padding: 2px;
}
.listtypea {
    padding-left: 16px !important
}
.listtypea li {
    list-style-type: disc !important
}
.fsSS {
    font-size: 8px
}
.fsS {
    font-size: 10px
}
.mrg5 {
    margin: 5px !important
}
.mrg10 {
    margin: 10px !important
}
.mrg15 {
    margin: 15px !important
}
.mrg20 {
    margin: 20px !important
}
.mrgT5 {
    margin-top: 5px !important
}
.mrgT10 {
    margin-top: 10px !important
}
.mrgT15 {
    margin-top: 15px !important
}
.mrgT16 {
    margin-top: 16px !important
}
.mrgT20 {
    margin-top: 20px !important
}
.mrgT30 {
    margin-top: 30px !important
}
.mrgT40 {
    margin-top: 40px !important
}
.mrgT50 {
    margin-top: 50px !important
}
.mrgT60 {
    margin-top: 60px !important
}
.mrgT70 {
    margin-top: 70px !important
}
.mrgT80 {
    margin-top: 80px !important
}
.mrgT90 {
    margin-top: 90px !important
}
.mrgT100 {
    margin-top: 100px !important
}
.mrgB0 {
    margin-bottom: 0px !important
}

.mrgB5 {
    margin-bottom: 5px !important
}
.mrgB10 {
    margin-bottom: 10px !important
}
.mrgB15 {
    margin-bottom: 15px !important
}
.mrgB20 {
    margin-bottom: 20px !important
}
.mrgB30 {
    margin-bottom: 30px !important
}
.mrgB40 {
    margin-bottom: 40px !important
}
.mrgB50 {
    margin-bottom: 50px !important
}
.mrgL5 {
    margin-left: 5px !important
}
.mrgL10 {
    margin-left: 10px !important
}
.mrgL15 {
    margin-left: 15px !important
}
.mrgL20 {
    margin-left: 20px !important
}
.mrgL30 {
    margin-left: 30px !important
}
.mrgL40 {
    margin-left: 40px !important
}
.mrgL50 {
    margin-left: 50px !important
}
.mrgR5 {
    margin-right: 5px !important
}
.mrgR10 {
    margin-right: 10px !important
}
.mrgR15 {
    margin-right: 15px !important
}
.mrgR20 {
    margin-right: 20px !important
}
.mrgR30 {
    margin-right: 30px !important
}
.mrgR40 {
    margin-right: 40px !important
}
.mrgR50 {
    margin-right: 50px !important
}
.pdg2 {
    padding: 2px !important
}
.pdg4 {
    padding: 4px !important
}
.pdgT5 {
    padding-top: 5px !important
}
.pdgT10 {
    padding-top: 10px !important
}
.pdgT15 {
    padding-top: 15px !important
}
.pdgT20 {
    padding-top: 20px !important
}
.pdgT30 {
    padding-top: 30px !important
}
.pdgT40 {
    padding-top: 40px !important
}
.pdgT50 {
    padding-top: 50px !important
}
.pdgB5 {
    padding-bottom: 5px !important
}
.pdgB10 {
    padding-bottom: 10px !important
}
.pdgB15 {
    padding-bottom: 15px !important
}
.pdgB20 {
    padding-bottom: 20px !important
}
.pdgB30 {
    padding-bottom: 30px !important
}
.pdgB40 {
    padding-bottom: 40px !important
}
.pdgB50 {
    padding-bottom: 50px !important
}
.pdgL5 {
    padding-left: 5px !important
}
.pdgL10 {
    padding-left: 10px !important
}
.pdgL15 {
    padding-left: 15px !important
}
.pdgL20 {
    padding-left: 20px !important
}
.pdgL30 {
    padding-left: 30px !important
}
.pdgL40 {
    padding-left: 40px !important
}
.pdgL50 {
    padding-left: 50px !important
}
.pdgR5 {
    padding-right: 5px !important
}
.pdgR10 {
    padding-right: 10px !important
}
.pdgR15 {
    padding-right: 15px !important
}
.pdgR20 {
    padding-right: 20px !important
}
.pdgR30 {
    padding-right: 30px !important
}
.pdgR40 {
    padding-right: 40px !important
}
.pdgR50 {
    padding-right: 50px !important
}
.w50 {
    width: 50px !important
}
.w60 {
    width: 60px !important
}
.w70 {
    width: 70px !important
}
.w80 {
    width: 80px !important
}
.w90 {
    width: 90px !important
}
.w100 {
    width: 100px !important
}
.w110 {
    width: 110px !important
}
.w120 {
    width: 120px !important
}
.w130 {
    width: 130px !important
}
.w140 {
    width: 140px !important
}
.w150 {
    width: 150px !important
}
.w160 {
    width: 160px !important
}
.w170 {
    width: 170px !important
}
.w180 {
    width: 180px !important
}
.w190 {
    width: 190px !important
}
.w200 {
    width: 200px !important
}
.w210 {
    width: 210px !important
}
.w220 {
    width: 220px !important
}
.w230 {
    width: 230px !important
}
.w240 {
    width: 240px !important
}
.w250 {
    width: 250px !important
}
.w300 {
    width: 300px !important
}
.w360 {
    width: 360px !important
}
.w380 {
    width: 380px !important
}
.w480 {
    width: 480px !important
}
.w520 {
    width: 520px !important
}
.w600 {
    width: 600px !important
}
.w680 {
    width: 680px !important
}
.w700 {
    width: 700px !important
}
.w10p {
    width: 10% !important
}
.w15p {
    width: 15% !important
}
.w20p {
    width: 20% !important
}
.w25p {
    width: 25% !important
}
.w30p {
    width: 30% !important
}
.w35p {
    width: 35% !important
}
.w40p {
    width: 40% !important
}
.w45p {
    width: 45% !important
}
.w50p {
    width: 50% !important
}
#maincontent{
	padding-top:46px;}

#maincontent .section{
	margin: 0 0px 0 0px;
	clear:both;
}

#maincontent .section01{
	margin: 0 20px 0 20px;
	clear:both;
}
#maincontent .section02{
	margin: 0 40px 0 40px;
	min-height: 69px;
}
#maincontent .indent10{
	margin: 0 10px 0 10px;
}
#maincontent .indent20{
	margin: 0 20px 0 20px;
}
#maincontent .indent40{
	margin: 0 40px 0 40px;
}
#maincontent p{
	font-size:14px;
}

#maincontent:after, .section01:after,.section:after, .productListBox ul:after {  
  content: ".";   
  display: block;   
  height: 0;   
  clear: both;   
  visibility: hidden;  
}  
  
.section01,.section { display: inline-table; }  
  
/* Hides from IE-mac \*/  
* html .section01 { height: 1%; }  
.section01 { display: block; }  
/* End hide from IE-mac */  


#maincontent a:hover img{
	opacity:0.9;
	}

#maincontent ul li{
	list-style:none;
}

/* -------------------------------
special
------------------------------- */
#gNav{
	width:100%;
	background-color:#FFFFFF;
	position:absolute;
	padding-top:10px;
	padding-bottom:10px;
	border-bottom:solid 1px #F0F0F0;
	display:block;
}
#gNavInner{
	min-width:980px;
	margin: 0 auto;
}
#gNav ul{
	max-width:980px;
	margin: 0 auto;
	display:table;
}
#gNav ul li{
	display:table-cell;
	padding-left:40px;
}
#gNav ul li a{
	color:#333333;
	text-decoration:none;
	font-size:15px;
	margin-top:3px;
	display:inline-block;
}
#gNav ul li img{
    height: auto;
    margin-right: 7px;
    vertical-align: middle;
    width: 16px;
}
#gNav ul li span{
	display:inline-block;
}

#gNav ul li:first-child{
	padding-left:0;
}

#maincontent .mainLead{
	text-align:center;
	color:#3F6BB4;
	margin-top:40px;;
	font-size:32px;
	font-weight:normal;
	margin-bottom:30px;
}
#maincontent .lead01{
    font-size: 17px;
    margin-bottom: 30px;
    padding-left: 10px;
    padding-right: 10px;
	text-align:center;
}

#maincontent .off47 {
    float: right;
    margin-top: 20px;
}
#maincontent .productLead01{
	margin-bottom:10px;
	
}
#maincontent .productLead01::after, .productLead02::after{
  content: "."; 
  display: block; 
  height: 0; 
  font-size:0;	
  clear: both; 
  visibility:hidden;
}
#maincontent .productLead01 dt{
    background-color: #4d4d4d;
    border-radius: 8px;
    color: #ffffff;
    display: block;
    float: left;
    font-size: 21px;
    height: 140px;
    padding: 100px 0 15px 35px;
    width: 80px;
}
#maincontent .productLead01 dd{
	margin-left:90px;
}
#maincontent .productLead01 dd ul{
	float:left;
}
#maincontent .productLead01 dd ul li{
	float:left;
	margin-left: 30px;
	text-align:center;
}

#maincontent .productLead02 dt{
    background-color: #4d4d4d;
    border-radius: 8px;
    color: #ffffff;
    display: block;
    float: left;
    font-size: 21px;
    height: 72px;
    padding: 17px 8px 11px;
    text-align: center;
    width: 98px;
}

#maincontent .productLead02 dd {
    font-size: 12px;
    margin-left: 135px;
    padding-top: 10px;
	line-height: 1.7;
}

#maincontent .kyouikuBox{
	background-image:url(/portal/page/out/x1682_zci/img/x1682_zci_img_kyouikuBox01.png);
	background-position:left center;
	background-repeat:no-repeat;
    clear: both;
    margin: 40px  -20px;
    padding: 40px;
}
#maincontent .kyouikuBox::after{
  content: "."; 
  display: block; 
  height: 0; 
  font-size:0;	
  clear: both; 
  visibility:hidden;
}
#maincontent .contactBox{
    margin-left: 580px;
    margin-top: -94px;
    position: absolute;
    text-align: center;

}
#maincontent .contactBox:hover{
	opacity:0.8;
}

#maincontent .contactBox a{
	font-size:20px;
	display:block;
	color:#FFFFFF;
	text-decoration:none;
}
#maincontent .contactBox a img{
	margin-top:10px;}

#maincontent .kyouikuBox h3{
    font-size: 24px;
    font-weight: normal;
    margin-bottom: 10px;
}

#maincontent .kyouikuBox p {
    font-size: 18px;
    margin-bottom: 10px;
}
#maincontent .kyouikuBox p.small{
	margin-bottom:0;
	font-size: 14px;
}

#maincontent .startIcon{
	text-align:center;
}


#maincontent .subLead{
	font-size:30px;
	margin-bottom:30px;
	text-align:center;
	font-weight:normal;
}
#maincontent .subLead span{
	display:inline-block;

}
#maincontent .greyBox3c{
	margin-bottom:40px;
}
#maincontent .greyBox3c::after{
	content: "."; 
	display: block; 
	height: 0; 
	font-size:0;	
	clear: both; 
	visibility:hidden;
}
#maincontent .greyBox3c li{
    background-color: #efefef;
    float: left;
    margin-left: 10px;
    min-height: 493px;
    padding: 10px;
    width: 286px;
}
#maincontent .greyBox3c li:first-child{
	margin-left:0px;
}
#maincontent .greyBox3c h4{
	font-size:21px;
	text-align:center;
	margin-top:15px;
	margin-bottom:15px;
	font-weight:normal;
}
#maincontent .greyBox3c li:first-child h4 {
    margin-bottom: 33px;
    margin-top: 29px;
}
#maincontent .greyBox3c li p{
    font-size: 14px;
    margin-bottom: 15px;
}

#maincontent .greyBox3c li p a{
	color:#036Eb8;
	text-decoration:none;
}
#maincontent .grayTtl{
	background-color:#ebebeb;
	padding:10px;
	font-size:20px;
	font-weight:normal;
	text-align:center;
	margin-bottom:20px;
}
.tableSpBox{
	margin-bottom:40px;
}
.startIcon{
	margin-bottom:10px;
}
.noteSmall{
	font-size:11px;
}
.jireiBox{
	padding-left:20px;
	padding-right:20px;
}
.jireiBox a{
	display: block;
	color:#333333;
	text-decoration:none;
}
.jireiBox a:hover{
	opacity:0.9;
}
.jireiBox p{
	margin-bottom:10px;
}
.jireiBox h4{
	font-size:18px;
}

.jireiContentsBox{
	
}
a{
	color:#0080b0;
}

h4.ashirai01{
	background-image:url(/portal/page/out/x1682_zci/img/x1682_zci_img_ashirai01.png);
	background-position:left center;
	background-repeat:no-repeat;
	padding-left: 28px;
	font-size:24px;
	margin-bottom:10px;
	font-weight:normal;
}
h4.ashirai02{
	text-align:center;
	font-size:20px;
	border-bottom: dotted 1px #049FD9;
	padding-bottom:5px;
	border-top: dotted 1px #049FD9;
	padding-top:5px;
	font-weight: bold;
	color:#0080b0;
}

.linkBox{
	border-top: dotted 1px #B5B5B5;
	margin-top:20px;
}
.linkBox li{
	border-bottom: dotted 1px #B5B5B5;
	padding-top:8px;
	padding-bottom:8px;
	text-align: right;
}
.linkBox li a{
	display:inline-block;
	background-image:url(/portal/page/out/x1682_zci/img/x1682_zci_img_linkBox.png);
	background-position:left center;
	background-repeat:no-repeat;
	color:#049fd9;
	text-decoration:none;
	padding-left:15px;
	
	}
.daiwabouBox{
	background-color:#f8f9f9;
	border-top:solid 1px #f0f0f0;
	padding-top:40px;
	margin-left:-20px;
	margin-right:-20px;
	margin-bottom:40px;
	padding-bottom: 1px;
}
.daiwabouContentsBox{
	margin-left:280px;
}
.daiwabouContentsBox::after{
	content: "."; 
	display: block; 
	height: 0; 
	font-size:0;	
	clear: both; 
	visibility:hidden;
}

.jireiBox{
	padding-bottom: 40px;
}
.jireiBox::after{
	content: "."; 
	display: block; 
	height: 0; 
	font-size:0;	
	clear: both; 
	visibility:hidden;
}
.daiwabouBoxInner{
	margin-bottom:40px;
}

.daiwabouBoxInner::after{
	content: "."; 
	display: block; 
	height: 0; 
	font-size:0;	
	clear: both; 
	visibility:hidden;
}

.daiwabouBoxInner{
	padding-left:20px;
	padding-right:20px;
}

.daiwabouContentsBox{
	margin-left:340px;
}
.daiwabouContentsBox p strong{
	color:#ae1313;
}

#maincontent .contactKabuBox{
	background-image:url(/portal/page/out/x1682_zci/img/x1682_zci_img_contactHaikei.png);
	padding-top:30px;
	color:#FFFFFF;
	padding-left:20px;
	padding-right:20px;
	padding-bottom:30px;
	margin-bottom:40px;
}
.daiwabouContentsBox h4{
	font-size:24px;
	color:#0080b0;
	font-weight:normal;
	margin-bottom:10px;
}
p.fsS{
	font-size:11px !important;
	margin-top:-10px;
}

/* fixed */
.fixed {
    position: fixed !important;
    top: 0;
    width: 100%;
    z-index: 10000;
}


/* table */
table {
    border-collapse: collapse;
    margin: 20px 0;
    width: 100%;
}
#maincontent table.zciomt2_table01{
	table-layout:fixed;
	
}
#maincontent table th, table td {
    border: 1px solid #ccc;
    padding: 9px;
	font-size:12px;
	word-break:break-all;
	-webkit-text-size-adjust: 100%; 
}
#maincontent table.zciomt2_table01 td strong, table.zciomt2_table01 th strong{
	color:#BD0306;

}
#maincontent table.zciomt2_table01 td{
	text-align:center;
	vertical-align:middle;
}
table.zciomt2_table01 th {
    background-color: #e0f4ff;
    text-align: left;
	vertical-align:middle;
}
table.zciomt2_table01 th.mainTh {
    background-color: #488bd3;
    text-align: center;
	color:#FFFFFF;
}

table.zciomt2_table02 th {
    background-color: #e0f4ff;
}
table.zciomt2_table03 th {
    background-color: #e0f4ff;
}
table.zciomt2_table04 th {
    background-color: #e0f4ff;
}
.zciomt2_table01 th.w40p {
    width: 40%;
}
.zciomt2_table01 th.w20p {
    width: 20%;
}
.zciomt2_table01 th.w30p {
    width: 30%;
}
.zciomt2_table01 th.w10p {
    width: 10%;
}

/* table END */