@charset "UTF-8";
/* CSS Document */
#mainimage {
	min-height:600px;
	background:url("../img/top/201910/bg_mainimage.png") no-repeat center bottom #7dcdf3;
}
img.ringboll {
	margin-left:30px;
}
/* Slideshow stylesheet --------------------*/
#slideshow {
	background:url(/img/top/bg_slider.png) no-repeat;
	width:930px;
	height:520px;
	margin:0 auto;
	overflow:hidden;
}
#slidemembers .sp-thumbnail {
	width: 120px;
	padding: 8px;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
#slidemembers .all {
	background-color: #000;
}
#slidemembers .flowchart {
	position: relative;
	background-color: #F0F0F0;
}
#slidemembers .last {
	background-color: #F0F0F0;
}
.flowchart:after {
	left: 100%;
	top: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 10px;
	position: absolute;
	pointer-events: none;
	border-color: rgba(136, 183, 213, 0);
	border-left-color: #000;
	border-width: 10px;
	margin-top: -10px;
}
#slidemembers .sp-thumbnail-title {
	margin-bottom: 5px;
	color: #000;
	font-size:80%;
	font-weight:bold;
	text-align:center;
}
#slidemembers .sp-thumbnail-title_all {
	margin-bottom: 5px;
	color: #fff;
	font-size:80%;
	font-weight:bold;
	text-align:center;
}
#slidemembers .all {
	background-color: #000;
	color:#fff;
}
/* Foreword stylesheet --------------------*/
h3 {
	position:relative;
	line-height:1;
}
#foreword {
	position:relative;
	background-color:rgba(255,204,0,0.9);
	text-align:center;
	padding:90px 15px 67px;
	margin-bottom:35px;
	max-height: 100%;
}
#foreword p {
	padding-top:30px;
	line-height:2.4;
	font-weight:bold;
}
.IT {
	position:relative;
	font-family:Tahoma, Geneva, sans-serif;
	font-size:160%;
	font-weight:bold;
	letter-spacing:0.2em;
	top:10px;
	color:#fff;
}
.happyIT {
	position:relative;
	top:5px;
}
/* Happyroad stylesheet --------------------*/
#happyroad {
	background:url(/img/top/bg_happyroad.png) no-repeat;
	width:1000px;
	margin:0 auto;
}
#happyroad h4 {
	border-bottom:2px dashed #b48744;
	margin-bottom:8px;
}
#happyroad p {
	padding-left:8px;
}
#happyroad .step_check {
	float:right;
}
.step01 {
	position:relative;
	background:url(/img/top/bg_step_01.png) no-repeat;
	height:755px;
}
.step01_box {
	position:relative;
	top:165px;
	left:415px;
	width:438px;
	height:auto;
	overflow:hidden;
}
.step02 {
	position:relative;
	background:url(/img/top/bg_step_02.png) no-repeat;
	height:755px;
}
.step02_box {
	position:relative;
	top:150px;
	left:175px;
	width:438px;
	height:auto;
	overflow:hidden;
}
.step03 {
	position:relative;
	background:url(/img/top/bg_step_03.png) no-repeat;
	height:635px;
}
.step03_box {
	position:relative;
	top:178px;
	left:370px;
	width:520px;
	height:auto;
	overflow:hidden;
}
.step04 {
	position:relative;
	background:url(/img/top/bg_step_04.png) no-repeat;
	height:832px;
}
.step04_box {
	position:relative;
	top:555px;
	left:500px;
	width:450px;
	height:auto;
	overflow:hidden;
}
.step05 {
	position:relative;	
	background:url(/img/top/bg_step_05.png) no-repeat;
	height:495px;	
}
.step05_box {
	position:relative;
	top:175px;
	left:440px;
	width:450px;
	height:auto;
	overflow:hidden;
}
.step06 {
	position:relative;
	height:500px;
}
#happyroad .step06_check {
	position:relative;
	top:330px;
	left:722px;
}
.step07 {
	background:url(/img/top/bg_step_07.png) no-repeat;
	height:390px;
}
#happyroad .step07_check {
	position:relative;
	top:240px;
	left:482px;
}
/* Button stylesheet --------------------*/
.checkbutton, .checkbutton2 {
	margin-top:4px;
	width:90px;
}
.checkbutton a, .checkbutton2 a {
	height:26px;
	display: block;
    text-indent: -9999px;
}
.checkbutton {background: url(/img/common/checkbutton_over.png) no-repeat;}
.checkbutton a {background: url(/img/common/checkbutton_off.png) no-repeat;}
.checkbutton2 a {background: url(/img/common/checkbutton2_off.png) no-repeat;}
.checkbutton a:hover, .checkbutton2 a:hover {background-image:url(/img/common/checkbutton_over.png);}