
@charset "utf-8";

a:link,
a:visited{
color:#333333;
}

#security #topicpath{
position:relative;
}

#security #topicpath .nav-01{
position:absolute;
top:5px;
right:10px;
overflow:hidden;
zoom:1;
}

#security #topicpath .nav-01 li{
margin-left:5px;
float:left;
}

#security #topicpath .nav-01 li a:hover{
opacity:0.7;
filter: alpha(opacity=70);
}

#security .sec-hdg-lv01{
margin:30px 0 20px 0;
font-size:200%;
border:0;
background:none;
}

#security .sec-hdg-lv02-01{
margin:20px 0 20px 0;
font-size:174%;
border:0;
background:none;
}

#security .sec-hdg-lv02-01 span{
margin:0 20px 0 0;
padding:4px 10px;
font-size:50%;
vertical-align:middle;
}

#security .sec-hdg-lv02-01 span.check{
background:url(/shared/images/modules/security/bg_dot_01.png) repeat;
}

#security .sec-hdg-lv02-01 span.login{
background:url(/shared/images/modules/security/bg_dot_06.png) repeat;
}

#security .sec-hdg-lv02-01 span.confirm{
background:url(/shared/images/modules/security/bg_dot_07.png) repeat;
}

#security .sec-hdg-lv02-01 span.care{
background:url(/shared/images/modules/security/bg_dot_08.png) repeat;
}

#security .security-localnav{
margin-top:20px;
width:996px;
border:2px solid #d1d1d1;
display:table;
overflow:hidden;
background:url(/shared/images/modules/security/bg_01.png) repeat;
}

#security .security-localnav li{
padding:2px;
width:161px;
float:left;
display:table-cell;
text-align:center;
border-right:1px dotted #d1d1d1;
vertical-align:middle;
}

#security .security-localnav li:last-child{
border:none;
}

#security .security-localnav li a{
padding:4px 0;
width:161px;
display:table-cell;
text-decoration:none;
font-weight:bold;
vertical-align:middle;
}

#security .security-localnav li a:hover{
background:#fff;
color:#b60081;
display:table-cell;
}

#security .security-localnav li.active a{
background:#ebebeb;
color:#b60081;
display:table-cell;
}

*+html #security .security-localnav li a{
padding:5px 0;
display: inline-block;
vertical-align:middle;
}

*+html #security .security-localnav li a:hover{
padding:5px 0;
display: inline-block;
vertical-align:middle;
}

*+html #security .security-localnav li a.single{
padding:10px 0 0;
line-height:2;
}

*+html #security .security-localnav li a.single:hover{
padding:10px 0 0;
line-height:2;
}

#security .security-localnav-02{
padding:10px 0 7px;
width:1000px;
overflow:hidden;
z-index:100;
background:#fff;
}

#security .security-localnav-02 li{
padding:0 1px 13px 0;
width:249px;
display:block;
text-align:center;
vertical-align:bottom;
float:left;
}

#security .security-localnav-02.index li{
width:199px;
}

#security .security-localnav-02 li a{
padding:8px;
width:233px;
display:block;
text-decoration:none;
font-weight:bold;
background:url(/shared/images/modules/security/icon_link_01.png) no-repeat 92% center #fff;
}

#security .security-localnav-02.index li a{
width:183px !important;
background:none;
}

#security .security-localnav-02 li a:hover{
color:#999;
background:url(/shared/images/modules/security/icon_link_01.png) no-repeat 92% center #efefef;
}

#security .security-localnav-02.index li a:hover{
background:none;
}

#security .security-localnav-02.index li.all a{
border-bottom:4px solid #b60081;
}

#security .security-localnav-02 li.check a{
border-bottom:4px solid #e67f00;
}

#security .security-localnav-02 li.login a{
border-bottom:4px solid #00b585;
}

#security .security-localnav-02 li.confirm a{
border-bottom:4px solid #b5b500;
}

#security .security-localnav-02 li.care a{
border-bottom:4px solid #007fb5;
}

#security .security-localnav-02 li.active{
padding-bottom:13px;
}

#security .security-localnav-02 li.all.active{
background:url(/shared/images/modules/security/bg_all_01.png) no-repeat bottom center;
}

#security .security-localnav-02 li.check.active{
background:url(/shared/images/modules/security/bg_check_01.png) no-repeat bottom center;
}

#security .security-localnav-02 li.login.active{
background:url(/shared/images/modules/security/bg_login_01.png) no-repeat bottom center;
}

#security .security-localnav-02 li.confirm.active{
background:url(/shared/images/modules/security/bg_confirm_01.png) no-repeat bottom center;
}

#security .security-localnav-02 li.care.active{
background:url(/shared/images/modules/security/bg_care_01.png) no-repeat bottom center;
}

#security .security-localnav-02.index li.all.active a{
border:2px solid #b60081;
}

#security .security-localnav-02 li.check.active a{
border:2px solid #e67f00;
}

#security .security-localnav-02 li.login.active a{
border:2px solid #00b585;
}

#security .security-localnav-02 li.confirm.active a{
border:2px solid #b5b500;
}

#security .security-localnav-02 li.care.active a{
border:2px solid #007fb5;
}

#security .security-localnav-02 li.active a{
padding:7px 12px;
width:221px;
border-width:2px 2px 4px 2px !important;
background:url(/shared/images/modules/security/bg_01.png) repeat;
}

#security .security-localnav-02.index li.active a{
width:171px !important;
}

#security .security-localnav-02 li.active a:hover{
opacity:1;
filter: alpha(opacity=100);
}

#security.measures .security-localnav-02.index{
display:table;
}

#security.measures .security-localnav-02.index li{
width:249px;
display:table-cell;
float:none;
vertical-align:bottom;
}

#security.measures .security-localnav-02.index li a{
width:233px !important;
height:100%;
display:table-cell;
vertical-align:middle;
line-height:1.3;
background-image:none;
}

#security.measures .security-localnav-02.index li a:hover{
background:none;
}

#security.measures .security-localnav-02.index li.active a{
width:221px !important;
}

*+html #security.measures .security-localnav-02.index li{
vertical-align:bottom;
float:left;
}

*+html #security.measures .security-localnav-02.index li a{
display: inline-block;
vertical-align:middle;
}

*+html #security.measures .security-localnav-02.index li.all a{
line-height:2.5;
}

#security.measures .security-localnav-02 li{
width:332px;
}

#security.measures .security-localnav-02 li a{
padding:8px 28px;
width:276px !important;
background:url(/shared/images/modules/security/icon_link_01.png) no-repeat 97% center #fff;
}

#security.measures .security-localnav-02 li a:hover{
color:#999;
background:url(/shared/images/modules/security/icon_link_01.png) no-repeat 97% center #efefef;
}

#security.measures .security-localnav-02 li.active a{
padding:7px 28px;
width:272px !important;
background:none;
}

.security-box-01,
.security-box-02,
.security-box-03,
.security-box-04{
border:1px solid #d1d1d1;
position:relative;
}

.sec-hdg-lv03-01{
padding:8px 12px 19px 30px;
color:#fff;
font-size:125%;
text-shadow: 1px 1px 0px rgba(68, 68, 68, 0.9);
position:relative;
}

.security-box-01 .sec-hdg-lv03-01{
background:#e67f00;
}

.security-box-02 .sec-hdg-lv03-01{
background:#00b585;
}

.security-box-03 .sec-hdg-lv03-01{
background:#b5b500;
}

.security-box-04 .sec-hdg-lv03-01{
background:#007fb5;
}

.sec-hdg-lv03-01 span{
margin-right:20px;
padding-right:20px;
position:relative;
top:8px;
display:inline-block;
font-size:228%;
line-height:1;
background:url(/shared/images/modules/security/bg_dot_02.png) repeat-y right top;
font-family:"ヒラギノ角ゴ Pro W6", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

.sec-hdg-lv03-01 span.text{
margin: 0;
padding: 0;
font-size: 100%;
background: none;
line-height: 1.2;
}

.tooltip-01{
position:absolute;
top:15px;
right:0;
font-size:70%;
text-shadow:none;
}

.tooltip-01 li{
margin-right:10px;
width:88px;
float:left;
display:block;
border:2px solid #ffffff;
text-align:center;
line-height:1.3;
background: #fff;
border-radius:6px;
behavior: url(/shared/js/PIE.htc);
position:relative;
}

.tooltip-01 li a{
padding:4px 7px 2px;
width:74px;
display:block;
background:url(/shared/images/modules/security/icon_tooltip_01.png) no-repeat 92% 79%;
text-decoration:none;
position:relative;
font-weight:normal;
}

.tooltip-01 li .txt-01{
padding-top:16px;
width:201px;
display:block;
position:absolute;
top:33px;
background:url(/shared/images/modules/security/bg_tooltip_01.png) no-repeat top left;
right:0;
overflow:hidden;
z-index:1;
zoom:1;
display:none;
}

.tooltip-01 li .txt-01 p{
padding:10px;
display:block;
color:#333;
text-align:left;
font-weight:normal;
font-size:90%;
background:rgba(197,226,239,0.8);
-pie-background:rgba(197,226,239,0.8);
behavior: url(/shared/js/PIE.htc);
position:relative;
}

.tooltip-01 li a:hover .txt-01,
.tooltip-01 li a:focus .txt-01{
display:block;
}

.security-box-01 .box-inner,
.security-box-02 .box-inner,
.security-box-03 .box-inner,
.security-box-04 .box-inner{
padding:30px 64px;
}

.lay-image-01{
margin-bottom:30px;
padding-bottom:20px;
background:url(/shared/images/modules/security/bg_dot_04.png) repeat-x bottom left;
}

.security-box-02 .lay-image-01{
background:url(/shared/images/modules/security/bg_dot_09.png) repeat-x bottom left;
}

.security-box-03 .lay-image-01{
background:url(/shared/images/modules/security/bg_dot_10.png) repeat-x bottom left;
}

.security-box-04 .lay-image-01{
background:url(/shared/images/modules/security/bg_dot_11.png) repeat-x bottom left;
}

.howto-box-01{
padding:0 17px 0;
border:2px solid #e67f00;
position:relative;
background:url(/shared/images/modules/security/bg_dot_05.png) repeat top left;
}

.howto-box-01 .descriptions{
padding-bottom:9px;
position:relative;
zoom:1;
}

.security-box-02 .howto-box-01{
border:2px solid #00b585;
background:url(/shared/images/modules/security/bg_dot_06.png) repeat top left;
}

.security-box-03 .howto-box-01{
border:2px solid #b5b500;
background:url(/shared/images/modules/security/bg_dot_07.png) repeat top left;
}

.security-box-04 .howto-box-01{
border:2px solid #007fb5;
background:url(/shared/images/modules/security/bg_dot_08.png) repeat top left;
}

.howto-box-01 .sec-hdg-lv04-01{
font-size:130%;
position:relative;
}

.howto-box-01 .sec-hdg-lv04-01 img{
position:absolute;
bottom:0;
}

.howto-box-01 .sec-hdg-lv04-01 span{
padding:13px 0 13px 80px;
display:block;
}

.howto-box-inner{
margin-bottom:8px;
padding:15px 20px;
display:block;
background:#fff;
}

.howto-box-inner .sec-hdg-lv05-01{
margin-bottom:10px;
padding:5px 20px;
background:#ebebeb;
color:#22618f;
}

.howto-box-inner .list-01{
padding:0;
}

.howto-box-01 .list-define-01{
margin-bottom:0;
padding-bottom:8px;
display:table;
width:100%;
border-spacing:0;
}

.howto-box-01 .list-define-01 dt{
margin-bottom:0;
padding:10px 21px;
display:table-cell;
color:#fff;
text-align:center;
vertical-align:top;
white-space:nowrap;
background:#22618f;
text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.8);
}

.howto-box-01 .list-define-01 dd{
padding:10px 20px;
display:table-cell;
width:100%;
vertical-align:top;
background:#fff;
}

*+html .howto-box-01 .list-define-01{
margin:15px 0 10px;
background:url(/shared/images/modules/security/bg_02.png) repeat-y top left;
}

*+html .howto-box-01 .list-define-01 dt,
*+html .howto-box-01 .list-define-01 dd{
display:inline;
height:100%;
zoom:1;
}

*+html .howto-box-01 .list-define-01 dt{
padding:10px 0;
width:141px;
}

*+html .howto-box-01 .list-define-01 dd{
width:651px;
}

.howto-box-01 .list-link-01,
.howto-box-01 .list-link-03{
padding:0;
}

.howto-box-01 .list-link-03{
margin:0;
width:auto;
}

.howto-box-01 .list-link-01 li,
.howto-box-01 .list-link-03 li{
margin-right:15px;
padding-left:20px;
background:url(/shared/images/modules/security/icon_link_01.png) no-repeat 0 3px;
}

.howto-box-01 .list-link-03 li{
float:left;
}

.howto-box-01 .list-link-01 li a{
color:#002a66;
}

.btn-01{
margin:18px 0 0 0;
position:relative;
height:65px;
}

.btn-01 .prev{
position:absolute;
left:65px;
}

.btn-01 .next{
position:absolute;
right:65px;
}

.btn-switch-01{
width:147px;
border-width:0 2px;
position:absolute;
top:0;
right:17px;
text-align:center;
}

.security-box-01 .btn-switch-01 li{
background:url(/shared/images/modules/security/bg_btn_01.png) no-repeat center bottom;
}

.security-box-02 .btn-switch-01 li{
background:url(/shared/images/modules/security/bg_btn_02.png) no-repeat center bottom;
}

.security-box-03 .btn-switch-01 li{
background:url(/shared/images/modules/security/bg_btn_03.png) no-repeat center bottom;
}

.security-box-04 .btn-switch-01 li{
background:url(/shared/images/modules/security/bg_btn_04.png) no-repeat center bottom;
}

.security-box-01 .btn-switch-01 li:hover{
background:url(/shared/images/modules/security/bg_btn_01_o.png) no-repeat center bottom;
}

.security-box-02 .btn-switch-01 li:hover{
background:url(/shared/images/modules/security/bg_btn_02_o.png) no-repeat center bottom;
}

.security-box-03 .btn-switch-01 li:hover{
background:url(/shared/images/modules/security/bg_btn_03_o.png) no-repeat center bottom;
}

.security-box-04 .btn-switch-01 li:hover{
background:url(/shared/images/modules/security/bg_btn_04_o.png) no-repeat center bottom;
}

.btn-switch-01 li a{
padding:3px 0 10px 10px;
display:block;
text-decoration:none;
font-weight:bold;
font-size:85%;
}

.btn-switch-01 li a:hover{
color:#fff;
}

.btn-switch-01 li a.close{
background:url(/shared/images/modules/security/icon_close_01.png) no-repeat 46px 7px;
}

.btn-switch-01 li a.close:hover{
background:url(/shared/images/modules/security/icon_close_01_o.png) no-repeat 46px 7px;
}

.btn-switch-01 li a.open{
background:url(/shared/images/modules/security/icon_open_01.png) no-repeat 33px 7px;
}

.btn-switch-01 li a.open:hover{
background:url(/shared/images/modules/security/icon_open_01_o.png) no-repeat 33px 7px;
}

#security .lay-box-col3{
margin:0 0 -9px -9px;
padding:0;
width:1009px;
overflow:hidden;
}

#security .lay-box-col3 .column{
margin:0 0 9px 9px;
padding:0;
width:325px;
float:left;
display:inline;
border:1px solid #d1d1d1;
background:#ffffff;
}

#security .lay-box-col3 .column img,
#security .lay-box-col3 .column span{
float:left;
}

/* #security .lay-box-col3 .column span{
padding:18px 15px 10px 10px;
width:141px;
display:block;
} */

#security .lay-box-col3 .column .security-column-title {
padding:18px 15px 10px 10px;
width:141px;
display:block;
}

.no-image-column {
width: 250px;
padding: 35px;
margin-top: 5px;
}

#security .lay-box-col3 .column a{
padding:5px;
display:block;
overflow:hidden;
text-decoration:none;
}

#security .lay-box-col3 .column a:hover{
opacity:0.7;
filter: alpha(opacity=70);
}

#check .lay-box-col3 .column a{
background:url(/shared/images/modules/security/bg_column_01.png) no-repeat top right;
}

#login .lay-box-col3 .column a{
background:url(/shared/images/modules/security/bg_column_02.png) no-repeat top right;
}

#confirm .lay-box-col3 .column a{
background:url(/shared/images/modules/security/bg_column_03.png) no-repeat top right;
}

#care .lay-box-col3 .column a{
background:url(/shared/images/modules/security/bg_column_04.png) no-repeat top right;
}

.check-box-01{
margin:0 0 40px 0;
border:2px solid #007fb5;
position:relative;
}

.check-box-01 .box-inner{
padding:50px 50px 40px 290px;
background:url(/shared/images/modules/security/bg_checkbox_01.png) no-repeat center left #fff;
background-position:-165px;
}

.check-box-01.no2 .box-inner{
background-image:url(/shared/images/modules/security/bg_checkbox_02.png);
}

.check-box-01.no3 .box-inner{
background-image:url(/shared/images/modules/security/bg_checkbox_03.png);
}

.check-box-01.no4 .box-inner{
background-image:url(/shared/images/modules/security/bg_checkbox_04.png);
}

.check-box-01.no5 .box-inner{
background-image:url(/shared/images/modules/security/bg_checkbox_05.png);
}

.check-box-01.no6 .box-inner{
background-image:url(/shared/images/modules/security/bg_checkbox_06.png);
}

.check-box-01.no7 .box-inner{
background-image:url(/shared/images/modules/security/bg_checkbox_07.png);
}

.check-box-01.no8 .box-inner{
background-image:url(/shared/images/modules/security/bg_checkbox_08.png);
}

.check-box-01.no9 .box-inner{
background-image:url(/shared/images/modules/security/bg_checkbox_09.png);
}

.check-box-01.no10 .box-inner{
background-image:url(/shared/images/modules/security/bg_checkbox_10.png);
}

.check-box-01.no11 .box-inner{
background-image:url(/shared/images/modules/security/bg_checkbox_11.png);
}

.check-box-01.no12 .box-inner{
background-image:url(/shared/images/modules/security/bg_checkbox_12.png);
}

.check-box-01 .title{
margin-bottom:40px;
padding:0 0 0 135px;
position:relative;
font-size:140%;
}

.check-box-01 .title span{
padding:12px 10px 5px 10px;
width:80px;
display:block;
background:#22618f;
border-radius:50px;
color:#fff;
text-align:center;
font-size:280%;
text-shadow: 2px 2px 0px rgba(0, 0, 0, 0.8);
behavior: url(/shared/js/PIE.htc);
position: absolute;
top:20px;
left:0;
}

.check-box-01 .btn-03{
width:262px;
position:relative;
left:270px;
overflow:hidden;
}

.check-box-01 .btn-03 li{
margin-right:10px;
border-bottom:2px solid #d1d1d1;
float:left;
}

.check-box-01 .btn-03 li:hover,
.check-box-01 .btn-03 li.active{
margin-top:2px;
border:none;
background:url(/shared/images/modules/security/bg_dot_08.png) repeat center left #fff;
}

.check-box-01 .btn-03 li a{
padding:5px 30px 5px 20px;
width:61px;
display:block;
border:2px solid #007fb5;
text-align:center;
text-decoration:none;
font-size:145%;
font-weight:bold;
color:#22618f;
background:url(/shared/images/modules/security/icon_btn_01.png) no-repeat 85% center;
}

.check-box-01 .btn-03 li a:hover,
.check-box-01 .btn-03 li.active a{
background:url(/shared/images/modules/security/icon_btn_02.png) no-repeat 85% center;
}

.check-box-01 .incorrect-box,
.check-box-01 .correct-box{
padding:10px 13px;
background:url(/shared/images/modules/security/bg_dot_12.png) repeat-x top left #faf8e6;
position:relative;
}

.check-box-01 .incorrect-box{
padding-top:16px;
}

.check-box-01 .incorrect-box dl{
padding:20px 0 20px 150px;
width:680px;
background:url(/shared/images/modules/security/bg_incorrect_01.png) no-repeat left 50%;
}

.check-box-01 .incorrect-box dl dt{
color:#22618f;
font-size:170%;
font-weight:bold;
}

.check-box-01 .incorrect-box dl dd{
font-size:115%;
}

.check-box-01 .incorrect-box .link{
width:120px;
position:absolute;
top:30px;
right:15px;
}

.check-box-01 .incorrect-box .link a{
padding:20px 25px 20px 15px;
width:80px;
display:block;
background:url(/shared/images/modules/security/icon_link_02.png) no-repeat 90% 50% #22618f;
border-radius:6px;
font-weight:bold;
font-size:115%;
color:#fff;
text-align:center;
text-decoration:none;
behavior: url(/shared/js/PIE.htc);
}

.check-box-01 .incorrect-box .link:hover{
opacity:0.7;
filter: alpha(opacity=70);
}

.check-box-01 .correct-box p{
margin:0;
padding:40px 0 30px 150px;
background:url(/shared/images/modules/security/bg_correct_01.png) no-repeat left 50%;
color:#d7306f;
font-size:285%;
font-weight:bold;
}

.btn-04{
margin:30px auto;
width:360px;
}

.btn-04 li{
border:2px solid #999999;
display:block;
background:#fafafa;
box-shadow:0px 2px 0 #d1d1d1;
border-radius:40px;
behavior: url(/shared/js/PIE.htc);
}

.btn-04 li a{
padding:18px 30px 16px 10px;
display:block;
background:url(/shared/images/modules/security/icon_link_01.png) no-repeat 90% center;
font-weight:bold;
font-size:130%;
text-align:center;
text-decoration:none;
}

.btn-04 li:hover{
opacity:0.7;
filter: alpha(opacity=70);
}

.security-top .lay-box-col2{
margin-bottom:0;
padding-bottom:0;
}

*+html .security-top .lay-box-col2{
margin-bottom:20px;
}

.security-top .lay-box-col2 .column{
padding:0;
width:348px;
}

.security-top .lay-box-col2 .column.col{
width:718px;
}

.security-top .lay-box-col2  .lay-image-pos-l{
margin:0;
width:auto;
}

.security-top .lay-box-col2 .lay-image-pos-l .text{
margin-top:15px;
}

.security-top .lay-box-col2 .lay-image-pos-l h2{
margin-bottom:10px;
font-size:115%;
}

.security-top .lay-box-col2 .column a{
padding: 5px 19px 5px 5px;
display: block;
overflow: hidden;
text-decoration: none;
background: url(/shared/images/modules/security/bg_column_05.png) no-repeat top right;
}

.security-top .lay-box-col2 .column a:hover img{
opacity:1.0 !important;
filter:alpha(opacity=100);
}

.security-top .lay-box-col2 .column a:hover{
opacity:0.7;
filter: alpha(opacity=70);
}

#security .hdg-lv01,
#security .hdg-lv03,
#security .tab-nav,
#security .box-01,
#security .lay-image-col1,
#security .box-02,
.box-01 .lay-image-pos-r{
width:auto;
}

/* JavaScript enabled environment ONLY */
[data-script-enabled="true"] .tooltip-01 li a:hover .txt-01,
[data-script-enabled="true"] .tooltip-01 li a:focus .txt-01,
[data-script-enabled="true"] .security-box .descriptions,
[data-script-enabled="true"] .check-box-01 .incorrect-box,
[data-script-enabled="true"] .check-box-01 .correct-box{
display:none;
}
