/* ------------------------------
 CSS Ver 2.02
------------------------------ */

/* ------------------------------
 ■ベンダープレフィックス
 -moz-:Firefox
 -webkit-:Google Chrome、Safari
 -o-:Opera
 -ms-:Internet Explorer
------------------------------ */

img{border:0;}
body{
	/*animation-name*/
	-webkit-animation-name:pageFade;
	   -moz-animation-name:pageFade;
	    -ms-animation-name:pageFade;
	     -o-animation-name:pageFade;
	        animation-name:pageFade;

	/*animation-duration*/
	-webkit-animation-duration:1s;
	   -moz-animation-duration:1s;
	    -ms-animation-duration:1s;
	     -o-animation-duration:1s;
	        animation-duration:1s;

	/*animation-timing-function*/
	-webkit-animation-timing-function:ease-out;
	   -moz-animation-timing-function:ease-out;
	    -ms-animation-timing-function:ease-out;
	     -o-animation-timing-function:ease-out;
	        animation-timing-function:ease-out;

	/*animation-fill-mode*/
	-webkit-animation-fill-mode:both;
	   -moz-animation-fill-mode:both;
	    -ms-animation-fill-mode:both;
	     -o-animation-fill-mode:both;
	        animation-fill-mode:both;

	/*animation-delay*/
	-webkit-animation-delay:200ms;
	   -moz-animation-delay:200ms;
	    -ms-animation-delay:200ms;
	     -o-animation-delay:200ms;
	        animation-delay:200ms;

	background-color:#E0E0E0;

	/********** グラデーション背景 → **********/
	/******* 新グラデ (#F0F9FF, #D0E9FF) *******/
	background:-webkit-gradient(linear,left top,left bottom,from(#F7F7F7),to(#DBDBDB));
	background:-webkit-linear-gradient(#F7F7F7, #DBDBDB);
	background:   -moz-linear-gradient(#F7F7F7, #DBDBDB);
	background:     -o-linear-gradient(#F7F7F7, #DBDBDB);
	background:        linear-gradient(#F7F7F7, #DBDBDB);
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startcolorstr=#F7F7F7, endcolorstr=#DBDBDB));
	-ms-filter:"progid:DXImageTransform.Microsoft.gradient(GradientType=0,startcolorstr=#F7F7F7, endcolorstr=#DBDBDB))";
	zoom: 1;
	background-repeat: no-repeat;
	background-attachment: fixed;/* 背景固定 */
	/********** グラデーション背景 ← **********/
}

/* ------------------------------
 本文
------------------------------ */
#Body
{
	width:800px;
	margin-left:auto;
	margin-right:auto;
}

/* ------------------------------
 フッター
------------------------------ */
#Footer{
	margin-top:20px;
	border-top:3px double #333;
	padding:10px 0;
	font-size:12px;
	color:#333;
}

/* ------------------------------
 見出しタイトル
------------------------------ */
.headline{
	background:#eee;
	border-left:7px solid #ccc;
	border-top:1px solid #ccc;
	border-right:1px solid #ccc;
	border-bottom:1px solid #ccc;
	padding:.8em .9em;
}

/* ------------------------------
 StepMania難易度
------------------------------ */
.beginner{
	margin-top:1em;
	color:#00a0ff;
}
.light{
	color:#ffa500;
}
.standard{
	color:#ff00ff;
}
.heavy{
	color:#00c000;
}
.challenge{
	color:#af00ff;
}

/* ------------------------------
 見出しサブタイトル
------------------------------ */
.subline{
	display: block;
	padding-top:.2em;
	font-size:.8em;
	color:#bbb;
}

/* ------------------------------
 テーブル
------------------------------ */
table{
	border:1;
}
.RequestTable{
	background:#fff;
	border-left:#ccc 1px solid;
	border-collapse:collapse;
	color:#333;
	margin:3px 0 40px 0;
	text-align:center;
}
.RequestTable td{
	border-bottom:#ccc 1px solid;
	border-right:#ccc 1px solid;
	padding:10px;
	font-size:12px;
}
.RequestTable th{
	background:#333 url(../img/bg_header.jpg);
	border-bottom:#ccc 1px solid;
	border-top:#ccc 1px solid;
	border-right:#ccc 1px solid;
	padding:10px;
	color:#fff;
	height:35px;
	font-size:12px;
}
.Gmail{
	width:190px;
}
.Skype{
	width:160px;
}


.TableList{
	background:#fff;
	border-left:#ccc 1px solid;
	border-collapse:collapse;
	color:#333;
	margin-top:2em;
	margin-bottom:20px;
	width:700px;
}
.TableList th{
	background:#333 url(../img/bg_header.jpg);
	border-bottom:#ccc 1px solid;
	border-top:#ccc 1px solid;
	border-right:#ccc 1px solid;
	padding:10px;
	color:#fff;
	font-size:12px;
	height:35px;
	text-align:center;
}
.TableList td{
	border-bottom:#ccc 1px solid;
	border-right:#ccc 1px solid;
	padding:10px;
	font-size:11px;
}

/* ------------------------------
 テーブル行設定
------------------------------ */
.Line1{
	background:#fff url(../img/line1.gif) no-repeat;
}
.Line2{
	background:#f2f2f2 url(../img/line2.gif) no-repeat;
}
.DLLine{
	width:120px;
	text-align:center;
}
.NumLine{
	width:28px;
	text-align:center;
}
.NicoLine{
	width:280px;
	text-align:center;
}
.NicoLineWide{
	width:312px;
	text-align:center;
}
.NicoLine iframe{
	width:280px;
	height:130px;
	border:solid 1px #CCC;
}
.NicoLineWide iframe{
	width:312px;
	height:120px;
	border:solid 1px #CCC;
}
.CommentLine{
	text-align:right;
}
.ButtonList{
	margin-top:20px;
	margin-bottom:10px;
}
.CenteringLine{
	text-align:center;
}

/* ------------------------------
 メッセージ
------------------------------ */
.Message{
	line-height:2em;
	width:650px;
	text-align:left;

	-webkit-animation-name:pageFade;
	   -moz-animation-name:pageFade;
	    -ms-animation-name:pageFade;
	     -o-animation-name:pageFade;
	        animation-name:pageFade;

	-webkit-animation-duration:800ms;
	   -moz-animation-duration:800ms;
	    -ms-animation-duration:800ms;
	     -o-animation-duration:800ms;
	        animation-duration:800ms;

	-webkit-animation-timing-function:ease-out;
	   -moz-animation-timing-function:ease-out;
	    -ms-animation-timing-function:ease-out;
	     -o-animation-timing-function:ease-out;
	        animation-timing-function:ease-out;

	-webkit-animation-fill-mode:both;
	   -moz-animation-fill-mode:both;
	    -ms-animation-fill-mode:both;
	     -o-animation-fill-mode:both;
	        animation-fill-mode:both;

	-webkit-animation-delay:800ms;
	   -moz-animation-delay:800ms;
	    -ms-animation-delay:800ms;
	     -o-animation-delay:800ms;
	        animation-delay:800ms;
}

/* ------------------------------
 ボタン基本設定
------------------------------ */
.Button{
	display:block;
	text-decoration:none;
	width:120px;
	height:38px;

	-webkit-animation-name:pageFade;
	   -moz-animation-name:pageFade;
	    -ms-animation-name:pageFade;
	     -o-animation-name:pageFade;
	        animation-name:pageFade;

	-webkit-animation-duration:600ms;
	   -moz-animation-duration:600ms;
	    -ms-animation-duration:600ms;
	     -o-animation-duration:600ms;
	        animation-duration:600ms;

	-webkit-animation-timing-function:ease-out;
	   -moz-animation-timing-function:ease-out;
	    -ms-animation-timing-function:ease-out;
	     -o-animation-timing-function:ease-out;
	        animation-timing-function:ease-out;

	-webkit-animation-fill-mode:both;
	   -moz-animation-fill-mode:both;
	    -ms-animation-fill-mode:both;
	     -o-animation-fill-mode:both;
	        animation-fill-mode:both;
}

/* ------------------------------
 Downloadボタン
------------------------------ */
.Download{
	background:url(../img/dl.png) left top no-repeat;
	background-position:top;
}
.Download:hover{
	background-position:bottom;
}

/* ------------------------------
 Backボタン
------------------------------ */
.Back{
	background:url(../img/back.png) left top no-repeat;
	background-position:top;
}
.Back:hover{
	background-position:bottom;
}

/* ------------------------------
 StepManiaPlanボタン
------------------------------ */
.StepManiaPlan{
	background:url(../img/button.png) no-repeat;
	background-position:0 0;
}
.StepManiaPlan:hover{
	background-position:0 -37px;
}

/* ------------------------------
 StepManiaDWIボタン
------------------------------ */
.StepManiaDWI{
	background:url(../img/button.png) no-repeat;
	background-position:-119px 0;
}
.StepManiaDWI:hover{
	background-position:-119px -37px;
}

/* ------------------------------
 Nicoボタン
------------------------------ */
.Nico{
	background:url(../img/button.png) no-repeat;
	background-position:-238px 0;
}
.Nico:hover{
	background-position:-238px -37px;
}

/* ------------------------------
 Twitterボタン
------------------------------ */
.Twitter{
	background:url(../img/button.png) no-repeat;
	background-position:-357px 0;
}
.Twitter:hover{
	background-position:-357px -37px;
}

/* ------------------------------
 TheInterviewsボタン
------------------------------ */
.TheInterviews{
	background:url(../img/button.png) no-repeat;
	background-position:-476px 0;
}
.TheInterviews:hover{
	background-position:-476px -37px;
}

/* ------------------------------
 AboutRequestボタン
------------------------------ */
.AboutRequest{
	background:url(../img/button.png) no-repeat;
	background-position:-595px 0;
}
.AboutRequest:hover{
	background-position:-595px -37px;
}

/* ------------------------------
 ボタンフェード
------------------------------ */
.Fade0{
	-webkit-animation-delay:800ms;
	   -moz-animation-delay:800ms;
	    -ms-animation-delay:800ms;
	     -o-animation-delay:800ms;
	        animation-delay:800ms;
}
.Fade1{
	-webkit-animation-delay:950ms;
	   -moz-animation-delay:950ms;
	    -ms-animation-delay:950ms;
	     -o-animation-delay:950ms;
	        animation-delay:950ms;
}
.Fade2{
	-webkit-animation-delay:1100ms;
	   -moz-animation-delay:1100ms;
	    -ms-animation-delay:1100ms;
	     -o-animation-delay:1100ms;
	        animation-delay:1100ms;
}
.Fade3{
	-webkit-animation-delay:1250ms;
	   -moz-animation-delay:1250ms;
	    -ms-animation-delay:1250ms;
	     -o-animation-delay:1250ms;
	        animation-delay:1250ms;
}
.Fade4{
	-webkit-animation-delay:1400ms;
	   -moz-animation-delay:1400ms;
	    -ms-animation-delay:1400ms;
	     -o-animation-delay:1400ms;
	        animation-delay:1400ms;
}
.Fade5{
	-webkit-animation-delay:1550ms;
	   -moz-animation-delay:1550ms;
	    -ms-animation-delay:1550ms;
	     -o-animation-delay:1550ms;
	        animation-delay:1550ms;
}
.Fade6{
	-webkit-animation-delay:1700ms;
	   -moz-animation-delay:1700ms;
	    -ms-animation-delay:1700ms;
	     -o-animation-delay:1700ms;
	        animation-delay:1700ms;
}
.Fade7{
	-webkit-animation-delay:1850ms;
	   -moz-animation-delay:1850ms;
	    -ms-animation-delay:1850ms;
	     -o-animation-delay:1850ms;
	        animation-delay:1850ms;
}
.Fade8{
	-webkit-animation-delay:2000ms;
	   -moz-animation-delay:2000ms;
	    -ms-animation-delay:2000ms;
	     -o-animation-delay:2000ms;
	        animation-delay:2000ms;
}
.Fade9{
	-webkit-animation-delay:2150ms;
	   -moz-animation-delay:2150ms;
	    -ms-animation-delay:2150ms;
	     -o-animation-delay:2150ms;
	        animation-delay:2150ms;
}

/* ------------------------------
 アニメーション設定
------------------------------ */
@-webkit-keyframes pageFade{
	0%{opacity:0;}
	100%{opacity:1;}
}
@-moz-keyframes pageFade{
	0%{opacity:0;}
	100%{opacity:1;}
}
@-ms-keyframes pageFade{
	0%{opacity:0;}
	100%{opacity:1;}
}
@-o-keyframes pageFade{
	0%{opacity:0;}
	100%{opacity:1;}
}
@keyframes pageFade{
	0%{opacity:0;}
	100%{opacity:1;}
}