@charset "UTF-8";
/* common
==========================*/
/* reset */
body { margin: 0; padding: 0; text-align: center; }
body, input, textarea, select { color: #333; font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; }
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%; }
input[type="checkbox"] { font-size: 15px; }
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; }

/* layout
==========================*/
/* === layout common === */
#wrapper { text-align: left; font-size: medium; line-height: 1.6; min-width: 950px; }

#contentsBody:after { content: "."; display: block; clear: both; height: 0; visibility: hidden; }
.yjGuid, .yjSkip { display: block; height: 0; overflow: hidden; font-size: 0; line-height: 0; text-indent: -9999px; }
#header, #contentsHeader, #contentsBody, #footer { width: 950px; margin: 0 auto; }
#footer { padding: 10px 0 0; }
#contents { width: 100%; overflow: visible; text-align: left; }
#contents:after { content: "."; display: block; clear: both; height: 0; visibility: hidden; }

.yj950-1 #main { width: 950px; }
.yj950-2 #main { float: left; width: 700px; }
.yj950-2 #sub { float: right; width: 230px; }
.yj100per-1, .yj100per-2, .yj100per-3 {
  width: 100%;
}
/* === clearfix === */
/* for FF,Safari,Opera */
#contentsBody:after { display: block; visibility: hidden; clear: both; height: 0; content: "."; }

/* for Win IE5.5-7 */
#contentsBody { height: 1%; }

/* ad
==========================*/
#uft { padding: 10px 0; border-top: 1px solid #ccc; }
#emg, #emg2, #emg3 { margin: 0px auto; }
#emg3>table, #emg2>table{ margin: 10px auto 0 !important; }
#emg>table { margin: 10px auto !important; }

#emg strong, #emg2 strong, #emg3 strong{
	font-weight: bold;
}

/* header
==========================*/
.header{
	background:#fff;
	text-align: center;
	padding: 5px 0 0;
}

.header:after{
	content: "";
	display: table;
	clear: both;
}

.headerInner{
	width: 950px;
	margin: 0 auto;
	text-align: left;
}
.header .logo{
	margin-top: 5px;
	margin-bottom: 3px;
	float: left;
}
.header .logo a{
	display: block;
	width: 200px;
	height: 40px;
}
.header .term{
	width: 420px;
	height: 25px;
	margin: 13px 2px 0 2px;
  	overflow: hidden;
	background: url("https://s.yimg.jp/images/yjcard/campaign/pc/img/20171112/sprite_explain_1112.png") no-repeat 0 -2700px;
	text-indent: -9999px;
	float: left;
}

.header .share:after{
	content: "";
	display: table;
	clear: both;
}
.header .share li{
	float: left;
}

.header .share li.ylink{
	margin-left: 10px;
	font-size: 87.5%;
}
.header .share li.ylink a:link,
.header .share li.ylink a:visited{
	color: #fff !important;
	text-decoration: underline !important;
}

/* Contentsfooter
==========================*/
.contfooter-yjlnc{
	width: 950px;
	margin: 0 auto;
	text-align: center;
	font-size: 14px;
}
.contfooter-text {
    text-align: center;
    margin-top: 20px;
    margin-bottom: 20px;
}

/* footer
==========================*/
#footer { text-align: center; position: relative;}
#footer address { padding: 10px 0 20px; border-top: 1px solid #ccc; font-size: small; line-height: 1.4em; }
.yjChviewWrap { text-align: center; margin-bottom: 10px; }
.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: ""; }

#footer { background: #fff; }