@charset "Shift_JIS";

body{
margin-top: 0px;
background-image: url(../image/body_bg.gif);
background-repeat: repeat-x;
}

*{
margin:0;
padding:0;
/*
border:0;
*/
font-size:100%;
font-family: Verdana, Arial, "ヒラギノ角ゴ Pro W3", Osaka, "ＭＳ Ｐゴシック", sans-serif;
}

th td form{
margin:0;
padding:0;
border:0;
color:#555;
font-size:100%;
font-family: Verdana, Arial, "ヒラギノ角ゴ Pro W3", Osaka, "ＭＳ Ｐゴシック", sans-serif;
}

img, object{
border: 0;
vertical-align: text-bottom;
}

h1 {
padding:0px;
margin-left:0px;
margin-right:0px;
margin-top:0px;
margin-bottom:0px;
}

/*------------------------
 a
-------------------------*/
a:link {
color:#112299;
}
a:visited {
color:#74178E;
}
a:hover {
color:#112299;
}
a:focus {
color:#112299;
}
a:active {
color:#f00000;
}

/*------------------------
 font
-------------------------*/
.text_xx-large { 
font-size:113%;
line-height:170%;
}
.text_x-large { 
font-size:100%;
line-height:170%;
}
.text_large { 
font-size:88%;
line-height:170%;
}
.text_medium { 
font-size:75%;
line-height:170%;
}
.text_small { 
font-size:69%;
line-height:160%;
}
.text_x-small { 
font-size:63%;
line-height:160%;
}
.text_xx-small { 
font-size:56%;
line-height:160%;
}
.text10-14{ font-size: 10px; line-height: 14px; }
.text11-14{ font-size: 11px; line-height: 14px; }
.text12-14{ font-size: 12px; line-height: 14px; }
.text12-16{ font-size: 12px; line-height: 16px; }
.text12-18{ font-size: 12px; line-height: 18px; }
.text12-20{ font-size: 12px; line-height: 20px; }
.text14-16{ font-size: 14px; line-height: 16px; }
.text14-18{ font-size: 14px; line-height: 18px; }
.text14-20{ font-size: 14px; line-height: 20px; }
.text16-18{ font-size: 16px; line-height: 18px; }
.text16-24{ font-size: 16px; line-height: 24px; }
.text18-20{ font-size: 18px; line-height: 20px; }

/* ------------------------------------------------------
   container
------------------------------------------------------ */
div#container {
width:900px;
margin:0 auto 0px auto;
padding-bottom:20px;
text-align:center;
}

/* clear */
div#container .clear {
clear:both;
/*
font-size: 0px;
*/
}


/* ------------------------------------------------------
   header
------------------------------------------------------ */
div#container div#header {
width:900px;
margin:0;
padding:0;
}

/* ------------------------------------------------------
   submenu
------------------------------------------------------ */
div#container div#submenu {
width:250px;
float:left;
margin:0 auto 0 auto;
padding:0;
}

/* ------------------------------------------------------
   go-top
------------------------------------------------------ */
div#container div#go-top {
width:250px;
height:40px;
padding:0;
}

div#container div#go-top a{
text-decoration: none;		/* ■Firefox等で線が表示されないようにする */
display: block;
width:250px;
height:40px;
}
div#container div#go-top a:hover {
background: url(../image/go_top_on.gif);
background-repeat: no-repeat;
text-indent:-9999px;
}


/* ------------------------------------------------------
   con-1
------------------------------------------------------ */
div#container div#con-1 {
width:250px;
height:178px;
margin:0 auto 0 auto;
padding:0;
position: relative;
}
div#container div#con-1 .img{
width:250px;
height:60px;
margin:0;
padding:0;
}

#con-1 ul {
margin: 0;
padding: 0;
list-style: none;
}

#con-1 li {
margin: 0;
padding: 0;
position: absolute;
width:250px;
height: 35px;
text-indent: -9999px;
}

#con-1 li#con-1-1 { top: 60px; left: 0px; width: 250px; height: 35px; background: url(../image/sub_con-1_1.gif); background-repeat: no-repeat;}
#con-1 li#con-1-2 { top: 97px; left: 0px; width: 250px; height: 35px; background: url(../image/sub_con-1_2.gif); background-repeat: no-repeat;}
#con-1 li#con-1-3 { top: 134px; left: 0px; width: 250px; height: 35px; background: url(../image/sub_con-1_3.gif); background-repeat: no-repeat;}

#con-1 li a{
text-decoration: none;		/* ■Firefox等で線が表示されないようにする */
display: block;
width:250px;
height: 35px;
}

#con-1 li a:link {
text-decoration:none;
}

#con-1 li#con-1-1 a:hover {
background: url(../image/sub_con-1_1-on.gif);
background-repeat: no-repeat;
}
#con-1 li#con-1-2 a:hover {
background: url(../image/sub_con-1_2-on.gif);
background-repeat: no-repeat;
}
#con-1 li#con-1-3 a:hover {
background: url(../image/sub_con-1_3-on.gif);
background-repeat: no-repeat;
}

/* ------------------------------------------------------
   con-2
------------------------------------------------------ */
div#container div#con-2 {
width:250px;
height:228px;
margin:0;
padding:0;
position: relative;
}
div#container div#con-2 .img{
width:250px;
height:60px;
margin:0;
padding:0;
}

#con-2 ul {
margin: 0;
padding: 0;
list-style: none;
}

#con-2 li {
margin: 0;
padding: 0;
position: absolute;
width:250px;
height: 35px;
text-indent: -9999px;
}

#con-2 li#con-2-1 { top: 60px; left: 0px; width: 250px; height: 35px; background: url(../image/sub_con-2_1.gif); background-repeat: no-repeat;}
#con-2 li#con-2-2 { top: 97px; left: 0px; width: 250px; height: 35px; background: url(../image/sub_con-2_2.gif); background-repeat: no-repeat;}
#con-2 li#con-2-3 { top: 134px; left: 0px; width: 250px; height: 35px; background: url(../image/sub_con-2_3.gif); background-repeat: no-repeat;}
#con-2 li#con-2-4 { top: 171px; left: 0px; width: 250px; height: 35px; background: url(../image/sub_con-2_4.gif); background-repeat: no-repeat;}

#con-2 li a{
text-decoration: none;		/* ■Firefox等で線が表示されないようにする */
display: block;
width:250px;
height: 35px;
}

#con-2 li a:link {
text-decoration:none;
}

#con-2 li#con-2-1 a:hover {
background: url(../image/sub_con-2_1-on.gif);
background-repeat: no-repeat;
}
#con-2 li#con-2-2 a:hover {
background: url(../image/sub_con-2_2-on.gif);
background-repeat: no-repeat;
}
#con-2 li#con-2-3 a:hover {
background: url(../image/sub_con-2_3-on.gif);
background-repeat: no-repeat;
}
#con-2 li#con-2-4 a:hover {
background: url(../image/sub_con-2_4-on.gif);
background-repeat: no-repeat;
}

/* ------------------------------------------------------
   quiz
------------------------------------------------------ */
div#container div#quiz { 
width:250px;
height: 69px;
margin:0 auto 20px auto;
padding: 0;
/* font-size: 0; */
text-align: left;
text-indent:-9999px;
background: url(../image/sub_quiz.gif); background-repeat: no-repeat;
}

div#container div#quiz a{
text-decoration: none;		/* ■Firefox等で線が表示されないようにする */
display: block;
width:250px;
height: 69px;
}

div#container div#quiz a:hover {
background: url(../image/sub_quiz_on.gif);
background-repeat: no-repeat;
text-indent:-9999px;
}

#quiz  a:link {
color:#000000;
text-decoration:none;
}
#quiz  a:visited {
color:#000000;
text-decoration:none;
}
#quiz  a:hover {
color:#000000;
text-decoration:none;
}
#quiz  a:focus {
color:#000000;
text-decoration:none;
}
#quiz  a:active {
color:##000000;
text-decoration:none;
}

/* ------------------------------------------------------
   learn-ttl
------------------------------------------------------ */
div#container div#learn-ttl {
width:250px;
height:35px;
margin:0;
padding:0;
/* font-size: 0; */
overflow: hidden;
}
div#container div#learn-ttl img{
width:250px;
height:35px;
margin:0;
padding:0;
/* font-size: 0; */
}

/* ------------------------------------------------------
   li-1
------------------------------------------------------ */
div#container div#li-1 {
width:250px;
height:150px;
/* font-size: 0; */
overflow: hidden;
padding:0;
margin:0;
border:0;
}

div#container div#li-1-box {
text-align:left;
width:250px;
height:125px;
padding:0;
margin:0;
border:0;
position: relative;
background-color: #FEFFC7;
}

div#container div#li-1 .img{
width:250px;
height:25px;
margin:0;
padding:0;
}

div#container div#li-1-box p{
padding-top:4px;
}

#li-1-box ul {
margin: 0;
list-style: none;
}

#li-1-box li {
margin: 0;
padding: 0;
position: absolute;
width:250px;
height: 25px;
text-indent: 27px;
background: transparent url(../image/sub_learn_li1-icon.gif) no-repeat left top;
}

#li-1-box li#li-1-1 { top: 0px; left: 0px; width: 250px; height: 25px; }
#li-1-box li#li-1-2 { top: 25px; left: 0px; width: 250px; height: 25px; }
#li-1-box li#li-1-3 { top: 50px; left: 0px; width: 250px; height: 25px; }
#li-1-box li#li-1-4 { top: 75px; left: 0px; width: 250px; height: 25px; }
#li-1-box li#li-1-5 { top: 100px; left: 0px; width: 250px; height: 25px; }

#li-1-box li a{
color:#000000;
text-decoration: none;		/* ■Firefox等で線が表示されないようにする */
display: block;
width:250px;
height: 25px;
}

#li-1-box li a:link {
color:#000000;
text-decoration:none;
}
#li-1-box li a:visited {
color:#000000;
text-decoration:none;
}
#li-1-box li a:hover {
color:#FFFFFF;
text-decoration:none;
}
#li-1-box li a:focus {
color:#FFFFFF;
text-decoration:none;
}
#li-1-box li a:active {
color:#FFFFFF;
text-decoration:none;
}

#li-1-box li#li-1-1 a:hover {
background: url(../image/sub_learn_li1-on.gif);
background-repeat: no-repeat;
}
#li-1-box li#li-1-2 a:hover {
background: url(../image/sub_learn_li1-on.gif);
background-repeat: no-repeat;
}
#li-1-box li#li-1-3 a:hover {
background: url(../image/sub_learn_li1-on.gif);
background-repeat: no-repeat;
}
#li-1-box li#li-1-4 a:hover {
background: url(../image/sub_learn_li1-on.gif);
background-repeat: no-repeat;
}
#li-1-box li#li-1-5 a:hover {
background: url(../image/sub_learn_li1-on.gif);
background-repeat: no-repeat;
}

/* ------------------------------------------------------
   li-2
------------------------------------------------------ */
div#container div#li-2 {
width:250px;
height:75px;
padding:0;
margin:0;
border:0;
/* font-size: 0; */
overflow: hidden;
}

div#container div#li-2-box {
text-align:left;
width:250px;
height:50px;
padding:0;
margin:0;
border:0;
position: relative;
background-color: #FEFFC7;
}

div#container div#li-2 .img{
width:250px;
height:25px;
margin:0;
padding:0;
}

div#container div#li-2-box p{
padding-top:4px;
}

#li-2-box ul {
margin: 0;
list-style: none;
}

#li-2-box li {
margin: 0;
padding: 0;
position: absolute;
width:250px;
height: 25px;
text-indent: 27px;
background: transparent url(../image/sub_learn_li2-icon.gif) no-repeat left top;
}

#li-2-box li#li-2-1 { top: 0px; left: 0px; width: 250px; height: 25px; }
#li-2-box li#li-2-2 { top: 25px; left: 0px; width: 250px; height: 25px; }


#li-2-box li a{
color:#000000;
text-decoration: none;		/* ■Firefox等で線が表示されないようにする */
display: block;
width:250px;
height: 25px;
}

#li-2-box li a:link {
color:#000000;
text-decoration:none;
}
#li-2-box li a:visited {
color:#000000;
text-decoration:none;
}
#li-2-box li a:hover {
color:#FFFFFF;
text-decoration:none;
}
#li-2-box li a:focus {
color:#FFFFFF;
text-decoration:none;
}
#li-2-box li a:active {
color:#FFFFFF;
text-decoration:none;
}

#li-2-box li#li-2-1 a:hover {
background: url(../image/sub_learn_li2-on.gif);
background-repeat: no-repeat;
}
#li-2-box li#li-2-2 a:hover {
background: url(../image/sub_learn_li2-on.gif);
background-repeat: no-repeat;
}

/* ------------------------------------------------------
   li-3
------------------------------------------------------ */
div#container div#li-3 {
width:250px;
height:150px;
/* font-size: 0; */
overflow: hidden;
padding:0;
margin:0;
border:0;
}

div#container div#li-3-box {
text-align:left;
width:250px;
height:125px;
padding:0;
margin:0;
border:0;
position: relative;
background-color: #FEFFC7;
}

div#container div#li-3 .img{
width:250px;
height:25px;
margin:0;
padding:0;
}

div#container div#li-3-box p{
padding-top:4px;
}

#li-3-box ul {
margin: 0;
list-style: none;
}

#li-3-box li {
margin: 0;
padding: 0;
position: absolute;
width:250px;
height: 25px;
text-indent: 27px;
background: transparent url(../image/sub_learn_li3-icon.gif) no-repeat left top;
}

#li-3-box li#li-3-1 { top: 0px; left: 0px; width: 250px; height: 25px; }
#li-3-box li#li-3-2 { top: 25px; left: 0px; width: 250px; height: 25px; }
#li-3-box li#li-3-3 { top: 50px; left: 0px; width: 250px; height: 25px; }
#li-3-box li#li-3-4 { top: 75px; left: 0px; width: 250px; height: 25px; }
#li-3-box li#li-3-5 { top: 100px; left: 0px; width: 250px; height: 25px; }

#li-3-box li a{
color:#000000;
text-decoration: none;		/* ■Firefox等で線が表示されないようにする */
display: block;
width:250px;
height: 25px;
}

#li-3-box li a:link {
color:#000000;
text-decoration:none;
}
#li-3-box li a:visited {
color:#000000;
text-decoration:none;
}
#li-3-box li a:hover {
color:#FFFFFF;
text-decoration:none;
}
#li-3-box li a:focus {
color:#FFFFFF;
text-decoration:none;
}
#li-3-box li a:active {
color:#FFFFFF;
text-decoration:none;
}

#li-3-box li#li-3-1 a:hover {
background: url(../image/sub_learn_li3-on.gif);
background-repeat: no-repeat;
}
#li-3-box li#li-3-2 a:hover {
background: url(../image/sub_learn_li3-on.gif);
background-repeat: no-repeat;
}
#li-3-box li#li-3-3 a:hover {
background: url(../image/sub_learn_li3-on.gif);
background-repeat: no-repeat;
}
#li-3-box li#li-3-4 a:hover {
background: url(../image/sub_learn_li3-on.gif);
background-repeat: no-repeat;
}
#li-3-box li#li-3-5 a:hover {
background: url(../image/sub_learn_li3-on.gif);
background-repeat: no-repeat;
}

/* ------------------------------------------------------
   li-4
------------------------------------------------------ */
div#container div#li-4 {
width:250px;
height:50px;
/* font-size: 0; */
overflow: hidden;
padding:0;
margin:0;
border:0;
}

div#container div#li-4-box {
text-align:left;
width:250px;
height:25px;
padding:0;
margin:0;
border:0;
position: relative;
background-color: #FEFFC7;
}

div#container div#li-4 .img{
width:250px;
height:25px;
margin:0;
padding:0;
}

div#container div#li-4-box p{
padding-top:4px;
}

#li-4-box ul {
margin: 0;
list-style: none;
}

#li-4-box li {
margin: 0;
padding: 0;
position: absolute;
width:250px;
height: 25px;
text-indent: 27px;
background: transparent url(../image/sub_learn_li1-icon.gif) no-repeat left top;
}

#li-4-box li#li-4-1 { top: 0px; left: 0px; width: 250px; height: 25px; }

#li-4-box li a{
color:#000000;
text-decoration: none;		/* ■Firefox等で線が表示されないようにする */
display: block;
width:250px;
height: 25px;
}

#li-4-box li a:link {
color:#000000;
text-decoration:none;
}
#li-4-box li a:visited {
color:#000000;
text-decoration:none;
}
#li-4-box li a:hover {
color:#FFFFFF;
text-decoration:none;
}
#li-4-box li a:focus {
color:#FFFFFF;
text-decoration:none;
}
#li-4-box li a:active {
color:#FFFFFF;
text-decoration:none;
}

#li-4-box li#li-4-1 a:hover {
background: url(../image/sub_learn_li1-on.gif);
background-repeat: no-repeat;
}

/* ------------------------------------------------------
   menu
------------------------------------------------------ */
div#container div#menu {
text-align:left;
width:250px;

margin:25px auto 0 auto;
padding:0;
position: relative;
}

div#container div#menu p{
padding-top:2px;
}

#menu ul {
margin: 0;
padding: 0;
list-style: none;
}

#menu li {
margin: 0;
padding: 0;
position: absolute;
width:250px;
height: 25px;
text-indent: 5px;
}

#menu li#menu-1 { top: 0px; left: 0px; width: 250px; height: 25px; background: url(../image/sub_memu.gif); background-repeat: no-repeat;}
#menu li#menu-2 { top: 25px; left: 0px; width: 250px; height: 25px; background: url(../image/sub_memu.gif); background-repeat: no-repeat;}
#menu li#menu-3 { top: 50px; left: 0px; width: 250px; height: 25px; background: url(../image/sub_memu.gif); background-repeat: no-repeat;}
#menu li#menu-4 { top: 75px; left: 0px; width: 250px; height: 25px; background: url(../image/sub_memu.gif); background-repeat: no-repeat;}
#menu li#menu-5 { top: 100px; left: 0px; width: 250px; height: 25px; background: url(../image/sub_memu.gif); background-repeat: no-repeat;}

#menu li a{
text-decoration: none;		/* ■Firefox等で線が表示されないようにする */
display: block;
width:250px;
height: 25px;
}

#menu li a:link {
color:#ffffff;
text-decoration:none;
}
#menu li a:visited {
color:#ffffff;
text-decoration:none;
}
#menu li a:hover {
color:#0066cc;
text-decoration:none;
}
#menu li a:focus {
color:#0066cc;
text-decoration:none;
}
#menu li a:active {
color:#0066cc;
text-decoration:none;
}

#menu li#menu-1 a:hover {
background: url(../image/sub_memu-on.gif);
background-repeat: no-repeat;
}
#menu li#menu-2 a:hover {
background: url(../image/sub_memu-on.gif);
background-repeat: no-repeat;
}
#menu li#menu-3 a:hover {
background: url(../image/sub_memu-on.gif);
background-repeat: no-repeat;
}
#menu li#menu-4 a:hover {
background: url(../image/sub_memu-on.gif);
background-repeat: no-repeat;
}


/* ------------------------------------------------------
   main
------------------------------------------------------ */
div#container div#main {
text-align:left;
width:635px;
float:right;
margin:0 auto 0 15px;
padding:0;
}

/* ------------------------------------------------------
   navi
------------------------------------------------------ */
div#container div#navi {
width:635px;
margin:0 auto 5px auto;
padding:0;
}
div#container div#navi p {
color: #297A00;
}
#navi  a:link {
color:#297A00;
/*
text-decoration:none;
*/
}
#navi  a:visited {
color:#297A00;
/*
text-decoration:none;
*/
}
#navi  a:hover {
color:#297A00;
/*
text-decoration:none;
*/
}
#navi  a:focus {
color:#297A00;
/*
text-decoration:none;
*/
}
#navi  a:active {
color:#297A00;
/*
text-decoration:none;
*/
}

/* ------------------------------------------------------
   main-ttl
------------------------------------------------------ */
div#container div#main-ttl {
width:635px;
margin:10px auto 5px auto;
padding:0;
/* font-size: 0; */
}


/* ------------------------------------------------------
   contents-header
------------------------------------------------------ */
div#container div#contents-header {
width:635px;
height:10px;
font-size: 0; 
overflow: hidden;
margin:0;
padding:0;
}
div#container div#contents-header h1{
width:635px;
height:10px;
margin:0;
padding:0;
}

/* ------------------------------------------------------
   contents
------------------------------------------------------ */
div#container div#contents {
text-align:left;
width:635px;
padding-top:10px;
/* font-size: 0; */
margin:0 auto 0 auto; 
background-color: #FFFFFF;
}

/* ------------------------------------------------------
   innerBOX-A
------------------------------------------------------ */
div#contents .innerBOX-A {
width:605px;
margin:0 auto 0 auto;
padding-left:15px;
padding-right:15px;
padding-bottom:20px;
padding-top:5px;
}

div#contents .chara {
float: left;
width: 60px;
display: inline;
}

div#contents .innerBOX-image {
float: left;
width: 200px;
display: inline;
}

div#contents .flashplayer {
float: left;
width: 160px;
display: inline;
}

div#contents .adobereader {
float: left;
width: 120px;
display: inline;
}


/* ------------------------------------------------------
   innerBOX-B （タイトル等）
------------------------------------------------------ */
div#contents .innerBOX-B{
width:635px;
margin:0 auto 0 auto;
}

div#contents .innerBOX-B h2{
padding-bottom:10px;
}

div#contents .innerBOX-B h3{
padding-left:0px;
padding-bottom:2px;
width:605px;
margin:0 auto 0 auto;
color: #6B2121;
border-bottom:2px dotted #CCCCCC;
}

/*
div#contents .innerBOX-B h4{
padding-left:0px;
padding-bottom:2px;
width:605px;
margin:0 auto 0 auto;
color: #273066;
border-bottom:2px dotted #CCCCCC;
}
*/

/* ------------------------------------------------------
   innerBOX-C （活動報告）
------------------------------------------------------ */
div#contents .innerBOX-C {
width:615px;
margin:0 auto 0 auto;
padding-left:10px;
padding-right:10px;
padding-bottom:20px;
padding-top:5px;
}

div#contents .innerBOX-C-image {
float: left;
width: 200px;
display: inline;
}

div#contents .innerBOX-C-textblock{
width:400px;
float:right;
padding-right:0px;
padding-top:5px;
}

div#contents .innerBOX-C-textblock .text{
width:390px;
float:left;
padding-bottom:20px;
}

div#contents .innerBOX-C-textblock .photo{
width:175px;
float:left;
padding-right:25px;
padding-bottom:20px;
}

div#contents .innerBOX-C-textblock .movie_button{
width:400px;
padding-bottom:20px;
}

div#contents .innerBOX-C-textblock .flash{
float:left;
width:380px;
padding-left:0px;
padding-bottom:20px;
}


div#contents .innerBOX-C-textblock .return{
width:81px;
float:left;
padding-left:140px;
}

/* ------------------------------------------------------
   innerBOX-D （マークのリスト）
------------------------------------------------------ */
div#contents .innerBOX-D {
width:580px;
margin:0 auto 0 auto;
padding-left:5px;
padding-bottom:20px;
padding-top:5px;
}

div#contents .innerBOX-D img{
margin:0 auto 0 auto;
padding-left:0px;
padding-top:0px;
float:left;
}

/* ------------------------------------------------------
   innerBOX-E（調べ学習コーナーサブタイトル）
------------------------------------------------------ */
div#contents .innerBOX-E{
width:605px;
margin:0 auto 0 auto;
padding-top:10px;
padding-bottom:3px;
}


/* ------------------------------------------------------
   innerBOX-Line
------------------------------------------------------ */
div#contents .innerBOX-Line {
width:605px;
height:2px;
padding-bottom:0px;
padding-top:0px;
border-bottom:2px dotted #CCCCCC;
}

/* ------------------------------------------------------
   innerBOX-image
------------------------------------------------------ */
div#contents .innerBOX-image{
width:200px;
float:left;
margin:0 auto 0 auto;
padding-left:10px;
padding-top:5px;
}

/* ------------------------------------------------------
   innerBOX-F（ワイド）
------------------------------------------------------ */
div#contents .innerBOX-F{
width:625px;
margin:0 auto 0 auto;
padding-left:5px;
padding-right:5px;
padding-bottom:20px;
padding-top:5px;
}

/* ------------------------------------------------------
   block-a（キャラと写真がある場合）
------------------------------------------------------ */
div#contents .block-a p {
float:left;
width:315px;
padding-left:15px;
padding-top:20px;
display: inline;
}

div#contents .block-a img{
width:200px;
float:right;
padding-right:0px;
padding-top:20px;
display: inline;
}

/* ------------------------------------------------------
   block-b （キャラがあってテキスト右端まで）
------------------------------------------------------ */

div#contents .block-b {
text-align:left;
float: right;
width: 515px;
padding-right:15px;
padding-top:20px;
display: inline;
}

/* ------------------------------------------------------
   block-c（キャラがない場合）
------------------------------------------------------ */

div#contents .block-c p {
float:left;
width:315px;
padding-left:75px;
padding-top:20px;
}

div#contents .block-c img{
width:200px;
float:right;
padding-right:0px;
padding-top:20px;
}

/* ------------------------------------------------------
   block-d（キャラがあって写真がない場合）
------------------------------------------------------ */

div#contents .block-d {
float:left;
width:515px;
padding-left:15px;
padding-top:20px;
}

/* ------------------------------------------------------
   block-e（キャラも写真もなくテキスト右端まで）
------------------------------------------------------ */
div#contents .block-e img{
float:left;
/*
width:515px;
*/
padding-left:75px;
padding-bottom:20px;
}

div#contents .block-e p {
float:left;
width:515px;
padding-left:75px;
padding-top:20px;
}

/* ------------------------------------------------------
   block-f（写真横並び）
------------------------------------------------------ */

div#contents .block-f {
float:left;
width:515px;
padding-left:75px;
padding-top:0px;
}

/* ------------------------------------------------------
   block-g（調べ学習コーナー右に写真あり）
------------------------------------------------------ */
div#contents .block-g {
width:605px;
padding-right:0px;
padding-top:0px;
}

div#contents .block-g p {
float:left;
width:390px;
padding-right:0px;
padding-top:0px;
display: inline;
}

div#contents .block-g img{
float:right;
padding-right:0px;
padding-top:0px;
padding-bottom:40px;
display: inline;
}

div#contents .block-g ul{
list-style-type:decimal;
float:left;
padding-left:30px;
width:360px;
}

div#contents .block-g li{
padding-bottom:20px;
}


/* ------------------------------------------------------
   block-v（映像で見るしょ理の流れボタン、その他のボタン）
------------------------------------------------------ */

div#contents .block-v {
float:left;
width:300px;
padding-left:160px;
padding-top:20px;
}

/* ------------------------------------------------------
   block-v2,3（映像で見るしょ理の流れボタン、その他のボタン2つ横並び）
------------------------------------------------------ */

div#contents .block-v2 {
float:left;
width:300px;
padding-left:0px;
}

div#contents .block-v3 {
float:right;
width:300px;
padding-left:5px;
padding-right:0px;
}

/* ------------------------------------------------------
   block-v4（映像で見るしょ理の流れボタンクリアランス無し）
------------------------------------------------------ */

div#contents .block-v4 {
float:left;
width:300px;
padding-left:160px;
padding-top:0px;
}

/* ------------------------------------------------------
   block-v5 6 7（映像で見るしょ理の流れボタン、その他のボタン3つ横並び）
------------------------------------------------------ */

div#contents .block-v5 {
float:left;
width:200px;
padding-top:0px;
padding-left:10px;
padding-right:0px;
}

div#contents .block-v6 {
float:left;
width:200px;
padding-top:0px;
padding-left:5px;
padding-right:5px;
}

div#contents .block-v7 {
float:left;
width:200px;
padding-top:0px;
padding-left:0px;
padding-right:0px;
}

/* ------------------------------------------------------
   block-l（チェックリスト）
------------------------------------------------------ */

div#contents .block-l {
float:left;
width:590px;
padding-left:0px;
padding-top:10px;
padding-bottom:20px;
}

/* ------------------------------------------------------
   block-m（どんなごみがあるの？）
------------------------------------------------------ */

div#contents .block-m {
width:605px;
padding-right:0px;
padding-top:0px;
}

div#contents .block-m img{
float:right;
padding-right:0px;
padding-top:0px;
padding-bottom:0px;
display: inline;
}

div#contents .block-m p{
float:right;
padding-right:0px;
padding-top:0px;
padding-bottom:0px;
}
/* ------------------------------------------------------
   block-n（Flash playerの説明）
------------------------------------------------------ */

div#contents .block-n {
text-align:left;
float: right;
width:415px;
padding-right:15px;
padding-top:0px;
display: inline;
}

/* ------------------------------------------------------
   block-o（ADOBE Readerの説明）
------------------------------------------------------ */

div#contents .block-o {
text-align:left;
float: right;
width:455px;
padding-right:15px;
padding-top:0px;
display: inline;
}


/* ------------------------------------------------------
   block-back（もどるボタン）
------------------------------------------------------ */

div#contents .block-back{
float:left;
width:81px;
padding-left:260px;
padding-top:20px;
}


/* ------------------------------------------------------
   flash
------------------------------------------------------ */

div#contents .flash {
width:620px;
padding-left:5px;
padding-bottom:20px;
}

/* ------------------------------------------------------
   contents-footer
------------------------------------------------------ */
div#container div#contents-footer {
width:635px;
height:10px;
font-size: 0;
margin:0;
padding:0;
}
div#container div#contents-footer h1{
width:635px;
height:10px;
margin:0;
padding:0;
}




/* ------------------------------------------------------
   チェックリスト　ボタン
------------------------------------------------------ */

div#contents .checklist_submit{
margin:0px;
padding:0px;
width:120px;
height:30px;
text-indent:-9999px;
}