* {margin: 0;padding: 0;}

body,html {margin-left: 0px; margin-right:0px; margin-top:0px; margin-bottom:0px; 
	padding-left: 0px; padding-right:0px; padding-top:0px; padding-bottom:0px; 
	font-family: "Verdana","Meiryo","ＭＳ Pゴシック"; font-size: 14px; font-style: normal; font-weight: normal;color: #000000; line-height: 1.6;
height: 100%; min-height: 100%;
background: url(../images/background.png);}

.marginbutton {
	padding: 5px;
	border-radius: 5px;
	margin-bottom: 10px;
 	box-shadow: 2px 2px 10px rgba(0,0,0,0.4); -moz-box-shadow: 2px 2px 10px rgba(0,0,0,0.4); -webkit-box-shadow: 2px 2px 10px rgba(0,0,0,0.4);
	border: white 2px solid;
	text-align: center;
	opacity: 0;
	position: relative;
	left: -40px;
   transition: all .3s ease-in-out;
   -moz-transition: all .3s ease-in-out;
   -webkit-transition: all .3s ease-in-out;
}



.fadeout {
   opacity: 1;
   transition: opacity .5s ease-in-out;
   -moz-transition: opacity .5s ease-in-out;
   -webkit-transition: opacity .5s ease-in-out;

   }
   .fadeout:hover {
      opacity: 0.7;
      }


img {  border-style: none; display: inline-block;}
img.white { border: white 7px solid; border-radius: 10px; box-shadow: 2px 2px 10px rgba(0,0,0,0.4); -moz-box-shadow: 2px 2px 10px rgba(0,0,0,0.4); -webkit-box-shadow: 2px 2px 10px rgba(0,0,0,0.4);}
input { height: 22px;}
select { height: 22px;}
ul { margin-left: 10px; padding-left: 10px; }

a:link {  font-family: "Verdana","Meiryo","ＭＳ Pゴシック"; font-size: 14px; font-style: normal; font-weight: normal; color: #002aff; text-decoration: underline}
a:visited {  font-family: "Verdana","Meiryo","ＭＳ Pゴシック"; font-size: 14px; font-style: normal; font-weight: normal; color: #002aff; text-decoration: underline}
a:hover {  font-family: "Verdana","Meiryo","ＭＳ Pゴシック"; font-size: 14px; font-style: normal; font-weight: normal; color: #000000; text-decoration: underline}
a:active {  font-family: "Verdana","Meiryo","ＭＳ Pゴシック"; font-size: 14px; font-style: normal; font-weight: normal; color: #002aff; text-decoration: underline}

a.footer:link {  font-family: "Verdana","Meiryo","ＭＳ Pゴシック"; font-size: 12px; font-style: normal; font-weight: normal; color: #ffffff; text-decoration: none}
a.footer:visited {  font-family: "Verdana","Meiryo","ＭＳ Pゴシック"; font-size: 12px; font-style: normal; font-weight: normal; color: #ffffff; text-decoration: none}
a.footer:hover {  font-family: "Verdana","Meiryo","ＭＳ Pゴシック"; font-size: 12px; font-style: normal; font-weight: normal; color: #ffffff; text-decoration: underline}
a.footer:active {  font-family: "Verdana","Meiryo","ＭＳ Pゴシック"; font-size: 12px; font-style: normal; font-weight: normal; color: #ffffff; text-decoration: none}

a.margin:link {  font-family: "Verdana","Meiryo","ＭＳ Pゴシック"; font-size: 20px; font-style: normal; font-weight: bold; color: #fff; text-decoration: none; text-shadow: 1px 1px 2px rgba(0,0,0,0.4);}
a.margin:visited {  font-family: "Verdana","Meiryo","ＭＳ Pゴシック"; font-size: 20px; font-style: normal; font-weight: bold; color: #fff; text-decoration: none}
a.margin:hover {  font-family: "Verdana","Meiryo","ＭＳ Pゴシック"; font-size: 20px; font-style: normal; font-weight: bold; color: #fff; text-decoration: none; text-shadow: 0 0 3px white, 0 0 3px white, 0 0 3px white;}
a.margin:active {  font-family: "Verdana","Meiryo","ＭＳ Pゴシック"; font-size: 20px; font-style: normal; font-weight: boldl; color: #fff; text-decoration: none}


table.GREY { border-style: solid; border-width: 1px; border-color: #999999}
td.GREY { border-style: solid; border-width: 1px; border-color: #999999}

table.GREYcolour { border-style: solid; border-width: 1px; border-color: #cccccc}
td.GREYcolour { border-style: solid; border-width: 1px; border-color: #cccccc; padding: 3px;}

table.white { border-style: solid; border-width: 1px; border-color: #ffffff}
td.white { border-style: solid; border-width: 1px; border-color: #ffffff}

a.BLUEring, a.BLUEring:link, a.BLUEring:visited, a.BLUEring:active{ display:block;border:1px solid #fff;}
a.BLUEring:hover { display:block; border:1px solid #002aff;}

hr {color: #ccc; background-color: #ccc; border: 0px; height: 1px; width: 100%;}

input.big {font-family: "Verdana","Meiryo","ＭＳ Pゴシック"; font-size: 20px; width: 200px; height: 50px;}


h1 { font-family: "Verdana","Meiryo","ＭＳ Pゴシック"; font-size: 36px; font-style: normal; font-weight: bold; color: #ffffff; text-decoration: none; text-shadow: 0.05em 0.05em 0.05em rgba(0,0,0,0.5); margin-bottom: 20px;}
h2 { font-family: "Verdana","Meiryo","ＭＳ Pゴシック"; font-size: 26px; font-style: normal; font-weight: bold; color: #333333; text-decoration: none}
h3 { font-family: "Verdana","Meiryo","ＭＳ Pゴシック"; font-size: 20px; font-style: normal; font-weight: bold; color: #000000; text-decoration: none}
b,strong { font-family: "Verdana","Meiryo","ＭＳ Pゴシック"; font-size: 16px; font-style: normal; font-weight: bold; color: #002aff; text-decoration: none}
p,td,li { font-family: "Verdana","Meiryo","ＭＳ Pゴシック"; font-size: 1.1em; font-style: normal; font-weight: normal; color: #333333; text-decoration: none; line-height: 1.6;}
p.footer { font-family: "Verdana","Meiryo","ＭＳ Pゴシック"; font-size: 12px; font-style: normal; font-weight: normal; color: #ffffff; text-decoration: none}



/* LAYOUT DEFINITIONS */
#center80 { width: 80%;margin: 0 auto;}
#center { width: 80%;
border: #ffffff 10px solid; margin: 0 auto; -moz-box-shadow:    inset 0 0 10px #000000; -webkit-box-shadow: inset 0 0 10px #000000; box-shadow:         inset 0 0 10px #000000;
z-index: 1; position: relative;
border-left: #ffffff 5px solid; border-right: #ffffff 5px solid;
border-radius: 80px;}

#bodywrapper { padding: 20px; background: rgba(255,255,255,0.6); border-radius: 70px;}
#marginleft {width: 290px; padding: 10px; border: pink 0px solid; float: left; position: relative; left: -50px;}
#body {border: green 0px solid; margin-left: 300px;}
#footer {width: 80%;margin: 0 auto;clear:both;}
textarea { width: 400px; }
input { width: 400px; }


/* MEDIUM VERSION REFINEMENTS */
@media screen and (max-width:1400px) { 
#center80{width: 90%;}
#center{width: 90%;}
#footer{width: 90%;}
}


/* PRINT VERSION REFINEMENTS */
@media print { 
#center {margin: 0px !important;}
#marginleft {display: none !important; width: 0;}
#body {margin-left: 0px !important;}
#footer {margin-left: 0px !important;}
}