@charset "UTF-8";


/*-------------------------------------------------------------------
	initial set
---------------------------------------------------------------------*/
#wrapper{
	width: 100%;
	min-width: 960px;
	overflow: hidden;
	background: url(../img/bg.jpg) center bottom no-repeat;
	background-attachment: fixed;
	background-size: cover;
}



/*-------------------------------------------------------------------
	main
---------------------------------------------------------------------*/
#main{
	position: relative;
	width: 960px;
	height: 436px;
	margin: 0 auto;
}
#main:after{
	content: "";
	display: block;
	position: absolute;
	bottom: 28px;
	left: -30px;
	width: 1016px;
	height: 45px;
	background: url(../img/main_rivet.png) 0 0 no-repeat;
}
#main h1,
#main p{
	position: absolute;
}
#main .title{
	top: 48px;
	left: 5px;
}
#main #main_movie{
	position: absolute;
	top: 19px;
	left: 508px;
	width: 501px;
	height: 325px;
}
#main .main_chara_l{
	visibility: hidden;
	top: 228px;
	left: 24px;
}
#main .main_chara_c{
	visibility: hidden;
	top: 221px;
	left: 171px;
}
#main .main_chara_r{
	visibility: hidden;
	top: 222px;
	left: 322px;
}



/*-------------------------------------------------------------------
	section1
---------------------------------------------------------------------*/
#section1{
	position: relative;
	width: 820px;
	height: 1609px;
	margin: 0 auto;
	background: url(../img/contents_bg.png) 0 0 no-repeat;
}
#section1 h2,
#section1 h3,
#section1 li,
#section1 p{
	position: absolute;
}
#section1 .s1_textbox{
	position: relative;
	width: 820px;
	height: 242px;
}
#section1 .s1_text1{
	top: 39px;
	left: 38px;
}
#section1 .s1_box1,
#section1 .s1_box2{
	position: relative;
	width: 705px;
	height: 344px;
	margin-left: 58px;
	background: url(../img/s1_sub_bg_full.png) 0 0 no-repeat;
}
#section1 .s1_stitle1,
#section1 .s1_stitle2{
	top: 3px;
	left: 78px;
}
#section1 .s1_img1,
#section1 .s1_img3{
	top: 66px;
	left: 17px;
	width: 358px;
	background: url(../img/arrow.png) right 92px no-repeat;
}
#section1 .s1_img2,
#section1 .s1_img4{
	top: 66px;
	left: 383px;
}
#section1 .s1_box3{
	position: relative;
	width: 705px;
	height: 414px;
	margin-left: 58px;
	background: url(../img/s1_sub_bg_half.png) center 0 no-repeat;
}
#section1 .s1_stitle3{
	top: 3px;
	left: 78px;
}
#section1 .s1_img5{
	top: 77px;
	left: 202px;
}
#section1 .coin{
	position: relative;
	width: 740px;
	height: 150px;
	margin: 0 auto;
	background: url(../img/coin_bg.png) 0 0 no-repeat;
}
#section1 .coin .coin_text{
	top: 20px;
	left: 22px;
}
#section1 .coin .coin_attention{
	top: 114px;
	left: 42px;
}
#section1 .coin .coin_img{
	top: -76px;
	left: 450px;
}
#section1 .coin .coin_item{
	top: -18px;
	left: -14px;
}
#section1 .s1_chara1{
	visibility: hidden;
	top: -23px;
	left: 545px;
}
#section1 .s1_chara2{
	visibility: hidden;
	top: 960px;
	left: 17px;
}
#section1 .s1_chara3{
	visibility: hidden;
	top: 1027px;
	left: 601px;
}



/*-------------------------------------------------------------------
	slide
---------------------------------------------------------------------*/
#slide{
	position: relative;
	width: 100%;
	height: 221px;
	margin: 0 auto;
	background: url(../img/slide_bg.png) 0 0 repeat;
}
#slide .slide_wrap{
	position: absolute;
	left: 0;
}
#slide .slide_body{
	position: absolute;
	top: 0;
	left: 0;
	width: 2158px;
}
#slide p,
#slide li{
	position: absolute;
}
#slide .slide_item{
	top: -43px;
	left: 50%;
	width: 179px;
	height: 179px;
	overflow-x: hidden;
	margin-left: -524px;
	background: url(../img/slide_item.png) 0 0 no-repeat;
	text-indent: -9999px;
}
#slide .slide_item.rotate45{
	background-position: 0 -181px;
}
#slide .slide_item.rotate90{
	background-position: 0 -362px;
}
#slide .slide_item.rotate135{
	background-position: 0 -543px;
}
#slide .slide_body li{
	top: 18px;
}
#slide .slide_img1{
	left: 0;
}
#slide .slide_img2{
	left: 308px;
}
#slide .slide_img3{
	left: 616px;
}
#slide .slide_img4{
	left: 924px;
}
#slide .slide_img5{
	left: 1232px;
}
#slide .slide_img6{
	left: 1540px;
}
#slide .slide_img7{
	left: 1848px;
}



/*-------------------------------------------------------------------
	section2
---------------------------------------------------------------------*/
#section2{
	position: relative;
	width: 820px;
	height: 519px;
	margin: 0 auto;
	background: url(../img/s2_bg.png) 0 30px no-repeat;
}
#section2 h2,
#section2 p{
	position: absolute;
}
#section2 .s2_hd{
	top: 59px;
	left: 43px;
}
#section2 .s2_img{
	top: 126px;
	left: 40px;
}
#section2 .s2_text{
	top: 169px;
	left: 366px;
}
#section2 .s2_attention{
	top: 236px;
	left: 365px;
}
#section2 .s2_chara{
	top: 147px;
	left: 654px;
}