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

	A.RESET
	B.GLOBAL
		01.Base
		02.Table
	C.COMMON
		01.Footer

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


/*---------------------------------------
   A.RESET
-----------------------------------------*/

a,abbr,acronym,address,article,aside,audio,blockquote,body,canvas,caption,cite,code,dd,del,details,dfn,div,dl,dt,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,iframe,img,input,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,select,span,strike,summary,table,tbody,td,textarea,tfoot,th,thead,time,tr,tt,ul,var,video{outline:0;border:0;font:inherit;vertical-align:baseline;margin:0;padding:0}table{border-collapse:collapse;border-spacing:0}.clear{clear:both}.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;line-height:0;font-size:0}* html .clearfix{height:1%}.clearfix{display:block}li,p,td{background:url()}ol,ul{list-style:none}img{display:inline-block;vertical-align:middle}body,html{width:100%;min-height:100%}

*,
*:before,
*:after {
	margin: 0;
	padding: 0;
  	-webkit-box-sizing: border-box;
     	-moz-box-sizing: border-box;
          	box-sizing: border-box;
}
img, audio, video, canvas {
	max-width: 100%;
}

/*---------------------------------------
   B.GLOBAL
-----------------------------------------*/

/* 01.Base */

body {
	font-size: 14px;
	font-family: "Meiryo", "メイリオ", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Helvetica, Arial, Osaka,"MS PGothic", "ＭＳ Ｐゴシック", sans-serif;
	color: #FFF;
	background-color: #000;
	line-height: 1.571428571428571;
	-webkit-text-size-adjust: none;
}
a {
	color: inherit;
	text-decoration: none;
}
#container {
	width: 100%;
	min-width: 900px;
	overflow: hidden;
}

.wrapper {
	width: 700px;
	margin: 0 auto;
}

p.resizeimage img {
 width: 500px; 
 display: block;
 margin: 0 auto;
 padding: 20px 0 0 0;
 }
 
 p.enter img {
 width: 500px; 
 display: block;
 margin: 0 auto;
 padding: 10px 0;
 }

.cd {
	font-size: 0.93em;
	margin: 10px 0 0 0;
}

.title {
	font-size: 1.38em;
	line-height: 1.35;
	font-weight: bold;
	margin: 10px 0 0 0;
}

.video-wrapper {
	width: 700px;
	max-width: 100%;
	margin: 0 auto;
}
.video-container {
	position: relative;
	padding-bottom: 56.25%;
	padding-top: 30px;
	height: 0;
	overflow: hidden;
	margin-bottom: 20px; /*追加*/
}
 
.video-container iframe,  
.video-container object,  
.video-container embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

@media (min-width: 768px) {

/* BOX3とBOX4を横に並べる設定 */
.boxA:after	{content: "";
	display: block;
	clear: both;
	margin-bottom: 20px;}

.box1	{float: left;
	width: 55%;
	padding: 0 40px 0 0;}

.box2	{float: left;
	width: 45%}

}

.button_example{ width: 100%;
 border:1px solid #616261;
 -webkit-border-radius: 3px;
 -moz-border-radius: 3px;
 border-radius: 3px;
 font-size:20px;
 font-family:arial, helvetica, sans-serif;
 padding: 10px;
 text-decoration:none;
 display:inline-block;
 text-shadow: -1px -1px 0 rgba(0,0,0,0.3);
 font-weight:bold;
 color: #FFFFFF;
 background-color: #7d7e7d;
 background-image: -webkit-gradient(linear, left top, left bottom, from(#7d7e7d), to(#0e0e0e));
 background-image: -webkit-linear-gradient(top, #7d7e7d, #0e0e0e);
 background-image: -moz-linear-gradient(top, #7d7e7d, #0e0e0e);
 background-image: -ms-linear-gradient(top, #7d7e7d, #0e0e0e);
 background-image: -o-linear-gradient(top, #7d7e7d, #0e0e0e);
 background-image: linear-gradient(to bottom, #7d7e7d, #0e0e0e);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#7d7e7d, endColorstr=#0e0e0e);
 margin: 20px 0 20px 0; /*追加*/
 text-align: center;
}

.button_example:hover{
 border:1px solid #4a4b4a;
 background-color: #646464; background-image: -webkit-gradient(linear, left top, left bottom, from(#646464), to(#282828));
 background-image: -webkit-linear-gradient(top, #646464, #282828);
 background-image: -moz-linear-gradient(top, #646464, #282828);
 background-image: -ms-linear-gradient(top, #646464, #282828);
 background-image: -o-linear-gradient(top, #646464, #282828);
 background-image: linear-gradient(to bottom, #646464, #282828);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#646464, endColorstr=#282828);
}


#enter {
 width:100%;
 margin: 0 auto;
 margin-top: 0px;
 border-top: solid #585858 1px;
}



/*---------------------------------------
   C.COMMON
-----------------------------------------*/


/* 01.Footer */

footer {
	background: #000;
	color: #fff;
}
footer a {
	color: inherit;
}
footer .footer_inner {
	padding: 33px 0 41px;
}
footer .footer_cont {
	width: 100%;
}
footer .footer_cont .td {
	width: 50%;
	vertical-align: bottom;
}
footer .footer_info {
	padding-bottom: 7px;
}
footer .footer_info .ttl {
	font-size: 36px;
}
footer .footer_info .ttl small {
	font-size: 21px;
}
footer .footer_info .desc {
	font-size: 18px;
	line-height: 1.777777777777778;
	margin-top: 25px;
}
.footer_brand {
	float: right;
}
.footer_brand a,
.footer_brand a img {
	display: block;
}
.footer_brand a {
	margin-top: 5px;
}
footer .copyright {
	text-align: center;
	padding: 18px 0 20px;
	border-top: 1px solid #666;
}
#backtop {
	position: fixed;
	bottom: 56px;
	left: 50%;
	cursor: pointer;
	margin-left: 500px;
}