@charset "utf-8";

/*=====
common
=====*/
*{
margin:0;
padding:0;
}

html{
overflow-y:scroll;
}

html,body,div,form,fieldset,legend,label{
margin:0;
padding:0;
}

table{
border-collapse:collapse;
border-spacing:0;
}

th,td{
font-weight:normal;
vertical-align:middle;
}

h1,h2,h3,h4,h5,h6,th,td,caption,form,input,select,option,dl,dt,dd,ul,ol,li{font-weight:normal;}

dl,ul,li{list-style-type:none;}

body{
color:#333;
font-size:0.9em;
line-height:1.4;
background-color:#262626;
font-family:Verdana,"ＭＳ Ｐゴシック",sans-serif;
-webkit-text-size-adjust:100%;
}

img{
border:0;
vertical-align:bottom;
}

div#container{
width:100%;
margin:0 auto;
}

div#containerst{
width:100%;
margin:0 auto;
background-color:#000000;
}

/*===============
START
===============*/
/* header */
table.header{
width:100%;
text-align:center;
margin:0px 0px;
font-size:80px;
color:white;
background-color:#000000;
}

table.header td a{
color:white;
text-decoration:none;
}

/* menu */
table.menu{
width:85%;
background-color:#5B5B5B;
font-size:30px;
text-align:center;
}

table.menu td{
height:70px;
font-weight:bold;
text-align:center;
border:2px solid #3E3E3E;
}

table.menu td a{
display:block;
width:100%;
color:#ffffff;
text-decoration:none;
}

table.menu td a:hover{
background-color:#A2A2A2;
}

/* top form */
table.form{
width:85%;
background-color:#000000;
color:white;
border-top:5px solid #FF0000;
}

table.form th{
text-align:left;
padding:10px 10px 10px 10px;
font-weight:bold;
font-size:30px;
border-bottom:5px solid #262626;
}

table.form td{
text-align:left;
padding:10px 10px 10px 10px;
font-size:27px;
}

table.form td a{
text-decoration:none;
}

/* table form2*/
table.form2{
width:85%;
background-color:#000000;
color:white;
border-top:5px solid #FF0000;
}

table.form2 th{
text-align:left;
padding:10px 10px 10px 10px;
font-weight:bold;
font-size:30px;
border-bottom:5px solid #262626;
}

/* table disc*/
table.disc{
width:85%;
background-color:#000000;
color:white;
}

table.disc td{
text-align:left;
padding:0px 10px;
font-size:27px;
}

table.disc td a{
display:block;
width:100%;
text-decoration:none;
}

table.disc td a:hover{
background-color:#A2A2A2;
}

/* table disctb */
table.disctb{
width:85%;
background-color:#000000;
color:white;
border:2px solid #808080;
}

table.disctb th{
border:2px solid #808080;
}

table.disctb tr{
border:2px solid #808080;
}

table.disctb td{
padding:15px;
border:2px solid #808080;
}

table.disctb td a{
text-decoration:none;
}

/* top link */
table.link{
width:85%;
background-color:#000000;
color:white;
border-top:5px solid #FF0000;
}

table.link th{
text-align:left;
padding:10px 10px 10px 10px;
font-weight:bold;
font-size:30px;
border-bottom:5px solid #262626;
}

table.link td{
text-align:right;
padding:10px 10px 10px 10px;
font-size:27px;
border-bottom:5px solid #262626;
}

table.link td a{
text-decoration:none;
}


/* main */
table.main{
width:100%;
font-size:16px;
}

table.main td a{
color:blue;
text-decoration:none;
}

/* YouTube */
table.youtube{
width:95%;
margin:0px 10px 0px 10px;
font-size:14px;
}

table.youtube th{
padding:0px 0px 5px 0px;
text-align:left;
}

table.youtube td{text-align:center;}

.youtube_widget{
position:relative;
width:100%;
padding-top:56.25%;
}
	
.youtube_widget iframe{
position:absolute;
top:0;
right:0;
width:100% !important;
height:100% !important;
border:none;
}

/* profile */
table.prof{
width:85%;
margin:0px 50px;
}

table.prof td{
font-size:16px;
text-align:left;
vertical-align:top;
padding:0px 0px 8px 0px;
}

/* disco */
table.disco{
width:85%;
margin:0px 50px;
}

table.disco td{
font-size:16px;
text-align:left;
vertical-align:top;
padding:0px 0px 8px 0px;
}

/* contact */
div.contact{
width:85%;
text-align:left;
}

input{
width:400px;
height:35px;
font-size:16px;
box-sizing:border-box;
border:1px solid #999;
padding:3px 5px 3px 5px;
}

textarea{
width:600px;
height:200px;
font-size:16px;
box-sizing:border-box;
border:1px solid #999;
padding:3px 5px 3px 5px;
}

input[type="button"],input[type="submit"]{
width:70px;
height:40px;
font-size:16px;
}

/* thanks */
div.thanks{
font-size:18px;
margin:0px 0px 0px 10px;
text-align:center;
}

/* footer */
table.footerlink{
width:100%;
text-align:center;
background-color:#000000;
color:#ffffff;
}

table.footerlink tr{
height:60px;
font-size:25px;
}

/*=====
float
=====*/
.clearfix:after{
content:".";
display:block;
visibility:hidden;
height:0.1px;
font-size:0.1em;
line-height:0;
clear: both;
}

.clearfix{display: inline-block;}

/*=====
link
=====*/
a:link{color:#D03838;text-decoration:underline;}
a:visited{color:#D03838;text-decoration:underline;}
a:hover{color:#000;text-decoration:underline;}