/** image viewer */
/** reset */
article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary { display: block; }

html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; font-style: normal; font-weight: normal; vertical-align: middle; background: transparent; }

body { /* background-image:url(); */ text-align:center; font-size: 13px; *font-size: small; font-family: 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ',Meiryo, 'ＭＳ Ｐゴシック', sans-serif; line-height: 123.1%; }

#contents {
	max-width: 1030px;
	margin: 0 auto;
	font-size:12px;
	color:#505050;
    box-shadow:0px 0px 15px 0px #a9a9a9,0px 0px 25px 0px #c5c5c5;
	font-family:"メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
.conte1 {
	margin: 0;
	padding: 0px 0px 0px 0px;
	position: relative ;
}
/*.conte1 img{
	width: 1000px ;
	display: block;
}*/

a img{
    transition: .7s;
}
a:hover img{
    opacity:0.5;
    -moz-opacity:0.5;
    filter:alpha(opacity = 50);
}

.short_video{
    margin: 20px 0 30px 0;
}
.long_video{
    position: absolute;
    left: 521px;
    top:169px;
    width: 440px;
    height: 247px;
}
.step01{
	position:absolute;
	top: 3.5%;
    left: 6%;
    width: 28%;
}
.step02{
	position:absolute;
	top: 3.5%;
    left: 36%;
    width: 28%;
}
.step03{
	position:absolute;
	top: 3.5%;
    left: 67%;
    width: 28%;
}

.slider {
  overflow: hidden;
}
.slider ul {
  position: relative;
    left: 4.7vw; /* (100vw - SlideWidth) / 2 */
    overflow: visible !important;
}
.slider ul li {
  /*width: 29.5vw !important;*/
    width:0.81% !important
}
.slider ul li img{
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}









/* Offer
----------------------------------------------- */
.offer .bt{
	position: absolute;
	left: 80px;
	top: 614px;
}
.offer .bt2{
	position: absolute;
	left:518px;
	top:614px;
}
.offer .bt3{
	position: absolute;
    left: 525px;
    top: 154px;
}
.offer .bt4{
	position: absolute;
	left: 526px;
    top: 254px;
}

.offer2 .bt{
	position: absolute;
	left: 68px;
	top: 784px;
}
.offer2 .bt2{
	position: absolute;
	left:525px;
	top:784px;
}
.offer2 .bt3{
	position: absolute;
	left:525px;
	bottom: 48px;
}
.offer2 .bt5{
	position: absolute;
	left: 68px;
	top: 494px;
}
.offer2 .bt6{
	position: absolute;
	left:525px;
	top:494px;
}
.offer2 .bt7{
	position: absolute;
	left:525px;
	bottom:118px;
}


#footer{
	text-align:center;
    width: 1000px;
    margin: 0 auto;
	padding-top: 20px;
	padding-bottom:20px;
}




/*p#p1 {
	font-size: 100%;
	margin-bottom: 10px;
	padding-top: 20px ;
	text-decoration: underline;
}

p#p2 {
	font-size: 120%;
	padding: 15px;
}

p#p3 {
	font-size: 100%;
}