@charset "UTF-8";



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

	 A * reset

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

html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;vertical-align:baseline;font-style:normal;font-weight:normal;}html{font-size:75%;-webkit-text-size-adjust:none;overflow-y:scroll;}header,article,aside,section,footer,nav,menu,details,hgroup,summary,figure{display:block;}img{-ms-interpolation-mode:bicubic;}li img,dt img,dd img{vertical-align:bottom;}strong{font-weight:bold;}input,textarea,{margin:0;padding:0;}ol,ul{list-style:none;}table{border-collapse:collapse;border-spacing:0;}caption,th,td{font-weight:normal;text-align:left;vertical-align:top;}blockquote:before,blockquote:after,q:before,q:after{content:"";}blockquote,q{quotes:"" "";}a:focus{overflow:hidden;}option{padding-right:10px;}.clearfix:after{content:".";display:block;clear:both;height:0;visibility:hidden;}.clearfix{min-height:1px;}* html .clearfix{height:1px;}.cl{clear:both;}a{-webkit-tap-highlight-color:transparent;}a:link,a:visited,a:active{color:#333;text-decoration:none;outline:none;}a:hover{color:#3aaced;text-decoration:none;}a:hover img{opacity:0.7;filter: alpha(opacity=70);-ms-filter: "alpha(opacity=70)";-moz-opacity:0.7;-khtml-opacity: 0.7;-o-opacity: 0.7;zoom:1;}

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

	 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:1000px;

	margin:0 auto;

}



.inner {

	width: 1000px;

}



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

	 B * inner

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



#movie_area {

	width:780px;

	height:860px;

	margin:0 auto;

	position:relative;

	background:url(../img/main.png) no-repeat;

}



#movie_area #movie_box { 

	width:475px;

	height:356px;

	background-color:#333333;

	position:absolute;

	top:268px;

	left:155px;

}







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

	 E * footer

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



#footer {

	color:#111111;

	font-size:12px;

	padding:10px 0;

	text-align:center;

	letter-spacing:0.1em;

}



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

	Y * common

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



.f_l {float:left;}

.f_r {float:right;}



.space_003 {

	width:100%;

	height:3px;

}

.space_01 {

	width:100%;

	height:10px;

}

.space_015 {

	width:100%;

	height:15px;

}

.space_025 {

	width:100%;

	height:25px;

}

.space_03 {

	width:100%;

	height:30px;

}

.space_04 {

	width:100%;

	height:40px;

}

.space_045 {

	width:100%;

	height:45px;

}

.space_05 {

	width:100%;

	height:50px;

}



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

	 * index.html

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



.top_img {

	width:227px;

	height:200px;

	background:url(../img/mark_warning01.gif) no-repeat;

	margin:0 auto;

}



.yes_box { margin:0 100px 0 0;}



.top_txt {

	width:850px;

	margin:0 auto;

	text-align:center;

	color:#111111;

	font-size:30px;

	font-weight:bold;

}



.select_area {

	width:600px;

	margin:0 auto;

}



.t_red { color:#FF0000; font-weight:bold;}



.yes_box {

	margin-right:100px;

}

.s_t {

	font-size:20px;

	font-weight:bold;

}



.yes_box,.no_box{

	width:250px;

	text-align: center;

}



.yes_box a,.no_box a{

	display:block;

	width:250px;

	line-height:1.6;

	font-size:14px;

	font-weight:bold;

	letter-spacing:3px;

	padding:7px 0;

	

	color:#FFFFFF;

	

	border-radius: 6px;

	-webkit-border-radius: 6px;

	-moz-border-radius: 6px;

	

	background: #681214;

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

	background-image: -webkit-linear-gradient( #BC191C, #681214);

	background-image:    -moz-linear-gradient( #BC191C, #681214);

	background-image:     -ms-linear-gradient( #BC191C, #681214);

	background-image:      -o-linear-gradient( #BC191C, #681214);

	background-image:         linear-gradient( #BC191C, #681214);

	

	text-shadow: -1px -1px 0px #276639;

	

	border-top:1px solid #5a0303;

	border-bottom:1px solid #5a0303;

	border-left:1px solid #5a0303;

	border-right:1px solid #5a0303;

}



.yes_box a:hover,.no_box a:hover{

	background: #681214;

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

	background-image: -webkit-linear-gradient( #681214, #BC191C);

	background-image:    -moz-linear-gradient( #681214, #BC191C);

	background-image:     -ms-linear-gradient( #681214, #BC191C);

	background-image:      -o-linear-gradient( #681214, #BC191C);

	background-image:         linear-gradient( #681214, #BC191C);

}