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

body {
background-color:#F6F6F6;
background-color:#E8E8E8
/*
background:url(../image/yjirusi_back.gif) no-repeat ;
background-repeat:no-repeat;
background-position:390px 55px;*/	

}

h2{

font-size:18px;

font-size:95%;


 border:1px solid #CCC;

 background-color:#BFDFFF;

 border-top: 1px #ccc solid;
  
    padding:5px;
    font: 18px/140% Verdana, Geneva, Arial, Helvetica, sans-serif;
    overflow:hidden;
    color:#333;
   
text-align:center;
font-weight:bold;





}

#wrapper{
width:1200px;
margin-left:auto;
margin-right:auto;
background-color:#E8E8E8;
padding-top:40px;
padding-bottom:40px;
}
#main{
width:1000px;
height:450px;
background-color:#003366;
margin-left:auto;
margin-right:auto;
padding-top:10px;

}

#g_back{
width:1000px;
height:50px;
margin-left:auto;
margin-right:auto;
background-color:#FFFFFF;
padding-top:40px;
padding-bottom:20px;
border-top: 1px #ccc solid;
border-right: 1px #ccc solid;
border-bottom: 1px #ccc solid;
border-left: 1px #ccc solid;

}

.swf{margin-top:20px;
width:45%;

}
.swf>object{
margin-left:40px;
float:left;

}

.quiz{
margin-left:20px;
float:left;

}

.setumei,.setumei2{
padding:15px;

margin-right:30px;
width:32%;
height:370px;
float:right;
background-color:#CCCCCC;
}
.setumei2{
margin-right:5px;
float:right;
}

.setumei_t,.setumei_t2{
font-size:85%;
 border:1px solid #CCC;
    background:white;
    padding:5px;
    font: 16px/140% Verdana, Geneva, Arial, Helvetica, sans-serif;
    overflow:hidden;
    color:#333;
    text-align:left;

}

.setumei_t2{
font-size:60%;
font: 12px/140% Verdana, Geneva, Arial, Helvetica, sans-serif;
}

	p#target { 
			margin: 1em 0px; padding: 1em;
			background-color: #cc0000; color: #ffffff;
			 font: 16px/140% Verdana, Geneva, Arial, Helvetica, sans-serif;
		}
		@media screen and (max-width: 1000px) {
			p#target { background-color: #ffcccc; color: #550000; }
		}
		@media screen and (max-width: 900px) {
			p#target { background-color: #ccccff; color: #000055; }
		}
		@media screen and (max-width: 800px) {
			p#target { background-color: #cc9999; color: #fff0f0; }
		}
		@media screen and (max-width: 700px) {
			p#target { background-color: #9999cc; color: #f0f0ff; }
		}
		@media screen and (max-width: 600px) {
			p#target { background-color: #996666; color: #ffcccc; }
		}
		@media screen and (max-width: 500px) {
			p#target { background-color: #666699; color: #ccccff; }
		}
		@media screen and (max-width: 400px) {
			p#target { background-color: #663333; color: #ffcccc; }
		}
		@media screen and (max-width: 300px) {
			p#target { background-color: #0000cc; color: #ffffff; }
		}