#wrapper {

 margin: 0;

 padding: 0;

 text-align: center;

}



#contents {

 width: 800px;

 margin: 0 auto;

}



#nav {

 width: 800px;

 margin: 10px auto 20px auto;

 border-style: solid;

 border-color: #0066CC;

 border-width: 0 0 2px 0;

}



h2 {

 margin: 5px 5px 5px 0;

 padding: 5px 5px 5px 0.5em;

 border-style: solid;

 border-color: #0066CC;

 border-width: 0 0 0 10px;

 text-align: left;

 color: #0066CC;

}





#main {

 width: 380px;

 height: 350px;

 background-color: #ffffff;

 border-style: solid;

 border-color: #0066CC;

 border-width: 2px 2px 2px 2px;

 float: left;

}



#box1 {

 width: 350px;

 margin: 20px auto 0 auto;

 text-align: left;

}



#box2 {

 width: 300px;

 margin: 10px;

 text-align: left;

 float: right;

 font-size: 12px;

}



p {

 margin: 0px 0 5px 0; 

}



li {

 margin: 0px 0 10px 0; 

}



.pan {

 font-size: 14px;

}



#side {

 width: 380px;

 height: 350px;

 background-color: #ffffff;

 border-style: solid;

 border-color: #0066CC;

 border-width: 2px 2px 2px 2px;

 float: right;

}



span {

 display: block;

 width: 200px;

 height: 50px;

 margin: 5px auto;

}



h3 {

 margin: 0 auto 20px;

 padding: 1em;

 background-color: #00AAFF;

 color: #ffffff;

 text-align: center;

}



input[type="text"], input[type="password"], textarea, select {

 border: 1px solid #D5D5D5;

 color: #666666;

 padding: 5px;

}



input[type="submit"] {

 background-color: #0083CF;

 border: 1px solid #D5D5D5;

 padding: 5px 20px;

 color: #FFFFFF;

 border-radius: 5px;

 -webkit-border-radius: 5px;  

 -moz-border-radius: 5px;

 font-weight: bold; 

 cursor: pointer;

}







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



 #nav {

  width:100%;

  margin:10px auto;

  padding:0;

 }

 

 #contents{

  width:100%;

  margin:10px auto;

  padding:0;

 }



 #main{

  width:100%;

  height: 100%;

  margin: 10px auto;

  text-align: left;

 }



 #box1 {

  width: 95%;

  margin: 10px auto;

  text-align: left;

 }



 #box2 {

  width: 100%;

  margin: 10px;

  text-align: left;

  float: right;

  font-size: 12px;

 }



 #side{

  width:100%;

  height: 80%;

  margin: 10px auto;

  text-align: center;

  float: left;

 }



 input[type="text"] {

  width:150px;

 }



 input[type="password"] {

  width:150px;

 }



}





/*clearfix

---------------------------------------------------*/

.clearfix {

 zoom:1;/*for IE 5.5-7*/

}



.clearfix:after { /*for modern browser*/

 content: ".";

 display: block;

 clear: both;

 height: 0px;

 visibility: hidden;

 font-size: 0;

}