/* photo/default.css */







BODY {margin: 0px;

	  background:#ffffff url('http://www.infotop.jp/html/ba.gif') repeat-x;

	  font-size: 12px;
	 
	  color: #666666;
	 }








.emozi img{ margin-top:6px;}







#waku {	BORDER-RIGHT: #CC559A 10px solid;BORDER-left: #CC559A 10px solid; BORDER-BOTTOM: #CC559A 10px solid;}







IMG { border:0px;}







#fo14 { font-size:14px; line-height:22px;}






#fo13 { font-size:13px; line-height:22px;}






#fo16 { font-size:17px;  COLOR: #00703D;font-weight: bold;}






#fo17 { font-size:17px;  COLOR: #444444;font-weight: bold;}




.fo17 { font-size:13px;  COLOR: #333333;}





li {line-height:20px;font-size:12px;}







#title{COLOR: #000000;}







b {COLOR: #666666;}







ol { margin-top:4px;}





.mid_affi {




	FONT-WEIGHT: bold; FONT-SIZE: 13px; MARGIN: 14px 5px 16px; COLOR: #0e9cce


}





#fo01 { font-size:18px;  COLOR: #3333CC;font-weight: bold;}




#fo02 { font-size:14px;  COLOR: #555555;font-weight: bold;}






#fo18 { font-size:20px;  COLOR: #FFFFFF;font-weight: bold;}



#map {BORDER-left:#999999 5px solid;BORDER-bottom:#999999 1px solid; padding-left:10px; margin-top:14px; margin-bottom:5px;




font-size:15px;  COLOR: #666666;font-weight: bold;}




#map2 {BORDER-left:#3592ba 5px solid;BORDER-bottom:#3592ba 1px solid; padding-left:10px; margin-top:14px; margin-bottom:5px;







font-size:15px;  COLOR: #227a94;font-weight: bold;}







#map3 {BORDER-left:#ff740e 5px solid;BORDER-bottom:#ff740e 1px solid; padding-left:10px; margin-top:14px; margin-bottom:5px;







font-size:15px;  COLOR: #ed7446;font-weight: bold;}







#map4 {BORDER-left:#45a435 5px solid;BORDER-bottom:#45a435 1px solid; padding-left:10px; margin-top:14px; margin-bottom:5px;







font-size:15px;  COLOR: #226817;font-weight: bold;}







#map5 {BORDER-left:#ffd646 5px solid;BORDER-bottom:#ffd646 1px solid; padding-left:10px; margin-top:14px; margin-bottom:5px;







font-size:15px;  COLOR: #e1bb33;font-weight: bold;}







form {margin-bottom:0px;}









/*  Other Style - Start */


.menu_bottom { margin-top:10px;
               margin-bottom:20px;
			   }
					  
.menu_bottom a:hover { text-decoration:underline;
                       }


#torikumi_top_left{



	width:560px;



	padding:0;



	float:left;



}



#torikumi_top_right{



	width:200px;



	padding:0;



	float:left;



}


#risk_illust01 { position:absolute;
		         display:block;
                 top:900px;
                 left:800px;
		         display:block;
		         width:100px;
			     }


#risk_illust02 { position:absolute;
		         display:block;
                 top:1900px;
                 left:800px;
		         display:block;
		         width:100px;
			     }

#map_illust01 { position:absolute;
		        display:block;
                top:679px;
                left:796px;
		        display:block;
		        width:100px;
			     }
				 
.houritsu_tokuteisho_item { margin:0 60px 40px 0px;
                            padding:12px 20px;
							border:1px solid #b3cc3c;
							line-height:20px;
							background-color:#f8fed3;
							}

.faq_item { margin:0 60px 0 0;
            padding:1px;
			border:1px solid #b3cc3c;
			line-height:20px;
			background-color:#ffffff;
			width:700px;
			}

.faq_item td { vartical-align:top;
			   padding:3px;
			   }

.faq_item td.gr { vartical-align:top;
			      padding:3px;
				  background-color:#f8fed3;
	              }
.faq_item td.gy { vartical-align:top;
			      padding:3px;
				  background-color:#f0f0f0;
	              }
 
.faq_item img { margin:2px;
			    }


.faq_item02 { margin:60px 60px 14px 0px;
              padding:1px;
			  border:1px solid #cccccc;
			  line-height:20px;
			  background-color:#ffffff;
			  width:700px;
			  }

.faq_item02 td { vartical-align:top;
			     padding:3px;
			     }

.faq_item02 td.gr { vartical-align:top;
			        padding:3px;
			   	    background-color:#f0f0f0;
	                }
 
.faq_item02 img { margin:2px;
			      }
				  
.faq_menu { text-align:right;
            margin:0 70px;
			}

#ryoushitsu_illust01 { position:absolute;
		               display:block;
                       top:24px;
                       left:621px;
		               width:100px;
			           }
					   
table.oboegakifaq { border:1px solid #cccccc;
                    text-align:left;
					width:600px;
					margin:12px;
					vertical-align:top;
					}
					
td.oboegakifaq_q { background-color:#fcfcfc;
                   border-bottom:1px solid #eeeeee;
				   font-weight:bold;
				   }

.oboegakifaq td { padding:3px;
                  }
/* Other Style - End */





/*━━━━━━━━━━━━━━━━━━*/



/*良質教材推進計画インデックス*/







#ryoshitsu_body{



	width:760px;



	font-size:14px;



	color:#666666;



	margin-left:auto;



	margin-right:auto;


　　line-height:18px;

}



* html #ryoshitsu_body, *:first-child+html #ryoshitsu_body{



	width:760px;



	font-size:14px;



	color:#666666;



	margin-left:auto;



	margin-right:auto;



	line-height:22px;

	

	}

	



#ryoshitsu_body a {

                    text-decoration:none;

					}

#ryoshitsu_body a:hover {
                    color:#cc0000;
                    text-decoration:underline;
					}


#index_keyimage{width:760px;
                height:400px;
				background-image:url(index_keyimage.jpg);
				margin:30px 0px 10px 0px;
				font-size:1px;
				text-indent:-9999px;
				}



#left{



	width:670px;



	margin:0;



	padding:0px;



	float:left;



}







#left p.text{



	display:block;



	width:660px;



	color:#444444;



	font-size:14px;



    



	margin:0 0 0 0;



	padding:0px 0px 0px 10px;



	float:left;



}







#right{



	width:90px;



	padding:0;



	margin:0;



	float:left;



}











#ryoshitsu_body p.menu{



	display:block;



	width:760px;



	height:87px;



	padding:0px 0px 5px 0px;



	margin:0;



}



#ryoshitsu_body p.menu a.index_menu1{



	display:block;



	background:url(index_menu1.jpg) ;



	width:183px;



	height:82px;



	padding:0;



	margin:0px 9px 0px 0px;



	font-size:0;



	float:left;



}



#ryoshitsu_body p.menu a.index_menu1:hover{background-position:0px -82px;}





#ryoshitsu_body p.menu a.index_menu2{



	display:block;



	background:url(index_menu2.jpg) ;



	width:183px;



	height:82px;



	padding:0;



	margin:0px 10px 0px 0px;



	font-size:0;



	float:left;



}



#ryoshitsu_body p.menu a.index_menu2:hover{background-position:0px -82px;}



	







#ryoshitsu_body p.menu a.index_menu3{



	display:block;



	background:url(index_menu3.jpg) ;



	width:183px;



	height:82px;



	padding:0;



	margin:0px 9px 0px 0px;



	font-size:0;



	float:left;



}



#ryoshitsu_body p.menu a.index_menu3:hover{background-position:0px -82px;}



	







#ryoshitsu_body p.menu a.index_menu4{



	display:block;



	background:url(index_menu4.jpg) ;



	width:183px;



	height:82px;



	padding:0;



	margin:0px 0px 0px 0px;



	font-size:0;



	float:left;



}



#ryoshitsu_body p.menu a.index_menu4:hover{background-position:0px -82px;}	



	



	







/*━━━━━━━━━━━━━━━━━━*/







/*良質教材推進計画-はじめに*/







#ryoshitsu_body img.logo{



	display:block;



	width:400px;



	height:100px;



	margin:0;



	padding:0;



	float:left;



}







#ryoshitsu_body p.torikumi_text{



	display:block;



	width:720px;



	color:#666666;



	font-size:14px; 



	margin:0px;



	padding:5px 0 20px;



    clear:both;

}



table#torikumi { padding:0;

 

                 width:740px;

				 

				 border:none;



				 

				 }



#torikumi_left{



	width:580px;



	margin:0;



	padding:0px;



	float:left;



}







#torikumi_left p.text{



	display:block;



	width:540px;



	color:#666666;



	font-size:14px;



	margin:0 0 0 0;



	padding:10px 20px 0px 20px;



	float:left;



}







#torikumi_right{



	width:140px;

	

	height:143px;



	margin:0;



	padding:20px;



	float:right;



    text-decoration:none;

}



/*  本来はleft */





#ryoshitsu_body p.ihan{



	display:block;



	width:720px;



	height:72px;



	padding:0px;



	margin:0;



}











#ryoshitsu_body p.ihan a.torikumi_ihanform{



	background:url(torikumi_ihanform.jpg) ;



	width:222px;



	height:32px;



	padding:0;



	margin:10px 0px 30px 40px;



	font-size:0;



	float:left;



}



#ryoshitsu_body p.ihan a.torikumi_ihanform:hover{background-position:0px -32px;}







#torikumi_mailmagaleft{



	width:400px;



	margin:0;



	padding:0px;



	float:left;



}







#ryoshitsu_body p.torikumi_mailmagatext{



 display:block;



 width:390px;



 color:#666666;



 font-size:14px;



   

 margin:0 0 0 0;



 padding:0px 0px 0px 25px;



 float:left;



}







#torikumi_mailmagaright{



	width:100px;



	margin:0;



	padding:0px;



	float:left;



}







#torikumi_shinsaleft{



	width:530px;



	margin:0;



	padding:0px;



	float:left;



}







#ryoshitsu_body p.torikumi_shinsatext{



	display:block;



	width:510px;



	color:#666666;



	font-size:14px;



    



	margin:0 0 0 0;



	padding:20px 0px 20px 20px;



	float:left;



}







#torikumi_shinsaright{



	width:80px;



	margin:0;



	padding:0px;



	float:left;



}











#ryoshitsu_body p.kentei_text{



	display:block;



	width:600px;



	color:#666666;



	font-size:14px;



    



	margin:0 0 0 0;



	padding:5px 20px 20px 80px;



}











/*━━━━━━━━━━━━━━━━━━*/



/*良質教材推進計画-出品前に*/







#ryoshitsu_body p.text1{



	display:block;



	width:540px;



	color:#666666;



	font-size:14px;
    



	margin:0 0 0 0;



	padding:0px 20px 0px 20px;



	float:left;



}







#ryoshitsu_body p.text2{



	display:block;



	width:700px;



	color:#444444;



	font-size:14px;



    



	margin:0 0 0 0;



	padding:0px 20px 0px 40px;



}

div.text3{

	width:600px;


	color:#444444;



	font-size:14px;


    line-height:18px;


}


table{margin:0px 0px 0px 0px;}






.d1{line-height:160%; 
　　padding:0px 180px 0px 7px;}







.d2{line-height:160%;
    padding:0px 280px 0px 7px;}





/*━━━━━━━━━━━━━━━━━━*/



/*良質教材推進計画-ボトムメニュー*/







#ryoshitsu_bottom_menu{



	width:554px;



	color:#666666;



	margin:30px 103px 30px 103px;

	

    border-top:1px solid #333333;



}







#ryoshitsu_bottom_menu_box{



    width:554px;



    background-color:#FFFFDE;



	text-align:left;



}







#ryoshitsu_bottom_menu_left{



	width:95px;



	background-color:#FFFFDE;



	margin:0;



	padding:0px 0px 0px 0px;



	float:left;



}







#ryoshitsu_bottom_menu p.text{



	display:block;



	width:442px;



	background-color:#FFFFDE;



	font-size:14px;



	color:#666666;



	margin:0 0 0 0;



	padding:0px 0px 0px 5px;



	float:left;



}







#ryoshitsu_bottom_menu_right{



	width:447px;



	background-color:#FFFFDE;



	margin:0;



	padding:0px;



	float:left;

	

}



/*━━━━━━━━━━━━━━━━━━*/


/*良質教材推進計画-第二弾コンテンツ追加分*/


#ryoshitsu_body p.menu a.index_menu5{
	display:block;
	background:url(index_menu5.jpg) ;
	width:183px;
	height:82px;
	padding:0;
	margin:0px 9px 0px 0px;
	font-size:0;
	float:left;
}
#ryoshitsu_body p.menu a.index_menu5:hover{background-position:0px -82px;}


#ryoshitsu_body p.menu a.index_menu6{
	display:block;
	background:url(index_menu6.jpg) ;
	width:183px;
	height:82px;
	padding:0;
	margin:0px 10px 0px 0px;
	font-size:0;
	float:left;
}
#ryoshitsu_body p.menu a.index_menu6:hover{background-position:0px -82px;}


#ryoshitsu_body p.menu a.index_menu7{
	display:block;
	background:url(index_menu7.jpg) ;
	width:183px;
	height:82px;
	padding:0;
	margin:0px 9px 0px 0px;
	font-size:0;
	float:left;
}
#ryoshitsu_body p.menu a.index_menu7:hover{background-position:0px -82px;}


#ryoshitsu_body p.menu a.index_menu8{
	display:block;
	background:url(index_menu8.jpg) ;
	width:183px;
	height:82px;
	padding:0;
	margin:0px 0px 0px 0px;
	font-size:0;
	float:left;
}
#ryoshitsu_body p.menu a.index_menu8:hover{background-position:0px -82px;}	




#shuppinmae_navi			{width:760px; height:30px;margin:0px;padding:0px;}
#shuppinmae_navi ul			{float:left; margin:0px;padding:0px; width:760px; position:relative}
#shuppinmae_navi ul li		{float:left; height:30px;margin:0px;padding:0px;}
#shuppinmae_navi ul li a 	{display:block; font-size:1px; text-indent:-4000px; height:30px; text-decoration:none;margin:0px;padding:0px;}

.shuppinmae_navi01 {list-style:none;margin:0px;padding:0px;background:url(shuppinmae_ni_menu1_on.jpg) #fff no-repeat 0px -30px}
.shuppinmae_navi01 A{list-style:none;margin:0px;padding:0px;background:url(shuppinmae_ni_menu1_on.jpg) #fff no-repeat 0px 0px; width:150px}
.shuppinmae_navi01 A:hover{list-style:none;margin:0px;padding:0px;background:url(shuppinmae_ni_menu1_on.jpg) #fff no-repeat 0px -30px}

.shuppinmae_navi02 {list-style:none;margin:0px;padding:0px;background:url(shuppinmae_ni_menu2_on.jpg) #fff no-repeat 0px -30px}
.shuppinmae_navi02 A{list-style:none;margin:0px;padding:0px;background:url(shuppinmae_ni_menu2_on.jpg) #fff no-repeat 0px 0px; width:160px}
.shuppinmae_navi02 A:hover{list-style:none;margin:0px;padding:0px;background:url(shuppinmae_ni_menu2_on.jpg) #fff no-repeat 0px -30px}

.shuppinmae_navi03 {list-style:none;margin:0px;padding:0px;background:url(shuppinmae_ni_menu3_on.jpg) #fff no-repeat 0px -30px}
.shuppinmae_navi03 A{list-style:none;margin:0px;padding:0px;background:url(shuppinmae_ni_menu3_on.jpg) #fff no-repeat 0px 0px; width:160px}
.shuppinmae_navi03 A:hover{list-style:none;margin:0px;padding:0px;background:url(shuppinmae_ni_menu3_on.jpg) #fff no-repeat 0px -30px}

.shuppinmae_navibar{list-style:none;margin:0px;padding:0px;background:url(shuppinmae_ni_bar.jpg) #fff no-repeat 0px 0px; width:290px}


#ryoshitsu_body p.text3{
display:block;
width:720px;
color:#444444;
font-size:14px;
margin:0 0 0 0;
padding:10px 20px 10px 20px;}


#ryoshitsu_body p.fukidashi{
display:block;
width:450px;
color:#444444;
font-size:14px;
margin:0 0 0 0;
padding:5px 0px 5px 0px;
}



.d3{line-height:160%;
    padding:0px 20px 0px 7px;}


#trouble_navi			{width:760px; height:30px;margin:0px;padding:0px;}
#trouble_navi ul			{float:left; margin:0px;padding:0px; width:760px; position:relative}
#trouble_navi ul li		{float:left; height:30px;margin:0px;padding:0px;}
#trouble_navi ul li a 	{display:block; font-size:1px; text-indent:-4000px; height:30px; text-decoration:none;margin:0px;padding:0px;}

.trouble_navi01 {list-style:none;margin:0px;padding:0px;background:url(trouble_menu1_on.jpg) #fff no-repeat 0px -30px}
.trouble_navi01 A{list-style:none;margin:0px;padding:0px;background:url(trouble_menu1_on.jpg) #fff no-repeat 0px 0px; width:150px}
.trouble_navi01 A:hover{list-style:none;margin:0px;padding:0px;background:url(trouble_menu1_on.jpg) #fff no-repeat 0px -30px}

.trouble_navi02 {list-style:none;margin:0px;padding:0px;background:url(trouble_menu2_on.jpg) #fff no-repeat 0px -30px}
.trouble_navi02 A{list-style:none;margin:0px;padding:0px;background:url(trouble_menu2_on.jpg) #fff no-repeat 0px 0px; width:160px}
.trouble_navi02 A:hover{list-style:none;margin:0px;padding:0px;background:url(trouble_menu2_on.jpg) #fff no-repeat 0px -30px}

.trouble_navi03 {list-style:none;margin:0px;padding:0px;background:url(trouble_menu3_on.jpg) #fff no-repeat 0px -30px}
.trouble_navi03 A{list-style:none;margin:0px;padding:0px;background:url(trouble_menu3_on.jpg) #fff no-repeat 0px 0px; width:160px}
.trouble_navi03 A:hover{list-style:none;margin:0px;padding:0px;background:url(trouble_menu3_on.jpg) #fff no-repeat 0px -30px}

.trouble_navibar{list-style:none;margin:0px;padding:0px;background:url(trouble_menubar.jpg) #fff no-repeat 0px 0px; width:290px}


.text_red{
color:#cc0000;
font-size:14px;
}

#hou_navi			{width:760px; height:30px;margin:0px;padding:0px;}
#hou_navi ul			{float:left; margin:0px;padding:0px; width:760px; position:relative}
#hou_navi ul li		{float:left; height:30px;margin:0px;padding:0px;}
#hou_navi ul li a 	{display:block; font-size:1px; text-indent:-4000px; height:30px; text-decoration:none;margin:0px;padding:0px;}

.hou_navi01 {list-style:none;margin:0px;padding:0px;background:url(hou_menu1_on.jpg) #fff no-repeat 0px -30px}
.hou_navi01 A{list-style:none;margin:0px;padding:0px;background:url(hou_menu1_on.jpg) #fff no-repeat 0px 0px; width:150px}
.hou_navi01 A:hover{list-style:none;margin:0px;padding:0px;background:url(hou_menu1_on.jpg) #fff no-repeat 0px -30px}

.hou_navi02 {list-style:none;margin:0px;padding:0px;background:url(hou_menu2_on.jpg) #fff no-repeat 0px -30px}
.hou_navi02 A{list-style:none;margin:0px;padding:0px;background:url(hou_menu2_on.jpg) #fff no-repeat 0px 0px; width:160px}
.hou_navi02 A:hover{list-style:none;margin:0px;padding:0px;background:url(hou_menu2_on.jpg) #fff no-repeat 0px -30px}

.hou_navi03 {list-style:none;margin:0px;padding:0px;background:url(hou_menu3_on.jpg) #fff no-repeat 0px -30px}
.hou_navi03 A{list-style:none;margin:0px;padding:0px;background:url(hou_menu3_on.jpg) #fff no-repeat 0px 0px; width:160px}
.hou_navi03 A:hover{list-style:none;margin:0px;padding:0px;background:url(hou_menu3_on.jpg) #fff no-repeat 0px -30px}

.hou_navi04 {list-style:none;margin:0px;padding:0px;background:url(hou_menu4_on.jpg) #fff no-repeat 0px -30px}
.hou_navi04 A{list-style:none;margin:0px;padding:0px;background:url(hou_menu4_on.jpg) #fff no-repeat 0px 0px; width:160px}
.hou_navi04 A:hover{list-style:none;margin:0px;padding:0px;background:url(hou_menu4_on.jpg) #fff no-repeat 0px -30px}

.hou_navibar{list-style:none;margin:0px;padding:0px;background:url(hou_menubar.jpg) #fff no-repeat 0px 0px; width:130px}


/*  Other Style02 - Start */


.menu_bottom { margin-top:10px;
               margin-bottom:20px;
			   }
					  
.menu_bottom a:hover { text-decoration:underline;
                       }

.str_rd { color:#cc0000;
          font-size:14px;
          font-weight:bold;
          }

/*  Other Style02 - End */