@charset "UTF-8";
/* main.css 1.0.0 */

/**
 * CSSのリセットとサービス全体へのベース設定
 */

/* ---------- 1:reset  ---------- */
body{
	margin: 0;
	padding: 0;
	font-size: small;
	font-family:HiraKakuProN-W3, Meiryo, 'メイリオ', Hiragino Kaku Gothic Pro, 'ヒラギノ角ゴ Pro W3', Osaka, 'ＭＳ Ｐゴシック',sans-serif;}
a{	color:#0044cc;text-decoration:none;-webkit-tap-highlight-color:rgba(102,204,255,0.5);	
	line-height: 1.4;
	}
dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,input,p,blockquote,fieldset,div{
	margin: 0;
	padding: 0;
/*	background-color: #fff !important;  2014.10 */
}
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.separation{
	display: none;
}
fieldset{
	border: none;
}
a{
	color: #0054a8;
	text-decoration: none;
}
a:hover{
	text-decoration: underline;
}
a:visited{
	color: #8136b3;
}
/* ---------- /1:reset  ---------- */

/* ---------- 1:general  ---------- */
body{
	width:100%;
	background-color: #fff;   /* 2014.10 */
}

.wraper{
	background-color: #ffffff;
	width:950px;
	margin: 0 auto;
	border-left:solid 1px #b6b6b6;
	border-right:solid 1px #b6b6b6;
}

.contentwrapper{
	overflow:hidden;
}

.alertBg {
background-color: #FFEFB0;
margin-bottom: 10px;
padding: 6px;
border: 1px solid #FFD325;
border-radius: 3px;
text-align: center;
}

.yjSt {
line-height: 1.3em;
font-size: small;
}

a:link.helpLink {  /* 2014.10 */
    color: #fff;
}

/* ---------- 1:general  ---------- */

/* ---------- 2:section1  ---------- */
#fin {
	position:relative;
	overflow:hidden;
	height:540px;
	width:100%;
	padding-top: 50px;
	text-align:center;
	background-color:#f4f4f4;
	background-image:url("//s.yimg.jp/images/toolbar/jp/complete/finBg.png");
	background-position:0px 0px;
	background-repeat:no-repeat;
}
.fin h2{
	display:inline;
	font-size:50px;
	line-height:50px;
	padding:0 0 0 50px;
	font-weight:bold;
	background:url("//s.yimg.jp/images/toolbar/jp/complete/finh2Bg.png")  0px center no-repeat;
	animation: opacityH2 1.2s;
	animation-iteration-count: 1;
	-webkit-animation: opacityH2 1.2s;
	-webkit-animation-iteration-count: 1;
	-moz-animation: opacityH2 1.2s;
	-moz-animation-iteration-count: 1;
	-ms-animation: opacityH2 1.2s;
	-ms-animation-iteration-count: 1;
}
@keyframes opacityH2 {
	0%   { opacity: 0;   }
	20%   { opacity: 0;   }
	100%  { opacity: 1;   }
}
@-webkit-keyframes opacityH2 {
	0%   { opacity: 0;   }
	20%   { opacity: 0;   }
	100%  { opacity: 1;   }
}
@-moz-keyframes opacityH2 {
	0%   { opacity: 0;   }
	20%   { opacity: 0;   }
	100%  { opacity: 1;   }
}
@-ms-keyframes opacityH2 {
	0%   { opacity: 0;  }
	70%   { opacity: 0;  }
	100%  { opacity: 1;  }
}

*+html .fin h2 {  
	background:url("//s.yimg.jp/images/toolbar/jp/complete/finh2Bg.png")  0px 5px no-repeat;
}
.fin p{
	margin-top:20px;
	font-size:20px;
	color:#666666;
	animation: opacityP 1.5s;
	animation-iteration-count: 1;
	-webkit-animation: opacityP 1.5s;
	-webkit-animation-iteration-count: 1;
	-moz-animation: opacityP 1.5s;
	-moz-animation-iteration-count: 1;
	-ms-animation: opacityP 1.5s;
	-ms-animation-iteration-count: 1;
}
@keyframes opacityP {
	0%   { opacity: 0;  }
	70%   { opacity: 0;  }
	100%  { opacity: 1;  }
}
@-webkit-keyframes opacityP {
	0%   { opacity: 0;  }
	70%   { opacity: 0;  }
	100%  { opacity: 1;  }
}
@-moz-keyframes opacityP {
	0%   { opacity: 0;  }
	70%   { opacity: 0;  }
	100%  { opacity: 1;  }
}
@-ms-keyframes opacityP {
	0%   { opacity: 0;  }
	70%   { opacity: 0;  }
	100%  { opacity: 1;  }
}

#toolbarImg{
	position:absolute;
	bottom:125px;
	right: 0px;
	animation: rightToolbarImg 1.8s;
	animation-iteration-count: 1;
	-webkit-animation: rightToolbarImg 1.8s;
	-webkit-animation-iteration-count: 1;
	-moz-animation: rightToolbarImg 1.8s;
	-moz-animation-iteration-count: 1;
	-ms-animation: rightToolbarImg 1.8s;
	-ms-animation-iteration-count: 1;
}
@keyframes rightToolbarImg {
	0%   { right: -725px;}
	80%   { right: -725px;}
	100%  { right: 0px;}
}
@-webkit-keyframes rightToolbarImg {
	0%   { right: -725px;}
	80%   { right: -725px;}
	100%  { right: 0px;}
}
@-moz-keyframes rightToolbarImg {
	0%   { right: -725px;}
	80%   { right: -725px;}
	100%  { right: 0px;}
}
@-ms-keyframes rightToolbarImg {
	0%   { right: -725px;}
	80%   { right: -725px;}
	100%  { right: 0px;}
}

.helpLink {
	position:absolute;
	bottom:0px;
	right:0px;
	display:block;
	height:125px;
	width:100%;
	background-color:#ff5b7f;
	color:#ffffff;
	cursor: pointer;
	transition: .5s;
	-webkit-transition: .5s;
	-moz-transition: .5s;
}
.helpLink:hover{
	background-color:#17bc74;
}
.helpLink:visited { 
	color: #ffffff;
}
.helpLink em{
	vartical-align:center;
	font-size:27px;
	line-height:125px;
	background:url("//s.yimg.jp/images/toolbar/jp/complete/helpLinkBg.png")  0px center no-repeat;
	padding:0 0 0 30px;
	animation: opacityHelp 1s;
	animation-iteration-count: 1;
	-webkit-animation: opacityHelp 1s;
	-webkit-animation-iteration-count: 1;
	-moz-animation: opacityHelp 1s;
	-moz-animation-iteration-count: 1;
	-ms-animation: opacityHelp 1s;
	-ms-animation-iteration-count: 1;
}
@keyframes opacityHelp {
	0%   { opacity: 0;   }
	80%   { opacity: 0;   }
	100%  { opacity: 1;  }
}
@-webkit-keyframes opacityHelp {
	0%   { opacity: 0;   }
	80%   { opacity: 0;   }
	100%  { opacity: 1;  }
}
@-moz-keyframes opacityHelp {
	0%   { opacity: 0;   }
	80%   { opacity: 0;   }
	100%  { opacity: 1;  }
}
@-ms-keyframes opacityHelp {
	0%   { opacity: 0;   }
	80%   { opacity: 0;   }
	100%  { opacity: 1;  }
}
/* ---------- /2:section1  ---------- */

/* ---------- 3:section2  ---------- */
/* ---------- /3:section2  ---------- */