@charset "utf-8";
/* CSS Document */

/* ===== Reset ===== */

/* reset */
body{padding:0;margin:0;list-style:none;border:0;}
input{padding:0;margin:0;}
/* common */
body{color:#555;text-align:left;font-family:sans-serif;}
a{color:black;overflow:hidden;}
a:hover{color:#3a72a0;}

/* header */
#header{top:150px;font-size:28px;color:gray;text-align:center;width:1200px;margin: 0 auto;}
#a{color:gray;font-size:20px;}

/* body */
#main{top:100px;width:1050px;margin: 0 auto;}
#right_link{position:fixed;top:15%;width:160px;font-size:20px;text-align:center;float:left;}
#main1{position:relative;font-size:15px;float:left;left:200px;right:100px;width:80%;top:40px;}
#main2{position:relative;width:90%;}
#main3{position:relative;left:10%;width:70%;}
#main5{position:relative;font-size:15px;float:left;height:10%;left:200px;right:100px;width:80%;}
#main55{position:relative;font-size:15px;float:left;height:10%;left:0px;right:100px;width:90%;}
#main6{position:relative;font-size:15px;float:left;height:75%;left:200px;right:100px;width:80%;top:20px;}
#link {border: 1px lightgray solid;}
#fotter{position:relative;width:100%;text-align:center;margin:auto;}

#menu {
  width:14%;
  float:left;
  text-align:center;
  border-left: 1px solid #bbb;
  border-right: 1px solid #bbb;
}
details {font: 18px "Open Sans", "Arial", sans-serif;width: 620px;}

details > summary {padding: 2px 6px;width: 15em;background-color: #ddd;border: none;box-shadow: 3px 3px 4px black;font-size:20px;}
td {padding:5px 10px 5px 10px;border: 1px #808080 solid;}
th{padding:5px 0px 5px 10px;font-style:normal; font-weight:normal;textron-align:left;background-color:#f5f5f5;border: 1px #808080 solid;}
table { border-collapse:collapse; border-spacing:0;}


/* Accordion Style */
.Item { position:relative; }
input[type='radio'] {-webkit-appearance: radio;}

.AccordionPanel {
	height:0px;
	border-top:none;
	-webkit-transition: all ease-in-out 0.3s;
	overflow:auto; margin-top:-1px;}
input:checked + label .AccordionPanel { height:300px; }


