@charset "utf-8";

/*reset*/
body{margin:0;padding:0;text-align:center;}
dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,input,p,blockquote,fieldset,div{margin:0;padding:0;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
ul li, ol li{list-style:none;}
table{margin:0;padding:0;border-collapse:collapse;border-spacing:0;font-size:100%;}
caption{text-align:left;}
table,pre,code,select,input,textarea,kbd,var,ins,del,samp{font-size:100%;}
address,cite,dfn,em,strong,var,th,ins,del,samp{font-weight:normal;font-style:normal;}
a img{border:0;}
hr.yjSeparation{display:none;}
fieldset{border:none;}
#wrapper{text-align:left;font-size:medium;line-height:1.56;}

/*clearfix*/
.cf:after{content: ""; display: block; clear: both;}
.cf{overflow:hidden;}

/*hideText*/
.hideText {text-indent: 100%;white-space: nowrap;overflow: hidden;}

/*emg*/
#emg, #emg2, #emg3 { text-align: center; width: 950px; margin: 10px auto 20px;}
#emg2 br {display: none;}
#emg > table, #emg2 > table, #emg3 > table {margin: 10px auto; text-align: left;}

/*contents*/
#wrapper {text-align: left; font-size: medium; line-height: 1.56; font-family: "メイリオ", Meiryo, Osaka, "小塚ゴシック Pro H", KozGoPr6N-Heavy, KozGoPro-Heavy, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;}

#masthead {background: #fbfbfb; width: 100%; height: 25px; text-align: left; border-top: 3px solid #c5c5c5; padding: 14px 0 12px; border-bottom: #e4e4e4 1px solid;}
#masthead .centerhead {width: 950px; margin: auto;}
#masthead .centerhead p {float: left;}
#masthead ul {float: right; text-align: right; font-size:12px;line-height: 22px;}
#masthead p#logIn {background-color: #fbfbfb; line-height: 22px; padding-left: 20px;font-size: small;}

#footer {text-align: center; margin:0 auto;}
#footer address{padding: 10px 0 20px; border-top: 1px solid #e4e4e4; font-size:13px; line-height: 1.4;}

/*noscript*/
.message_js {text-align: left;color: rgb(0, 0, 0);background-color: rgb(244, 245, 245); border: 1px dashed rgb(203, 201, 201);padding: 5px;margin: 0px auto 15px;font-size: 93%;width:950px;}
html > body .yjSt {font-size: small;}

.s_area{margin-top: 30px;}
.yjChviewWrap { text-align: center;margin:20px 0 30px;}
.yjChview{ display: inline-block; padding: 10px 30px; border: 1px solid #e7e7e7; background: #f9f9f9; text-align: center;}
.yjChview dl, .yjChview dd, .yjChview p { margin: 0; }
.yjChview dl dt, .yjChview dl dd { display: inline; font-size: 14px; line-height: 1.2em;}
.yjChview dl dt{padding-right: 0.2em;}
.yjChview dl dd span { font-weight: bold;}
.yjChview dl dd:after { content: "\ff5c";}
.yjChview dl dd.end:after { content: "";}

/*mainte*/
.maintenance{width:950px; margin:0 auto 15px;}
.maintenance p{padding:10px; text-align:left; font-size:14px; background:#f4f4f4;}

/*Yconnect loading*/
#ycnct .ycnct__gif {text-align: center;}
#ycnct .ycnct__gif img {width: 100px;}
#ycnct .ycnct__txt {padding: 40px 20px; text-align: center; font-size: 20px; color: #5b5b5b;}
.ycnct__wrapper {display:none; position: fixed; top: 0; right: 0; bottom: 0; left: 0; background: #fbfbfb;}
.ycnct__box {position: absolute; width: 100%; top: 50%; left: 50%; transform: translate(-50%, -50%);}