/*--------------------------
  初期化設定
---------------------------*/
body { margin: 0px; padding:0px; }
div { margin: 0px; padding:0px; }
h1,h2,h3,h4,h5,h6 { margin: 0px; padding:0px; }
p { margin: 0px; padding:0px; }
img { margin: 0px; padding:0px; }
ul { margin: 0px; padding:0px; }
ol { margin: 0px; padding:0px; }
li { margin: 0px; padding:0px; }
table { margin: 0px; padding:0px; }
th { margin: 0px; padding:0px; }
td { margin: 0px; padding:0px; }
a { margin: 0px; padding:0px; text-decoration: none; }
a:hover { margin: 0px; padding:0px; }
a:visited { margin: 0px; padding:0px; }
a:active { margin: 0px; padding:0px; }



body {
	background-size:contain;
	background-color: #000000;
	background-attachment: fixed;
	background-repeat: no-repeat;
	background-position: center bottom;
	color: #02007d;
	font-family: "Arial Black",any font;
}

#wrap {
	width: 965px;
	margin-top: 0px;
	margin-bottom: 0px;		
	margin-right: auto;
	margin-left: auto;
	}

#wrap2{
	width: 939px;
	height: 40px;
	margin: auto auto auto auto;
}

#wrap3{
	width: 925px;
	height: 620px;
	margin: auto auto auto auto;
	background-color: #ffffff;
	}

#wrap4{
	width: 400px;
	margin: 180px 25px auto auto;
	float: right;
	clear: both;
}

.button.large{    
	 display: inline-block;
	*display: inline;
	 zoom: 1;
	 padding: 6px 20px;
	 margin: 0;
	 cursor: pointer;
	 border: 1px solid #bbb;
	 overflow: visible;
	 font: bold 13px arial, helvetica, sans-serif;
	 text-decoration: none;
	 white-space: nowrap;
	 color: #555;
	 background-color: #ddd;
	 background-image: linear-gradient(top, rgba(255,255,255,1),
	                             rgba(255,255,255,0)),
	                             url(data:image/png;base64,iVBORw0KGg[...]QmCC);
	 transition: background-color .2s ease-out;
	 background-clip: padding-box; /* Fix bleeding */
	 border-radius: 3px;
	 box-shadow: 0 1px 0 rgba(0, 0, 0, .3),
	 			 0 2px 2px -1px rgba(0, 0, 0, .5),                             
	 			 0 1px 0 rgba(255, 255, 255, .3) inset;
	 text-shadow: 0 1px 0 rgba(255,255,255, .9);
}   
.button.large:hover{
     background-color: #eee;
     color: #444;
}
.button.large:active{
     background: #e9e9e9;
     color: #c00;
     position: relative;
     top: 1px;
     text-shadow: none;
     box-shadow: 0 1px 1px rgba(0, 0, 0, .3) inset;
     outline: none;
} 

 .button-group,
 .button-group li{
   display: inline-block;
   *display: inline;
   zoom: 1;
  }   
  
 .button-group{
   font-size: 0; /* Inline block elements gap - fix */
   margin: 0;
   padding: 0;
   background: rgba(0, 0, 0, .04);
   padding: 7px;   border-radius: 7px;
  }   
 .button-group li{
   margin-right: -1px; /* Overlap each right button border */
  }   
 .button-group .button{
   font-size: 13px; /* Set the font size, different from inherited 0 */
   border-radius: 0;
  }   
 .button-group .button:active{
   box-shadow: 0 0 1px rgba(0, 0, 0, .2) inset,
               5px 0 5px -3px rgba(0, 0, 0, .2) inset,
               -5px 0 5px -3px rgba(0, 0, 0, .2) inset;
  }
  .button-group li:first-child .button{
    border-radius: 3px 0 0 3px;
  }
     
  .button-group li:first-child .button:active{
    box-shadow: 0 0 1px rgba(0, 0, 0, .2) inset,
                -5px 0 5px -3px rgba(0, 0, 0, .2) inset;
  }
  .button-group li:last-child .button{
    border-radius: 0 3px 3px 0;
  }
  .button-group li:last-child .button:active{
    box-shadow: 0 0 1px rgba(0, 0, 0, .2) inset,
                5px 0 5px -3px rgba(0, 0, 0, .2) inset;
  } 


#header{
	width: 434px;
	margin: 50px auto 30px auto;
	}

#header img{
	width: 434px;
	height: 45px;
	}


	
#mado form textarea{
	color:#ff0000;
	background-color:transparent;
	scrollbar-base-color: #ff0000;
	margin: 20px 45px auto auto;
	width:378px;
	height:100px;
	font-size:13px;
	resize:none;
	font-family: "Arial Black",any font;
	float: right;
	clear:both;
}	



#banner{
	width: 68px;
	height: 20px;
	margin: auto auto 5px 0px;
	color: #ff0000;
    background-color: #02007d;
}

#banner ul {
	display: block;
	width: 400px;
	height: 100px;
	padding: 0px;
	margin: 0px;
}

#banner ul li{
	display: inline;
	padding: 0px;
	margin: 0px;
}

#ameba{
	width: 30px;
	height: 20px;
	margin: auto 60px 10px auto;
}

#face{
	width: 30px;
	height: 20px;
	margin: -31px 20px auto 2px;
	float: right;
	clear: both;
	
}

#mail{
	width: 200px;
	height: 50px;
	margin: 80px auto auto 0px;
}

#counter{
	width: 100px;
	height: 50px;
	margin: -50px 0px auto 0px;
}

#day{
	width: 282px;
	margin: 80px -5px auto auto;
}

#youtube{
	color:#ff0000;
	font-size:13px;
	resize:none;
	font-family: "Arial Black",any font;
	width: 420px;
	height: 315px;
	margin: -105px auto auto 35px;
	float: left;
	}