@charset "Shift_JIS";

/*******************************
 * ライジングフォース
 *******************************/


/* -------------
   基本タイプ
------------- */

/* --- 全体 --- */
body{
padding: 0;
min-width: 1000px; /* 全体の最小幅 */
margin: 0;
font-family:  'メイリオ' ,Meiryo, 'ヒラギノ角ゴ Pro W3' , 'Hiragino Kaku Gothic Pro' , 'ＭＳ Ｐゴシック' , 'Osaka' ,sans-serif;
color: #000000; /* 標準文字色 */
border-width: 0; /* 囲いなし */
background-color: #ffffff; /* 背景色 */
}

/* --- Safari用ハック 文字サイズ調整 --- */
/*\*/
html:first-child body{
	font-size: 70%;
} /* end */

/* --- 画像 --- */
img{
	border: 0; /* 枠なし */
}

/* --- その他 --- */
hr{
	height: 1px;
clear: both;
border-width: 1px;
border-style: none;
color: #FFFFFF;
}


/* -----------------
   レイアウト設定
----------------- */
/* 全体設定 */
#container{
	margin: 0;
padding: 0;
width: 100%;
height: auto;
}

/*--- ヘッダー設定 ---*/
#header-bk{
position: fixed; /* ヘッダーの固定 */
top: 0px; /* 位置(上) */
left: 0px; /* 位置(右) */
width: 100%;
height: 80px;
background-repeat: repeat-x;
background-position: center top;
background-image : url(000_r-f_img/bg_header8.png);
padding: 0;
z-index: 10;
}

#header{
	width: 1000px;
position: relative;
padding: 0;
margin: auto;
height: 80px;
}
#header h1{
	width: 1000px;
margin: 0;
color: #ffffff;
line-height: 30px;
font-weight: normal;
font-size : 1em;
}
#header-home{
z-index: 10;
width: 100px;
top: 30px;
position: absolute;
padding: 0;
margin: 0;
left: 0;
height: 50px;
box-sizing: border-box;
border-left: 1px solid #666666;
border-right: 1px solid #666666;
overflow: hidden;
text-align: center;
}
#header-home a{
	display: block;
box-sizing: border-box;
width: 100px;
height: 50px;
padding-top: 15px;
color: #FFFFFF;
font-size: 0.8em;
border-bottom: 4px #ffffff solid;
text-decoration:none;
}
#header-home a:hover{
	background-color: #212121;
color: #fff000;
border-bottom: 5px #fff000 solid;
text-decoration:none;
}

/* ナビ設定 */
#header-nav{
	height: 50px;
overflow: hidden;
width: 100%;
top: 30px;
position: absolute;
left: 0;
}
#header-nav ul{
	list-style-type: none;
overflow: hidden;
margin: 0 auto;
padding: 0;
width: 1000px;
height: 50px;
}
#header-nav li{
	display: block;
box-sizing: border-box;
width: 90px;
height: 50px;
margin: 0;
float: left;
overflow: hidden;
text-align: center;
border-right:1px solid #666666;
}
#header-nav li:first-child{
	margin-left : 100px;
}
#header-nav li a{
	display: block;
box-sizing: border-box;
width: 90px;
height: 50px;
padding-top: 15px;
color: #FFFFFF;
font-size: 0.8em;
border-bottom: 4px #ffffff solid;
text-decoration:none;
}
#header-nav li a:hover{
	background-color: #212121;
color: #fff000;
border-bottom: 5px #fff000 solid;
text-decoration:none;
}
#hpb-nav li span{
	font-size: 1em;
font-weight: normal;
padding: 0;
margin: 0;
display: block;
text-transform: uppercase;
}


/*--- インナー設定 ---*/
#inner-w{
	clear: both;
width: 100%;
height: auto;
padding: 0;
background-color: #ffffff;
}
#inner-y{
	clear: both;
width: 100%;
height: auto;
padding: 0;
background-color: #ffff00;
}



/* メイン設定 */
#tit-top{
width: 100%;
display: block;
width: 100%;
height: 600px;
margin-top: 80px;
padding: 0;
background-repeat: no-repeat;
background-position: center top;
background-image : url('000_r-f_img/main000.jpg');
background-size: cover;
z-index: 10;
}

#tit-top h1{
width: 1000px;
margin: 0 auto;
padding-top: 125px;
padding-left: 50px;
text-align: left;
font-weight: bold;
text-shadow: 2px 2px 1px #212121,
    -2px 2px 1px #212121,
    2px -2px 1px #212121,
    -2px -2px 1px #212121;
font-size : 4em;
font-style : italic;
font-family: "Arial Black",sans-serif;
color:#ffffff;
}


#toppage{
position: relative;
display: block;
width: 1000px;
margin: 0 auto;
padding: 50px 0;
background-color: #ffff00;
color: #000000;
}
#toppage p{
	margin: 0;
padding: 20px;
font-size: 1.5em;
text-align: center;
}



/*--- フッター設定 ---*/
#footer-bk{
	clear: both;
width: 100%;
background-color:#212121;
}
#footer{
	width: 1000px;
position: relative;
margin: 0 auto;
padding: 0;
}

#footer-subp{
width:500px;
margin: 0 auto;
padding:0;
box-sizing:border-box;
overflow:hidden;
float: left;
}
#footer-subp a{
margin: 5px;
padding: 0;
text-align: left;
	color: #ffffff;
text-decoration: none;
}
#footer-subp a:hover{
	color: #fff000;
}

#footer-subs{
	width: 500px;
margin: 0 auto;
padding: 0;
list-style-type: none;
box-sizing:border-box;
overflow: hidden;
float:left
}
#footer-subs p{
font-size: 1em;
margin: 5px;
padding: 5px;
text-align : left;
color: #ffffff;
font-size: 0.8em;
line-height: 1.3;
font-weight: normal;
}

#footer-Main{
	clear: both;
width: 100%;
	background-color: #000000;
padding: 20px 0;
}

/* コピーライト設定 */
#footer-Main p{
	margin: 0;
padding: 0;
text-align: center;
font-weight:bold;
font-style : italic;
font-family: "Arial Black",sans-serif;
color:#ffff00;
}



/* ---------------------
   下層レイアウト設定
--------------------- */

/* privacy */
#tit-priv{
display: block;
margin-top: 80px;
padding: 0;
width: 100%;
height: 450px;
background-repeat: no-repeat;
background-position: center top;
background-image : url(000_r-f_img/priv000.jpg);
background-size: cover;
z-index: 10;
}

#tit-priv h1{
margin: 0;
padding-top: 100px;
text-align: center;
font-weight: bold;
text-shadow: 2px 2px 1px #000000,
    -2px 2px 1px #000000,
    2px -2px 1px #000000,
    -2px -2px 1px #000000;
font-size : 10em;
font-style : italic;
font-family: "Arial Black",sans-serif;
color:#ffff00;
}


#priv-page{
position: relative;
display: block;
width: 1000px;
height: 800px;
margin: 0 auto;
margin-top: 30px;
padding: 0;
color: #000000;
}
#priv-page p{
	margin: 0;
padding: 10px 50px 15px 120px;
text-align: left;
}
#priv-page p.large{
font-size: 1.5em;
font-weight: normal;
padding: 15px 50px 30px 80px;
text-align: left;
}
#priv-page p.large2{
font-size: 1.3em;
font-weight: normal;
padding: 5px 70px 5px 100px;
text-align: left;
}
#priv-page p.large3{
font-size: 1.5em;
font-weight: normal;
padding: 15px 120px;
text-align: right;
}

/* policy */
#poli-page{
display: block;
width: 1000px;
margin: 0 auto;
margin-top: 80px;
padding: 50px 0;
background-color: #ffffff;
color: #000000;
}
#poli-page p{
	margin: 0;
padding: 10px 100px 15px 120px;
text-align: left;
}
#poli-page p.large{
font-size: 1.8em;
font-weight: normal;
padding: 15px 100px 30px 125px;
text-align: left;
}
#poli-page p.large2{
font-size: 1.3em;
font-weight: normal;
padding: 5px 100px 5px 150px;
text-indent: -1em;
text-align: left;
}
#poli-page p.large3{
font-size: 1.3em;
font-weight: normal;
padding: 15px 150px;
text-align: right;
}

/* guideline */
#tit-gui{
display: block;
margin-top: 80px;
padding: 0;
width: 100%;
height: 450px;
background-repeat: no-repeat;
background-position: center top;
background-image : url(000_r-f_img/gui000.jpg);
background-size: cover;
z-index: 10;
}

#tit-gui h1{
margin: 0;
padding-top: 100px;
text-align: center;
font-weight: bold;
text-shadow: 2px 2px 1px #000000,
    -2px 2px 1px #000000,
    2px -2px 1px #000000,
    -2px -2px 1px #000000;
font-size : 10em;
font-style : italic;
font-family: "Arial Black",sans-serif;
color:#ffff00;
}

#guid-tit-b{
clear: both;
width: 100%;
background-color: #0000ff;
padding: 20px 0;
}
#guid-tit-b p{
margin: 0;
padding: 0;
text-align: center;
font-weight:bold;
color:#ffffff;
font-size : 2em;
}
#guid-tit-o{
clear: both;
width: 100%;
background-color: #ffa500;
padding: 20px 0;
}
#guid-tit-o p{
margin: 0;
padding: 0;
text-align: center;
font-weight:bold;
color:#000000;
font-size : 2em;
}
#guid-tit-g{
clear: both;
width: 100%;
background-color: #00ff00;
padding: 20px 0;
}
#guid-tit-g p{
margin: 0;
padding: 0;
text-align: center;
font-weight:bold;
color:#000000;
font-size : 2em;
}

#guid-tit-p{
clear: both;
width: 100%;
background-color: #800080;
padding: 20px 0;
}
#guid-tit-p p{
margin: 0;
padding: 0;
text-align: center;
font-weight:bold;
color:#ffffff;
font-size : 2em;
}

#guid-tit-r{
clear: both;
width: 100%;
background-color: #ff0000;
padding: 20px 0;
}
#guid-tit-r p{
margin: 0;
padding: 0;
text-align: center;
font-weight:bold;
color:#ffffff;
font-size : 2em;
}

#guid-tit-k{
clear: both;
width: 100%;
background-color: #000000;
padding: 20px 0;
}
#guid-tit-k p{
margin: 0;
padding: 0;
text-align: center;
font-weight:bold;
color:#ffffff;
font-size : 2em;
}

#guid-page{
clear: both;
display: block;
width: 1000px;
margin: 0 auto;
padding: 100px 0;
}
#guid-page p{
font-size : 2em;
margin: 0;
padding: 0 50px;
line-height: 1.5;
color:#000000;
}



/* concept */
#tit-conc{
display: block;
margin-top: 80px;
padding: 0;
width: 100%;
height: 450px;
background-repeat: no-repeat;
background-position: center top;
background-image : url(000_r-f_img/conc000.jpg);
background-size: cover;
z-index: 10;
}

#tit-conc h1{
margin: 0;
padding-top: 100px;
text-align: center;
font-weight:bold;
text-shadow: 2px 2px 1px #000000,
    -2px 2px 1px #000000,
    2px -2px 1px #000000,
    -2px -2px 1px #000000;
font-size : 10em;
font-style : italic;
font-family: "Arial Black",sans-serif;
color:#ffff00;
}

#conc-page{
display: block;
margin: 0 auto;
padding: 0;
width: 100%;
height: 3000px;
background-repeat: no-repeat;
background-position: center top;
background-image : url(000_r-f_img/conc-11.jpg);
background-size: contain;
z-index: 10;
}



/* flow */
#tit-flow{
display: block;
margin-top: 80px;
padding: 0;
width: 100%;
height: 450px;
background-repeat: no-repeat;
background-position: center top;
background-image : url(000_r-f_img/flow000.jpg);
background-size: cover;
z-index: 10;
}

#tit-flow h1{
margin: 0;
padding-top: 100px;
text-align: center;
font-weight: bold;
text-shadow: 2px 2px 1px #000000,
    -2px 2px 1px #000000,
    2px -2px 1px #000000,
    -2px -2px 1px #000000;
font-size : 10em;
font-style : italic;
font-family: "Arial Black",sans-serif;
color:#ffff00;
}

#flow-page{
position: relative;
display: block;
width: 1000px;
height: 2300px;
margin: 0 auto;
margin-top: 30px;
padding: 0;
}
#flow-page img.t1{
width: 580px;
height: 231px;
padding: 15px;
}
#flow-page img.t2{
width: 403px;
height: 205px;
}

/* praice */
#tit-prai{
display: block;
margin-top: 80px;
padding: 0;
width: 100%;
height: 450px;
background-repeat: no-repeat;
background-position: center top;
background-image : url(000_r-f_img/pra000.jpg);
background-size: cover;
z-index: 10;
}

#tit-prai h1{
margin: 0;
padding-top: 100px;
text-align: center;
font-weight:bold;
text-shadow: 2px 2px 1px #000000,
    -2px 2px 1px #000000,
    2px -2px 1px #000000,
    -2px -2px 1px #000000;
font-size : 10em;
font-style : italic;
font-family: "Arial Black",sans-serif;
color:#ffff00;
}

#prai-page{
position: relative;
display: block;
width: 1000px;
height: 2900px;
margin: 0 auto;
padding: 0;
}
#prai-page p{
width: 850px;
font-size: 18px;
font-weight: normal;
margin: 0;
padding: 10px 100px;
text-align:left;
line-height: 1.5;
color:#000000;
}
#prai-page p.t6{
width: 800px;
font-size: 14px;
font-weight: normal;
margin: 0;
padding: 10px 20px;
text-align:left;
line-height: 1.3;
color:#000000;
}
#prai-page img.t6{
width: 860px;
height: 237px;
padding: 30px 0 0 55px;
}
#prai-page img.t7{
width: 935px;
height: 1120px;
padding: 20px 0 0 30px;
}


/*--- sample ---*/
#samp-page{
display: block;
width: 1000px;
margin: 0 auto;
margin-top: 80px;
padding: 50px 0;
}
#samp-page h2{
font-size: 2em;
font-weight: normal;
margin: 0;
padding: 0 70px 10px;
text-align:left;
line-height: 1.5;
color:#000000;
}
#samp-item{
display: block;
width: 900px;
margin: 0 auto;
height: auto;
padding: 10px;
background-color: #ffffff;
}

/*--- rule ---*/
#tit-rul{
display: block;
margin-top: 80px;
padding: 0;
width: 100%;
height: 450px;
background-repeat: no-repeat;
background-position: center top;
background-image : url(000_r-f_img/rul000.jpg);
background-size: cover;
z-index: 10;
}

#tit-rul h1{
margin: 0;
padding-top: 100px;
text-align: center;
font-weight: bold;
text-shadow: 2px 2px 1px #000000,
    -2px 2px 1px #000000,
    2px -2px 1px #000000,
    -2px -2px 1px #000000;
font-size : 10em;
font-style : italic;
font-family: "Arial Black",sans-serif;
color:#ffff00;
}

#rule-page{
display: block;
width: 900px;
margin: 0 auto;
padding: 30px 30px 50px;
background-color: #ffffff;
color: #000000;
}
#rule-page p.large{
	clear: both;
font-size: 1.8em;
font-weight: normal;
margin: 15px 20px;
padding: 0;
text-align:left;
line-height: 2;
}
#rule-page p{
	margin: 15px 5px 15px 20px;
padding:0;
font-size: 0.8em;
line-height: 1.5;
text-align:left;
}
#rule-page br{
	font-size: 0.8em;
line-height: 1.5;
text-align:left;
}

/*--- contact ---*/
#tit-cont{
display: block;
margin-top: 80px;
padding: 0;
width: 100%;
height: 450px;
background-repeat: no-repeat;
background-position: center top;
background-image : url(000_r-f_img/cont000.jpg);
background-size: cover;
z-index: 10;
}

#tit-cont h1{
margin: 0;
padding-top: 100px;
text-align: center;
font-weight: bold;
text-shadow: 2px 2px 1px #000000,
    -2px 2px 1px #000000,
    2px -2px 1px #000000,
    -2px -2px 1px #000000;
font-size : 10em;
font-style : italic;
font-family: "Arial Black",sans-serif;
color:#ffff00;
}


#cont-page{
position: relative;
display: block;
width: 1000px;
height: 700px;
margin: 0 auto;
margin-top: 30px;
padding: 0;
color: #000000;
}

#contents{
	width:700px;
	margin:0 auto;
	font-size:90%;
	color:#000000;
}
table{
	width:600px;
	margin:0 30px;
border-collapse:collapse;
}
td{
	border:1px solid #212121;
	padding:5px;
	font-size:90%;
	color:#212121;
}
td.l_Cel{
	width:200px;
}



/*--- print ---*/
#tit-prin{
display: block;
margin-top: 80px;
padding: 0;
width: 100%;
height: 450px;
background-repeat: no-repeat;
background-position: center top;
background-image : url(000_r-f_img/prin000.jpg);
background-size: cover;
z-index: 10;
}

#tit-prin h1{
margin: 0;
padding-top: 100px;
text-align: center;
font-weight: bold;
text-shadow: 2px 2px 1px #000000,
    -2px 2px 1px #000000,
    2px -2px 1px #000000,
    -2px -2px 1px #000000;
font-size : 10em;
font-style : italic;
font-family: "Arial Black",sans-serif;
color:#ffff00;
}

#prin-page{
position: relative;
display: block;
width: 1000px;
height: 3600px;
margin: 0 auto;
margin-top: 30px;
padding: 0;
}

#prin-page h3{
font-size: 1.8em;
font-weight: normal;
margin: 0;
padding: 0 70px 10px;
text-align:left;
line-height: 1.5;
color:#ff0000;
}
#prin-page h4{
font-size: 1.5em;
font-weight: normal;
margin: 0;
padding: 10px 70px;
text-align:left;
line-height: 1.5;
}
#prin-page h5{
font-size: 1.2em;
font-weight: normal;
margin: 0;
padding: 10px 70px;
text-align:left;
line-height: 1.3;
}
#prin-item{
display: block;
width: 660px;
margin: 0 auto;
padding: 20px;
background-color: #ffffff;
color: #000000;
}
#prin-item img{
width: 200px;
height: 70px;
border: 0;
padding: 10px;
}


#item{
display: block;
width: 900px;
margin: 0 auto;
padding: 10px;
background-color: #ffffff;
color: #000000;
}

/* table */
#item table.style01 { 
width: 850px; 
margin: 30px auto;
border-collapse: collapse;  
} 
/* thの指定 */ 
#item table.style01 th { 
font-weight: normal; 
background-color: #fff000; 
border:1px solid #212121; 
text-align: left; 
padding: 12px; 
} 
/* tr tdの指定 */ 
#item table.style01 tr td { 
background-color: #FFFFFF; 
border:1px solid #212121; 
text-align: left; 
padding: 12px; 
} 
.page-back {
 position: fixed;
 bottom: 10px;
 right: 10px;
}


/* photo */
#tit-pho{
display: block;
margin-top: 80px;
padding: 0;
width: 100%;
height: 700px;
background-repeat: no-repeat;
background-position: center top;
background-image : url(000_r-f_img/pho000.jpg);
background-size: cover;
z-index: 10;
}

#tit-pho h1{
margin: 0;
padding-top: 100px;
text-align: center;
font-weight:bold;
text-shadow: 2px 2px 1px #000000,
    -2px 2px 1px #000000,
    2px -2px 1px #000000,
    -2px -2px 1px #000000;
font-size : 10em;
font-style : italic;
font-family: "Arial Black",sans-serif;
color:#ffff00;
}
#phot-page{
display: block;
width: 1000px;
margin: 0 auto;
padding: 50px 0;
}
#phot-page h2{
font-size: 2em;
font-weight: normal;
margin: 0;
padding: 30px 50px;
text-align:left;
line-height: 1.5;
color:#000000;
}

#phot-page p{
	clear: both;
font-size: 1.3em;
font-weight: normal;
margin: 15px 70px;
padding: 0;
text-align:left;
line-height: 1.5;
}

#stage {
	position: relative;
	width: 600px;
	height: 455px;
	overflow: hidden;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	background-color:#000;
}
/*全サムネイルのコンテナー*/
#thumbs {
	position: absolute;
	width: 630px;	
	top: 380px;
	left: 5px;
}
/*サムネイルのマウスオーバーでポインターを手のひら*/
#thumbs label img {
	cursor: pointer;
}
/*初期画面*/
#screen {
	position: absolute;
	top: 10px;
	width: 600px;
	height: 338px;
	background-color: #CCC;
	z-indes:-10;
}
/*初期画面上の文字*/
#screen span {
	position:absolute;
	top:100px;
	left:50px;
	font-size:40px;
}
/*ラジオボタンを非表示に*/
#r1, #r2, #r3, #r4, #r5, #s1, #s2, #s3, #s4, #s5, #sson {
	display: none;
}
/* 拡大写真を水平帯状に並べるコンテナー */
#photos {
	position:absolute;
	top:10px;
	width:3000px;
	height:380px;
}
/*表示写真の初期配置（全部透明に）とtransition設定*/
.photo {
	position:relative;
	float:left;
}
.photo {
	opacity: 0;
	-webkit-transition: opacity 1s ease;
	-moz-transition: opacity 1s ease;
	-o-transition: opacity 1s ease;
	transition: opacity 1s ease;
}
/* Slide Show ボタン */
#stage label span {
	position:absolute;
	top:355px;
	left:440px;
	cursor:pointer;
font-family: "Arial Black",sans-serif;
	color:#fff;
}
/* サムネイルクリックで、該当するスライドを表示させる */
#r1:checked ~ #photos #photo1,#r2:checked ~ #photos #photo2,#r3:checked ~ #photos #photo3, #r4:checked ~ #photos #photo4, #r5:checked ~ #photos #photo5 {
	opacity: 1;
}
/* サムネイルクリックで、が該当スライドの位置を画面中央に */
#r2:checked ~ #photos {
	left:-100%;
}
#r3:checked ~ #photos {
	left:-200%;
}
#r4:checked ~ #photos {
	left:-300%;
}
#r5:checked ~ #photos {
	left:-400%;
}
/*どれかがチェックされたらスクリーン上の文字を非表示に*/
#r1:checked ~ #screen, #r2:checked ~ #screen, #r3:checked ~ #screen, #r4:checked ~ #screen, #r5:checked ~ #screen, #sson:checked ~ #screen {
	opacity: 0;
}
/* ssonボタンクリックで拡大写真のopacityを1に */
#sson:checked ~ #photos .photo, #s2:checked ~ #photos .photo, #s3:checked ~ #photos .photo, #s4:checked ~ #photos .photo, #s5:checked ~ #photos .photo {
	opacity:1;
}
/* ssonボタンクリックでスライドショーを開始 */
#sson:checked ~ #photos {
	animation:imgPassToLeft 30s infinite;
	-webkit-animation:imgPassToLeft 30s infinite;
}
/* animation設定 */
@keyframes imgPassToLeft {
	0%  {   left:   0%;opacity:0;}
	4%  {   left:   0%;opacity:1;}
	16% {   left:   0%;opacity:1;}
	19.99%{ left:   0%;opacity:0;}
	20% {   left:-100%;opacity:0;}
	24% {   left:-100%;opacity:1;} 
	36% {   left:-100%;opacity:1;}
	39.99%{ left:-100%;opacity:0;}
	40% {   left:-200%;opacity:0;}
	44% {   left:-200%;opacity:1;}
	56% {   left:-200%;opacity:1;}
	59.99%{ left:-200%;opacity:0;}
	60% {   left:-300%;opacity:0;}
	64% {   left:-300%;opacity:1;}
	76% {   left:-300%;opacity:1;} 
	79.99%{ left:-300%;opacity:0;}
	80% {   left:-400%;opacity:0;}
	84% {   left:-400%;opacity:1;}
	96% {   left:-400%;opacity:1;}
	99.99%{ left:-400%;opacity:0;}
	100% {  left:   0%;opacity:0;}
}
@-webkit-keyframes imgPassToLeft {
	0%  {   left:   0%;opacity:0;}
	4%  {   left:   0%;opacity:1;}
	16% {   left:   0%;opacity:1;}
	19.99%{ left:   0%;opacity:0;}
	20% {   left:-100%;opacity:0;}
	24% {   left:-100%;opacity:1;} 
	36% {   left:-100%;opacity:1;}
	39.99%{ left:-100%;opacity:0;}
	40% {   left:-200%;opacity:0;}
	44% {   left:-200%;opacity:1;}
	56% {   left:-200%;opacity:1;}
	59.99%{ left:-200%;opacity:0;}
	60% {   left:-300%;opacity:0;}
	64% {   left:-300%;opacity:1;}
	76% {   left:-300%;opacity:1;} 
	79.99%{ left:-300%;opacity:0;}
	80% {   left:-400%;opacity:0;}
	84% {   left:-400%;opacity:1;}
	96% {   left:-400%;opacity:1;}
	99.99%{ left:-400%;opacity:0;}
	100% {  left:   0%;opacity:0;}
}

/* thanks */
#than-page{
display: block;
width: 900px;
margin: 0 auto;
padding: 100px 30px 50px;
}

#than-page p{
margin: 15px 0 15px 20px;
padding:0;
font-size: 1.5em;
line-height: 1.5;
text-align:left;
}


/*----------------------
  ユーザー設定スタイル
----------------------*/

/* 先頭に戻るボタン */
#pagetop a{
/* 先頭に戻るボタンの左右設定 */
display: block;
width: 76px;
height: 50px;
text-align: left;
text-indent:-9999px;
background-position: center top;
background-repeat: no-repeat;
background-image : url(pagetop_2Za.png);
}