@charset "utf-8";


/* debug */
/*
#contWrap .cCwrap,
#contWrap .cMvWrap,
.BPTWrap,
h1 {
    display: none;
}
*/

/*.js-fixSide {
    border: 1px solid red;
}
.js-baseH {
    border: 1px solid blue;
}*/

/* add 2017.05.18 ut_abtest -- */
#contWrap .cardSpecInner{
    position: relative;
}
#contWrap ul.cardSpecTitle{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    background-color: #f5f5f5;
}
#contWrap .cardSpecTitle li{
    padding:10px;
    display: none;
    background-color: #8cbe56;
    color: #fff;
    text-decoration: underline;
}
#contWrap .cardSpecTitle li.act{
    background-color: #f5f5f5;
    color: #000;
    text-decoration: none;
}
#contWrap .cardSpecTitle li:hover{
    cursor:pointer;
    opacity: 0.7;
}
#contWrap .cardSpecTitle li.off:hover{
    cursor: default;
    opacity: 1;
}
#con
#contWrap .cardSpecTitle li:last-child{
    border-bottom:none;
}
#contWrap .cardSpecSwitch{
    position:absolute;
    background-color: #cde486;
    border-bottom: 3px solid #a9bc6e;
    padding:5px 10px;
    top:5px;
    right:5px;
    display: block;
    border-radius: 4px;
}
#contWrap .cardSpecSwitch:hover{
    cursor:pointer;
    opacity: 0.7;
    filter: alpha(opacity=70);
}
#contWrap .off .cardSpecSwitch:hover{
    cursor:default;
    opacity: 1;
}
#contWrap .off .cardSpecSwitch{
    background-color: #cccccc;
    border-bottom: 3px solid #aaaaaa;
}
#contWrap .cardSpec{
    border-top:none;
}
#contWrap .detailAcdi .acdiBody{
    padding:0;
}
#contWrap .detailAcdi .acdiHead .acdiBtn{
    margin: 10px auto 35px;
}
.privilegeDiv{
    font-size: 115%;
    font-weight: bold;
    display: table;
    width: 100%;
    height: 50px;
}
.privilegeDiv span{
    display: table-cell;
    vertical-align: middle;
}
.privilegeDiv div.privilegeLeft{
    display: table-cell;
    vertical-align: middle;
    background-color: #e5cd30;
    text-align: center;
    border-top: none;
    border-bottom: none;
    width: 10%;
}

/* add 2014.04.03 -- */

body #contWrap .cMvWrap {
    padding-top: 0;
}

.cMvWrap .imgWrap{
    position:relative;
}
.cMvWrap .imgWrap .imgWrap-copyright{
    font-size:11px;
    position:absolute;
    top:195px;
    left:60px;
}
.cMvWrap .imgWrap .imgWrap-copyright2{
    font-size:11px;
    position:absolute;
    top:215px;
    left:33px;
}

.rightCont.colCR2Type02.liqC {
    position: relative;
}

#contWrap table {
    width: 100%;
}

img.hover:hover {
    opacity: 0.7;
    filter: alpha(opacity=70);
}

#contWrap .cMvWrap div.left {
    text-align: right;
}

.bgGray {
    background: #f5f5f5;
}

.bgLime {
    background: #f7fbd8;
}

.lineGray {
    border: 1px solid #d4d4d4;
}

.lineRGray {
    border-right: 1px solid #d4d4d4;
}
.lineTGray {
    border-top: 1px solid #d4d4d4;
}
.lineLGray {
    border-left: 1px solid #d4d4d4;
}
.lineBGray {
    border-bottom: 1px solid #d4d4d4;
}
.cardIcon01 .toolTBWrap {
    left: -10px;
}

.cardDn .btnWrap .left {
    width: 302px;
    overflow: hidden;
}

/* spAcd */

.spAcd {
    border-bottom: 1px solid #d4d4d4;
    padding-bottom: 20px;
}

.spAcdFig {
    float: left;
}
.spAcdText{
    margin-left: 120px;
}

/* 表組関連　*/

.cartDetailTable {
    border-top: 1px solid #d4d4d4;
}

.cartDetailTable tr {
    display: table-row;
}

.cartDetailTable th,
.cartDetailTable td {
    padding: 10px;
    border-bottom: 1px solid #d4d4d4;
}

.cartDetailTable th {
    text-align: left;
    width: 24%;
}

.cartDetailTable td {
    vertical-align: top;
}

.cartDetailTable .col4 td {
    width: 25.3%;
}

.cartDetailTable .col3 td {
    width: 36.5%;
}

.cartDetailTable .col2 td {
    width: 76%;
}

.cartDetailTable p.studentBtn {
    float: left;
}

.cartDetailTable p.studentBtn a {
    background-image:url(/nyukai/card/responsive/img/common/icon_procedurestudent.png) ;
    background-position: 5px 50%;
    background-repeat: no-repeat;
    padding-left: 45px;
}

.cartDetailTable p.floatText {
    margin-left: 200px;
}

.cartDetailTable .col3Equal th,
.cartDetailTable .col3Equal td {
    width: 33.3%;
}

.cartDetailTable .col4Equal th,
.cartDetailTable .col4Equal td {
    width: 25%;
}


/* カード比較 */
.diffCardCol {
    width: 33%;
    float: left;
}

.diffLeft .diffCardColWrap {
    padding-right: 8px;
}

.diffCenter,
.diffRight {
    border-left: 1px solid #d4d4d4;
}

.diffCenter .diffCardColWrap {
    padding-left: 8px;
    padding-right: 8px;
}

.diffRight .diffCardColWrap {
    padding-left: 8px;
}

#contWrap .diffLabel{
    line-height: 1;
    text-align: center;
    display: inline-block;
    -webkit-border-radius: 3px;
            border-radius: 3px;
        font-size: 86%;
        color: #fff;
        padding: 3px 5px;
        margin-bottom: 5px;
        margin-right: 5px;
}
#contWrap .cardType .debutplus{
    background-color: #00009F;
    -webkit-border-radius: 10px;
            border-radius: 10px;
}
#contWrap .cardType .debutplus02{
    background-color: #00009F;
    -webkit-border-radius: 10px;
            border-radius: 10px;

}
#contWrap .cardType .standard{
    background-color: #209C0E;
    -webkit-border-radius: 10px;
            border-radius: 10px;

}
#contWrap .cardType .woman{
    background-color: #E7585B;
    -webkit-border-radius: 10px;
            border-radius: 10px;
}
#contWrap .cardType .executive{
    background-color: #3760CA;
    -webkit-border-radius: 10px;
            border-radius: 10px;
}
#contWrap .cardType .student{
    background-color: #40A9FF;
    -webkit-border-radius: 10px;
            border-radius: 10px;
}
#contWrap .cardType .student02{
    background-color: #E758C4;
    -webkit-border-radius: 10px;
            border-radius: 10px;
}
#contWrap .cardType .general{
    background-color: #E6FCE2;
    color: #209C0E;
    border: 1px solid #209C0E;
    -webkit-border-radius: 10px;
            border-radius: 10px;
}

/* チェックしたカード */

.checkedCardSingle {
    float: left;
    width: 25%;
}

/* 特徴から探す*/
.cardFeature {
    display: table;
    width: 100%;
    max-width: 100%;
}

.cardFeature p {
    display: table-cell;
    max-width: 25%;
    width: 25%;
    text-align: center;
}

.cardFeature img {
    max-width: 100%;
    width: 95%;
    height: auto;
    border: 1px solid #d0d0d0;
}

/* 書類アイコン */
#contWrap .icon_doc span {
    background: url(../img/card-detail/icon_doc.gif) no-repeat left center;
    padding-left: 20px;
}


/* 右カラム */
/*.bordWDecoType02 { border: 1px solid #72a41c }*/
.maxW100 {
    max-width: 100%;
    height: auto;
}

#side .maxW100 {
    width: 100%;
}

/* -- add 2014.04.03 */



/* override */
#main{
    line-height: 1.35;
}
#middleArea{
    width: 590px;
    margin-right: auto;
    margin-left: auto;
}
#middleArea h2{
    background-color: transparent;
    font-weight: bold;
    padding: 0;
    font-size:inherit;
    border-top: none;
    margin-top: 0;
    margin-bottom: 0;
}
#middleArea a:link    { color: #007bea!important; text-decoration: underline!important; background: transparent!important; }
#middleArea a:visited { color: #810081!important; text-decoration: underline!important; background: transparent!important; }
#middleArea a:hover,
#middleArea a:active  { color: #007bea!important; text-decoration: none!important; background: transparent!important; }
#middleArea a.white:link,
#middleArea a.white:visited { color: #fff!important; text-decoration: underline!important; background: transparent!important; }
#middleArea a.white:hover,
#middleArea a.white:active  { color: #000099!important; text-decoration: underline!important; background: transparent!important; }
#contWrap #middleArea a.defLink,
#contWrap #middleArea a.defLink:link {
    color: #073e65!important;
    text-decoration: underline!important;
}
#contWrap #middleArea a.defLink:visited { color: #624d67!important }
#contWrap #middleArea a.defLink:active { color: #65ae07!important }


.cardMatch01 .ttl h2 {
    margin: 0 2px!important;
    padding: 3px 7px 2px 7px!important;
    background: #f1e8a3!important;
}
.checkCardBox01{
    background: none;
}
.checkCardBox01 .bgB{
    padding: 8px 0 15px;
    background: none;
}
.iArrGrn01{
    background: none;
}
#side{
    float: none;
    width: auto;
}
#side h2.first{
    margin-top: 0;
    margin-bottom: 10px;
}
.sideBox02{
    background: none;
}
.sideBox02 .bgM{
    padding: 15px 0 15px;
    border-right: none;
    border-left: none;
}
.sideBox01 {
    padding-bottom: 0;
    background: none;
}
.sideBox01 .bgT{
    padding-top: 0;
    background: none;
}
.sideBox01 .bgM{
    border-right: none;
    border-left: none;
    padding: 0;
}
.sideBox02 .bgM{
    padding-top: 0;
    padding-bottom: 0;
}
.inqOnBox01,
.inqOnBox01 .bgT,
.inqOnBox01 .bgB{
    background: none;
}

#contWrap .cardTab01 li.active a{
    margin-right: 2px!important;
    padding: 4px 0 5px 0!important;
    border-top: 2px solid #999!important;
    border-bottom: 1px solid #118E6A!important;
    background: #0d815d url(/nyukai/affiliate/imgs/bg_tab_act.gif) no-repeat!important;
    text-decoration: none!important;
    color: #fff!important;
}
#contWrap .cardTab01 li a {
    display: block!important;
    padding: 5px!important;
    border: 1px solid #ccc!important;
    background: #f2f2f2!important;
}
#breadcrumbs{
    display: none;
}
/* new style */
img{
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="*.png", sizingMethod="scale");
}
#contWrap .cMvWrap{
    /*margin-top: 10px;*/
    margin-bottom: 15px;
    /*
    border-top: 1px solid #eee;
    border-bottom: 1px solid #eee;
    */
    padding-top: 20px;
}
#contWrap .cMvWrap.amitie{
    background: url(/nyukai/card/responsive/img/common/bg_amitie_01.jpg) 100% 0 no-repeat;
}
#contWrap .cMvWrap.debutplus{
    background: url(/nyukai/card/responsive/img/common/bg_debutplus_01.jpg) 100% 0 no-repeat;
}
#contWrap .cMvWrap.ana{
    background: url(/nyukai/affiliate/ana/ol_feb/img/bg_ana_01.jpg) 100% 0 no-repeat;
}

#contWrap .cMvWrap div.left{
    width: 42%;
}
#contWrap .cMvWrap div.right{
    width: 58%;
}
#contWrap .txtTit{
    margin-bottom: 15px;
}
#contWrap .txtList{
    margin-bottom: 15px;
}
#contWrap .txtList li{
    margin-bottom: 5px;
}
#contWrap .txtList02{
    margin-bottom: 15px;
}
#contWrap .txtList02 li{
    margin-bottom: 5px;
    background: url("../img/card-detail/check-mark.png") no-repeat scroll left top;
    font-size: 18px;
    padding-left: 22px;
}
#contWrap .txtList02.forSpBlock li{
    margin-bottom: 5px;
    background: url("../img/card-detail/check-mark.png") no-repeat scroll left top;
    padding-left: 22px;
}
#contWrap .txtList02.forPcBlock li{
    display: inline-block;
    background: none;
    width:30%;
    padding:0 2%;
    border-left:solid 1px #D4D4D4;
    letter-spacing: normal;
    vertical-align: top;
}
/* add 2017.05.18 ut_abtest */
#contWrap .appealImg{
     letter-spacing: -.40em;
}
#contWrap .appealImg li:first-child{
    border-left:none;
}
#contWrap .appealImg li img{
    width:100%;
}

#contWrap .btnWrap{
    overflow: hidden;
    width: 515px;
}
#contWrap .btnWrap .left,
#contWrap .btnWrap .right{
    display: inline-block;
    vertical-align:top;
}
#contWrap .btnWrap .left a:hover,
#contWrap .btnWrap .left a.noShortest:hover,
#contWrap .btnWrap .right a.bgType01:hover,
#contWrap .btnWrap .right a.bgType02:hover{
    background-position: 0 -74px;
}
#contWrap .btnWrap .left a{
    display: block;
    overflow: hidden;
    width: 302px;
    height: 74px;
    background: url(/nyukai/card/responsive/img/common/btn_procedure_01.png) 0 0 no-repeat;
}
#contWrap .btnWrap .left a.noShortest{
    display: block;
    overflow: hidden;
    width: 302px;
    height: 74px;
    background: url(/nyukai/card/responsive/img/common/btn_procedure_04.png) 0 0 no-repeat;
}

#contWrap .btnWrap .left a.request{
    background: url(/nyukai/card/responsive/img/common/btn_request_01.png) 0 0 no-repeat;
}

#contWrap .btnWrap .right{
    margin-left: 50px;
}
#contWrap .btnWrap .right a{
    display: block;
    overflow: hidden;
    width: 158px;
    height: 74px;
}
/*
#contWrap .btnWrap .right a.bgType01{
    background: url(/nyukai/card/responsive/img/common/btn_procedurestudent_01.png) 0 0 no-repeat;
}
*/
#contWrap .btnWrap .right a.bgType02{
    background: url(/nyukai/card/responsive/img/common/btn_notstudent_01.png) 0 0 no-repeat;
}
#contWrap .cardDnDetail{

}
/*#contWrap .cardDnDetail tr.trItem03{
    text-align: center;
}*/
#contWrap .cardDnDetail th{
    width: 20%;
    text-align: left;
}
/*#contWrap .cardDnDetail.single th{
    width: 20%;
}*/
#contWrap .cardDnDetail td{
    width: 80%;
}
#contWrap .cardDnDetail td.left,
#contWrap .cardDnDetail td.right{
    width: 40%;
}
#contWrap .cardDnDetail.single td{
    width: 82.5%;
}
#contWrap .cardDnDetail td.left{
    border-right: 1px solid #d4d4d4;
}
#contWrap .cardDnDetail td p .studentBtn{
    background-image:url(/nyukai/card/responsive/img/common/icon_procedurestudent.png) ;
    background-position: 5px 50%;
    background-repeat: no-repeat;
    padding-left: 45px;
}
.cardIcon01 li{
    margin-bottom: 5px;
    float: none;
    display: inline-block;
    vertical-align: middle;
}
#contWrap .cLabel{
    line-height: 1;
    text-align: center;
    display: inline-block;
    -webkit-border-radius: 3px;
            border-radius: 3px;
        font-size: 86%;
        color: #fff;
        padding: 3px 5px;
        margin-bottom: 5px;
        margin-right: 5px;
}
#contWrap .cLabel{
    border: 1px solid #FD7395;
    color: #FD7395;
}
#contWrap .cCwrap .leftCont{
    width: 78.5%;
}
#contWrap .cCwrap .rightCont{
    width: 21.5%;
}

/*#contWrap .cCwrap .rightCont h2{
    margin-top: 0;
}
*/
#contWrap .inqOnBox01 .bgB .imgC a:hover{
    background-position: 0 -50px !important;
}
#contWrap .inqOnBox01 .bgB .imgC a{
    display: block;
    overflow: hidden;
    width: 302px;
    height: 50px;
    margin-left: auto;
    margin-right: auto;
    background: url(/nyukai/card/responsive/img/common/btn_procedure_02.png) 0 0 no-repeat  !important;
}


.campaignWrap_top .campaignBlock{

}
.campaignWrap_top .campaignBlock h2,
.campaignWrap_top .campaignBlock .cartDetailTable{
    display: none;
}

.campaignWrap_top.tablebanner .campaignBlock .cartDetailTable,
.campaignWrap_top.tablebanner .campaignBlock h2{
    display: block;
}

.campaignWrap_bottom .campaignBlock .campaignBanner{
    display: none;
}


.w150{
    width: 150px !important;
}

.w155{
    width: 155px !important;
}

.w160{
    width: 160px !important;
}

.w175{
    width: 175px !important;
}

.w180{
    width: 180px !important;
}

.w200{
    width: 200px !important;
}

.w220{
    width: 220px !important;
}

.w230{
    width: 230px !important;
}

.w270{
    width: 270px !important;
}

.w280{
    width: 280px !important;
}

.w290{
    width: 290px !important;
}

.w300{
    width: 300px !important;
}

.video-container {
	position: relative;
	padding-bottom: 56.25%;
	padding-top: 30px;
	height: 0;
	overflow: hidden;
}

.video-container iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}


p.pointup{
    color: #007253;
    font-size: 128%;
    font-weight: bold;
}