@charset "utf-8";



/* ==============================================
top
============================================== */

.top article{
background:url(../../images/tp_mv_bgimg_nomve.gif) top left no-repeat; 
}
.top #main-visual{
height:480px;
padding:0 0 0 46px;
}
.top #main-visual h1{
padding:34px 0 10px 0;
}
.top #main-visual h2{
margin:58px 0 0 0;
}

.top #introduction{
padding:43px 58px 50px 58px;
position:relative;
}
.top #introduction h2{
margin:0 0 40px 0;
}
.top #introduction p{
margin:15px 0 0 0;
}
.top #introduction p strong{
color:#ff6161;
font-weight:normal;
}

.top #test{
background:#005aac url(../../images/tp_tst_ttl_bg.gif) top center repeat-x;
position:relative;
padding:0 0 57px 0;
margin:0 0 45px 0;
}
.top #test h2{
width: 100%;
text-align: center;

}
.top #test h2 img{
}
.top #test ul{
padding:0 56px;
}
.top #test ul li{
height:282px;
width:435px;
float:left;
background:#ffffff;
text-align:center;
padding:0;
margin:0 10px 0 0;
border-radius: 8px;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
-moz-box-shadow: 5px 5px 0 rgba(0, 0, 0, 0.2);
-webkit-box-shadow: 5px 5px 0 rgba(0, 0, 0, 0.2);
box-shadow: 5px 5px 0 rgba(0, 0, 0, 0.2);
position:relative;
}
.top #test ul li img{
position: absolute;
margin:0 auto;
left:0;
right:0;
bottom:-18px;
}
.top #test ul li.test-es img{
position:absolute;
}
.top #test ul li:last-child{
margin:0;
}
.top #test ul:after { content:"."; clear:both; height:0; display:block; visibility:hidden; }
* html .top #test ul { display:inline-block; }
*:first-child+html .top #test ul { display:inline-block; }


.top .lower-link{
padding:0 0 0 48px;
}
.top .lower-link:after { content:"."; clear:both; height:0; display:block; visibility:hidden; }
* html .top .lower-link { display:inline-block; }
*:first-child+html .top .lower-link { display:inline-block; }

.top #mikata{
background:#005aac;
border:#005aac solid 4px;
width:435px;
height:430px;
float:left;
text-align:center;
margin:0 10px 0 0;
}
.top #mikata p.image{
margin:0 0 20px 0;
}
.top #mikata p.text{
margin:0 0 20px 0;
padding:0 30px;
color:#FFF;
font-size:14px;
line-height:21px;
text-align:left;
}
.top #mikata p strong{
color:#ffff00;
font-weight:normal;
}
.top #mikata p img{
}



.top #taiken{
width:435px;
height:430px;
border:#005aac solid 4px;
background:url(../../images/tp_tkn_bg.jpg) center bottom no-repeat;
float:left;
}
.top #taiken h2{
margin:0 auto;
padding:26px 0 10px 20px;
}
.top #taiken p{
padding:15px 0 0 20px;
}
.top #taiken p.text{
padding:30px 0 0 20px;
font-size:14px;
line-height:21px;
}
.top #taiken p.button{
text-align:center;
padding:0;
margin:55px 0 0 0;
}


.top #about{
padding:50px 46px 0 46px;
}
.top #about h2{
padding:20px 0 34px 0;
text-align:center;
}
.top #about p.title{
text-align:center;
margin:0 0 23px 0;
}
.top #about div{
width:266px;
height:262px;
border:solid 6px #005aac;
border-radius: 8px;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
position:relative;
margin:0 31px 30px 0;
float:left;
position:relative;
}
.top #about div.last{
margin:0 0 30px 0;
}
.top #about div .arrow{
text-align: center;
padding: 0;
position: absolute;
top: 42%;
right: -37px;
}
.top #about div .arrow{
}
.top #about div h3{
padding:20px 0 0 0;
text-align:center;
}
.top #about div p{
font-size:13px;
line-height:20px;
margin:0;
padding:14px 20px 0 20px;
}
.top #about div p.icon{
padding: 0;
width: 50px;
position: absolute;
top: 13px;
left: 11px;
}
.top #about p.button{
text-align:center;
}

p.entry{
background:#f6f5f2;
padding:36px 0;
margin:51px 0 0 0;
text-align:center;
}


.top #movie{
text-align: center;
background:#f6f5f2;
padding:35px 0 25px 0;
margin:40px 0 0 0;
}
.top #movie h3{
background:#003e75;
color:#ffffff;
font-size:15px;
font-weight:bold;
padding:9px 0 5px 0;
margin:0 auto;
width:604px;
}
.top #movie h3 span{
color:#ffff00;
}
.top #movie div{
border:2px solid #333333;
width:600px;
height:338px;
margin:0 auto 3px auto;
padding:0;
}
.top #movie p{
margin:0 auto;
padding:0;
text-align:right;
width:604px;
}
.top #movie p img{
padding:3px 0 0 3px;
}


/* ==============================================
about
============================================== */
.about nav ul li.about{
width:156px;
height:64px;
background:url(../images/hd_mn_about_ov.gif) top center no-repeat;
}
.about nav ul li.about a{
pointer-events:none;
}
.about nav ul li.about img{
display:none;
}

.about #introduction{
padding:38px 45px 55px 45px;
background:url(../../about/images/abt_intr_img_01.gif) top right no-repeat;
}
.about #introduction h1{
padding:0;
}
.about #introduction p{
padding:50px 0 0 0;
width:588px;
}
.about #introduction p strong{
color:#ff6161;
font-weight:normal;
}



.about #step{
padding:0 46px 40px 46px;
}
.about #step h2{
text-align:center;
margin:0 0 23px 0;
}
.about #step div{
width:266px;
height:262px;
border:solid 6px #005aac;
border-radius: 8px;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
position:relative;
margin:0 31px 30px 0;
float:left;
position:relative;
}
.about #step div.last{
margin:0 0 30px 0;
}
.about #step div .arrow{
text-align: center;
padding: 0;
position: absolute;
top: 42%;
right: -37px;
}
.about #step div h3{
padding:20px 0 0 0;
text-align:center;
}
.about #step div p{
font-size:13px;
line-height:20px;
margin:0;
padding:14px 20px 0 20px;
}

.about #step p{
padding:20px 0 0 0;
font-size:12px;
line-height:22px;
}
.about #step p.text{
padding:0;
font-size:14px;
line-height:28px;
clear:both;
text-align:center;
}
.about p.entry{
background:#f6f5f2;
padding:36px 0;
margin:0;
text-align:center;
}



.about #feature{
padding:60px 36px 30px 46px;
border-top:solid 5px #005aac;
}
.about #feature:after { content:"."; clear:both; height:0; display:block; visibility:hidden; }
* html .about #feature { display:inline-block; }
*:first-child+html .about #feature { display:inline-block; }

.about #feature h2{
padding:0 0 30px 0;
text-align:center;
}

.about #feature figure {
position: relative;
overflow: hidden;
width: 445px;
float:left;
margin:0 10px 10px 0;
}
.about #feature figcaption {
position: absolute;
top: -100%;
left: 0;
z-index: 2;
width: 100%;
height: 100%;
background: rgba(7,89,165,.97);
-webkit-transition: .9s;
transition: .6s;
opacity: 1;
}
.about #feature figure:hover figcaption {
top: 0;
left: 0;
color:#ffffff;
}
.about #feature figure:hover figcaption p {
font-size:13px;
line-height:24px;
width:380px;
margin:auto;
}
.about #feature figure:hover figcaption strong {
color:#ffff00;
font-weight:normal;
}
.about #feature figure figcaption h3 {
color:#ffff00;
text-align:center;
margin:0 0 10px 0;
font-size:115%;
}
.about #feature figure#feature01:hover figcaption h3 {
padding:30px 0 0 0;
}
.about #feature figure#feature02:hover figcaption h3 {
padding:40px 0 0 0;
}
.about #feature figure#feature03:hover figcaption h3 {
padding:50px 0 0 0;
}
.about #feature figure#feature04:hover figcaption h3 {
padding:60px 0 0 0;
}




.about #app{
padding:0 54px 20px 54px;
background:#005aac url(../../about/images/abt_app_bg.gif) top repeat-x;
}
.about #app:after { content:"."; clear:both; height:0; display:block; visibility:hidden; }
* html .about #app { display:inline-block; }
*:first-child+html .about #app { display:inline-block; }

.about #app h2{
text-align: center;
padding:0 0 30px 0;
}
.about #app h2 img{
}
.about #app p{
color:#FFF;
margin:0 25px 10px 25px;
text-align:center;
}
.about #app div{
width:435px;
float:left;
background:#FFF;
margin:0 10px 0 0;
padding:20px 0;
border-radius: 6px;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
}
.about #app div:last-child{
margin:0;
}
.about #app div h3{
padding:0 0 0 25px;
}
.about #app div p{
color:#333;
font-size:13px;
line-height:20px;
padding:15px 0;
text-align:left;
}
.about #app ul li{
float:left;
padding:0 0 0 34px;
margin:0;
}
.about #app ul li.google{
float: inherit;
text-align:center;
padding:0;
}
.about #app ul:after { content:"."; clear:both; height:0; display:block; visibility:hidden; }
* html .about #app ul { display:inline-block; }
*:first-child+html .about #app ul { display:inline-block; }



.about #check{
padding:40px 34px 30px 46px;
border-top:solid 5px #005aac
}
.about #check:after { content:"."; clear:both; height:0; display:block; visibility:hidden; }
* html .about #check { display:inline-block; }
*:first-child+html .about #check { display:inline-block; }

.about #check h2{
padding:0;
text-align:center;
}
.about #check ul{
padding:10px 0 0 0;
}
.about #check ul li{
margin:10px 12px 10px 0;
float:left;
}



.about #faq{
border-top:solid 5px #005aac;
padding:40px 65px 0 65px;
margin:0;
}
.about #faq h2{
padding:0 0 30px 0;
text-align:center;
}
.about #faq dl{
background:url(../../about/images/abt_faq_dln.gif) 0 0 no-repeat;
font-size:16px;
line-height:24px;
}
.about #faq dt{
background:url(../../about/images/abt_faq_icn_open.gif) 98% no-repeat;
padding:18px 46px 18px 44px;

}
.about #faq dt.open{
background:url(../../about/images/abt_faq_icn_close.gif) 98% no-repeat;
font-weight:bold;
color:#005aac;
}
.about #faq dd{
padding:20px 20px 20px 42px;
background:#f2f7fb;
font-size:16px;
line-height:24px;
}


.about #movie{
text-align: center;
border-top:5px solid #005aac;
padding:40px 0 25px 0;
margin:25px 0 0 0;
}
.about #movie h3{
background:#003e75;
color:#ffffff;
font-size:15px;
font-weight:bold;
padding:9px 0 5px 0;
margin:0 auto;
width:604px;
}
.about #movie h3 span{
color:#ffff00;
}
.about #movie div{
border:2px solid #333333;
width:600px;
height:338px;
margin:0 auto 3px auto;
padding:0;
}
.about #movie p{
margin:0 auto;
padding:0;
text-align:right;
width:604px;
}
.about #movie p img{
padding:3px 0 0 3px;
}

.about #test{
background:#005aac;
padding:0 15px 20px 15px;
}
.about #test h2{
padding:20px 0 0 0;
}
.about #test ul{
padding:10px 0 0 0;
}
.about #test ul li{
background:#FFF;
margin:10px 0 0 0;
padding:10px 20px 20px 10px;
border-radius: 8px;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
-moz-box-shadow: 5px 5px 0 rgba(0, 0, 0, 0.2);
-webkit-box-shadow: 5px 5px 0 rgba(0, 0, 0, 0.2);
box-shadow: 5px 5px 0 rgba(0, 0, 0, 0.2);
}




/* ==============================================
.check
============================================== */

.check #wrapper{
border:none;
width:1000px;
}
.check article{
width:990px;
height:562px;
margin:0 auto;
background:#005aac;
border-left: 5px solid #005aac;
border-right: 5px solid #005aac;
border-bottom: 5px solid #005aac;
}


.check #debug{
color:#fff;
display:none;
}
.check p{
color:#FFF;
}



.check #introduction{
}
.check #introduction h2{
padding:30px 0 15px 0;
text-align:center;
}
.check #introduction #main-image{
text-align:center;
}
.check #introduction p{
text-align:center;
}



.check #howto{
display:none;
}
.check #howto h2{
padding:45px 0 0 0;
text-align:center;
}
.check #howto #card{
border:5px solid #FFF;
border-radius: 6px;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
padding:23px 0 20px 0;
text-align:center;
width:400px;
margin:25px auto 0 auto;
}

.check #howto p{
font-size:16px;
line-height:28px;
text-align:center;
padding:25px 0 0 0;
}
.check #howto p strong{
color:#ffff00;
font-weight:normal;
}



.check .q{
padding:0 0 20px 0;
}
.check #q1 {
display:none;
}
.check #q2 {
display:none;
}
.check #q3 {
display:none;
}
.check #q4 {
display:none;
}
.check .q ul#step{
margin:0 auto;
padding:55px 0 0 0;
width:344px;
}
.check .q ul#step li{
float:left;
width:86px;
}
.check .q ul#step li img{
width:86px;
}
.check .q ul#step:after { content:"."; clear:both; height:0; display:block; visibility:hidden; }
* html .check .q ul#step { display:inline-block; }
*:first-child+html .check .q ul#step { display:inline-block; }
.check .q h2{
color:#FFF;
font-size:16px;
line-height:28px;
text-align:center;
padding:35px 0 40px 0;
}
.check .q h2 span{
color:#ffff00;
}
.check .q #cards{
padding:0 0 0 40px;
}
.check .q #cards .card{
position:relative;
background:#FFFFFF;
float:left;
width:210px;
margin:0 20px 0 0;
border-radius: 6px;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
-moz-box-shadow: 3px 3px 0 rgba(0, 0, 0, 0.2);
-webkit-box-shadow: 3px 3px 0 rgba(0, 0, 0, 0.2);
box-shadow: 3px 3px 0 rgba(0, 0, 0, 0.2);
}
.check .q #cards .card div{
border:solid 1px #000000;
margin:5px;
padding:15px 10px 10px 15px;
}
.check .q #cards .card div#company1{
border:solid 1px #ff8080;
}
.check .q #cards .card div#company2{
border:solid 1px #42c6db;
}
.check .q #cards .card div#company3{
border:solid 1px #efda18;
}
.check .q #cards .card div#company4{
border:solid 1px #b697ce;
}
.check .q #cards .card div#company5{
border:solid 1px #62b700;
}
.check .q #cards .card div#company6{
border:solid 1px #fc8300;
}
.check .q #cards .card div#company7{
border:solid 1px #bab693;
}
.check .q #cards .card div#company8{
border:solid 1px #5e90ea;
}
.check .q #cards .card div#company9{
border:solid 1px #87d6b8;
}
.check .q #cards .card div#company10{
border:solid 1px #e26f98;
}
.check .q #cards .card div#company11{
border:solid 1px #eaaa5e;
}
.check .q #cards .card div#company12{
border:solid 1px #c1dd4b;
}
.check .q #cards .card div#company13{
border:solid 1px #f47a62;
}
.check .q #cards .card div#company14{
border:solid 1px #43bbef;
}
.check .q #cards .card div#company15{
border:solid 1px #68c94c;
}
.check .q #cards .card div#company16{
border:solid 1px #7976e2;
}
.check .q #cards .card h3{
display:none;
}
.check .q #cards .card p{
font-size:22px;
font-weight:bold;
}
.check .q #cards .card p.select{
position: absolute;
top: 21px;
left: 21px;
}
.check .q #cards .card p img{
vertical-align:middle;
margin:0 5px 0 0;
}
.check .q #cards .card div#company1 p{
color:#ff8080;
}
.check .q #cards .card div#company2 p{
color:#42c6db;
}
.check .q #cards .card div#company3 p{
color:#bfa800;
}
.check .q #cards .card div#company4 p{
color:#b697ce;
}
.check .q #cards .card div#company5 p{
color:#62b700;
}
.check .q #cards .card div#company6 p{
color:#fc8300;
}
.check .q #cards .card div#company7 p{
color:#bab693;
}
.check .q #cards .card div#company8 p{
color:#5e90ea;
}
.check .q #cards .card div#company9 p{
color:#87d6b8;
}
.check .q #cards .card div#company10 p{
color:#e26f98;
}
.check .q #cards .card div#company11 p{
color:#eaaa5e;
}
.check .q #cards .card div#company12 p{
color:#c1dd4b;
}
.check .q #cards .card div#company13 p{
color:#f47a62;
}
.check .q #cards .card div#company14 p{
color:#43bbef;
}
.check .q #cards .card div#company15 p{
color:#68c94c;
}
.check .q #cards .card div#company16 p{
color:#7976e2;
}
.check .q .card table{
margin:10px 0 5px 5px;
}
.check .q .card th{
font-size:14px;
line-height:16px;
text-align:left;
color:#333;
padding:7px 0;
}
.check .q .card td{
font-size:14px;
line-height:16px;
text-align:left;
color:#333;
padding:7px 0 7px 10px;
}
.check .q .card td .type-1{
color:#569900;
}
.check .q .card td .type-2{
color:#1e8ed3;
}


.check .q #cards:after { content:"."; clear:both; height:0; display:block; visibility:hidden; }
* html .check .q #cards { display:inline-block; }
*:first-child+html .check .q #cards { display:inline-block; }



.check #result {
background:url(../../check/images/chk_rslt_bg.png) center top no-repeat;
display:none;
position:relative;
height:562px;
}
.check #result h2{
padding:50px 0 50px 50px;
}


.check #result #ranking{
width:250px;
margin:0 0 0 50px;
border:solid 4px #005aac;
border-radius: 6px;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
background:#FFF;
-moz-box-shadow: 3px 3px 0 rgba(0, 0, 0, 0.2);
-webkit-box-shadow: 3px 3px 0 rgba(0, 0, 0, 0.2);
box-shadow: 3px 3px 0 rgba(0, 0, 0, 0.2);
}
.check #result #ranking p{
font-size:18px;
line-height:24px;
font-weight:bold;
color:#005AAC;
padding:15px 0 15px 0;
text-align:center;
}
.check #result #ranking ul{
}
.check #result #ranking ul li{
padding:12px 0 12px 10px;
font-size:16px;
border-top:solid 1px #005aac;
}
.check #result #ranking ul li.rank-1 span{
background:#ff6161;
color:#FFF;
font-size:14px;
width:60px;
padding:3px 13px;
margin:0 10px 0 0;
border-radius: 50px;
-webkit-border-radius: 50px;
-moz-border-radius: 50px;
}
.check #result #ranking ul li.rank-1{
color:#005aac;
}
.check #result #ranking ul li.rank-2 span{
background:#ffb845;
color:#FFF;
font-size:14px;
width:60px;
padding:3px 13px;
margin:0 10px 0 0;
border-radius: 50px;
-webkit-border-radius: 50px;
-moz-border-radius: 50px;
}
.check #result #ranking ul li.rank-2{
color:#005aac;
}
.check #result #ranking ul li.rank-3 span{
background:#005aac;
color:#FFF;
font-size:14px;
width:60px;
padding:3px 13px;
margin:0 10px 0 0;
border-radius: 50px;
-webkit-border-radius: 50px;
-moz-border-radius: 50px;
}
.check #result #ranking ul:after { content:"."; clear:both; height:0; display:block; visibility:hidden; }
* html .check #result #ranking ul { display:inline-block; }
*:first-child+html .check #result #ranking ul { display:inline-block; }



.check #result #type{
position:absolute;
top:52px;
left:338px;
border:solid 4px #FFF;
border-radius: 6px;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
width:550px;
height:440px;
}
.check #result #type-text-01{
font-size:18px;
line-height:24px;
font-weight:bold;
color:#ffff00;
padding:40px 0 30px 0;
text-align:center;
}
.check #result #type-icon{
text-align:center;
}
.check #result #type-icon img{
margin:0 10px;
}
.check #result #type-text-02{
clear:both;
font-size:18px;
line-height:24px;
font-weight:bold;
color:#ffff00;
padding:30px 0 10px 0;
text-align:center;
}
.check #result #type-text-03{
font-size:16px;
line-height:28px;
color:#FFF;
text-align:center;
}
.check #result #next-result{
position:absolute;
top:475px;
left:533px;
}



.check #select {
display:none;
background:url(../../check/images/chk_bt_bg.png) center top no-repeat #00325b;
height:562px;
position:relative;
}
.check #select h2{
text-align:center;
padding:40px 0 0 0;
}



.check #select #but #comment{
font-size:16px;
line-height:28px;
text-align:center;
padding:30px 0 0 0;
}
.check #select #but #example{
font-size:16px;
line-height:28px;
color:#ffff00;
text-align:center;
}
.check #select #but #example img{
margin:30px 0 0 0;
}
.check #select #but #next-but{
position:absolute;
bottom:0;
left:200px;
}



.check #select h3{
position:absolute;
top:20px;
left:15px;
}
.check #select h3 img{
margin:0 0 5px 0;
display:block;
text-align:center;
}
.check #select #card-01{
position:absolute;
top:266px;
left:50px;
width:420px;
height:145px;
background:#FFF;
border: solid 5px #1dadce;
border-radius: 8px;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
-moz-box-shadow: 5px 5px 0 rgba(0, 0, 0, 0.2);
-webkit-box-shadow: 5px 5px 0 rgba(0, 0, 0, 0.2);
box-shadow: 5px 5px 0 rgba(0, 0, 0, 0.2);
}
.check #select #card-01 p{
position: relative;
font-size:13px;
line-height:24px;
padding:50px 20px 0 135px;
color:#333;
}
.check #select #card-02{
position:absolute;
top:266px;
left:510px;
width:420px;
height:145px;
background:#FFF;
border: solid 5px #ff8080;
border-radius: 8px;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
-moz-box-shadow: 5px 5px 0 rgba(0, 0, 0, 0.2);
-webkit-box-shadow: 5px 5px 0 rgba(0, 0, 0, 0.2);
box-shadow: 5px 5px 0 rgba(0, 0, 0, 0.2);
}
.check #select #card-02 p{
position: relative;
font-size:13px;
line-height:24px;
padding:50px 20px 20px 135px;
color:#333;
}
.check #select #next-select{
position:absolute;
bottom:0;
left:280px;
}
.check #select #back{
position: fixed;
top:40px;
left:5px;
}



.check #counseling {
display:none;
background: url(../../check/images/chk_pr_bg.png) center top no-repeat;
height:562px;
}
.check #counseling h2 {
padding:40px 0 0 0;
color:#FFF;
font-size:16px;
line-height:28px;
text-align:center;
}
.check #counseling h2 img {
margin:0 0 20px 0;
}
.check #counseling #character {
padding:20px 0 0 0;
margin:0 0 1px 0;
text-align:center;
}
.check #counseling .set {
width:830px;
margin:0 auto;
background:#ffff00;
border-radius: 8px;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
text-align:center;
padding:0 0 30px 0;
}
.check #counseling #counseling-text-01 {
padding:20px 0 10px 0;
}
.check #counseling ul {
/* 202505 PSC修正 CTA1件削除に伴い */
margin:10px 0 0 10px;
display:flex;
justify-content:center;
/* 202505 PSC修正 CTA1件削除に伴い */
}
.check #counseling ul li {
float:left;
margin:0 10px 0 0;
}
.check #counseling ul:after { content:"."; clear:both; height:0; display:block; visibility:hidden; }
* html .check #counseling ul { display:inline-block; }
*:first-child+html .check #counseling ul { display:inline-block; }



/* ==============================================
.es
============================================== */
.es nav ul li.es{
width:155px;
height:64px;
background:url(../images/hd_mn_es_ov.gif) top center no-repeat;
}
.es nav ul li.es a{
width:155px;
height:64px;
display:block;
}
.es nav ul li.es img{
display:none;
}

body.es{
}
.es #wrapper{
position:relative;
border-right:#005aac solid 4px;
border-left:#005aac solid 4px;
border-bottom:#005aac solid 4px;
padding:0;
}



.es header h1{
position:absolute;
width:222px;
padding:10px 0 0 10px;
}
.es header nav p.open{
position:absolute;
top:5px;
right:5px;
z-index:102;
}
.es header nav div{
position:absolute;
top:54px;
left:0px;
z-index:102;
}
.es #introduction{
display:no ne;
position:relative;
background:url(../../es/images/es_intr_bg.png) top center no-repeat;
height:562px;
}
.es #introduction h2{
text-align:center;
padding:80px 0 20px 0;
}
.es #introduction p{
text-align:center;
}



.es #howto{
display:none;
height:600px;
}
.es #howto .inner{
background:url(../../es/images/es_hwt_bg.png) top center no-repeat;
height:229px;
}
.es #howto .inner h2{
text-align:center;
padding:25px 0 0 0;
}
.es #howto .inner p{
text-align:center;
padding:23px 0 0 0;
}

.es #howto h3{
text-align:center;
padding:30px 0 0 0;
}
.es #howto #howto-image{
text-align:center;
padding:20px 0 15px 0;
}
.es #howto p{
font-size:14px;
line-height:28px;
padding:0 135px;
}
.es #howto #howto-button{
text-align:center;
padding:15px 0 0 0;
}
.es #howto .note{
font-size:10px;
line-height:22px;
padding:10px 135px 10px 135px;
}



.es .test{
background:url(../../es/images/es_test_bg.png) bottom center no-repeat;
height:700px;
position:relative;
}
.es #test-01{
display:none;
}
.es #test-02{
display:none;
}
.es #test-03{
display:none;
}
.es #test-04{
display:none;
}
.es #test-05{
display:none;
}



.es .test ul{
padding:25px 0 30px 0;
width:275px;
margin:0 auto;
}
.es .test ul li{
float:left;
margin:0 10px 0 0;
}
.es .test ul li:last-child{
margin:0;
}
.es .test ul:after { content:"."; clear:both; height:0; display:block; visibility:hidden; }
* html .es .test ul { display:inline-block; }
*:first-child+html .es .test ul { display:inline-block; }



.es .test .inner{
width:682px;
margin:0 auto;
background:#FFF;
-moz-box-shadow: 3px 3px 0 rgba(0, 0, 0, 0.2);
-webkit-box-shadow: 3px 3px 0 rgba(0, 0, 0, 0.2);
box-shadow: 3px 3px 0 rgba(0, 0, 0, 0.2);
}
.es #test-01 .inner{
border:#e2a154 solid 5px;
}
.es #test-02 .inner{
border:#59b9c9 solid 5px;
}
.es #test-03 .inner{
border:#ea8c8c solid 5px;
}
.es #test-04 .inner{
border:#9bc42c solid 5px;
}
.es #test-05 .inner{
border:#b6a5ce solid 5px;
}



.es .test .inner h2{
padding:25px 0 10px 0;
text-align:center;
}
.es .test .inner h2 img{
}
.es .test .inner p{
font-size:14px;
line-height:35px;
padding:15px 32px 15px 32px;
background:url(../../es/images/es_tst_txt_bg.png) center 15px no-repeat;
}



.es .test .inner div{
margin:0 auto;
padding:30px 0;
width:456px;
}
.es .test .inner #yes{
float:left;
margin:0 20px 0 0 ;
padding:0;
background:none;
}
.es .test .inner #no{
float:left;
padding:0;
background:none;
}
.es .test .inner div:after { content:"."; clear:both; height:0; display:block; visibility:hidden; }
* html .es .test .inner div { display:inline-block; }
*:first-child+html .es .test .inner div { display:inline-block; }



.es .test #limit{
position: absolute;
top: 32px;
right: 81px;
width: 132px;
height: 132px;
background: url(../../es/images/es_tst_icn_limit.png) top no-repeat;
}
.es .test #limit p{
margin:55px auto;
width:62px;
}
.es .test #limit p img{
}



.es .result{
display:none;
background:url(../../es/images/es_rslt_bg_080.png) top center no-repeat;
position:relative;
}
.es .result .inner{
background: #005aac;
padding: 0;
width: 465px;
height:406px;
text-align: center;
position: absolute;
left: 50px;
top: 50px;
border-radius: 6px;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
}
.es .result .inner h2{
margin:0 auto;
padding:30px 0 15px 0;
}
.es .result .inner p{
font-size:16px;
line-height:24px;
color:#FFF;
font-weight:bold;
text-align:center;
}
.es .result .inner div{
border-top:solid 5px #FFF;
border-right:solid 4px #FFF;
border-bottom:solid 4px #FFF;
border-left:solid 5px #FFF;
border-radius: 6px;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
margin:10px 30px;
}
.es .result .inner table{
width:100%;
}
.es .result .inner th{
border-right:solid 1px #FFF;
border-bottom:solid 1px #FFF;
text-align:center;
color:#FFF;
font-weight:bold;
padding:3px 0;
}
.es .result .inner td{
border-right:solid 1px #FFF;
border-bottom:solid 1px #FFF;
text-align:center;
color:#FFF;
padding:3px 0;
}
.es .result .inner tr#user th{
color:#ffff00;
background:#337bbd;
}
.es .result .inner tr#user td{
color:#ffff00;
background:#337bbd;
}



.es .result #comment{
padding:0;
height:507px;
}
.es .result #comment #comment-percent{
text-align:center;
padding:80px 40px 0 0;
text-align:right;
}
.es .result #comment #comment-percent img{
}
.es .result #comment #comment-fkds{
text-align:center;
text-align:right;
margin:30px 110px 0 0;
}
.es .result #comment #comment-fkds img{
width:auto;
}
.es .result #comment #comment-text{
width: 363px;
border-right: 20px solid #ffffff;
border-left: 20px solid #ffffff;
border-bottom: 10px solid #ffffff;
border-top: 10px solid #ffffff;
background: #FFF;
margin: 0 10px;
border-radius: 6px;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
-moz-box-shadow: 3px 3px 0 rgba(0, 0, 0, 0.2);
-webkit-box-shadow: 3px 3px 0 rgba(0, 0, 0, 0.2);
box-shadow: 3px 3px 0 rgba(0, 0, 0, 0.2);
position: absolute;
top: 290px;
left: 72px;
}



.es .result #check{
background:url(../../es/images/es_tst_bg.png) bottom center;
padding:0 0 45px 0;
clear:both;
}
.es .result #check h3{
text-align:center;
height:92px;
background:#65e1ff url(../../es/images/es_rslt_sttl_bg.png) center no-repeat;
}
.es .result #check h3 img{
padding:19px 0 0 0;
}
.es .result #check p{
color:#333;
padding:6px 0 18px 0;
text-align:center;
background:#65e1ff;
}
.es .result #check #arrow{
text-align: center;
padding:15px 0 0 0;
background:none;
}
.es .result #check #arrow img{
}



.es .result #check .point{
margin:20px 50px 0 50px;
border:solid 4px #005aac;
background:#FFF url(../../es/images/es_rslt_pnt_bg.gif) center repeat-y;
border-radius: 6px;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
padding:30px 0 0 20px;
}
.es .result #check .point h4{
}
.es .result #check .point p{
color:#333;
width:500px;
text-align:left;
}
.es .result #check .point p strong{
font-size:15px;
line-height:18px;
}
.es .result #check .point p.button{
padding:5px 0 15px 0;
width:252px;
margin:0 auto;
}
.es .result #check .point .accordion{
margin:15px 0 20px 0;
}
.es .result #check .point .accordion div{
background: #005aac;
margin:0;
padding:20px 0 0 0;
width: 365px;
}
.es .result #check .point .accordion p{
margin:0 0 10px 10px;
padding:0;
width:460px;
font-size:14px;
line-height:24px;
background:none;
}
.es .result #check #point-01,
.es .result #check #point-02,
.es .result #check #point-03{
position:relative;
}

.es .result #check #point-01 .accordion div,
.es .result #check #point-02 .accordion div,
.es .result #check #point-03 .accordion div{
position: absolute;
right:0;
top:0;
}
.es .result #check .point .accordion div h5{
font-size:14px;
color:#ffff00;
font-weight:bold;
text-align:center;
margin:0 0 20px 0;
}
.es .result #check .point .accordion div h5 img{
margin:0 0 5px 0;
}
.es .result #check .point .accordion div p{
color:#FFF;
width:310px;
margin:0 auto;
}
.es .result #check .point .accordion div p.close{
padding:15px 0 0 0;
width:126px;
margin:0 auto;
}



.es .result #entry{
background:#ffff00;
padding:40px 0 40px 0;
}
.es .result #entry p{
font-size:16px;
line-height:28px;
color:#005aac;
font-weight:bold;
text-align:center;
padding:0 0 10px 0;
}
.es .result #entry p img{
padding:10px 0 0 0;
}
.es .result #entry ul{
/* 202505 PSC修正 CTA1件削除に伴い */
padding:0 0 0 0;
display:flex;
justify-content:center;
/* 202505 PSC修正 CTA1件削除に伴い */
}
.es .result #entry ul li{
float:left;
margin:0 10px 0 0;
}
.es .result #entry ul li:last-child{
margin:0;
}
.es .result #entry:after { content:"."; clear:both; height:0; display:block; visibility:hidden; }
* html .es .result #entry { display:inline-block; }
*:first-child+html .es .result #entry { display:inline-block; }

.es footer{
padding:0 0 10px 0;
border-top:1px solid #dddddd;
}



/* ==============================================
mikata
============================================== */
.mikata nav ul li.mikata,
.mstep-1 nav ul li.mikata,
.mstep-2 nav ul li.mikata,
.mstep-3 nav ul li.mikata{
width:156px;
height:64px;
background:url(../images/hd_mn_mikata_ov.gif) top center no-repeat;
}
.mikata nav ul li.mikata a{
pointer-events:none;
}
.mstep-1 nav ul li.mikata a,
.mstep-2 nav ul li.mikata a,
.mstep-3 nav ul li.mikata a{
width:156px;
height:64px;
display:block;
}
.mikata nav ul li.mikata img,
.mstep-1 nav ul li.mikata img,
.mstep-2 nav ul li.mikata img,
.mstep-3 nav ul li.mikata img{
display:none;
}

.mikata article{
background:#005aac;
}
.mikata #introduction{
background:url(../../mikata/images/mkt_itr_bg.gif) top center no-repeat;
padding:50px 0 50px 0;
}
.mikata #introduction h1{
text-align:center;
padding:0 0 30px 0;
}
.mikata #introduction p.image{
text-align:center;
padding:0;
}
.mikata #introduction p{
padding:40px 135px 0 135px;
color:#FFF;
}
.mikata #introduction p strong{
color:#ffff00;
font-weight:normal;
}
.mikata #step-01,
.mikata #step-02,
.mikata #step-03{
margin:0 50px;
padding:34px 0 37px 48px;
}
.mikata #step-01{
background:#FFF;
border-radius: 8px;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
-moz-box-shadow: 5px 5px 0 rgba(0, 0, 0, 0.2);
-webkit-box-shadow: 5px 5px 0 rgba(0, 0, 0, 0.2);
box-shadow: 5px 5px 0 rgba(0, 0, 0, 0.2);
}
.mikata #step-01:after { content:"."; clear:both; height:0; display:block; visibility:hidden; }
* html .mikata #step-01 { display:inline-block; }
*:first-child+html .mikata #step-01 { display:inline-block; }

.mikata #step-01 div{
float:left;
width:465px;
margin:0 42px 0 0;
}
.mikata #step-01 h2{
text-align:center;
padding:0 0 30px 0;
}
.mikata #step-01 p{
font-size:13px;
line-height:22px;
}
.mikata #step-01 ul{
border-top: solid 3px #005aac;
border-left: solid 3px #005aac;
float:left;
width:294px;
}
.mikata #step-01 ul li{
width:95px;
height:85px;
float:left;
border-right: solid 3px #005aac;
border-bottom: solid 3px #005aac;
text-align:center;
font-size:12px;
line-height:16px;
padding:0 0 8px 0;
background:url(../../mikata/images/mkt_stp1_icn_arw.png) 90% 48% no-repeat;
position:relative;
}
.mikata #step-01 ul li a{
color:#333;
text-decoration:none;
display:block;
}
.mikata #step-01 ul li img{
margin:8px 0;
}
.mikata #step-01 ul li.line1 img{
margin:8px 0 15px 0;
}
.mikata #step-01 ul:after { content:"."; clear:both; height:0; display:block; visibility:hidden; }
* html .mikata #step-01 ul { display:inline-block; }
*:first-child+html .mikata #step-01 ul { display:inline-block; }

.mikata #step-01 ul li span{
position: absolute;
top: -27px;
left: -21px;
}

.mikata #step-02{
background:#FFF;
border-radius: 8px;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
-moz-box-shadow: 5px 5px 0 rgba(0, 0, 0, 0.2);
-webkit-box-shadow: 5px 5px 0 rgba(0, 0, 0, 0.2);
box-shadow: 5px 5px 0 rgba(0, 0, 0, 0.2);
}
.mikata #step-02:after { content:"."; clear:both; height:0; display:block; visibility:hidden; }
* html .mikata #step-02 { display:inline-block; }
*:first-child+html .mikata #step-02 { display:inline-block; }

.mikata #step-02 div{
float:left;
width:465px;
margin:0 42px 0 0;
}
.mikata #step-02 h2{
text-align:center;
padding:0 0 30px 0;
}
.mikata #step-02 p{
font-size:13px;
line-height:22px;
}
.mikata #step-02 ul{
float:left;
width:293px;
}
.mikata #step-02 ul li{
margin:0 0 5px 0;
position:relative;
}
.mikata #step-02 ul li span{
position: absolute;
top: -17px;
left: -14px;
z-index: 101;
}



.mikata #step-03{
background:#FFF;
border-radius: 8px;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
-moz-box-shadow: 5px 5px 0 rgba(0, 0, 0, 0.2);
-webkit-box-shadow: 5px 5px 0 rgba(0, 0, 0, 0.2);
box-shadow: 5px 5px 0 rgba(0, 0, 0, 0.2);
}
.mikata #step-03:after { content:"."; clear:both; height:0; display:block; visibility:hidden; }
* html .mikata #step-03 { display:inline-block; }
*:first-child+html .mikata #step-03 { display:inline-block; }

.mikata #step-03 div{
float:left;
width:465px;
margin:0 42px 0 0;
}
.mikata #step-03 h2{
text-align:center;
padding:0 0 25px 0;
}
.mikata #step-03 p{
font-size:13px;
line-height:22px;
}
.mikata #step-03 ul{
border-top: solid 3px #005aac;
margin:15px 0 0 0;
float:left;
width:294px;

}
.mikata #step-03 ul li{
border-right: solid 3px #005aac;
border-bottom: solid 3px #005aac;
border-left: solid 3px #005aac;
background:url(../../mikata/images/mkt_stp3_sttl_01_bg.gif) left no-repeat;
font-size:14px;
line-height:20px;
position:relative;
}
.mikata #step-03 ul li span{
position: absolute;
top: -19px;
left: -14px;
}
.mikata #step-03 ul li span img{
width:auto;
height:auto;
}
.mikata #step-03 ul li.p01{
background:url(../../mikata/images/mkt_stp3_sttl_01_bg.gif) left no-repeat;
}
.mikata #step-03 ul li.p01:hover{
background:#005aac url(../../mikata/images/mkt_stp3_sttl_01_bg_ov.gif) left no-repeat;
}
.mikata #step-03 ul li.p02{
background:url(../../mikata/images/mkt_stp3_sttl_02_bg.gif) left no-repeat;
}
.mikata #step-03 ul li.p02:hover{
background:#005aac url(../../mikata/images/mkt_stp3_sttl_02_bg_ov.gif) left no-repeat;
}
.mikata #step-03 ul li.p03{
background:url(../../mikata/images/mkt_stp3_sttl_03_bg.gif) left no-repeat;
}
.mikata #step-03 ul li.p03:hover{
background:#005aac url(../../mikata/images/mkt_stp3_sttl_03_bg_ov.gif) left no-repeat;
}
.mikata #step-03 ul li.p04{
background:url(../../mikata/images/mkt_stp3_sttl_04_bg.gif) left no-repeat;
}
.mikata #step-03 ul li.p04:hover{
background:#005aac url(../../mikata/images/mkt_stp3_sttl_04_bg_ov.gif) left no-repeat;
}

.mikata #step-03 ul li a{
color:#333;
text-decoration:none;
padding:12px 0 12px 54px;
display:block;
}
.mikata #step-03 ul li a:hover{
color:#ffffff;
}
.mikata #step-03 ul li.p03 a,
.mikata #step-03 ul li.p04 a{
padding:20px 0 20px 54px;
}
.mikata #step-03 ul li a strong{
color:#ff6161;
font-weight:normal;
}
.mikata #step-03 ul li img{
width:auto;
height:27px;
margin:0 7px 0 0 ;
float:left;
}
.mikata #step-03 ul li.line1 img{
margin:-5px 7px 0 0 ;
}

.mikata .arrow{
text-align:center;
padding:12px 0;
}

/* ==============================================
mstep-1
============================================== */
.mstep-1 nav ul,
.mstep-2 nav ul,
.mstep-3 nav ul{
margin:0 0 30px 0;
}
.mstep-1 #wrapper,
.mstep-2 #wrapper,
.mstep-3 #wrapper{
border-top:solid 4px #005aac;
width:682px;
}

.mstep-1 h1{
text-align:center;
padding:0 0 43px 0;
}
.mstep-2 h1{
text-align:center;
padding:0 0 43px 0;
}



.mstep-1 #article{
padding:26px 46px 0 46px;
}
.mstep-1 #article p strong{
color:#ff6161;
font-weight:normal;
}

.mstep-1 #end{
border-top:solid 5px #005aac;
padding:0 20px 20px 20px;
margin:30px 0 0 0;
}
.mstep-1 #end p{
padding:20px 0 0 0;
}
.mstep-1 #end p.button{
text-align:center;
margin:10px 0 0 0;
}
.mstep-1 #end p.button a{
color:#FFF;
padding:12px 25px;
background:#005aac;
border-radius: 50px;
-webkit-border-radius: 50px;
-moz-border-radius: 50px;
text-decoration:none;
font-size:14px;
}
.mstep-1 #end p.button a:hover{
background:#005aac;
opacity:0.7; 
}
.mstep-1 .entry,
.mstep-2 .entry,
.mstep-3 .entry{
color:#005aac;
font-size:16px;
font-weight:bold;
margin:40px 0 0 0;
padding:20px 0 30px 0;
}
.mstep-1 .entry img,
.mstep-2 .entry img,
.mstep-3 .entry img{
padding:10px 0 0 0;
}

.mstep-1 #list,
.mstep-2 #list,
.mstep-3 #list{
float:right;
width:262px;
border:solid 4px #005aac;
}
.mstep-1 #list h2,
.mstep-2 #list h2,
.mstep-3 #list h2{
text-align:center;
}
.mstep-1 #list h2.last{
border-top:2px solid #ffffff;
}
.mstep-1 #list ul,
.mstep-2 #list ul,
.mstep-3 #list ul{
border-top:solid 2px #ffffff;
}
.mstep-1 #list ul li,
.mstep-2 #list ul li,
.mstep-3 #list ul li{
border-bottom:solid 2px #005aac;
font-size:14px;
}
.mstep-1 .fixed2,
.mstep-2 .fixed2,
.mstep-3 .fixed2 {
position: fixed;
width:262px;
top: 0;
margin:0 0 0 730px;
z-index:101;
}
.mstep-1 #list ul li a{
padding:12px 5px 12px 68px;
}
.mstep-1 #list ul li.step1-1{background:url(../../mikata/images/mkt_lst_stp1_01.png) left top no-repeat;}
.mstep-1 #list ul li.step1-1.here{background:#005aac url(../../mikata/images/mkt_lst_stp1_01_here.png) left top no-repeat;}
.mstep-1 #list ul li.step1-1:hover{background:#6bb6fa url(../../mikata/images/mkt_lst_stp1_01_ov.png) left top no-repeat;}
.mstep-1 #list ul li.step1-2{background:url(../../mikata/images/mkt_lst_stp1_02.png) left top no-repeat;}
.mstep-1 #list ul li.step1-2.here{background:#005aac url(../../mikata/images/mkt_lst_stp1_02_here.png) left top no-repeat;}
.mstep-1 #list ul li.step1-2:hover{background:#6bb6fa url(../../mikata/images/mkt_lst_stp1_02_ov.png) left top no-repeat;}
.mstep-1 #list ul li.step1-3{background:url(../../mikata/images/mkt_lst_stp1_03.png) left top no-repeat;}
.mstep-1 #list ul li.step1-3.here{background:#005aac url(../../mikata/images/mkt_lst_stp1_03_here.png) left top no-repeat;}
.mstep-1 #list ul li.step1-3:hover{background:#6bb6fa url(../../mikata/images/mkt_lst_stp1_03_ov.png) left top no-repeat;}
.mstep-1 #list ul li.step1-4{background:url(../../mikata/images/mkt_lst_stp1_04.png) left top no-repeat;}
.mstep-1 #list ul li.step1-4.here{background:#005aac url(../../mikata/images/mkt_lst_stp1_04_here.png) left top no-repeat;}
.mstep-1 #list ul li.step1-4:hover{background:#6bb6fa url(../../mikata/images/mkt_lst_stp1_04_ov.png) left top no-repeat;}
.mstep-1 #list ul li.step1-5{background:url(../../mikata/images/mkt_lst_stp1_05.png) left top no-repeat;}
.mstep-1 #list ul li.step1-5.here{background:#005aac url(../../mikata/images/mkt_lst_stp1_05_here.png) left top no-repeat;}
.mstep-1 #list ul li.step1-5:hover{background:#6bb6fa url(../../mikata/images/mkt_lst_stp1_05_ov.png) left top no-repeat;}
.mstep-1 #list ul li.step1-6{background:url(../../mikata/images/mkt_lst_stp1_06.png) left top no-repeat;}
.mstep-1 #list ul li.step1-6.here{background:#005aac url(../../mikata/images/mkt_lst_stp1_06_here.png) left top no-repeat;}
.mstep-1 #list ul li.step1-6:hover{background:#6bb6fa url(../../mikata/images/mkt_lst_stp1_06_ov.png) left top no-repeat;}
.mstep-1 #list ul li.step1-7{background:url(../../mikata/images/mkt_lst_stp1_07.png) left top no-repeat;}
.mstep-1 #list ul li.step1-7.here{background:#005aac url(../../mikata/images/mkt_lst_stp1_07_here.png) left top no-repeat;}
.mstep-1 #list ul li.step1-7:hover{background:#6bb6fa url(../../mikata/images/mkt_lst_stp1_07_ov.png) left top no-repeat;}
.mstep-1 #list ul li.step1-8{background:url(../../mikata/images/mkt_lst_stp1_08.png) left top no-repeat;}
.mstep-1 #list ul li.step1-8.here{background:#005aac url(../../mikata/images/mkt_lst_stp1_08_here.png) left top no-repeat;}
.mstep-1 #list ul li.step1-8:hover{background:#6bb6fa url(../../mikata/images/mkt_lst_stp1_08_ov.png) left top no-repeat;}
.mstep-1 #list ul li.step1-9{background:url(../../mikata/images/mkt_lst_stp1_09.png) left top no-repeat;}
.mstep-1 #list ul li.step1-9.here{background:#005aac url(../../mikata/images/mkt_lst_stp1_09_here.png) left top no-repeat;}
.mstep-1 #list ul li.step1-9:hover{background:#6bb6fa url(../../mikata/images/mkt_lst_stp1_09_ov.png) left top no-repeat;}

.mstep-1 #list ul li a{
display:block;
color:#333;
text-decoration:none!important;
}
.mstep-1 #list ul li a:hover{
color:#ffffff!important;
}
.mstep-1 #list ul li.here a{
color:#FFF!important;
}




/* ==============================================
mstep-2
============================================== */
.mstep-2 article{
padding:18px 0 0 0;
}
.mstep-2 article h1{
padding:106px 0 15px 0;
background:url(../../mikata/images/mktl_stp2_ttl_bg.gif) top center no-repeat;
}

.mstep-2 #case{
background:url(../../mikata/images/mktl_stp2_cs_bg.gif) top no-repeat;
margin:0 0 0 0;
padding:0 26px;
}
.mstep-2 #case h2{
font-weight: bold;
padding:0 0 0 74px;
margin:0;
position:relative;
}
.mstep-2 #case h2 span{
position: absolute;
top: 50px;
}
.mstep-2 #case p{
background:#edf6f9;
border: solid 1px #005aac;
margin:0;
padding:30px 50px;
border-radius: 8px;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
}

.mstep-2 #key{
margin:20px 0 0 0;
padding:0 28px 20px 28px;
background:#005aac url(../../mikata/images/mktl_stp2_ky_bg.gif) top repeat-x;
}
.mstep-2 #key div{
background:#FFF;
border-radius: 8px;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
-moz-box-shadow: 5px 5px 0 rgba(0, 0, 0, 0.2);
-webkit-box-shadow: 5px 5px 0 rgba(0, 0, 0, 0.2);
box-shadow: 5px 5px 0 rgba(0, 0, 0, 0.2);
margin:0;
padding:0 30px 20px 30px;
}
.mstep-2 #key h2{
background:url(../../mikata/images/mktl_stp2_ky_ttl_bg.png) 95% no-repeat;
height:151px;
}
.mstep-2 #key h2 img{
padding:26px 0 0 25px;
}
.mstep-2 #key div h3{
background: url(../../mikata/images/mktl_stp2_ky_sttl.png) center top no-repeat;
color:#FFF;
text-align:center;
padding:20px 0 70px 0;
margin:20px 0 0 0;
}
.mstep-2 #key div h3 strong{
font-size:14px;
line-height:24px;
text-indent:none;
display: inline;
background:#005aac;
padding:3px 20px;
border-radius: 50px;
-webkit-border-radius: 50px;
-moz-border-radius: 50px;
fo
}
.mstep-2 #key div p{
padding:20px 0 0 0;
}



.mstep-2 #end{
border-top:solid 5px #005aac;
padding:0 20px 30px 20px;
}
.mstep-2 #end h2{
font-size:16px;
font-weight:bold;
color:#005aac;
padding:20px 0 0 0;
}
.mstep-2 #end p{
padding:20px 0 0 0;
}
.mstep-2 #end p.button{
text-align:center;
margin:10px 0 0 0;
}
.mstep-2 #end p.button a{
color:#FFF;
padding:12px 25px;
background:#005aac;
border-radius: 50px;
-webkit-border-radius: 50px;
-moz-border-radius: 50px;
text-decoration:none;
font-size:14px;
}
.mstep-2 #end p.button a:hover{
background:#005aac;
opacity:0.7; 
}
.mstep-2 #list ul li strong{
color:#ff6161;
font-weight:normal;
}
.mstep-2 #list ul li a{
display:block;
color:#333!important;
text-decoration:none!important;
padding:12px 5px 12px 12px;
background:url(../../mikata/images/mktl_stp2_lst_arw.png) 95% no-repeat;
}
.mstep-2 #list ul li.here a{
color:#FFF!important;
background:#005aac url(../../mikata/images/mktl_stp2_lst_arw_here.png) 95% no-repeat;
}
.mstep-2 #list ul li a:hover{
color:#FFF!important;
background:#6bb6fa url(../../mikata/images/mktl_stp2_lst_arw_ov.png) 95% no-repeat;
}
.mstep-2 #list ul li.here a strong{
color:#ffff00;
}
.mstep-2 #list h2.last{
border-top:1px solid #ffffff;
}


/* ==============================================
mstep-3
============================================== */
.mstep-3 article h1{
padding:115px 0 15px 0;
background:url(../../mikata/images/mktl_stp3_ttl_bg.gif) top center no-repeat;
text-align:center;
}

.mstep-3 #article{
padding:25px 46px 0 46px;
}
.mstep-3 #article p{
padding:20px 0 0 0;
}
.mstep-3 #article p.image{
padding:20px 0 0 0;
text-align:center;
}
.mstep-3 #article p strong{
color:#ff6161;
font-weight:normal;
}


.mstep-3 #list ul li.step3-1{background:url(../../mikata/images/mkt_lst_stp3_01.png) left 36% no-repeat;}
.mstep-3 #list ul li.step3-1.here{background:#005aac url(../../mikata/images/mkt_lst_stp3_01_here.png) left 36% no-repeat;}
.mstep-3 #list ul li.step3-1:hover{background:#6bb6fa url(../../mikata/images/mkt_lst_stp3_01_ov.png) left 36% no-repeat;}
.mstep-3 #list ul li.step3-2{background:url(../../mikata/images/mkt_lst_stp3_02.png) left 36% no-repeat;}
.mstep-3 #list ul li.step3-2.here{background:#005aac url(../../mikata/images/mkt_lst_stp3_02_here.png) left 36% no-repeat;}
.mstep-3 #list ul li.step3-2:hover{background:#6bb6fa url(../../mikata/images/mkt_lst_stp3_02_ov.png) left 36% no-repeat;}
.mstep-3 #list ul li.step3-3{background:url(../../mikata/images/mkt_lst_stp3_03.png) left top no-repeat;}
.mstep-3 #list ul li.step3-3.here{background:#005aac url(../../mikata/images/mkt_lst_stp3_03_here.png) left top no-repeat;}
.mstep-3 #list ul li.step3-3:hover{background:#6bb6fa url(../../mikata/images/mkt_lst_stp3_03_ov.png) left top no-repeat;}
.mstep-3 #list ul li.step3-4{background:url(../../mikata/images/mkt_lst_stp3_04.png) left top no-repeat;}
.mstep-3 #list ul li.step3-4.here{background:#005aac url(../../mikata/images/mkt_lst_stp3_04_here.png) left top no-repeat;}
.mstep-3 #list ul li.step3-4:hover{background:#6bb6fa url(../../mikata/images/mkt_lst_stp3_04_ov.png) left top no-repeat;}


.mstep-3 #end{
border-top:solid 5px #005aac;
padding:15px 46px 0 46px;
margin:30px 0 0 0;
}
.mstep-3 #end h2{
font-size:16px;
font-weight:bold;
color:#005aac;
padding:20px 0 0 0;
}
.mstep-3 #end p{
padding:20px 0 0 0;
}
.mstep-3 #list ul li{
font-size:13px;
line-height:20px;
}
.mstep-3 #list ul li:last-child{
border:none;
}
.mstep-3 #list ul li a strong{
color:#ff6161;
font-weight:normal;
}
.mstep-3 #list ul li.here a strong{
color:#ffff00;
}

.mstep-3 #list ul li a{
display:block;
color:#333!important;
text-decoration:none!important;
padding:12px 5px 12px 45px;
}
.mstep-3 #list ul li.here a{
color:#FFF!important;
}
.mstep-3 #list ul li a:hover{
color:#FFF!important;
}
.mstep-3 #list h2.last{
border-top:2px solid #ffffff;
}


/* ==============================================
taiken-top
============================================== */
.taiken-top nav ul li.taiken{
width:155px;
height:64px;
background:url(../images/hd_mn_taiken_ov.gif) top center no-repeat;
}
.taiken-top nav ul li.taiken a{
pointer-events:none;
}
.taiken-top nav ul li.taiken img{
display:none;
}

.taiken-top #introduction{
background:url(../../taiken/images/tkn_intr_bg.gif) top no-repeat;
height:395px;
position:relative;
padding:0;
}
.taiken-top #introduction h1{
padding:35px 0 0 85px;
}
.taiken-top #introduction p{
position: absolute;
width: 385px;
left: 573px;
top: 213px;
}
.taiken-top #taiken-list ul{
padding:0 0 0 46px;
}
.taiken-top #taiken-list li{
border: solid 5px #005aac;
float:left;
margin:0 10px 10px 0;
}

.taiken-top #taiken-list ul:after { content:"."; clear:both; height:0; display:block; visibility:hidden; }
* html .taiken-top #taiken-list ul { display:inline-block; }
*:first-child+html .taiken-top #taiken-list ul { display:inline-block; }


/* ==============================================
taiken
============================================== */
.taiken nav ul li.taiken{
width:155px;
height:64px;
background:url(../images/hd_mn_taiken_ov.gif) top center no-repeat;
}
.taiken nav ul li.taiken a{
width:155px;
height:64px;
display:block;
}
.taiken nav ul li.taiken img{
display:none;
}
.taiken nav ul{
margin:0 0 30px 0;
}
.taiken #wrapper{
width:682px;
border-top:solid 4px #005aac;
float:left;
}
.taiken #container #list{
float:right;
width:262px;
border:solid 4px #005aac;
}
.taiken #list li{
border-bottom:solid 4px #005aac;
margin:0;
padding:0;
}
.taiken #list li:last-child{
border:none;
margin:0;
padding:0;
}
.taiken .fixed2 {
position: fixed;
width:262px;
top: 0;
margin:0 0 0 730px;
z-index:101;
}
.taiken #container:after { content:"."; clear:both; height:0; display:block; visibility:hidden; }
* html .taiken #container { display:inline-block; }
*:first-child+html .taiken #container { display:inline-block; }

.taiken #introduction{
position:relative;
}
.taiken #introduction .logo{
position: absolute;
top: 12px;
left: 15px;
}
.taiken #status{
border-top: solid 4px #005aac;
border-bottom: solid 4px #005aac;
}
.taiken #status:after { content:"."; clear:both; height:0; display:block; visibility:hidden; }
* html .taiken #status { display:inline-block; }
*:first-child+html .taiken #status { display:inline-block; }

.taiken #status h2{
text-align:center;
font-size:13px;
color:#ff6161;
padding:20px 0;
width:70px;
float:left;
border-right:1px dotted #005aac;
}
.taiken #status p{
line-height:18px;
text-align:center;
width:260px;
float:left;
}
.taiken #status p span{
font-size:11px;
font-weight: normal;
}
.taiken #status #company{
width:49%;
float:left;
border-right: solid 1px #005aac;
}
.taiken #status #company p{
padding:16px 0 0 0;
}
.taiken #status #job{
width:49%;
float:left;
}
.taiken #status #job p{
padding:21px 0 0 0;
}
.taiken #article{
}
.taiken #article div{
padding:30px 46px 40px 46px;
}
.taiken #article div.even{
background:#edf6f9;
}
.taiken #article div h2{
color:#005aac;
font-size:16px;
line-height:24px;
font-weight:bold;
text-align:center;
background:url(../../taiken/images/tknl_sttl.png) top center no-repeat;
padding:40px 0 0 0;
}
.taiken #article div p{
padding:25px 0 0 0;
}

.taiken .entry{
color:#005aac;
font-size:16px;
font-weight:bold;
margin:40px 0 0 0;
padding:20px 0 30px 0;
}
.taiken .entry img{
padding:10px 0 0 0;
}