/*common css*/


@media screen and (min-width: 751px){

#index_cont {width:1100px; margin:12px auto;  width:1101px\9;}

#index_btn {text-align:center;margin: 12px auto; width:1101px\9; }
.head_index img{
	/*margin:auto; width:1101px;*/
}




body {
		background-attachment:fixed;background-position: center;
		background-position: left top \9;     
		background-color: #000;
		background-image: url(../img/main-bg.jpg);
		}
a {text-decoration: none; color:#000;}


#blog a {color:#fff;}
#blog a hover {color:red;}


a:hover{color:#ff0000;}

a img:hover{
filter:alpha(opacity=80);
opacity:0.8;
}

li {list-style-type: none; font-size:small;}

h3 {background-image:url(../img/index_bg.jpg); font-size:small; padding:4px;border-radius: 10px 10px 0px 0px;color: #fff;}

#head { width:1100px; margin:12px auto; height:63px;
		padding-top:200px; background: url(../img/head2.jpg);}
		
		
#head2 { width:1100px; margin:12px auto; height:63px;
		padding-top: 270px; background: url(../img/logo_12.jpg);background-repeat: no-repeat;}
		
		
		
		
		
		
		
		
		
		
		
		
/*menu*/
.btn {float:left;}



#cont_all {width:1100px; margin:1px auto;  height:2000px; background:#000; padding-top: 0px;margin-top: 40px; }

	#cont_one {width:640px; float:left; background:#000; padding:12px; margin-right:12px;}
	
	
	#cont_two {width:387px; float:left; background:#000; padding:12px; margin-left:12px;}

#index_b1 {position:relative;top: -1331px;left: -88px;}


#cont_all2 {width:1100px; margin:1px auto;  height:2000px; background:#000; padding-top: 0px;margin-top: -10px; }

    #cont_one2 {width:640px; float:left; background:#000; padding:12px; margin-right:12px;}
    
    
    #cont_two2 {width:387px; float:left; background:#000; padding:12px; margin-left:12px;margin-top: -10px;}






ul.missing li {float:left;}





h4 {text-shadow: 0 15px 10px rgba(0,0,0,0.5),
1px 1px 1px rgba(0, 0, 0, 0.6),
-1px -1px 1px rgba(255, 255, 255, 0.5);
font-size: 52px;
color: rgb(136, 0, 98);margin-bottom: 24px;}



.kessai
{
width:90%;
height:291px;
background:#fff;
margin:12px auto;
border-radius:10px;
}

.kessai form {width:100%; height:230px;position: relative;top: -258px;opacity: 0;}



/*バナー*/

.bana {width:640px; background:#978; margin-bottom:12px;
		clear:both;
		height:120px;}
		
		
.bana2 {width:320px; background:#968; margin-bottom:12px;
		clear:both;
		height:120px;}

h2 {color:#fff; font-size:small;	font-weight:bold; margin-bottom:6px;}

/*footer*/


#footer {background:#000; width:100%; color:#fff; height:46px; clear:both; text-align:center; font-size:small;}

#cont_prf  {width:100%; float:left; background-image:url(../img/prf_bg.jpg);  margin-right:12px;margin-top:12px;margin-bottom: 24px;}

#blog_in {overflow-y:scroll; height:460px; background:#fff; font-size:small; text-align:center;}


#index_head{margin:12px auto;}
#index_btn { position:relative; z-index:5; width: 90%;  height: auto;text-align:center; padding:0px\9;
			background:url(../img/index_bg.jpg); 	border-radius: 20px;border: 1px solid #fff; padding: 24px 30px; margin-top: 15px; margin-bottom: 80px; opacity: 1.0;}
			
#index_btn2 { position:relative; z-index:5; 
	width: 90%;  height: auto;text-align:center; padding:0px\9;
			border-radius: 20px;border: 1px solid #fff; padding: 24px 30px; margin: auto; opacity: 1.0;}
			
#a_b {border-image: url("../img/index_bg.jpg") 15 round;
border-style:solid; border-width: 4px;  #fff; margin: 50px auto; width: 81%;background: #fff; opacity: 0.6;}



.a1 {font-size:small;	font-weight:bold;	color:#000;}
.a2	{font-size:small;	font-weight:bold;	color:red; background-image:url(../img/index_bg.jpg);	padding-bottom:12px;}

.a3	{font-size:small;	font-weight:bold;	color:red; background-color: #000;	padding-bottom:12px;}


.index_bana{
	width: 640px;margin: 33px auto -64px;
}
.index_enter{
	margin:auto; width:70%;
}
.index_ent{
	float:left; margin-right:12px;
}
.index_leave{
	float:left;
}
.index_ng{
/*	float:left; margin-right:40px; margin-left:220px;*/
}
	 }

@media screen and (max-width:750px){

#big-video-wrap {
	display: none;
}

body{
	    background-attachment: fixed;
    background-position: center;
    background-position: left top \9;
    background-color: #000;
    width: 90%;
    background-image: url(../img/main-bg.jpg);
    margin: auto;
}
#index_cont{
width:99%;
}

.head_index img{
width: 100%;

}
.index_ent img{
	width: 100%;
}
.index_leave img{
	width: 100%;
}
.index_enter{
	width: 100%;
}
#index_bana {
width: 100%;

}

a {text-decoration: none; color:#000;}


#blog a {color:#fff;}
#blog a hover {color:red;}


a:hover{color:#ff0000;}

a img:hover{
filter:alpha(opacity=80);
opacity:0.8;
}

li {list-style-type: none; font-size:small;}

h3 {background-image:url(../img/index_bg.jpg); font-size:small; padding:4px;border-radius: 10px 10px 0px 0px;color: #fff;}

#head { width:1100px; margin:12px auto; height:63px;
		padding-top:200px; background: url(../img/head2.jpg);}
		
		
#head2 { width:1100px; margin:12px auto; height:63px;
		padding-top: 270px; background: url(../img/logo_12.jpg);background-repeat: no-repeat;}
		
		
		
		
		
		
		
		
		
		
		
		
/*menu*/
.btn {float:left;}



#cont_all {width:1100px; margin:1px auto;  height:2000px; background:#000; padding-top: 0px;margin-top: 40px; }

	#cont_one {width:640px; float:left; background:#000; padding:12px; margin-right:12px;}
	
	
	#cont_two {width:387px; float:left; background:#000; padding:12px; margin-left:12px;}

#index_b1 {position:relative;top: -1331px;left: -88px;}


#cont_all2 {width:1100px; margin:1px auto;  height:2000px; background:#000; padding-top: 0px;margin-top: -10px; }

    #cont_one2 {width:640px; float:left; background:#000; padding:12px; margin-right:12px;}
    
    
    #cont_two2 {width:387px; float:left; background:#000; padding:12px; margin-left:12px;margin-top: -10px;}






ul.missing li {float:left;}





h4 {text-shadow: 0 15px 10px rgba(0,0,0,0.5),
1px 1px 1px rgba(0, 0, 0, 0.6),
-1px -1px 1px rgba(255, 255, 255, 0.5);
font-size: 52px;
color: rgb(136, 0, 98);margin-bottom: 24px;}



.kessai
{
width:90%;
height:291px;
background:#fff;
margin:12px auto;
border-radius:10px;
}

.kessai form {width:100%; height:230px;position: relative;top: -258px;opacity: 0;}



/*バナー*/

.bana {width:640px; background:#978; margin-bottom:12px;
		clear:both;
		height:120px;}
		
		
.bana2 {width:320px; background:#968; margin-bottom:12px;
		clear:both;
		height:120px;}

h2 {color:#fff; font-size:small;	font-weight:bold; margin-bottom:6px;}

/*footer*/


#footer {background:#000; width:100%; color:#fff; height:46px; padding-top:40px; clear:both; text-align:center; font-size:small;}

#cont_prf  {width:100%; float:left; background-image:url(../img/prf_bg.jpg);  margin-right:12px;margin-top:12px;margin-bottom: 24px;}

#blog_in {overflow-y:scroll; height:460px; background:#fff; font-size:small; text-align:center;}


#index_head{margin:12px auto;}
#index_btn { 
    position: relative;
    z-index: 5;
    /* width: 90%; */
    height: auto;
    text-align: center;
    padding: 0px\9;
    background: url(../img/index_bg.jpg);
    border-radius: 20px;
    border: 1px solid #fff;
    padding: 24px 30px;
    margin-top: 15px;
    margin-bottom: 80px;
    opacity: 1.0;
}
			
			
#a_b {border-image: url("../img/index_bg.jpg") 15 round;
border-style:solid; border-width: 4px;  #fff; margin: 50px auto; width: 81%;background: #fff; opacity: 0.6;}



.a1 {font-size:small;	font-weight:bold;	color:#000;}
.a2	{font-size:small;	font-weight:bold;	color:red; background-image:url(../img/index_bg.jpg);	padding-bottom:12px;}




	 }

}