@charaset "shift-jis";

body{
 text-align: center ;
 margin: 0 ;
 padding: 0 ;
 background-color :#fefefe; 
}

table {
 margin:10px ;
 font-size : 12px;
}

a:link{
 color :#333333;
 text-decoration :none;
 font-size: 12px ; 
}

a:hover{
 color :#444444;
 background :#dddddd;
 text-decoration :none;
 font-size: 12px ; 

}

a:visited{
 color :#111111;
 text-decoration :none;
 font-size: 12px ; 

}


h1{
 color:#111111 ;
 font-size: 20px;
 font-family : HGPｺﾞｼｯｸE ;
}

h2{
 color:#333333 ;
  font-size: 16px;
 font-family : HGPｺﾞｼｯｸE ;
}


h3{
 color:#444444 ;
 font-size: 15px;
 font-family : HGPｺﾞｼｯｸE ;
}

h4{
 color:#666666 ;
 font-size: 13px;
 font-family : HGPｺﾞｼｯｸE ;
}

p{
 color:#555555
 font-size: 10px;
 font-family : ＭＳ　ゴシック ;

}


img{
 display:block;
}

/* ID */


#side_wrapper{
 width: 720px ;
 text-align: center ;
 background-color :#ffffff; 
 background: #FFFFFF url(bg.jpg) repeat-y center top;
 margin: 0px auto;
 padding: 0px;

}
#wrapper{
 text-align:center ;
 width: 700px ;
 margin: 0px auto;
 padding: 0px;

}


#header{
 text-align:center ;
 height: 150px ;
 width: 100%;
 margin: 0px;
 padding: 0px ;
} 

#main{
 clear: both;
 text-align: left ;
 background-color: #ffffff ;
 margin: 0 ;
 padding-left: 5px ;
 color:#555555 ;
 font-size: 12px;
 font-family : ＭＳ　ゴシック ;
 }

#information{

 text-align: left;
 margin-right: 5px ;
 padding: 3px ;
 border-color: #cccccc;
 border-style: solid;
 border-width: 1px;
 float: right;
 width: 350px;

}


#online{

 text-align: left;
 margin-top: 5px ;
 margin-right: 5px ;
 padding: 3px ;
 border-color: #cccccc;
 border-style: solid;
 border-width: 1px;
 float: right;
 width: 350px;

}


#paper{
 clear: both;
 margin-left: 5px ;
 padding: 3px;
 border-color: #cccccc;
 border-style: solid;
 border-width: 1px;
 float: left;
 width: 300px;
}

#about{
 clear: both;
 margin-top: 5px ;
 margin-left: 5px ;
 padding: 3px ;
 border-color: #cccccc;
 border-style: solid;
 border-width: 1px;
 float: left;
 width: 300px;
}


#contact{
 clear: both;
 margin-top: 5px ;
 margin-left: 5px ;
 padding: 3px ;
 border-color: #cccccc;
 border-style: solid;
 border-width: 1px;
 float: left;
 width: 300px;
}


#footer{
 clear: both;
 text-align:center ;
 height: 150px ; 
 margin: 0px ;
 padding: 0px ;
}

#navi{
 text-align: left ;
 height: 20px ; 
 width: 450px;
 background-color: #ffffff ;
 margin: 0 ;
 padding-left: 10px ;
 color:#555555 ;
 font-size: 12px;
 font-family : ＭＳ　ゴシック ;
}

#quiz{
 background-image: url(bg_quiz2.jpg);
 background-repeat: no-repeat;
 margin-left: 20px ;
 padding-left: 50px;
 padding-top: 20px;
 float: left;
 width: 650px;
 height: 550px;

}

#container_left{
 float: left;
 width: 320px;

}

#container_right{
 float: right;
 width: 357px;

}

/* class */

.left40{
 margin-left:40px
}

.left300px{
 margin-left:300px;
}

.left70px{
 margin-left:70px;
}



.left100px{
 margin-left:100px;
}


.left150px{
 margin-left:150px;
}


.list{
 list-style-type:square
}

.number{
 list-style:decimal
}

.haishi{
 color:#aaaaaa
}

.comments{
 clear: both;
 margin-top: 5px ;
 margin-left: 10px ;
 margin-right: 10px;
 padding: 5px ;
 border-color: #cccccc;
 border-style: solid;
 border-width: 1px;
 float: left;
 width: 720px;
 text-align: left;
}


.comments2{
 margin-left: 5px ;
 padding: 3px;
 border-color: #cccccc;
 border-style: solid;
 border-width: 1px;
 float: left;
 width: 750px;

}




.clear{
 clear:both;
}

.question{
 clear: both;
 margin-top: 5px ;
 margin-left: 10px ;
 margin-right: 10px;
 padding: 5px ;
 float: left;
 width: 500px;
 text-align: left;

}


.answer{
 clear: both;
 text-align: left;
 margin-top: 5px ;
 margin-right: 5px ;
 border-color: #cccccc;
 border-style: solid;
 border-width: 1px;
 width: 700px;
 padding: 5px ;
}