@charset "UTF-8";

.mb0px {
	margin-bottom: 0px !important;
}
.mb5px {
	margin-bottom: 5px !important;
}
.mb10px {
	margin-bottom: 10px !important;
}
.mb15px {
	margin-bottom: 15px !important;
}
.mb20px {
	margin-bottom: 20px !important;
}
.mb25px {
	margin-bottom: 25px !important;
}
.mb30px {
	margin-bottom: 30px !important;
}
.mb35px {
	margin-bottom: 35px !important;
}
.mb40px {
	margin-bottom: 40px !important;
}
.mb45px {
	margin-bottom: 45px !important;
}
.mb50px {
	margin-bottom: 50px !important;
}

.color_orange {
	color: #ff9400;
}
.color_blue {
	color: #004097;
}

/*
html {
	height: 100%;
}
body {
	height: 100%;
}
*/
#wrapper {
	min-width: 1100px;
	height: 100%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
#contents {
	height: 100%;
/*	min-height: 1136px;*/
}

#visual {
	height: 81%;
	min-height: 990px;
	position: relative;
	overflow: hidden;
}
#visual #covers {
	background-image: url(../images/back_img.jpg);
	background-repeat: no-repeat;
	background-position: bottom center;
	-webkit-background-size: cover;
	background-size: cover;
	height: 100%;
	min-height: 990px;
	position: relative;
	overflow: hidden;
}
#visual #covers .inner {
	width: 1300px;
	position: absolute;
	left: 50%;
	margin-left: -650px;
	padding-top: 25px;
	z-index: 155;
}
#visual #covers .inner h2 {
	text-align: center;
	margin-bottom: 30px;
}
#visual #covers .inner p#txt_cover {
	text-align: center;
	margin-bottom: 15px;
}
#visual #covers .inner #outline {
	font-size: 15px;
	line-height: 1.625;
	text-align: center;
	width: 1010px;
	padding: 15px;
	margin: 0px auto;
	color: #003D8C;
}
#visual #covers .inner ul li img {
	position: absolute;
	z-index: 2;
}
#visual #covers .inner ul li#btn_covers_00 {
	position: absolute;
	top: 587px;
	left: -15px;
	z-index: 2;
}
#visual #covers .inner ul li#btn_covers_00 .multirollover-image-on {
	width: 248px;
	height: 324px;
	left: 36px;
	top: 33px;
	opacity: 0;
	z-index: 1;
}
#visual #covers .inner ul li#btn_covers_01 {
	position: absolute;
	/*top: 406px;
	left: 155px;*/
	z-index: 1;
	top:400px;
	left:280px;
}
#visual #covers .inner ul li#btn_covers_01 .multirollover-image-on {
	width: 270px;
	height: 290px;
	left: 36px;
	top: 30px;
	opacity: 0;
	z-index: 1;
}
#visual #covers .inner ul li#btn_covers_02 {
	position: absolute;
	/*top: 376px;
	left: 467px;*/
	top:410px;
	left:600px;
}
#visual #covers .inner ul li#btn_covers_02 .multirollover-image-on {
	width: 273px;
	height: 290px;
	left: 30px;
	top: 21px;
	opacity: 0;
	z-index: 1;
}
#visual #covers .inner ul li#btn_covers_03 {
	position: absolute;
	/*top: 382px;
	left: 795px;*/
	top: 619px;
	left: 970px;
}
#visual #covers .inner ul li#btn_covers_03 .multirollover-image-on {
	width: 247px;
	height: 312px;
	left: 32px;
	top: 32px;
	opacity: 0;
	z-index: 1;
}
#visual #covers .inner ul li#btn_covers_04 {
	position: absolute;
	top: 619px;
	left: 970px;
}
#visual #covers .inner ul li#btn_covers_04 .multirollover-image-on {
	width: 246px;
	height: 294px;
	left: 27px;
	top: 23px;
	opacity: 0;
	z-index: 1;
}
#visual #covers .inner p#onepoint {
	position: absolute;
	top: 275px;
	left: 1260px;
}
#visual #board {
	width: 1100px;
	height: 293px;
	position: absolute;
	top: 696px;
	overflow: hidden;
	margin-left: -340px;
	left: 50%;
}
#visual #board .inner {
	width: 667px;
	height: 293px;
	position: absolute;
	z-index: 160;
}
#visual #board .inner div {
	background-position: 0px 0px;
	height: 117px;
	width: 667px;
	padding-top: 176px;
	text-align: center;
}
#visual #board .inner #board_00 {
	background-image: url(../images/txt_board_00.png);
}
#visual #board .inner #board_01 {
	background-image: url(../images/txt_board_01.png);
}
#visual #board .inner #board_02 {
	background-image: url(../images/txt_board_02.png);
}
#visual #board .inner #board_03 {
	background-image: url(../images/txt_board_03.png);
}
#visual #board .inner #board_04 {
	background-image: url(../images/txt_board_04.png);
}
#movie {
	background-color: #ef8200;
	position: relative;
}
#movie .inner {
	width: 910px;
	margin: 0px auto;
	min-height: 146px;
	background-image: url(../images/youtube.png);
	background-repeat: no-repeat;
	background-position: left bottom;
	padding: 20px 0px 20px 200px;
}
#movie .inner:after {
	content: ".";
	display: block;
	height: 0px;
	clear: both;
	visibility: hidden;
}
/*\*/
* html #movie .inner {
	height: 1px;
	overflow: visible;
}
/**/

#movie .inner p {
	margin-bottom: 10px;
}
#movie .inner ul li {
	float: left;
	margin-left: 20px;
}
#movie .inner ul li:first-child {
	margin-left: 0px;
}
area {
	background-color: #000;
}




#contents_sp {
	width: 100%;
	display: none;
}