@charset "utf-8";

/* CSS Document */



/******* INDEX *******

 

	A * the whole

	B * header

	C * top area

	D * left area

	E * center area

	F * right area

	

	X * footer

	Y * to top

	Z * common class

	

*/





/*===============================================================================

	 A * the whole

===============================================================================*/



body {

	text-align:center;

	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;

	color:#333333;

}



#wrapper {

	width:600px;

	margin:0 auto;

	background-color:#111111;

}



#video_area {

	width:560px;

	margin:0 auto;

	padding:20px 10px;

	background-color:#000000;

}



/*===============================================================================

	 B * header

===============================================================================*/



.header {

	width:100%;

	height:45px;

	line-height:45px;

	color:#FFFFFF;

	letter-spacing:0.1em;

}



.fo_01 {

	font-size:14px;

	font-weight:bolder !important;

}



/*===============================================================================

	 D * close area

===============================================================================*/



#close_area {

	width:210px;

	height:50px;

	margin:0 auto;

	padding:10px 0 20px 0;

}



.close_btn,.close_btn02{

	width:200px;

	height:50px;

	text-align: center;

}



.close_btn a{

	display:block;

	width:200px;

	height:50px;

	line-height:50px;

	font-size:14px;

	letter-spacing:3px;

	

	color:#FFFFFF;

	

	border-radius: 6px;

	-webkit-border-radius: 6px;

	-moz-border-radius: 6px;

	

	background: #e55991;

	background-image: -webkit-gradient(linear, left top, left bottom, from( #ffa7cb), to( #dd5088));

	background-image: -webkit-linear-gradient( #ffa7cb, #dd5088);

	background-image:    -moz-linear-gradient( #ffa7cb, #dd5088);

	background-image:     -ms-linear-gradient( #ffa7cb, #dd5088);

	background-image:      -o-linear-gradient( #ffa7cb, #dd5088);

	background-image:         linear-gradient( #ffa7cb, #dd5088);

	

	text-shadow: 1px 1px 3px #fffcda;

	

	border-top:1px solid #e14f8a;

	border-bottom:1px solid #e14f8a;

	border-left:1px solid #e14f8a;

	border-right:1px solid #e14f8a;

}



.close_btn a:hover{

	background:#ff9ec4;

	background-image:-webkit-gradient(linear, left top, left bottom, from(#e55991), to(#ff9ec4));

	background-image:-webkit-linear-gradient( #e55991, #ff9ec4) ;

	background-image:-moz-linear-gradient( #e55991, #ff9ec4); 

	background-image:-ms-linear-gradient( #e55991, #ff9ec4) ;

	background-image:-o-linear-gradient( #e55991, #ff9ec4) ;

	background-image:linear-gradient( #e55991, #ff9ec4) ;

}





.close_btn02 a{

	display:block;

	width:200px;

	height:50px;

	line-height:50px;

	font-size:14px;

	letter-spacing:3px;

	

	color:#FFFFFF;

	

	border-radius: 6px;

	-webkit-border-radius: 6px;

	-moz-border-radius: 6px;

	

	background: #4a59cc;

	background-image: -webkit-gradient(linear, left top, left bottom, from( #a1acfe), to( #4a59cc));

	background-image: -webkit-linear-gradient( #a1acfe, #4a59cc);

	background-image:    -moz-linear-gradient( #a1acfe, #4a59cc);

	background-image:     -ms-linear-gradient( #a1acfe, #4a59cc);

	background-image:      -o-linear-gradient( #a1acfe, #4a59cc);

	background-image:         linear-gradient( #a1acfe, #4a59cc);

	

	text-shadow: 1px 1px 3px #fffcda;

	

	border-top:1px solid #4151c6;

	border-bottom:1px solid #4151c6;

	border-left:1px solid #4151c6;

	border-right:1px solid #4151c6;

}



.close_btn02 a:hover{

	background:#a1acfe;

	background-image:-webkit-gradient(linear, left top, left bottom, from(#4a59cc), to(#a1acfe));

	background-image:-webkit-linear-gradient( #4a59cc, #a1acfe) ;

	background-image:-moz-linear-gradient( #4a59cc, #a1acfe); 

	background-image:-ms-linear-gradient( #4a59cc, #a1acfe) ;

	background-image:-o-linear-gradient( #4a59cc, #a1acfe) ;

	background-image:linear-gradient( #4a59cc, #a1acfe) ;

}



/*===============================================================================

	 Y * footer

===============================================================================*/



.copyright{

	width:100%;

	height:30px;

	line-height:30px;

	margin:0 auto;

	text-align:center;

	font-size:10px;

	letter-spacing:1px;

	color:#FFFFFF;

}



/*===============================================================================

	 Z * common class

===============================================================================*/



/* ---------------------------------------------

    Z * gradation

--------------------------------------------- */



.gr_plus {

	background: #e55991;

	background-image: -webkit-gradient(linear, left top, left bottom, from( #ff9ec4), to( #e55991));

	background-image: -webkit-linear-gradient( #ff9ec4, #e55991);

	background-image:    -moz-linear-gradient( #ff9ec4, #e55991);

	background-image:     -ms-linear-gradient( #ff9ec4, #e55991);

	background-image:      -o-linear-gradient( #ff9ec4, #e55991);

	background-image:         linear-gradient( #ff9ec4, #e55991);

}



.gr_plus02 {

	background: #6875e8;

	background-image: -webkit-gradient(linear, left top, left bottom, from( #a1acfe), to( #5f6ee1));

	background-image: -webkit-linear-gradient( #a1acfe, #5f6ee1);

	background-image:    -moz-linear-gradient( #a1acfe, #5f6ee1);

	background-image:     -ms-linear-gradient( #a1acfe, #5f6ee1);

	background-image:      -o-linear-gradient( #a1acfe, #5f6ee1);

	background-image:         linear-gradient( #a1acfe, #5f6ee1);

}